.payment-content {
        padding: 15px 9px;
        overflow: visible;
    }
.payment-tabs-wrapper .tabbable .tab-content {
  width: 73%;
  float: right;
}
.shopcartpage .shopping-cart .coupon-code.cpn-cd-rigt .col-sm-12.sm-margin-bottom-30.ds-cd {
  display: none;
}
.haAclf {
    padding: 2px 0px !important;
    width: 100% !important;
    display: block !important;
}
.qJTHM {
    text-align: center;
}
.g_id_signin {
    width: 100%;   
    display: block; 
    box-sizing: border-box;
}
.payfailmsg{
color: #bd3d1b;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.errormessage {
    padding: 10px 15px;
    margin-top: 12px;
    background: #ffe5e5;
    border: 1px solid #fbcbcb;
    color: #f00;
    border-radius: 5px;
}
.SuccessMessage {
padding: 10px 15px;
    margin-top: 12px;
    background: #1bb82a21;
    border: 1px solid #02991833;
    color: #187408;
    border-radius: 5px;
}
#filtersidebar .filter-search input {
    border-radius: 4px;
    height: 42px;
    border: 0;
    background: #f4f6f8;
    margin-bottom: 10px;
}
.swal2-popup.swal2-modal .swal2-title {
    background: #e5e5e5;
    padding: 8px 0px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px 8px 0px 0px;.login1 .clr span
}
.swal2-popup.swal2-modal {
    padding: 0px 0px 20px;
    background: #ffffff;
    box-shadow: 0px 6px 7px #b8b8b861;
}
#tab2default ul.list-inline.tab-list {
    margin-left: 0px;
}
.compareproductlist .product-price .discount1{
    margin-top: 0px;    
}
#ModalProductQuery .modal-header {
        border: none;
}
ul.idTabs {
    margin: 0;
    text-align: center;
    position: absolute;
    right: 0;
    top: 40%;
    width: 100%;
}
ul.idTabs li.bestdynamic {
    display: inline-block;
}
ul.idTabs li.bestdynamic a {
    border: 1px dotted #262626a8;
    color: #606060;
    padding: 3px 12px;
    border-radius: 50px;
}
ul.idTabs li.bestdynamic a:hover{
    border: 1px dotted #0e3c5e;
    color: #0e3c5e;
}
ul.idTabs li.bestdynamic.selected a {
    border: 1px solid #0e3c5e;
    color: #0e3c5e;
    font-weight: 600;
    border-radius: 50px;
}
.tabonclick {
    display:none;
}
.tabonclick.active{
    display:block;
}
.shopping-cart table tr td.product-in-table img {
    padding: 0px;
}
.wishlisttab table tr td.product-in-table img {
    padding: 0px;
}
#videslides .swiper-slide {
    padding-bottom: 20px;
}
#videslides.swiper-wrapper {
    padding-bottom: 10px;
    margin: 0px 25px;
}
#videslides .swiper-slide {
    background: no-repeat;
}
/*Swiper CSS Start*/
ul.swiper-wrapper {
    margin-left: 0px;
}
.swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 22* 27) !important;
    height: var(--swiper-navigation-size) !important;
    background: #ffffff42;
    border-radius: 40px;
    padding: 20px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #ffffff42;
}
ul.swiper-wrapper~.swiper-button-next, ul.swiper-wrapper~.swiper-button-prev{
    top: var(--swiper-navigation-top-offset, 33%);
}

.banner-layer-heading {
    font-size: var(--bannerlayerheading, 48px);
    margin: 0px 0px 5px;
    color: var(--bannerlayercolor, #fff) !important;
}
.banner-layer-tagline {
    font-size: var(--bannerlayertagline, 20px);
    color: var(--bannerlayercolor, #fff) !important;
}
.banner-layer-pragraph {
  font-size: var(--bannerlayerpra, 16px);
    color: var(--bannerlayercolor, #fff) !important;
}
.carousel-caption.type-wrap.typewriter.intro-text {
  display: inline-block;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(0, -50%);
    margin: 0 auto;
    left: 0;
    right: auto;
    max-width: 100%;
    padding: 0 40px 0 40px;
    z-index: 2;
    width: 100%;
    text-align: var(--slidertextalign, center);
}
.youtubevideos .video-button {
    display: flex;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(0, -50%);
    margin: 0 auto;
    left: 0;
    right: auto;
    max-width: 100%;
    padding: 0 90px 0 90px;
    z-index: 2;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.youtubevideos .video-button i.fas.fa-play {
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 300px;
    background-size: 432px 318px;
    background-position: -212px -66px;
}
.swiperdesk-none {
    display:none !important;
}
.mainsliderswiper .desk-ban{
    width:100%;
}
.mainsliderswiper .desk-ban{
    width:100%;
}
 .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }
/*Swiper CSS END*/
.list-box-pro .StarRating {
    position: absolute;
    bottom: 5px;
}
/*Menu CSS Start*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    }
    ::-webkit-scrollbar{
    width: 10px; 
    background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-thumb{
    background-color: #003f6a; 	
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%,transparent);
    }
.QuickLinkWithTab {
    display: block;
    clear: both;
}
.ordernocolor {
    color: #00467a;
}
.ordernocolor:hover {
    color: #0e3c5e;
}
    /*header popup css move to custom css start*/
.FirstName span.nameuser {
    width: auto;
    max-width: var(--UsenNameMaxWidth);
    font-size: var(--UsenNameFontSize);
    color: var(--UsenNameColor);
    border: var(--UsenNameBorder);
    padding: var(--UsenNamePadding);
    text-align: left;
    font-weight: 400;
    background: none;
    position: relative;
    border-radius: 0px;
}
.FirstName span.nameuser:after{
    content: '';
    position: absolute;
    background-image: var(--UsenNameArrow);
    display: inline-block;
    width: 16px;
    height: 20px;
    background-position: -467px -315px;
    background-size: 400px 250px;
    top: 2px;
    right: 5px;
    transform: rotate(90deg);
}

.modal .modal-dialog .modal-body button.btnblue {
float: none;
        width: 100%;
} 
     #ModalProductQuery.in .modal-content {
              -webkit-box-shadow: none;
              box-shadow: none;
              border: 0px solid var(--color-white);
              background: linear-gradient(#95bcff, #6da4aa);
              border-radius: 50px;
              background-image: url(/DMS/Images/blue-background.png);
              background-repeat: no-repeat;
              background-size: cover;
          }
          #ModalProductQuery .modal-header{
              padding: 0px;
          }
          #ModalProductQuery .modal-body img {
              border: 6px solid var(--color-white);
              border-radius: 5px;
              width: 100%;
              margin-bottom: 5px;
              background: #fafafa;
          }
          .popup2columradius .modal-title {
               color: var(--text-color);
            text-align: center;
            margin-bottom: 8px;
            font-size: var(--font-size20);
            font-weight: var(--font-normal);
            line-height: 16px;
              }
          #ModalProductQuery .modal-title {
        color: #333;
        text-align: center;
        margin-bottom: 8px;
        font-size: var(--font-size20);
        font-weight: 400;
        line-height: 18px;
          }
    #ModalProductQuery .form-group {
        margin-bottom: 1rem;
    }
          #ModalProductQuery .modal-body {
              padding: 0px;
          }
          #ModalProductQuery #spnProductName {
            letter-spacing: 0;
            font-size: var(--font-base);
            font-weight: 500;
          }
          #ModalProductQuery .form-grou label {
              color: #333;
          }
          #ModalProductQuery .form-grou.row {
              margin-bottom: 15px;
          }
          #ModalProductQuery .form-control[disabled], #ModalProductQuery .form-control[readonly], #ModalProductQuery fieldset[disabled] .form-control {
              background-color: var(--bg-white);
              opacity: 1;
          }
          
          #ModalProductQuery .form-control {
              font-size: var(--font-sm);
              border-radius: 5px;
              border: 1px solid #e5e5e5;
          }
    #ModalProductQuery .form-control::-moz-placeholder, #ModalProductQuery .form-control::-webkit-input-placeholder {
            color: #7d7d7d;
          }
          .modal-header .close {
              color: var(--color-white);
              background: #ff0100;
              position: fixed;
              right: -10px;
              top: -10px;
              font-size: var(--font-size20);
              padding: 3px 0px 7px 0px;
              line-height: 29px;
              width: 45px;
              height: 45px;
              opacity: 1;
              margin: 0;
              transition: transform .3s ease-in-out;
              z-index: 999999;
              border-radius: 50%;
              border: 5px solid var(--color-white);
          }
          .modal-header .close .fa {
              transform: rotate(45deg);
              transition: transform .3s ease-in-out;
          }
          .modal-header .close:hover .fa {
             transform: rotate(-225deg);
          }
    /*header popup css move to custom css emd*/
    /*Career Thanks CSS Start*/
    .thanks_design {
        min-height: auto;
        box-shadow: none;
        width: auto;
        text-align: center;
        margin: 50px auto 50px;
        padding: 3% 3%;
        border-radius: 0px;
        border: 1px solid #e9e9e9;
        background-color: #fffef7;
    }
    .thanks_design a strong {
        color: #337ab7;
    }
    .thankpage h5 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .thank-text p {
        font-size: var(--font-size20);
    }
    .thank-text {
        font-size: var(--font-base);
        line-height: 30px;
    }
    .thankpage p {
        font-size: var(--font-size20);
        color: var(--color-black);
        font-weight: 600;
        letter-spacing: 0.05em;
    }
    .thanks_design .careerthanks h2{
       font-size: 32px;
        font-weight: 200;
        color: #6ecc36;
        margin-bottom: 22px; 
    }
    /*Career Thanks CSS End*/
    
    
    
    
    .breadcrumb.ps-0 li.breadcrumb-item .fw-semibold {
        font-weight:500 !important;
        color:#212529bf !important;
    }
    .breadcrumb.ps-0 li.breadcrumb-item .fw-semibold:hover {
        color:#2196F3 !important;
    }

    .bloglist .table-responsive{
        overflow:hidden;
    }
    .btnicon:hover::before, .buttonncommon:hover:before, .btnsendquery:hover::before{
        /*border-radius: 4px 4px 3px 3px;*/
        border-radius: var(--btnradius);
    }
    .unsubscribebtn {
    background: #ff0202 !important;
        border-color: #cf3131 !important;
    }
    .unsubscribebtn:before {
        background: #e42424 !important;
        border-color: #cf3131 !important;
    }
    .lifesection.bloglist span.innerspanmain {
        margin: 0;
    }
    body .site-header ul, body header ul  {
        margin-left: 0;
    }
    #LeftCategoryName ul {
        margin-left: 0;
    }
    #LeftCategoryName ul li{
        list-style: none;
    }
    #hotcate-wrap .content-box ul li {
        list-style: none;
    }
    #hotcate-wrap .content-box ul, .inlinecertificate, .careerdesign .nav-tabs.tabs-left, .bloglist #lifegrid, .owl-carousel.owl-loaded, ul#contact-menu1, ul#contact-menu2, ul#contact-menu3, .contact-menu ul, ul.ulEventGallery, .pay-option ul, .sidebar ul, .features_apps ul, ul.featureappul, .footer-middle ul.category-2{
        margin-left: 0;
    }
    .productdetailspagedesign ul.tabdocuemnt li {
        list-style: none;
    }
    .productdetailspagedesign.detail-min ul.tabdocuemnt_group {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin: 0;
    }
    .productdetailspagedesign.detail-min .tabdocuemnt_group li {
        list-style: none;
    }
    .productdetailspagedesign.detail-min .tabdocuemnt_group li a {
        border: 1px solid #e1e1e1;
        padding: 5px 5px;
        display: flex;
        align-items: center;
    }
        .productdetailspagedesign.detail-min .tabdocuemnt_group li a:hover {
        border: 1px solid #333;
        }
    .newsthanks .default-thanksmsgs p {
        margin: 0% 25% 2%;
    }
    .default-thanksmsgs p a.anchorpracolo {
        color: #0e3c5e;
    }
    .default-thanksmsgs p a.anchorpracolo:hover{
        color: #000;
    }
    .namewithdot {
            overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        white-space: pre-wrap;
        width: 120px;
    }
    .container.callout {
        position: absolute;
        bottom: 0px;
        padding-bottom: 40px;
    }
    .container.callout a.slider-butn.btn {
        padding: 8px 16px;
        gap: 10px;
        background-color: #e6ecf2;
        margin-right: 10px;
        text-decoration: none;
        color: #00407f;
        font-size: 12px;
        font-weight: 500;
        border: #fff;
    }
    .container.callout a.slider-butn.btn:hover{
        color: #fff;
    }
    
    #player .ytp-chrome-top, .ytp-chrome-bottom {
        display: none !important;
    }
    div.relative {
        position: relative;
    }
    video.w-full {
        width:100%;
    }
    .customVideo iframe{
        height:100vh;
    }
    .muteIcon {
            position: absolute;
        bottom: 29px;
        z-index: 6;
        right: 21px;
        background-color: #ffffff21;
        border-radius: 50%;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .sort-list-btn .dropdown-menu.show {
        padding:0px;
    }
    .addtowishlist_area .buttonncommon {
        display: inline-block;
    }
    .sort-list-btn .dropdown-menu.show li a {
        display: block;
        background: #f9f9f9;
        padding: 2px 5px;
        font-size: 12px;
        border-bottom: 1px solid #3333331c;
    }
        .sort-list-btn .dropdown-menu.show li a:hover {
        background: #eee;
        }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu{
        display: none !important;
    }
    .menu_area-light .navbar-nav li:hover>ul.sub-menu.megamenu {
        display: block !important;
        top: 54px;
        height: 300px;
    }
    /* .menu_area-light .navbar-nav li:hover>ul.sub-menu.megamenu li.has-sub a{
        font-weight: bold;
        background: #fafafa;
    } */
    .menu_area-light .navbar-nav li>ul.sub-menu li.has-sub ul.sub-menu{
        display: block;
        position: relative;
        left: 0;
        top: 0;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu:hover li.has-sub ul.sub-menu{
        display: block;
    }
    .menu_area-light .navbar-nav li:hover>ul.sub-menu.megamenu li.thirdlevel a{
        font-weight: bold;
        background: #fafafa;
    }
    .menu_area-light .navbar-nav li:hover>ul.sub-menu.megamenu li.has-sub a~ul.sub-menu li a{
        border-bottom: 1px solid #f6f6f64d;
        font-weight: normal;
        background: none;
        padding: 5px 16px;
        width: 100%;
        border-left: 0px solid #000;
    }
    .accordion-style .btn-link {
        background: #ffffff;
    }
    .accordion-style .card {
        background: #ffffffe0;
    }
    /* .navbar-nav>li.has-sub {
        position: relative;
    } */
    .list-inline > li {
        display: inline-block;
    }
    .video-wrapper video{
        width: 100%;
    }
    .slider-fade2 [data-overlay-dark]:before, .slider-fade2 [data-overlay-light]:before{
        display: none;
    }
    .slider-fade2 .owl-item{
        height: 420px !important;
    }
    .full-screen.top-position{
        min-height: auto !important;
    }
    .attr-nav .tphedr-fixsz{
        position: relative;
        left: 0px;
        right: auto;
        top: 34px;
        bottom: 0;
        width: 220px;
        background-color: #fff;
        border: none;
        z-index: -1;
        clear: both;
    }
    .attr-nav .tphedr-fixsz form button.searchsbtmbtn{
        position: absolute;
        top: 1px;
        right: 1px;
        padding: 4px 6px;
        background: none;
        line-height: 24px;
    }
    .tphedr-fixsz input#txtSearchProduct{
        width: 100%;
        height: 34px;
        margin-bottom: 0px;
        min-height: 34px;
        border-radius: 0;
        display: inline-block;
        padding: 0px 28px 0px 6px;
        color: #000;
        border-color: rgb(0, 0, 0);
        font-size: 12px;
    }
    .navbar-nav>li>a {
        top: 15px;
    }
    .tphedr-fixsz input#txtSearchProduct::placeholder{
        color: #000;
    }
    .top-search.bg-primary{
        display: block;
        position: absolute;
        right: 20%;
        top: 50%;
        width: 15%;
        background: #fff !important;
        color: rgb(51, 51, 51);
        padding: 0px;
        z-index: 333;
        border: 1px solid #e5e5e5;
    }
    .top-search.bg-primary .container-fluid{
        padding: 0px;
    }
    .tphedr-fixsz .input-group-addon.close-search.close-search {
        display: none !important;
        display: inline-block;
        width: 8%;
        right: 12px;
        top: 2px;
        line-height: 29px;
        padding: 1px 10px !important;
        position: absolute;
        background: #f00;
    }
    .slider-fade2 .owl-nav.disabled{
        display: block !important;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    .slider-fade2 .owl-nav.disabled .owl-prev{
        right: 0;
        bottom: -5px;
        position: absolute;
        background: #ffffff9c !important;
    }
    .slider-fade2 .owl-nav.disabled .owl-next{
        right: 0;
        position: absolute;
        background: #ffffff9c !important;
    }
    .slider-fade2 .owl-nav.disabled .owl-prev:hover{
        background: #fff !important;
    }
    .slider-fade2 .owl-nav.disabled .owl-next:hover{
        background: #fff !important;
    }
    .menu_area .navbar-brand {
        /* background: #fff;
        padding: 0px 4px 4px 6px; */
        padding: 0;
    }
    .navbar-header-custom {
        padding: 0px;
    }
    .navbar-nav>li>a {
        font-weight: 400;
    }
    header.scrollHeader .navbar-header-custom{
        padding: 0px ;
    }
    header.scrollHeader .menu_area .navbar-brand {
        padding: 0px ;
    }
    header.scrollHeader .menu_area .navbar-brand img{
        padding: 10px 0px 0px;
        max-height: 95px;
    }
    header.scrollHeader .navbar-nav>li>a {
        top: 15px;
    }
    header.scrollHeader .top-search.bg-primary {
        top: 51%;
    }
    header.scrollHeader .shopbagview {
        margin-top: 0px;
    }
    header.scrollHeader .shopbagview .colviewcart{
        padding-right: 0px;
    }
    .menu_area-light.scrollHeader .navbar-nav>li>a {
        color: #000;
    }
    .menu_area-light.scrollHeader .attr-nav>ul>li>a {
        color: #000;
    }
    .attr-nav>ul>li>a span.badge {
        top: 43%;
        right: 5px;
        line-height: 13px;
        background-color: #ee2e2e !important;
    }
    .felogo{
        display: none;
        width: 60%;
        margin-top: 54px;
    }
    .navbar-nav>li>a {
        text-transform: capitalize;
    }
    
    .slider-fade2 h1{
        color: #fff;
        text-shadow: -2px 2px 0px #aeaeae;
    }
    .slider-fade2 h3{
        text-shadow: -1px 1px 3px black;
        color: #fff;
        font-size: 42px;
        font-weight: bold;
    }
    .slider-fade2 p{
        font-size: 22px;
        color: #fff;
    }
    .header-light-nav .navbar-nav li.current>a {
        color: #fff;
    }
    .header-light-nav .navbar>ul>li.current>a:after {
        border-color: transparent #fff #fff transparent;
    }
    .top-position {
        margin-top: 0px;
    }
    .newslt p.sub-tit{
        line-height: 18px;
        margin-bottom: 16px;
        color: #fff;
        font-size: 13px;
    }
    .d-none {
        display:none;
    }
    .secsec{
        background-repeat: no-repeat;
        background-position: top center;
        overflow: visible;
        position: relative;
        padding: 120px 0px 120px;
    }
    .textcnbg{
        z-index: 1;
        margin-top: 0px;
        margin-bottom: 32px;
    }
    .secsec .wide--one-quarter {
        width: 25%;
        float: left;
        margin:0px;
        min-height: 1px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        transition: all 0.4s ease-out;
    }
    .secsec .ultpsld .wide--one-quarter {
        width: 24%;
    }
    .secsec .wide--one-quarter .category_image img{
        transition: all 1.4s ease-out;
    }
    .secsec .wide--one-quarter:hover .category_image img{
        /* transform: scale(1.07); */
    }
    .secsec ul li {
        list-style: none;
    }
    .secsec ul li .category-listing_section {
        padding: 0px;
        float: left;
        width: 100%;
        border:1px solid #ffffff;
    }
    .secsec .category-listing_inner {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .secsec .wide--one-quarter:before{
        content: "";
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 100%) 100%);
        width: 100%;
        height: 70%;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 2;
        transition-property: top, opacity;
        transition-duration: 0.3s;
    }
    .secsec .wide--one-quarter:hover:before {
        top: auto;
        opacity: 1;
        height: 26%;
        bottom: 0%;
    }
    .secsec ul.category-listing_block{
        /* display: flex;
        flex-wrap: wrap;
        justify-content: space-between; */
        width: 100%;
        padding: 0;
    }
    .secsec .category-listing_inner .category_text{
        text-align: left;
        padding: 0px 20px 10px 20px;
        color: #fff;
        position: absolute;
        bottom: 70px;
        left: 0px;
        z-index: 3;
        width: 100%;
        transition: all linear .3s;
    }
    .secsec .wide--one-quarter:hover .category-listing_inner .category_text {
        bottom: 10px;
        transition: all linear .3s;
    }
    .secsec .wide--one-quarter .category-listing_inner .category_text h4:after {
            display: block;
            content: "";
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 31%, rgba(0,0,0,0) 100%);
            width: 0;
            height: 2px;
            margin: 5px 0;
            opacity: 0;
            transition: all linear .2s;
    }
    .secsec .wide--one-quarter:hover .category-listing_inner .category_text h4:after {
        opacity: 1;
        width: 130px;
        transition: all linear .2s;
    }
    .secsec .wide--one-quarter:hover .category-listing_inner .category_text h4 {
        transition-delay: 0.15s;
        top: 0;
        opacity: 1;
    }
    .secsec .wide--one-quarter:hover .category-listing_inner .category_text .info {
        transition-delay: 0.20s;
        top: 0;
        opacity: 1;
        font-size: 14px;
        line-height: 20px;
    }
    .secsec .wide--one-quarter:hover .category-listing_inner .category_text .know-more {
        transition-delay: 0.25s;
        top: 0;
        opacity: 1;
    }
    .secsec .wide--one-quarter .category-listing_inner .category_text .know-more a{
        color: #fff;
        font-weight: 700;
        font-size: 15px;
    }
    .secsec .wide--one-quarter .category-listing_inner .category_text .know-more a:hover:after {
        margin-left: 15px;
        transition: all linear .3s;
    }
    .secsec .wide--one-quarter .category-listing_inner .category_text .know-more a:after {
        background: url(/DMS/Images/next-arrow.png);
        background-repeat: no-repeat;
        width: 8px;
        height: 11px;
        content: "";
        position: absolute;
        top: 5px;
        margin-left: 10px;
        transition: all linear .3s;
    }
    .category-listing-type-1 .category_text h4, .category-listing-type-1 .category_text .h4 {
        display: block;
        opacity: 1;
        position: relative;
        top: 100px;
        transition-property: top, opacity;
        transition-duration: 0.3s;
        transition-delay: 0s;
        font-size: 26px;
        font-weight: 200;
        color: #fff;
        letter-spacing: 1.3px;
    }
    .category-listing-type-1 .category_text .info{
        display: block;
        opacity: 0;
        position: relative;
        top: 160px;
        transition-property: top, opacity;
        transition-duration: 0.3s;
        transition-delay: 0s;
        font-weight: 100;
        color: #fff;
        letter-spacing: 0.9px;
        margin-top: 10px;
        min-height: 65px;
    }
    .category-listing-type-1 .category_text .know-more {
        display: block;
        opacity: 0;
        position: relative;
        top: 160px;
        transition-property: top, opacity;
        transition-duration: 0.3s;
        transition-delay: 0s;
    }
    .category-listing-type-1 .category_image {
        position: relative;
        width: 100%;
        margin: auto;
        border-radius: 50%;
        display: block;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .category-listing-type-1 .category_image img {
        background: #000000;
    }
    .category-listing_section .category_image img {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .category-listing-type-1 .category_image img {
        display: block;
        border-radius: 0px;
        width: 100%;
    }
    .category-listing_section:hover .category_image::before {
        box-shadow: 0 0 10px 5px rgb(0 0 0 / 25%);
    }
    .category-listing_section:hover .category_image::before {
        box-shadow: 0 0 10px 5px rgb(0 0 0 / 25%);
        opacity: 1;
        border-radius: 50%;
        transform: rotate(90deg);
    }
    .category-listing-type-1 .category_text h4, .category-listing-type-1 .category_text .h4 {
        font-size: 20px;
        display: block;
        margin: 0px;
    }
    .category-listing-type-1 .category_text h4 a, .category-listing-type-1 .category_text .h4 a {
        color: #fff;
        font-weight: 100;
        display: block;
    }
    .category-listing-type-1 .category_image {
        background: none;
    }
    /* .category-listing_section:hover .category_image img {
        transform: scale(0.95);
    } */
    .ultpsld{
        position: relative;
        top: 0px;
        z-index: 1;
    }
    .butn-style4 {
        background: #000000;
        font-size: 16px;
        font-weight: 400;
    }
    .slider-fade2.owl-theme .owl-dots .owl-dot.active {
        color: #cacaca;
    }
    .slider-fade2.owl-theme .owl-dots .owl-dot span:before {
        background-image: linear-gradient(to right, #ffffff, transparent 130%);
    }
    .slidermain{
        z-index: 0;
    }
    .slider-fade2 .owl-dots {
        bottom: 40px;
        left: 118px;
        margin: 0 !important;
    }
    .textcnbg h1{
        margin-top: 0px;
        text-align: center;
        color: #013e6a;
        background: #000;
        font-size: 80px;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 84px;
        /* background: url(../img/wave.jpg) top; */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .inner-form-subscribe {
        display: inline-block;
        width: 100%;
        background: #fff;
        padding: 12px 12px 19px;
        border: 1px dotted #9d9b9b;
    }
    .inner-form-subscribe .btn {
        background: #000;
        color: #fff;
        border-color: #000;
        position: relative;
        top: 8px;
        left: 0;
        width: 100%;
        z-index: 0;
    }
    
    .inner-form-subscribe input{
        padding: 3px 6px;
        width: 100%;
        border: 1px solid #d5d5d5;
    }
    .categoty-style2 img{
        border-radius: 50%;
        width: 200px;
        height: 190px;
    }
    .teaser-standard:hover img{
        border: 5px solid #a4a4a41f;
    }
    .teaser-standard:hover h3 a{
       color:  #013e6a;
    }
    .teaser-standard {
        padding: 30px;
    }
    .teaser-standard:hover{
        background: #fafafa;
        padding: 30px;
    }
    .categoty-style2 .category-icon {
        padding: 0px;
    }
    .butn-style4:hover {
        color: #000;
        background: #ffffff;
    }
    .butn-style4:focus {
        color: #000;
        background: #ffffff;
    }
    
    .footer-top ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .footer-top ul li{
        width: 48.333%;
        display: inline-block;
        margin: 10px 0px;
        text-align: center;
    }
    .footer-top ul li .support_section {
        display: inline-block;
        width: 100%;
        margin: auto;
        padding-left: 0px;
        position: relative;
    }
    .footer-top ul li .support_icon {
        /* float: left; */
        text-align: center;
    }
    .footer-top ul li .support_icon {
        /* position: absolute;
        left: 0;
        top: 0; */
        float: none;
    }
    .footer-top .support_icon, .footer-top .support_text {
        float: left;
    }
    .footer-top .support_text {
        margin-left: 15px;
        padding: 0 0;
    }
    .footer-top .support_text {
        width: 100%;
        color: #000;
        display: block;
        text-align: center;
        margin: 0;
    }
    .footer-top .support_text h5{
        margin-bottom: 4px;
        color: #333333;
    }
    .footer-top .support_text p.desc a {
        color: #777;
    }
    .footer-top .support_icon a {
        display: inline-block;
        height: 50px;
        width: 50px;
    }
    .footer-top .support_icon a img{
        width: 100%;
    }
    .drkgrfftr{
        background: #ececec;
        padding: 50px 50px;
    }
    .footer-bottom p a{
        color: #013e6a;
    }
    .footer-bottom p a:hover{
        color: #369;
    }
    .lookbook.second {
        right: 22%;
        left: inherit;
        bottom: 35%;
        top: inherit;
    }
    .offer-style02 .top-10 {
        top: 44%;
        bottom: inherit;
        background: #10101066;
        padding: 8px 0px 12px;
    }
    .offer-style02 .top-10 span{
        margin-bottom: 5px !important;
        padding: 0px 8px;
        background: #ffffff;
        display: inline-block !important;
        color: #003f6a !important;
        font-size: 12px;
        letter-spacing: 1px;
    }
    .page_single.banner-ads{
        text-align: center;
        padding: 0px 0px 0px;
    }
    .banners-section {
        padding: 120px 0px 0px;
    }
    .wa-banners {
        text-align: center;
        margin-bottom: 30px;
        padding: 0;
        background-color: #fff;
    }
    .wa-banners, .wa-banners .mask-top, .wa-banners-thumbnail {
        position: relative;
        float: left;
        width: 100%;
    }
    .wa-banners img {
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    .quick-view-popup, .wa-banners img {
        -ms-transition: all .6s ease-in-out;
    }
    .wa-banners img {
        margin: 0;
        padding: 0;
        float: left;
        z-index: 4;
        width: 100%;
    }
    .our-banners-item .mask-bottom, .wa-banners .caption {
        background-color: rgba(0,0,0,0);
        z-index: 9;
        transition: all .25s ease-in-out;
    }
    .wa-banners .caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    .wa-banners .caption-text {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        padding-top: 15%;
    }
    .clear {
        clear: both;
    }
    .wa-banners .wa-banners-caption {
        padding: 0 5%;
        width: 100%;
        position: relative;
        text-align: left;
        float: left;
    }
    .wa-banners .wa-banners-caption.text-right{
        text-align: right;
    }
    .wa-banners-caption h2 {
        margin: 0;
        display: inline-block;
        width: 100%;
        color: #171616;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 36px;
        line-height: 1.2em;
        text-transform: uppercase;
    }
    .marT10 {
        margin-top: 10px;
    }
    .theme-button{
        position: relative;
        padding: 10px 28px;
        line-height: 22px;
        text-transform: capitalize;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        border: 0;
        background: #013e6a;
        transition: all .45s ease-in-out;
    }
    .theme-button:hover{
        color: #fff;
        background: #055086;
    }
    .product-advangest {
        width: 100%;
        display: inline-block;
        position: relative;
        padding: 90px 0px 0px;
        background: #ffffff;
    }
    .product-advangest .icon-advance{
        width: 100%;
    }
    .product-advangest .sc-ne3-sb2{
        width: 100%;
    }
    .product-advangest .w100{
        position: relative;
    }
    .p-advsd-img {
        position: relative;
        width: 100%;
        display: inline-block;
    }
    .p-advsd-img img {
        max-width: 100%;
    }
    .icon-advance {
        position: absolute;
        top: 75px;
        left: 96px;
    }
    #txtSearchBrand.form-control{
        min-height: 44px;
    }
    .product-advangest .catalog-text h2 {
        text-align: center;
        font-weight: 900;
        text-transform: capitalize;
    }
    .product-advangest .catalog-text {
        padding: 0px 198px 30px;
        text-align: center;
    }
    .sc-ne3-sb2 {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }
    .sc-ne3-sb2>div {
        width: 13%;
        margin: 3.2% 0 0% 0;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
    .sc-ne3-sb2>div>img {
        width: 40px;
        height: 40px;
        margin-right: 4px;
        float: left;
    }
    .sc-ne3-sb2>div>span {
        color: #fff;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 18px;
    }
    .teaser-standard h3{
        font-size: 20px;
        text-transform: uppercase;
    }
    .catalog-section {
        width: 100%;
        display: inline-block;
        position: relative;
        padding-top: 30px;
        padding-bottom: 120px;
    }
    .w30 {
        width: 30%;
        float: left;
    }
    .catalog-img img {
        max-width: 100%;
    }
    .w70 {
        width: 70%;
        float: left;
    }
    .catalog-text {
        color: #4d678a;
        padding: 40px 80px;
        text-align: justify;
    }
    .catalog-text h2 {
        font-size: 30px;
        padding-bottom: 10px;
        color: #1c3d6a;
        text-transform: uppercase;
        text-align: left;
    }
    .catalog-text h2:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background: #1c3d6a;
        margin-left: -1%;
    }
    .catalog-text a.link-button {
        padding: 15px 20px;
        font-size: 12px;
        line-height: 19px;
        text-transform: uppercase;
        letter-spacing: 2px;
        border: solid 3px;
        color: #4d678a;
        top: 50px;
        position: relative;
    }
    .link-button::after {
        content: "+";
        font-size: 30px;
        line-height: 30px;
        top: 6px;
        position: relative;
    }
    .bg-trend h2.h1{
        font-size: 25px;
        font-weight: 900;
        line-height: 30px;
        color: #fff;
        margin-bottom: 20px;
    } 
    .bg-trend .pe-xl-6{
        padding-right: 1.5rem;
    }
    .bg-trend p{
        color: #fff;
        font-size: 15px;
    } 
    .bg-trend h3{
        font-size: 17px;
        font-weight: 900;
        color: #fff;
        text-transform: capitalize;
    } 
    .anchrh6 h6 a{
        color: #666;
        font-weight: normal;
    }
    .cmninrbnr{
        margin-top: 0;
        padding: 0px 0px 0px 0px;
    }
    .cmninrbnr.prd-dtlpg-mrgn{
        margin-top:0px;
    }
    .cntct-pge ul .cntctli2 .addressbx {
        background: #ededed66;
        padding: 15px;
        border-bottom: 1px solid #c0c0c0;
    }
    .cmninrbnr img{
        padding: 0px 0px 0px;
        background-position: revert;
        background-size: 100%;
        margin-bottom: 0;
        position: relative;
    }
    .breadcrumbsdefault{
        padding: 0px 0px 0px;
        background-position: revert;
        background-size: 100%;
        margin-bottom: 0;
    }
    .breadcrumbsdefault ul.breadcrumb-v5 {
        padding: 6px 12px;
        background: #fff;
        border-radius: 8px 6px 0px 0px;
        box-shadow: -4px -5px 6px #33333340;
        margin-top:-36px;
        margin-bottom: 0;
        z-index: 333;
        position: absolute;
    }
    .catglistpgbanner ul.breadcrumb-v5 {
        position: absolute;
        top: 90%;
        padding: 6px 12px;
        left: 9%;
        background: #fff;
        border-radius: 8px 6px 0px 0px;
        box-shadow: -4px -5px 6px #33333340;
    }
    div.breadcrumbs-white{
        background-position: top;
        margin-bottom: 0;
        position: relative;
    }
    .breadcrumbs-white ul.breadcrumb-v5 {
        left: 0%;
    }
    .overviewsec{
        padding: 90px 0px;
    }
    .about-style-01 .image1 img {
        position: relative;
    }
    .about-style-01 .image1 {
        position: relative;
        width: 130%;
    }
    .about-style-01 .image1:before {
        position: absolute;
        width: 100%;
        height: 100%;
        right: -70px;
        top: -30px;
        content: "";
        border: 10px solid #ededed;
    }
    .about-style-01 .image2 {
        margin-left: -41%;
        position: relative;
        left: 30px;
        top: 43px;
    }
    .about-style-01 .image2 img{
        border-radius: 0px 30px 0px 0px;
    }
    .about-style-01 .text-secondary {
        color: #fb9a27 !important;
        font-weight: 400;
    }
    .over{
        background: #f8f9fa;
        padding: 60px 0px;   
    }
    .py-100 {
        padding: 100px 0;
    }
    .about .text-box .sec-title {
        margin-bottom: 30px;
    }
    .imag img{    border-radius: 400px 400px 0px 0px;}
    .director{margin-top: 40px;}
    .sec-title h2 {
        font-size: 30px;
        margin-bottom: 20px;
        font-weight: 600;
        color: #000000;
        display: inline-block;
        text-transform: uppercase;
        position: relative;
    }
    .sec-title-2 h2:after {
        content: '';
        background-color: #000000;
        position: absolute;
        height: 2px;
        width: 5000px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: calc(100% + 10px);
    }
    .about .text-box .sec-title h3 {
        margin-bottom: 20px;
    }
    .sec-title h3 {
        color: #262B3E;
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 30px;
        margin-top: 20px;
        line-height: 1.3;
    }
    .core-about {
        overflow: hidden;
        list-style-type: none;
        padding: 0px;
    }
    .core-about li {
        margin-bottom: 12px;
        float: left;
        width: 50%;
    }
    .core-about li i {
        font-size: 12px;
        color: #000000;
        margin-right: 8px;
    }
    .core-about li h4 {
        display: inline-block;
        position: relative;
        font-size: 14px;
        font-weight: 500;
        color: #262B3E;
        text-transform: capitalize;
        font-family: 'Poppins', sans-serif;
    }
    .about-2 .text-box .sign-about {
        display: block;
        margin: 25px 0;
        width: 180px;
    }
    .btn-1 {
        background-color: #C89D66;
        font-size: 13px;
        color: #FFF;
        text-transform: capitalize;
        padding: 0 40px;
        line-height: 50px;
        border-radius: 2px;
        letter-spacing: 0.5px;
        position: relative;
        display: inline-block;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        border: 2px solid #C89D66;
    }
    .about-2 .img-box {
        margin: 0;
        padding: 40px 0;
        position: relative !important;
    }
    .about .img-box .about-img img {
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 73px 0 rgb(38 43 62 / 0.1);
        box-shadow: 0 1px 73px 0 rgb(38 43 62 / 0.1);
    }
    .about-img{    z-index: 2;
        position: absolute;}
    .about-2 .img-box:after {
        content: '';
        background-color: #000000;
        width: 80%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 2px;
        z-index: 0;
    }
    .about-style-01 .butn {
        display: inline-block;
        padding: 15px 30px 15px 55px;
        position: relative;
        background-color: #013e6a;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600;
        cursor: pointer;
        transition: 0.5s;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .about-style-01 .butn .icon-arrow.before {
        left: 25px;
        position: absolute;
        transform-origin: left center;
    }
    .about-style-01 .butn .icon-arrow {
        color: #ffffff;
        top: 18px;
        transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1),opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        font-size: 16px;
        backface-visibility: hidden;
        transform: translateZ(0);
        perspective: 1000;
    }
    .about-style-01 .butn .label {
        display: inline-block;
        transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
        backface-visibility: hidden;
        transform: translateZ(0);
        perspective: 1000;
    }
    .about-style-01 .butn .icon-arrow.after {
        opacity: 0;
        position: absolute;
        right: 25px;
        transform: translateX(75%) scaleX(0.1);
        transform-origin: right center;
    }
    .about-style-01 .butn:hover {
        background-color: #666666;
        color: #ffffff !important;
        padding: 15px 55px 15px 30px;
    }
    .about-style-01 .butn:hover .icon-arrow.before {
        opacity: 0;
        transform: translateX(-75%) scaleX(0.1);
    }
    .about-style-01 .butn:hover .icon-arrow.after {
        opacity: 1;
        transform: translateX(0) scaleX(1);
    }
    .overviewsec .mt-1-9{
        margin-top: 0px;
    }
    .minhghtoverview{ 
        display: inline-block;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 620px;
        padding-right: 20px;
        text-align: justify;
        margin-bottom: 20px; 
    }
    .minhghtoverview::-webkit-scrollbar {
        width: 4px;
        background-color: #F5F5F5;
    }
    .menu_area-light .navbar-nav li>ul {
        width: 20%; 
        padding: 0;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu {
        width: 20%; 
        padding: 0;
        z-index: 333;
        top: 27px;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu  {
        /* width: 90%;
        padding: 0;
        left: 9%;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 402px; */
        width: 100%;
        text-align: left;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 40px;
        background-color: #f8f8f8;
        left: 0;
        border-bottom: solid 2px #376cb7;
        border: solid 1px #f1f1f1;
        border-top: solid 0px;
        visibility: visible;
        opacity: 1;
        z-index: 101;
        transform: translateY(35px);
        transition: all .3s ease;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu ul.sub-menu{
        width: 100%;
        padding: 0;
        display: inline-block;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 400px;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu ul.sub-menu::-webkit-scrollbar {
        width: 4px;
        background-color: #F5F5F5;
    }
    .searchsbtmbtn{
        right: -13px;
        background: #ffffff33;
        border: none;
        padding: 0;
    }
    .attr-nav>ul>li.search{
        display: none;
    }
    .navbar-expand-lg .navbar-nav#nav{
        width: 18%;
        /*position: relative;
        top: 16px;*/
        display: inline-block;
        text-align: center;
    }
    .navbar-nav#nav>li {
        float: none;
        display: inline-block;
        margin-left: 2px;
    }
    .shop-badge .dropdown-toggle::after{
        display: none;
    }
    .searchsbtmbtn .fa{
        color: #000;
        font-size: 13px;
    }
    .searchsbtmbtn:hover{
        background: none !important;
    }
    .input-group-addon.close-search{
        background: #ffe2e238;
        border: 1px solid #d3d3d3a3;
        padding: 0px 15px;
        position: relative;
        right: 8px; 
    }  
    .input-group-addon.close-search:hover{
        background: #f00;
    } 
    
    .header-light-nav.scrollHeader .navbar-nav>li:hover>a {
        color: #333;
    }
    .header-light-nav .navbar-nav>li:hover>a {
        color: #f2f9ff;
    }
    .header-light-nav .navbar-nav li.has-sub a:hover {
        color: #f2f9ff;
    }
    header.scrollHeader .navbar-default {
        background: #fffffff2;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu li.has-sub a{
        background: #ffffff;
        width: 20%;
        display: inline-block;
        float: left;
        border-left: 4px solid #000;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu li.has-sub a~ul.sub-menu{
        width: 50%;
        display: inline-block;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu li.has-sub a~ul.sub-menu {
        width: 50%;
        display: none !important;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu li.has-sub a:hover~ul.sub-menu{
        display: inline-block !important;
        position: absolute;
        left: 20%;
        background: #f8f8f8;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu.megamenu li.has-sub a:hover~ul.sub-menu li{
        width: 49%;
        display: inline-block;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu li a {
        border-left: 1px solid #fff;
        color: #000;
        text-align: left;
        line-height: 24px;
    }
    .menu_area-light .navbar-nav li>ul.sub-menu li a:hover {
        color: #333;
        border-left: 1px solid #d3d3d3;
    }
    .header-light-nav .navbar>ul>li.has-sub:hover>a:after {
        border-color: transparent #d7d7d7 #d7d7d7 transparent;
    }
    .navbar ul li a:hover:before {
        width: 30px;
        transition: all linear .2s;
    }
    .navbar ul ul li a {
        position: relative;
    }
    .navbar ul ul.wstliststy02 li a {
        color: #333333;
    }
    
    
    .navbar ul ul.wstliststy02 li.wstheading~li a {
    font-weight: normal;
    padding-left:5px;
    }
    .navbar ul ul.wstliststy02 li.wstheading~li .fa{
        float: left;
        display: inline-block;
        line-height: 33px;
        color: #acacac;
        margin-right: 2px;
        font-size: 18px;
    }
    .navbar ul ul li a:before {
        width: 0%;
        height: 0.5px;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0px;
        background: #d2d2d2;
        transition: all linear .2s;
    }
    .navbar ul ul li a:hover:before {  
        width: 100%;
        transition: all linear .2s;
    }
    /* -------------Sec 3------------- */
    .manufacturingprcsec{
        padding: 50px 0px 40px !important;
        text-align: left;
    }
    .manufacturingprcsec h2{
        font-size: 40px; 
        margin-bottom: 30px;
        font-weight: bold;
    }
    .manufacturingprcsec ol li{
        margin-bottom: 15px;
    }
    .manufacturingprcsec ol li b{
        display: block;
    }
    .manufacturingprcsec .wthreelogo .wlogo span{
        display: block;
        margin-bottom: 15px;
    }
    .bg-light.sec3highligt {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
        margin: 0;
        padding: 80px 0px 80px !important;
    }
    .bg-light.sec3highligt .position-relative{
        margin: 0px;
    }
    .sec3highligt .fill-warning {
        fill: #ffb900 !important;
    } 
    .sec3highligt .me-n9 {
        margin-right: -7rem !important;
    }
    .sec3highligt .mt-9 {
        margin-top: 5rem;
    }
    .sec3highligt .translate-middle-y {
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
    .sec3highligt .end-0 {
        right: 0 !important;
    }
    .sec3highligt .top-0 {
        top: 0 !important;
    }
    .sec3highligt .rounded-top-left-10 {
        border-top-left-radius: 13.75rem !important;
    }
    .sec3highligt .my-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .sec3highligt .avatar-group {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .sec3highligt .align-items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .sec3highligt .avatar-group > li {
        position: relative;
    }
    .sec3highligt .avatar {
        height: 3rem;
        width: 3rem;
        position: relative;
        display: inline-block !important;
    }
    .sec3highligt .avatar-group > li:not(:last-child) {
        margin-right: -0.8rem;
    }
    .sec3highligt .avatar-group .avatar-img {
        border: 2px solid #fff;
    }
    .sec3highligt .avatar-img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .sec3highligt .rounded-circle {
        border-radius: 50% !important;
    }
    .sec3highligt .display-6 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 38px;
    }
    .sec3highligt h3 {
        font-size: 2.40625rem;
        font-weight: 800;
    }
    .sec3highligt .row.g-4{
        margin-top: 5px;
    }
    .sec3highligt .mrgtpmns{
        margin: -34px 0px 0px;
    }
    .sec3highligt .mrgtpmns h2.h1{
        font-weight: 500;
    }
    .overviewsec.about-style-01 h1{
        font-weight: 500;
        color: #000;
    }
    .sec3highligt h4{
        margin-bottom: 18px;
    }
    .main .headermarginclass {
        padding: 50px 10px;
    }
    .sky-form {
    padding: 15px;
    }
    .sky-form .label {
        text-transform: capitalize;
    }
    .sky-form .row {
        margin: 0 0px;
    }
    .login1 .sky-form .row {
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    ul.address {
        padding: 0;
    }
    ul.address li{
        list-style: none;
        text-indent: -9px;
        padding-left: 20px;
        line-height: 22px;
        padding-bottom: 15px;
    }
    .gallerymanufacturing{
        padding:80px 0px;
    }
    .gallerymanufacturing .flft{
        width: 32%;
        display: inline-block;
        border: 1px solid #33333312;
        margin-right: 20px;
        margin-top: 39px;
        margin-bottom: 34px;
    }
    .technotbl .table thead > tr > th{
        background: #e7e7e7 !important;
    }
    .technotbl .table thead > tr > th, .technotbl .table tbody > tr > td{
        border: 1px solid #eee;
        background: white;
    }
    
    
    /* ---------quality Page--------- */
    .qualityinvtnpage .aboutContent {
        width: 100%;
        display: inline-block;
        position: relative;
    }
    .qualityinvtnpage .w50 {
        width: 50%;
        float: left;
    }
    .qualityinvtnpage .aboutContent h1 {
        color: #1c3d6a;
        margin-bottom: 20px;
    }
    .qualityinvtnpage .about_efe p {
        color: #4d678a;
        text-align: justify;
    }
    .lookbook .lookbook-content {
        width: 285px;
    }
    .lookbook-content p{
        font-size: 15px;
        line-height: 18px;
    }
    .lookbook-content h3.h6{
        font-size: 15px;
        margin-bottom: 9px !important;
    }
    .lookbook {
        left: 27%;
        top: 36%;
    }
    .ndhomeproduct.greybg{
        padding: 25px 0px;
    }
    .product-grid-four .prdct-dtl h3{
        margin: 0px 0px 4px;
        font-size: 18px;
    }
    .product-grid-four .prdct-dtl h3 a{
        color: #013e6a;
        width: 100%;
        display: block;
    }
    .product-grid-four .prdct-dtl p{
        margin: 0px;
        font-size: 12px;
    }
    .vidrltv{
        position: relative;
    }
    .videodiv{
        position: absolute;
        right: -22px;
        top: 278px;
        width: 352px;
        border: 2px;
    }
    .videodiv iframe{
        height: 236px;
        border: 8px solid #f8f9fa;
    }
    .sec3highligt .bg-white.rounded-3 p{
        line-height: 20px;
        font-size: 14px;
    }
    
    
    .bg-trend:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(/assetsV9/img/prlx.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
    .bg-trend a.text-dark{
        color: #fff !important;
        border-color: #fff!important;
        text-transform: capitalize !important;
        font-size: 15px;
    }
    
    
    .outofstck-bg{
        text-align: right;
        position: absolute;
        bottom: 0px;
        right: 0px;
        background: #ff00008f;
        padding: 1px 5px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
    }
    #ulsliderRelatedProduct .list-box-pro .rgbnew{
        position: absolute;
        top: 8px;
        background: #000;
        color: #fff;
        padding: 0px 14px;
        font-size: 14px;
    }
    .enqnowbt{
        display: inline-block;
        background: #003f6a;
        color: #fff;
        padding: 4px 13px;
        margin: 12px 0px 0px;
        border: 2px solid #003f6a;
        font-size: 13px;
        cursor: pointer;
    }
    .enqnowbt:hover{
        background: #fff;
        color: #003f6a;
        /* border: 2px solid #003f6a; */
    }
    
    
    /* .headline h2, .headline h3, .headline h4 {
        border-bottom: 2px solid #567e9c;
    } */
    .headline {
        border-bottom:none;
    }
    .headline h2 {
        border-bottom: none;
    }
    .padzero #btnSecure{
        background: #023f6b;
        float: left;
        margin: 0px 0px 0px 12px;
    }
    
    .aboutContent h1 {
        color: #1c3d6a;
        margin-bottom: 20px;
    }
    .mainadvance {
        width: 100%;
        float: left;
    }
    .mainadvance .a50 {
        width: 100%;
        float: left;
    }
    .aleft {
        width: 100%;
        padding-right: 15px;
    }
    .adbox {
        width: 25%;
        margin-top: 40px;
        float: left;
        padding: 0 15px;
    }
    .aleft img {
        max-width: 100%;
    }
    .acontent {
        width: 100%;
        margin-top: 20px;
    }
    .acontent .aicon {
        width: 80px;
        float: left;
    }
    .acontent .aicon img {
        max-width: 100%;
    }
    .ainrcont {
        width: calc(100% - 80px);
        float: left;
        padding-left: 20px;
    }
    .ainrcont h6 {
        font-size: 18px;
    }
    .w50 {
        width: 50%;
        float: left;
    }
    .w40 {
        width: 40%;
        float: right;
    }
    .waranty-section .aboutContent {
        width: 100%;
        display: inline-block;
        position: relative;
        padding: 80px 0px 0px;
    }
    .wleft {
        width: 50%;
        float: left;
    }
    .wright {
        width: 50%;
        float: left;
        text-align: center;
    }
    .wthreelogo {
        width: 100%;
        float: left;
        margin-top: 40px;
    }
    .wthreelogo .wlogo {
        width: 33.33%; 
        float: left;  
    }
    .wthreelogo .wlogo img { 
        max-width: 150px;    
    }
    .menu_area-light .navbar .sub-title {
        background: #f6f6f6;
    }
    .navbar .megamenu>li {
        border-right: 1px solid #3333; 
        width: 100%;
    }   
    .navbar .megamenu>li.thirdlevel.has-sub{    
        min-height: 160px;     
    } 
    .tphedr-fixsz #dvAutoComplete.autocompletearea ul li a {
        min-height: auto;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .catglistpgbanner{
        margin-top: -104px;
        position: relative;  
    }
    
    
    
    .pdwish ul.add-to-list li {
        margin-bottom: 15px;
        padding: 0;
        border: none;
        margin-right: 3px;
    }
    .pdwish ul {
        padding: 10px 0px 0px 1px;
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
    .pdwish ul.add-to-list li .btnblue {
         font-size: 16px;
        min-width: auto;   
        border-radius: 7px;
            font-weight: 500;
    
    } 
    .pdwish ul.add-to-list li .btnblue i{
        color: #fff;
            font-size: 20px;
    }
    .pdwish ul.add-to-list li .btnblue:hover i{
        color: #fff;
    }
    .pdwish ul.add-to-list li .btnblue:hover {
        color: #fff;
        border-radius: 7px;
    }
    .pdwish ul.add-to-list li .btnblue:before {
        border-radius: 7px;
    }
    .pdwish ul.add-to-list li:last-child{
        margin-right: 0;
    }
    
    
    .bulk-disc .rdiscprice {
        float: none;
    }
    .bulk-disc .rdiscprice span {
        float: none;
        color: #000;
    }
    .rmainprice span{
            color: rgb(183, 7, 7);
    }
    .product-in-table .product-it-in span.pipespace {
        min-width: 15px;
        text-align: center;
    }
    #tblOrderList td.bulk-disc {
        padding: 4px 8px;
        text-align: center;
        vertical-align: middle;
    }
    #tblOrderList td.bulk-disc.hidebulkdesk{
    display:none;
    }
    #tblOrderList tr th{
        padding: 8px 12px;
    }
    .rdiscprice {
        width: 50%;
        font-size: 14px;
        float: left;
    }
    .secsec.catelistpage .wide--one-quarter:hover .category-listing_inner .category_text .info{
        display: none;
    }
    #dvReviewForm{
        border: 1px solid #d4d4d494;
        padding: 20px;
    }
    #dvReviewForm h3{
        font-size: 20px;
        font-weight: 700;
    }
    #dvReviewForm form label.label-v2{
        font-weight: bold;
        color: #003f6a;
        margin-bottom: 0;
    }
    #dvReviewForm form .margin-bottom-10 label.input{
        display: inline-block;
        width: 100%;
    }
    #dvReviewForm form .margin-bottom-10 label.input input {
        border: 1px solid #c9c9c9;
        width: 100%;
    }
    #dvReviewForm form .margin-bottom-10 {
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
    }
    #dvReviewForm form .stars-ratings {
        display: inline-block;
        padding-left: 15px;
        margin: 10px 0px;
    }
    #dvReviewForm form .margin-bottom-10 .textarea{
        width: 100%;
    }
    #dvReviewForm form .margin-bottom-10 .textarea textarea{
        width: 100%;
        border: 1px solid #c9c9c9;
    }
    #dvReviewForm form .btn-u.btn-u-sea-shop{
        background: #08436e;
        padding: 8px 29px;
    }
    #TabID_CombinationProduct .SampleQuotationButtonContainer .btn-scroll-fix {
        display: inline-block;
    }
    #TabID_CombinationProduct .SampleQuotationButtonContainer .btn-scroll-fix .btncheckout{
        display: inline-block;
    }
    #TabID_CombinationProduct .SampleQuotationButtonContainer .btn-scroll-fix .Cartbtn_container{
        display: inline-block;
    }
    #TabID_CombinationProduct .SampleQuotationButtonContainer .btn-scroll-fix .Cartbtn_container #anchorAddToShoppingCart {
        /*color: #fff;
        background: #003d5e;*/
    }
    #TabID_CombinationProduct .SampleQuotationButtonContainer .btn-scroll-fix .Cartbtn_container #anchorAddToShoppingCart .fa-shopping-cart{
        color: #fff;
    }
    #owlRelatedProduct .owl-nav button span{
        line-height: 36px;
        font-size: 32px;
    }
    #ulsliderRelatedCategory .owl-nav button span{
        line-height: 36px;
        font-size: 32px;
    }
    .filter-by-block .checkbox-list .checkbox input {
        float: left;
        margin-top: 1px;
        width: 20px;
        height: 20px;
    }
    .siteprvcy {
        display: inline-block;
    }
    .siteprvcy ul{
        padding: 0px;
        display: inline-block;
        margin-bottom: 0px;
        padding-right: 8px;
    }
    .siteprvcy ul li{
        display: inline-block;
    }
    .siteprvcy ul li a{
        color: #000;
        border-right: 1px solid #d2d2d2;
        padding-right: 5px;
    }
    .siteprvcy ul li a:hover{
        text-decoration: underline;
    }
    .siteprvcy address{
        float: right;
        color: #000;
    }
    .shopbagview.views form{
        padding: 0px 0px 0px 6px;
        display: inline-block;
        width: auto;
    }
    /*Header Start*/
    
    header.scrollHeader .shopbagview.views .fa{
        color: #000;
    }
    header .attr-nav li i {
        font-size: 15px;
    }
    header .shop-badge .badge-open .wish-cart{
        background: #f7f7f7;
    }
    header .shop-badge .badge-open .wish-cart h3{
        font-size: 16px;
        padding: 6px 9px;
        margin: 0;
    }
    header .shop-badge .badge-open ul.shopbadgeloader {
        display: inline-block;
        width: 100%;
        margin: 0px;
        left: 0;
        position: relative;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description:hover {
        background: #f7f7f775;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:first-child {
        float: left;
        /*width: 28%;*/
        display: inline-block;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2){
        float: right;
        width: 76%;
        display: inline-block;
        padding-left: 5px;
        text-align: left;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .shopbagprice div.text-left{
        font-size: 12px;
        padding-left: 12px !important;
        line-height: 16px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .mar-0.row div.text-left{
        font-size: 13px;
        padding-left: 12px !important;
        line-height: 16px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .mar-0.row div.col-md-2{
        line-height: 16px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .mar-0.row div.col-md-6.text-left {
        padding-left: 0px !important;
        font-size: 12px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .shopbagprice div.text-left~div{
        font-size: 12px;
        padding-left: 12px;
        line-height: 16px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .col-md-6 span{
        font-size: 12px !important;
        padding-left: 0px;
    }
    header .shop-badge .badge-open ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .product-price{
        line-height: 15px;
    }
    header .subtotal{
        background: #e8e8e8;
        text-align: left;
        padding: 4px 10px;
    }
    header .subtotal .margin-bottom-10 {
        margin-bottom: 0px;
        font-size: 14px;
        color: rgb(0, 63, 106);
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .top-header-menu {
        position: absolute;
        right: 0;
        top: 0px;
        width: 88%;
        display: inline-block;
        clear: both;
    }
    .top-header-menu .navbar-nav>li>a{
        padding: 0px 0px 2px 0px;
        font-size: 14px;
        top: 0px;
    }
    header.scrollHeader .top-header-menu .navbar-nav>li>a {
        top: 0px;
    }
    .top-header-menu .navbar-nav>li ul.sub-menu li{
        display: block;
    }
    .top-header-menu .navbar-nav>li ul.sub-menu li a{
       margin: 0;
    }
    .top-header-menu .navbar-nav>li>a:before{
        left: 0px;
    }
    .top-header-menu .navbar-nav>li.has-sub{
        padding: 0;
    }
    .top-header-menu #bottomclick.myLinkToTop.blink{
        display: none;
    }
    
    .top-header-menu .login_section{
        padding: 0px;
        padding-right: 8px;
    }
    .top-header-menu ul{
        padding: 0px;
        margin: 0px;
    }
    .top-header-menu ul li{
        display: inline-block;
        position: relative;
    }
    .top-header-menu ul li.logindropdown{
        background: #000;
        border-radius: 0px 0px 4px 4px;
        margin-left: 15px;
        padding: 0px 3px !important;
    }
    header .top-header-menu ul li a svg {
        width: 16px;
        margin-top: -4px;
    }
    .top-header-menu ul li.logindropdown a{
        padding: 1px 10px 0px;
        margin-left: 0;
    }
    header.scrollHeader .top-header-menu ul li.logindropdown{
        background: none;
    }
    .top-header-menu  ul li .shopbagview.views a{
        display: inline-block;
        margin: 0;
    }
    .top-header-menu ul li a{
        color: #fff;
        font-size: 14px;
        margin-left: 15px;
    }
    .top-header-menu ul li a:before {
        width: 0;
        height: 1px;
        content: "";
        position: absolute;
        bottom: 2px;
        left: 14px;
        background: #d7d7d7;
        transition: all linear .2s;
    }
    header.scrollHeader .top-header-menu ul li a{
        color: #333;
    }
    header.scrollHeader .top-header-menu ul li a svg path{
            fill: #333; 
    }
    header.scrollHeader .top-header-menu ul li a svg {     
        width: 16px; 
        margin-top: -5px;
    } 
    .cartpopuprgt{
        position: fixed !important;
        right: 0;
        z-index: 999;
        background: #fff;
        top: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        background-clip: padding-box;
        outline: 0;
        width: 356px;
        border-radius: 0;
        height: 100vh;
        transition: transform .3s ease-in-out;
        transform: translateX(100%);
    }
    .cartpopuprgt.show{
        position: fixed;
        z-index: 999;
        background: #fff;
        top: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out;
        transform: translateX(0%);
        padding: 0px !important;
    }
    .cartpopuprgt.show .wish-cart {
        border-bottom: 1px solid #c3c3c382;
        padding: 8px 12px;
        background: #fff;
    }
    .cartpopuprgt.show .wish-cart h3{
        display: inline-block;
        font-size: 22px;
        font-weight: bold;
        margin: 0px;
    }
    .cartpopuprgt.show .wish-cart .btn-u.btn-u-sea-shop{
        padding: 2px 12px 0px;
        float: right;
        border: 1px solid #003f6a;
        background: #fff;
        color: #003f6a;
    }
    .cartpopuprgt.show .wish-cart .btn-u.btn-u-sea-shop:hover{
        background: #003f6a;
        color: #fff;
    }
    
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:first-child {
        width: 28%;
        display: inline-block;
        border: none;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:first-child img{
        border: 1px solid #e2e2e278;
        border-radius: 10px;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:nth-child(2) {
        float:right;
        width: 72%;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .shopbagprice  {
        padding-left: 12px;
        font-size: 13px;
        color: #333;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer span  {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #000;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .shopbagprice span{
        font-size: 14px;
        font-weight: 400;
        color: #333;
    }
    header .cartpopuprgt.show ul.shopbadgeloader li.product-description a:nth-child(2) .shopbagcontainer .row.mar-0  {
        padding-left: 12px;
        color: #333;
        font-size: 13px;
    }
    .cartpopuprgt .shopbadgeloader{
        height: 92vh;
        overflow-x: hidden;
        overflow-y: scroll !important;
        left: 0;
        position: relative;
    }
    .carticonancher{
        margin: 0px !important;
        padding: 0px !important;
    }
    .cartpopuprgt .shopbadgeloader li.product-description{
        /* border-bottom: 1px solid #ededed; */
        padding: 0px 0px;
        margin-top: 20px;
        clear: both;
        display: inline-block;
        width: 100%;
    }
    .cartpopuprgt .shopbadgeloader li.product-description a:before{
        display: none;
    }
    .cartpopuprgt .subtotal{
        background: #013e6a;
        text-align: left;
        padding: 12px 25px;
    }
    .cartpopuprgt .subtotal .margin-bottom-10{
        font-size: 18px;
        color: rgb(255 255 255);
    }
    /*Header end*/
    
    /*Login Start*/
    .log-reg-v9{
        background: #f8f8f8; 
        margin: 0px 0px;
        padding: 100px 0px;
        position: relative;
    }
    .log-reg-v9:before{
        content: '';
        position: absolute;
        top: 45px;
        left: 0px;
        background-image: url(../img/prlx.jpg);
        width: 51.5%;
        height: 94%;
        z-index: 0;
        border-radius: 0 100px 100px 0;
    }
    
    .log-reg-v9 .left-sd-cntnt-dtl{
        z-index: 666;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg h2{
        font-size: 24px;
        margin-bottom: 18px;
        font-weight: bold;
        color: #fff;
    }
    .log-reg-v9 .btn-u.btn-u-gl{
        padding: 6px 12px;
        font-size: 13px;
        border-radius: 10px;
    }
    .log-reg-v3 .log-reg-block .btn-u-gl:hover {
        background: #fff;
    }
    .rgstr-brdcm{
        padding: 145px 0px 0px;
    }
    .rgstr-brdcm ul.breadcrumb-v5{
        top: 78%;
    }
    .login-brdcm{
        padding: 195px 0px 0px;
        margin-top: -110px;
    }
    .login-brdcm ul.breadcrumb-v5{
        top: 78%;
        margin-top: -39px;
    }
    div.breadcrumbs-white.rgstr-brdcm{
        padding: 0px 0px 0px;
        margin-top: 0;
    }
    div.breadcrumbs-white.rgstr-brdcm .breadcrumb-v5{
        margin-top: 4px;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg .clr{
        position: relative;
        margin-bottom: 50px;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg .clr span{
        background: #f7f7f7;
        position: absolute;
        top: -12px;
        left: 46%;
        padding: 0px 15px;
    }
    .log-reg-v9 .reg-pg-rgtsd:before{
        display: none;
    }
    
    .log-reg-v3 .reg-input .input, .log-reg-v3 .reg-input .select {
        display: block;
        margin-bottom: 12px;
    }
    .log-reg-v3 .checkbox input + i:after {
        color: #013e6a;
        font-size: 11px;
    }
    .log-reg-v3 .checkbox i {
        border-color: #004c74;
    }
    .log-reg-v3 .checkbox input:checked + i {
        border-color: #004c74;
    }
    .login1.reg-pg-rgtsd .login-bg .login-input.reg-input{
        margin-bottom: 12px;
    }
    .login1.reg-pg-rgtsd .login-bg #btnSave{
        margin-top: 15px;
    }
    .contactUsTop{
        padding: 50px 0px 0px;
    }
    /*Login End*/
    .contactUsTopInnerWrapper {
        text-align: center;
        padding: 0px 130px;
    }
    .contactUsTopInnerWrapper h1 {
        padding-top: 0px;
        font-weight: 600;
    }
    .contactUsTopInnerWrapper h3 {
        position: relative;
        color: #a5b1c2;
        margin-bottom: 30px;
        padding: 8px 73px 0;
        font-weight: 300;
    }
    .contactUsTopInnerWrapper h3:after {
        content: '';
        position: absolute;
        width: 95px;
        height: 2px;
        background: #a5b1c2;
        bottom: -20px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    section.mapWrapper {
        width: 100%;
        padding: 0px 0 0px;
        background: #1f1f1f;
        overflow: visible;
    } 
    .mapWrapperInner {
        margin-top: -190px; 
    }
    .mapWrapperInner iframe {
        width: 100%; 
        min-height: 580px;
    }
    .socialIconWrapper {
        max-width: 410px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 40px 0px;
    }
    .socialIconWrapper a {
        width: 50px;
        height: 50px;
        font-size: 23px;
        line-height: 43px;
        padding: 4px 12px;
        color: #f7f7f7;
        border: 1px solid #f7f7f7;
        display: inline-block;
        border-radius: 50px;
        transition: all ease .6s;
    }
    .socialIconWrapper a:hover {
        color: #ddd;
        border: 1px solid #ddd;
    }
    .inner-banner{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .catelistpage.maincatelistpage.category-listing-type-1 ul li .category-listing_section{
        background: none;
        border: none;
        overflow: hidden;
    }
    .catelistpage.maincatelistpage.category-listing-type-1 ul li h4.mainnamecat{
        font-size: 17px;
        text-align: left;
        margin: 0px 0px 11px;
        background: none;
    }
    .catelistpage.maincatelistpage.category-listing-type-1 ul li h4.mainnamecat a{
     font-weight: 400;
    }
    .catelistpage.maincatelistpage.category-listing-type-1 ul li h4.mainnamecat a:hover{
       color: #333;
    }
    /*Modal Start*/
    .popup2columradius .modal-dialog {
        max-width: initial;
        width: 900px;
        margin: 70px auto;
    }
    #ModalGeneralQuery .modal-content {
        border: none; 
        padding: 0;
    }
    .imgmodal {
        margin-bottom: -85px;
    }
    #ModalGeneralQuery .modal-content .modalbgfull {
        width: 100%;
        background: #ffffff;
        float: none;
        margin: 0px auto;
        clear: both;
        -webkit-box-shadow: 0 2px 5px rgb(115 115 115 / 50%);
        box-shadow: none;
        border-radius: 6px;
        display: block;
        position: relative;
    }
    .ModalGeneralQueryformsec{
        padding: 15px 15px;
    }
    .ModalGeneralQueryformsec .form-group input#FileUpload1{
        width: 100%;
    } 
    .ModalGeneralQueryformsec .form-group .pdgfrm12{
        padding-bottom: 12px;
    } 
    .dvratelist .modal-header .close .fa {
        transition: transform .3s ease-in-out;
    }
    #ModalGeneralQuery .dvratelist .modal-header {
        background-color: #fff;
        padding: 0;
        border: none;
        margin-bottom: 0;
    } 
    #ModalGeneralQuery  .fa-times {
        vertical-align: text-top; 
        padding-top: 2px; 
    }  
    #ModalGeneralQuery .modal-header h3 {
        color: #000;
        text-align: center;
        line-height: 30px;
        position: relative;
        width: 100%;
        padding: 0px 15px;
        margin-bottom: 0;
    }
    #ModalGeneralQuery .modal-header h3:after {
        position: absolute;
        top: 100%;  
        left: 0;
        right: 0;
        width: 95px;
        height: 2px;
        content: "";
        background: #e57200;
        margin: 0 auto;
        display: none;
    }
    #ModalGeneralQuery label {
        margin-bottom: 2px;
        color: #333;
        font-weight: normal;
    }
    #ModalGeneralQuery .form-group {
        margin-bottom: 12px;
    }
    #ModalGeneralQuery .modal-body {
        padding: 0px 0px;
    }
    #ModalGeneralQuery .modal-body .imgmodal img{
        width: 100%;
    }
    /*Modal END*/
    
    
    ul.slick-dots li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 8px 0 7px;
    }
    ul.slick-dots li button {
        display: inline-block;
        overflow: hidden;
        text-indent: 100px;
        width: 12px;
        height: 12px;
        padding: 0;
        margin: 1 auto;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #fff;
        transition: .2s ease-in-out;
    }
 .product-in-table a.tablepdlistimg {
     width: 8%;
}
    .product-in-table img {
        float: left;
        width: 100%;
        height: auto;
        padding: 10px;
        background: rgb(255, 255, 255);
        margin-right: 15px;
    }
    .input-text.qty {
        padding: 0px 4px;
        text-align: center;
    }
    .ui-autocomplete-input {
        border: none;
        font-size: 12px;
        width: 100%;
        height: 30px;
        margin-bottom: 5px;
        padding-top: 2px;
        border: 1px solid #DDD !important;
        padding-top: 0px !important;
        z-index: 1511;
        /* position: relative; */
        padding: 0px 6px;
    }
    
    .pfscontactpage .cont-back {
        /* background-image: url(/assets/img/office.jpg); */
        background-size: cover;
        background: #e1e1e1;
        box-shadow: none;
    }
    .pfscontactpage .sky-form {
        margin: 0;
        outline: none;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
        color: #666;
    }
    .pfscontactpage .sky-form fieldset {
        background: rgba(255, 255, 255, 0.75) !important;
        padding: 30px 30px 45px ;
    }
    .pfscontactpage .sky-form .row {
        margin: 0 -15px;
    }
    .pfscontactpage .sky-form section {
        margin-bottom: 20px;
    }
    .pfscontactpage .sky-form .label {
        color: #000 !important;
        margin: 15px 0px 0px;
    }
    .pfscontactpage .log-reg-block span {
        color: #f00;
    }
    .pfscontactpage .padzero #btnSecure {
        margin: 0;
    }
    .pfscontactpage .head-cont h3 {
        color: #063870;
        margin: 0px 0px 8px;
        font-size: 20px;
        font-weight: 500;
    }
    .pfscontactpage .contct-s ul {
        padding: 14px;
        background: #f9f9f9;
        border-right: 6px solid #212261;
        margin-bottom: 20px;
    }
    .pfscontactpage .contct-s ul li.hd-ofc {
        font-size: 18px;
        color: #212261;
    }
    .pfscontactpage .contct-s ul li {
        padding-bottom: 6px;
        margin-bottom: 0px;
        list-style: none;
        text-indent: -11px;
        margin-left: 31px;
        font-size: 16px;
    }
    .shadow-effect-2 {
        position: relative;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        min-height: 328px;
    }
    .shadow-effect-2:after, .shadow-effect-2:before, .shadow-effect-3:before, .shadow-effect-4:after {
        transform: rotate(-3deg);
        box-shadow: 0 15px 10px #999;
    }
    .shadow-effect-2:after, .shadow-effect-4:after {
        left: auto !important;
        right: 5px;
        transform: rotate(3deg);
    }
    
    .shadow-effect-2 .caption h4 {
        font-size: 15px;
    }
    .caption .shadow-wrapper {
        line-height: 36px;
        padding: 0px;
    }
    .shadow-wrapper {
        z-index: 1;
        position: relative;
    }
    .caption .shadow-wrapper {
        line-height: 36px;
        padding: 0px;
    }
    .shadow-wrapper {
        z-index: 1;
        position: relative;
    }
    .shadow-effect-2 .caption h4 {
        font-size: 15px;
    }
    .box-shadow:after, .box-shadow:before {
        top: 80%;
        left: 5px;
        width: 50%;
        z-index: -1;
        content: "";
        bottom: 15px;
        max-width: 300px;
        background: #999;
        position: absolute;
    }
    .pfscareerpg .shadow-effect-2:after, .pfscareerpg .shadow-effect-2:before, .pfscareerpg .shadow-effect-3:before, .pfscareerpg .shadow-effect-4:after {
        transform: rotate(-3deg);
        box-shadow: 0 15px 10px #999;
    }
    .pfscareerpg .career-section .shadow-wrapper {
        padding: 0;
    }
    .pfscareerpg .shadow-wrapper {
        z-index: 1;
        position: relative;
    }
    .pfscareerpg .box-shadow {
        background: #fff;
        position: relative;
    }
    .pfscareerpg  .tag-box {
        padding: 20px;
    }
    .pfscareerpg  #contact-menu li {
        list-style: none;
        margin-bottom: 5px;
        display: block;
        width: 100%;
    }
    .pfscareerpg  .career-section #contact-menu .current .active a {
        background: #2b5e89;
        color: #fff;
    }
    .pfscareerpg .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    .pfscareerpg .infolist {
        text-align: center;
        margin: 25px 0px;
        background: #fafafa;
        padding: 15px 0px 1px;
    }
    .pfscareerpg .infotitle {
        margin: 15px 0px;
    }
    .pfscareerpg .infotitle h4{
        font-size: 18px;
        margin: 0;
    }
    .pfscareerpg .career-color, .pfscareerpg .career-color p {
        color: #00437a;
    }
    .pfscareerpg .tag-box p {
        margin-bottom: 8px;
    }
    .pfscareerpg .career-form .form-control {
        margin-bottom: 15px;
    }
    .pfscareerpg  input[type="file"] {
        display: block;
    }
    .pfscareerpg .fileupload {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        color: rgba(243,235,235,0)!important;
        padding: 10px;
    }
    .pfscareerpg .main_btn.resume{
        background: #000000;
        padding: 2px 12px 3px;
        border: 1px solid #333;
        cursor: pointer;
    }
    .pfscareerpg .main_btn.resume input{
        cursor: pointer;
    }
    .pfscareerpg .career-submit {
        text-align: right;
    }
    .pfscareerpg .contact-detail-title h1 {
        font-size: 18px;
    }
    .pfscertificationspg .caption{
        padding: 0px 10px;
    }
    .pfscertificationspg .shadow-effect-2 .caption h4 {
        font-size: 15px;
        margin: 0px;
        padding: 10px 2px 10px;
    }
    .brandpricelist .grid-item {
        text-align: center;
        margin-bottom: 30px;
    }
    .brandpricelist .grid-item .content-block {
        min-height: auto;
        padding-bottom: 20px;
    }
    .brandpricelist .grid-item .content-block {
        height: 100%;
        display: block;
        background: #fff;
        border-radius: 10px;
        position: relative;
        z-index: 2;
        padding: 10px;
        outline: none;
        min-height: auto;
    }
    .brandpricelist .content-block::before {
        content: " ";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
        box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
        z-index: -2;
        border: 1px solid #f1f1f1;
    }
    .brandpricelist .img-container {
        min-height: 120px;
        padding: 0px;
        line-height: 120px;
        margin: 0px 15px;
    }
    .career-section.brandpricelist .content-block .img-container img {
        max-height: initial;
    }
    .career-section.brandpricelist .content-block .img-container img {
        width: 70%;
        height: auto;
    }
    .brandpricelist .btn-center {
        margin-top: 5px;
    }
    .brandpricelist .btn-center .btn {
        padding: 4px 10px;
        font-size: 14px;
        margin: 0px 4px;
    }
    .brandpricelist .btn {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    #blogcat {
        position: relative;
        padding: 0;
    }
    #blogcat .owl-nav{
    position: absolute;
        top: -2px;
        width: 100%;
        left: 0px;
    }
    #blogcat .owl-nav i, #blogcat .owl-nav span {
        font-size: 40px;
        line-height: 30px;
    }
    #blogcat .owl-nav .owl-prev {
        left: 4px;
        position: absolute;
    }
    #blogcat .owl-nav .owl-next {
        right: 4px;
        position: absolute;
    }
    
    .personalinfo .profiletext{
        padding-left: 10px;
    }
    .hvrcursorpointer:hover{
        cursor: pointer;
    }
    #PaymentGateway .payment-tabs-content .regestration_form_toptxt input{
        margin-top: 7px !important;
    }
    .addtowishlist_area table tr th {
        background: #e6e6e6;
        padding: 8px 12px;
    }
    
    .product-qout-list .product-it-in .product-ratings li.like-icon .bagselect{
     background: #00467a;
        color: #fff;
        border-radius: 4px;
        border: 1px solid #efeff4;
        box-shadow: 0 5px 15px rgba(65,65,65,.10196078431372549);
    }
    .product-qout-list .product-it-in .product-ratings li.like-icon .bagselect:hover{
        color: #000;
    }
    .shortlistpage{
        padding: 0px 0px 50px;
    }
    .rfquot textarea {
        width: 100%;
        height: 130px;
        margin-bottom: 10px;
        padding: 10px;
    }
    .rfquot label {
        color: #333;
    }
    .QuotationListlastpage{
        padding: 20px 0px 50px;
    }
    .QuotationListlastbtns li{
        list-style: none;
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }
    .greybg {
        background: #fdfdfd;
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 30px 0px 30px;
    }
    .greybg:nth-child(odd) {
        background: #fff;
        margin: 0;
        padding: 30px 0px 30px;
    }
    .ndhomeproduct.greybg .floor-items-list.margin-bottom-20{
        margin-bottom: 0;
    }
    .ndhomeproduct.greybg .floor-items-list.margin-bottom-20 #ulsliderRecentlyView{
        margin-bottom: 0;
    }
    .ndhomeproduct.greybg .floor-items-list.margin-bottom-20 #ulsliderRecentlyView .owl-dots{
       display: none;
    }
    .ndhomeproduct.greybg .heading.heading-v1.margin-bottom-20{
       display: none;
    }
    body .headline.top-lftrt {
        position: relative;
    }
    .homecatgal ul.our-spaces li:nth-child(3) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(6) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(9) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(12) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(15) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(18) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(21) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(24) {
        margin-right: 0px;
    }
    .homecatgal ul.our-spaces li:nth-child(n+3):nth-child(-n+4) {
        margin-top: 0;
    }
    .homecatgal ul.our-spaces li .wrap h5 {
        line-height: 32px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 15px;
        min-height: 90px;
    }
    body .headline.top-lftrt {
        position: relative;
    }
    body .headline.top-lftrt h2 {
        color: #333;
        padding: 0px 0px;
        border-bottom: none;
        font-size: 32px;
        position: relative;
        line-height: 35px;
        font-weight: 500;
            margin-bottom: 20px;
            letter-spacing:0px;
    }
    body .headline.top-lftrt h1 {
        color: #333;
        padding: 0px 0px;
        border-bottom: none;
        font-size: 32px;
        position: relative;
        line-height: 35px;
        font-weight: 500;
            margin-bottom: 20px;
    }
    .customNavig {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .brand-pfs .brand-home .item{
        border-radius:6px;	
        background: #fff;
    }
    .brand-home .item a {
        line-height: 100px;
    }
    .brand-home .item {
        margin: 0 10px 25px;
        text-align: center;
        padding: 8px 0;
        border: 6px solid #e4e2e24d;
        width: 17%;
        border-radius: 30px 0px !important;
    }
    .brand-home .item img {
        width: 150px;
        height: auto;
        vertical-align: middle;
    display: inline-block;
    max-height: 100px;
    }
    .brandpad .heading h2 {
        margin: 0px 0px 35px;
        font-size: 32px;
        color: #333;
        text-align: center;
        line-height: 30px;
    }
    .product-it-in .product-ratings li.like-icon {
        padding: 0 3px;
    }
    .product-it-in .product-ratings li.like-icon .bagselect span i{
        color: #d10c09;
    }
    .product-it-in .product-ratings li.like-icon .bagselect {
        color: #063870;
        font-size: 13px;
        border: none;
        font-weight: 600;
    }
    .product-it-in .product-ratings li.like-icon .bagselect span{
        border: none;
        font-weight: 600;
    }
    .list-inline>li {
        display: inline-block;
    }
    #testimslide .item {
        display: inline-block;
    }
    #testimslide .left.testi-box {
        width: 100%;
        background: #f9f8f2;
        /*border-bottom: 8px solid #003d5e42;*/
        padding: 12px 0px 0px;
        min-height: auto;
        border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;
            text-align: center;
            box-shadow: none;
        }
    #testimslide .testi-box .thumb {
        display: inline-block;
        width: 90px;
        float: none;
        margin: 0px auto;
    }
    #testimslide .testi-box .testi-text {
        overflow: hidden;
        padding: 4px 19px;
        background: #ffffff;
        height: 270px;
    }
    #testimslide .testi-box h4 {
        color: #37481d;
        font-size: 16px;
        font-style: italic;
        font-weight: 600;
        margin-top: 20px;
    }
    #testimslide.owl-carousel .owl-item img {
        display: block;
        width: 100px;
        height: 92px;
        /* background: #fff;
        border: 4px double #fff; */
    }
    #testimslide .owl-nav span {
        font-size: 40px;
        line-height: 38px;
    }
    #testimslide .owl-prev {
        top: 105px;
        left: -12px;
        position: absolute;
    }
    #testimslide .owl-next {
        top: 105px;
        right: -12px;
        position: absolute;
    }
     /* ----------------After Login Product Email Send popup Start-------  */
    #ModalProductOnMail .dvratelist .modal-header {
        background-color: #dcdcdc;
        padding: 10px;
    }
    #ModalProductOnMail .dvratelist .close {
        color: #fff;   
        opacity: 1;
    }             
    #ModalProductOnMail .modal-header .close {          
    position: absolute;
        color: #fff;
        background: rgb(132 132 132);
        border: 2px solid #fff;
        right: -10px;
        top: -10px;
        border-radius: 100%;
        padding: 0px 7px;
    }
    #ModalProductOnMail .modal-header .close .fa {
        transform: rotate(90deg);
    }
    #ModalProductOnMail hr {
        margin: 6px 0px;
            height: 0;
    }
    #ModalProductOnMail .dvratelist .modal-header .modal-title {
        color: #3a3a3a;
        font-weight: 600;
        font-size: 18px;
    }
    #ModalProductOnMail .modal-body {
        position: relative;
        padding: 15px;
    }
    #ModalProductOnMail .dvratelist .modal-title {
        color: #3a3a3a;
        line-height: 22px;
    }
    #ModalProductOnMail .dvratelist .modal-title span{
        font-weight: normal;
        font-size: 14px;
    }   
    .dvratelist h5.modal-title strong {
        font-size: 16px;
        min-width: 120px;
        display: inline-block;
    }
    #ModalProductOnMail .modal-footer {
        padding: 5px 15px; 
        background: #f1f1f1;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }
    #ModalProductOnMail textarea.form-control {  
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
        font-size: 14px;
            margin-bottom: 10px;
    }
    /* ----------------After Login Product Email Send popup End-------  */
    /* --------- catalogspage page css start---------- */
    .catalogspage {
        padding: 60px 0;
    } 
    .catalogspage h2.h1{
        text-align: center;
        margin-bottom: 60px !important;
    }
    .catalogspage ul{
        padding: 0px;
    } 
    .catalogspage ul li{
        margin-bottom: 22px;
        list-style: none;
        border-bottom: 1px solid #bababa33;
        padding-bottom: 8px;
    }
    .catalogspage ul li:hover{
        box-shadow: 3px 8px 8px #fafafa;
    }
    .catalogspage ul li p{
        margin: 0px;
        font-size: 16px;
        line-height: 22px;
    }
    .catalogspage ul li .features-section .features-icon{
        width: 18%;
        display: inline-block;
        float: left;
    }
    .catalogspage ul li .features-section .features-icon img{
        width: 95%;
        float: left;
    }
    .catalogspage ul li .features-section .features_content{
        width: 80%;
        display: inline-block;
        padding-left: 15px;
    }
    .catalogspage ul li .features-section .features_content h4{
        font-size: 16px;
        margin-bottom: 4px;
        color: #013e6a;
    }
    .catalogspage ul li .features-section .features_content p{
        font-size: 14px;
        line-height: 18px;
        min-height: 64px;  
    }
    .catalogepage .dv_btn{
        display: inline-block;
        margin-bottom: 18px;
        width: 25%;
        margin-right: 16px;
    }
    .catalogepage .dv_btn a{
        margin-bottom: 9px;
        color: rgb(1, 62, 106);    
        width: 100%;
        display: block; 
        text-align: center;
        border: 2px solid rgb(1, 62, 106);
        padding: 2px 14px;
        font-weight: bold;
        line-height: 22px; 
    }
    .catalogepage .dv_btn a:hover{
        background: rgb(1, 62, 106);
       color: #fff;
    }
    .catalogepage .imgside .contentmds{
        top: 70px;
    }
    /* --------- catalogspage page css end---------- */
    /* -------------Contact Us page start -------------- */
    .addressbx hr{
        margin: 15px 0;
        border-bottom: 1px solid #4e4f50;
    }
    .addressbx.emailiddtl iframe {
        height: 148px;
    }
    .cntct-pge{
            /* background-image: url(/assetsV9/img/bgcontact.png); */
            background-repeat: no-repeat;
            background-position: top;
            padding: 30px 0px;
            margin-bottom: 0px;
    }
    .cntct-pge ul{
        padding: 30px 0px;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    .cntct-pge ul li{
        list-style: none;
        width: 50%;
        display: inline-block;
        float: right;
        margin-right: 0;
        padding: 0px;
        padding-right: 70px
    }
    .cntct-pge ul .cntctli1{
        background: #fff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .cntct-pge ul .cntctli3 {
        background: #fff;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        box-shadow: -5px 0px 8px #e5e5e575;
    }
    .cntct-pge ul .cntctli2{
        background: #ffffff;
         /* box-shadow: -5px 0px 8px #e5e5e575; */
    }
    .cntct-pge ul .cntctli2 hr{
        color: #000;
    }
    .cntct-pge ul .cntctli2 h3{
        color: #000;
    }
    .cntct-pge ul .cntctli2 h3 i{margin-right:5px;
    }
    .cntct-pge ul .cntctli2 p{
        color: #000;
    }
    .cntct-pge ul .cntctli2 a{
        color: #000;
    }
    .cntct-pge ul .cntctli2 p.mailloc {
        color: #000;
    }
    .cntct-pge .addressbx h3{
        font-size: 22px;
    }
        .cntct-pge .cntctli2 .addressbx h3 {
        margin: 0px 0px 8px;
        }
        .cntct-pge .addressbx p.mailloc i {
            padding-right: 8px;
        }
    .cntct-pge .addressbx p{
        margin: 0px;
    }
    .cntct-pge .addressbx p.mailloc{
        color: #0f609b;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .cntct-pge .addressbx p span{    
    font-size: 14px;
        font-weight: 500;
    }
    .addressbx.emailiddtl {
        margin-top: 10px;
    }
    .contact-detail .addressbx.emailiddtl {
        margin-top: 0px;
    }
    .contactformdsgn {
        background: #fcfcfc;
        margin: 30px 0px;
        border: 1px solid #eee;
    }
    .contactformdsgn .headline{
        margin: 0px;
        padding: 8px 15px;
        background: #ececec;
    }
    .cntctli1 .addressbx h1{
        font-size: 22px;
    }
    /* -------------Contact Us page End -------------- */
    section.maininnercat{
        padding:30px 0px;
    }
    section.maininnercat h1{
        margin-bottom: 25px;
        font-size: 28px;
    }
    .imgbgsection {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 30px 0px 50px;
        background: #fdfdfd;
        background-image: url(/assets/img/tech.png);
    }
    .homecatgal ul.our-spaces {
        overflow: hidden;
        margin-bottom: 0;
        width: 100%;
        padding: 0;
    }
    .homecatgal ul.our-spaces li {
        width: 31.6%;
        height: 212px;
        overflow: hidden;
        position: relative;
        margin-bottom: 25px;
        margin-right: 25px;
        /* box-shadow: 1px 1px 5px #a0a0a0; */
        border-radius: 3px;
        float: none;
        display: inline-block;
    }
    .homecatgal ul.our-spaces li .wrap {
        width: 100%;
    }
    .homecatgal ul.our-spaces li .residential {
        background-size: 100%;
    }
    .homecatgal ul.our-spaces li img {
        width: 100%;
        height: 100%;
    }
    .homecatgal ul.our-spaces li .wrap {
        width: 100%;
        text-align: center;
        transition: all .5s;
        padding: 0 25px;
        position: absolute;
        top: 30px;
        left: 0;
    }
    .homecatgal ul.our-spaces li .wrap h5 {
        line-height: 32px;
        font-size: 25px;
        font-weight: 900;
        color: #fff;
        margin-bottom: 15px;
        min-height: 90px;
    }
    ul.our-spaces li .pa:before {
        content: '';
        background-image: linear-gradient(to right, #004b6de8 , #00000094);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    
    .btn-primary-round {
        width: 142px;
        height: 37px;
        background: 0 0;
        line-height: 32px;
        border-radius: 50px;
        border: 3px double #fff;
        text-align: left;
        position: relative;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        margin: 0 auto;
        outline: 0;
        display: inline-block;
        padding-left: 20px;
        transition: all .3s ease-in-out;
    }
    .btn-primary-round:before {
        height: 15px;
        width: 12px;
        content: '';
        position: absolute;
        top: 8px;
        right: 10px;
        background: url(/assets/img/right_arrow.png) no-repeat;
        transition: all .3s ease-in-out;
    } 
    .btn-primary-round:hover {
        background: #063870;
        border: 1px solid #063870;
        transition: all .3s ease-in-out;
        color: #fff;
    }
    .btn-primary-round:hover:before {
        right: 14px;
        transition: all .3s ease-in-out;
    }
    .quickbuy{
    padding-top: 8px;
        border-top: 1px solid #eee;
        margin-top: 0px;
        font-size: 16px;
    }
    section.ndhomeproduct {
        padding: 50px 0;
    }  
    .ndhomeproduct .owl-nav .owl-prev{
        position: absolute;
            top: 25%;
        left: -60px;
    }
    .ndhomeproduct .owl-nav .owl-next{
        position: absolute;
           top: 25%;
        right: -60px;
    }
    .ndhomeproduct .owl-nav button span {
        line-height: 36px;
        font-size: 46px;
    }
    .tabheadinghome .owl-nav .owl-prev{
        position: absolute;
        top: 25%;
        left: -60px;
    }
    .tabheadinghome .owl-nav .owl-next{
        position: absolute;
           top: 25%;
        right: -60px;
    }
    .tabheadinghome .owl-nav button span {
        line-height: 36px;
        font-size: 46px;
    }
    #tab_product .customNavigation {
        position: absolute;
        right: 5px;
        top: 5px;
    } 
    /*Home video start*/
    .videohome .content-box ul li .first {
            line-height: 24px;
        font-size: 16px;
        padding: 5px 5px;
        background-color: #fff;
        box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.3);
        text-align: center;
    }
    .videohome .content-box ul li .title a{
        font-size: 14px;
        font-weight: bold;
    }
    .videohome .content-box ul li .title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .image-video iframe {
        height: 480px;
        border-radius: 10px;
            width: 100%;
            position:relative;
            z-index:9;
    }
    
    .videohome .image-video img {
        height: 480px;
        border-radius: 10px;
            width: 100%;
    }
    #dvHomeVideo {margin-bottom: 10px;
    }
    #dvHomeVideo ul {
        margin: 0;
        display: inline-block;
        padding: 0;
        width: 100%;
    } 
    /*Home video end*/
    .footerpanel .panel-heading {
        padding: 0px;
            color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }
    .footerpanel .panel .nav-tabs {
        border-bottom: none;
        text-align: center;
        display: block;
        min-height: 44px;
    }
    .footerpanel .nav-tabs>li.shopbyli {
        display: inline-block;
        background: #00496c;
        padding: 6px 40px;
        text-transform: uppercase;
        color: white;
        position: relative;
    }
    .footerpanel .nav-tabs>li.shopbyli h2 {
        margin: 0;
        padding: 0;
        line-height: 31px;
        color: #fff;
            font-size: 1.5rem;
    }
    .triangle-left {
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-right: 25px solid whitesmoke;
        border-bottom: 25px solid transparent;
        position: absolute;
        right: 0;
        top: 0;
    }
    .footerpanel .panel-body {
        padding: 21px 160px;
        background: #fff;
    }
    .footerpanel .panel .nav-tabs>li.shopbyli{
        float: left;
            margin-top: 0;
    }
    .footerpanel .panel .nav-tabs>li {
        margin-top: 8px;
    }
    .footerpanel .panel .nav-tabs li a{
        padding: 5px 15px;
    }
    .footerpanel .panel-heading {
        padding: 0px;
    }
    .footerpanel .nav-tabs>li {
        float: none;
        margin-bottom: -1px;
        display: inline-block;
    }
    .footerpanel .panel .nav-tabs li a {
        font-size: 15px;
        padding: 5px 15px;
    }
    
    .footerpanel .nav-tabs li a.active, .footerpanel .nav-tabs li a.active:hover, .footerpanel .nav-tabs li a.active:focus {
            position: relative;
        display: block;
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
            border-radius: 4px 4px 0 0;
            line-height: 1.42857143;
            border-bottom: 2px solid #d30909;
    }
    .footerpanel .panel-default .tab-list li:before {
        content: "\f101";
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        color: #318ca0;
        font-size: 16px;
    }
    .footerpanel .tab-list li a { 
        font-size: 14px;
        line-height: 24px;
        color: #333;
        display: block;
        transition: 0.3s all ease;
        font-weight: normal;
    }
    .footerpanel .tab-pane .tab-list li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 19%;
        margin-right: 8px;
            position: relative;
        padding-left: 25px;
    }
    #tab2default .tab-list li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 19%;
        margin-right: 8px;
    }
    .brand-new-ctgry-img .tab-list li.single_speciality {
        margin-bottom: 5px;
    }
    .brand-new-ctgry-img .tab-list li.single_speciality {
        max-width: 19.2%;
        opacity: 1;
        white-space: normal !important;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid #e0e0e0d4;
    }
    .brand-new-ctgry-img #tab2default .tab-list li a { 
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        display: block;
        text-align: center;
            padding: 1px 4px;
    }
    .brand-new-ctgry-img .single_speciality img {
        width: 257px;
    }
    
    .ulEventGallery{ 
        width: 100%;
        float: left;
        list-style: none;
        list-style-type: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px 14px;
    }
    .ulEventGallery li{     
        float: left;
        text-align: center;
        border: 1px solid #CCC;
        padding: 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        min-height: 225px;
        position: relative;
        margin-bottom: 2px;
        width:calc(24% - 0px);
    }
    .dvEventName {
        padding: 0px 0px 5px;
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        color: #333;
        line-height: 28px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .dvEventImage {
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0;
        min-height: 180px;
        overflow: hidden;
        position: relative;
        max-height: 180px;
    }
    .dvEventImage img {
        width: 100%;
    }
    .dvEventDuration {
        /*background: #e2ecf2;
        color: #ffffff;
        font-weight: 600;
        font-size: 14px;
        padding: 5px 0px;
        width: 100%;
        margin-top: 5px;*/
    }
    .dvEventDuration p {
        margin: 0px;
        letter-spacing: 0;
        color: #00266e;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*.ulEventGallery li:nth-child(4n){float:right; margin-right:0px;}*/
    /*Menu CSS End*/
    
    
    
    /* stylecss Start */
    .search-hd .input-group .form-control::-moz-placeholder {
    color: #7d7d7d;
    }
    .search-hd .input-group .form-control::-webkit-input-placeholder {
    color: #7d7d7d;
    }
    h1, h2 {
        margin-bottom: 1em;
    }
    .autocompletearea {
    position: absolute;
    z-index: 99999;
    background-color: #FFF;
    width: 405px;
    box-shadow: 0px 2px 8px 0px #C7C7C7;
    top: 35px;
    }     
    .autocompletearea ul li {
    padding-left: 0px;
    }    
    .autocompletefirst {
    padding: 3px 5px;
    margin-bottom: 2px;
    background: rgb(247 247 247 / 60%);
    }   
    .autocompletesecond {
    padding: 3px 5px;
    margin-bottom: 2px;
    background: #04bfff14;
    }
    .btn_view_srh .view_search{
    background: #fff;
    padding: 6px 13px;
    color: #093a74;
    border: 2px solid #093a74;
    }
    .autocompletearea ul li a {
    color: #5F5C5C;
    line-height: 25px;
    }
          
    .autocompletearea span {
    top: 2px;
    display: inline-block;
    position: relative;
    padding: 0px 5px;
    left: 10px;
    color: #00405D;
    }
          
    .autocompletearea ul {
    padding-left: 0px;
    list-style-type: none !important;
    min-height: 45px;
    }
    
    .contctcategorydesign button{
    border: 1px solid #cbcbcb;
    background-color: #fff;
    color: #333;
    border-radius: 6px;
    padding: 11px 5px 8px;
    min-height: 34px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    }
    .contctcategorydesign button:hover:before{
    display:none;
    }
    .contctcategorydesign button:hover{
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    }
    .contctcategorydesign .dropdown-menu.show {
    width: 100%;
    height: 435px !important;   
    }
    .contctcategorydesign .dropdown-menu.show li.selected{
    background: #d8e0e5;
    }
    .contctcategorydesign .dropdown-menu.show li.selected span.check-mark{
    top: 8px;
    }
    .autocompletearea span {
    font-size: 12px;
    top: 2px;
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    left: 0px;
    color: #00405D;
    width: 100%;
    line-height: 18px;
    }
          
    .autocomplcategory {
    font-size: 16px;
    padding-bottom: 10px !important;
    }
          
    .autocompletearea hr {
    margin: 15px 0px 5px 0px;
    }
          
        
          
    .autocompletearea ul li:hover {
    padding-left: 0px;
    background-color: #1967bd;
    color: #fff;
    }
          
    .autocompletearea span:hover {
    color: #fff;
    }
          
    .autocompletearea h2 {
    top: 2px;
    display: inline-block;
    position: relative;
    background: #f0f0f0 none repeat scroll 0% 0%;
    padding: 7px 15px !important;
    left: 0px;
    color: #232323;
    margin: 0px;
    width: 100%;
    font-weight: bold;
    }
    .autocompletearea ul .search-select {
    background-color: #1967bd;
    }
    .autocompletearea ul li:hover {
    padding-bottom: 3px;
    background-color: #003c74;
    color: #fff;
    }
    .autocompletearea {
    position: absolute;
    z-index: 99999;
    background-color: #FFF;
    width: 100%;
    box-shadow: 0px 2px 8px 0px #C7C7C7;
    top: 35px;
    }
    .btn_view_srh {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    color:#545454;
    }
        
    #recent-projects, #project-list, #architect {
    background-color: #eaeaea21;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
    }
    .section-title {      
    padding-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    display: block;
    }
    .owl-carousel .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 20px;
    border-radius: 15%;
    font-size: 42px;
    padding: 0px;
    position: absolute;
    left: -28px;
    top: 21%;
    background: none;
    color: #51585F;
    }
          
    .owl-carousel .owl-next {
    width: 30px;
    height: 30px;
    line-height: 20px;
    border-radius: 15%;
    font-size: 42px;
    padding: 0px;
    position: absolute;
    right: -28px;
    top: 21%;
    background: none;
    color: #51585F;
    }
    .owl-carousel .owl-nav .fa {
    font-size: 36px;
    color: #b3b3b3;
    }
    .owl-carousel .owl-prev {
    left: -6px;
    top: 35%;
    }
    .owl-carousel .owl-next {
    right: -6px;
    top: 35%;
    }
    #latest-pslider.owl-carousel .owl-prev {
    left: -7px;
    }
    #latest-pslider.owl-carousel .owl-next {
    right: -7px;
    }
    .product-vendor a {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: var(--foundation-black-black-400, #333);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    text-transform: capitalize;
    }
    .img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
    }
    .f-left {
    float: left
    }
    .f-right {
    float: right
    }
    .fix {
    overflow: hidden
    }
    a,
    .button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    }
    a:focus,
    .button:focus {
    text-decoration: none;
    outline: none;
    }
    a:focus,
    .btn:focus,
    a:hover,
    .portfolio-cat a:hover,
    .footer -menu li a:hover {
    box-shadow: none;
    text-decoration: none;
    }
    a,
    button {
    color: #1696e7;
    outline: medium none;
    }
    button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
    .uppercase {
    text-transform: uppercase;
    }
    .capitalize {
    text-transform: capitalize;
    }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
    color: inherit;
    }
    
    h2 {
    font-size: var(--font-size--h2);
    }
    h3 {
    font-size: var(--font-size--h3);
    }
    h4 {
    font-size: var(--font-size--h4);
    }
    h5 {
    font-size: var(--font-size--h5);
    }
    h6 {
    font-size: var(--font-size--h6);
    }
    ul {
    margin: 0px;
    padding: 0px;
    }
    /*li {
    list-style: none
    }*/
    p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
    margin-bottom: 15px;
    }
    hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
    }
    
    *::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
    }
    ::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
    }
    ::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
    }
    *::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
    }
    *::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
    }
    .theme-overlay {
    position: relative
    }
    .theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    }
    .separator {
    border-top: 1px solid #f2f2f2;
    }
    /* button style */
    .btn {
    -moz-user-select: none;
    background: var(--btnbg);    
    color: var(--btncolor);
    border: var(--btnborder);
    border-radius: var(--btnradius);
    font-size: var(--btnfontsize);
    font-weight: var(--btnfontweight);
    padding: var(--btnpadding);
    text-transform: var(--btntransform);
    
    cursor: pointer;
    display: inline-block;
    letter-spacing: .5px;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    }
    .btn::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    border-radius: var(--btnradius);
    bottom: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    background: var(--btnbgbefore);
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .btn:hover::before {
    top: 0%;
    bottom: auto;
    height: 100%;
    }
    .btn:hover {
    color: var(--btnhovercolor);
    }
    .red-btn {
    background: #800916;
    }
    
    
    /* scrollUp */
    #scrollUp {
    background: #800916;
    height: 45px;
    width: 45px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    line-height: 45px;
    }
    #scrollUp:hover {
    background: #444;
    }
    
    
    
    
    
    /* 3. Fare-rate-modal */
    #exampleModalLong .modal-dialog {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    border: none;
    z-index: 1;
    width: 1180px;
    max-width: 1180px;
    margin: 0;
    }
    #exampleModalLong .modal-content {
    display: -webkit-block;
    display: -ms-block;
    display: block;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: column;
    flex-direction: unset;
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: 0;
    }
    #exampleModalLong .nav-tabs .nav-link {
    border: 4px solid #ff4c00;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    font-weight: 700;
    color: #cf3a1b;
    text-transform: uppercase;
    padding: 10px 35px;
    }
    #exampleModalLong .nav-tabs .nav-link.btn-amber {
    color: #fff;
    background-color: #ff4c00;
    border-color: #ff4c00;
    }
    #exampleModalLong .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-left: -4px;
    }
    #exampleModalLong .nav-tabs .nav-item:first-child {
    margin-left: 0px;
    }
    #exampleModalLong .nav-tabs {
    border: none;
    }
    #exampleModalLong .nav-tabs .nav-item:first-child a {
    border-top-left-radius: 10px;
    }
    #exampleModalLong .nav-tabs .nav-item:last-child a {
    border-top-right-radius: 10px;
    }
    .fare-rate-tab-content {
    background: #0c0417;
    padding: 60px 70px;
    padding-bottom: 80px;
    overflow: hidden;
    }
    .modal-shipping-info ul li {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    }
    .modal-shipping-info ul li:last-child {
    margin-bottom: 0px;
    }
    .shipping-step-count {
    margin-right: 45px;
    position: relative;
    margin-top: 30px;
    }
    .shipping-step-count h5 {
    font-size: 16px;
    font-weight: 900;
    color: #ff4c00;
    margin-bottom: 0;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border: 2px dotted #ff4c00;
    border-radius: 50%;
    }
    .shipping-address-form {
    display: flex;
    align-items: center;
    }
    .shipping-address-form label,
    .single-shipping-details-box label,
    .modal-tracking-info label,
    .tracking-quots-board label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff4c00;
    line-height: 1;
    margin-bottom: 12px;
    }
    .shipping-country-box input {
    display: block;
    width: 248px;
    }
    .shipping-address-form input {
    background: #fff;
    padding: 14px 20px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    }
    .shipping-address-form input::placeholder,
    .modal-tracking-info input::placeholder  {
    font-size: 12px;
    color: #636262;
    }
    .shipping-address-box input {
    display: block;
    width: 700px;
    }
    .shipping-country-box {
    margin-right: 10px;
    }
    .shipping-step-count::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-right: 2px dotted #ff4c00;
    height: 90px;
    width: 2px;
    top: 37px;
    }
    .shipping-step-count::after {
    content: "";
    position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 18px;
    background: #ff4c00;
    border-radius: 30px;
    }
    .modal-shipping-info ul li:last-child .shipping-step-count::before,
    .modal-shipping-info ul li:last-child .shipping-step-count::after {
    display: none;
    }
    .modal-shipping-info {
    margin-bottom: 65px;
    }
    .modal-shipping-more-list ul li {
    display: block;
    margin-bottom: 5px;
    }
    .modal-shipping-more-list ul li:last-child {
    margin-bottom: 0px;
    }
    .modal-shipping-more-list ul li a {
    font-size: 14px;
    color: #d9d8d8;
    }
    .modal-shipping-more-list ul li a i {
    font-size: 18px;
    margin-right: 10px;
    transition: all 0.3s ease-out 0s;
    }
    .modal-shipping-more-list ul li a:hover i {
    color: #e23606;
    }
    .form-group {
    margin-bottom: 0;
    }
    .modal-shipping-more-list {
    display: inline-block;
    }
    .modal-shipping-title h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    }
    .modal-shipping-title h2 span {
    color: #ff4c00;
    }
    .modal-shipping-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #382f44;
    margin-bottom: 45px;
    position: relative;
    }
    .modal-shipping-title::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: #ff4c00;
    bottom: -1.5px;
    left: 0;
    }
    .single-shipping-details-box .custom-select {
    display: block;
    padding: 10px 35px 10px 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    color: #717070;
    background: url("/DMS/Images/nw-selarw.png") no-repeat scroll 97.5% center;
    background-color: #fff;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .3s ease-in-out,;
    width: 272px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: 0;
    }
    .shipping-details-info {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #2c2239;
    }
    .single-shipping-details-box.shipping-qty input {
    width: 80px;
    display: block;
    height: 48px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 20px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #717070;
    }
    .single-shipping-details-box {
    margin-right: 20px;
    }
    .single-shipping-details-box.shipping-weight .custom-select {
    width: 173px;
    }
    .single-shipping-details-box.shipping-transport .custom-select {
    width: 215px;
    }
    .single-shipping-details-box.shipping-product .custom-select {
    width: 215px;
    }
    .single-shipping-details-box:last-child {
    margin-right: 0;
    }
    .modal-shipping-details .custom-control-label {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 28px;
    color: #c4c4c4;
    user-select: none;
    }
    .modal-shipping-details .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff4c00;
    }
    .modal-shipping-details .custom-control-label::before {
    top: 7px;
    background-color: transparent;
    border: 2px solid #acaaaa;
    }
    .modal-shipping-details .custom-control-label::after {
    top: 7px;
    }
    .modal-shipping-details .custom-control {
    margin-bottom: 35px;
    margin-top: 25px;
    }
    .btn-success span {
    color: #2c2b2b;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .btn-success:hover span {
    color: #fff;
    }
    .shipping-tracking-info {
    border: none;
    }
    .modal-tracking-info {
    margin-right: 20px;
    }
    .modal-tracking-info input {
    display: block;
    background: #fff;
    padding: 14px 20px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    width: 350px;
    }
    .modal-tracking-info:last-child {
    margin-right: 0;
    }
    .modal-tracking-info .btn {
    width: 350px;
    display: block;
    }
    .tracking-quots-board-info {
    position: relative;
    width: 720px;
    }
    .tracking-quots-board-info h5 {
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 370px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    font-style: italic;
    color: #ff4c00;
    right: 0;
    }
    .tracking-modal-map {
    overflow: hidden;
    }
    .tracking-modal-map #contact-map {
    width: 300px;
    height: 290px;
    }
    
    /* 4. Search modal */
    #search-modal,
    #exampleModalLong {
    background-color: rgba(23,26,33,.95);
    }
    #search-modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: none;
    outline: 0;
    }
    #search-modal .modal-dialog .modal-content {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    }
    #search-modal .modal-dialog .modal-content form {
    width: 555px;
    position: relative;
    }
    #search-modal .modal-dialog .modal-content form input {
    width: 100%;
    font-size: 36px;
    border: none;
    border-bottom: 3px solid rgba(255,255,255,.1);
    background: 0 0;
    color: #fff;
    padding-bottom: 12px;
    padding-right: 40px;
    }
    #search-modal .modal-dialog .modal-content form input::-moz-placeholder {
    font-size: 35px;
    }
    #search-modal .modal-dialog .modal-content form input::placeholder {
    font-size: 35px;
    }
    #search-modal .modal-dialog .modal-content form button {
    position: absolute;
    right: 0;
    margin-bottom: 3px;
    font-size: 30px;
    color: #e32222;
    background: 0 0;
    border: none;
    cursor: pointer;
    top: 11px;
    }
    
    
    
    
    /* 6. Slider */
    .slider-bg {
    background-image: url(/DMS/Images/slider-img02.jpg);
    position: relative;
    min-height: 749px;
    background-position: center;
    background-size: cover;
    z-index: 2;
    }
    .slider-overlay-bg {
    background-image: url(/DMS/Images/slider-img01.png);
    min-height: 749px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: .05;
    }
    .slider-bg-shape {
    background-image: url(/DMS/Images/slider-shape.png);
    position: absolute;
    width: 822px;
    height: 632px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .19;
    z-index: -1;
    }
    .slider-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    }
    .slider-video-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #162b48;
    opacity: .3;
    z-index: 1;
    }
    .YTPOverlay.raster {
    background: url(/DMS/Images/raster-dot.png);
    }
    .slider-content {
    position: relative;
    z-index: 9;
    }
    .slider-content h2 {
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
    }
    .slider-content p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    width: 67%;
    margin: 0 auto;
    }
    .slider-form {
    margin-top: 35px;
    }
    .slider-form form {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .slider-form input {
    width: 370px;
    border: none;
    background: #fff;
    padding: 16px 30px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #473856;
    }
    .slider-form input::placeholder {
    text-transform: uppercase;
    color: #473856;
    font-size: 12px;
    }
    .slider-form button {
    display: inline-block;
    margin-left: 5px;
    }
    .s-slider-bg {
    background-image: url(/DMS/Images/slider-img03.jpg);
    min-height: 954px;
    background-position: center;
    background-size: cover;
    position: relative;
    }
    .s-slider-content {
    position: relative;
    padding-top: 285px;
    }
    .s-slider-content h6 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: inline-block;
    background: #7f0b16;
    line-height: 1;
    padding: 16px 50px;
    position: relative;
    }
    .documents a.red-btn{text-align: center !important;}
    .s-slider-content h6::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 25px;
    border-color: transparent transparent #7f0b16;
    transparent;
    }
    .s-slider-content h6::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 25px 0 0;
    border-color: #7f0b16;
    transparent transparent transparent;
    }
    .s-slider-content h6 span.dots,
    .s-slider-content h6 span.dots2 {
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    }
    .s-slider-content h6 span.dots2 {
    right: 10px;
    left: auto;
    }
    .s-slider-content h2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -135px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    font-size: 120px;
    line-height: 1;
    }
    .s-slider-content h2 span {
    color: #ff4c00;
    line-height: 1;
    }
    .s-slider-content h2::before {
    content: "";
    }
    .s-slider-content h2.frame-1 {
    -webkit-animation: animation-1 cubic-bezier(0, 1.09, 1, 1) infinite;
    animation: animation-1 cubic-bezier(0, 1.09, 1, 1) infinite;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    }
    
    .s-slider-content h2.frame-2 {
    -webkit-animation: animation-2 cubic-bezier(0, 1.09, 1, 1) infinite;
    animation: animation-2 cubic-bezier(0, 1.09, 1, 1) infinite;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    }
    
    .s-slider-content h2.frame-3 {
    -webkit-animation: animation-3 cubic-bezier(0, 1.09, 1, 1) infinite;
    animation: animation-3 cubic-bezier(0, 1.09, 1, 1) infinite;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    }
    .s-slider-content h2.frame-4 {
    -webkit-animation: animation-4 cubic-bezier(0, 1.09, 1, 1) infinite;
    animation: animation-4 cubic-bezier(0, 1.09, 1, 1) infinite;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    }
    @-webkit-keyframes animation-1 {
    0% {
    opacity: .5;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    5% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    20% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    30% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    }
    }
    
    @keyframes animation-1 {
    0% {
    opacity: .5;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    5% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    20% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    30% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    }
    }
    
    @-webkit-keyframes animation-2 {
    0% {
    opacity: 0;
    }
    20% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    30% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    40% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    60% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    }
    }
    
    @keyframes animation-2 {
    0% {
    opacity: 0;
    }
    20% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    30% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    40% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    60% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    }
    }
    
    @-webkit-keyframes animation-3 {
    0% {
    opacity: 0;
    }
    40% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    60% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    70% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    }
    }
    
    @keyframes animation-3 {
    0% {
    opacity: 0;
    }
    40% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    60% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    70% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    100% {
    opacity: 0;
    }
    }
    @-webkit-keyframes animation-4 {
    0% {
    opacity: 0;
    }
    70% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    80% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    95% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    }
    
    @keyframes animation-4 {
    0% {
    opacity: 0;
    }
    70% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-shadow: 0px 0px 40px #fff;
    color: transparent;
    }
    80% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    95% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    }
    100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    text-shadow: 0px 0px 50px #fff;
    color: transparent;
    }
    }
    .icon-scroll,
    .icon-scroll::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 53%;
    z-index: 1;
    }
    .icon-scroll {
    width: 50px;
    height: 75px;
    border: 3px solid #b1a8c0;
    border-radius: 22px;
    cursor: pointer;
    bottom: 2rem;
    }
    .icon-scroll::before {
    content: '\f078';
    margin-left: -13px;
    top: 15px;
    border-radius: 50%;
    animation: 1.5s scroll cubic-bezier(0.65, -0.55, 0.25, 1.5) infinite;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #ff4c00;
    font-size: 30px;
    line-height: 1;
    }
    @keyframes scroll {
    0% {
    opacity: 0;
    transform: translateY(0) scale(0.5);
    }
    10% {
    opacity: 1;
    transform: scale(1);
    }
    100% {
    opacity: 0;
    transform: translateY(30px) scale(0.5);
    }
    }
    .icon-scroll span {
    position: absolute;
    left: 50%;
    top: 17px;
    height: 3px;
    width: 4px;
    background: #a3a3a3;
    transform: translateX(-50%);
    }
    .icon-scroll span:nth-child(2) {
    top: 22px;
    }
    .icon-scroll span:last-child {
    top: 27px;
    }
    .slider-golve {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 65%;
    }
    .rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    }
    @keyframes rotateme {
    from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    }
    @-webkit-keyframes rotateme {
    from {
    -webkit-transform: rotate(0deg);
    }
    to {
    -webkit-transform: rotate(360deg);
    }
    }
    .slider-golve-bike {
    position: absolute;
    left: 19.6%;
    bottom: 16%;
    border-radius: 50%;
    text-align: center;
    transform: rotate(-67deg) rotateY(180deg);
    }
    .slide-golve-car {
    position: absolute;
    right: 16.6%;
    bottom: 13%;
    border-radius: 50%;
    text-align: center;
    transform: rotate(8deg);
    }
    .slider-plane {
    position: absolute;
    left: 75px;
    bottom: 35%;
    transform: translate3d(0, 0px, 0px);
    animation: 10s planeMove;
    opacity: 0;
    }
    @keyframes planeMove {
    0% {
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
    }
    100% {
    -webkit-transform: translate3d(1500%, -100%, 0px);
    transform: translate3d(1500%, -100%, 0px);
    opacity: 1;
    }
    }
    @-webkit-keyframes planeMove {
    0% {
    -webkit-transform: translate3d(0, 0px, 0px);
    }
    100% {
    -webkit-transform: translate3d(1500%, -20%, 0px);
    }
    }
    .t-slider-area {
    min-height: 1021px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    }
    .t-slider-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(7, 29, 57, 0.161);
    }
    .t-slider-area::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(/DMS/Images/third-slider-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .03;
    z-index: -1;
    }
    .t-slider-content h2 {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    margin-bottom: 13px;
    }
    .t-slider-content h6 {
    background: #e32222;
    }
    .t-slider-content h6::before {
    border-color: transparent transparent #e32222 transparent;
    }
    .t-slider-content h6::after {
    border-color: #e32222 transparent transparent transparent;
    }
    .t-slider-content h2::before,
    .t-slider-content h2::after  {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    height: 2px;
    width: 100%;
    border-radius: 50%;
    background-color: rgb(255, 70, 18, 0.388);
    }
    .t-slider-content h2::after {
    top: auto;
    bottom: 15px;
    }
    .t-slider-content p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 33px;
    width: 65%;
    margin: 0 auto 35px;
    }
    .t-slider-content h6 {
    background: #7f0b16;
    margin-bottom: 25px;
    }
    .t-slider-content {
    padding-top: 445px;
    }
    
    /* 7. Category */
    .category-bg {
    background-image: url(/DMS/Images/category-bg.png);
    margin-top: -15px;
    position: relative;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    }
    .s-category-list {
    position: relative;
    z-index: 1;
    }
    .category-list ul {
    display: flex;
    justify-content: center;
    margin-top: -50px;
    }
    .category-list ul li {
    display: inline-block;
    margin-bottom: 20px;
    }
    .category-list ul li a {
    display: block;
    text-align: center;
    box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.09);
    background: #fff;
    padding: 35px 29px;
    position: relative;
    width: 185px;
    transition: .4s ease-in-out;
    }
    .category-list ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4e148c;
    transform: scale(1);
    transition: .4s ease-in-out;
    opacity: 0;
    z-index: 1;
    }
    .category-icon {
    margin-bottom: 15px;
    position: relative;
    z-index: 9;
    }
    .category-icon i {
    font-size: 45px;
    color: #ff693f;
    line-height: 1;
    display: block;
    transition: .4s ease-in-out;
    }
    .category-list ul li h5 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
    transition: .4s ease-in-out;
    position: relative;
    z-index: 9;
    }
    .category-list ul li a:hover::before {
    transform: scale(1.1);
    opacity: 1;
    }
    .category-list ul li a:hover .category-icon i {
    color: #fff;
    }
    .category-list ul li a:hover h5 {
    color: #fff;
    }
    .s-category-wrap {
    padding: 0 80px;
    }
    .s-single-cat {
    display: block;
    text-align: center;
    border: 8px solid #d23c19;
    padding: 27px 50px;
    background: #1f1234;
    position: relative;
    }
    .s-cat-icon {
    margin-bottom: 20px;
    }
    .s-cat-icon i {
    font-size: 52px;
    line-height: 1;
    color: #f64413;
    }
    .s-cat-content h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    }
    .s-category-area {
    background-image: url(/DMS/Images/s-cat-bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 70px 0 40px;
    position: relative;
    z-index: 1;
    }
    .s-single-cat::before {
    content: "";
    position: absolute;
    height: 260px;
    width: 22px;
    background: #d23c19;
    transform: rotate(35deg) scaleY(.5);
    top: -59px;
    right: 115px;
    z-index: -1;
    transition: .4s linear;
    }
    .s-single-cat:hover::before {
    transform: rotate(35deg) scaleY(1);
    }
    .t-single-cat {
    border: none;
    padding: 70px 30px;
    background: transparent;
    transition: .4s linear;
    }
    .t-single-cat:hover{
    background: #e32222;
    }
    .t-single-cat::before {
    display: none;
    }
    .t-category-area {
    background-image: url(/DMS/Images/t-cat-bg.jpg);
    background-position: center;
    background-size: cover;
    }
    .t-single-cat .s-cat-content h5 {
    margin-bottom: 12px;
    font-size: 18px;
    }
    .t-single-cat .s-cat-content p {
    font-size: 16px;
    line-height: 26px;
    color: #dfdddd;
    margin-bottom: 0;
    transition: .4s linear;
    }
    .t-single-cat .s-cat-icon i {
    transition: .4s linear;
    }
    .t-single-cat:hover .s-cat-icon i {
    color: #fff;
    }
    .t-single-cat:hover .s-cat-content p {
    color: #fff;
    }
    .t-single-cat .s-cat-content h5 a:hover {
    color: #fff;
    }
    
    /* 8. About */
    .about-bg {
    background-image: url(/DMS/Images/about-bg.jpg);
    padding-top: 185px;
    background-position: center;
    background-size: cover;
    margin-top: -100px;
    padding-bottom: 150px;
    }
    .single-about-wrap {
    background: #fff;
    box-shadow: 0px 0px 18px 0px rgba(47, 19, 78, 0.08);
    border-radius: 30px;
    padding: 102px 55px;
    margin: 15px;
    }
    .section-title h6 {
    font-size: 18px;
        
    font-weight: 900;
    color: #ff4c00;
    margin-bottom: 12px;
    }
    .section-title h2 {
    font-size: 36px;
    margin-bottom: 0;
    }
    .about-title h2 {
    margin-bottom: 10px;
    }
    .about-title h6 {
    margin-bottom: 0;
    }
    .about-content p {
    margin-bottom: 35px;
    }
    .about-content {
    padding-left: 30px; 
    }
    .about-active .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -45px;
    line-height: 1;
    display: none;
    }
    .about-active .slick-dots li {
    display: inline-block;
    line-height: 1;
    margin: 0 2px;
    }
    .about-active .slick-dots button {
    padding: 0;
    border: none;
    text-indent: -99999px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #dad8db;
    cursor: pointer;
    z-index: 1;
    transition: .3s linear;
    line-height: 1;
    }
    .about-active .slick-dots li.slick-active button {
    background: #ff6200;
    }
    .single-about-wrap:focus {
    outline: none;
    }
    
    /* 9. Services */
    .services-wrapper {
    padding: 0 50px;
    }
    .section-title p {
    margin-bottom: 0;
    margin-top: 15px;
    padding: 0 55px;
    line-height: 28px;
    }
    .single-services {
    border-radius: 5px;
    box-shadow: 0px 0px 43px 0px rgba(40, 11, 72, 0.11);
    background: #fff;
    }
    .services-thumb img {
    width: 100%;
    }
    .services-content {
    padding: 0 30px 35px;
    border-top: 4px solid transparent;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    }
    .services-icon {
    height: 115px;
    width: 115px;
    text-align: center;
    line-height: 82px;
    background: #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #8a0f1c;
    position: relative;
    margin-bottom: -30px;
    z-index: -1;
    margin-top: -40px;
    }
    .services-icon i {
    line-height: 1;
    }
    .services-content h3 {
    font-size: 18px;
    margin-bottom: 5px;
    }
    .services-content h3 a {
    display: inline-block;
    }
    .services-content h3 a:hover {
    color: #8a0f1c;
        
    }
    .services-content span {
    font-size: 15px;
    color: #ff4c00;
    font-weight: 900;
        
    display: block;
    margin-bottom: 20px;
    }
    .services-content p {
    margin-bottom: 0;
    }
    .services-content::before {
    content: "";
    position: absolute;
    height: 125px;
    width: 125px;
    background:#8a0f1c;
    border-radius: 50%;
    left: 25px;
    top: -44px;
    transition: .3s linear;
    z-index: -2;
    opacity: 0;
    }
    .services-content::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    height: 85px;
    width: 130px;
    background: #fff;
    z-index: -2;
    }
    .single-services:hover .services-content {
    border-color: #8a0f1c;
    }
    .single-services:hover .services-content::before {
    opacity: 1;
    }
    .delivery-bg {
    background-image: url(/DMS/Images/delivery-bg.jpg);
    background-position: center;
    background-size: cover;
    }
    .inner-help-bg {
    background-image: url(/DMS/Images/help-bg.jpg);
    }
    .s-section-title h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #18364a;
    position: relative;
    }
    
    
    
    .s-section-title.text-center h2 {
    font-weight: 800;
    padding-bottom: 15px;
    margin-bottom: 35px;
    }
    .s-section-title.text-center h2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 80px;
    height: 1px;
    background: #ff4c00;
    bottom: 1px;
    margin: 0 auto;
    }
    .s-section-title.text-center h2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 40px;
    height: 3px;
    background: #ff4c00;
    bottom: 0px;
    margin: 0 auto;
    }
    .s-section-title p {
    font-size: 16px;
    line-height: 28px;
    color: #656565;
    margin-bottom: 0;
    }
    .s-section-title h6 {
        
    font-size: 18px;
    font-weight: 900;
    color: #ff4c00;
    margin-bottom: 0;
    }
    .int-services-content p {
    padding-right: 50px;
    margin-bottom: 35px;
    }
    .overlay-title {
    font-size: 227px;
    position: absolute;
    right: 18%;
    top: -30px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    color: rgba(78, 54, 104, 0.051);
    z-index: -1;
    }
    .int-services-img {
    position: relative;
    }
    .int-services-img::before {
    content: "";    
    position: absolute;
    right: 265px;
    top: -75px;
    width: 30px;
    height: 540px;
    background: #ff5120;
    z-index: -1;
    transform: rotate(55deg) scaleY(.5);
    transition: .8s linear;
    }
    .int-services-img:hover::before {
    transform: rotate(55deg) scale(1);
    }
    .single-delivery-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    }
    .single-delivery-services.pr-75 .ds-icon {
    margin-left: 17px;
    }
    .single-delivery-services.pl-75 .ds-icon {
    margin-right: 17px;
    }
    .single-delivery-services:last-child {
    margin-bottom: 0;
    }
    .ds-content h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #2c2b2e;
    line-height: 1;
    margin-bottom: 10px;
    }
    .ds-content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    }
    .d-services-img {
    position: relative;
    margin-left: -35px;
    }
    .d-services-img::before {
    content: "";
    position: absolute;
    background-image: url(/DMS/Images/ellips-shape.png);
    width: 578px;
    height: 578px;
    background-repeat: no-repeat;
    left: -45px;
    top: -30px;
    z-index: -1;
    }
    .delivery-services-wrap {
    padding-bottom: 115px;
    border-bottom: 1px solid #efefef;
    }
    .delivery-services-bg {
    background-image: url(/DMS/Images/services-bg.jpg);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: -2;
    }
    .delivery-services {
    z-index: 1;
    }
    .delivery-services .overlay-title {
    z-index: -1;
    color: rgba(44, 43, 46, 0.025);
    right: 210px;
    top: 12%;
    font-size: 200px;
    }
    .s-services-content {
    text-align: center;
    }
    .s-services-content h6 {
        
    font-size: 15px;
    font-weight: 900;
    font-style: italic;
    color: #ff4c00;
    margin-bottom: 10px;
    }
    .s-services-content h3 {
    font-size: 18px;
    margin-bottom: 15px;
    }
    .s-services-content h3 a:hover {
    color: #ff4c00;
    }
    .s-services-content p {
    padding: 0 35px;
    margin-bottom: 25px;
    }
    .s-services-content .btn {
    padding: 14px 23px;
    font-size: 13px;
    }
    .services-details-wrap {
    padding: 0 80px;
    }
    .service-widget-title h3 {
    font-size: 18px;
    margin-bottom: 0;
    background: #e32222;
    color: #fff;
    padding: 20px 25px;
    }
    .service-cat-list {
    border: 4px solid #ebebeb;
    border-top: none;
    }
    .service-cat-list ul li a {
    display: block;
    padding: 18px 20px;
    color: #18364a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    }
    .service-cat-list ul li:last-child a {
    border-bottom: none;
    }
    .service-cat-list ul li a:hover {
    color: #e32222;
    }
    .service-cat-list ul li.active a {
    color: #e32222;
    }
    .service-cat-list ul li a::before {
    content: "";
    position: absolute;
    left: -4px;
    height: 100%;
    top: 0;
    background: #e32222;
    width: 4px;
    transition: .3s linear;
    opacity: 0;
    }
    .service-cat-list ul li a:hover::before {
    opacity: 1;
    }
    .service-cat-list ul li.active a::before {
    opacity: 1;
    }
    .service-doc-list ul li a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #18364a;
    padding: 23px 25px;
    overflow: hidden;
    line-height: 1;
    }
    .service-doc-list ul li a:hover {
    background: #e32222;
    }
    .service-doc-list ul li a i {
    float: right;
    font-size: 20px;
    margin-top: -4px;
    color: #e32222;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    }
    .service-doc-list ul li a:hover i {
    color: #fff;
    }
    .service-sidebar-support {
    background-image: url(/DMS/Images/sidebar-support.jpg);
    text-align: center;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 50px 40px;
    z-index: 1;
    }
    .service-sidebar-support::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e32222;
    opacity: .9;
    z-index: -1;
    }
    .service-sidebar-support h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
    }
    .service-sidebar-support p {
    color: #fff;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 50px;
    }
    .service-sidebar-support .btn {
    background: #fff;
    color: #e32222;
    }
    .service-sidebar-support .btn:hover {
    color: #fff;
    }
    .service-widget-title.dark-bg h3 {
    background: #18364a;
    }
    .service-tag-list {
    border: 4px solid #ebebeb;
    border-top: none;
    padding: 20px 15px;
    }
    .service-tag-list ul li {
    display: inline-block;
    margin: 5px 3px;
    }
    .service-tag-list ul li a {
    display: block;
    border: 1px solid #ebebeb;
    font-size: 12px;
    color: #616161;
    padding: 6px 13px;
    }
    .service-tag-list ul li a:hover {
    border-color: #e32222;
    color: #fff;
    background: #e32222;
    }
    .services-sidebar {
    padding-right: 15px;
    }
    .services-details-content h4 {
    font-size: 22px;
    color: #18364a;
    margin-bottom: 18px;
    }
    .services-details-img img {
    width: 100%;
    margin-bottom: 35px;
    margin-top: 20px;
    }
    .services-details-list ul li {
    font-size: 15px;
    font-weight: 500;
    color: #18364a;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    }
    .services-details-list ul li i {
    color: #8a0f1c;
    margin-right: 10px;
    margin-top: 4px;
    }
    .services-details-list ul li:last-child {
    margin-bottom: 0;
    }
    .services-details-list ul {
    margin-bottom: 20px;
    margin-top: 20px;
    }
    .services-blockquote {
    background: #f5f5f5;
    font-size: 17px;
    line-height: 30px;
    color: #596d7a;
    font-weight: 400;
    padding: 35px 50px 35px 100px;
    }
    .services-blockquote::before {
    background-image: url(/DMS/Images/services-quote.png);
    width: 47px;
    height: 33px;
    background-repeat: no-repeat;
    left: 30px;
    top: 40px;
    }
    .services-blockquote-footer {
    line-height: 1;
    padding-left: 20px;
    position: relative;
    margin-top: 20px;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    color: #18364a;
    opacity: .92;
    }
    .services-blockquote-footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e32222;
    height: 3px;
    width: 10px;
    }
    .services-details-content p:last-child {
    margin-bottom: 0;
    }
    
    
    /* 10. Video */
    .video-bg {
    background-image: url(/DMS/Images/video-bg.jpg);
    overflow: hidden;
    background-position: center;
    background-size: cover;
    }
    .video-overlay {
    position: relative;
    z-index: 1;
    }
    .video-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 880px;
    background: rgb(255, 70, 18, .859);
    height: 100%;
    z-index: -1;
    }
    .video-title > span {
    font-size: 18px;
    font-weight: 900;
        
    color: #ff4c00;
    padding: 11px 15px;
    background: #f9f9f9;
    line-height: 1;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 20px;
    position: relative;
    }
    .video-title > span::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 10px;
    border-color: transparent transparent #fff transparent;
    }
    .video-title > span::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 10px 0 0;
    border-color: #fff transparent transparent transparent;
    }
    .video-title {
    padding: 92px 0px 0px 0px;
    padding-left: 70px;
    }
    .video-title h2 {
    font-size: 70px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    margin-bottom: 35px;
    }
    .video-title h2 span {
    font-weight: 900;
    display: block;
    }
    .video-title a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    position: relative;
    }
    .video-title a > span {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #fff;
    margin-left: 30px;
    position: relative;
    transition: .4s linear;
    }
    .video-title a > span::before {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 2px;
    background: #fff;
    transition: .4s linear;
    }
    .video-title a:hover span {
    margin-left: 50px;
    }
    .video-title a:hover span::before {
    width: 42px;
    }
    .video-play {
    text-align: center;
    }
    .video-play a {
    display: inline-block;
    position: relative;
    }
    .video-play a::before {
    content: "";
    position: absolute;
    right: 73px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: #fff;
    transition: .4s linear;
    }
    
    .services-link a{background:#ff4c00 !important; color:#fff !important;}
    
    .services-link a:hover {
    background:#ff4c00; color:#fff;
    }
    
    .services-link{text-align: center !important;
    display: block;
    margin: 0px auto;
    }
    video-overlay .red-btn {
    background: #ffffff !important;
    color: #000 !important;
    }
    .video-play a:hover::before {
    width: 78px;
    }
    .s-video-overlay::before {
    background: rgb(138 15 28 / 72%);
    }
    .s-video-overlay .video-title > span {
    color: #e32222;
    }
    
    /* 11. Testimonial */
    .area-wrapper.black-bg {
    z-index: 1;
    }
    .area-wrap-bg {
    background-image: url(/DMS/Images/quote-bg.jpg);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    opacity: .25;
    }
    .white-title h2 {
    color: #fff;
    }
    .testimonial-map-bg {
    background-image: url(/DMS/Images/testimonial-map-bg.jpg);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-position: center;
    background-size: cover;
    opacity: .35;
    }
    .testimonial-map-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #03101a;
    opacity: .25;
    }
    .testimonial-cat h5 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    }
    .testimonial-rating i {
    font-size: 14px;
    color: #ff4c00;
    letter-spacing: -1px;
    }
    .testimonial-content p {
    margin-bottom: 0;
    color: #dbdbdb;
    font-size: 18px;
    font-style: italic;
    padding-right: 50px;
    line-height: 1.8;
    }
    .testimonial-avatar {
    display: flex;
    align-items: center;
    }
    .testi-avatar-img img {
    border-radius: 50%;
    }
    .testi-avatar-img {
    margin-right: 20px;
    }
    .testi-avatar-info h6 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    }
    .testi-avatar-info span {
    font-size: 13px;
    color: #ff4c00;
    font-style: italic;
    }
    .testimonial-active .slick-arrow {
    position: absolute;
    left: 0;
    bottom: -120px;
    padding: 0;
    background: none;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border: 2px solid #404b56;
    color: #828181;
    cursor: pointer;
    z-index: 1;
    transition: .3s linear;
    }
    .testimonial-active .slick-next {
    left: 48px;
    }
    .testimonial-active .slick-arrow:hover {
    border-color: #ff4c00;
    background: #ff4c00;
    color: #fff;
    }
    .area-wrapper .section-title h6 {
    font-style: italic;
    }
    .slick-slide:focus {
    outline: none;
    }
    .testimonial-bg {
    background-image: url(/DMS/Images/testimonial-bg.jpg);
    background-position: bottom center;
    background-size: cover;
    }
    .testimonial-padding-wrap {
    margin: 0 50px;
    border-top: 1px dashed #c3c3c3;
    border-bottom: 1px dashed #c3c3c3;
    position: relative;
    }
    .s-single-testimonial {
    padding: 55px 90px 40px 150px;
    }
    .s-testi-content h5 {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #18364a;
    line-height: 2;
    margin-bottom: 35px;
    }
    .s-testi-avatar {
    display: flex;
    align-items: center;
    }
    .s-testi-avatar-img {
    margin-right: 20px;
    }
    .s-testi-avatar-info p {
    margin-bottom: 0;
    font-size: 16px;
    color: #18364a;
    }
    .s-testi-avatar-info p span {
    font-size: 14px;
    color: #71818c;
    position: relative;
    display: inline-block;
    padding-left: 15px;
    margin-left: 15px;
    }
    .s-testi-avatar-info p span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 15px;
    width: 2px;
    background: #cce2f1;
    transform: translateY(-50%);
    }
    .s-testi-quote {
    position: absolute;
    top: -23px;
    left: 0;
    background: #fff;
    width: 90px;
    text-align: center;
    }
    .s-testi-active .slick-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    color: #c6c7c8;
    cursor: pointer;
    z-index: 1;
    line-height: 1;
    transition: .3s linear;
    margin-top: -15px;
    }
    .s-testi-active .slick-next {
    margin-top: 16px;
    }
    .s-testi-active .slick-arrow:hover {
    color: #7f8e99;
    }
    
    /* 12. Faq */
    .faq-bg {
    background-image: url(/DMS/Images/faq-bg.jpg);
    background-position: bottom center;
    background-size: cover;
    }
    .faq-wrapper {
    padding: 0 80px;
    }
    .faq-tab-pills .nav-link {
    border-radius: 0;
    box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
    margin-bottom: 20px;
    padding: 26px 25px;
    background: #fff;
    position: relative;
    }
    .faq-tab-pills .nav-link.active,
    .faq-tab-pills .show > .nav-link {
    color: #fff;
    background-color: #fff;
    }
    .faq-tab-pills .nav-link.active::before {
    opacity: 1;
    }
    .faq-tab-pills .nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #fff;
    right: -12px;
    box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
    opacity: 0;
    }
    .faq-tab-icon {
    float: left;
    font-size: 36px;
    color: #7f0b16;
    margin-right: 20px;
    }
    .faq-tab-content {
    overflow: hidden;
    }
    .faq-tab-content h5 {
    font-weight: 600;
    color: #4f405e;
    font-size: 18px;
    margin-bottom: 8px;
    }
    .faq-tab-content p {
    margin-bottom: 0;
    font-size: 14px;
    color: #656565;
    line-height: 24px;
    }
    .faq-accordion {
    background: #fff;
    padding: 45px 45px 65px 30px;
    margin-left: 20px;
    box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
    }
    .faq-accordion .card {
    margin-bottom: 27px;
    border-radius: 0;
    border: none;
    background: #fff;
    padding-bottom: 11px;
    border-bottom: 1px solid #d7d7d7;
    }
    .faq-accordion .card-header {
    padding: 0;
    border-radius: 0;
    background: no-repeat;
    border: none;
    }
    .card-header:first-child {
    border-radius: 0;
    }
    .faq-accordion .card-header h5 a {
    font-size: 16px;
    color: #726381;
    font-weight: 600;
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding-right: 50px;
    border-bottom: 1px dashed transparent;
    }
    .faq-accordion .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    color: #786d99;
    padding-top: 20px;
    padding-bottom: 25px;
    }
    .faq-accordion .card-body p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0;
    }
    .faq-accordion .card-header h5 a::after {
    position: absolute;
    content: "\f068";
    top: -3px;
    right: 0;
    font-family: "Font Awesome 5 Free";
    height: 26px;
    width: 26px;
    text-align: center;
    font-weight: 700;
    line-height: 22px;
    font-size: 10px;
    border: 2px solid #ed1c24;
    border-radius: 50%;
    background: #fff;
    color: #ed1c24;
    }
    .faq-accordion .card-header h5 a.collapsed::after {
    content: "\f067";
    color: #94879f;
    border-color: #94879f;
    }
    .faq-accordion .card-header h5 a.collapsed {
    color: #726381;
    }
    .faq-accordion .card:last-child {
    margin-bottom: 0;
    }
    
    /* 13. Cta */
    .cta-pl {
    padding-left: 50px;
    }
    .cta-from .custom-select {
    display: inline-block;
    padding: 10px 35px 10px 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: #bebdbd;
    vertical-align: middle;
    background: url("/DMS/Images/nw-selarw.png") no-repeat scroll 97.5% center;
    background-color: rgba(5, 24, 45, 0.5);
    border: 1.5px solid #596470;
    border-radius: 3px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .3s ease-in-out,;
    width: 272px;
    height: 48px;
    margin-bottom: 20px;
    }
    .cta-from .custom-select:focus {
    border-color: #596470;
    outline: 0;
    box-shadow: none;
    }
    .cta-from .custom-select option {
    color: #545454;
    background: #fff;
    }
    .cta-from .cta-form-col input {
    font-size: 13px;
    border: 1.5px solid #596470;
    color: #bebdbd;
    background-color: rgba(5, 24, 45, 0.5);
    padding: 10px 20px;
    height: 48px;
    margin-bottom: 20px;
    width: 127px;
    border-radius: 3px;
    }
    .cta-from .cta-form-col input::placeholder {
    font-size: 13px;
    color: #bebdbd;
    }
    .cta-from .cta-form-col input.cta-email {
    width: 272px;
    }
    .cta-from .custom-control-label {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #e0e0e0;
    }
    .cta-from .custom-control-label::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fae8e2;
    border: 1px solid #fff;
    }
    .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    }
    .cta-from .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff4c00;
    }
    .cta-from .custom-checkbox .custom-control-label::before {
    border-radius: 2px;
    }
    .extra-services {
    font-size: 18px;
    color: #ff4c00;
        
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 17px;
    }
    .extra-services i {
    margin-right: 10px;
    }
    .cta-from ul li {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 15px;
    }
    .cta-from ul {
    margin-bottom: 30px;
    }
    
    /* 14. Choose */
    .single-choose {
    box-shadow: 0px 0px 43px 0px rgba(40, 11, 72, 0.11);
    background: #fff;
    }
    .choose-head {
    padding: 40px 40px 25px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 25px;
    }
    .choose-head h3 {
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 0;
    }
    .choose-head h3 a {
    display: inline-block;
    }
    .choose-head h3 a:hover {
    color: #7f0b16;
    }
    .choose-content {
    padding: 0px 40px 35px;
    }
    .choose-content p {
    margin-bottom: 20px;
    }
    .choose-content a {
    font-size: 14px;
    font-weight: 600;
    color: #4f405e;
    }
    .choose-content a i {
    color: #7f0b16;
    font-size: 15px;
    margin-right: 5px;
    }
    .choose-content a:hover {
    color: #7f0b16;
    }
    .choose-icon {
    height: 57px;
    display: flex;
    align-items: center;
    }
    .choose-icon img {
    transition: .5s linear;
    transform: rotateY(0);
    }
    .single-choose:hover .choose-icon img {
    transform: rotateY(360deg);
    }
    /* 15. Gallery */
    .gallery-bg {
    background-image: url(/DMS/Images/gallery-bg.jpg);
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #f2f2f2;
    }
    .single-gallery-img img {
    width: 100%;
    }
    .single-gallery-img {
    display: block;
    position: relative;
    }
    .single-gallery-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff4c00;
    transition: .4s ease-in-out;
    opacity: 0;
    }
    .gallery-overlay {
    position: absolute;
    left: 55px;
    top: 50px;
    z-index: 9;
    transform: translateX(-30px);
    transition: .4s ease-in-out;
    opacity: 1;
    }
    .gallery-overlay-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
    }
    .gallery-overlay-title a {
    display: inline-block;
    }
    .gallery-overlay-title a:hover {
    color: #fff;
    }
    .gallery-overlay-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 4px;
    width: 0px;
    background: #fff;
    border-radius: 10px;
    }
    .gallery-overlay span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    }
    .single-gallery-img:hover .gallery-overlay {
    transform: translateX(0px);
    opacity: 1;
    }
    .single-gallery-img:hover .gallery-overlay-title::before {
    width: 45px;
    transition: 1s ease-in-out;
    }
    .single-gallery-img:hover::before {
    opacity: .86;
    }
    
    /* 16. Fact */
    .fact-icon i {
    font-size: 50px;
    line-height: 1;
    color: #4e3668;
    }
    .fact-content h4 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px;
    color: #ff4c00;
    }
    .fact-content h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    }
    .fact-content p {
    margin-bottom: 0;
    }
    .fact-bg {
    background-image: url(/DMS/Images/fact-bg.jpg);
    position: absolute;
    left: 0;
    top: 0;
    height: 792px;
    width: 100%;
    background-position: center;
    background-size: cover;
    z-index: -1;
    }
    .section-title h2 > span {
    color: #000;
    font-weight: 200;
    font-style: normal;
    }
    .extra-features-content h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-style: italic;
    margin-bottom: 20px;
    color: #414040;
    }
    .extra-features-content p {
    margin-bottom: 35px;
    }
    /* 17. Control */
    .control-fluid {
    padding: 0 95px;
    }
    .control-fluid .col-xl-4 {
    padding-left: 5px;
    padding-right: 5px;
    }
    .control-thumb {
    position: relative;
    }
    .control-thumb img {
    width: 100%;
    transition: .4s linear;
    transform: scale(1.1);
    }
    .control-thumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(18, 28, 39);
    opacity: 0.6;
    z-index: 1;
    }
    .single-control-wrap:hover .control-thumb img {
    transform: scale(1);
    }
    .single-control-wrap {
    position: relative;
    }
    .control-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
    width: 300px;
    text-align: center;
    }
    .control-overlay-content h4 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    }
    .control-overlay-content h4::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    width: 45px;
    background: #fff;
    bottom: -2px;
    margin: 0 auto;
    transition: .4s linear;
    border-radius: 5px;
    }
    .control-overlay-content h4 a:hover {
    color: #fff;
    }
    .control-overlay-content span {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #ff4c00;
    }
    .single-control-wrap:hover .control-overlay-content h4::before {
    width: 60px;
    }
    /* 18. Rating */
    .rating-wrap {
    padding: 0 80px;
    }
    .customer-thumb a {
    float: left;
    margin-right: 20px;
    }
    .customer-thumb {
    overflow: hidden;
    margin-bottom: 20px;
    }
    .rating-info {
    overflow: hidden;
    }
    .rating-info h6 {
    font-size: 14px;
    font-weight: 600;
    color: #2c2b2e;
    margin-bottom: 5px;
    }
    .raising-star i {
    font-size: 13px;
    letter-spacing: -2px;
    color: #e5c200;
    }
    .rating-info h3 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
    color: #2c2b2e;
    }
    .customer-thumb span {
    float: right;
    margin-top: -13px;
    font-size: 13px;
    text-transform: uppercase;
    color: #5c5c5c;
    font-weight: 600;
    line-height: 1;
    }
    .rating-list ul li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    padding: 21px 0;
    }
    .rating-list ul li:first-child {
    border-top: 1px solid #dfdfdf;
    }
    .rating-list ul li span {
    float: right;
    font-size: 16px;
    }
    .rating-list .raising-star {
    float: right;
    margin-right: 20px;
    }
    .single-customer-rating {
    padding: 0 10px;
    }
    /* 19. Pricing */
    .pricing-area {
    background: #fbfbfb;
    }
    .single-pricing {
    box-shadow: 0px 0px 46px 0px rgba(97, 104, 212, 0.2);
    border-radius: 8px;
    border-top: 7px solid #eae6e4;
    border-bottom: 7px solid #eae6e4;
    padding: 50px 30px;
    background: #fff;
    transition: .3s linear;
    }
    .pricing-head > h5 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #444172;
    }
    .pricing-head > h5 > span {
    font-weight: 600;
    }
    .pricing-head > span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    color: #9098a9;
    margin-bottom: 25px;
    }
    .pricing-head p {
    line-height: 1.1;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #717f99;
    }
    .price-count h4 {
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
    padding: 18px 10px;
    border-radius: 50px;
    margin: 0 10px;
    }
    .price-count h4 {
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
    padding: 18px 10px;
    border-radius: 50px;
    margin: 0 10px;
    color: #444172;
    }
    .price-count h4 > span {
    color: #fa5719;
    }
    .pricing-list ul li {
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #717f99;
    }
    .pricing-btn .btn {
    border: none;
    box-shadow: none;
    background: #e32222;
    padding: 10px 15px 10px 28px;
    transition: .3s linear;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    }
    .pricing-btn .btn i {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    background: #cc1111;
    border-radius: 50%;
    font-size: 14px;
    margin-left: 12px;
    transition: .3s linear;
    }
    .pricing-btn .btn::before {
    display: none;
    }
    .single-pricing:hover .pricing-btn .btn {
    background: #4e148c;
    }
    .single-pricing:hover .pricing-btn .btn i {
    background: #3b0872;
    }
    .single-pricing:hover {
    border-color: #7143a3;
    }
    .single-pricing.active {
    border-color: #7143a3;
    }
    .single-pricing.active .pricing-btn .btn {
    background: #3b0872;
    }
    .single-pricing.active .pricing-btn .btn  i{
    background: #3b0872;
    }
    /* 20. Support */
    .s-breadcrumb-bg {
    background-image: url(/DMS/Images/breadcrumb-bg02.jpg);
    }
    .t-breadcrumb-bg {
    background-image: url(/DMS/Images/breadcrumb-bg03.jpg);
    }
    .support-bg {
    background-image: url(/DMS/Images/delivery-bg.jpg);
    background-position: center;
    background-size: cover;
    }
    .support-form input {
    width: 100%;
    border: 1px solid #d4d4d4;
    font-size: 14px;
    padding: 13px 20px;
    margin-bottom: 20px;
    transition: .3s linear;
    }
    .support-form textarea {
    width: 100%;
    border: 1px solid #d4d4d4;
    font-size: 14px;
    padding: 13px 20px;
    transition: .3s linear;
    height: 190px;
    margin-bottom: 30px;
    }
    .support-form input::placeholder,
    .support-form textarea::placeholder {
    font-size: 14px;
    color: #949494;
    }
    .support-form input:focus,
    .support-form textarea:focus {
    border-color: #e32222;
    }
    .single-contact-box {
    text-align: center;
    padding: 0 30px;
    }
    .contact-content h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    }
    .contact-content span {
    display: block;
    font-size: 15px;
    line-height: 24px;
    }
    .contact-icon img {
    transition: .5s linear;
    transform: rotateY(0);
    }
    .single-contact-box:hover .contact-icon img {
    transform: rotateY(360deg);
    }
    #contact-page-map {
    width: 100%;
    height: 540px;
    }
    /* 21. Tracking */
    .tracking-id-info > p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #6d6d6d;
    }
    .tracking-id-info > p a {
    font-weight: 600;
    font-style: italic;
    color: #e32222;
    }
    .tracking-id-info p a:hover {
    color: #18364a;
    }
    .tracking-id-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 25px;
    }
    .tracking-id-form input {
    width: 390px;
    background: #f2f3f7;
    border: 1px dotted #d2d2d3;
    padding: 13px 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3e2f4d;
    margin-right: 10px;
    }
    .tracking-id-form input::placeholder {
    text-transform: uppercase;
    color: #3e2f4d;
    opacity: .84;
    }
    .tracking-list {
    background-image: url(/DMS/Images/tracking-bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 25px;
    margin-bottom: 25px;
    }
    .tracking-list ul {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 45px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    }
    .tracking-list ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: 66px;
    height: 1px;
    width: 700px;
    border-top: 1px dashed #f08a8a;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    }
    .tracking-list ul .tracking-list-icon {
    height: 55px;
    width: 55px;
    text-align: center;
    border: 1px dashed #f08a8a;
    line-height: 55px;
    border-radius: 50%;
    background: #f2f3f7;
    font-size: 22px;
    color: #918c97;
    margin: 0 auto 25px;
    }
    .tracking-list ul .tracking-list-content p {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #514959;
    line-height: 1;
    margin-bottom: 0;
    }
    .tracking-list ul li.active .tracking-list-icon {
    background: #e32222;
    color: #fff;
    border-color: #e32222;
    }
    .tracking-list ul li.active .tracking-list-content p {
    color: #e32222;
    }
    .tracking-help p {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 700;
    color: #514959;
    margin-bottom: 0;
    }
    .tracking-help p a {
    color: #e32222;
    }
    /* 22. Blog */
    .post-detail .fixedrightsidebloglist ul {
        margin-left: 0;
    }
    .post-detail .post-sidebar {
        height: 100%;
    }
    .post-detail .sidebar-widget:last-child {
        margin-bottom: 0;
    }
    .post-detail .fixedrightsidebloglist .post-sidebar h4 {
        margin: 0px 0px 15px;
    }
    .post-detail .sidebar-widget .widget-title {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 22px;
        text-transform: capitalize;
    }
    .post-detail .fixedrightsidebloglist .post-sidebar h4 a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 32px;
        background: #fff;
        padding: 0px;
        margin-bottom: 0px;
        font-weight: 100;
        color: var(--color-primary);
    }
    .post-detail .fixedrightsidebloglist .post-sidebar h4 a i {
        width: 20px;
        height: 18px;
        background-position: -38px -5px;
        background-size: 250px 150px;
        background-image: var(--iconcommonblack);
        display: none;
    }
    
    .post-detail .fixedrightsidebloglist ul.list-hand li a {
        padding: 12px 0px 12px 0px;
    }
    .post-detail.bloglist-zigzag .fixedrightsidebloglist ul.list-hand li a {
        display: block;
        color: #545454;
        border-bottom: 1px solid rgba(191, 191, 191, 1);
        font-size: 20px;
        text-transform: capitalize;
    }
    .post-detail.bloglist-zigzag .fixedrightsidebloglist ul.list-hand li a:hover {
        color: #000000;
        border-bottom: 1px solid #000000;
        font-weight: 700;
        font-size: 24px;
    }
    .post-share-social {
        display: flex;
        align-items: center;
    }
    .post-share-social .footer-social li i{
        background-image: var(--iconblack);
            height: 26px;
    }
    .post-share-social .footer-social li a:hover i {
        background-image: var(--icontheme);
    }
    .post-detail .fixedrightsidebloglist {
        padding: 0px 0px 0px 30px;
    }
    .post-detail .article-inner h1 {
    font-size: 28px;
        font-weight: 100;
        margin: 0px 0px 20px;
        color: rgba(0, 64, 127, 1);
    }
    .bloglist #lifegrid {
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 30px;
    }
    .bloglist #lifegrid li {
        border: 1px solid #d6d6d6;
        margin-top: 0;
        margin-bottom: 0;
        width: calc(25% - 1.5455rem);
        border-radius: 10px;
    }
    .bloglist #lifegrid li .userdate{
     display: flex;
        justify-content: space-between;
            padding: 20px 20px 0px;
    }
    .bloglist #lifegrid li .userdate p{ 
        margin-bottom:0px;
    }
    .bloglist .catslider {
        margin-bottom: 30px;
    }
    .bloglist .catslider ul li {
        margin-bottom: 0;
        list-style-type: none;
        text-align: center;
    }
    .bloglist .catslider ul li a {
        font-size: 18px;
        color: #003d5e;
        font-weight: 600;
        display: block;
        padding: 12px;
        border: 1px solid #c7c7c733;
    }
    .bloglist .catslider ul li a:hover {
        color: #fff;
        background: #003d5e;
    }
    .bloglist .post-details .btnblue.buttonncommon{
        display:inline-block;
    }
    
    .sticky-menu .bloglist.bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter, .have-fixed .bloglist.bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter  {
        display:none;
    }
    .blog-bg {
    background: #fafafa;
    }
    .single-blog-post {
    box-shadow: 0px 0px 13px 0px rgba(149, 149, 149, 0.11);
    background: #fff;
    }
    .blog-thumb img {
    width: 100%;
    }
    .blog-content {
    padding: 35px 30px;
    }
    .blog-meta ul {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 17px;
    }
    .blog-meta ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #858383;
    text-transform: uppercase;
    }
    .blog-meta ul li i {
    margin-right: 5px;
    }
    .blog-meta ul li a {
    color: #858383;
    display: inline-block;
    }
    .blog-meta ul li a:hover,
    .blog-content h4 a:hover {
    color: #ff4c00;
    }
    .blog-content h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #463756;
    margin-bottom: 16px;
    padding-right: 20px;
    }
    .blog-content h4 a {
    display: inline-block;
    }
    .blog-content p {
    font-size: 14px;
    line-height: 28px;
    color: #5e5e5e;
    margin-bottom: 30px;
    }
    .blog-read-more {
    position: relative;
    z-index: 1;
    }
    .blog-read-more::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 1px dashed #a9a9a9;
    left: 0;
    width: 100%;
    z-index: -1;
    }
    .blog-read-more a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff4c00;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    }
    .blog-read-more a:hover {
    color: #463756;
    }
    .s-single-blog-post {
    box-shadow: none;
    background: #fafafa;
    }
    .s-single-blog-post .blog-content {
    padding: 25px 0 0;
    }
    .s-single-blog-post .blog-meta ul li {
    margin-right: 0;
    font-size: 14px;
    color: #7f7a84;
    text-transform: capitalize;
    position: relative;
    font-style: italic;
    }
    .s-single-blog-post .blog-meta ul li::before {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    color: #7f7a84;
    content: "|";
    }
    .s-single-blog-post .blog-meta ul li:first-child::before {
    display: none;
    }
    .s-single-blog-post .blog-meta ul {
    display: block;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 8px;
    }
    .s-single-blog-post .blog-content h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #4f405e;
    margin-bottom: 15px;
    padding-right: 0;
    }
    .s-single-blog-post .blog-content h4 a:hover {
    color: #e32222;
    }
    .s-single-blog-post .blog-content p {
    font-size: 15px;
    color: #656565;
    margin-bottom: 20px;
    }
    .s-single-blog-post .blog-content > a {
    font-size: 16px;
    font-weight: 600;
    color: #4f405e;
    }
    .s-single-blog-post .blog-content > a i {
    margin-left: 8px;
    }
    .s-single-blog-post .blog-content > a:hover {
    color: #e32222;
    }
    blockquote {
    margin: 27px 0 30px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    font-style: italic;
    color: #362f3c;
    padding-left: 90px;
    position: relative;
    padding-right: 30px;
    }
    blockquote::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 8px;
    background-image: url(/DMS/Images/quote.png);
    width: 31px;
    height: 25px;
    background-repeat: no-repeat;
    }
    .blockquote-post {
    background: #2d2b2f;
    margin: 0 0 50px;
    padding: 45px 40px 45px 85px;
    font-size: 22px;
    line-height: 33px;
    color: #dedede;
    font-weight: 600;
    z-index: 1;
    }
    blockquote.blockquote-post::before {
    left: 35px;
    top: 50px;
    }
    .blockquote-footer {
    display: block;
    font-size: 14px;
    color: #a4a1a1;
    font-style: normal;
    margin-top: 22px;
    }
    .blockquote-footer::before {
    display: none;
    }
    .blockquote-footer span {
    font-size: 16px;
    color: #e32222;
    }
    .blockquote-footer span::after {
    content: "|";
    display: inline-block;
    color: #a4a1a1;
    padding: 0 10px;
    }
    blockquote.blockquote-post::after {
    content: "\f10e";
    position: absolute;
    right: 15px;
    bottom: 20px;
    font-size: 127px;
    color: #353337;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    line-height: 1;
    z-index: -1;
    }
    .blog-sidebar {
    padding-right: 17px;
    }
    .widget {
    background: #f4f4f4;
    padding: 25px;
    }
    .sidebar-title h3 {
    font-size: 18px;
    color: #4f405e;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    line-height: 1;
    }
    .sidebar-title h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 2px;
    background: #e75454;
    }
    .sidebar-title h3::after {
    content: "";
    position: absolute;
    left: 5px;
    top: -3px;
    height: 20px;
    width: 2px;
    background: #e75454;
    }
    .sidebar-form form {
    position: relative;
    margin-bottom: 25px;
    }
    .sidebar-form form input {
    width: 100%;
    border: none;
    padding: 17px 20px;
    }
    .sidebar-form form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    border: none;
    padding: 0;
    background: none;
    color: #e32222;
    cursor: pointer;
    line-height: 1;
    }
    .single-sidebar.white-bg {
    padding: 30px 25px;
    }
    .cat-list ul li {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #d6d6d6;
    }
    .cat-list ul li:last-child {
    margin-bottom: 0px;
    }
    .cat-list ul li a {
    color: #969696;
    display: block;
    }
    .cat-list ul li a span {
    float: right;
    }
    .cat-list ul li a:hover {
    color: #e32222;
    }
    .rc-post ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    }
    .rc-post ul li:last-child {
    margin-bottom: 0;
    }
    .rc-post-thumb {
    margin-right: 15px;
    }
    .rc-post-content h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    color: #4f405e;
    }
    .rc-post-content h5 a:hover {
    color: #e32222;
    }
    .rc-post-content span {
    font-size: 12px;
    display: block;
    color: #969696;
    }
    .rc-post-content span {
    font-size: 12px;
    display: block;
    color: #969696;
    }
    .tag-list ul li {
    display: inline-block;
    margin: 0 7px 6px;
    }
    .tag-list ul li a {
    display: block;
    background: #e7e7e7;
    font-size: 13px;
    color: #807c83;
    padding: 8px 13px;
    position: relative;
    }
    .tag-list ul li a::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 0 0 35px 10px;
    border-color: transparent transparent #e7e7e7 transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    }
    .tag-list ul li a::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 0 0 35px 10px;
    border-color: transparent transparent transparent #e7e7e7;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    }
    .tag-list ul li a:hover {
    color: #fff;
    background: #e32222;
    }
    .tag-list ul li a:hover::before {
    border-color: transparent transparent #e32222 transparent;
    }
    .tag-list ul li a:hover::after {
    border-color: transparent transparent transparent #e32222;
    }
    .s-blog-sidebar {
    padding-left: 17px;
    }
    .blog-classic-post {
    box-shadow: none;
    }
    .blog-classic-post .blog-content {
    padding: 0;
    }
    .blog-classic-tag ul li {
    display: inline-block;
    margin-right: 3px;
    font-weight: 500;
    }
    .blog-classic-tag ul li,
    .blog-classic-tag ul li a {
    font-size: 14px;
    color: #e32222;
    }
    .blog-classic-post .blog-content h4 {
    color: #3c3444;
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 700;
    padding-right: 0;
    line-height: 1.4;
    }
    .blog-classic-post .blog-content h4 a:hover {
    color: #e32222;
    }
    .blog-classic-post .blog-content p {
    font-size: 15px;
    margin-bottom: 45px;
    }
    .blog-classic-meta > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 19px 0;
    }
    .blog-classic-meta ul li.blog-post-date {
    font-size: 14px;
    color: #9a9999;
    font-weight: 400;
    text-transform: uppercase;
    }
    .blog-classic-meta > ul > li.blog-post-date > i {
    margin-right: 5px;
    }
    .blog-classic-meta ul li.blog-more-read a {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3c3444;
    }
    .blog-classic-meta ul li.blog-more-read a:hover {
    color: #e32222;
    }  
    .blog-classic-meta ul li.blog-post-share a,
    .post-avatar-social a { 
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #385594;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    margin-left: 5px;
    }
    .blog-classic-meta ul li.blog-post-share a:nth-child(2),
    .post-avatar-social a:nth-child(2) {
    background: #4eabee;
    }
    .blog-classic-meta ul li.blog-post-share a:last-child,
    .post-avatar-social a:last-child {
    background: #cb2027;
    }
    .classic-blockquote-post {
    background: url(/DMS/Images/blockquote-bg.jpg);
    margin: 0 0 60px;
    padding: 45px 121px 45px 165px;
    font-size: 28px;
    line-height: 1.7;
    background-position: center;
    background-size: cover;
    }
    .classic-blockquote-post .blockquote-footer {
    margin-top: 15px;
    }
    blockquote.classic-blockquote-post::before {
    display: none;
    }
    blockquote.classic-blockquote-post::after {
    right: auto;
    bottom: auto;
    font-size: 80px;
    color: #484848;
    left: 50px;
    top: 50px;
    }
    .blog-details-date li {
    display: inline-block;
    margin-right: 15px;
    color: #9a9999;
    font-size: 13px;
    }
    .blog-details-date li a {
    color: #716f6f;
    }
    .blog-details-date li i {
    margin-right: 5px;
    }
    .blog-details-date li:last-child {
    margin-right: 0;
    }
    .blog-classic-post .blog-details-content p {
    margin-bottom: 10px;
    }
    .blog-details-img {
    display: flex;
    align-items: center;
    margin: 0px 0 10px;
    }
    .blog-details-img img:first-child {
    margin-right: 20px;
    }
    .blog-details-content .blog-classic-meta {
    margin-top: 75px;
    }
    .blog-classic-meta .blog-details-tag i {
    font-size: 12px;
    color: #a6a5a5;
    margin-right: 15px;
    }
    .blog-details-tag a {
    font-size: 13px;
    text-transform: capitalize;
    color: #a6a5a5;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    }
    .blog-details-tag a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background: #a6a5a5;
    }
    .blog-details-tag a:last-child {
    margin-right: 0;
    padding-right: 0;
    }
    .blog-details-tag a:last-child::before {
    display: none;
    }
    .blog-details-tag a:hover {
    color: #e32222;
    }
    .avatar-post {
    background: #f8f8f8;
    padding: 40px 50px;
    }
    .avatar-post ul li {
    display: flex;
    align-items: center;
    }
    .post-avatar-img {
    margin-right: 25px;
    }
    .post-avatar-img img {
    border-radius: 50%;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
    }
    .post-avatar-content h5 {
    font-size: 18px;
    color: #4f405e;
    margin-bottom: 10px;
    }
    .post-avatar-content p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
    color: #554e5c;
    font-weight: 400;
    }
    .post-avatar-social a:first-child {
    margin-left: 0;
    }
    .blog-next-prev ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blog-next-prev ul li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #4f405e;
    }
    .blog-prev img {
    margin-right: 15px;
    }
    .blog-next img {
    margin-left: 15px;
    }
    .blog-next-prev ul li a:hover {
    color: #e32222;
    }
    .b-details-inner-title {
    font-size: 26px;
    margin-bottom: 35px;
    color: #4f405e;
    }
    .blog-comment ul li {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px dashed #d2d2d2;
    overflow: hidden;
    margin-bottom: 30px;
    }
    .blog-comment ul li .single-comment {
    display: flex;
    align-items: center;
    }
    .comment-avatar-img {
    margin-right: 25px;
    }
    .comment-avatar-info {
    overflow: hidden;
    margin-bottom: 15px;
    }
    .comment-avatar-info h5 {
    font-size: 18px;
    margin-bottom: 0;
    display: inline-block;
    color: #4f405e;
    }
    .comment-avatar-info h5 span {
    font-size: 13px;
    color: #a6a5a5;
    margin-left: 15px;
    font-weight: 500;
    }
    .comment-reply-link {
    float: right;
    color: #9d9c9e;
    font-size: 14px;
    font-weight: 500;
    }
    .comment-reply-link:hover {
    color: #e32222;
    }
    .comment-text p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 2;
    }
    .blog-comment ul li.comment-reply {
    margin-left: 50px;
    }
    .comment-avatar-img img {
    border-radius: 50%;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
    }
    .comment-form textarea {
    width: 100%;
    padding: 20px 20px;
    border: none;
    margin-bottom: 20px;
    background: #f8f8f8;
    height: 160px;
    transition: .3s;
    }
    .comment-form input {
    width: 100%;
    padding: 18px 20px;
    border: none;
    margin-bottom: 20px;
    background: #f8f8f8;
    transition: .3s;
    }
    .comment-form textarea::placeholder,
    .comment-form input::placeholder {
    color: #afabb3;
    }
    .comment-form .btn {
    margin-top: 10px;
    border-radius: 0px;
    padding: 18px 40px;
    }
    /* 23. Pagination */
    .pagination {
    display: block;
    display: block;
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
    }
    .pagination li {
    display: inline-block;
    margin: 0 4px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    outline: none;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    margin: 5px;
    cursor: pointer;
    }
    .pagination li.active a {
    background: var(--bg-3);
    border-color: var(--bg-3);
    color: #fff;
    }
    /* 24. Brand */
    .signle-brand {
    text-align: center;
    }
    .signle-brand img {
    display: inline-block;
        
    }
    .member {
    background: #fafafa;
    }
    /* 25. Newsletter */
    .newsletter-wrap {
    box-shadow: 0px 2px 12.09px 0.91px rgba(68, 68, 68, 0.24);
    background: #fff;
    background-image: url(/DMS/Images/newsletter-bg.jpg);
    border: 8px solid #ffcc05;
    padding: 40px 50px;
    background-position: center;
    background-size: cover;
    margin-bottom: 90px;
    margin-top: 90px;
    }
    .newsletter-form form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    }
    .newsletter-content h4 {
    font-size: 30px;
    font-weight: 900;
    color: #ff4c00;
    margin-bottom: 10px;
    }
    .newsletter-content span {
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 500;
    font-style: italic;
    display: block;
    }
    .newsletter-form form input {
    padding: 19px 25px;
    border: none;
    background: #edecec;
    font-size: 14px;
    width: 465px;
    }
    .newsletter-form form input::placeholder {
    font-size: 14px;
    }
    .newsletter-form form button {
    font-size: 22px;
    font-style: italic;
    font-weight: 900;
    text-transform: lowercase;
    padding: 19px 30px;
    }
    
    /* 26. Footer */
    .footer-wrap {
    background-position: center;
    background-size: cover;
    background-image: url("/DMS/Images/footer-bg.jpg");
    }
    .footer-text p {
    color: #969696;
    margin-bottom: 25px;
    font-size: 16px;
    }
    .footer-social ul li {
    display: inline-block;
    margin-right:0px;
    margin-left: 8px;
    }
    .footer-social ul li a:hover {
    color: #e32222;
    }
    .fw-title h5 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    opacity: .75;
    text-transform: uppercase;
    font-weight: 600;
    }
    .f-rc-post ul li {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #464547;
    margin-bottom: 20px;
    }
    .f-rc-post ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
    }
    .f-rc-thumb {
    margin-right: 20px;
    }
    .f-rc-content span {
    font-size: 14px;
    color: #838383;
    display: block;
    margin-bottom: 3px;
    }
    .f-rc-content h5 {
    font-size: 14px;
    font-weight: 500;
    color: #aeaeae;
    margin-bottom: 0;
    padding-right: 50px;
    line-height: 1.4;
    }
    .f-rc-content h5 a:hover {
    color: #d8450b;
    }
    .f-rc-thumb img {
    border-radius: 3px;
    }
    .fw-link ul li {
    margin-bottom: 20px;
    line-height: 1;
    }
    .fw-link ul li a {
    color: #969696;
    font-size: 16px;
    }
    .fw-link ul li a i {
    margin-right: 5px;
    }
    .fw-link ul li a:hover {
    color: #d8450b;
    }
    .f-support-content p {
    color: #969696;
    margin-bottom: 25px;
    font-size: 16px;
    }
    .f-download-btn {
    display: inline-block;
    margin-right: 10px;
    }
    .f-support-content .f-download-btn:last-child {
    margin-right: 0;
    }
    .copyright-wrap {
    background: #0c0b0d;
    padding: 35px 0;
    }
    .copyright-text p {
    color: #777676;
    margin-bottom: 0;
    font-size: 16px;
    }
    .copyright-text p span {
    color: #d8450b;
    }
    
    /* 27. Preloader */
    .ctn-preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
    }
    .ctn-preloader .animation-preloader {
    z-index: 1000;
    }
    .ctn-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #FF5B5B;
    height: 150px;
    margin: 0 auto 3.5em auto;
    width: 150px;
    }
    
    .ctn-preloader .animation-preloader .txt-loading {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    
    .ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
    }
    
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: #000000;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    position: absolute;
    top: -3px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    }
    .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    }
    .ctn-preloader.dark .animation-preloader .spinner {
    border-color: rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    }
    .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
    color: rgba(255, 255, 255, 0.2);
    }
    .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
    color: #fff;
    }
    .ctn-preloader p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #3b3b3b;
    }
    .ctn-preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
    }
    .ctn-preloader .loader .row {
    height: 100%;
    }
    .ctn-preloader .loader .loader-section {
    padding: 0px;
    }
    .ctn-preloader .loader .loader-section .bg {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    }
    .ctn-preloader .loader.dark_bg .loader-section .bg {
    background: #111339;
    }
    .ctn-preloader.loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    }
    .ctn-preloader.loaded .loader-section .bg {
    width: 0;
    -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    }
    
    @-webkit-keyframes spinner {
    to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }
    }
    
    @keyframes spinner {
    to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }
    }
    
    @-webkit-keyframes letters-loading {
    0%,
    75%,
    100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    }
    25%,
    50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    }
    }
    
    @keyframes letters-loading {
    0%,
    75%,
    100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    }
    25%,
    50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    }
    }
    
    @media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
    }
    .icon-dropdown .fa-angle-down {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    }
    
    .icon-dropdown .fa-angle-down {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    }
    }
    
    @media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
    }
    
    .icon-dropdown .fa-angle-down {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    }
    }
    
    .bannertext {
    position: absolute;
    z-index: 2;
    bottom: 35px;
    left: 45px;
    }
    .bannertext h3 {
    text-shadow: -1px 1px 3px black;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    }
    .footer-middle .ourpartner ul li {
    padding-left: 15px;
    }
    .product-brdcub{
    margin: 30px 0px 0px;
    }
    .breadcrumb.ps-0 li.breadcrumb-item {
        margin: 0;    
        display: inline-flex;
        align-items: center;
    }
.breadcrumb.ps-0 li.breadcrumb-item a:focus, .breadcrumb.ps-0 li.breadcrumb-item a:hover {
        color: #2196F3;
    }
    .latestlist .no_crop_image.grid-item .inner.product-item {
    border: 4px solid #f1f1f1;
    padding: 0px;
    }
    .latestlist .products-grid .product-item .product-vendor {
    background: #efefef4a;
    padding: 7px;
    min-height: 54px;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 2;
    position: relative;
    }
    .latestlist .product-vendor a {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #333;
    font-weight: 500;
    }
    .latestlist .btnwhite {
    background: #fff;
    color: #093a74;
    border-color: #093a74;
    width: 100%;
    line-height: 38px;
    padding: 0px;
    border-width: 2px;
    display: block;
    text-align: center;
    font-size: 16px;
    border: 2px solid #093a74;
    font-weight: 600;
    letter-spacing: 0.5px;
    }
    .latestlist .btnwhite.btn:hover{
    color: #fff;
    }
    .productdetailspagedesign .nav-tabs > li > a{
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    border: 1px solid rgba(0,0,0,.1);
    font-weight: 400;
    margin: 0px 0px;
    padding: 15px 20px 15px 41px;
    cursor: pointer;
    box-shadow: 0 1px 1px #0000001a;
    letter-spacing: 1px;
    font-size: 15px;
    transition: background .3s ease-in-out,box-shadow .3s ease-in-out,letter-spacing .3s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    .productdetailspagedesign .nav-tabs > li.active > a{
    background: #fff;
    color: #3a3e46!important;
    }
    .productdetailspagedesign .nav-tabs>li:hover a:before, .productdetailspagedesign .nav-tabs>li.active a:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -1px;
    width: calc(2px + 100%);
    height: 3px;
    opacity: 1;
    display: block;
    z-index: 10;
    background: #003b74;
    }
    .productdetailspagedesign .tab-content>.active {
    opacity: 1;
    }
    .shop-product .brand-img .shop-product-heading.social-det {
    margin-bottom: 5px;
    display: flex;
    width: 100%;
    background: no-repeat;
    padding: 20px 0px 0px;
    margin-right: 0;
    border: none;
    }
    .shop-product .product .shop-product-heading.social-det h2 {
    width: auto;
    font-size:16px;
    font-weight: 500;
    letter-spacing: 0;
    
    }
    .social-det .wrp {
    float: none;
    text-align: left;
    }
    .wrp {
    float: right;
    margin-bottom: 0px;
    margin-top: 0px;
    }
    .social-det .wrp .icon {
    font-size: 18px;
    line-height: 22px;
    height: 24px;
    width: 24px;
    margin-right: 8px;
    }
    .social-det .wrp .icon:hover{
    cursor: pointer;
    }
    .social-det .wrp .icon i{
    color: #013e6a;
    }
    .social-det .wrp .icon:hover i {
    color: #055289;
    }
    .wrp .icon {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    width: 19px;
    margin-right: 0px;
    color: #4099ff;
    border-radius: 100%;
    position: relative;
    text-align: center;
    }
    .wrp .icon-whatsapp {
    color: #0f7d02;
    }
    .wrp .icon-twitter {
    color: #4099ff;
    }
    .wrp .icon-gplus {
    color: #dc4e41;
    font-size: 18px;
    }
    .fb_iframe_widget {
    display: inline-block;
    position: relative;
    }
    .fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    }
    .wrp .icon-gplus {
    color: #dc4e41;
    font-size: 18px;
    }
    .gallery-viewer img {
    border-radius: 5px;
    }
    .container-1920{
    padding:60px 0px;
    background:#fff;
    }
    .paddright0{
    padding-right:0px;
    }
    .paddleft0{
    padding-left: 0px;
    }
    .paddrightleft0{
    padding-left:0px;
    padding-right:0px;
    }
    .leftsictmenu.newClass.newClass2 {
    top: 72px;
    z-index: 99999;
    position: fixed;
    left: 0;
    display: unset;
    width: 100%;
    background: #ffff;
    }
    .leftsictmenu.hidelinkid, .leftsictmenu.onclicklink.showlinkid, .leftsictmenu.hidelinkid.newClass2 {
    display: none;
    }
    .leftsictmenu.onclicklink.newClass2{
    display: block;
    }
    .leftsictmenu.newClass.newClass2 ul::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
    }
    /*.leftsictmenu.newClass.newClass2 ul {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto;
    }*/
    .leftsictmenu.newClass.newClass2 ul li{
    height: 100%;
    margin-left: 0;
    display: inline-block;
    border-right: navajowhite;
    margin-top: 0;
    }
    .newClass.newClass2 ul li a {
    display: block;
    padding: 10px 10px;
    color: #545454;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    }
    
    .product-gallery__zoom-notice {
    margin-top: 26px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
    display: block;
    margin: 12px 0 6px;
    width: 100%;
    text-align: center;
    }
    .product-gallery__zoom-notice svg {
    margin-right: 5px;
    width: 14px;
    height: 14px;
    }
    .pd-attribute .fa-angle-down{
    position: relative;
    margin-left: -25px;
    z-index: 99;
    }
    #myprojectModal .modal-header .modal-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 18px;
    padding-top: 10px;
    }
    #myprojectModal .modal-header .modal-title #modalTitle{
    font-size: 16px;
    font-weight: bold;
    color: #003c78;
    margin-top: 0px;
    padding-top: 17px;
    }
    #ProjectDesc {
    padding: 5px 12px 12px;
    font-size: 12px;
    border-top: 1px solid #ddd;
    color: #003c78;
    }
    #Projectowl.carousel {
    overflow: hidden;
    }
    #myprojectModal .owl-dots {
    display: block;
    text-align: center;
    padding: 10px 0px;
    }
    #myprojectModal .owl-dots .owl-dot span {
    background: #e8e9eb;
    text-indent: -9999px;
    display: block;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid #13457a 2px;
    }
    #myprojectModal .owl-dots .owl-dot.active span {
    background: #13457a;
    }
    #myprojectModal .carousel-indicators {
    position: initial;
    margin-bottom: -5px;
    margin-top: 5px;
    }
    #myprojectModal .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    background-color: #333;
    }
    #myprojectModal .gallery {
    float: none;
    }
    .nav-bar ul ul li a {
    margin-bottom: 0px;
    padding: 8px 10px;
    border-bottom: 1px solid #eeee;
    font-size: 14px;
    }
    .nav-bar .logindropdownlist li {
    font-size: 13px;
    display: contents;
    padding: 0px 0px;
    margin: 0px;
    }
    .nav-bar li ul.sub-menu li {
    display: block;
    margin-left: 0;
    }
    .nav-bar li ul.sub-menu.megamenu li.has-sub a{
    background: #ffffff;
    width: 20%;
    display: inline-block;
    float: left;
    border-left: 4px solid #000;
    }
    .nav-bar li ul.sub-menu.megamenu li.has-sub a~ul.sub-menu{
    width: 50%;
    display: inline-block;
    }
    .nav-bar li ul.sub-menu.megamenu li.has-sub a~ul.sub-menu {
    width: 50%;
    display: none !important;
    }
    .nav-bar li ul.sub-menu.megamenu li.has-sub a:hover~ul.sub-menu{
    display: inline-block !important;
    position: absolute;
    left: 20%;
    background: #f8f8f8;
    }
    .nav-bar li ul.sub-menu.megamenu li.has-sub a:hover~ul.sub-menu li{
    width: 49%;
    display: inline-block;
    }
    .nav-bar li ul.sub-menu li a {
    border-left: 1px solid #fff;
    color: #000;
    text-align: left;
    line-height: 18px;
    }
    .nav-bar li ul.sub-menu li a:hover {
    color: #333;
    border-left: 1px solid #d3d3d3;
    }
    .mobilelogin {
    display: none;
    }
    /* stylecss end */
    
    /*Inspired Living Start*/
    .carousel2ndhalfdesign {
    position: relative;
    background: #151515;
    padding: 60px 0px 120px;
    }
    .carousel2ndhalfdesign .headingdesign {
    text-align: left;
    }
    .carousel2ndhalfdesign .headingdesign h2 {
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    padding-right: 250px;
    color: #fff;
    }
    .carousel2ndhalfdesign .headingdesign span {
    font-weight: 200;
    margin-bottom: 15px;
    color: #fff;
    }
    .carousel2ndhalfdesign .leftsliderabout {
    position: absolute;
    bottom: 90px;
    width: 21%;
    }
    .carousel2ndhalfdesign .leftsliderabout p{
    color: #fff;
    font-size: 18px;
    }
    .carousel2ndhalfdesignhead h2{
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    margin: 0px 0px 12px;
    }
    .carousel2ndhalfdesignhead.active h2 {
    color: rgba(251, 191, 104, 1);
    }
    #carousel2ndhalfslide {
    margin-top:40px;
    }
    .carousel2ndhalfdesignhead{
    text-align: right;
    }
    .carousel2ndhalfdesignhead {
    text-align: left;
    padding-left: 50%;
    }
    /*#carousel2ndhalfslide.owl-carousel .owl-item {
    width: 1170.25px !important;
    }*/
    #carousel2ndhalfslide.owl-carousel .owl-item.active {
    margin-left: -150px !important;
    }
    
    .carousel2ndhalfdesign {
    position: relative;
    overflow: hidden;
    }
    
    .carousel2ndhalfdesignhead {
    transition: transform 0.5s ease, opacity 0.5s ease;
    }
    
    .carousel2ndhalfdesignhead.active {
    opacity: 1;
    }
    
    .carousel2ndhalfdesignhead h2 {
    color: white; /* Default color */
    }
    
    .carousel2ndhalfdesignhead.active h2 {
    color: #FBBF68; /* Active item color */
    }
    
    .carousel2ndhalfdesignhead {
    display: none; /* Hide initially */
    }
    .carousel2ndhalfdesign .owl-carousel .owl-nav{
    position: absolute;
    left: 45px;
    }
    .carousel2ndhalfdesign .owl-carousel .owl-nav button.owl-prev {
    margin: 12px 9px;
    font-size: 48px;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    line-height: 35px;
    display: grid;
    left: -55px;
    }
    .carousel2ndhalfdesign .owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    padding: 0 !important;
    font: inherit;
    margin: 12px 9px;
    font-size: 48px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    line-height: 35px;
    display: grid;
    background: #fff;
    right: initial;
    }
    .carousel2ndhalfdesign .owl-carousel .owl-nav button.owl-prev span{
    background-image: var(--iconwhite);
    background-size: 400px 250px;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-position: -3px -202px;
    font-size: 0px;
    transform: rotate(175deg);
    }
    .carousel2ndhalfdesign .owl-carousel .owl-nav button.owl-next span{
    background-image: var(--iconblack);
    background-size: 400px 250px;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-position: -6px -205px;
    font-size: 0px;
    }
    /*Inspired Living End*/
    
    .headingdesign span {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #00407f;
    margin-bottom: 8px;
    display: block;
    }
    .headingdesign h2 {
    font-size: 40px;
    font-weight: 700;
    Line-height: 54px;
    margin-bottom: 12px;
    }
    .headingdesign {
    text-align: center;
    }
    
    /*Search Design full screen search Start*/
    .searchpopup #dvAutoComplete.autocompletearea {
        display: none;
    }
    .searchpopup .searchsinglerow-close #dvAutoComplete.autocompletearea {
        display: block;
    }
    
    .searchpopup ul li a {
        font-size: 12px;
    }
    .searchpopup .input-group .searchtrending {
        display:none;
    }
    .searchpopup .input-group .searchtrending .floor-items-list {
          width: 80%;
        margin: 0px auto;
    }
    .searchpopup .input-group.searchsinglerow-close .searchtrending{  
        display:block;
        margin-top: 50px;
    }
    .site-header .searchpopup .fa-angle-right {
        transform: initial;
    }
    .searchpopup .products-thumb i.prodiconsize.iconcomn.filelisticon {
        background-position: -661px -259px;
    }
    .searchpopup .products-thumb i.prodiconsize.iconcomn.hearticon {
        background-position: -663px -207px;
    }
    .searchpopup .input-group .footerquicklinks {
        display:none;
    }
    .searchpopup .input-group.searchsinglerow-close .footerquicklinks{  
        display:block;
        margin-top: 100px;
    }
    .searchpopup .searchsinglerow-close{
        display:block !important;
        position: absolute;
        top: 0px;
        left: 0;
        background: var(--headersearchpopupbg);
        padding: 30px 30px;
        height: 100vh;
        z-index: 999;
    }
    #dvCompareListPrint.compareprintbtn a.tooltips.btnblue {
        border: 1px solid #d0d0d0;
        padding: 4px 4px 0px;
        cursor: pointer;
        display: inline-block;
        line-height: 20px;
        background: #fff;
    }
    #dvCompareListPrint.compareprintbtn a.tooltips.btnblue i{
    background-image: var(--iconcommonblack);
        background-position: -269px 210px !important;
        background-size: 347px 219px;
        display: inline-block;
        width: 30px;
        height: 25px
    }
        #dvCompareListPrint.compareprintbtn a.tooltips.btnblue:hover {
        background-image: var(--iconcommonwhite);
        }
    .searchpopup .closeiconserch, .searchfix .closeiconserch{
        display: none;
    }
    .searchpopup .searchsinglerow-close .closeiconserch {
        display: inline-block;
    }
    .searchpopup .headersearchheading, .searchfix .headersearchheading {
        display:none;
    }
    .searchpopup .searchsinglerow-close .headersearchheading {
        display: block;
        width: 55%;
        margin: 0px auto !important;
        float: none;
        font-size: var(--headersearchpopupheading);
        font-weight: 600;
        color: var(--headersearchpopupheadingcolor);
        line-height: 34px;
    }
    .searchpopup .searchsinglerow-close .closeiconserch:before {
        color: #999999;
        content: "";
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 600);
        font-size: 24px;
        line-height: 20px;
        position: absolute;
        top: 10px;
        z-index: 999;
        right: 10px;
        padding: 6px 6px;
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 400px 250px;
        background-position: -610px -109px;
        width: 30px;
        height: 27px;
    }
    
    .searchpopup .input-group.searchsinglerow-close .form-control {
        margin: 0px auto;
        float: none;
        width: 55%;
        border: var(--headersearchpopupinputborder);
        border-bottom: 2px solid #999999 ;
        border-radius: 0;
        height: 52px;
        opacity: 1;
            cursor: auto;
    }
    .searchpopup .input-group.searchsinglerow-close .search_btn {
        right: 22.5%;
        width: 52px;
    }
    
    .searchpopup .input-group.searchsinglerow-close .search_btn .btn-u {
        padding: 11px 15px;
        border-left: var(--headersearchpopupinputborder);
    }
    .searchpopup .input-group.searchsinglerow-close #dvAutoComplete.autocompletearea {
        width: 55%;
        top: 7px;
        left: 22.5%;
        right: auto;
        border-radius: 0;
        display:block;
    }
    .searchpopup .input-group.searchsinglerow-close #dvAutoComplete.autocompletearea ul li a span {
        font-size: 14px;
        padding: 5px 10px;
    }
    .searchpopup .searchsinglerow-close~#searchWarning{
        color: red;
        display: block;
        font-size: 12px;
        clear: both;
        line-height: 15px;
        position: absolute;
        z-index: 999;
        font-size: 14px;
        letter-spacing: 0px;
        top: 145px;
        left: 23.6%;
        padding: 4px 0px;
    }
    .searchpopup ul.qli-content li.qli-links {
        margin-left: 0px;
        display: flex;
    }
    
    .ftr-cmpny li .fa.fa-mobile {
        background-position: -52px 210px;
    }
    
    /*--------------------Tool Tip Text - Start----------------------*/
    /*.showtooltiptext:before {
        height: auto;
        left: auto;
        position: absolute;
        width: auto;
        white-space: nowrap;
        padding: 1px 8px;
        right: 48px;
        bottom: 3px;
        display: none;
        background: var(--bg-3);
        color: var(--color-white);
        line-height: 22px;
        border-radius: 6px;
    }
    .showtooltiptext:hover:before, .showtooltiptext:hover:after{
        display: var(--ShowToolTipTextdisplay);
    }*/
    .productslist.list .showtooltiptext:hover:before, .productslist.list .showtooltiptext:hover:after {
    font-size: 9px;
        padding: 0px 5px;
        border-radius: 5px;
    }
    .showtooltiptext:after {
        border-left: 8px solid var(--bg-3);
        border-top: solid #fff0 8px;
        border-bottom: solid #fff0 8px;
        bottom: 7px;
        content: " ";
        height: 0;
        left: -2px;
        margin-left: -14px;
        position: absolute;
        width: 0;
        display: none;
    }
    
    /*--------------------Wishlist(ShowWishListText) Module Text - Start----------------------*/
    /*.ShowWishListText:before {
        content: var(--ShowWishListText);
    }*/
    /*.ShowWishListText.bagselect:hover:before{
        content: var(--ShowWishListTextremove);
        background: var(--bg-3) !important;
    }*/
    /*--------------------Wishlist(ShowWishListText) Module Text - End----------------------*/
    
    /*--------------------Enquiry(ShowRFQText) Module Text - Satrt----------------------*/
    /*.ShowRFQText:before {
        content: var(--ShowRFQText);
    }
    .ShowRFQText.bagselect:hover:before{
        content: var(--ShowRFQTextremove);
        background: var(--bg-3) !important;
    }*/
    /*--------------------Enquiry(ShowRFQText) Module Text - End----------------------*/
    
    /*--------------------Enquiry(ShowCompareText) Module Text - Satrt----------------------*/
    /*.ShowCompareText:before {
        content: var(--ShowCompareText);
    }*/
    /*.ShowCompareText.bagselect:hover:before{
        content: var(--ShowCompareTextremove);
        background: var(--bg-3) !important;
    }*/
    .ShowDeleteFromCart:hover:before{
        content: var(--ShowDeleteFromCart);
        background: var(--bg-3) !important;
    }
    /*--------------------Enquiry(ShowRFQText) Module Text - End----------------------*/
    
    /*--------------------Tool Tip Text - End----------------------*/
    .site-header .badge-open.active .verticaliconsidebar li a:hover:after{
        display:none;
    }
    
    /*--------------------Button Text - Start----------------------*/
    /*------Compare(ShowCompareText) Module Text - Satrt--------*/
    .ShowSendQueryText:after {
        content: var(--ShowSendQueryText);
    }
    /*------Compare(ShowCompareText) Module Text - End------*/
    /*------Add To Cart(ShowAddCartText) Module Text - Satrt--------*/
    .ShowAddCartText:after {
        content: var(--ShowAddCartText);
    }
    .ShowAddCartText.bagselect:after {
        content: var(--ShowAddCartTextremove);
    }
    /*------Add To Cart(ShowAddCartText) Module Text - End------*/
    /*--------------------Button Text - End----------------------*/
    
    .clicktoadd:before {
        content: var(--clicktoadd);
    }
    .clicktoadd.bagselect:before {
        content: var(--clicktoremove);
    }
    .pcl .accordion-body ul li {
    position: relative;
    }
    .productdetailspagedesign .accordion-body #tblOrderList ul li a.bagselect .iconcomn.compareicon:after{
        font-size: 16px;
    }
    .productdetailspagedesign .accordion-body #tblOrderList ul li a.bagselect:hover:before{
            background: var(--bg-3);
    }
    /*--------------------Header Icon Text - Start----------------------*/
    .quot-name:after {
        display:var(--quot-name);
    }
    .RFQHeaderText:after {
        content: var(--RFQHeaderText);
    }
    .RecentViewHeaderText:after {
        content: var(--RecentViewHeaderText);
    }
    .WishlistHeaderText:after {
        content: var(--WishlistHeaderText);
    }
    .cartHeaderText:after {
        content: var(--cartHeaderText);
    }
    /*--------------------Header Icon Text - End----------------------*/
    /*--------------------Material Design Icons Light - Start----------------------*/
    .iconcomn:after, .iconcomn:before{
        font-family: "Material Design Icons Light";
        text-rendering: auto;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
    }
    
    .deleteicon:hover:after {
        color:#f00;
    }
    .fa-angle-left {
        background-image: var(--iconblack);
        display: inline-block;
        width: 28px;
        height: 28px;
        background-position: -101px -101px;
        background-size: 612px 383px;
        transform: rotate(180deg);
    }
    .site-header .fa-angle-left {
        width: 16px;
        height: 16px;
        background-position: -468px -317px;
        background-size: 400px 250px;
    }
    .owp-product-nav li a.owp-nav-link .fa-angle-left {
        width: 18px;
        height: 18px;
        background-position: -466px -319px;
        background-size: 400px 250px;
    }
    .fa-angle-right{
        background-image: var(--iconheadermenu);
        display: inline-block;
        width: 28px;
        height: 28px;
        background-position: -101px -101px;
        background-size: 612px 383px;
    }
    .site-header .fa-angle-right {
            width: 16px;
        height: 16px;
        background-position: -468px -317px;
        background-size: 400px 250px;
    }
    .customNavig .btnicon:hover .fa-angle-right {
        background-image: var(--iconwhite);
    }
    .fa-angle-down{
        background-image: var(--iconheadermenu);
        display: inline-block;
        width: 16px;
        height: 20px;
        background-position: -467px -315px;
        background-size: 400px 250px;
    }
    .site-header .topbar-v3 .left-topbar li a i.phoneicon {
        background-position: -488px -271px;
    }
    .site-header .topbar-v3 .left-topbar li a i.downloadicon{
           background-position: -620px -225px;
        background-size: 350px 213px;
    }
    .bagselect .prodiconsize.hearticon:after {
        font-weight: 600;
        font-size: 20px;
    }
    
    .bagselect .prodiconsize.compareicon{
        content: "";
        color: #00467a;
        background-image: var(--icontheme);
        background-size: 400px 250px;
        display: inline-block;
        width: 30px;
        height: 23px;
        background-position: -758px -262px;
    }
    .btnblue.bagselect i.prodiconsize.iconcomn.compareicon {
        background-image: var(--iconwhite);
    }
    .lab_profile:after {
        content: "\e104";
    }
    
    .quotationlisticon {
        background-position: -659px -262px;
    }
    .iconcomn {
    background-image: var(--iconblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 30px;
        height: 28px;
    }
    
    a.btnsavetowishlist:hover .hearticon, a.btnaddtocompare:hover .compareicon, a.btnaddenquiry:hover .filelisticon{
        background-image: var(--iconwhite);
    }
    .detleftbtn .buttonncommon.btnaddtocart .carticon{
    background-image: var(--darkbuttonicon);
    }
    .buttonncommon .prodiconsize.iconcomn{
        background-image: var(--btnnormalicons);
    }
    .detleftbtn a i {
    background-image: var(--btnnormalicons);
    }
    .btnblue .iconcomn {
    background-image: var(--darkbuttonicon);
        height: 23px;
    }
    .iconcomn.plusaddicon {
        background-size: 300px 185px;
        background-image: var(--iconcommonwhite);
        background-position: -7px -7px;
        width: 24px;
        height: 22px;
    }
    .btnblue:hover .iconcomn.plusaddicon {
        background-size: 300px 185px;
        background-image: var(--iconcommonwhite);
        background-position: -7px -7px;
    }
    
    .qtsnsearch .btnblue .iconcomn.plusaddicon {
       background-image: var(--btnnormaliconscommon);
    }
    .qtsnsearch .btnblue:hover .iconcomn.plusaddicon {
       background-size: 300px 185px;
       background-image: var(--btnnormaliconscommonhover);
       background-position: -7px -7px;
    }
    .site__btn4-icon i:last-child {
        opacity: 1;
        transition: 0.2s;
        position: relative;
        right: 2px;
    }
    .site__btn4.b-download:hover i:first-child {
        right: 0px;
        opacity: 1;
        visibility: visible;
        top: 50%;
        color: #fff;
        background-position: -219px -7px;
    }
    .site__btn4.b-download:hover i:last-child {
        right: auto;
        opacity: 0;
        visibility: hidden;
        bottom: -23px;
        color: #fff;
    }
    .bdevs-btn-icon.downloadicon {
        background-image: var(--iconwhite);
        background-size: 285px 180px;
        display: inline-block;
        width: 20px;
        height: 23px;
        background-position: -222px -6px;
    }
    .footer-social li i {
        background-image: var(--iconfooter);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    .search_btn .btn-u .fa-search {
        display: inline-block;
        background-image: var(--iconheader);
        background-size: 400px 250px;
        background-position:-615px -213px;
        width: 30px;
        height: 23px;
    }
    .fa-exclamation {
    background-image: var(--iconcommonblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -163px -11px;
    }
    .fa-arrow-right {
    background-image: var(--iconblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -13px -215px;
    }
    .fa-th {
    background-image: var(--iconblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -313px -60px;
    }
    .fa-list {
    background-image: var(--iconblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -361px -60px;
    }
    .fa-times {
    display: inline-block;
        background-image: var(--iconblack);
        background-size: 350px 219px;
        background-position: -183px -96px;
        width: 29px;
        height: 29px;
    }
    .deleteicon {
        background-position: -10px -106px;
    }
    .usericon {
        background-position: -512px -263px;
    }
    .telphoneicon {
        background-position:-465px -12px;
    }
    .emailicon {
        background-position: -533px -229px;
    }
    .filelisticon {
            background-position: -658px -262px;
    }
    .orderlisticon, .invoicelisticon {
        background-image: var(--iconcommonblack);
    }
    .orderlisticon {
        background-position: 842px 208px;
    }
    .invoicelisticon {
        background-position: -12px 173px;
    }
    .topbar-v3 .login_section .logindropdownlist li a i.orderlisticon, .topbar-v3 .login_section .logindropdownlist li a i.invoicelisticon {
        background-image: var(--iconcommonblack);
        width: 27px;
        height: 27px;
    }
    .bagselect .filelisticon {
        background-image: url(/assets/img/icons-blue.png);
    }
    .fa-file-lines {
            background-position: -662px -262px;
    }
    .signouticon {
           background-position: -362px -215px;
    }
    .eyeicon {
        background-position: -464px -361px;
    }
    .eyecloseicon {
        background-position: -514px -361px;
    }
    .hearticon {
        background-position: -661px -212px;
    }
    
    .detleftbtn a.buttonncommon.bagselect{
        background: var(--btnbg);
        color: var(--btncolor);
    }
    .bagselect .hearticon {
            background-image: var(--iconthemefill);
    }
    .bagselect .prodiconsize.compareicon {
         background-image: var(--iconthemefill);
    }
    .detleftbtn a.buttonncommon.bagselect i, .detleftbtn a.btnblue.bagselect i.prodiconsize.iconcomn.compareicon{
        background-image: var(--iconthemelightfill);
    }
    
    .carticon {
        background-position: -414px -258px;
    }
    .bagselect .carticon {
            background-image: url(/assets/img/icons-blue.png);
    }
    .lockicon {
        background-position: -310px -108px;
    }
    .unlockicon {
        background-position: -358px -108px;
    }
    .addressicon {
        background-position: -261px -108px;
    }
    .fa-fax {
        background-position: -576px -358px;
    }
    .addtowishlist .hearticon {
        background-position: -661px -207px;
    }
    .productdetailicons .action-butn a i.hearticon {
        background-position: -659px -208px;
    }
    .fa-fax {
        display: inline-block;
        background-image: var(--iconcommonblack);
        background-size: 350px 219px;
        background-position: -231px -11px;
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }
    .fa-check {
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 400px 250px;
        background-position: -163px -113px;
        width: 19px;
        height: 19px;
    }
    .fa-play {
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 400px 250px;
        background-position: -212px -66px;
        width: 19px;
        height: 19px;
    }
    .fa-home {
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 300px 185px;
        background-position: -122px -342px;
        width: 19px;
        height: 19px;
    }
    .fa-calendar {
        display: inline-block;
        background-image: var(--iconcommonblack);
        background-size: 350px 219px;
        background-position: -275px -39px;
        width: 23px;
        height:22px;
    }
    .fa-user {
    display: inline-block;
        background-image: var(--iconblack);
        background-size: 350px 219px;
        background-position: -101px -10px;
        width: 23px;
        height: 22px;
    }
    .fa-tags {
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 350px 219px;
        background-position: -230px -53px;
        width: 22px;
        height: 20px;
    }
    i.fa.fa-bookmark {
        display: inline-block;
        background-image: var(--iconblack);
        width: 22px;
        height: 22px;
        background-size: 300px 185px;
        background-position: -234px -340px;
    }
    .fa-minus {
    display: inline-block;
        background-image: var(--iconcommonblack);
        background-size: 350px 219px;
        background-position: -54px -9px;
        width: 29px;
        height: 22px;
    }
    .fa-plus {
        display: inline-block;
        background-image: var(--iconcommonwhite);
        background-size: 350px 219px;
        background-position: -7px -9px;
        width: 29px;
        height: 22px;
    }
    .fa-close {
    display: inline-block;
        background-image: var(--iconcommonwhite);
        background-size: 350px 219px;
        background-position: -12px -7px;
        width: 31px;
        height: 25px;
        transform: rotate(45deg);
    }
    .fa-lock {
        display: inline-block;
        background-image: var(--iconwhite);
        background-size: 400px 250px;
        background-position: -465px -362px;
    }
    .editpen {
        background-position: -110px -60px;
        background-image: var(--iconblack);
        background-size: 400px 250px;
        display: inline-block;
        width: 30px;
        height: 28px;
    }
    .queryicon {
        background-image: var(--btnnormalicons);
        background-position: -560px -261px;
    }
    .filter-box .fa-close {
        background-image: var(--iconcommonblack);
        background-size: 250px 150px;
        background-position: -2px -6px;
        width: 22px;
        height: 15px;
    }
    .bloglist .details .fa-user{
        width: 20px;
        height: 18px;
        background-size: 300px 169px;
        background-position: -86px -6px;
            vertical-align: sub;
    }
    .bloglist .details .fa-calendar {
        background-size: 300px 169px;
        background-position: -237px -28px;
        width: 19px;
        height: 18px;
            vertical-align: sub;
    }
    .list-box-pro .hearticon {
        background-position: -660px -210px;
    }
    
    .buttonncommon .iconcomn, .btnicon .queryicon {
        height: 23px;
    }

    

    .btnsendquery:hover .queryicon, .buttonncommon:hover .queryicon{
            background-image: var(--btnhovericons);
    }
    .buttonncommon .queryicon {
        background-position: -564px -261px;
    }
    .buttonncommon .filelisticon {
        background-position: -658px -262px;
    }
    
    .buttonncommon .carticon {
        background-position: -414px -262px;
    }
    .resphide a.btnicon:hover .queryicon{
        background-image: var(--btnhovericons);
    }
    
    .compareicon {
            background-position: -758px -262px;
    }
    .product-shop .btn .fa {
        background-image: var(--iconcommonwhite);
    }
    .wizard > .steps .done i.fa-check{
            background-position: -162px -113px;
    }
    .wizard > .steps i.fa-home {
            background-position: -118px -339px;
    }
    .social-det .wrp .icon i{
        width: 26px;
        height: 26px;
    }
    
    .owp-product-nav li a.owp-nav-link .fa-angle-right {
        background-size: 400px 250px;
        width: 18px;
        height: 18px;
        background-position: -466px -315px;
    }
    .wizard > .steps i.fa-credit-card{
    background-position: -60px 0px;
        background-image: var(--iconcommonblack);
        background-size: 225px 140px;
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    
    .ftr-cmpny li .fa.fa-envelope {
        background-position: -531px -10px;
    }
    
    .lgtgrfftr .socialverticle li a i {
        width: 26px;
        height: 24px;
    }
    .lgtgrfftr .socialverticle li a i.fa-instagram {
        background-size: 350px 217px;
    }
    .lgtgrfftr .socialverticle li a i.fab.fa-linkedin {
        background-position: -839px -362px;
    }
    .lgtgrfftr .socialverticle li a i.fab.fa-facebook {
        background-position: -707px -362px;
    }
    .fa-scale-balanced {
    background-image: var(--iconwhite);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 28px;
        background-position: -664px -3px;
    }
    .fa-mobile {
        background-position: -485px -51px;
    }
    .fa-phone {
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 24px;
        background-position: -143px -52px;
        vertical-align: middle;
    }
    .fa-globe {
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 24px;
        background-position: -101px 33px;
        vertical-align: middle;
    }
    .fa-layer-group {
      background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        background-size: 400px 250px;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -313px -60px;
        vertical-align: middle;
    }
    .fa-download {
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 24px;
        background-position: -623px -9px;
    }
    .fa-envelope {
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 24px;
        background-position: -537px -5px;
    }
    .downloadicon {
        background-image: var(--iconwhite);
        display: inline-block;
        width: 30px;
        height: 28px;
        background-position: -620px -225px;
        background-size: 350px 213px;
    }
    .fa-volume-control-phone {
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 20px;
        height: 23px;
        background-position: -494px -52px;
    }
    i.fa-question-circle {
    background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -60px -405px;
    }
    i.fa-whatsapp {
    background-image: var(--iconcolors);
        background-size: 400px 250px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -1161px -408px;
    }
    i.fa-google-plus {
            background-image: var(--iconcolors);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -970px -357px;
    }
    i.fa-google {
            background-image: var(--iconcolors);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -970px -357px;
    }
    i.fa-facebook {
            background-image: var(--iconcolors);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -707px -357px;
    }
    i.fa-x-twitter {
            background-image: var(--iconcolors);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -796px -362px;
    }
    i.fab.fa-pinterest {
        background-image: var(--iconcolors);
            background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -928px -362px;
    }
    i.fa-instagram {
            background-image: var(--iconcolors);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -752px -357px;
    }
    i.fa-linkedin {
            background-image: var(--iconwhite);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -839px -357px;
    }
    i.fa-youtube {
            background-image: var(--iconwhite);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-position: -883px -357px;
    }
    address .header-social i {
        background-image: var(--iconwhite) !important;
        background-position-y: -138px !important;
    }
    .ftr-cmpny li .fa {
        background-image: var(--iconfooter);
        background-size: 350px 219px;
        display: inline-block;
        width: 26px;
        height: 24px;
        background-position: -94px 33px;
    }
    .footer-middle ul.socialverticle li {
        display: inline-block;
    }
    .lgtgrfftr .socialverticle li a i {
        background-position-y: -142px !important;
    }
    .footer-middle ul.socialverticle li a:after {
        left: 0;
    }
    .ftr-cmpny li i.fa.fa-globe {
        background-position: -95px 32px;
    }
    .social-det .wrp .icon i.fa-whatsapp {
        background-position: -1161px -414px;
    }
    .social-det .wrp .icon i.fa-whatsapp {
        background-position: -1161px -414px;
    }
    .social-det .wrp .icon i.fa-google-plus {
        background-position: -970px -360px;
    }
    .social-det .wrp .icon i.fa-facebook {
        background-position: -709px -361px;
    }
    .login1.singleloginbox .SocialMediaLoginIcon i {
         background-image: var(--iconwhite);
    }
    .footer-social li i.fa-facebook {
        background-position: -707px -357px;
    }
    .footer-social li i.fa-x-twitter {
        background-position: -796px -357px;
    }
    .footer-social li i.fa-instagram {
        background-position: -752px -357px;
    }
    .footer-social li i.fa-linkedin {
        background-position: -839px -357px;
    }
    .footer-social li i.fa-pinterest {
        background-position: -929px -357px;
    }
    .footer-social li i.fa-whatsapp {
        background-position: -1016px -357px;
    }
    .login_section li a i.usericon {
        background-position: -512px -13px;
    }
    .top_most li i.telphoneicon {
        background-position: -52px -9px;
    }
    .top_most li i.emailicon {
        background-position: -533px -11px;
    }
    .social-det .wrp .icon i.fa-envelope {
        background-position: -534px -13px;
    }
    .footer-social li i.fa-pinterest {
        background-position: -928px -357px;
    }
    .verticalactionicon li a .iconcomn.carticon {
            font-size:22px;
    }
    .product-button a.bagselect .iconcomn.carticon:after, .verticalactionicon li a.bagselect .iconcomn.carticon:after {
            content: "\f07a";
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 600);
        font-size: 15px;
    }
    
    /*--------------------Material Design Icons Light - END----------------------*/
    .nameuser.nameuser {
        font-size: 18px;
        background: var(--bg-white);
        color: #333;
        padding: 2px 6px;
    }
    /*header bag icons start*/
    .site-header .badge-open.active h3 i.iconcomn:after {
            font-size: 18px;
    }
     .site-header .badge-open {
            top: 22px;
            right: -15px;
            display: none;
            list-style: none;
            min-width: 300px;
            background: var(--color-white);
            position: absolute;
            border-top: 2px solid #212261;
            box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
            z-index: 999999;
        }
        .site-header .mCustomScrollbar {
               height: auto;
        max-height: 600px;
        padding: 0 4px;
        overflow: hidden;
        overflow-y: auto;
        }
        .site-header .badge-open li {
            margin-top: 0px;
            padding: 0px 4px 0;
            border-top: 1px solid #dedede;
        }
        
        .site-header .badge-open li:first-child {
            margin-top: 0;
            border-top: none;
            padding-top: 0px;
        }
        
        .site-header .badge-open li:after,
        .site-header .badge-open li:before {
            content: " ";
            display: table;
        }
        
        .site-header .badge-open li:after {
            clear: both;
        }
        
        .site-header .badge-open img {
    float: left;
        width: 100%;
        height: auto;
        margin-right: 1%;
        }
     .site-header .product-description .shopbagprice {
        width: 100%;
        border-bottom: none;
        border-top: none;
    }
        .site-header .badge-open .close {
            line-height: 1.9;
        }  
        .site-header .badge-open small {
            color: #999;
            font-size: var(--font-sm);
        }   
        .site-header .badge-open {
        position: fixed;
        z-index: 99999;
        right: 0px;
        top: 0;
        height: 100%;
        width: 0px;
        border: 0.1rem solid rgba(var(--color-foreground), .2);
        border-right: 0;
        transform: translateX(100%);
        overflow: hidden;
        transition: 0.5s;
        animation: animateright 0.4s;
        transition: transform var(--duration-default) ease;
        background: var(--bg-white);
        padding: 15px;
        box-shadow: 0 5px 15px rgb(65 65 65 / 41%);
    }
        .site-header .badge-open.active {
                display: block;
        visibility: visible;
        right: 460px;
        width: 460px;
        transition: 0.5s;
         animation: animateright 0.4s;
    }
    .site-header .badge-open.active .wish-cart{
        display: flex;
        width: 100%;
        justify-content: space-between;
        background: #f7f7f7;
        text-align: left;
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }
    .site-header .closesidebar {
        right: 22px;
      top: 20px;
        position: fixed;
    }
    .have-fixed .site-header .closesidebar {
        top: 24px;
    }
    .site-header .closesidebar:hover {
        border:none;
        background:none;
    }
    .site-header .badge-open.active .wish-cart h3{
        font-size: 16px;
        padding: 5px 9px;
        margin: 0px;
    display: flex;
        align-items: center;
        gap: 0px 5px;
        text-transform: capitalize;
    }
    .attributecolorlistbox {
        border-radius: var(--attributecolorlistbox);
        height: var(--attributecolorlistboxheight);
        border: 1px solid #ddd;
        min-width: var(--attributecolorlistboxwidth);
        display:inline-block;
        margin-right:5px;
        vertical-align:middle;
        background-size: 100%;
    }
    span.attributecolorborder a.selected .attributecolorlistbox{
        border: 2px solid #535353;
    }
    .attributecolordetailbox {
        border-radius: var(--attributecolordetailbox);
        height: var(--attributecolordetailboxheight);
        border: none;
        max-width: none;
        min-width: var(--attributecolordetailboxwidth);
        display:inline-block;
    }
    span.attributecolorborder a.selected .attributecolordetailbox{
        border: 2px solid #535353;
    }
    .wishlist-category strong~span.attributecolorborder {
        display: inline-block;
        margin-right: 3px;
        margin-top: 3px;
    }
    .attributecolorborder a {
        gap:8px;
    }
    .wishlist-category .attributefull .attributecolorborder a, .wishlist-category .attributefull .attributecolorborder a.selected {
        color: #333;
        background: none;
    }
    .wishlist-category .attributefull .attributecolorborder a.selected {
        border: 1px solid #00a8d2;
        box-shadow: 1px 3px 4px #00abd345;
        }
    .wishlist-category .attributefull .attributecolorborder a{
        display: flex;
        padding: 3px;
        border: 1px dashed #b1b1b1;
        align-items: center;
        gap: 6px;
        border-radius: 4px;
    }
    .attributecolorname {
        font-weight: 500;
        padding-right: 6px;
        display: var(--attributecolorname);
    }
    #ProductAttr.product_attr li b .attributecolorlistbox {
        margin: -2px 4px;
    }
    .paddlftdesgn .wishlist-category.pd-attribute .attributefull a {
    display: flex;
        align-items: center;
        justify-content: center;
    }
        .site-header .subtotal {
        position: fixed;
        bottom: 75px;
        left: 0px;
        width: 100%;
        background: var(--bg-white);
        padding: 14px 20px 10px;
        text-transform: capitalize;
        }
         .site-header .subtotal .margin-bottom-10 {
        margin-bottom: 0px;
    }
      
        .site-header .subtotal .subtotal-cost {
            color: #212261;
        }
        
        .site-header .subtotal .btn-u {
            font-size: var(--font-xsm);
        }
        
        .site-header .subtotal .col-xs-6:first-child {
            padding-right: 8px;
        }
        
        .site-header .subtotal .col-xs-6:last-child {
            padding-left: 8px;
        }
    .site-header .subtotal .overflow-h{
        display: flex;
        justify-content: space-between;
    }
    /*End header bag icons*/
    
    .homefeatutredcategory {
         padding: 30px 0px;
    }
    .homefeatutredcategory .secsec.sections1{
        padding: 0px 80px;
    }
    .homefeatutredcategory .secsec.sections1 ul.category-listing_block {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    .new-category .new-category-btn .btnicon{
           display:inline-block;
    }
    .logindropdown .logindropdownlist li a i.iconcomn:after {
        font-size: 28px;
    }
    .logindropdown .logindropdownlist li a i.usericon:after {
        font-size: 28px !important;
    }
    .prodiconsize.iconcomn{
        font-size:26px;
        color: #000;
    }
    .product-button .bagselect{
        background: #fff !important;
        border: 1px solid #efeff4 !important;
    }
    .product-button .bagselect:hover{
        background:#fff;
    }
    .product-button .bagselect:hover:before {
        background:#fff;
    }
    .product-button .bagselect i {
        color: var(--bg-3) !important;
    }
    .sendandcartresp .addcartbtn .handleCartlist {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0px 8px;
    }
        .sendandcartresp .addcartbtn .buttonncommon.bagselect{
        background: var(--activebtnbg);
        border: var(--activebtnborder);
        border-bottom: var(--activebtnbottomborder);
        color: var(--btncolor);
        }
        .sendandcartresp .addcartbtn .buttonncommon.bagselect:hover{
            color: var(--btncolor);
            border: var(--btnborderhover);
            border-bottom: var(--btnborderhoverbottom);
       }
    
    .sendandcartresp .addcartbtn .bagselect .carticon {
        background-image: var(--darkselectbuttonicon);
    }
    .sendandcartresp .addcartbtn .buttonncommon.bagselect .carticon {
        background-image: var(--iconthemelightfill);
    }
    .sendandcartresp .addcartbtn .buttonncommon.adtocart {
            padding: 7px 10px;
        border: var(--border-theme);
    }
    .sendandcartresp .addcartbtn .handleCartlist.bagselect .carticon:after {
        content: "\f07a";
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 600);
        font-size: 15px;
    }
    .sendandcartresp .addcartbtn .handleCartlist .carticon:after {
        font-size: 18px;
    }
    .list-box-pro .btnblue.buttonncommon .carticon:after {
     font-size: 18px;
    }
    .site-header .iconcomn:after {
        font-size: 30px;
    }
    .site-header .topbar-v3 .iconcomn:after {
        font-size: 18px;
    }
    .site-header .topbar-v3 .iconcomn.usericon:after {
        font-size:22px;
    }
    .site-header .topbar-v3 .iconcomn.emailicon:after {
        font-size:20px;
    }
    .site-header .topbar-v3 .top_most li, .site-header .topbar-v3  .left-topbar li a{
        display: flex;
        gap: 0px 5px;
        align-items: center;
    }
    .site-header .badge-open li.product-description .like-icon {
        margin: 0px;
        padding: 0;
        border: none;
        display: block;
    }
    .site-header .badge-open li.product-description a {
        text-align: left;
        font-size: var(--font-xsm);
        border: none;
        height: auto;
        line-height: normal;
        box-shadow: none;
        width: 68%;
    }
        .site-header .badge-open li.product-description a.bagselect {
            background:none;
            text-align: center;
        }
        .site-header .badge-open li.product-description a.bagselect .iconcomn:after{
            font-size:20px;
        }
            .site-header .badge-open li.product-description a.bagselect .iconcomn.carticon:after{
            font-size:22px;
        }
         .site-header .badge-open li.product-description a.bagselect .iconcomn.compareicon:after{
            font-size:16px;
        }
    .site-header .badge-open li.product-description a.sideimgpro {
        border: 3px solid #fbfbfb;
        margin-right: 10px;
        width: 20%;
    }
    .verticaliconsidebar {
            margin-left: 10px;
    }
    .site-header .badge-open li.product-description a.sideimgpro {
        border: 3px solid #fbfbfb;
        margin-right: 10px;
        width: 20%;
    }
        .site-header .badge-open li.product-description a {
            width: 100%;
        }
        .site-header .badge-open li.product-description a.sideimgpro {
            width: 26.5%;
        }
        .site-header .badge-open#dvHeaderViewedlist li.product-description a {
            width: 100%;
        }
        .site-header .badge-open#dvHeaderViewedlist li.product-description a.sideimgpro {
            width: 23.3%;
        }
    .site-header .badge-open li.product-description a.iconfont {
        width: 10%;
        text-align: right;
    }
    .site-header .product-description .iconcomn:after {
        font-size: 22px;
    }
    .site-header .product-description .compareicon.iconcomn:after {
        font-size: 16px;
    }
    
    /*Product Details Page Button Start*/
    .loginprice{
        padding: 0px 15px;
        display: inline-block;
        width: 100%;
    }
    #leftcontent.product-shop .loginprice{
        padding: 0px 10px;
    }
    .loginprice a{
        color: var(--prolistloginbtncolor);
        background: var(--prolistloginbtnbg);
        font-size: var(--prolistloginf-size);
        border: var(--prolistloginbtnborder);
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0.5px;
        padding: var(--prodetailprice);
        width: 100%;
        display: block;
        text-align: var(--prodetailposition);
        border-radius: 4px;
    }
    .list-box-pro:hover .loginprice a {
        color: var(--prolistloginbtnhovercolor);
        background: var(--prolistloginbtnhoverbg);
        border: var(--prolistloginbtnhoverborder);
    }
    #ModalProductQuery .form-control[disabled], #ModalProductQuery .form-control[readonly], #ModalProductQuery fieldset[disabled] .form-control {
    background-color: #fafafa;
        cursor: auto;
    }
    .detleftbtn .buttonncommon {
        /*padding: 4px 6px;
        line-height: 18px;
        display: inline-flex;
        align-items: center;
        gap: 0px 5px;
        min-height: 32px;
        text-transform: uppercase;*/
    }
    .detleftbtn .buttonncommon.btnaddtocart  {
        background: var(--btnbg);
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
        color: var(--btncolor);
        font-size: var(--allbtnfontsize);
    }
.detleftbtn .buttonncommon.btnviewcart {
    background: var(--activebtnbg);
    border: var(--activebtnborder);
    border-bottom: var(--activebtnbottomborder);
    color: var(--btncolor);
}
.detleftbtn .buttonncommon.btnviewcart .carticon {
    background-image: var(--iconthemelightfill);
}
    .detleftbtn .iconbtnbgcommon.btnsavetowishlist .hearticon:after {
       font-size:22px;
    }
    
        .detleftbtn .btnaddenquiry:hover .iconcomn:after {
            color:#fff;
        }
    
    .detrightbtn .prodiconsize.compareicon:after {
        bottom: 1px;
    }
    
    .btnsavetowishlist .icontextshow{
        display:none;
    }
    .bagselect.btnsavetowishlist .icontextshow{
        display:inline-block;
    }
    .buttonncommon.bagselect, .btnblue.bagselect{
        display: inline-flex;
        align-items: center;
        gap: 0px 5px;
    }
    .buttonncommon i.iconcomn.compareicon:after {
        font-size: 16px;
        bottom: 0px;
    }
    .buttonncommon i.iconcomn.filelisticon:after {
       font-size: 20px;
    }
    .buttonncommon i.iconcomn.queryicon:after {
        font-size: 14px;
    }
    .buttonncommon i.iconcomn.hearticon:after {
        font-size: 22px;
    }
    .buttonncommon i.iconcomn:after{
        font-size: 18px;
        top: 1px;
    }
    .buttonncommon.bagselect i.iconcomn.hearticon:after{
        font-size: 18px;
        font-weight:600;
    }
    .buttonncommon.bagselect i.iconcomn:after{
    
    }
    .buttonncommon.bagselect i.iconcomn:after{
    
    }
    .detrightbtn .iconbtnbgcommon:hover .iconcomn:after, .detleftbtn .iconbtnbgcommon:hover .iconcomn:after{
            color:#fff;
        }
    .detleftbtn .iconbtnbgcommon.bagselect .iconcomn:after {
        color:#fff;
    }
    .detleftbtn .iconbtnbgcommon.bagselect .hearticon:after {
    font-size: 18px;
        font-weight: 600;
    }
    .detrightbtn .iconbtnbgcommon.bagselect {
         padding: 4.5px 10px;
    }
    .detrightbtn .iconbtnbgcommon .iconcomn {
       font-size: 22px;
    }
    .detrightbtn .iconbtnbgcommon.bagselect .iconcomn:after{
        color:#fff;
        font-size:16px;
    }
    .productdetailspagedesign #tblOrderList ul {
        margin-left:0px;
    }
    .productdetailspagedesign #tblOrderList ul li a .iconcomn:after {
            font-size: 22px;
    }
    .productdetailspagedesign #tblOrderList ul li a .compareicon:after {
          font-size: 16px;
    }
    .productdetailspagedesign #tblOrderList ul li a:hover .iconcomn:after {
        color:#000;
    }
    .productdetailspagedesign #tblOrderList ul li a.bagselect .iconcomn:after {
        color:#00477a;
        font-size: 20px;
    }
    .new-category .new-category-btn .btnicon{
           display:inline-block;
    }
    .SampleQuotationButtonContainer a.btnblue {
       display: flex;
        align-items: center;
    }
    .SampleQuotationButtonContainer a.btnblue .iconcomn:after {
        color:#fff;
        font-size: 18px;
    }
    /*.SampleQuotationButtonContainer .Cartbtn_container a.btnblue {
            padding: 4px 10px;
    }
    .SampleQuotationButtonContainer a.btnblue {
        padding: 5px 10px;
    }*/
    .btnicon .fa-angle-right, .btnblue .fa-angle-right, .buttonncommon .fa-angle-right {
        width: 16px;
        height: 20px;
        background-position: -467px -315px;
        background-size: 400px 250px;
    }
    .SampleQuotationButtonContainer a.btnblue span#spanAddToCart {
        gap: 0px 5px;
        padding: 1px 0px 1px;
        display: flex;
    }
    .SampleQuotationButtonContainer a.btnblue:hover {
        background:#152a47;
    }
    .SampleQuotationButtonContainer .prodiconsize.iconcomn {
        font-size: 18px;
        background-image: var(--btnnormalicons);
    }
    /*Product Details Page Button end*/
    
    .sendandcartresp .btnblue.buttonncommon:hover {
        color: var(--btnhovercolor);
        border: var(--btnborderhover);
        border-bottom: var(--btnborderhoverbottom);
    }
    .sendandcartresp .btnblue.buttonncommon:hover::before{
      background: var(--btnbgbefore);
    }
    .productdetailspagedesign #tblOrderList .product-in-table.product-details ul.link-text{
        /*display: flex;
        gap: 0px 4px;*/
    }
    .productdetailspagedesign #tblOrderList .product-in-table.product-details ul.link-text li a.buttonncommon {
        /*padding: 5px 10px;
        min-height: 32px;*/
    }
        .productdetailspagedesign #tblOrderList .product-in-table.product-details ul.link-text li a.buttonncommon:hover .iconcomn:after {
        color:#fff;
        }
    .site-header .badge-open .top-loader img {
        width: 150px;
    }
    .widthiconborder a  {
        width: 35px;
        height: 35px;
        font-size: 15px;
        line-height: 36px;
        background: var(--bg-white);
        margin: 0 5px;
      text-align: center;
        color: #000;
        border-radius: 4px;
        border: 1px solid #efeff4;
        box-shadow: 0 5px 15px rgba(65, 65, 65, .10196078431372549);
        margin-bottom: 3px;
            display: inline-block;
                padding: 0;
    }
    .widthiconborder .btnsavetowishlist::before, .widthiconborder .btnblue::before {
        content:none;
    }
    .widthiconborder a .carticon {
        font-size:22px;
    }
    .widthiconborder a.bagselect{
        background: var(--bg-white);
    }
    .widthiconborder a.bagselect .iconcomn:after{
        color: #00467a;
    }
    
    /*Icon And Button Css END*/
    /* .SampleQuotationButtonContainer .btn-scroll-fix .Quotation #anchorAddToQuotation .filelisticon{
        background-image: var(--darkbuttonicon);
    } */
    
    
    .text-left {
        text-align:left;
    }
    ol.ol li{
        list-style: decimal ;
        font-size: 16px;
        color: #333;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-left: 20px;
            margin-bottom: 15px;
    }
    ul.ul li{
        list-style: circle ;
        font-size: 16px;
        color: #333;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .pcl .tab-content ol li{
        list-style: decimal ;
        font-size: 16px;
        color: #333;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        margin-left: 20px;
        margin-bottom: 8px;
    }
    
    ul.alpha{
        list-style-type: lower-alpha;
    }
    #testimonial {
        background-image: url(/DMS/Images/testimonial-bg.jpg);
        background-size: cover;
        padding: 60px 0px 60px;
        background-attachment: fixed;
    }
    #testimslide.owl-carousel .owl-item img {
        height: auto;
    }
    #testimslide .left.testi-box {
        background: #f9f8f2;
        border-radius: 5%;
    }
    #testimslide .testi-box .testi-text {
        padding: 15px 15px;
        background: #ffffff;
        height: 200px;
        margin-top: 5px;
    }
    #testimslide .owl-nav span {
        line-height: 25px;
    }
    #testimslide .testi-box h4 {
        left: 0;
        color: #003d5e;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #f9f8f2;
        margin: 0px;
        padding: 6px 1px;
    }
    .maindiv-section .main-menu ul li.logintphrd{
        color: #00467a;
        border-radius: 3px;
        margin-right: 0;
        margin-left: 30px;
    }
    .maindiv-section .main-menu ul li.logintphrd a{
        color: #00467a;
    }
    .maindiv-section .main-menu ul li.logintphrd .fa-user {
        font-size: 20px;
    }
    .onlyphone{
        display: none;
    }
    
    .thc-icon {
        float: left;
        margin-right: 15px;
    }
    .thc-icon i {
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 46px;
        border: 2px solid #ff4514;
        border-radius: 50%;
        font-size: 16px;
        color: #e22222;
    }
    
    .input-append input[class*="span"],
    .input-append .uneditable-input[class*="span"],
    .input-prepend input[class*="span"],
    .input-prepend .uneditable-input[class*="span"],
    .row-fluid input[class*="span"],
    .row-fluid select[class*="span"],
    .row-fluid textarea[class*="span"],
    .row-fluid .uneditable-input[class*="span"],
    .row-fluid .input-prepend [class*="span"],
    .row-fluid .input-append [class*="span"] { display: inline-block;padding: 1.384615385em 0.615384615em;}
    .spr-icon.spr-icon-star-empty{ opacity: 1!important;}
    .row-fluid textarea[class*="span"] { padding-top: 0.5em; padding-bottom: 0.5em;}
    
    blockquote { border-left: 5px solid #eee; font-size: 12px; font-style: italic;  margin: 0 0 20px;  padding: 10px 20px;  line-height: 26px;}
    input[type="image"] {width: auto;}
    textarea{ border: 1px solid #d2d8db;}
    
    input[type="checkbox"] { vertical-align: top; margin-right: 10px;-webkit-appearance: auto; }
    
    textarea,select, input{ -webkit-appearance: none;-webkit-border-radius:0px;-webkit-appearance: none;}
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input { margin: 0;padding: 0.615384615em; }
    
    select,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] { padding: 5px 5px; line-height: 1.35; height: auto; border: 1px solid #cbcbcb; }
    .form-actions { background: none; border: none;  padding: 20px 0 0 0;}
    
    .alert ul { margin-bottom: 0;}
    img {
      max-width: 100%; 
      height: auto;
      border: 0;
      -ms-interpolation-mode: bicubic;
      -webkit-transition:all 250ms ease-in-out 0s; 
      -moz-transition:all 250ms ease-in-out 0s;
      -ms-transition:all 250ms ease-in-out 0s; 
      -o-transition:all 250ms ease-in-out 0s;
      transition:all 250ms ease-in-out 0s;
    }
    .form-control {
    min-height: 35px;
        color: #545454;
        font-size: 15px;
    }
    .thc-content {
        overflow: hidden;
    }
    .thc-content p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 500;
        color: #b1b1b1;
        line-height: 1.9;
    }
    .thc-content p:first-child {
        font-size: 14px;
    }
    .thc-content p span {
        color: #ff4514;
    }
    .third-hrader-contact-list ul li {
        display: inline-block;
        margin-right: 35px;
    }
    .third-hrader-contact-list ul li:last-child {
        margin-right: 0px;
    }
    .third-header-form {
        margin-right: 30px;
    
    }
    .third-header-top {
        background-color: rgb(23, 25, 36, .941);
        padding: 34px 0;
        position: relative;
    }
    .third-header-top::before {
        content: "";
        position: absolute;
        width: 620px;
        background: #e22222;
        height: 100%;
        top: 0;
        clip-path: polygon(0px 0px, 100% 0px, 94% 100%, 0% 100%);
    }
    .s-transparent-header {
        border: none;
        background: none;
    }
    .s-header-btn .btn {
        background: var(--bg-white);
        color: #ff4514;
        border-radius: 6px;
    }
    .s-header-btn .btn::before {
        border-radius: 6px;
    }
    .sticky-menu .s-header-btn .btn {
        background: #152a47;
    }
    .sticky-menu .s-header-btn .btn,
    .sticky-menu .s-header-btn .btn::before {
        border-radius: 0;
    }
    .sticky-menu.third-main-header::before {
        display: none;
    }
    .sticky-menu.third-main-header .main-menu ul li::before {
        color: #00467a;
    }
    .third-main-header .main-menu ul li {
        margin-left: 33px;
    }
    .t-header-search {
        margin-left: 33px;
    }
    .main-menu ul li .submenu {
        position: absolute;
        left: 0;
        top: 110%;
        width: 270px;
        background: var(--bg-white);
        z-index: 1;
        -webkit-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
        -moz-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
        box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
        display: block;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
    }
    .main-menu ul li .submenu::before {
        content: "";
        position: absolute;
        left: 15px;
        top: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 8px 7.5px;
        border-color: transparent transparent #fff transparent;
    }
    .main-menu ul li .submenu li {
        display: block;
        margin: 0;
        border-bottom: 1px solid #f1f0f0;
    }
    .main-menu ul li .submenu li:last-child {
        border-bottom: none;
    }
    .main-menu ul li .submenu li::before {
        display: none;
    }
    .main-header .main-menu ul li .submenu li a {
        display: block;
        padding: 0 20px;
        line-height: 40px;
        font-size: 14px;
        font-weight: 500;
        color: #929191;
    }
    .main-menu ul li:hover > .submenu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    .main-menu ul li .submenu li .submenu {
        left: 100%;
        top: 20px;
    }
    .main-menu ul li .submenu li:hover > .submenu {
        top: 0;
    }
    .main-menu ul li .submenu li .submenu::before {
        display: none;
    }
    
    .padd-0{
        padding: 0px;
    }
    
    .have-fixed .menu-area .header-search {
        top: 18px;
    }
    
    .header-fixed .header-v5.header-fixed-shrink .punchline {
        display: none;
    }
    .header-fixed .header-v5.header-fixed-shrink .scslogo img {
        width: 60px;
    }
    .tabview .nav-tabs {
        text-align: center;
        border: none;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        border-bottom: 0;
        position: relative;
        margin-bottom: 5px;
    }
    .tabview .nav.deal-ul li a{border-radius:4px 4px 0 0;padding:4px 20px;font-size:15px}
    .tabview .nav li a.filter-tab-cs{background:#014a6d;color:#fff}
    .tabview .floor-items-list{background:0 0}
    .tabview .illustration-v2 .item{background:#fff;border-radius:6px 6px}
    .tabview .nav-tabs{text-align:center;border:none;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;border-bottom:0!important;position:relative;margin-bottom:5px}
    .tabview .nav-tabs>li{float:left;padding-right:0;padding-left:0;margin-right:12px;margin-bottom:14px}
    .tabview .nav-tabs li::before,.tabview .nav-tabs li::after{content:"";position:absolute;top:0;height:40px;width:24px}
    .tabview .nav-tabs li.active span.n-icon{display:none}
    .tabview .nav-tabs li.active span.h-icon{display:inline-block}
    .tabview .nav-tabs li.active::before{left:-22px;z-index:2}
    .nav-tabs li.active::after{width:40px;right:-24px;z-index:2}
    .tabview .nav li a{color:#3d3d3d;background:#ebe7e7;border:0;text-transform:capitalize;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:none;padding:9px 25px;font-size:16px;border-bottom:4px solid silver;border-radius:22px}
    .tabview .nav-tabs li a.active, .tabview .nav-tabs li a.active:focus, .tabview .nav-tabs li a.active:hover {
        background: #014a6d;
        color: #fff;
        font-weight: 400;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        z-index: 1;
        border-bottom: 4px solid #d7d2d2;
        border-radius: 22px;
        box-shadow: 5px 0 #fff;
    }
    .design {
        padding: 30px 0px;
    }
    .design ul{
        display: inline-flex; 
        list-style: none; 
        justify-content: space-between;
        width: 100%;
        margin-left:0px;
    }
    .design li{
        display: inline-flex;
        width: auto;
        color: #999898;   
    }
    .design li i{
        
        padding-right: 10px;
    }
    .design p{
        line-height: 1.5rem;
    }
    .design span{
        display: block;
    }
    
    .respmarquee {
        display:none;
    }
    /*---------Filter start------------*/
    .filter-bg {
        margin: 0px;
        background: var(--filter-panelheadbg);
        margin-bottom: 0px;
        padding: 5px 1px 2px;
    }
#chartdiv.filterresultbadge li a span.smallnamefiltter {
    font-size: 10px;
    display: block; 
    color: #9a9a9a;
    line-height: 15px;
}
.noproductli {
    list-style: none;
}
    .prodlispage{
        background: #f7f7f7;
        margin-top: 14px;
    } 
    .prodlispage .navbar-responsive-collapse1.in{
        display: block;
    }
    .filter-by-block .panel-group {
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    margin-bottom: 15px;
    }
    .filter-by-block .checkbox-list li label {
        width:100%;
        display: flex;
            margin-bottom: 6px;
    }
    .filter-by-block .checkbox-list li label small{
    float: right;
        color: #000;
        margin: 0px 0px 0px 8px;
        width: 34px;
    }
    .filter-by-block .checkbox-list li label small a {
        padding: 0;
    }
    .filter-by-block .checkbox-list .checkbox input {
        float: left;
        margin-top: 0px;
        width: var(--filter-panelbody-checkboxwidth);
        height: var(--filter-panelbody-checkboxheight);
        margin-right: var(--filter-panelbody-checkboxmarginright);
    }
    
    .filter-by-block .checkbox-list .checkbox input:checked~span.attributecolorlistbox {
        border: 4px double #f7f7f7;
        box-shadow: -1px 3px 2px #c4c4c4;
        border-radius: 0px;
    }
    .filter-by-block .checkbox-list .checkbox span.attributecolorlistbox {
        margin-left: -24px;
    }
    
    .filter-by-block .panel-default {
        border: none;
    }
    .col-md-3.filter-by-block .panel-body {
        padding: var(--filter-panelbodypadding);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 370px;
        width: 100%;
        border: none;
        background: var(--filter-panelbodybg);
    }
    .col-md-3.filter-by-block .panel-body::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }
    .filter-by-block .panel-heading {
        padding: 0;
        background: inherit;
    }
    .filter-by-block .panel-title {
        overflow: hidden;
        margin:0px;
    }
    .filter-by-block .checkbox-list .checkbox {
        font-weight: var(--filter-panelbody-textweight);
        font-size: var(--filter-panelbody-textsize);
        font-family: var(--font-light);
        margin: var(--filter-panelbody-textmargin);
        color:var(--filter-panelbody-textcolor);
        line-height: 20px;
        cursor: pointer;
        word-break: break-all;
    }
   .col-md-3.filter-by-block .panel-body .filter-search {
    padding: 0px 0px 12px;
    }
  .col-md-3.filter-by-block .panel-body .filter-search input{
    border-radius: 4px;
    height: 42px;
    border: 0;
    background: #f4f6f8;
    }

    .filter-by-block .panel-group h2 a {
        color: #687074;
        display: block;
        font-size: 14px;
        padding: 7px 15px;
        border-bottom: none;
    }
    .filter-by-block .panel-group .panel-heading .panel-title a{
        font-size: var(--filter-panel-headsize);
        font-weight: var(--filter-panel-headweight);
        color: var(--filter-panel-headcolor);
        padding: var(--filter-panel-headpadd);
        border-bottom: var(--filter-panel-headbordertop);
        line-height: 1.5;
        display: block;
        cursor: pointer;
        text-transform: capitalize;
    
    }
    .filter-by-block .catleftfixmenu .panel-body ul {
            padding-top: 0px;
    }
    .filter-by-block .panel-group h2 i {
        float: right;
        font-size: 16px;
        margin-top: 2px;
            transform: rotate(270deg);
    }
    .filter-by-block .panel-group h2 .collapsed i {
        transform: rotate(90deg);
    }
        .filter-by-block .collapse.in .panel-group .panel-heading .panel-title a.collapsed {
    font-weight: 200;
}
 .filter-by-block .catleftfixmenu .panel-body ul li {
    padding: 5px 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
}
    .filter-by-block .panel-heading {
        background-color: var(--filter-panelheadbg);
        border: none;
        margin: 0;
    }
    .sidebar {
        height: 100vh;
        width: 0;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        overflow: hidden;
        transition: 0.5s;
        padding: 0;
        box-shadow: 7px 1px 13px #dfdfdf3b;
      }
    .sidebar.left {
        width: 100%;
        position:initial;
        background-color: #fff;
        transition: all 0.5s ease-in-out;
        margin-bottom: 20px;
        border-radius: 5px 5px 5px 5px;
        overflow: hidden;
        border: 1px solid #ddd;
    }
      .hednsidebar .sidebar a {
        padding: 1px 8px;
        text-decoration: none;
        font-size: 16px;
        color: #ffffff;
        display: block;
        transition: 0.3s;
      }
      .hednsidebar .sidebar a:hover {
        color: #f1f1f1;
      }
      .hednsidebar .sidebar .closebtn {
        font-size: 30px;
        margin-left: 15px;
        display: inline-block;
        font-weight: 900;
        float: right;
        line-height: 25px;
        color: #fff;
        padding: 12px 20px;
      }
      .openbtn {
        font-size: 20px;
        cursor: pointer;
        background: none;
        color: white;
        padding: 10px 15px;
        border: none;
      }
    
      #filtermain {
        transition: margin-left .5s;
        padding: 0;
        margin-bottom: 0px;
        display: inline-block;
      }
      #filtermain .openbtn{
         padding: 2px 8px;
    font-size: 15px;
    color: var(--bs-body-color);
    background: #ededed;
      }
    #filtersidebar .panel-body ul {
        padding-top: 0px;
        margin-bottom: 0;
        padding-bottom: 0px;
    }
      #filtersidebar .collapse .panel-body ul.checkbox-list li {
        display: flex;
      }
    
      #filtersidebar .filter-by-block .checkbox-list .checkbox input {
        margin-right: 8px;
      }
    #filtersidebar .collapse .panel-body ul.checkbox-list li label{
        margin:0px;
    }
    #filtersidebar .collapse .panel-body ul.checkbox-list li label small{
        width: 23%;
        text-align: left;
        font-weight: 700;
        padding-left: 5px;
    }
    #filtersidebar .collapse .panel-body ul.checkbox-list li label small a{
        color: #369;
    }
      #filtersidebar .collapse .panel-body ul.checkbox-list li:last-child {
         margin-bottom: 0px;
    }
    #filtersidebar .collapse .panel-body ul.checkbox-list li a{
        color: #000;
        font-size: 15px;
        display: inline-block;
        padding: 0;
    }
    .clossidemenuhed{
        font-size: 20px;
        display: inline-block;
        color: #fff;
        padding: 18px 15px;
        padding-right: 0;
        margin: 0;
        font-weight: 700;
    }
    .hednsidebar{
        background:#00467a;
    }
    #filtersidebar .filter-bg{
        width: 58%;
        padding: 0px 0px ;
        margin: 0px ;
        display: inline-block;
        text-align: right;
        background: none;
    }
    #filtersidebar .filter-bg a{
        text-align: right;
        color: #fff;
        display: inline-block;
        font-weight: 300;
    }
    #filtersidebar .hednsidebar .closebtn{
        color: #fff;
        float: right;
        font-size: 28px;
        font-weight: 700;
        line-height: 22px;
        padding: 3px 6px;
        position: absolute;
        background: #2f7ebad1;
        border-radius: 100%;
        right: 5px;
    top:5px;
    }
    .prodlispage #filtersidebar .hednsidebar .closebtn{
        background: none;
        top: 18px;
        right: 15px;
    }
    .prodlispage #filtersidebar .hednsidebar h2 {
        color: #ffffff;
        font-weight: 400;
    }
    #filtersidebar .filter-by-block .panel-default{
        border: none;
        padding: 0px 1px;
    }
    #filtersidebar .filter-by-block .linktext{
        float: left;
        text-align: center;
        display: inline-block;
        padding: 8px 12px;
        background: #000;
        color: #fff;
        border: none;
        font-weight: 500;
        font-size: 17px;
        border-right: 1px solid #fff;
        width: 50%;
    }
    #filtersidebar .filter-by-block .panel-title{
        padding: 0px 0px 0px;
        margin: 0;
    }
    
    #filtersidebar .filter-by-block .collapse .panel-body{
        background-color: var(--filter-panelbodybg);
        padding: var(--filter-panelbodypadding);
        z-index: 999999;
        height: auto;
    }
    #filtersidebar .filter-by-block .panel-group {
        margin-bottom: 0;
    }
    .prodlispage #filtersidebar .navbar-responsive-collapse1.in {
        height: 69vh;
        padding-bottom: 0px;
        overflow-x: hidden;
        max-height: auto;
        padding:0px;
        padding-bottom: 30px;
    }
    #filtersidebar #dvfilterbread::-webkit-scrollbar {
        width: 3px;
    }
    .prodlispage #filtersidebar .navbar-responsive-collapse1.in::-webkit-scrollbar {
        width: 3px;
    }
    .fltr-aplybtn{
        padding: 20px;
        box-shadow: 0px -5px 8px #0000001f;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .fltr-aplybtn a{
        background:#00477a;
        color: #fff;
        padding: 12px 16px;
        display: inline-block;
        width: 100%;
        position: relative;
    }
    .fltr-aplybtn a:hover{
        color: #fff;
    }
    .fltr-aplybtn a:before{
        content: "";
        display: block;
        position: absolute;
        transition: all var(--gl-motion-duration-all) var(--gl-motion-easing-all);
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
        bottom: -3px;
        height: 3px;
        left: 3px;
        width: 100%;
    }
    .fltr-aplybtn a:after{
        content: "";
        display: block;
        position: absolute;
        transition: all var(--gl-motion-duration-all) var(--gl-motion-easing-all);
        border-right: 1px solid #333;
        border-top: 1px solid #333;
        height: 100%;
        right: -3px;
        top: 3px;
        width: 3px;
    }
        .fltr-aplybtn a span i{
        height: 18px;
        background-position: -101px -107px;
        background-image: var(--darkbuttonicon);
        }
    
    .fltr-aplybtn a span{
        float: right;
    }
    #filtersidebar .filter-by-block .collapse .panel-body::-webkit-scrollbar {
        width: 3px;
    }
    #filtersidebar #dvfilterbread {
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 230px;
    }
    #filtersidebar #dvfilterbread ul#chartdiv li.clear-resp{
        display: block;
    }
    #filtersidebar #dvfilterbread ul#chartdiv {
        padding: 15px 15px 10px;
        margin-bottom: 0;
        padding-top: 12px;
        background: #ffffff;
        border-bottom: 1px solid #efefef;
    }
    .lastlistfilter {
        clear: both;
    }
    #dvfilterbread ul#chartdiv{
        padding: 0px;
        padding-right: 22px;
    }
    #dvfilterbread ul#chartdiv li{
        list-style: none;
        display: inline-block;
        margin: 0px 0px 10px;
    }
    #dvfilterbread ul#chartdiv li.clear-resp span{
        color: #000;
        margin-right: 0px;
    }
    #dvfilterbread ul#chartdiv li.filter-box a{
        color: #333;
        padding: 1px 2px;
        font-size: 14px;
        background: #f7f7f7;
        font-weight: 400;
    }
    #dvfilterbread ul#chartdiv li.filter-box a:hover{
        text-decoration: underline;
    }
    .filter-by-block .linktext {
            position: relative;
        top: 2px;
        line-height: 18px;
        font-size: 12px;
        float: right;
        background: var(--bg-white);
        color: #003970;
        margin: 0px 0px 0px;
        padding: 2px 10px;
        border: 1px solid #000;
    }
    .navbar-toggle {
        display: none;
    }
    .filter-by-block .filter-bg h2{
        font-size: 20px;
        display: inline-block;
        color: #000;
        margin: 0;
        font-weight: normal;
        padding: 4px 0px 8px;
    }
        .filter-by-block .filter-bg h2 img {
            margin-right:12px;
        }
    .panel-group .panel-heading .panel-title a {
        color: #000;
        font-weight: normal;
    }
    /*---------Filter End------------*/
    
    /*Wizard Jquery Steps
    ------------------------------------*/
    /*Common*/
    .wizard {
        width: 100%;
        display: block;
        overflow: hidden;
    }
    
    .wizard ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .wizard ul > li {
        padding: 0;
        display: inline-block;
    }
    
    /* Accessibility */
    .wizard > .steps .current-info,
    .wizard > .content > .title {
        left: -999em;
        position: absolute;
    }
    
    /*Wizard Steps*/
    .wizard > .steps {
        width: 100%;
        display: block;
        position: relative;
    }
    
    .wizard > .steps .number {
        float: left;
        font-size: 22px;
        margin-right: 15px;
            line-height: 32px;
    }
    
    .wizard > .steps > ul > li {
        position: relative;
    }
    
    .wizard > .steps > ul > li:first-child {
        margin-left: 0;
    }
    .shopcartpage .wizard .steps ul {
    display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 15px;
        justify-content: space-evenly;
        max-width: 900px;
        margin: 0px auto;
    }
    .shopcartpage .wizard .steps ul li{
        padding: 5px;
        display: flex;
        margin-top: 0px;
        margin-bottom: 0rem;
        width: auto;
        position: relative;
    }
    .shopcartpage .wizard .steps ul li:last-child:before {
    display:none;
    }
    .shopcartpage .wizard .steps ul li:nth-child(2){
       margin:0px 0px !important;
    }
    .shopcartpage .wizard > .steps .disabled .number {
        color: #000000;
            opacity: 0.5;
    }
    .shopcartpage .OrderStep_OrderID h3 {
        margin-bottom:10px;
    }
    .shopcartpage .wizard .steps .current h2, .shopcartpage .wizard .steps .current p{
        opacity:1;
    }
body table thead tr th, body .table-responsive .table tr th{
      background: var(--bgcommon);
      color:#fff;
    }
body .bloglist table thead tr th, body .table-responsive .table tr th{
background: none;
    color: initial;
    }
    .cpn-cd-rigt .border-bill table{
        margin-bottom:0px;
    }
    .modal .modal-body table input{
        -webkit-appearance: auto;
    }
    .cpn-cd-rigt .ds-cd{
        margin-top:0px;
    }
    .cpn-cd-rigt .total-result {
        padding:10px 0px 12px;
    }
    .cpn-cd-rigt .total-result li h4{
        margin-bottom:0px;
    }

.videslides .swiper-button-next, .videslides .swiper-button-prev {
    color: #ffffff;
        top: var(--swiper-navigation-top-offset, 20%);
}    
.videslides .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 0px);
} 
.videslides .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 0px);
}
.videslides .swiper-button-next:after, .videslides .swiper-button-prev:after {
    font-weight: 600;
}
.videslides .swiper-button-next, .videslides .swiper-button-prev {
    background: none;
        padding: 20px 0px;
}
    @media (max-width: 991px) {
        .wizard > .steps > ul > li {
            width: 100%;
            margin: 0 0 15px 0;
        }
    }
    .wizard > .steps a {
        min-width: 175px;
    }
    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: left;
    }
    
    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active {
        width: auto;
        display: flex;
        text-decoration: none;
    }
    
    .wizard > .steps h2 {
    font-size: 18px;
        margin: 0;
        opacity: 0.5;
        font-weight: 400;
            line-height: 33px;
                color: #333;
    }
    
    .wizard > .steps p {
            opacity: 0.5;
        font-size: 16px;
    }
    .wizard > .steps .overflow-h {
        display: flex;
        gap: 0px 7px;
    }
    .wizard > .steps i {
        width: 30px;
        height: 30px;
        color: #c1c1c1;
        font-size: 15px;
        text-align: center;
        display: inline-block;
        border: 2px dashed #c1c1c1;
        padding: 5px;
    }
    
    /*Disabled*/
    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active {
        color: #fff;
        cursor: default;
        background: inherit;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .steps .disabled .number {
        color: #18ba9b;
    }
    
    /*Current*/
    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active {
            color: #000;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .steps .current .number,
    .wizard > .steps .current h2,
    .wizard > .steps .current p,
    .wizard > .steps .current i {
        color: #000;
    }
    
    .wizard > .steps .current i {
        border-color: #000;
    }
    
    /*Done*/
    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active {
        color: #27791e;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .steps .done .number,
    .wizard > .steps .done p {
        color: #27791e;
            opacity: 1;
    }
    
    .wizard > .steps .done h2 {
        color: #27791e;    
        opacity: 1;
    }
    
    .wizard > .steps .done i {
        color: #27791e;
        border-color: #27791e;
            opacity: 1;
    }
    
    /*Error*/
    .wizard > .steps .error a,
    .wizard > .steps .error a:hover,
    .wizard > .steps .error a:active {
        color: #fff;
        background: #c9253c;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .content > .body em.invalid {
        display: block;
        color: #8a1f11;
        font-weight: 400;
        display: none !important;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .content > .body input.invalid {
        color: #8a1f11;
        font-weight: 400;
        border: 1px solid #eec5c7 !important;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    }
    
    .wizard > .content > .body input.invalid.form-control::-moz-placeholder {
        color: #8a1f11;
    }
    
    .wizard > .content > .body input.invalid.form-control:-ms-input-placeholder {
        color: #8a1f11;
    }
    
    .wizard > .content > .body input.invalid.form-control::-webkit-input-placeholder {
        color: #8a1f11;
    }
    .wizard > .content > .body .input-small-field input {
        width: 20%;
        float: left;
        margin-right: 10px;
    }
    
    .wizard > .content > .body .input-small-field input.invalid {
        margin-right: 10px;
    }
    
    .wizard > .content > .body .input-small-field span.slash {
        color: #888;
        float: left;
        font-size: 20px;
        margin-right: 8px;
    }
    .wizard > .content {
        overflow: hidden;
        position: relative;
    }
    .wizard > .content {
        padding-top: 15px;
    }
    .wizard > .content > .body {
        padding: 0;
        width: 100%;
    }
    .wizard > .actions {
        text-align: right;
            margin-top: 10px;
    }
    .wizard > .actions > ul {
        display: inline-block;
    }
    
    .wizard > .actions > ul > li {
        margin-left: 10px;
    }
    
    .wizard > .actions > ul > li:first-child {
        margin-left: 0;
    }
    .slidewrwdthmrgn {
        width: 100%;
        margin-left: 0%;
    }
    .slidewrwdthmrgn .slider.hero-slider {
        margin-right: 0;
        margin-left: 0;
        overflow-y: hidden;
        padding: 0;
    }
    .block-slider .hero-slider {
        padding: 24px;
    }
    .block-slider{
        padding-bottom: 0px;
    }
    .slider .slide-arrow.next-arrow {
        right: 0px;
        z-index: 6;
    }
    .slick-slide img {
        border-radius: 0px;
            width: 100%;
    }
    .menubtnhvr~.menumega{ 
        display: none;
    }
    
    .menumega{
        position: absolute;
        right: 0;
        background: var(--bg-white);
        width: 78%;
        float: right;
        border: 1px solid #efefef;
        box-shadow: 0px 3px 14px #f1f1f1;
        border-radius: 10px;
        overflow: scroll;
        min-height: 320px;
        height: 386px;
        overflow-x: hidden;
        margin-bottom: 50px;
        z-index: 3;
    
    }
    .menumega li{
        margin: 0px;
    }
    .menumega li a{
        display: block;
        padding: 12px 15px;
        color: #333;
        margin: 0;
        font-style: normal;
        font-size: 15px;
    }
    .menumega li a:hover{
        background: #e4ecf2;
    }
    .shop-product .owp-product-nav {
        margin-top: 12px;
    }
    .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
        -ms-touch-action: auto;
            touch-action: auto;
    }
    
    
    
    
    
    
    .products-grid .grid-item .product-vendor h4 a{
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px 8px;
    }
    .hmprdt .product-vendor h4 {
        margin-bottom: 0;
    }
    .hmprdt  #recent-projects .section-title a.btntext{
        position: relative;
        bottom: 6px;
        font-size: 16px;
    }
    .hmprdt  #recent-projects .section-title a.btntext img{
        width: 20px;
    }
    .brndslogohome .owl-dots{
        display: block;
    }
    .brndslogohome .owl-dots span {
        width: 10px;
        height: 10px;
        display: block;
        background: #ddd;
        border-radius: 100%;
        margin:0px 5px;
    }
    .brndslogohome .owl-dot.active span {
        background: #666;
    }
    .hmprdt .product-grid-image{
        background: #fff !important;
    }
    .hmprdt .product-vendor h4{
        font-size: 15px;
        font-weight: 600;
        margin-top: 15px;
        text-align: center;
    }
    .hmprdt .section-title h2 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
        text-align: left;
        display: inline-block;
    
    }
    .hmprdt .products-grid .grid-item .product-image {
        background: var(--bg-white);
        height: auto;
        border-radius: 10px;
    }
    .hmprdt .section-title h2 ~ .btntext {
        position: relative;
        top: 8px;
    }
    .section-title h2>span {
        color: var(--foundation-blue-blue-500, #00427A);
        text-align: center;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        text-transform: capitalize;
    }
    .hmprdt #recent-projects .section-title {
        text-align: left !important;
        margin-bottom: 0;
    }
    .btntext {
        color: var(--foundation-blue-blue-500, #00427A);
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; 
        float: right;
        background: none;
        border: none;
        display: flex;
    }
    .newsletter-area {
        background: #333;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .imgtestright {
        width: 80%;
        border-radius: 7px;
        border: 2px solid #3333;
        margin: 0px auto;
    }
    .spannametesti {
        color: #333;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        margin-top: 5px;
    }
    .videohome {
        padding: 60px 0;
    }
    .testimonialmain h2{
        font-size: 18px;
        font-weight: 500;
    }
    .testimonialmain .nav-pills .nav-link{
        background: none;
        opacity: 0.5;
        padding: 0;
        padding-bottom: 1rem;
        margin-bottom: 0px !important;
        text-align: center;
    }
    .testimonialmain .nav-pills .nav-link.active{
        background: none;
        opacity: 1;
    }
    .testimonialmain .nav-pills .nav-link.active .imgtestright {
        border: 2px solid #333;
    }
    .testimonialmain .tab-content{
        position: relative;
    }
    .prodlispage .navbar-responsive-collapse1.in {
        padding-right: 15px;
        padding-left: 15px;
    }
    .testimonialmain .textcontent {
    z-index: 333;
        color: #fff;
        display: flex;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: initial;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }
    .testimonialmain .textcontent .fa-play {
        display: inline-block;
        background-image: var(--iconblack);
        background-size: 612px 383px;
        background-position: -327px -100px;
        width: 32px;
        height: 32px;
    }
   
   
    .image-video img{
        height: 480px;
            border-radius: 20px !important;
            width: auto;
    }
   
   
    .videohome .list-box-pro {
        border-radius: 10px !important;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .videohome .list-box-pro h4{
        color: #fff;
        font-size: 33px;
        margin-bottom: 18px;
        font-weight: 400;
        width: 50%;
    }
    .youtube-arrow {
    margin: 0;
        cursor: pointer;
        opacity: 0.5;
        background-color: #00457f;
        color: #fff;
        padding: 25px 26px;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: block;
        font-size: 31px;
    }
    .youtube-arrow:hover{
        opacity: 1;
    }
    .videohome .owl-nav button {
        display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 12px;
        border-radius: 28px;
        border: 1px solid var(--foundation-white-white-600, #DCDCDC);
        background: rgba(132, 132, 132, 0.80);
        backdrop-filter: blur(6px);
    }
    .videohome .owl-nav img {
        width: 24px;
        height: 24px;
    }
    .videohome .textcontent {
        z-index: 333;
        color: #fff;
        position: absolute;
        bottom: 75px;
        right: 215px;
        display: flex;
    }
    .rfquot h1 {
        font-size: 18px;
        font-weight: 400;
    }
    
    
    .owl-carousel .owl-nav .fa {
        font-size: 30px;
        color: #00427A;
        padding-top:0px;
    }
    
    .newsletter-wrap {
        background: no-repeat;
        border: none;
        padding: 25px 0px;
        margin-bottom: 90px;
        margin-top: 90px;
    }
    .newsletter-content h4 {
        font-size: 30px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 10px;
        letter-spacing: 0px;
    }
    .newsletter-form form input {
        border: 1px solid #fff;
        background: var(--bg-white);
        border-radius: 40px 0px 0px 40px;
    }
    .newsletter-form form button {
        font-size: 18px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 20px 30px;
        font-style: inherit;
        border-radius: 0px 40px 40px 0px;
        background: #00437a;
    }
    .newsletter-form{
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .newsletter-form a.btn{
        min-width: 200px;
        font-size: 18px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 20px 30px;
        font-style: inherit;
        border-radius: 40px 40px;
        background: #00437a;
    }
    .newsletter-form a.btn::before {
        border-radius: 40px;
    }
    .whythis{
        padding: 50px 0px; 
        background: var(--bg-white);
    }
    .whythis p{
        color: var(--foundation-black-black-300, #545454);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }
    .whythis h5{
        color: var(--foundation-blue-blue-500, #00427A);
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        text-transform: uppercase;
        padding-left: 25px;
    }
    .whythis h5::before{
        content: '';
        position: absolute;
        background: #00427a;
        border-radius: 22px;
        width: 12px;
        height: 12px;
        left: 15px;
        top: 11px;
    }
    .whythis .newsletter-form{
        position: absolute;
        right: auto;
        bottom: auto;
        margin-top: 22px;
        width: auto;
    }
    .whythis .newsletter-form a{
        border-radius: 24px;
        background: var(--foundation-blue-blue-500, #00427A);
        display: flex;
        padding: 8px 24px;
        align-items: center;
        gap: 8px;
        color: var(--foundation-white-white-50, #FEFEFE);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }
    .whythis a.btn::before{
        border-radius: 40px;
    }
    .valuethis h2{
        color: var(--foundation-blue-blue-500, #00427A);
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 62px; 
        margin: 0;
    }
    .valuethis h2 span{
        color: var(--foundation-blue-blue-500, #00427A);
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-left: 5px;
    }
    
    
    ul li {
        margin:0px;
    }
    .borderline{
        border-bottom: 2px solid #336895;
        display: block;
        width: 100%;
        margin-bottom: 22px;
    }
    
    .valuethis p{
        width: 90%;
        color: var(--foundation-blue-blue-400, #336895);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }
    .blogmain{
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(159 159 159);
      
        padding: 80px 0px;
    }
    .blgimghome{
    width: 100%;
        display: inline-block;
        border-radius: 10px;
        max-height: 152px;
        float: left;
    }
    .blogmain h5 {
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        position: relative;
        padding-left: 22px;
    }
    .blogmain h5::before {
        content: '';
        position: absolute;
        background: #88a1c4;
        border-radius: 22px;
        width: 12px;
        height: 12px;
        left: 0;
        top: 7px;
    }
    .wdth60{
           width: 100%;
        display: inline-block;
        padding: 12px 12px;
    }
    .blogmain h2{
        font-weight: 500;
        padding-left: 0;
        font-size: 18px;
        display: -webkit-box;
        max-width: 100%;
        height: 46px;
        margin: 0 auto 10px;
        line-height: 22px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; 
        color: var(--bs-heading-color);
    }
    
    .blogmain h2 a{
        color: #000;
    }
    .blgrdmore{
        color: #fff;
        margin-left: 17px;
        font-size: 11px;
        position: relative;
        padding-left: 46px;
    }
    .blgrdmore:hover{
        color: #fff;
    }
    .blgrdmore::before{
        content: '';
        position: absolute;
        height: 1px;
        background: var(--bg-white);
        width: 34px;
        top: 8px;
        left: 1px;
    }
    
    .productdetailspagedesign .gc-display-area {
        right: 28px;
        left: auto !important;
        position: absolute;
        overflow: hidden;
        border: 1px solid #f5f5f5d4;
        padding: 2px;
        background-color: #fbfbfb;
        box-shadow: none;
        width: 80% !important;
        height: 500px !important;
        display: inline-block;
        float: right;
        border-radius: 15px;
    }
    .productdetailspagedesign .gc-thumbs-area {
        position: absolute;
        overflow: hidden;
        background-color: transparent;
        width: 14% !important;
        height: 100% !important;
        top: 0 !important;
        z-index: 0;
    }
    .productdetailspagedesign .glass-case ul{
        width: 100px !important;
        height: 100px !important;
    }
    .productdetailspagedesign .gc-thumbs-area.gc-hz li {
        display: block;
        max-height: 100%;
        margin-right: 0px;
        margin-left: 0px;
        width: 100% !important;
        height: 100px !important;
        z-index: 9999;
        opacity: 1;
        border: 1px solid #edecec;
        border-radius: 50px;
        overflow: hidden;
        margin-bottom: 22px;
    }
    .product-shop h1.product-vendor.prdtdtlpghed {
        font-weight: 500;
    }
    .prd-sml-hed{
        font-size: 16px;
        margin-bottom: 16px;
        display: block;
        color: #7d7d7d;
    }
    .product-shop .btn {
        background: var(--btnbg);
        color: var(--btncolor);
        border: var(--btnborder);
        border-radius: 50px;
    }
    .product-shop .btn::before{
        border-radius: 50px;
    }
    .productdetailspagedesign .panel-group{
        background: #f9f9f9;
    }
    .profulldes-sectab .productdetailspagedesign .panel-group{
        background: var(--bg-white);
    }
    .productdetailspagedesign .tab-content{
        padding: 12px 0px 0px;
    }
    .profulldes-sectab .productdetailspagedesign .nav-tabs {
        margin-bottom: 0;
        background: var(--bg-white);
        margin-left:0px;
    }
    .profulldes-sectab .productdetailspagedesign .nav-tabs > li > a:before {
        content: "";
        border-width: 1px;
        border-style: solid;
        border-color: transparent #000 #000 transparent;
        position: absolute;
        top: 1.3rem;
        left: 1.2rem;
        transform: rotate(-45deg);
        transform-origin: 0.2rem 50%;
        transition: .25s transform ease;
        width: 8px;
        height: 8px;
        opacity: 1;
    }
    .profulldes-sectab .productdetailspagedesign .nav-tabs > li > a:hover::before {
        content: "";
        border-width: 1px;
        border-style: solid;
        border-color: transparent #000 #000 transparent;
        background: none;
        position: absolute;
        top: 1.3rem;
        left: 1.2rem;
        transform: rotate(-45deg);
        transform-origin: 0.2rem 50%;
        transition: .25s transform ease;
        width: 8px;
        height: 8px;
        opacity: 1;
        display:block !important;
        transform: rotate(45deg)translate(-2px,-4px);
    }
    .profulldes-sectab .productdetailspagedesign .nav-tabs > li > a:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        border-bottom: 2px solid #00477a;
        transition: transform .3s,opacity .3s;
    }
    .profulldes-sectab .productdetailspagedesign .nav-tabs > li > a.active:after {
        opacity: 1;
        transform: scale(1);
    }
    
        .profulldes-sectab .productdetailspagedesign .nav-tabs > li > a:hover{
            padding: 15px 20px 15px 41px;
            border: 1px solid rgba(0,0,0,.1);
            box-shadow: 0 5px 10px #0000001a;
        }
        .profulldes-sectab .productdetailspagedesign .nav-tabs > li a.active {
        background: #ffffff;
        color: #00447a !important;
        border-radius: 0px;
        padding: 15px 20px 15px 41px;
    }
         .productdetailspagedesign .nav-tabs > li > a.active:before{
            transform: rotate(45deg)translate(-2px,-4px);
                border-color: transparent #00477a #00477a transparent;
        }
    .productdetailspagedesign .nav-tabs > li a.active {
        background: #00447a;
        color: #ffffff!important;
        border-radius: 8px 8px 0px 0px;
    }
    .productdetailspagedesign .nav-tabs>li:hover a:before, .productdetailspagedesign .nav-tabs>li.active a:before{
      display: none;
    }
    .latestlist .products-grid .product-item .product-vendor {
        background: var(--bg-white);
        text-align: center;
        padding: 25px 0px;
        min-height: auto;
        margin-bottom: 0;
        overflow: hidden;
        z-index: 2;
        position: relative;
        border-radius: 20px 20px 20px 20px;
    }
    .latestlist .no_crop_image.grid-item .inner.product-item {
        border: none;
        padding: 0px;
    }
    .smlrpro {
        background: #3333;
        padding: 80px 0px;
    }
    .latestlist {
        margin-top: 0px;
    }
    .smlrpro .slider-brand-wrapper {
        padding: 35px 0 0px;
    }
    .smlrpro .product-item .product-image img {
        border-radius: 20px;
    }
    .smlrpro .products-grid .grid-item .product-grid-image{
        border-radius: 20px;
    }
    .smlrpro .products-grid .grid-item .inner-top {
        border-radius: 20px 20px 20px 20px;
    
        background: var(--bg-white);
    }
    .latestlist .widget-title h2::before{
        display: none;
    }
    .latestlist .widget-title h2{
        border-bottom:none ;
    }
    .playvideo {
        position: absolute;
        right: 45%;
        bottom: 48%;
        border-radius:20px;
    }
    .playvideo a{
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: inline-block;
    }
        .playvideo .image-video {
        background-size: 100%;
        border-radius: 20px !important;
        background-position: center top;
        background-repeat:no-repeat;
        }
    .playvideo a img{
        backdrop-filter: blur(8px);
    }
    .playvideo a:hover{
        background-color: #00457fad;
    }
    .testimonalpopup .modal-body{
        padding: 0px;
    }
    .testimonalpopup button.close{
        position: absolute;
        right: -15px;
        top: -15px;
        z-index: 13;
        background: #f00;
        opacity: 1;
        color: #fff;
        padding: 8px 10px;
        border-radius: 31px;
        width: 40px;
        height: 40px;
    }
    .sticky-menu{
        z-index: 999;
    }
    .main-menu ul li:hover::before{
        display: none;
    }
    .container {
        max-width: 1300px;
        max-width: 144rem;
        padding: 0 40px;
        margin: 0 auto;
    }
    
    .dvratelist .modal-header .close .fa-plus {
        background-image: var(--iconcommonblack);
    }
    
    .question {
        font-size: 1.2rem;
        font-weight: 600;
        padding: 20px 80px 20px 20px;
        width: calc(0% - 1.70455rem);
        display: inline-block;
        float: right;
        position: relative;
        bottom: 58px;
        align-items: center;
        cursor: pointer;
      }
      
      .question::after {
        content: "\002B";
        font-size: 22px;
        position: absolute;
        right: 20px;
        transition: 0.2s;
        background: var(--bg-white);
        padding: 6px 8px;
        border-radius: 40px;
        width: 30px;
        height: 30px;
      }
      
      .question.active::after {
        transform: rotate(45deg);
      }
      
      .answercont {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s;
      }
      
      .answer {
        padding: 0 20px 20px;
        line-height: 1.5rem;
      }
    
    
    .headingcenter{color: var(--foundation-blue-blue-500, #00427A);
        text-align: center;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        }
    .testimonialmain h2.headingcenter{color: var(--foundation-blue-blue-500, #00427A);
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 60px;
    }
    .hmprdt {background: rgba(230, 236, 242, 0.30);}
    .videotextrt{
        margin-right: 20px;
    }
    .videohome .owl-nav {
        display: flex;
        min-width: 140px;
        justify-content: space-around;
        position: absolute;
        bottom: 142px;
        right: 50px;
    }
    .paddrght50 {
        padding-right: 50px;
    }
    /* --------------Search List page start -------------- */
    .searchpagedsgn {
        padding: 15px 0px;
        background: #f7f7f761;
    }
    .margin-bottom-5 {
        margin-bottom: 5px;
    }
    .searchpagedsgn .result-category {
        padding: 0px 12px 0px;
    }
    .result-category {
        margin: 0px 0px 20px;
        clear: both;
    }
    h5.searchhd {
        display: block;
        margin-right: 25px;
        min-width: 149px;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        line-height: 38px;
        margin-bottom: 0;
    }
    .result-category .btn_show {
        color: #333;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 9px 37px;
        background: #f7f7f7;
        font-size: 16px;
    }
    .searchpagedsgn .top_srch_rslt .search-hd {
        text-align: right;
        padding-right: 35px;
        float: right;
    }
    .top_srch_rslt .search-hd {
        margin: 0;
    }
    .top_srch_rslt .search-hd .input-group {
        display: inline-block;
        vertical-align: bottom;
        width: 85%;
        position: relative;
        border-collapse: separate;
        z-index: 0;
    }
    #txtSearchBrand.form-control {
        min-height: 44px;
    }
    .searchpagedsgn #formAutoComplete .search_btn {
        top: 12px;
        right: 3px;
    }
    .searchpagedsgn .search_btn {
        width: 30px;
        float: right;
        position: absolute;
        right: 10px;
        z-index: 999;
        top: 1px;
    }
    .searchpagedsgn .search_btn .btn-u {
        font-size: 18px;
        color: #fbfbfb;
        border-radius: 0px 25px 25px 0px;
        border: none;
        border-left: none;
        padding: 12px 13px;
        font-weight: normal;
        background: #0e3c5e;
        line-height: normal;
    }
    /* --------------Search List page end -------------- */
    /* ------------------- Category Start Css ------------------- */
    .innerpageprdct~.wtsdepartmentmenu {
        display: none;
    }
    .innerpageprdct:hover~.wtsdepartmentmenu{
        display: block;
    }
    .img-responsive{ 
        width: 100%;
    } 
    .gallery-viewer img {
        width: 100% !important;
        max-width: 100%;
        min-height: auto;
    } 
    .categorydetailsec1{
        background: var(--bg-white);
        padding: 30px 0px;
        position: relative;
    }
    .leftsictmenu {
        border-radius: 0px;
        border: 1px solid #d1d1d1fc;
        box-shadow: 5px 7px 13px #f5f5f573;
        padding: 0;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 85px;
        margin-bottom: 20px;
            width: 94%;
    }
    
        .leftsictmenu.newClass{
                top: 100px;
        } 
    .leftsictmenu ul li a{
    display: block;
        padding: 8px 14px 8px 14px;
        color: #545454;
        border-bottom: 1px solid #f2f2f2;
    }
        .leftsictmenu ul li a:hover {
        background: #004f9c14;
        }
        .leftsictmenu ul li h5.categorymainname {
            font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        }
    h5.categorymainname{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
        margin-bottom: 24px;
    }
    
    .leftsictmenu ul li span.categorymainname {
        font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 22px;
        color: var(--foundation-blue-blue-500, #00427A);
        display: block;
    }
    .catleftfixmenu {
        border-radius: 0px;
        border: none;
        box-shadow: none;
        padding: 0;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 125px;
        margin-bottom: 20px;
        width: 100%;
    }
    .fixed-leftbar {
    position: fixed;
        width: 21%;
        height:100%;
        bottom: 0;
        top: 100px;
            background: var(--bg-white);
    }
    h2.noitem{
        text-align: center;
        font-weight: 300;
        color: #f00;
    }
    
    .catleftfixmenu ul li a{
    display: block;
        padding: 8px 14px 8px 14px;
        color: #545454;
        border-bottom: 1px solid #f2f2f2;
    }
        .catleftfixmenu ul li a:hover {
        background: #004f9c14;
        }
        .catleftfixmenu ul li h5.categorymainname {
            font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        }
    .catleftfixmenu ul li span.categorymainname {
        font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
        display: block;
    }
    .catleftfixmenu ul li h1.categorymainname {
        font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
        display: block;
    }
    .catleftfixmenu h1.categorymainname {
        margin-bottom:0px;
    }
    .catleftfixmenu h1.categorymainname a{
        display: flex;
        justify-content: space-between;
        align-items: center;
    
         font-size: 16px;
        background: #f4f4f4;
        padding: 8px 14px 8px 14px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
    }
    .catleftfixmenu h1.categorymainname a i{
        width: 20px;
        height: 18px;
        background-position: -38px -5px;
        background-size: 250px 150px;
        background-image: var(--iconcommonblack);
        display:none;
    }
    .catleftfixmenu h1.categorymainname a.collapsed i{
        background-position: -5px -5px;
    }
    
    h1.categorymainname{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
        margin-bottom: 24px;
    }
    h5.categorymainchildname{
        color: var(--foundation-blue-blue-500, #00427A);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; 
        margin-bottom: 24px;
    }
    h1.categorymainchildname{
        color: var(--foundation-blue-blue-500, #00427A);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; 
        margin-bottom: 24px;
    }
    .categorydetailsec1 .innerspanmain{
        margin-bottom: 20px;
    }
    .categorydetailsec2 .innerspanmain{
        margin-bottom: 20px;
    }
    .categorydetailsec1 .categorymainchildname{
        margin: 30px 1px 15px;
        letter-spacing: 0;
    }
    .categorydetailsec2 .categorymainchildname{
        margin: 30px 1px 15px;
        letter-spacing: 0;
    }
    .innerspanmain.catsubhedtopmrgn{
        margin-top: 24px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .ullidesigncategorypg{
        margin-bottom: 10px;
    
    }
    .ullidesigncategorypg li{
        list-style: circle;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .categorydetailsec1 p, .categorydetailsec2 p{
        color: var(--foundation-black-black-300, #545454);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0;
    }
    .categorydetailsec1 p span{
        color: var(--foundation-black-black-400, #333);
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
    }
    .categorydetailsec1 p.ctgrynmelink a{
        color: var(--foundation-black-black-400, #333);
    }
    .categorydetailsec1 p.ctgrynmelink a:hover{
        color: #00467a;
    }
    .catgryname{
        color: var(--foundation-black-black-400, #333);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        margin: 24px 0px 8px;
    }
    
    .grybg{
        background: var(--foundation-white-white-200, #F9F9F9);
    }
    .categorydetailsec2{
        padding: 30px 0px 30px;
    }
    .categorylsitboxflx{
        padding: 0px;  
        margin: 0px;
        margin-bottom: 0px;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 0px 35px;
    }
    .categorylsitboxflx li {
        padding: 0px;
        display: inline-block;
        margin-top: 0.85227rem;
        margin-bottom: 0rem;
        width: calc(25% - 1.70455rem);
    }
    .onlycategorylist ul.subcatgoryboxdesign{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-left:0px;
    }
    .onlycategorylist ul.subcatgoryboxdesign .list-box-pro {
        padding: 0px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0rem;
        width: 23.5%;
        box-shadow: 1px 1px 10px #0000001a;
        border-radius: 5px;
        position: relative;
        border: 1px solid #e1e1e1;
    }
    .prodlispage {
        margin-top: 0;
            padding: 10px 0px 10px;
    }
    .categorylsitboxflx li img{
        border-radius: 8px;
        border: 1px solid #f2f2f2;
    }
    
    .ctegoryimg-ancher{
        overflow: hidden;
        transition: all 0.3s ease-in-out;
        border-radius:12px;
    }
    .ctegoryimg-ancher a{
        background: var(--bg-white);
        display: block;
        border-radius: 12px;
    }
    .ctegoryimg-ancher h2 a{
        background: none;
        color: #191919;
    }
    .ctegoryimg-ancher h2.figcaption {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        min-height: 48px;
        line-height: 24px;
        color: #FFF;
        margin-bottom: 0;
        padding: 10px 20px 10px;
        width: 100%;
        text-align: left;   
    }
    .ctegoryimg-ancher h2.figcaption a:hover{
        color: #00447a;  
    }
    h5.categorymainchildname.clrblck{
        color: var(--foundation-black-black-500, #000);
    }
    .categorylsitboxflx.rltdprdctul5 li{
        width: calc(21% - 2.70455rem);
        margin: 0px;
    } 
    /* ------------------- Category End Css ------------------- */
    .shop-product #breadcrumbs.product-brdcub{
        margin-top: 0;
    }
    .innerpagebanner{
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }
    .banner-brand img{
        min-height: 125px;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .innerpagebanner.productdtlbrdcum{
        min-height: auto;
    }
    .innerpagebanner::before {
        content: '';
    }
    .innerpagebanner .inner-ban-text {
        z-index: 1;
        position: absolute;
        top: auto;
        bottom: 115px;
        display: inline-block;
    }
    .innerpagebanner .inner-ban-text {
        position: relative;
        bottom: 0;
    }
    .innerpagebanner .inner-ban-text h1.rs-hro-txt {
        color: var(--foundation-blue-blue-500, #00427A);
        display: inline-block;
        padding-left: 0px;
        font-weight: 800;
        margin: 0;
        text-transform: capitalize;
        font-size: 35px;
    }
    .innerpagebanner .inner-ban-text h2.rs-hro-txt {
        color: var(--foundation-blue-blue-500, #00427A);
        display: inline-block;
        padding-left: 0px;
        font-weight: 800;
        margin: 0;
        text-transform: capitalize;
        font-size: 35px;
    }
    .innerpagebanner .inner-ban-text span.rs-hro-txt {
        color: var(--foundation-blue-blue-500, #00427A);
        display: inline-block;
        padding-left: 0px;
        font-weight: 800;
        margin: 0;
        text-transform: capitalize;
        font-size: 35px;
            line-height: 1.2;
    }
    .innerpagebanner .inner-ban-text p.rs-hro-txt {
        color: #fff;
        display: inline-block;
        width: 40%;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        float: right;
    }
    .brdcrum{
       
        margin: 0 auto;
    }
    .brdcrum #breadcrumbs .breadcrumb{
        padding: 12px 0px;
        margin-left: 0;
    }
    .brdcrum .breadcrumb li a {
        color: #000;
    }
    .brdcrum .breadcrumb li:last-child a {
        color: #000;
    }
    
    
    .blogmain span.innerspanmain{
        color: #fff;
    }
    .blogmain span.innerspanmain::before{
        background: var(--bg-white);
    }
    
    
    .solutionpage{
        background: var(--bg-white);
        padding: 60px 0px; 
        position:relative;
    }
    .retailspace span.innerspanmain{
        color: #333;
    }
    .retailspace span.innerspanmain::before{
        background: #00477a;
    }
    span.innerspanmain{
        position: relative;
        padding-left: 22px;
        color: #333;
        margin-bottom: 40px; 
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
            font-weight: 500;
            font-style:normal;
            letter-spacing: 0px;
    }
    span.innerspanmain::before {
        content: '';
        position: absolute;
        background: #00477a;
        border-radius: 22px;
        width: 8px;
        height: 8px;
        left: 0;
        top: 6px;
    }
    .contentsolution{
        padding-right: 240px;
    }
    .solutionpage p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .solutionpage .contentsolution h3{
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        margin: 0px 0px 22px;
    }
    .lrgmalimg{
        border-radius: 30px;
        width: 85%;
        margin-top: 120px;
    }
    .smlmalimg{
        position: absolute;
        top: 30%;
        left: auto;
        right: 30%;
        width: 25%;
        border-radius: 30px;
        box-shadow: -9px -1px 21px #d8d8d8;
    }
    .btnrdusdegn {
        -moz-user-select: none;
        background: #00447a none repeat scroll 0 0;
        border: medium none;
        border-radius: 40px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        letter-spacing: 0px;
        margin-bottom: 0;
        padding: 12px 30px;
        text-align: center;
        text-transform: uppercase;
        touch-action: manipulation;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-top: 30px;
    }
    
    .btn.btnrdusdegn:hover{
        border-radius: 40px;
    }
    .btnrdusdegn:hover::before{
        border-radius: 40px;
    }
    
    
    
    .innerpagesdesign.bgblue {
        background: #00477a;
        padding: 15px 0px 60px;
    }
    .innerpagesdesign.bgblue.bgblueremove{
        background: var(--bg-white);
    }
    .innerpagesdesign.bgblue.bgblueremove p{color: #000;}
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a{
    color: #000;
        padding: 15px 10px 11px;
        position: relative;  
        display: inline-block;
        border: 1px solid #cccccc;
        border-top: none;
        border-bottom: none;
        }    
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a:hover{color: #333 !important;padding: 15px 10px 11px;}
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li.active>a{
        color: #000 !important;
        padding: 15px 15px 11px;
    }
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a.active{
    color: #004679 !important;
        font-weight: bold;
        padding: 12px 10px 11px;
        background: #e2ecf2;
    }
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a.active:before{
        content: "";
        position: relative;
        top: 31px;
        bottom: auto;
        left: 0px;
        width: 100%;
        height: 3px;
        opacity: 1;
        display: block;
        z-index: 2;
        background: #004779;
    }
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a.active:after{
    content: '';
        position: absolute;
        left: 0;
        top: auto;
        bottom: -15px;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-top: 15px solid #004879;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        background: none;
    }
    .innerpagesdesign.bgblue.bgblueremove .nav-tabs>li>a:focus{color: #004679 !important;}
    .bgblueremove .featuremalls li {
        color: #333;
    }
    .bgblueremove  .featuremalls li::before{
        background: #ababab;
    }
    .innerpagesdesign.bgblue .nav-tabs-outer {
        margin-bottom: 0px;
    }
    .innerpagesdesign.bgblue .nav-tabs {
        border: none;
        background: 0 0;
        position: relative; 
        margin-bottom:25px; 
    }
    .innerpagesdesign.bgblue .tab-content>.active.show {
        display: block;
        opacity: 1!important;
    }
    .innerpagesdesign.bgblue .nav-tabs>li.active>a {
        color: #ffffff!important;
    }
    .innerpagesdesign.bgblue .nav-tabs>li>a.active.show {
        color: #ffffff!important;
        font-weight: 600;
        border-bottom: 2px solid #fff;
        padding-bottom: 16px;
    }
    .innerpagesdesign.bgblue .nav-tabs>li:hover>a{
        color: #ffffff!important;
    }
    .innerpagesdesign.bgblue .nav-tabs>li>a {
        font-weight: 400;
        border: none;
        background: 0 0;
        color: #dfdfdf;
        font-size: 16px;
    }
    .innerpagesdesign.bgblue .nav-tabs>li>a:focus{
        color: #fff !important;
    }
    .innerpagesdesign.bgblue .nav-tabs>li>a:after {
    position: absolute;
        content: "";
        height: 1px;
        background: #cccccc;
        top: 46px;
        left: 0;
        width: 100%;
        z-index: 2;
        opacity: 1;
    }
    .innerpagesdesign.bgblue p {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }
    .rectangleleftimg{
        border-radius: 8px;
        width: 100%;
    height: 494px;
    flex-shrink: 0;
    }
    .butnsslides a {
        background: #00467a;
        border: 1px solid #fff;
        display: inline-block;
        width: auto;
        padding: 12px;
        text-align: center;
        color: #fff;
        margin-bottom: 14px;
        margin-right: 10px;
        border-radius: 8px;
    }
    .butnsslides a:hover {
        background: var(--bg-white);
        border: 1px solid #00467a;
        color: #00467a;
    }
    .mrgtp-60{
        margin-top: 60px;
    }
    .innerpagesdesign.bgblue p.feturemainhed {
        font-size: 18px;
        font-weight: 400;
    }
    .featuremalls li {
        display: inline-block;
        width: 49%;
        color: #fff;
        margin-bottom: 8px;
        padding-left: 14px;
        position: relative;
    }
    .featuremalls li::before {
        content: '';
        position: absolute;
        background: #ededed;
        border-radius: 22px;
        width: 6px;
        height: 6px;
        left: 0;
        top: 5px;
    }
    .productdetailspagedesign .featuremalls li{
        color: var(--foundation-black-black-300, #545454);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        display: block;
        margin-left: 32px;
    }
    .productdetailspagedesign .featuremalls li::before {
        background: #7e7e7e;
        top: 8px;
    }
    .btncommon{
        background: var(--btnbg);
        color: var(--btncolor);
        padding: var(--btnpadding);
        border-radius: var(--btnradius);
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
    }
    .btncommon:before{
        border-radius: 5px;
    }
    .product-shop .btn.prdctdtlsendqurybtn{
           border-radius: 7px; 
           display: flex;
           width: 255px;
           padding: 10px 30px;
           justify-content: center;
           align-items: center;
           gap: 8px;
               font-size: 16px;
    }
    .product-shop .btn.prdctdtlsendqurybtn:hover{
        border-radius: 7px;
    }
    .product-shop .btn.prdctdtlsendqurybtn:before{
        border-radius: 5px;
    }
        .product-shop .btn.prdctdtlsendqurybtn .fa {
        font-size:20px;
        }
    .bgwhite.hmprdt{
        background: var(--bg-white);
    }
    .bgwhite.hmprdt #recent-projects{
        background: var(--bg-white);
    }
    .relventhedng{
        color: #000;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; 
    }
    .hmprdt #popularpro-pslider  .grid-item .product-image{
        height: auto;
    }
    .poplarproheadg{
        position: relative;
    }
    #popularpro-pslider .product-vendor a {
        color:#00437a;
        font-size: 17px;
        line-height: 24px;
       }
       .col-center {
        margin: 0px auto;
    }
    .casestudy.testimonialmain .textcontent {
        z-index: 333;
        color: #fff;
        display: inline-block;
        width: 84%;
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translateX(-50%) translateY(-50%);
        display: none;
    }
    .casestudy.testimonialmain .owl-carousel .owl-prev {
        left: 20px;
        top: 45%;
    }
    .casestudy.testimonialmain .owl-carousel .owl-next {
        right: 20px;
        top: 45%;
    }
    .casestudy.testimonialmain .textcontent h2 {
        font-size: 97px;
        margin: 0;
        color: #ffff;
        line-height: 22px;
        border-radius: 50px;
    }
   
    .testimonialmain .textcontent h5 {
        color: #fff;
        font-size: 33px;
        margin-bottom: 18px;
        font-weight: 400;
        width: 50%;
        line-height: 36px;
        font-style: italic;
    }
    .casestudy.testimonialmain .textcontent h5 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 18px;
        width: 50%;
        font-weight: 400;
        line-height: 32px;
    }
    .casestudy.testimonialmain .textcontent p {
        color: #fff !important;
        font-size: 20px;
    }
    .playvideo {
        right: 0px;
        bottom: 50px;
        width: 100%;
        position: initial;
        height: auto;
        overflow: hidden;
    }
    .playvideo a {
        background-color: #00457f;
        color: #fff;
        padding: 25px 32px;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: inline-block;
        font-size: 31px;
    }
    .testimonialmain .textcontent p {
        color: #333333 !important;
        font-size: 18px;
        width: 45%;
    }
    .testimonialmain .nav-pills .nav-link.shadow {
        padding: 33px 15px !important;
    }
    .casestudy .playvideo {
        position: absolute;
        right: 100px;
        bottom: 50px;
        text-align: right;
    }
    
    .casestudy .playvideo a {
        background-color: #00457f;
        color: #fff;
        padding: 25px 32px;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: inline-block;
        font-size: 31px;
    }
    .casestudy{
        background-color: #00457f; 
    }
    .casestudy.testimonialmain h3{
         color: #FFF;
    }
    .casestudy.testimonialmain h1{
        color: #FFF;
        font-size: 22px;
    }
        .casestudy.testimonialmain h2 {
        font-size: 40px;
        font-weight: 500;
        color: #FFF;
        margin-bottom: 12px;
        }
    .retailspace{
        background: var(--bg-white);
        padding: 60px 0px;
    }
    .blogmain.retailspace h5 {
        color: #000;
    }
    .bloglisthm.retailspace {
        background: var(--bg-white);
        border-radius: 10px;
    }
    .retailspace .blgimghome {
        width: 100%;
        display: inline-block;
        border-radius: 10px;
        height: 350px !important;
        float: left;
    }
    .retailspace .wdth60 {
        width: 100%;
        display: inline-block;
        padding: 19px 6px;
    }
    .blogmain.retailspace h2 {
        font-size: 16px;
        line-height: 23px;
        padding-left: 0px;
        text-transform: capitalize;
    }
    .blogmain.retailspace h2 a {
        color: #000;
        font-size: 18px;
        font-weight: 600;
    }
    .retailspace .blgrdmore {
        color: #000;
        margin-left: 0;
        font-size: 16px;
        position: relative;
        padding-left: 0;
        line-height: 22px;
    }
    .retailspace .blgrdmore::before{
        display: none;
    }
    .categorytabpnllist .nav-tabs{
        background: none;
        border: none;
        margin:0px;
    }
    
    .categorytabpnllist .nav-tabs > li a{
        padding: 0px;
        color: var(--foundation-black-black-400, #333);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-transform: capitalize;
        border-radius: 6px;
        border:1px solid #333;
            padding: 6px 10px;
    }
    .categorytabpnllist .nav-tabs > li{
        margin-right: 20px;
        position: relative;
        margin-bottom: 20px;
    
    }
    .categorytabpnllist .nav-tabs > li::after{
        content: '';
        position: absolute;
        height: 16px;
        width: 1px;
        top: 3px;
        right: -10px; 
        bottom: auto;
        background: #333;
    }
    .categorytabpnllist .nav-tabs > li:last-child:after{
        display: none;
    }
    .categorytabpnllist .nav-tabs > li:hover a{
            padding: 6px 10px;
        background: #00447a;  
        color: #fff !important;
    }
    .categorytabpnllist .nav-tabs > li.active a{
        padding: 6px 10px;
    }
    .categorytabpnllist .nav-tabs > li a.active{
    color: #ffffff!important;
        font-weight: 500;
        border-bottom: 1px solid #00437a;
        background: #00437a;
    }
    
    
    
    
    .categorytabpnllist .nav-tabs > li > a:after {
    display:none;
    }
    .categorytabpnllist.tab-content>.active {
        display: block;
        opacity: 1!important;
    }
    
    .gallery-viewer {
        margin-top: 0px !important;
        margin-bottom: 0 !important;
        max-width: fit-content;
        border: none;
        border-radius: 8px;
    }
    div#gallery_pdp {
        height: auto !important;
    }
    .detail-min.productdetailspagedesign {
        margin-top:15px;
        margin-bottom: 0px;
    }
    .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block.thumbnailbottom {
        display: flex;
        position: relative;
        flex-direction: row-reverse;
        height: auto;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        margin-bottom: 20px;
    }
    .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block.thumbnailleft {
        display: flex;
        position: relative;
        flex-direction: row-reverse;
        height: auto;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        margin-bottom: 20px;
    }
    .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block .gallery_pdp_container {
        display: none;
    }
    .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block.thumbnailleft .gallery_pdp_container {
        display: block;
    }
    .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block.thumbnailbottom .gallery_pdp_container {
        display: block;
    }
    .header-fixed .productdetailspagedesign .product .preview.feature-product-detail .pdp-image-gallery-block {
          top: 100px;
    }
.thumbnailleft .thumbimageslide{max-height: 800px; margin-right: 8px;max-width: 115px;}
    a#ui-carousel-prev {
        width: 25px;
    }
    a#ui-carousel-next{
        width: 25px;
    }
    .ozonsubscribinput .input-group-addon {
        border: none;
        background: none;
        color: #545454;
        z-index:33;
    }
    #dvImageCaption {
    position: absolute;
        width: 100%;
        top: auto;
        bottom: 0;
        left: auto;
        right: 0px;
        padding: 2px 15px;
        border-radius: 0px 0px 4px 0px;
        overflow: visible;
        display: inline-block;
        background: var(--bg-white);
        font-size: 10px;
    }
    .c-service-menu__list {
        /*width: 42rem;*/
        height: 100%;
        transform: translate(0,0);
        background-color: #00437a;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        transition: transform 200ms ease-in-out;
    }
    .o-list-bare {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }
    .c-service-menu__item {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .c-service-menu__item:first-child .c-service-menu__link {
        border-top-left-radius: 0.5rem;
        border-top: solid 0px #82c2dc;
        transform: translate(-100%,-150%);
    }
    .c-service-menu__item .c-service-menu__link a .c-service-menu__label i{
       font-size: 22px;
        display: block;
    }
    .c-service-menu__link {
        bottom: 0;
        top: 50%;
        left: 0;
    }
    .c-service-menu__link {
        position: absolute;
        width: 5rem;
        height: 4rem;
        transform: translate(-50%,0%);
        text-align: center;
        color: #fff;
        line-height: 2rem;
        border-bottom: solid 1px #87cedc;
        border-left: solid 1px #87cedc;
        border-top-width: 0;
        border-right-width: 0;
        background-color: #00437a;
        font-size: 0.6em;
    }
    
    .c-service-menu__link--service-icon-contact::before {
        background-image: url(/DMS/Images/ico-service-contact.png);
    }
    .c-service-menu__link::before {
    background-position: center center;
        background-repeat: no-repeat;
        display: block;
        content: ' ';
        height: 2.2rem;
        width: 2.2rem;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        transition: transform 200ms ease-in-out;
        transform: scale(0.9);
        background-size: 100%;
    }
    .c-service-menu__label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
    }
    .c-service-menu__item:nth-child(2) .c-service-menu__link {
        transform: translate(-100%,-50%);
    }
    .c-service-menu__link {
        bottom: 0;
        top: 50%;
        left: 0;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #87cedc;
        border-top-width: 0;
        border-left-width: 0;
    }
    .c-service-menu__link--service-icon-search::before {
        background-image: url(/DMS/Images/ico-service-search.png);
    }
    .c-service-menu__item:nth-child(3) .c-service-menu__link {
        transform: translate(-100%,50%);
    }
    .c-service-menu__link--service-icon-mediacentre::before {
        background-image: url(/DMS/Images/ico-service-catalogues.png);
    }
    .c-service-menu__item:nth-child(4) .c-service-menu__link {
        transform: translate(-100%,150%);
        border-bottom-left-radius: 0.5rem;
    }
    .c-service-menu__link--service-icon-productcatalog::before {
        background-image: url(/DMS/Images/ico-service-eshop.png);
    }
    .header-v5 .shop-badge.badge-icons.compareiconmain .fa-scale-balanced {
        background-size: 290px 147px;
        background-position: -548px 1px;
        width: 26px;
        height: 22px;
    }
    .bagselect .buttonncommon .hearticon {
        background-position: -661px -212px;
    }
    .have-fixed .wsmenu-list>li.result_hover:hover .wsshoptabing{
        display: block;
    }
    
    .aboutusinnerpg .ullidesigncategorypg {
        margin-bottom:30px;
            padding: 0;
    }
    .aboutusinnerpg .ullidesigncategorypg li{
        display: inline-block;
        margin: 0px 0px 6px;
        line-height: 16px;
    }
    .aboutusinnerpg .ullidesigncategorypg.butnsslides li a{
        margin: 0;
    }
    .aboutinneraccordn .accordion-body {
        background: #fafafa;
    }
    .aboutinneraccordn button:focus:not(:focus-visible) {
        box-shadow: none;
    }
  
    .contact-container{
        padding: 0px 80px 50px;
    }
    .contact-container .contact-menu{
        padding: 0;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        margin-bottom: 20px;
        width: 93%;
    }
    .videoleftmenu {
            padding: 0;
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        margin-bottom: 20px;
        width: 93%;
    }
    .sendandcartresp .listbtm-btn-rs {
        width:100%;
    }
    .sendandcartresp .listbtm-btn-rs .resphide{
            display: inline-block;
            width:auto;
    }
         .header-fixed .contact-container .contact-menu {
        top:120px;
        }
    .form-control:focus {
        border-color: none;
        outline: 0;
        box-shadow: none;
    }
    ul#contact-menu1 li {
        list-style: none;
        margin-bottom: 5px;
    }
    
    ul#contact-menu1 li a {
        background: #ececec;
        padding: 10px 0px 10px 15px;
        font-size: 14px;
        display: block;
        color: #000;
        outline: none;
        text-decoration: none;
    }
    ul#contact-menu1 li a:hover {
        color: #fff;
        background: #1a4571;
        text-decoration: none;
        outline: none;
    }
    #contact-menu1 .current a {
        background: #00437a;
        color: white;
        padding-right: 8px;
    }
    .contact-detail{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        gap: 15px 15px;
    }
    .contact-detail .cntctli2 .addressbx {
        background: #ededed66;
        padding: 15px;
        border-bottom: 1px solid #c0c0c0;
    min-height: 112px;
    }
    .contact-detail .cntctli2 h3 {
        color: #000;
    }
    .contact-detail .addressbx h3 {
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: normal;
    }
    .contact-detail .cntctli2 h3 i{
        margin-right: 5px;
    }
    .contact-detail .cntctli2 p {
        color: #000;
            margin-bottom: 0;
            font-size: 16px;
            padding-left: 32px; 
    }
    .contact-detail .cntctli2 p.contactBlack {
        padding-left: 0px;    
    }
    .contact-detail .cntctli2 p.contactBlack a img {
        margin-right: 8px;   
    }
    .contact-detail .cntctli2 p a{
        color: #333;
    }
    .contact-detail .cntctli2 p a:hover{
        color: #0058A3;
    }
    .contact-detail .contact-content p a{
        color: #333;
    }
    .contact-detail .contact-content p a:hover{
        color: #0058A3;
    }
    .ccontact-detail .addressbx p {
        margin: 0px;
    }
    .contact-content {
        background: rgb(251, 251, 251);
        border: 1px dotted rgba(51, 51, 51, 0.2);
        padding: 12px;
        width: calc(32% - 0px);
    }
    .contact-content:hover {
        box-shadow: 0px 9px 12px #e7e7e73b;
    }
    .contact-detail-title {
        margin-top: 0px;
        margin-bottom: 0px;
        clear: both;
        display: block;
        width: 100%;
    }
    .mail-img hr {
        background: #b2b4b6;
        margin-top: 5px;
        margin-bottom: 10px;
        height: 1px;
        border: 0px;
    }
    .categryhedngsviewall {    position: relative;
        width: 100%;
        display: inline-block;}
    .categryhedngsviewall a {
        float: right;
        top: -8px;
    }
    
    .contact-content strong {
        font-size: 16px;
        text-transform: uppercase;
    }
    .contact-detail span.innerspanmain {
        margin-bottom: 10px;
    }
    .contact-detail .mail-img i{
        font-size: 18px;
        margin-right: 5px;
    }
    
    .event-content{
        display: inline-block;
        width: 100%;
        margin-top: 15px;
    }
    .event-content span.innerspanmain {
        margin-bottom: 15px;
    }
    .brdcrumonly {
        padding: 0px 80px;
        margin: 0px auto 0px;
    }
    .brdcrumonly #breadcrumbs .breadcrumb {
        padding: 12px 0px;
        margin-left: 0;
    }
    .UlEventImage .dvEventImage {
        max-height: initial;
    }
    .UlEventImage .owl-dots {
    display: block;
        text-align: center;
        padding: 10px 0px;
    }
    .UlEventImage .owl-dots .owl-dot span {
        background: #e8e9eb;
        text-indent: -9999px;
        display: block;
        display: block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: solid #13457a 2px;
    }
    .UlEventImage .owl-dots .owl-dot.active span {
        background: #13457a;
    }
    .ulEventImageGallery .carousel-indicators {
        position: initial;
    }
    .ulEventImageGallery .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        background-color: #333;
    }
    .ulEventImageGallery .gallery {
        float: none;
    }
    .event-galry {
        margin-top: 30px;
        position:relative;
    }
    .year-filter.browse-year {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 108px;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .event-galry span.innerspanmain {
        margin-bottom: 20px;
    }
    .event-galry h1 span.innerspanmain {
        margin-bottom: 20px;
    }
    .leftmenu li {
        list-style: none;   
        margin-bottom: 5px;
    }
    
    .leftmenu li a {
        background: #ececec;
        padding: 10px 0px 10px 15px;
        font-size: 14px;
        display: block;
        color: #000;
        outline: none;
        text-decoration: none;
    }
    .leftmenu li a:hover {
        color: #fff;
        background: #1a4571;
        text-decoration: none;
        outline: none;
    }
    .leftmenu .current a {
        background: #48a6d1 ;
        color: white;
    }
    .projectnwdesgin {
        margin-bottom: 15px;
        min-height: 56px;
    } 
    .main-project a img {
        width: 100%;
        height: 145px; 
    }
    .projectnwdesgin h1 {  
        margin: 6px 0px;
        color: #00437a;
        font-size: 13px;
        font-weight: bold;
    }
    .projectnwdesgin span {
        margin: 6px 0px;
        color: #00437a;
        font-size: 12px;
    }
    .leftmenu#contact-menu3 li.current:hover li.current:after {
        border-left: 15px solid #1a4571;
    }
    /*--------------- Menu Common Css Start ------------*/
      .homebody .wsmenu-list > li .wsshoptabing.single-megamenu .wstabitem {
        min-height: auto;
    }
    .wsmenu-list > li .wsshoptabing.wtsdepartmentmenu .wstabitem li ul::-webkit-scrollbar{
    width: 2px;
        background-color: #F5F5F5;
    }
      .homebody .wsmenu-list > li .wsshoptabing.wtsdepartmentmenu .wstabitem::-webkit-scrollbar{
    width: 2px;
        background-color: #F5F5F5;
    }
        .homebody .wsmenu-list > li .wsshoptabing.wtsdepartmentmenu .wstabitem li ul::-webkit-scrollbar{
    width: 2px;
        background-color: #F5F5F5;
    }
    /*--------------- Menu Common Css END ------------*/
    
    
    .effects {
        float: right;
        margin-top: -13px;
    }
    .effects .hvr-icon-grow-rotate {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        padding-right: 2.2em;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .effects .hvr-icon-grow-rotate{
        margin: 0px;
        padding: 0.4em 1.5em 0.4em 2.5em;
        cursor: pointer;
        background: #E5E5E5;
        text-decoration: none;
        color: #00437a;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-size: 13px;
        border: 1px solid rgba(137, 138, 140, 0.48);
    }
    .hvr-icon-grow-rotate:before {
        content: "\f095";
        position: absolute;
        right: 7.2em;
        padding: 0 5px;
        font-family: "Font Awesome 5 Free";
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        font-size: 16px;
    font-weight: 900;
        line-height: 18px;
    }
    .browse-year {
        margin-top: 0;
        position: absolute;
        top: 46px;
        right: 232px; 
    }
    
    .media-gallery .media-content p span.spant{
        background: #e2ecf2;
        padding: 4px 6px !important;
        color: #00467a;    
    }
    .media-gallery .media-content p a{
        color: #000;
    }
    .media-gallery .media-content p a:hover{
        color: #00467a;
    }
    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px;
        font-size: 13px;
        color: #000;
    }
    
    .item-list .pager li {
    display: inline-block;
    }
    .item-list .pager li #anchorNoOfProducts #CurrentProductsCount{
        font-size: 14px !important;
        padding-right: 5px;
    }
    .browse-year select {
        width: 152px;
        font-size: 14px;
        outline: none;
        padding: 6px 5px;
    }
    .contact-detail-title span.innerspanmain {
        margin-bottom: 0px;
    }
    .download-content {
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
    }
    
    .download-content .left {
        padding: 0px;
        display: inline-block;
        margin: 0rem;
        width: calc(26% - 1.70455rem);
            height: 280px;
    }
    .med-anchor a img {
        width: 100%;
        height: 230px;
    }
    .download-content .left p {
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px;
        width: 100%;
        height: 35px;
        overflow: hidden;
    }
    .download-content .left a {
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px;
        width: 100%;
        height: 35px;
        overflow: hidden;
    }
    .media-table {
        margin-bottom: 30px;
    }
    .med-date {
        display: block;
        color: #00427a;
        line-height: 24px;
        margin: 5px 0px;
    }
    .media-table .fancybox {
        margin-top: 50px;
        cursor: pointer;
    }
    .mediacontenttop {
        margin-bottom:40px;
    }
    .presskit {
        width: auto;
        margin-bottom: 0px;
        border-bottom: solid #b2b4b6 0px;
        margin-top: 20px;
    }
    .presskit p {
        line-height: 45px;
        padding-top: 0px;
        color: #00427a;
        border-bottom: solid #b2b4b6 1px;
        width: 100%;
        display:inline-block;
    }
    .presskit .btncommon {
    width: auto;
        padding: 5px 10px;
        line-height: 24px;
        float: right;
        text-align: center;
    }
    .category-listing-type-1.catelistpage .ultpsld ul{
    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        gap: 15px;
    }
    .category-listing-type-1.catelistpage .ultpsld ul li h4{
        text-align: left;
        font-size: 20px;
    }
    .category-listing-type-1.catelistpage .ultpsld ul li {
        width: 23.9%;
        background-color: var(--lightgray);
        margin: 15px 0px;
        margin-bottom: 30px;
        text-align: center;
        position: relative;
        transform: scale(1);
        transition: all 0.4s ease-out;
        overflow: hidden;
    }
    .media-content {
        width: 100%;
    }
    .headmerg {
        margin-top: 0px;
    }
    .leftsictmenu.newClass.newClass2 ul li:first-child {
        float: left;
        padding: 0px 0;
        margin-bottom: 40px;
    }
    .leftsictmenu.newClass.newClass2 ul li:first-child h5.categorymainname{
        padding: 22px 10px;
        margin-top: 0;
    }
        .leftsictmenu.newClass.newClass2 ul li.active {
            background-color: #00437a;
            transition: 0.3s ease background-color;
        }
        .leftsictmenu.newClass.newClass2 ul li.active a {
            color: rgb(255, 255, 255);
        }
        .leftsictmenu.newClass.newClass2 ul li a {
            display: inline-block;
            text-decoration: none;
            padding: 10px 10px;
            color: black;
        }
     
        .product-ratings .rating-selected{
            color: #f0a213;
        }
    
        .lifesection.bloglist .container-fluid{
            max-width: 144rem;
            padding: 0px 80px;
            margin: 0 auto;
        }
        .bg-dark-blue {
            background: #00437a;
            height: auto;
            border-top: 4px solid #fff;
            padding: 0px 0px 15px;
        }   
        .bg-dark-blue .vidieso.contact.row-blue h1{
            margin: 0;
            color: #fff;
                line-height: 45px;
        }
       
    
        #carousel-example-generic .Slder1.triangle-show .triangle-st {
            display: block;
        }
        .page_item .triangle-st {
            position: absolute;
            bottom: -32px;
            left: 38px;
        }
        .triangle-st:after, .triangle-st:before {
            bottom: 100%;
            left: 25%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }
        .triangle-st:before {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 24px;
            margin-left: -36px;
        }
        .triangle-st:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #e5e5e5;
            border-width: 18px;
            margin-left: -30px;
        }
        
        .arrow_box {
            position: relative;
            border-top: solid #fff 4px;
            background: #fbfbfb;
            padding-top: 25px;
            padding-bottom: 10px;
        }
     #videslides .contact-icon span{
            font-size: 16px;
            color: #fff;
        }
    #videslides {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
    }
        #videslides .contact-icon {
        min-width: 150px;
        display: flex;
        align-items: center;
    }
    #videslides .contact-icon img {
        width: 45px;
        margin-right: 5px;
        border-radius: 50%;
        height: 45px;
    }
    .arrow_box .videocollist img{
        border: 1px solid var(--border-color);
        border-radius: 5px;
    }
    .arrow_box .videocollist:hover img{
        box-shadow: 1px 1px 10px #0000001a;
    }
    ul#contact-menu2 li {
        list-style: none;
        margin-bottom: 5px;
    
    }
    ul#contact-menu2 {
        padding: 0px;
    }
    
    #contact-menu2 .current a {
        background: #00437a;
        color: 	white;
    }
    ul#contact-menu2 li a{
        background: #ececec;
        padding: 12px 0px 12px 15px;
        font-size: 14px;
        display: block;
        color: #0058A3;
        outline: none;
        text-decoration: none;
        text-align: left !important;
        
    }
    ul#contact-menu2 li a:hover{
        color:#fff;
        background:#00437a;
        text-decoration:none;
        outline: none;
    }
    .arrow_box .videocollist {
        margin-bottom: 12px;
        min-height: 200px;
        position: relative;
    }
    #videslides .Slder1 {
        position: relative;
    }
    #videslides .Slder1 .triangle-st {
        display: none;
    }
    #videslides .Slder1.triangle-show .triangle-st {
        display: block;
    }
    #videslides.owl-carousel .owl-stage-outer {
        padding-bottom: 20px;
    }
    .container-1920.videmainsection {
        padding: 25px 0px;
        padding-bottom: 0;
    }
    .videmainsection .owl-nav span
    {
        font-size: 50px;
        color: #fff;
        line-height: 22px;
    }
    .youtubeiconsmlsize {
        width:25px;
    }
    .videmainsection .owl-nav .owl-prev{
        position: absolute;
        left: -32px;
        top: 8px;
    }
    .videmainsection .owl-nav .owl-next{
        position: absolute;
        right: -32px;
        top: 8px;
    }
    .pbox .youtube-arrow {
        height: 40px;
        background: url(https://www.ozone.in/DMS/Images/youtube-icon.png) no-repeat center center;
        display: block;
        position: absolute;
        width: 20%;
        margin: 0;
        left: 40%;
        top: 50%;
        cursor: pointer;
        opacity: 1;
    }
    .videotitle {
        display: block;
        position: relative;
        padding: 5px 0px;
        text-align: left;
        font-size: var(--font-sm);
        color: var(--text-dark);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .videocollist img{
        border-radius: 6px;
            border: 1px solid #e3e3e3;
    }
    .solutions .videocollist .youtube-arrow {
        top: 33%;
    }
        .testimonialmain .nav-pills a:last-child{
            border:none;
        }
        .seemore-btn{
            color:#333;
        position: relative;
        top: 15px;
        left: 70px;
        display: inline-block;
        }
        .seemore-btn:hover{
            color:#00447a;
        }
        .seemore-btn:before{
        content: '';
        position: absolute;
        background: #333;
        height: 1px;
        width: 42px;
        z-index: 0;
        left: -58px;
        top: 9px;
        }
        .blog-auth-date i {
            font-size: 18px;
            color: #00467a;
                width: 22px;
        height: 22px;
        background-size: 350px 224px;
        }
            .blog-auth-date i.usericon {
                background-position: -101px -10px;
        background-size: 350px 210px;
            }
    .downloadbrand {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }
    .post-detail{
        padding: 15px 0px 50px;
    }
    .footer-last address{
        margin-top: 5px;
    }
    #blogcat.owl-carousel .owl-nav button.owl-next, #blogcat.owl-carousel .owl-nav button.owl-prev{
           background: var(--bg-white);
        margin: 0px;
        top: 3px;
    }	
    #blogcat.owl-carousel .owl-nav button.owl-next:hover span, #blogcat.owl-carousel .owl-nav button.owl-prev:hover span{
        color:#333;
    }
    #blogcat.owl-carousel .owl-nav span{
         line-height: 24px;
    }	
    #blogcat.owl-carousel .owl-nav .button span{
         color:#333;
    }
    .certificationspage .box-shadow .caption {
        padding: 0px 10px;
    }
    .certificationspage .caption {
        padding: 0px 10px;
        display: flex;
        align-items: center;
    }
    .certificationspage .caption h4 {
            margin: 0;
    }
    
    #main .openbtn i{
    font-size: 26px;
        vertical-align: middle;
    }	
    
    
    
    .leftmenu#contact-menu3  li.current{
        position: relative;
    }
    .leftmenu#contact-menu3 li.current:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
    margin-top: -20px;
        border-left: 0;
        border-bottom: 20px solid transparent;
        border-top: 20px solid transparent;
        border-left: 20px solid #48a6d1;
    }
    .leftmenu#contact-menu3 li.current:hover:after {
        border-left: 20px solid #1a4571 ;
    }
    .media-gallery .contact-detail-title span.innerspanmain {
        margin-bottom: 40px;
    }	
    .media-gallery .download-content .left p {
        font-size: 15px;
    }	
    .media-gallery .presskit {
        margin-top: 0;
    }	
    .media-gallery .media-table {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    
    ::-webkit-scrollbar-track
    {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    }
    
    ::-webkit-scrollbar
    {
    width: 10px;
    background-color: #F5F5F5;
    }
    
    ::-webkit-scrollbar-thumb{
    background-color: #003f6a;	
    background-image: -webkit-linear-gradient(45deg,
        rgba(255, 255, 255, .2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, .2) 50%,
        rgba(255, 255, 255, .2) 75%,
        transparent 75%,
        transparent)
    }
    .filterrightresult.prodlispage .navbar-responsive-collapse1.in::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px #fff;
    background-color: #fff;
    }
    
    .filterrightresult.prodlispage .navbar-responsive-collapse1.in::-webkit-scrollbar{
    width: 5px;
    background-color: #fff;
    }
    
    .filterrightresult.prodlispage .navbar-responsive-collapse1.in::-webkit-scrollbar-thumb{
    background-color: #afafaf;	
    }
    /*.request_btn {
        position: fixed;
        height: 142px;
        right: 0px;
        top: 200px;
        float: right;
        z-index: 9;
    }*/
    .newslt p.sub-tit{
        line-height: 18px;
        margin-bottom: 16px;
        color: #fff;
        font-size: 13px;
    }
    .sky-form {
    padding: 15px;
    }
    .sky-form .label {
        text-transform: capitalize;
    }
    .sky-form .row {
        margin: 0 0px;
    }
    .login1 .sky-form .row {
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    .contactformdsgn {
        background: #fcfcfc;
        margin: 30px 0px;
        border: 1px solid #eee;
    }
    .contactformdsgn .headline{
        margin: 0px;
        padding: 8px 15px;
        background: #ececec;
    }
    .contactformdsgn .ctct-frm  label.label span{
        color: #f00;
    }
    .contactformdsgn .headline h1 {
        font-size: 22px;
        margin: 0;
    }
    .categorylistpgdegn ul{
        padding: 0px;
        margin: 0px;
        margin-bottom: 0px;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 0px 35px;
    }
    .categorylistpgdegn ul li{
        padding: 0px;
        display: inline-block;
        margin-top: 0.85227rem;
        margin-bottom: 22px;
        width: calc(25% - 1.70455rem);
        border-radius: 8px;
        border: 1px solid #f2f2f2;
    }
    .categorylistpgdegn ul li:hover{
        box-shadow: 0px 10px 26px rgb(0 0 0 / 6%);
        transition: all linear .3s;
    }
    .categorylistpgdegn ul li img{
        border-radius: 8px 8px 0px 0px;
    }
    .categorylistpgdegn ul li .product-img img{
        min-height: 138px;
    }
    .categorylistpgdegn ul li .quickbuy {
        padding: 12px 15px;
        text-align: center;
    }
    .categorylistpgdegn ul li .quickbuy span a{
        color: #000;
    }
    .productcountsection{
        margin-top: 30px;
        width: 100%;
        text-align: center !important;
    }
    .sky-form .row.lostpsw p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .sky-form .row.lostpsw p a{
       color: #278bed;
    }
    .log-reg-v3 .log-reg-block label a {
        color: #278bed;
    }
    #breadcrumbs{
        margin-top: 0px;
    }
    ul.slick-dots li button {
        background: #ffffff;
        border: solid 2px #00437a;
    }
    ul.slick-dots li.slick-active button {
        background: #00437a;
    }
    .slick-dots{
        text-align: center;
        position: absolute;
        bottom: 30px;
        width:100%;
        margin:0px;
    }
    .log-reg-v3 #dvForgotPassword h3{
        color: #545454;
        font-weight: 400;
        font-size: 20px;
        margin: 0;
    }
    .log-reg-v3 #dvForgotPassword .formcenter .inputlable{
        font-size: 13px;
        margin-bottom: 22px;
    } 
    
    .sky-form #dvForgotPassword .row.lostpsw p{
        margin: 0px 0px 20px;
    }
    .container-1920 {
        padding: 30px 0px;
    }
    .profilepicsection .editimgmain label#file-drag{
        display: none;
    }
    
    .accmain input[type="text"], .accmain input[type="text"]::placeholder{
        font-size: 13px;
    }
    .changepassword .checkbox-list .form-control {
        font-size: 13px;
        line-height: 26px;
    }
    .productdetailspagedesign.detail-min .tabdocuemnt li {
        margin-left: 5px;
        list-style: none;
    }
        .productdetailspagedesign.detail-min .tabdocuemnt li .headline {
           width: 100%;
        margin: 10px 0px 0px;
        }
         .productdetailspagedesign.detail-min .tabdocuemnt li .headline h3{
       font-size: 18px;
        }
    .productdetailspagedesign.detail-min .tabdocuemnt_group {
            margin-top: 18px;
            margin-left: 0;
    }
    .productdetailspagedesign.detail-min .tabdocuemnt_group li{
            margin-left:0px;
    }
    
    .profulldes-sectab {
        margin:60px 0px;
    }
    .hw-product-desc {
        padding:0px 6px;
    }
    .relatedprohorizontalsec ul.product-ratings, .relatedprohorizontalsec .product-price{
        text-align:center;
    }
    .relatedprohorizontalsec .product-price.price-req a .fa-paper-plane {
        color: #fff;
    }
    .relatedproaccessorysec .product-price.price-req a .fa-paper-plane {
        color: #fff;
    }
    .relatedproaccessorysec ul.product-ratings, .relatedproaccessorysec .product-price{
        text-align:center;
    }
    .contactthanksmsg {
        position: relative;
        padding: 30px 60px 30px;
        min-height: auto;
    }
    .alert-meass-top {
    
    }
    .contactthanksmsg:before {
    content: '';
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url(/DMS/Images/building-sketchs.jpg);
        background-repeat: no-repeat;
        background-size: 75%;
        background-position: right bottom;
        z-index: -1;
    }
    .main .headermarginclass {
        padding: 30px 0px;
    }
    .contactthanksmsg .thankpage {
        text-align: center;
        padding: 0px 60px;
    }
    .contactthanksmsg .thankpage{
           text-align: center;
        padding: 30px 60px;
        width: 60%;
        margin: 0px auto;
        border: 7px solid #f9f8f2;
            background: #ffffff8a;
    }
        .contactthanksmsg .thankpage h2.cnt-thankshead {
         background: var(--bg-white);
        padding: 8px 15px;
        width: 50%;
        margin: -72px auto 30px;
        font-size: 46px;
        font-weight: 300;
        }
    .contactthanksmsg .thankpage .hdnnme {
        font-size: 38px;
        color: #000;
    }
    .contactthanksmsg .disclaimer.thanks_design {
           text-align: center;
        border: none;
        background: none;
        box-shadow: none;
        min-height: auto;
        padding: 0;
        margin: 0;
    }
    .contactthanksmsg .disclaimer.thanks_design .field-items.thankpage div span {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
    }
    .contactthanksmsg .disclaimer.thanks_design .field-items.thankpage p {
    font-size: 18px;
        font-weight: 300;
        margin-bottom: 32px;
    }
    .disclaimer.thanks_design .field-items.thankpage p span a {
        color: #003d5e;
    }
    .shop-product .productdetailspagedesign .brand-img .shop-product-heading.social-det { 
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
    
    .androidiossec {
    border: 2px solid #8181814a;
        padding: 15px;
        border-radius: 10px;
        min-height: 370px;
        margin-bottom: 30px;
    }
    .androidiossec p, .androidiossec p{
        min-height: 208px;
    }
    .androidiossec:hover{
    box-shadow: 2px 11px 18px #e8e8e8;
        border: 2px solid #00437a;
    }
    .androidiossec h1{
    position: relative;
        top: -37px;
        background: var(--bg-white);
        padding: 5px 15px;
        display: inline-block;
        margin-bottom: 0;
    }
    .androidiossec h5{
    position: relative;
        top: -37px;
        background: var(--bg-white);
        padding: 5px 15px;
        display: inline-block;
        margin-bottom: 0;
    }
    .androidiossec img{
        display: block;
        margin: -18px 0px 15px;
        width: 28%;
    }
    .androidios {
        padding: 50px 0px;
    }
    .androidios .androidiossec .btn{
        font-weight: 400;
        text-transform: capitalize;
        display: inline-flex;
        align-items: center;
    }
    .androidios .fa-download {
        background-image: var(--darkbuttonicon);
    }
    .productdtlbrdcum #breadcrumbs {
        margin-top: 0px;
    }
    .categorydetailsec1 .col-lg-7.mt-5 {
           margin-top: 0rem!important;    
    }
    .h1mainhead h2{
    display: inline-block;
        margin: 0 !important;
        font-size: inherit !important;
        border-top: none;
    }
    .h1mainhead h2 span{
        margin-bottom: 20px;
    }
    .faqspage .title_bg h1 span {
        color:#333;
    }
    .media-gallery #mydiv1 {
        position: relative;
    }
        .media-gallery #mydiv1 .browse-year{
    top: 2px;
        right: 2px;
    }
        .media-gallery.contact-container {
        padding: 0px 80px 0px;
    }
     .browse-year select {
        display: block;
        padding: 0.47rem 1.75rem 0.47rem 0.75rem;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      
    }
    .pd-attribute select.dropdown.ddlattr {
    padding: 6px 6px;
        border-radius: 3px;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;    
    }
.pd-attribute .single-value-input.ddlattr{
    padding: 6px 6px;
        border-radius: 3px;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;    
        min-width: 150px;
    width: auto;
        border: none;
    }
    .filter-pl ul.deal-serch li.sort-list-btn h3 {
        display: inline-block;
        font-size: var(--font-sm);
        font-size: 12px;
        font-weight: normal;
    }
    .filter-pl ul.deal-serch .btn-group .dropdown-toggle{
        background: var(--color-white);
        padding: 0px 8px;
        margin: 3px 0px;
        font-size: 12px;
        font-weight: normal;
        line-height: 25px;
        color: var(--bs-body-color);
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        border-radius: 5px 0px 0px 5px;
        border: none;
        border-right: 1px solid #c3c1c1;
        text-align: left;
        text-transform: initial;
        letter-spacing: 0px;
        padding-right: 20px;
    }
    ul.owl-slider.columns li.noproductli {
        width:100%;
    }
    .NoSearchresult{
        background: var(--white);
        padding: 20px;
        border-radius: 8px;
    }
    .not-found-inner {
        display: flex;
        align-items: center;
        width: 70%;
        margin: auto;
    }
    .not-found-inner .img-sec {
        width: 45%;
    }
    .not-found-inner .right-text-sec {
        text-align: left;
        width: 55%;
    }
    .wishlist-category strong ~ span a {
        color:#333;
        }
    .hednsidebar h2 {
        color: #ffffff;
    }
    .filter-pl ul.deal-serch li.sort-list-btn .btn-group select {
        padding: 0.47rem 1.75rem 0.47rem 0.75rem;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
            border-radius: 3px;
    }
    select, select.btn, select.dropdown-toggle {
        position:relative;
       -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: auto;
    }
    
    /*------------------------ Start Breducumb css local off live on ----------------*/
    #breadcrumbs .breadcrumb ul li~ul li:first-child{
    margin-left: 10px;
    }
    /*------------------------ End Breducumb css local off live on ----------------*/                  
.quantity {
        width: 205px;
    }
.quantity .form-control {
padding: 0px 2px;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0;
    text-align: center;
    height: 30px;
    min-height: 30px;
    width: 30px;
    }
.quantity .btn-number {
        padding: 1.3px 2px;
        border-radius: 0px;
        background: var(--btnbg);
        color: var(--btncolor);
        border: var(--btnborder);
        height: 30px
    }
.quantity .btn-number::before {
        border-radius: 0;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
.prdct-bil-list .quantity {
    width: 132px;
        margin-bottom: 5px;
}   
.prdct-bil-list .quantity~span{
    line-height: 36px;
}
.prdct-bil-list .quantity{
    float: right;
}
.prdct-bil-list .verticalactionicon{
    float: right;
        position: relative;
}
.product-qty .quantity .input-group {
    width: 156px;
}
#ModalBilling .modal-dialog .modal-body .modal-footer {
        flex-wrap: nowrap;
}
.quantity .righttext {
    margin-left: 5px !important;
    line-height: 30px;
}
    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
    .tab-content #ProductTabdesc.tab-pane h5.categorymainname {
        margin-bottom: 8px;
            font-size: 20px;
    }
    #ProductTabdesc table th {
        background: #f4f4f4;
        padding: 7px;
        font-size: 16px;
        line-height: 30px;
        color: #333;
        font-weight:500;
    }
    
    #ProductTabdesc table tr{background: var(--bg-white);
      
    }
    #ProductTabdesc table {
        border: 1px solid #dfe4e6;
        width: 100%;
        margin-bottom: 20px;
    }
    
    #ProductTabdesc table td{
        border-bottom: 1px solid #dfe4e6;
        padding: 9px;
        border: 1px solid #ddd8d8 !important;
    }
    .modal {
        z-index: 999999;
    }
    /*---------Newsletter Css Start----------*/
    .subscribe-me p {
        font-size: 14px;
        margin: 0px auto 25px;
        width: 80%;
        color: #666666;
    }
    .subscribe-me .subscribe-wrap img{
        width: 22%;
    }   
    .subscribe-me .popup-newsletter {
        border: 1px solid #cccccc;
        display: inline-block;
        width: 100%;
    }
    .subscribe-me .model-box-outer{
      position: sticky;
      top: 0;
      z-index:999;
     margin:0;
    
    }
    .subscribe-me .close{
        font-size:44px;
        position:absolute;
        top:-100px;
        right:-22px;
        color:red;
    }
    subscribe-me .subscribe-wrap {
        padding: 45px 42px 15px;
    }    
    .subscribe-me .main-title {
        text-align: Center;
        font-size: 22px;
        opacity: 0.8;
        width: 100% !important;
        line-height: 28px !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-weight: 600;
        color: #249616;
    }     
    .subscribe-me {
        background-color: #fff;
        height: auto;
        left: 0;
        width: 830px;
        margin: 50px auto;
        padding: 12px;
        right: 0;
        top: 20%;
        background-image: url('/DMS/Images/newsletter.jpg'); 
        background-repeat: no-repeat;
        background-position: 100% center;
            box-shadow: 0 2px 3px rgba(0,0,0,0.5);
    }
    .subscribe-me .theme-btn-2:hover{
        color:#000 !important;
    }
    .subscribe-me .popup-newsletter:before{
        background-color:none !important;
        background:none !important;
    }        
    .subscribe-me #paragraph_div{
        text-align: Center;
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        opacity: 0.8;
        width: 100% !important;
        margin: auto auto 30px !important;
        color: var(--foundation-black-black-300, #545454);
    }         
    .subscribe-me .form-control.text {
        border: 2px solid #cccccc;
        text-align: center;
        background-color: transparent;
        font-size: 13px;
        height: 40px;
        line-height: 37px;
        margin-bottom: 25px;
        padding: 0 15px;
        width: 100%;
    }       
    .subscribe-me #button_change{
        display: inline;
        background: red;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 8px;
    }
    .subscribe-me .subscribe-wrap{
            padding: 40px 0px;
    }   
    /*---------Newsletter Css End----------*/
    h1.heading-main {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: var(--foundation-blue-blue-500, #00427A);
        margin-bottom: 24px;
    }
    h2.heading-left {
        position: relative;
        padding-left: 22px;
        color: #333;
        margin-bottom: 40px;
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        font-style: normal;
    }
    h2.heading-left::before {
        content: '';
        position: absolute;
        background: #00477a;
        border-radius: 22px;
        width: 8px;
        height: 8px;
        left: 0;
        top: 6px;
    }
    #leftcontent .paddlftdesgn {
    padding-left: 5px;
    }
    
    #ulsliderRelatedCategory .list-box-pro .product-grid-four .product-img img {
            max-height: 340px;
    }
    #ulsliderRelatedCategory .quickbuy.product-review a {
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px 8px;
        text-align: center;
        font-size: 18px;
    }
    .inline-phonewcode{
        display: flex;
    }
    .inline-phonewcode select{
        min-width: 125px;
        margin-right: 10px;
        width: auto;
    }
    .btnicon {
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
        -moz-user-select: none;
        background: var(--btniconbg);
        border-radius: var(--btnradius);
        color: var(--btniconcolor);
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px 5px;
        font-size: var(--allbtnfontsize);
        font-weight: var(--allbtnfontweight);
        line-height: var(--allbtnlineheight);
        letter-spacing: 0px;
        margin-bottom: 0;
        padding: var(--btnpadding);
        text-align: center;
        touch-action: manipulation;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        text-transform: var(--btntransform);
    }
    /*a.btnicon:hover {
      border: var(--border-theme);
      border-bottom: var(--btnborderbottom);
    }*/
    #recent-projects a.btnicon {
    float: right;
    }
    .btnicon .fa-angle-right{
        font-size: 0px;
    }
    .sendandcartresp .btnicon, .sendandcartresp .btnsendquery{
        width: 100%;
    }
    .btnicon::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--prolistsendquehoverbg);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            border-radius: 4px 4px 3px 3px !important;
    }
    .btnicon:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    .buttonncommon {
        background: var(--btniconbg);
        color: var(--btniconcolor);
        font-size: var(--allbtnfontsize);
        font-weight: var(--allbtnfontweight);
        line-height: var(--allbtnlineheight);
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
        border-radius: var(--btnradius);
        padding: var(--btnpadding);
        text-transform: var(--btntransform);
    
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px 5px;
        letter-spacing: 0px;
        margin-bottom: 0;
        text-align: center;
        touch-action: manipulation;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        z-index: 1;
    }
    .btnaddtocart {
        -moz-user-select: none;
        /*background: #00467a none repeat scroll 0 0;
        border: var(--btnborder);
        font-size: var(--allbtnfontsize);
        padding: var(--btnpadding);*/
    }
    .btnaddtocart::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: #152a47;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 5px;
    }
    .btnaddtocart:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    .btnaddtocart:hover {
        color: #fff;
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }
    
    
    .btnsavetowishlist::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: #152a47;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 0px;
    }
    .btnsavetowishlist:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    
    .btnaddtocompare::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: #152a47;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 0px;
    }
    .btnaddtocompare:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    
    .btnaddenquiry {
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
        -moz-user-select: none;
        background: var(--btniconbg);
        border-radius: var(--btnradius);
        color: var(--text-dark);
    }
    .btnaddenquiry::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--btnbgbefore);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 0px;
    }
    .btnaddenquiry:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    .categryhedngsviewall a:hover, a.btnicon:hover, a.btnsavetowishlist:hover, a.btnaddtocompare:hover, a.btnaddenquiry:hover {
        color: var(--btnhovercolor);
         border: var(--btnborderhover);
        border-bottom: var(--btnborderhoverbottom);
    }
    
    
    
    .btniconcommon {
        width: 35px;
        height: 35px;
        font-size: 15px;
        line-height: 32px;
        background: var(--bg-white);
        margin: 0;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, background-color .3s ease-in-out;
        text-align: center;
        color: #232323;
        border: 1px solid #efeff4;
        box-shadow: 0 5px 15px rgba(65,65,65,.10196078431372549);
        margin-bottom: 3px;
        display: block;
    }
    .btndblue {
        color: #fff;
        background-color: #014a6d;
        display: inline-block;
        padding: 3px 4px;
        border-radius: 3px;
        border: 1px solid #ccc;
        border-bottom: 3px solid #000;
        border-top: 3px solid #014a6d;
        box-shadow: 1px 2px 2px #d8d8d8;
        font-size: 15px;
        cursor: pointer;
        line-height: 24px;
    }
    .btndblue i {
        color: #fff;
        font-size: 18px;
        vertical-align: baseline;
    }
    .btnsendquery::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--prolistsendquehoverbg);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 4px 4px 3px 3px !important;
    }
    .btnsendquery:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    .btndownload {
        position: relative;
        background: var(--btndownloadbg);
        color: var(--btndownloadcolor);
        padding: var(--btnpadding);
        border-radius: var(--btnradius);
        border: var(--btndownloadborder);
        border-bottom: var(--btndownloadborderbottom);
    }
    .btndownload::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--prolistsendquehoverbg);
        border-radius: var(--btnradius);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .btnblue {
        position: relative;
        background: var(--btnbg);
        color: var(--btncolor);
        padding: var(--btnpadding);
        border-radius: var(--btnradius);
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
    }
    .btnblue::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--prolistsendquehoverbg);
        border-radius: var(--btnradius);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    
    .buttonncommon:before {
        background: var(--btnbgbefore);
        border-radius: var(--btnradius);
    }
    .btnblue:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    #btnForgotPassword:hover {
            background: var(--btnbgbefore);
    }
    .btnblue, .btnblue:hover, .btn-secondary, .btnicon, .btnsendquery, .btnsendquery:hover, .btnaddtocart:hover{
        -moz-border-radius: 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }
    .btnsendquery:hover, .buttonncommon:hover, .btnblue:hover {
        color: var(--btnhovercolor);
        border: var(--btnborderhover);
        border-bottom: var(--btnborderhoverbottom);
    }
    
    .cancelsecbtn {
        -moz-user-select: none;
        background: #dc3545 none repeat scroll 0 0;
        border: medium none;
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 1;
        margin-bottom: 0;
        padding: 10px 30px;
        text-align: center;
        text-transform: uppercase;
        touch-action: manipulation;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        z-index: 1;
    }
    
    .cancelsecbtn::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: #00467a;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 5px;
    }
    .cancelsecbtn:hover {
        color: #fff;
    }
    .cancelsecbtn:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }
    .cancelsecbtn, .cancelsecbtn:hover {
        -moz-border-radius: 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }
    .cancelsecbtn:hover {
        color: #fff;
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }
    .faqmain .contactformdsgn {
        margin-top: 0px;
    }
    .checkboxcommon {
        margin-bottom: 10px;
        margin-top: 0;
        color: #687074;
        cursor: pointer;
        font-size: 14px;
        line-height: 25px;
        padding-left: 0;
        font-weight: 400;
        display: flex;
        overflow: hidden;
        position: relative;
        align-items: center;
    }
    .checkboxcommon input {
        border-color: #8bdccd;
        -ms-transition: border-color .3s;
        -moz-transition: border-color .3s;
        -webkit-transition: border-color .3s;
        width: 15px;
        height: 15px;
        outline: none;
        display: block;
        background: var(--bg-white);
        border-width: 2px;
        border-style: solid;
        margin-right: 5px;
    }
    .checkboxcommon a{
        margin-left: 5px;
    }
    .faqmain .contactformdsgn input.form-control, .faqmain .contactformdsgn textarea.form-control {
        color: #939393;
    }
    .faqmain .contactformdsgn input.form-control::placeholder {
        color: #cccccc;
    }
    .rightimg-withwrapcontent {
        width: 40%;
        float: right;
        margin-left: 40px;
        margin-bottom: 40px;
        margin-top: -45px;
    }
    #tblShoppingCart .product-it-in a.cancelsecbtn{
        padding: 5px 10px;
    }
    table tbody tr td .product-it-in {
        padding-right:50px;
        min-height: 75px;
            width: 91%;
        float: right;
    }
    
  
    .productdetailspagedesign table tbody tr td .product-it-in {
        width: 100%;
    }
    .productdetailprice .wishListQty {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    /*--------------------------- Service Request START Css --------------------------------*/
    .service-req .sky-form {
           padding:0px;
    }
    .service-req .sky-form .contactformdsgn {
        margin:0px;
    }
    .servicereqfield {
        padding: 15px 5px;
    }
    
    
    /*--------------------------- Service Request END Css --------------------------------*/
    
    .otherbredcum  .brdcrum #breadcrumbs .breadcrumb {
        padding: 12px 0px;
        margin-left: 0;
    }
    .otherbredcum .brdcrum {
        padding: 12px 0px;
        margin-left: 0;
    }
    otherbredcum ul li:first-child {
        margin-left: 0px;
    }
    .otherbredcum ul li {
          display: inline-block;
        list-style: none;
        margin-left: 10px;
        margin-bottom: 0;
        border-right: 1px solid #cecece;
        padding-right: 10px;
    }
    #dvReviewForm .sky-form {
        padding: 0;
    }
    .compareprintbtn {
            display: inline-block;
        margin-bottom: 5px;
    }
    .compareprintbtn .btnblue {
        padding: 6px 15px;
    }
    #anchorAddToCart{
        margin-top: 5px;
    }
    #dvporductcomparelist {
        padding-top:30px;
    }
    
    /* --------------- Contact Us Css Start ------------- */
    .contactuspage{
        background: #f9f9f9;
        
    }
    .contactuspage .contact-sec1 {
        background: #f9f9f9;
        padding: 0px 30px;
    }
    
    .header-fixed .contact-formleftside{
        top: 140px;
    }
    .contact-formleftside{
        width: 50%;
        padding: 15px 80px;
        background-color: white;
        height: 600px;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }
    .contactuspage .contact-formleftside .btncommon{
        width: 100%;
    }
    .contact-headleftside h2{
        margin:0px 0px 15px 10px;
    }
    .contactuspage .sky-form{
        padding: 0px;
    }
    .main_wrap {
        padding: 40px 0 70px;
        background: #f9f9f9;
    }
    .wrap2 {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
    .ovh, .hid {
        overflow: hidden;
    }
    .tc {
        text-align: center;
    }
    .contact-sec1 h2 {
        font-size: 28px;
        letter-spacing: 0px;
        font-weight: bold;
        margin-bottom: 16px;
    }
    .contact-sec1 .bra {
        border-radius: 0;
        margin-top: 18px;
    }
    .hotline_box {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        background: var(--bg-white);
        border-radius: 20px;
    }
    .hotline_box dl {
        width: 50%;
        text-align: center;
        padding: 35px 5px;
        position: relative;
        float: left;
    }
    .hotline_box dl:nth-child(1):before, .hotline_box dl:nth-child(3):before {
        width: 0;
        height: 60%;
        border-right: 1px solid #ddd;
        content: '';
        position: absolute;
        right: 0;
        top: 20%;
    }
    .c-64656a {
        color: #64656a;
        font-size: 22px;
        margin: 18px 0px 10px;
        font-weight: 600;
    }
    .contact-sec1 a.mailto-cont {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }
    .mt45 {
        margin-top: 45px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .contact_list {
        background: var(--bg-white);
        border-radius: 0;
        padding: 40px 5px;
        display: flex;
        justify-content: space-between;
    }
    .contact_list a {
        display: block;
        text-align: center;
        position: relative;
        padding: 0 20px;
    }
    .contact_list a .img {
        width: 40px;
        height: 40px;
        overflow: hidden;
        margin: 0 auto;
    }
    .contact_list1 .c-64656a {
        color: #64656a;
        font-size: 14px;
        margin: 6px 0 0px;
        font-weight: 100;
    }
    .contact_list a:hover .img img {
        margin-top: -100%;
    }
    .bg-wht-address .tag-box.tag-box-v2:first-child {
        width: 50%;
        background: var(--bg-white);
    }
    .bg-wht-address .tag-box.tag-box-v2 {
        text-align: left;
        display: inline-block;
        float: left;
        padding: 13px 23px;
        min-height: 330px;
    }
    .bg-wht-address .tag-box.tag-box-v2 h4{
        margin-bottom: 18px;
    }
    .bg-wht-address .tag-box.tag-box-v2 p {
        font-size: 14px;
        line-height: 22px;
    }
    .bg-wht-address .tag-box.tag-box-v2:nth-child(2) {
        width: 50%;
        background: #f2f2f2;
    }
    .bg-wht-address .tag-box.tag-box-v2 a {
        color: #333;
        font-size: 14px;
    }
    .bg-wht-address .tag-box.tag-box-v2 a:hover{
        color: #7e7e7e;
    }
    .bg-wht-address .tag-box.tag-box-v2 ul li{
        margin-bottom: 10px;
    }
    /* --------------- Contact Us Css End ------------- */
    .owl-slider {
        clear: both;
    }
    .brndslogohome{
        background: #f7f7f7;
        padding: 30px 0px 5px;
    }
    .brndslogohome ul.brand-home{
    width: 100%;
        text-align: center;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        margin-left:0px;
    }
    
    .brndslogohome ul.brand-home li{
        width: 14%; 
        margin: 0 0px 25px;
        padding: 8px 0px;
        border: none;
        border-radius: 15px 15px 15px 15px !important;
    }
    .brndslogohome ul.brand-home li.item:hover{
        box-shadow: 0px 9px 8px #bcbcbc3b;
    }
    .brndslogohome ul.brand-slider{
    display: flex;
    flex-wrap: nowrap;
    }
.brndslogohome .brandslider2 ul.brand-slider{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    }  
    .brndslogohome ul.brand-slider li{
        width: 14%; 
        margin: 0 0px 25px;
        padding: 8px 0px;
        border: none;
        border-radius: 15px 15px 15px 15px !important;
            text-align: center;
    }
    .brndslogohome ul.brand-slider li.item:hover{
        box-shadow: 0px 9px 8px #bcbcbc3b;
    }
    .respshow {
        display: none;
    }
    .log-reg-v3 .input input::-moz-placeholder{color:#ccc}
    .log-reg-v3 .input input:-ms-input-placeholder{color:#ccc}
    .log-reg-v3 .input input::-webkit-input-placeholder{color:#ccc}
    
    /*bhoechie-tab-menu start*/
    div.bhoechie-tab-menu div.list-group{
    padding-right: 22px;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 262px;
        width: 100%;
        position: sticky;
    }
    div.bhoechie-tab-menu div.list-group::-webkit-scrollbar {
        width: 4px;
        background-color: #F5F5F5;
    }
    div.bhoechie-tab-menu{
      padding-bottom: 0;
    }
    div.bhoechie-tab-menu div.list-group{
      margin-bottom: 0;
    }
    div.bhoechie-tab-menu div.list-group>a{
        margin-bottom: 0;
        text-overflow: ellipsis;
        padding: 10px 12px;
        text-align: left !important;
    }
    div.bhoechie-tab-menu div.list-group>a.active{
        background: #00467a;
        color: #fff;
    }
    div.bhoechie-tab-menu div.list-group>a.active:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-left: 10px solid #063870;
    }
    div.bhoechie-tab-menu div.list-group>a:hover{
        background: #e4ecf2;
        color: #083f74;
    }
    div.bhoechie-tab-menu div.list-group>a .glyphicon,
    div.bhoechie-tab-menu div.list-group>a .fa {
      color: #5A55A3;
    }
    
    div.bhoechie-tab-menu div.list-group>a.active,
    div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
    div.bhoechie-tab-menu div.list-group>a.active .fa{
      background-color: #063870;
      color: #ffffff;
    }
    div.bhoechie-tab-menu div.list-group>a.active:after{
      content: '';
      position: absolute;
      left: 100%;
      top: 50%;
      margin-top: -13px;
      border-left: 0;
      border-bottom: 13px solid transparent;
      border-top: 13px solid transparent;
      border-left: 10px solid #063870;
    }
    div.bhoechie-tab-content{
      background-color: #ffffff;
      /* border: 1px solid #eeeeee; */
          width: 100%;
      padding-left: 0px;
      padding-top: 0px;
    }
    
    div.bhoechie-tab div.bhoechie-tab-content:not(.active){
      display: none;
    }
    /*bhoechie-tab-menu end*/
    
    /*Gallery Start*/
    .gallery {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }
    .verticalslider_contents .gallery li {
        border: 1px solid #CCC;
        padding: 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .gallery li .dvEventImage {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .activeSolution .contact-menu3{
        padding-right: 22px;
    }
    /*Gallery End*/
    /*--------------Career Page Design CSS Start-----------*/
    .careerdesign {
        background: #e4e4e433;
        padding: 30px 0px;
    }
        .careerdesign .h1mainhead {
        margin-bottom: 15px;
        }
       .careerdesign .infolist {
        margin-bottom: 10px;
    }
    .careerdesign .infolist .elementor-icon img {
    width: 50px;
    }
     .careerdesign .infotitle h4 {
        font-size: 22px;
        font-weight: 400;
        margin-top: 18px;
        padding-bottom: 10px;
        color: #084d7e;
    }
     .careerdesign .infotitle p {
    font-size: 16px;
        font-weight: 300;
        line-height: 18px;
    }
        .careerdesign .bhoechie-tab .tab-content hr {
        margin-top: 8px;
        margin-bottom: 20px;
        border-bottom: 1px solid #b6b6b6;
        }
    .careerdesign .shadow-effect-2{
        border:none;background-color: #fff0;
    }
        .careerdesign .shadow-effect-2:after, .careerdesign .shadow-effect-2:before {
            display:none;
        }
    .careerdesign .title_bg h1{
           margin: 0px;
    }
    .header-fixed .careerdesign .bhoechie-tab-menu {
        top: 140px;
    }
    .careerdesign .bhoechie-tab-menu div.list-group {
    max-height: 850px;
        position: relative;
    }
    .careerdesign .h1mainhead h2 {
        padding-top: 0px;
    }
    .careerdesign .bhoechie-tab .tab-content{
        min-height: auto;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
    }
    .careerdesign .bhoechie-tab-menu ul li {
        width: 100%;
        margin-bottom: 0px !important; 
    }
    .careerdesign .bhoechie-tab-menu ul li a {
        text-overflow: ellipsis;
        padding: 10px 12px;
        text-align: left !important;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        border: 1px solid #80808033;
            border-bottom: none;
    }
    .careerdesign .bhoechie-tab-menu ul li a:hover {
        padding: 10px 12px;
        background: #e4ecf2;
        color: #083f74;
    }
    .careerdesign div.bhoechie-tab-menu ul li.active {
        background: var(--bg-white);
        color: #848689;
    }
    .careerdesign div.bhoechie-tab-menu ul li.active a{
        background: var(--bg-white);
        color: #848689 !important;
    }
    .careerdesign ul li.active a:focus{
        padding: 10px 12px !important;
    }
    .careerdesign div.bhoechie-tab-menu ul li a.active{
        background: #00467a;
        color: #fff !important;
    }
    .careerdesign .bhoechie-tab-menu .list-group>a:last-child {
        border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
    }
    .careerdesign .bhoechie-tab .tab-content .active {
        display:none;
    }
    .careerdesign .bhoechie-tab .tab-content .active.show{
        display: block;
        /*background: var(--bg-white);*/
        margin-bottom: 0px;
    }
    .careerdesign div.bhoechie-tab-menu ul li a:after{
             content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-left: 10px solid #063870;
        opacity:0;    background: none;
    }
    
    .careerdesign div.bhoechie-tab-menu ul li a.active:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-left: 10px solid #063870;
        opacity:1;    background: none;
    }
    .careerdesign .bhoechie-tab .tab-content .active.show .career-content h2, .careerdesign .bhoechie-tab .tab-content .active.show .career-content h3 {
        font-size: 18px;
        margin: 18px 0px 6px;
        color: #333;
    } 
    .careerdesign .bhoechie-tab .tab-content .active.show .career-content p{
            margin-bottom: 0;
    }
    .careerdesign .bhoechie-tab .tab-content .active.show .career-content {
        margin-bottom: 0px;
    }
    .careerdesign .career-form {
        background: #b4b5fe21;
        padding: 20px;
    }
    .careerdesign .listviewjob .infolist {
        display: flex;
        justify-content: space-between;
        margin: 0;
    }
    .careerdesign .listviewjob .infolist.joblisthaed{
    background: #d3d3d3;
        padding: 5px 5px;
        border-radius: 3px;
    }
    .careerdesign .listviewjob .infotitle h4 {
    font-size: 16px;
        margin: 5px 0;
        padding-bottom: 0px;
        font-weight: 500;
        color: #000;
    }
    .careerdesign .listviewjob h3 {
        margin: 0;
    }
    .listviewjob span.innerspanmain {
        padding-left: 0px;
        margin-bottom: 0px;
        font-size: 15px;
        text-transform: initial;
        font-weight: 400;
    }
    .listviewjob span.innerspanmain::before {
        display:none;
    }
    .listviewjob .card-body{
        border: 1px solid #ddd;
        padding: 10px;
        box-shadow: 1px 1px 3px #ddd;
        border-radius: 3px;
    margin-top: 15px;
    }
    .listviewjob .infotitle, .listviewjob .detail-title {
        min-width: 20%;
        text-align:left;
        padding-right: 22px;
    }
    .listviewjob .infotitle:first-child, .listviewjob .detail-title:first-child {
        min-width: 24%;
    }
    .careerdesign .listviewjob .bhoechie-tab .tab-content .active.show {
        padding: 0;
        margin-bottom: 0px;
    }
    .listviewjob .btnblue {
        min-width: 80px;
        display: inline-block;
    }
    .careerdesign .listviewjob .career-form {
        margin-top: 15px;
    }
    /*--------------Career Page Design CSS End-----------*/
    
    /*-------------- Query Thanks Page Design CSS Start-----------*/
    .default-thankspage{
        padding:60px 0px;
        text-align:center;
        min-height: 580px;
            background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .sendqurypagebg{
        background-image: url(/DMS/images/send-query-thanks-bg.jpg);
    }
    .contactthankspagebg{
         background-image: url(/DMS/images/contact-thanks-bg.jpg);
    }
    .default-thanksmsgs {
        padding:80px 0px;
    }
    .default-thanksmsgs h2{
        font-size: 36px;
        color: #333;
        margin-bottom:25px;
    }
    .default-thanksmsgs h2 span{
        color: #0a9900;
    }
    .default-thanksmsgs p{
        font-size: 22px;
        color: #333;
        margin: 0px 0px 6px;
    }
    .default-thanksmsgs p a {
        color: #545454;
    }
    .default-thanksmsgs p#paragraph_div{
        margin-bottom: 25px;
    }
    .default-thanksmsgs .subParagraph_Sub {
            color: #0e3c5e;
        font-weight: 600;
    }
    /*-------------- Query Thanks Page Design CSS End-----------*/
    
    /*-------------- Login Reg. Page Design CSS Start -----------*/
    .log-reg-v3 {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .log-reg-v3 .md-margin-bottom-50 {
        margin-bottom: 30px;
    }
    .login-bg {
        background: rgba(255, 255, 255, 0.75);
        height: 100%;
    }
    .log-reg-v3 .login-bg .log-reg-block#sky-form4 {
        padding: 0px 0px;
    }
    .log-reg-v9 .login-bg .reg-pg-rgtsd .log-reg-block#sky-form4 .login-input.reg-input{
        display: flex;
        justify-content: space-around;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .log-reg-v9 .login-bg .reg-pg-rgtsd .log-reg-block#sky-form4 .login-input.reg-input section{
        width: 47%;
        display: inline-block;
    }
    .log-reg-v3 .log-reg-block {
        padding: 20px 10px;
        margin-bottom: 0px;
    }
    .log-reg-v3 .log-reg-block {
        padding: 20px;
        margin-bottom: 20px;
        /* box-shadow: 0 0 2px #ccc; */
    }
    .login_bg {
        background-size: 100% 100%;
        padding: 5%;
        margin-right: 0px;
        position: relative;
    }
        .left-sd-cntnt-dtl .login_bg h1 {
            color: #fff;
        }
    .log-reg-v3 h3 {
        font-size: 18px;
        padding: 5px 0px;
        border-radius: 15px;
        color: #fff;
        margin-bottom: 15px;
    }
     .log-reg-v3 .login_bg p{
        text-align: left;
        bottom: 10%;
        font-weight: 400;
    }
     .log-reg-v3 .login_bg p a{
        display: block;
        color: #278bed;
    font-weight: 600;
    }
    .log-reg-v3 h3 img {
        width: 25px;
        margin-right: 15px;
    }
    .login1 {
        box-shadow: none;
        margin-top: 0px;
        float: right;
        background: none;
        position: relative;
            border: 1px solid #ddd;
        border-left: none; 
    }
    .singleloginbox .login-bg .headline h1{
    text-align: left;
        font-size: 28px;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        line-height: 32px;
        margin-bottom:0px;
    }
    .login1.singleloginbox {
        border-left: 1px solid #ddd;
        border-radius: 0px 15px 15px 0px;
        box-shadow: none;
        border: 1px solid #f4f4f4;
    }
    .login1.singleloginbox.col-center {
        border-radius: 15px;
    }
    .login-bg .headline.top-lftrt{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
    }
    .log-reg-v3 .singleloginbox .log-reg-block h5.login {
    text-align: right;
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 0px;
            width: 75%;
    }
        .log-reg-v3 .singleloginbox .log-reg-block h5.login a {
            color: #278bed;
        }
    .forgatepass h5{
            width: 100%;
        text-align:right;
    }
    .log-reg-v3 .singleloginbox .log-reg-block p.login {
    text-align: center;
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 15px;
    }
    .forgatepass p{
            width: 100%;
        text-align:right;
    }
    .log-reg-v3 .recoverpasspage .singleloginbox .log-reg-block{
            min-height: auto;
    }
    .recoverpasspage #dvForgotPassword input{
       border-radius: 0px;
        margin-bottom: 8px;
    }
    .recoverpasspage .login-bg .headline.top-lftrt {
            margin: 0;
    }
    .log-reg-v3 .recoverpasspage .singleloginbox .log-reg-block p.login{
            margin-bottom: 15px;
            text-align:left;
    }
    
    
    #dvResetPassword input{
       border-radius: 0px;
    }
     .login1.singleloginbox .login-bg {
        background: #ffffff;
        border-left: none;
            border-radius: 15px;
    }
    #dvSocialMedia {
        display: flex;
        gap: 10px;
        justify-content: center;
    }
.login1.singleloginbox .SocialMediaLoginIcon {
    /*width: 100%;*/
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    }
    .login1.singleloginbox .SocialMediaLoginIcon a, .login1.singleloginbox .SocialMediaLoginIcon .customGPlusSignIn{
        width: 100%;
            display: flex;
        align-items: center;
        justify-content: center;
    }
    .login1 .lostpsw button.btnblue  {
        width: 100%;
        border-radius: var(--btnradius);
        margin-top: 6px;
    }
    .forgatepassrltv {
            position:relative;
    }
    .forgatepassrltv .forgatepass{
             position: absolute;
        right: 1px;
        top: -4px;
    }
    .forgatepassrltv .forgatepass a{
    color: #333333b5;
        font-weight: 400;
        font-size: 11px;
    }
    .login1.singleloginbox .SocialMediaLoginIcon a i, .login1.singleloginbox .SocialMediaLoginIcon .customGPlusSignIn i{
        float:left;
            padding-right: 10px;
    }
    .login1.singleloginbox .SocialMediaLoginName {
    font-size: var(--btnfontsize);
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.btn-u-fb {
            background: #3b5998;
        border: 2px solid #3b5998;
        color: #fff;
            margin: 0;
            font-weight: 300;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.btn-u-fb .SocialMediaLoginName{
        text-transform:capitalize;
    }
    .log-reg-v3 .login1.singleloginbox .SocialMediaLoginIcon .btnblue.btn-u-fb:hover {
        background: #3b5998;
        border-radius: 0;
    }
    .log-reg-v3 .login1.singleloginbox .SocialMediaLoginIcon .btnblue.btn-u-fb::before {
        background:#304e8d;
        border-radius: 0;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customGPlusSignIn {
            background: #df4c38;
        color: #fff;
        border: 2px solid #df4c38;
        font-weight: 300;
            margin: 0;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customGPlusSignIn .SocialMediaLoginName{
        text-transform:capitalize;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customGPlusSignIn:hover {
        background: #df4c38;
        border-radius: 0;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customGPlusSignIn::before {
        background:#d5402b;
        border-radius: 0;
    }
    
    .log-reg-v3 .login1.singleloginbox .btnblue.customlinkedinSignIn {
            background: #0077b5;
        color: #fff;
        border: 2px solid #0077b5;
        font-weight: 300;
        width:100%;
            display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customlinkedinSignIn .SocialMediaLoginName{
        text-transform:capitalize;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customlinkedinSignIn:hover {
        background: #068bd0;
        border-radius: 0;
    }
    .log-reg-v3 .login1.singleloginbox .btnblue.customlinkedinSignIn::before {
        background: #068bd0;
        border-radius: 0;
    }
    .login1 .login-bg {
        padding: 5% 5%;
        background: #fbfbfb;
        border-left: 1px solid #c0999963;
    }
    .log-reg-v3 .login-bg .log-reg-block {
        padding: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        min-height: auto;
    }
    .log-reg-v3 .log-reg-block h2 {
        margin-bottom: 20px;
    }
    .log-reg-v3 .log-reg-block h2 {
        font-size: 38px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 10px;
        text-transform: none;
        margin-top: 0;
    }
    .log-reg-v3 .log-reg-block p.login {
        font-size: 22px;
        font-weight: 300;
    }
    p.login {
        text-align: left;
        font-size: 22px;
        margin: 0px;
        margin-bottom: 20px;
    }
    .log-reg-v3 .log-reg-block section {
        margin-bottom:0px;
        background: none;
    }
    .log-reg-v3 .log-reg-block label {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 3px;
        color: #000;
    }
    .log-reg-v3 .log-reg-block label.checkbox {
        line-height: 18px;
        display: flex;
    }
    .log-reg-v3 .log-reg-block label.checkbox i.fa-whatsapp {
        height: 22px;
        background-position: -1161px -412px;
    }
    .log-reg-v3 .log-reg-block label input[type="checkbox"] {
        margin-bottom: 5px;
        float: left;
    }
    .log-reg-v3 .input-group {
        display: inline-table;
        margin-bottom: 20px;
    }
    .login1 .log-reg-block .login-input span {
        color: #ccc;
    }
    .login1 .log-reg-block .login-input span {
        border-radius: 5px 0px 0px 5px;
    }
    .log-reg-v3 .login-input span, .log-reg-v3 .login-input input {
        color: #ccc;
        border-color: #ccc;
    }
    .login1 .input-group-addon {
        color: #b3b3b3;
        font-size: 14px;
        background: var(--bg-white);
    }
    .login1 .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .log-reg-v3 .login-input .form-control {
        color: #555;
        font-weight: 400;
        border-radius: 0px 0px;
        border-color: #ccc;
        margin-bottom:3px; 
    }
    .log-reg-v3 .login-input input {
        height: 35px;
    }
    .log-reg-v3 .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .log-reg-v3 .login-input i.fa-lock{
        opacity: 0;
    }
    
    .login1 .btnblue {
        color: var(--btncolor);
        display: inline-block;
        padding: var(--btnpadding);
        margin-top: 20px;
        border: var(--btnborder);
        box-shadow: none;
        font-size: var(--btnfontsize);
        font-weight: 500;
        line-height: 24px;
        min-width: 100px;
        width: auto;
        background-color: var(--btnbg);
    }
    .log-reg-v3 .btnblue:hover{
        border: var(--btnborderhover);
        color: var(--btnhovercolor);
    }
    .log-reg-v3 .btnblue.btn-u-fb {
        background: none;
        border: 2px solid #3b5998;
        color: #3b5998;
    }
    .log-reg-v3 .btnblue.customGPlusSignIn {
        background: none;
        color: #df4c38;
        border: 2px solid #df4c38;
    }
    .log-reg-v3 .btnblue.btn-linkedin {
    background: none;
        color: #3aa2cf;
        border: 2px solid #3aa2cf;
    }
    #togglePassword{
        position: absolute;
        z-index: 999999;
        bottom: 2px;
        right: 12px;
    }
    .login1 .log-reg-block .login-input span.input-group-addon{
        padding: 1px 15px;
    }
    .log-reg-v3 .login-input i.usericon {
        background-position: -512px -260px;
    }
    .login-input .usericon:after {
        font-size:22px;
    }
        #togglePassword.iconcomn  {
        font-size: 22px;
        line-height: 15px;
        }
    body .log-reg-v3 .btn-u.btn-u-sea-shop {
        margin-top: 0px;
        margin-left: 30px;
        margin-bottom: 0;
        background: var(--bg-white);
        border-radius: 4px;
        color: #000;
        border: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        box-shadow: #cdcdcd 0px 1px 3px 0px;
        font-size: 18px;
        text-transform: initial;
        min-width: 115px;
        width: auto;
    }
    body .btn-u.btn-u-sea-shop {
        padding: 6px 10px;
    }
    body .btn-u.btn-u-sea-shop {
        padding: 6px 10px;
    }
    .login1 .clr {
        position: relative;
        text-align: center;
    }
    .log-reg-v9 .login1 .clr {
        margin-top: 25px;
    }
    .log-reg-v9 .login1 .login-bg .alert-msg .alert.alert-danger{
        line-height: 20px;
        color: #f00;
        opacity: 1;
        padding: 5px 12px;
        font-size: 13px;
        font-weight: 500;
        position: absolute;
        top: -34px;
        background: var(--bg-white);
        text-align: left;
        border: 1px solid #f00;
        border-radius: 6px 6px 0px 0px;
        right: -1px;
        border-bottom: 3px solid #f00;
    }
    .login1 .clr hr {
        margin: 18px 0 20px;
        border-color: #fff;
        opacity: 1;
    }
    .login1 .login-bg .clr hr {
        margin: 6px 0 23px;
        border-color: #9f9f9f;
    }
    .login1 .clr span {
background-color: #fbfbfb;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    position: absolute;
    text-transform: lowercase;
    top: -11px;
    padding: 0px 10px;
    display: inline-block;
    margin-left: -56px;
    }
    .margin-bottom-10 {
        margin-bottom: 10px;
    }
    .log-reg-v3 .sky-form .btn-u {
        text-transform: uppercase;
        padding-left: 10px;
        color: #fff;
    }
    .log-reg-v3 .sky-form .btn-u.btn-u.btn-u-fb {
       font-size: 13px;
        border-radius: 10px;
    }
    
    
    .log-reg-v9 .left-sd-cntnt-dtl{
        margin: 0;
        z-index: 66;
        background: #ffffff;
        background-image: url(/DMS/Images/logincontentbg.jpg);
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: right bottom;
          border: 1px solid #f4f4f4;
         border-right:none;
             border-radius: 15px 0px 0px 15px;
    }
    .log-reg-v3 .login-bg .log-reg-block .headline h1 {
        margin-bottom: 0px;
    }
    .log-reg-v9 .btn-u.btn-u-gl{
        padding: 12px 12px;
        font-size: 13px;
        text-align: center;
        border-radius: 0px;
        cursor: pointer;
    }
    .log-reg-v3 .log-reg-block .btn-u-gl:hover {
        background: var(--bg-white);
    }
    .rgstr-brdcm{
        padding: 145px 0px 0px;
    }
    .rgstr-brdcm ul.breadcrumb-v5{
        top: 78%;
    }
    .login-brdcm{
        padding: 195px 0px 0px;
        margin-top: -110px;
    }
    .login-brdcm ul.breadcrumb-v5{
        top: 78%;
        margin-top: -39px;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg .clr{
        position: relative;
        margin-bottom: 50px;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg .clr span{
        background: #f7f7f7;
        position: absolute;
        top: -12px;
        left: 46%;
        padding: 0px 15px;
    }
    .log-reg-v9 .reg-pg-rgtsd:before{
        display: none;
    }
    
    .log-reg-v3 .reg-input .input, .log-reg-v3 .reg-input .select {
        display: block;
        margin-bottom: 12px;
    }
    .log-reg-v3 .checkbox input + i:after {
        color: #013e6a;
        font-size: 11px;
    }
    .log-reg-v3 .checkbox i {
        border-color: #004c74;
    }
    .log-reg-v3 .checkbox i.fa-whatsapp {
        border-color: #004c74;
        color: #4CAF50;
        font-size: 16px;
    }
    .log-reg-v3 .checkbox input:checked + i {
        border-color: #004c74;
    }
    .login1.reg-pg-rgtsd .login-bg .login-input.reg-input{
        margin-bottom: 12px;
    }
    .login1.reg-pg-rgtsd .login-bg #btnSave{
        margin-top: 15px;
    }
    .log-reg-v3 .input-group {
        display: inline-table;
        position: relative;
        border-collapse: separate;
        z-index: 0;
    }
    .login1 .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .login1 .log-reg-block .login-input span {
        color: #ccc;
    }
    .login1 .log-reg-block .login-input span {
    border-radius: 0px 5px 5px 0px;
        min-height: 35px;
            font-size: 12px;
    }
    .log-reg-v3 .login-input i {
    font-size: 16px;
        min-width: 25px;
        color: #00467a;
        line-height: 20px;
    }
    /*-------------- Login Reg. Page Design CSS End -----------*/
    
    
    /*ForgotPasswordOTP CSS Start*/
    .login1 .login-bg {
        padding: 3%;
    }
    .forgotpasswordotp .forget-otp h1 {
        text-align: left;
        font-size: 30px;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        margin-bottom: 10px;
    }
    .forgotpwdsubmitverify {
        position: relative;
    }
    .forgotpwdsubmitverify input{
        width: 100%;
    }
    .forgotpwdsubmitverify button#btnVerifyAccount{
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        padding: 7px 14px;
        border-radius: 0px;
    }
    .ResendVerificationCode label{
        color: #000;
    }
    .ortext{
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
        color: #999;
        font-weight: 800;
    }
    /*ForgotPasswordOTP CSS END*/
    
    /* cataloguepage img animation css start */
    .cataloguepage .download-content .left{ 
        position: relative;
        min-height: auto;
        border-radius: 0;
        overflow: hidden;
    }
    .cataloguepage .download-content .left:before{ 
        content: "";
        height: 222px;
        left: 0px;
        top: 41px;
        position: absolute;
        width: 520px;
        background-color: rgb(255 255 255 / 43%);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
        transition: all .6s;
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
        -webkit-transition: all .6s;
        z-index: 99;
    }
    .cataloguepage .download-content .media-content:hover .left:before{ 
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 101%, 0);
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
    }
    /* cataloguepage img animation  css end */
    
    /*-------------- After Login Page Design CSS Start -----------*/
    .quotationitemdetailfont-size{
        font-size: 12px;
    }
    table#tblRFQTran{
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }
    .accmain table th, .myaccountsection table th {
        color: #333;
        text-transform: capitalize;
    }
    .myaccountsection .results_cnt_product.table-responsive.col-md-12{
        float: left;
        margin-left: 2%;
        width: 78%;
    }
    select.form-control {
        --bs-form-select-bg-img: url(/assets/img/selectarrow.svg);
        display: block;
        width: 100%;
        padding: 5px 5px;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        background-color: var(--bs-white);
        background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
        background-repeat: no-repeat;
        background-position: right 0.25rem center;
        background-size: 16px 12px;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.25rem;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    /*-------------- After Login Page Design CSS End -----------*/
     
    /*-------Quotation List page Css Start-----*/
    .QuotationListlastpage table tr th{
        font-size: 14px;
        font-weight: 600;
    }
    .QuotationListlastpage .qtsnsearch table tr td input, .QuotationListlastpage .qt_list table tr td input{
        padding: 9px 10px !important;
        height: 36px;
    }
  .QuotationListlastpage .qtsnsearch .quantity {
    width: 100px;
}
    .QuotationListlastpage .qtsnsearch table tr td input.input-number {
    padding: 9px 5px !important;
    height: 30px;
}
    .brandpricelist {
        margin-top: 10px;
    }
    .ui-widget-content {
        border: 1px solid #aaaaaa;
        background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
        color: #222222;
    }
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
        z-index: 99;
    }
    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px 0.4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
        border-bottom:1px solid #ddd;
    }
        .ui-menu .ui-menu-item:hover {
        border:1px solid #ccc;
        background:#f9f8f2;
       padding: 3px 1em 3px 0.4em;
        }
    .QuotationListlastpage .product-it-in .product-ratings li.like-icon .bagselect {
    background: var(--bg-white);
        color: #fff;
        border-radius: 4px;
        border: 1px solid #efeff4;
        box-shadow: 0 5px 15px rgba(65,65,65,.10196078431372549);
    }
    .QuotationListlastpage .product-it-in .product-ratings li.like-icon .bagselect i {
        color: #fff;
    }
    /*-------------- WhatsApp CSS START ------------*/
    .whats-app-div {
        position: fixed;
        z-index: 999;
        bottom: 22px;
        left: 15px;
    }
    .whats-app-div a .fab {
        font-size: 28px;
        margin-right: 10px;
        color: var(--social-whatsapp);
    }
    .whats-app-div a {
        background-color: var(--bg-white);
        border: 1px solid #c8c8c84a;
        box-shadow: 1px -6px 6px #3333330d;
        border-bottom: none;
        color: var(--social-whatsapp);
        padding: 3px 6px;
        border-radius: 4px 4px 0px 0px;
        font-size: var(--font-sm);
        font-weight: var(--font-normal);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .footer-whatsap-popup {
        display: none;
    }
        .whats-app-div #whatsappshow {
            border-radius: 41px;
            background: #25d366;
            color: #fff;
            display: inline-block;
        }
        .whats-app-div #whatsappshow .fab {
            color: #fff;
            margin: 0px;
            font-size: 34px;
        background-size: 612px 383px;
        background-position: -1172px -634px;
            background-image: var(--iconwhite);
        }
        .whats-app-div .whatsappheader {
            background: #00d670;
            display: block;
            padding: 12px 18px;
            color: #ffffffd6;
            border-radius: 22px 22px 0px 0px;
        }
        .whats-app-div .whatsappheader .fab {
            font-size: 28px;
        }
        .whats-app-div .whatsappheader span {
            font-size: 18px;
            position: relative;
            bottom: 4px;
            left: 8px;
        }
    .whats-app-div .footer-whatsap-popup {
        background: #f5fdf9;
        padding: 0;
        border-radius: 30px;
        width: 400px;
    }
    .whats-app-div #whatsappclose {
        display: inline-block;
        color: #ffffffd6;
        float: right;
        font-size: 14px;
        background: #3333338a;
        border-radius: 50px;
        width: 28px;
        height: 28px;
        padding: 3px 3px;
        border: 1px solid #fff;
        position: relative;
        top: 3px;
        right: 8px;
    }
    .whatsap-popupmsgbutton {
        padding: 25px 30px 122px;
        position: relative;
    }
        .whatsap-popupmsgbutton a {
            background: #00d979;
            color: #fff;
            border-radius: 38px;
            display: inline-block;
            position: absolute;
            bottom: 18px;
            padding: 10px 24px;
            right: 20px;
            font-size: 18px;
        }
        .whatsap-popupmsgbutton .msgwhatsp {
            border-radius: 26px;
            background: var(--bg-white);
            color: #4a4a4a;
            word-break: break-word;
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
            transform: translateZ(0);
            display: block;
            padding: 10px 25px;
            position: relative;
        }
            .whatsap-popupmsgbutton .msgwhatsp:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 18px;
                left: -15px;
                width: 20px;
                height: 10px;
                background: inherit;
                border-radius: 29px 0px 0px 0px;
                clip-path: var(--peak);
            }
        .whatsap-popupmsgbutton a i.fab {
            color: #fff;
            margin: 0px;
            padding-left: 13px;
        }
        .whatsap-popupmsgbutton a span {
            position: relative;
            bottom: 3px;
        }
    .footer-whatsap-popup i.fa-whatsapp {
        background-image: var(--iconwhite);
        width: 30px;
        height: 23px;
        background-position: -1161px -412px;
    }
        /*-------------- WhatsApp CSS END ------------*/
    /*-------Quotation List page Css End-----*/
    ul li.qli-pipe:last-child {
        display: none;
    }
    .headline.top-center h2 {
        margin: 0px 0px 35px;
        font-size: 32px;
        color: #333;
        text-align: center;
        line-height: 30px;
    }
    .cmp-sec-2 img{border-radius:15px;}
    .pad-r-0 {
        padding-right: 0!important;
    }
    .new-category-btn{text-align: right;
        margin-bottom: 15px;}
    .new-category{padding-top: 25px;}
    
    
    .view-all-strip h2{
        width: 75%;
        word-break: break-word;
        font-size: 18px;
    }
    .view-all-strip a{
        margin-left: auto;
    }
    .view-all-strip .quaternary-btn-1 {
        display: inline;
        margin-left: auto;
        font-size: 14px;
    }
    
    .quaternary-btn-1, .quaternary-btn-2, .quaternary-full-btn {
        border-radius: 6px;
        font-size: 12px;
        padding: 5px 15px;
        height: 30px;
        color: var(--primary);
    }
    .enable_bg {
        background: #f7f7f7;
        padding: 71px 20px 1px;
    }
    
    .category-blk-container {
        border-radius: 8px;
        margin-bottom: 40px;
    }
    .category-blk-outer-container {
        margin-bottom: 50px;
    }
    .category-blk-container .category-blk-inner-section {
        position: relative;
        width: 100%;
    }
    
    .category-blk-container .brand-container {
        width: 100%;
        background: transparent linear-gradient(160deg,#fff,#efeff4) 0 0 no-repeat padding-box;
        border-radius: 8px;
        padding: 30px 15px;
    }
    
    .category-blk-container .brand-container .brand-heading {
       
        font-weight: 600;
    }
    
    .category-blk-container .brand-container .circle-brand-block{
        display: flex;
        width: 30%;
        justify-content: space-between;
        padding-top: 15px;
        gap: 15px;
    }
    .category-blk-container .brand-container .circle-brand-block .brand-blk-section {
    font-size: 12px;
        text-align: center;
        width: 30%;
    }
    .category-blk-container .brand-container .circle-brand-block .brand-blk-section .circle-brand-img {
        border: 2px solid #efeff4;
        border-radius: 8px;
        margin: 0 auto 5px;
        padding: 5px;
        background: var(--bg-white);
    }
    
    .category-blk-container .brand-container .circle-brand-block .brand-blk-section .circle-brand-img img {
        width: 100%;
        height: 100%;
    }
    
    .category-blk-container .brand-category-conatiner{
        width: 100%;
        position: absolute;
        width: 65%;
        left: 0;
        right: 0;
        top: -17px;
        margin-left: auto;
    }
    
    .category-blk-container .category-block-container {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        margin-left: auto;
        overflow-x: auto;
        justify-content: flex-end;
    }
    .category-blk-container .category-block-container .category-inner-block {
        margin-right: 20px;
        width: 25%;
        padding: 10px;
        border-radius: 8px;
            text-align: center;
    }
    
    .category-blk-container .category-block-container .category-inner-block img{
        border-radius: 8px;
    }
    .category-blk-container .category-block-container .category-inner-block p {
        font-size: 14px;
        padding-top: 4px;
        text-align: center;
        color: #000;
        font-weight: 700;
        margin-bottom:0px;
    }
    .category-blk-container .category-block-container .category-inner-block span {
        font-size: 12px;
        text-align: center;
        color: #000;
        padding-top: 3px;
        display: block;
    }
    .categorytop.lks-dsn {
        padding: 30px 0px 30px;
    }
    .lks-dsn .heading h2 {
        margin: 0px 0px 30px;
        font-size: 34px;
        color: #333;
        text-align: center;
    }
    .lks-dsn .single-wrapper:hover:after {
        content: "";
        left: 15%;
        top: 237px;
        height: 15px;
        width: 70%;
        position: absolute;
        background: radial-gradient(ellipse at center,rgb(0 0 0 / 12%) 0,transparent 80%);
        transition-duration: .3s;
        display: none;
    }
    .lks-dsn .single-wrapper:hover:after {
        content: "";
        left: 15%;
        top: 237px;
        height: 15px;
        width: 70%;
        position: absolute;
        background: radial-gradient(ellipse at center,rgb(0 0 0 / 12%) 0,transparent 80%);
        transition-duration: .3s;
    }
    .single-wrapper:hover {
        transform: translateY(-15px);
        -webkit-transition: all .18s;
        box-shadow: 0px 4px 12px #7e7e7e5e;
    }
    .lks-dsn .btnblue:hover {
        color: #ffffff;
        background-image: linear-gradient(to right, #004b6d , #1682b3);
    }
    .lks-dsn .btnblue:hover i {
        color: #fff;
    }
    .lks-dsn .content {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .lks-dsn .style-1 h3{
        background: #008d35;
    }
    .lks-dsn .style-2 h3{
        background: #00358b;
    }
    .lks-dsn .style-3 h3{
        background: #ef0000;
    }
    .lks-dsn .style-4 h3{
        background: #ff7e00;
    }
    .lks-dsn .single-wrapper {
        min-height: auto;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
        text-align: center;
        border-top: none;
        background-image: url(../img/white-gray-geometric-pattern.jpg);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        border:2px dashed #cecece;
    }
    .lks-dsn .title-banner {
        margin: 0 0 20px;
        font-family: cursive;
        font-size: 20px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        border: 1px dotted #fff;
        display: inline-block;
        padding: 10px 10px;
        color: #fff;
    }
    .lks-dsn .disct {
        color: #f83232;
        margin: 2px 0 18px;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.2;
        text-align: center;
        background: #ffffff;
        padding: 12px;
        font-family: cursive;
    }
    .lks-dsn .disct span{
    font-size: 18px !important;
        letter-spacing: 0.3px;
        color: #000;
        font-weight: 700;
        font-family: cursive;
    }
    .pages-content {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .filterbandpfix {
    justify-content: space-between;
    background: #ffff;
    border: 1px solid #ffffff33;
    padding: 0px 0px;
    display: flex;
    align-items: center;
    }
.filterbandpfix.filtergriddesign {
    justify-content: center;
}
    .resultleftbox{
    width: auto;
    }
    .filterresultmain{
        width: auto;
        margin: 0px 0px 15px;
        border-top: 1px solid #9d9d9d33;
        border-bottom: 1px solid #9d9d9d33;
    }
#formProductList{
    margin-top: 12px;
}
    .txtrgt-sde{
    width: auto;
    }
    .have-fixed #main .openbtn {
    padding: 5px 8px;
        padding-left: 4px;
        color: #fff;
    
    }
    .have-fixed #main .openbtn i {
        font-size: 25px;
    }
    .have-fixed .result-category #ProductCountResult {
        color: #fff;
        background: none;
    }
    .have-fixed .filterbandpfix {
        background: var(--bg-white);
        border-bottom: 1px solid #3333;
        margin: 0;
    }
    .disclaimer.thanks_design{
        text-align: center;
    }
    #tblShoppingCart{
        margin: 0;
    }
    .disclaimer.thanks_design .field-items.thankpage p span{
        color: #000 !important;
    }
    .disclaimer.thanks_design .field-items.thankpage p {
        font-size: 32px;
        margin-bottom: 2rem;
    }
    .disclaimer.thanks_design .field-items.thankpage p strong{
        color: #104579;
    }
    .disclaimer.thanks_design .field-items.thankpage div span strong{
     color: #104579;
    }
    .disclaimer.thanks_design .field-items.thankpage div span {
        font-size: 18px;
        display: block;
    }
    .filterbandpfix .result-category {
        color:#333;
            width: auto;
    }
    ul.category-ul-list {
        padding-left: 18px;
    }
    ul.category-ul-list li{
        padding-left: 6px;
        margin-bottom: 15px;
    }
    ul.category-ul-list li{
        list-style: circle;
        margin-bottom: 6px;
    }
    .filterbandpfix #ProductCountResult{
        padding: 15px 0px;
    }
    .prductlistgridcount i {
        font-size: 20px;
        line-height: 28px;
        cursor: pointer;
    }
    .prductlistgridcount a{
        margin-right: 15px;
    }
    
    .prductlistgridcount {
    text-align: right;
        margin-left: 20px;
        display: flex;
        float: right;
        gap:10px;
    }
    .have-fixed .prductlistgridcount {
        display: flex;
        top: 4px;
        position: relative;
        right:25px;
    }
    .have-fixed .filterbandpfix #main .openbtn {
         color: var(--bs-body-color);
    }
    .have-fixed .filterbandpfix .result-category,  .have-fixed .filterbandpfix .resultleftbox{
        padding: 0px 15px;
        margin: 0;
        padding-left: 45px;
    }
    .have-fixed .filterscroll-hideshow.nav-down .resultleftbox {
        padding-left: 0px;
    }
    .have-fixed .filter-pl .filterbandpfix ul.deal-serch {
        top: 4px;
        position: relative;
        right: 34px;
    }
    .filterbandpfix .result-category #ProductCountResult {
            color: var(--bs-body-color);
    }
    .have-fixed .filter-pl ul.deal-serch li.sort-list-btn h3 {
        display: none;
    }
    .have-fixed .filterrightresult .filter-pl ul.deal-serch li.sort-list-btn h3 {
        display: inline-block;
        margin:0px;
    }
    .filterrightresult .filter-pl small{
    font-size: 12px;
        color: #5d7249;
        line-height: 32px;
        display: inline-block;
    }
    .fixonscroll{
        position: sticky;
        position: -webkit-sticky;
    }
    .filterrightresult .filter-pl #main {
          display: none;
    }
    .filterrightresult.prodlispage .navbar-responsive-collapse1.in {
        padding: 0;
    }
    .filterrightresult.prodlispage .navbar-responsive-collapse1.in {
        overflow-y: scroll;
        max-height: 800px;}
    .filterrightresult ul.owl-slider.columns {
        gap: 10px 10px;
        margin-left:0px;
    }
    #dvProductList.filter-results .illustration-v2 {
        padding-right:0px;
    }
    .breadcrumb-item+.breadcrumb-item {
        font-size: 12px;
        letter-spacing:0px;
    }
    .filterrightresult .filter-by-block .linktext {
        background: none;
        color: #000;
        padding: 2px 5px;
    }
    /*.fourcolumnlist .list-box-pro {
        width: calc(26% - 1.4rem);
    }*/
    /*.filterrightresult .list-box-pro {
        width: calc(26.3% - 1.70455rem);
    }*/
    .filterrightresult .threecolumnlist ul.columns.list {
        gap: 20px 20px;
    }
    
    
    .filterrightresult ul.columns.list .product-img{
        width: var(--product-listview-product-img);
    }
    .filterrightresult ul.columns.list .prdct-dtl {
        width: var(--product-listview-product-description);
    }
    .filterrightresult .list .list-box-pro {
        /*width: var(--threecolumnlist-list-list-box-pro);*/
        background: #fff;
    }
    /*.filterrightresult .threecolumnlist .grid .list-box-pro {
        width: var(--threecolumnlist-grid-list-box-pro);
    }*/
    
    .pd-attribute {
        padding: 0 12px 0 0;
        margin-bottom: 5px;
    }
    .detail-min #left_description li {
        width: 100%;
        text-align: left;
        line-height: normal;
        padding: 5px 10px;
        padding-right: 2%;
        border-right: none;
        display: flex;
        justify-content: space-between;  
        align-items: flex-start;
        margin-bottom:0px;
    }
    
    .detail-min   #left_description p { 
        text-align: left;   
        display: inline-block;
        color: #707070;
        width: 63%;
        margin: 0px;
    }
    .detail-min #left_description label {
        font-weight: 700;
        display: inline-block;
        line-height: 26px;
    }
    .productdetailspagedesign .FeatureBottomDiv {
        opacity: 1;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 6px;
    }
    .showmore .header:before, .showmore .header:after {
        content: '';
        margin: auto 0em;
        border-bottom: solid 1px;
        flex: 1;
    }
    .showmore .header {
        display: flex;
        color:#c4c4c4;
    }
    .showmore .header h2{
        margin: 0px 0px -8px 0px;
    }
    .showmore .header .fa-chevron-down {
        font-size: 22px;
        padding-left: 0px;
    }
    .logo-brand img {
        max-height: 150px;
        width: auto;
    }
    
    .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
        border: 1px solid #ddd;
        box-shadow: 0 0 8px 1px rgba(0,0,0,.0995);
    }
    #loading {
        text-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #dddddd69;
        z-index: 999999;
    }
    #loading img{
        width: 90px;
        padding-top: 25%;
    }
    .MaskFullpage {
        background-size: 100%;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        background: rgba(255, 255, 255, 0.7) url(/images/icon/loader_seq.gif) no-repeat center center;
        position: fixed;
        vertical-align: middle;
        text-align: center;
        z-index: 10100;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .productdetailicons .action-butn a.btnblue{
        padding: 0;
        background: #00467a none repeat scroll 0 0;
    }
    .productdetailicons .action-butn a.btnblue .fa{
       color: #fff;
    }
    .compareproductlist .ui-autocomplete-input {
        padding: 10px 5px !important;
        border-radius: 6px;
        display: inline-block;
        min-width: 210px;
        font-size: 12px;
        width: auto;
    }
    .compareproductlist input[type="text"].ui-autocomplete-input::placeholder{
        font-size: 12px;
    }
    .compareproductlist:last-child {
        white-space: nowrap;
    }
    #tblProductCompareList .compareproductlist:last-child {
          white-space: normal;
        vertical-align: top;
    }
    .catleftfixmenu .panel-body {
        padding-bottom:0px;
    }
    .catleftfixmenu .panel-body ul {
        padding-bottom: 0px;
        margin-left: 0;
    }
    .catleftfixmenu .panel-body ul li{
        padding-bottom: 5px;
        margin-bottom: 0px;
    }
    .compareproductlist .discount {
        background-color: #e61f25;
        color: #fff;
        font-size: 13px;
        padding: 2px 5px !important;
        width: auto !important;
        text-align: center;
        font-weight: 700;
        display: block;
        margin-top: 10px;
    }
    
    .AccountLeftMenu li a {
        color: #333;
        padding: 12px 6px;
    }
    /* ------------ Personal Account ----------------- */
    .myaccountsection {
        width: 100%;
        float: left;
        margin-top: 60px;
        min-height: 600px;
        margin-bottom: 60px;
    }
    .MyAccountLeftContainer {
    width: 20%;
        float: left;
        border-radius: 5px;
        border: 1px solid #ddd;
        box-shadow: 0 .125rem .125rem -.125rem #1f1b2d14,0 .25rem .75rem #1f1b2d14!important;
    }
    .acountmaster .myaccountsection .results_cnt_product {
        float: left;
        margin-left: 2%;
        width: 78%;
    }
    .MyAccountLeftContainer h1 {
        color: #00467a;
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 600;
        box-sizing: border-box;
        margin: 0px;
        padding: 10px 0px 10px 12px;
        line-height: 24px;
        background: #f7f7f7;
        border-radius: 6px 6px 0px 0px;
    }
    .AccountLeftMenu {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        list-style: none;
        list-style-type: none;
        background: var(--bg-white);
            border-radius: 0px 0px 6px 6px;
    }
    .AccountLeftMenu li {
        margin: 0px;
        padding: 0px;
        width: 100%;
        list-style: none;
        list-style-type: none;
        padding-left: 0px;
        box-sizing: border-box;
            font-size: 14px;
    }
    .AccountLeftMenu li:hover{
        background: #fcfcfc;
    }
    .AccountLeftMenu li:hover a, .AccountLeftMenu li:hover a i{
        color: #42a9d5;
    }
    .AccountLeftMenu li:hover a:before {
        position: absolute;
        display: none;
        top: 0;
        left: 0px;
        width: 0.125rem;
        height: 100%;
        background-color: #42a9d5;
        content: "";
    }
    .AccountLeftMenu li:hover a:before {
        display: block;
    }
    .AccountLeftMenu li i {
        width: 10%;
        color: #000;
    margin-right: 5px;
    font-size: 18px;
    }
    .AccountLeftMenu li a {
        color: #333;
        padding: 12px 0px 12px 12px;
        width: 100%;
        display: inline-block;
        outline: none;
        position: relative;
    }
    .PersonalInfo.AccountLeftMenu li a {
        gap: 0px 6px;
        display: flex;
        align-items: center;
    }
    .PersonalInfo.AccountLeftMenu i.iconcomn {
        font-size: 30px;
        width: 30px;
        height: 27px;
    }
    .AccountLeftMenu li a.active{
        background: #e2ecf2;    
        color: #00427a;
    }
    .AccountLeftMenu li a.active:before{
            position: absolute;
        display: none;
        top: 0;
        left: 0px;
        width: 0.125rem;
        height: 100%;
        background-color: #42a9d5;
        content: "";
    }
    .AccountLeftMenu li a.active:before {
        display: block;
    }
    .AccountContainer {
        width: 100%;
        float: left;
    }
    .myaccounthead {
    background-color: #f7f7f7;
        padding: 10px 12px;
        margin: 0px 0 10px 0;
        color: #00467a;
        width: 100%;
        clear: both;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 6px 6px;
        border: 1px solid #ddd;
            font-size: 18px;
    }
    .myaccounthead a {
        padding: var(--btnpadding);
    }
    
    .profilepicsection {
        width: auto;
        float: right;
        padding: 0;
        margin-bottom: 30px;
        border: 1px solid #efefef;
        padding: 20px;
            border-radius: 6px;
    }
    section.billing-info .profilepicsection {
        width: 100%;
        position: relative;
    }
    .testimonialimgsection {
        text-align: center;
        padding: 10px 0px;
    }
    #testimslide .item {
        display: inline-block;
        width: 100%;
    }
    .profilepic img {
        max-width: 245px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #f1f1f1;
    }
    .profilepic.testimonialimgsection  {
        padding: 0px;
    }
    .profilepic.testimonialimgsection img {
        width: 100px;
        height: 100px;
        padding: 2px;
    }
    .testimonialimgsection img {
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        width: 200px;
        height: 200px;
    }
    .acountmaster .myaccountsection .results_cnt_product .billing-info{
        padding: 0px ;
    }
    .AccountLeftMenu li form {
        width: 85%;
        display: inline-block;
    }
    .profilepicsection .editimgmain label#file-drag{
        background: var(--bg-white);
        color: #003970;
        position: absolute;
        cursor: pointer;
        top: 25px;
        right: 115px;
        border-radius: 44px;
        width: 30px;
        height: 30px;
        padding: 0px 7px;
        border: 3px double #c0c0c0;
        line-height: 22px;
    }
    .profilepicsection .editimgmain label#file-drag .fa-pencil{
        font-size: 12px;
    }
    .login_input2 {
        background: aliceblue;
        border: 1px solid #80bbf5;
        box-shadow: 3px 3px 3px #efefef inset;
        color: #104579;
        font-size: 13px;
        font-weight: 400;
        height: 34px;
        padding: 2px 6px 5px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-top: 5px;
        width: 100%;
    }
    .profilepicsection .login_input2 {
        margin-left: 0px;
    }
    .changepassword .checkbox-list .form-control {
        margin: 0px 0px 12px;
        min-height: 40px;
    }
    .checkbox-list .form-control {
        background-color: #fbfbfb;
    }
    .checkbox-list.billing-info-inputs .form-control{
        margin-bottom: 15px;
    }
    .checkbox-list.billing-info-inputs .form-control:read-only {
        cursor: not-allowed;
            color: #878787;
    }
    .changepassword .checkbox-list .btnbtmright{
        margin-top: 25px;
    }
    .billing-info .changepassword .billing-info-inputs.checkbox-list {
        background: #ffffff;
        padding: 15px;
        border: 1px solid #e3e3e3;
            border-radius: 6px;
    }
    .col-compare .compareiconmain:hover .badge-open {
        display: block;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 6px #6b6a6a;
        right: -5px;
    }
    .main-cr{
        padding: 15px;
    }
    .cross-compare {
        cursor: pointer;
        margin-left: 45%;
        margin-top: 8px;
        width: 20px;
        height: 20px;
        font-size: 16px;
        font-weight: 500;
        color: #687074;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
    }
    .cr-cross {
        font-weight: 700;
    }
    .cr-image {
        position: relative;
        margin: 0 auto;
            border-bottom: 1px solid #f2f2f2;
        margin-bottom: 10px;
    }
    .cr-image img {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        opacity: 1;
        max-width: 100%;
        max-height: 100%;
    }
    .cr-text {
        font-size: 12px;
        margin-top: 15px;
    color: #191919;
        width: 100%;
        font-weight: 400;
    }
    .cr-remove {
        color: #212121;
        margin: 5px auto;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        width: 100%;
        display: inline-block;
    }
    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border: 1px solid #ebebeb;
    font-size: 13px;
}
 
    .add_address_td2 {
        background-color: #fff;
        line-height: 30px;
        border-bottom: solid 1px #CCCCCC;
    }
    .add_address_td2 td {
        padding: 5px 5px 12px !important;
        border: 1px solid #cfcfcf;
    }
    .gstdiv {
        line-height: 11px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .add-address {
        float: right;
        margin-top: 10px;
    }
    
    .dataTables_wrapper .dt-buttons {
        float: left;
        width: 15%;
    }
    .myaccountsection .results_cnt_product.table-responsive.col-md-12 .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }
    .myaccountsection .results_cnt_product.table-responsive.col-md-12 .form-control {
        min-height: 40px;
    }
    .product-description .shopbagprice {
        width: 100%;
        border-bottom: 1px dotted #ccc;
        border-top: 1px dotted #ccc;
    }
    
    /*Cart Billing Page Start*/
    .shopping-cart .boxform {
        padding: 20px;
        background: var(--bg-white);
    }
    .address-d-flex-withres {
        display: flex;
            justify-content: space-between;
    }
    .shopping-cart .boxform input, .shopping-cart .boxform select {
         border-radius: 0px;
        padding: 8px 10px !important;
        font-size: 14px;
    }
    .shopping-cart .boxform input.form-control:read-only{
         background: #f9f9f9;
         color: #000000;
    }
    .boxform h2.title-type{
        font-size: 14px;
        font-weight: 600;
        color: #00477a;
    }
    .boxform hr {
        margin-bottom:15px;
    }
    .billing-info .check_add label {
        font-size: 14px;
        padding: 0;
    }
    .shipping-hr {
        margin: 15px 0px 20px;
    }
    .shippaddress-hed {
        font-size: 16px;
        margin-left: 0px;
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: 700;
        color: #333;
        padding-top: 6px;
    }
    .box-gst .check_add label.active .glyphicon-ok:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 3px;
        font-size: 15px !important;
        background-image: var(--iconblack);
        background-size: 350px 219px;
        display: inline-block;
        width: 30px;
        height: 23px;
        background-position: -146px -103px;
    }
.box-gst .btn::before {
    background: #fff;
}
    .addressbillpad {
            padding: 0px 0px;
    }
    .shopping-cart table.bill-totalprice-right tr td{
    border: none;
        padding: 1px 0px 8px;
    }
    .shopping-cart table.bill-totalprice-right{
    width:100%;
        float: right;
    }
        .shopping-cart table.bill-totalprice-right tr:last-child {
            border-top:1px solid #333;
        }
            .shopping-cart table.bill-totalprice-right tr:last-child td {
                padding-top:12px;
            }
    .shopcartpage .shopping-cart .coupon-code.cpn-cd-rigt {
        border-top: none;
            background: none;
    }
    .billtabbtn {
        display: inline-block;
        width: 50%;
        text-align: right;
    }
    .billtabbtn a.btnblue.buttonncommon {
        display: inline-block;
        width: auto;
    }
    .billpaddinaddleft .box-gst .buttonncommon{
        display:inline-block;
    } 
    /*Cart Billing Page End*/
    .shopping-cart {
        width: 100%;
        margin: 0 auto;
    }
    .shopping-cart .wizard { 
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .col-compare {
        width: 145px;
        position: fixed;
        left: 4%;
        bottom: 0;
        background-color: #104579;
        border-radius: 4px 4px 0px 0px;
    }
    .have-fixed .closesidebar {
        position: fixed;
    }
     .header-v5 .col-compare .cr-name {
         background:var(--comparefixbtnbg);
            color: var(--color-white);
            text-decoration: none;
        }
        .site-header .badge-open .product-description .title-price {
            font-size: var(--font-sm);
        }
    .site-header .mCustomScrollbar {
        height: auto;
        max-height: 90%;
        padding: 0px 4px 70px;
        overflow: hidden;
        overflow-y: auto;
    }
       .header-v5 .shopbagview form {
        z-index: auto;
    }
    #dvComparefooterarea .shopbagview form {
        z-index: 9999;
    }
    .header-v5 .col-compare .badge-open {
        bottom: 36px;
        left: 5px;
        right: auto;
        display: none;
        list-style: none;
        min-width: 300px;
        background: var(--bg-white);
        position: fixed;
        border-top: none;
        box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
        z-index: 9999;
        top: inherit;
        width: 900px;
        bottom: 26px;  
        padding-bottom: 10px;
    }
    .shopbagcontainer{
            margin: 0;
    }
    .shopbadgeloader .product-description{
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        margin-bottom: 12px;
        padding: 8px 0px 8px !important;
        border: none !important;
        font-size: 12px;
    }
    .sideheadpro {
        font-size: 12px;
        margin-bottom: 5px;
        display: block;
        color: #000;
        font-weight: 400;
        line-height: 16px;
    }
    .textattributesidebar.sideheadpro {
        display: inline-block;
    }
.attributeinline .sideheadpro:last-child b, .attributeinline b:last-child {
    display:none;
    }
.attributeinline span b:last-child{
      display: contents;
}
    .shopbagcontainer .sideheadpro:first-child {
        color: #00457a;
        font-weight: 400;
    }
    .site-header .badge-open .product-description .title-price.line-through {
        font-size: 12px;
            line-height: 18px;
    }
    .mCustomScrollbar .product-description .discount1 {
        font-size: 9px;
        margin-top: 0;
        padding: 2px 0px !important;
        font-weight: 300;
    }
    i.fa.fa-building {
        background-image: var(--iconcommonblack);
        background-position: -377px 213px !important;
        background-size: 418px 219px;
        display: inline-block;
        width: 30px;
        height: 25px;
    }
    .sideimgpro {
        width:20%;
        display:inline-block;
    }
    .header-v5 .sideimgpro img{
        width:100%;
    }
    .sidedetailpro {
        width:80%;
        display:inline-block;
    }
    .col-compare .cr-name {
        color: #fff;
        text-decoration: none;
    }
    .col-compare .cr-name {
        font-size: 13px;
        padding-left: 10px;
        width: 100%;
        display: block;
        line-height: 25px;
        text-transform: uppercase;
    }
    .col-compare .badge {background-color: #366ca1;
        border-radius: 4px 4px 4px 4px;}
    
    /*Sidebar head,code,vale size color start*/
    #fc_frame {
        z-index:3;
    }
    .shopbagcontainer .sideheadpro.sidebartranhead:first-child {
           color: var(--prolist-head-color);
    }
    .sidebartranhead {
        font-size: var(--font-base-prolist-head);
        color: var(--prolist-head-color);
        letter-spacing: var(--prolist-head-letter-spacing);
        line-height: var(--prolist-head-lineheight);
        min-height: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
        height: auto;
        margin: 0px 0px 4px;
    }
    .sidebartrancode {
            word-wrap: break-word;
        font-size: var(--font-sm-producttran-head);
        letter-spacing: var(--prolist-producttran-letter-spacing);
        color: var(--prolist-producttran-color);
    }
    .sidebartranvalue {
        font-size:var(--prolist-productAttr-font-sm);
        font-weight: 300;
    }
    .sidebarpricelist span{
        width:auto;
    }
    /*Sidebar head,code,vale size color end*/
    
    /** Login 13 start **/
    .login-13 {
        min-height: 70vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--bg-white);
        background: linear-gradient(132deg, #e8e8e8, #dedede, #cbcbcb);
        background-size: 400% 400%;
        animation: Gradient 15s ease infinite;
    }
    
    .login-13 .form-info {
        min-height: 70vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 15px;
    }
        .login-13 .form-info .btnblue:hover{
            background: #00467ad9 none repeat scroll 0 0;
        }
    
    
    .login-13 .form-section{
        max-width: 450px;
        margin: 0 auto;
        width: 100%;
    }
    
    .login-13 .login-inner-form .form-group {
        margin-bottom: 25px;
    }
    
    .login-13 .login-inner-form .form-box {
        float: left;
        width: 100%;
        position: relative;
    }
    
    .login-13 .login-inner-form .form-control {
        font-size: 16px;
        outline: none;
        color: #535353;
        border-radius: 3px;
        border: 1px solid #efefef;
        background: var(--bg-white);
        height: 42px;
        float: left;
        width: 100%;
        padding: 13px 40px 11px 15px;
    }
    .login-13 .login-inner-form textarea.form-control {
        height: auto;
    }
    .login-13 .login-inner-form .form-box i {
        position: absolute;
        top: 12px;
        right: 15px;
        font-size: 18px;
        color: #535353;
        /*background-position: -537px -14px;*/
    }
    
    .login-13 .form-section a {
        text-decoration: none;
    }
    
    .login-13 .login-inner-form .forgot{
        margin: 0;
        line-height: 45px;
        color: #efefef;
        font-size: 15px;
    }
    
    .login-13 .bg-img {
        top: 0;
        bottom: 0;
        min-height: 70vh;
        z-index: 9;
        opacity: 1;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        overflow: hidden;
        background: var(--bg-white);
        border-radius: 0 0 350px 0;
    }
    
    .bg-img-inner:before {
    content: "";
        width: 20%;
        height: 20%;
        position: absolute;
        top: 50px;
        left: 50px;
        border-radius: 100% 0 100% 100%;
        background-image: linear-gradient(to bottom, #f1f1f1, #fbfbfb);
    }
    
    .login-13 .bg-img-inner:after {
        content: "";
        width: 30%;
        height: 60%;
        position: absolute;
        top: 20%;
        right: 0;
        z-index: -1;
        -webkit-clip-path: polygon(0 0, 30% 0, 70% 10%);
        clip-path: polygon(0 0, 100% 50%, 100% 80%);
        background-image: linear-gradient(to bottom, #f1f1f1, #fbfbfb);
    }
    
    .login-13 .info{
        z-index: 999;
        max-width: 650px;
    }
    
    .login-13 .info p {
        margin-bottom: 0;
        line-height: 28px;
    }
    
    .login-13 .form-section .form-check .form-check-input {
        margin-left: -22px;
    }
    
    .login-13 .center h1{
        color: #3e3e3e;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 700;
        background-size: cover;
        margin-bottom: 20px;
    }
    .login-13 .g-recaptcha{
        height: 0;
    }
    @keyframes background-text-animation {
        0%{
            background-position: left 0px top 50%;
        }
        50%{
            background-position: left 1500px top 50%;
        }
        100%{
            background-position: left 0px top 50%;
        }
    }
    
    .login-13 .login-inner-form p{
        margin: 0;
        color: #efefef;
    }
    
    .login-13 .login-inner-form p a{
        color: #efefef;
    }
    
    .login-13 .logo img{
        width: 250px;
        margin-bottom: 50px;
    }
    
    .login-13 .nav-pills li{
        display: inline-block;
    }
    
    .login-13 .login-inner-form .form-group.mb-35{
        margin-bottom: 35px;
    }
    
    .login-13 .login-inner-form .form-group.mb-30{
        margin-bottom: 30px;
    }
    
    .login-13 .login-inner-form .terms{
        margin-left: 3px;
    }
    
    .login-13 .login-inner-form .form-check{
        float: left;
        margin-bottom: 0;
    }
    
    .login-13 .login-inner-form .form-check a {
        color: #efefef;
    }
    
    .login-13 .login-inner-form .form-check-input {
        position: absolute;
        margin-left: 0;
    }
    
    .login-13 .login-inner-form .form-check-label {
        padding-left: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: #efefef;
    }
    
    .login-13 .form-section .form-check-input {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        position: absolute;
        border: 1px solid #efefef;
        border-radius: 2px;
    }
    
    .login-13 .form-check-input:focus {
        border-color: #fff;
        outline: 0;
        box-shadow: none;
    }
    
    .login-13 .form-check-input:checked {
        background-color: #ff8a00!important;
        border-color: #ff8a00!important;
    }
    
    .login-13 .btn-section{
        top: 20px;
        position: absolute;
        left: 0px;
        float: right;
        display: inline-block;
        width: 100px;
    }
    
    .login-13 .btn-section .link-btn {
        font-size: 14px;
        float: left;
        background: transparent;
        font-weight: 400;
        line-height: 50px;
        width: 145px;
        text-decoration: none;
        text-decoration: blink;
        text-align: center;
        color: #fff!important;
        border-radius: 0 50px 50px 0;
        margin-bottom: 5px;
        text-transform: uppercase;
    }
    
    .login-13 .btn-section .active-bg{
        background-image: linear-gradient(to bottom, #585858, #000000);
    }
    
    .login-13 .btn-section .default-bg{
        background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
    }
    
    .login-13 .login-inner-form .checkbox a {
        font-size: 16px;
        color: #efefef;
        margin-left: 3px;
    }
    
    .login-13 .form-section{
        text-align: center;
    }
    
    .login-13 .form-section h3{
        font-size: 25px;
        margin-bottom: 20px;
        font-weight: 600;
        color: #000000;
    }
    
    .login-13 .form-section p {
        margin: 25px 0 0;
        font-size: 15px;
        color: #efefef;
    }
    
    .login-13 .form-section p a {
        color: #efefef;
    }
    
    .login-13 .form-section ul {
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
    }
    
    .login-13 .form-section .social-list li {
        display: inline-block;
    }
    
    .login-13 .form-section .social-list li a {
        font-size: 13px;
        font-weight: 600;
        width: 135px;
        margin: 0 2px 5px 0;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        background: var(--bg-white);
    }
    
    .login-13 .form-section .social-list li a i {
        height: 45px;
        width: 45px;
        line-height: 45px;
        float: left;
        color: #fff;
    }
    
    .login-13 .none-2 {
        display: none;
    }
    
    .login-13 .btn-theme {
        color: #fff;
        text-align: center;
        border: 2px solid transparent;
        display: inline-block;
        padding: 0 50px;
        position: relative;
        line-height: 46px;
        z-index: 1;
        transition: all .7s ease;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        font-family: 'Jost', sans-serif;
        width: 100%;
    }
    
    .login-13 .btn-theme:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
        z-index: -1;
        border-radius: 3px;
    }
    
    .login-13 .btn-theme:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
        z-index: -1;
    }
    
    .login-13 .btn-theme:hover {
        background: transparent;
    }
    
    .login-13 .btn-theme:hover:before {
        width: 0;
        opacity: 1;
        visibility: visible;
    }
    
    .login-13 .btn-theme:hover:after {
        width: 0;
        opacity: 1;
        visibility: visible;
    }
    
    .login-13 .btn-lg{
        padding: 0 30px;
        line-height: 51px;
    }
    
    .login-13 .btn{
        box-shadow: none!important;
    }
    
    .login-13 .btn-md{
        padding: 0 45px;
        line-height: 41px;
    }
    
    .login-13 .btn-primary {
        background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
    }
    
    .login-13 .btn-primary:before {
        background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
    }
    
    .login-13 .btn-primary:after {
        background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
    }
    
    .login-13 .btn-primary:hover {
        color: #ff8a00;
        border: 2px solid #ff8a00;
    }
    
    /** Social media **/
    .login-13 .facebook-i {
        background: #4867aa;
        color: #fff;
    }
    
    .login-13 .twitter-i {
        background: #33CCFF;
        color: #fff;
    }
    
    .login-13 .google-i {
        background: #db4437;
        color: #fff;
    }
    
    .login-13 .facebook-color{
        color: #4867aa;
    }
    
    .login-13 .twitter-color {
        color: #33CCFF;
    }
    
    .login-13 .google-color {
        color: #db4437;
    }
    
    /** MEDIA **/
    @media (max-width: 992px) {
        .login-13 .bg-img{
            display: none;
        }
    
        .login-13 .none-2 {
            display: block;
        }
    
        .login-13 .btn-section {
            display: none;
        }
    
        .login-13 .form-section .form-section-innner:before{
            display: none;
        }
    
        .login-13 .form-section .form-section-innner:after {
            display: none;
        }
    }
    /** Login 13 end **/
    
    /*---------------- Main Login Page CSS START -----------------*/
    .log-reg-v9:before{
    content: '';
        position: absolute;
        top: 0px;
        left: auto;
        right: 0;
        background: var(--bg-white);
        width: 49%;
        height: 100%;
        z-index: 0;
        border-radius: 0px;
        box-shadow: -20px 0px 6px #f9f9f99c;
        display:none;
    }
    .log-reg-v9{
        background: var(--bg-white);
        margin: 0px 0px;
        padding: 10px 0px 10px;
        position: relative; 
    }
    .log-reg-v9 .bg-login {
        margin: 0px 0px;
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg h2{
        font-size: 28px;
        margin-bottom: 18px;
        color: #000;
    }
    .forgatepass p{
        font-size: 12px;
    }
    .forgatepass a{
        color: #0b92ee;
    font-weight: 500;
    }
    .forgatepass a:hover{
        color: #336699;
    }
    .newsignup {
        text-align:right;
    }
    .newsignup p{
      font-size: 12px;
    }
    .newsignup a{
        color: #0b92ee;
        font-weight: 600;
           text-decoration: underline !important;
    }
    .newsignup a:hover{
        color: #336699;
    }
    .newsignup a:hover{
        text-decoration: underline;
    }
    .SocialMediaLoginIcon {
        display:inline-block;
    }
    .login1.singleloginbox .SocialMediaLoginIcon i {
        width: 30px;
        height: 23px;
    }
    .login1.singleloginbox .SocialMediaLoginIcon i.fab.fa-facebook {
        background-position: -707px -360px;
    }
    .login1.singleloginbox .SocialMediaLoginIcon i.fa-google{
        background-position: -970px -359px;
    }
    .login1.singleloginbox .SocialMediaLoginIcon i.fa-linkedin {
            background-position: -840px -360px;
    }
    
        .SocialMediaLoginIcon .btnblue {
          min-width: auto;
            border-radius: var(--btnradius);
        margin: 0px 5px;
        font-size: 24px;
        }
    .SocialMediaLoginIcon .btnblue::before {
            background: #f5f5f5;
          border-radius: var(--btnradius);
    }
    .log-reg-v9 .left-sd-cntnt-dtl .login_bg .clr span.socialmtext {
        left: 37%;
    }
    .log-reg-v3 .login_bg h3 {
        font-size: 15px;
        color:#333;
    }
    .alreadyac {
        text-align: right;
        margin-right: -10px;
        margin-bottom: 7px;
    }
    .alreadyac p {
        font-size: 15px;
    }
    .alreadyac a{
        color: #0b92ee;
        font-size: 15px;
        font-weight: 500;
        text-decoration: underline !important;
    }
    .alreadyac a:hover{
        color: #369;
    }
    /*---------------- Main Login Page CSS END -----------------*/
    
    
    .productdetailspagedesign .videomainlist{
        position: relative;    
    }
    .productdetailspagedesign .videomainlist .symbol-utub{
        width: auto;
        background: none;
        border: none;
        padding: 0;
        position: absolute;
        top: 25%;
        left: 38%;
        cursor: pointer;
    }
    .productdetailspagedesign .videomainlist .symbol-utub svg{
        width: 40px;
    }
    .swal-modal .swal-title{
        margin-top: 0;
    }
    .productdetailspagedesign .accordion-button:not(.collapsed) {
        background-color: #fff;
    
    }
    .productdetailspagedesign .accordion-button {
    padding: 10px 10px;
        color: #333;
        font-size: 18px;
        font-family: var(--font-light);
    }
    .productdetailspagedesign .accordion-button::before, .productdetailspagedesign .accordion-button::after {
    content: " ";
        width: 18px;
        height: 1.5px;
        background-color: #3e3e3e;
        display: block;
        position: absolute;
        top: 50%;
        left: auto;
        right: 1%;
        transition: all 0.15s cubic-bezier(.42, 0, .58, 1);
        opacity: 1;
        border-radius: 2px;
    }
    .productdetailspagedesign .accordion-button::before {
      transform: translate(-50%, -50%) rotate(90deg);
      height: 0;
    }
    .productdetailspagedesign .accordion-button.collapsed::before {
      transform: translate(-50%, -50%) rotate(90deg);
      height: 1.5px;
    }
    .productdetailspagedesign .accordion-button::after {
      transform: translate(-50%, -50%);
    }
    .productdetailspagedesign .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: none;
        border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    }
    .productdetailspagedesign .accordion-item:last-child{
        border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    }
    .productdetailspagedesign .accordion-body{
        padding: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        display: inline-block;
        width: 100%;
    }
        .productdetailspagedesign ul.TabFeatures_Feature, .productdetailspagedesign ul#left_description {
        margin-left: 0;
        }
        .productdetailspagedesign .tab-content ul.TabFeatures_Feature, .productdetailspagedesign .tab-content ul#left_description {
        padding-left: 0;
        }
        .productdetailspagedesign ul.TabFeatures_Feature li, .productdetailspagedesign ul#left_description li{
      border: 1px solid #dfe3e7;
    padding: 0px;
        }
        .productdetailspagedesign ul.TabFeatures_Feature li label, .productdetailspagedesign ul#left_description li label{
    padding: 4px 6px;
    background: #ededed;
    width: 250px;
}
.productdetailspagedesign ul.TabFeatures_Feature li p, .productdetailspagedesign ul#left_description li p{
    width: 100%;
    padding: 7px 6px;
}
.productdetailspagedesign .tab-content ul.TabFeatures_Feature li p, .productdetailspagedesign .tab-content ul#left_description li p{
    padding: 4px 6px;
}
    .productdetailspagedesign .accordion-body ul{
        margin-left: 28px;
        margin-bottom:10px;
    }
        .productdetailspagedesign .accordion-body ul li {
        list-style: disc;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-left: 0;
        margin-bottom: 15px;
        }
        .productdetailspagedesign .accordion-body ul.verticalactionicon li{
             margin-bottom: 0px;
        }
        
    .productdetailspagedesign .accordion-body ul.tabdocuemnt {
        margin-left: 0;
    }
    .productdetailspagedesign .accordion-body p {
     line-height: 20px;
        margin-left: 13px;
    }
    .brand-img .accordion-body p {
     line-height: 20px;
        margin-left: 13px;
        letter-spacing:0px;
    }
    .productdetailspagedesign .accordion-body .product-it-in ul.link-text {
        display: flex;
        gap: 6px;
    }
    
    
    body header  .drawer {
        position: fixed;
        z-index: 99999;
        right: -272px;
        top: 0;
        height: 100%;
        width: 400px;
        border: 0.1rem solid rgba(var(--color-foreground), .2);
        border-right: 0;
        transform: translateX(100%);
        transition: 0.5s;
        transition: transform var(--duration-default) ease;
        background: var(--bg-white);
        padding: 15px;
        box-shadow: 0 5px 15px rgb(65 65 65 / 41%);
    }
    header .drawer {
        visibility: hidden;
    }
    header .drawer.active {
        visibility: visible;
        right:400px;
        transition: 0.5s;
    }
    
    header .shop-badge .drawer .wish-cart {
        background: #f7f7f7;
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 38px;
        padding: 0px 5px;
    }
    header .shop-badge .drawer ul.shopbadgeloader li.product-description {
        display: inline-flex;
        width: 100%;
        border-bottom: 1px solid #d2d2d233;
        padding: 0px 4px 0;
        margin-top: 0;
        border-top: none;
    }
    header .shop-badge .drawer ul.shopbadgeloader li.product-description a:first-child {
        float: left;
        width: 28%;
        display: inline-block;
    }
    header .drawer img {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 1%;
    }
    header .shop-badge .drawer ul.shopbadgeloader li.product-description a:nth-child(2) {
        float: right;
        width: 76%;
        display: inline-block;
        padding-left: 5px;
        text-align: left;
    }
    
    header .shop-badge .drawer ul.shopbadgeloader li.product-description .title-price {
        font-weight: 500;
        font-size: 14px;
    }
    .closesidebar {
        color: #333;
        position: absolute;
        z-index: 999999;
        right: 24px;
        top: 20px;
        border: 1px solid #f7f7f7;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        padding: 0;
        background: #f7f7f7;
    }
    .closesidebar:hover {
        color: #333;
        border: 1px solid #ddd;
        background: #efefef;
    }
    .bottomfix .btnblue {
        width: 100%;
        background-image: none;
    }
    .bottomfix {
        position: fixed;
        bottom: 0;
        left: 0px;
        width: 100%;
        background: var(--bg-white);
        padding: 15px;
        border-top: 1px solid #3333;
    }
    header .drawer h3{
        margin: 0;
        margin-top: 8px;
        font-weight: 400;
    }
    
    .catdescmain {
        margin-bottom:15px;
    }
    .breadcrumb.ps-0 {
        margin:0px;
    }
    #breadcrumbs .breadcrumb{
        display: block;
    }
    #breadcrumbs .breadcrumb li.breadcrumb-item{
        display: inline;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        float:none;
    }
    .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
        background-image: var(--iconblack);
        background-size: 350px 219px;
        background-position: -410px -277px;
        width: 20px;
        height: 18px;
        font-size: 0px;
    }
    .breadcrumb.ps-0 li.breadcrumb-item a.easy-breadcrumb_segment.easy-breadcrumb_segment-title {
        line-height: 12px;
    }
    .addtowishlist_area .qtsnlst td.bulk-disc{
        width: 200px;
    }
    .addtowishlist_area .qtsnlst td.bulk-amt{
        width: 150px;
    }
    .QuotationListlastpage .qtsnlst table tr td input.qty {
        width: 50px;
    }
    .appinstalloption{
    background: #104579;
        padding: 10px;
        position: fixed;
        bottom: 30px;
        width: 100%;
        display: none !important;
        justify-content: space-around;
        z-index: 99;
    }
    .appinstalloption a{
        color: #fff;
    }
    .shopcartpage .popup2columradius .modal-body .luft {
     display:none;
    }
    .shopcartpage .popup2columradius .modal-body .ruft {
        width: 100%;
    }
    .logintabrow {
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 10px;
        background: #e9e9e9;
        border-radius: 15px;
    }
    .logintabbtn{
        padding: 0px;
        text-align: center;
        width: 100%;
    }
    .logintabbtn label{
        cursor: pointer;
        padding: 6px;
    }
    .logintabrow .logintabbtn:first-child {
        border-right: solid 1px #919191;
    }
    .logintabrow .logintabbtn:last-child {
        border-right: none;
    }
    .logintabbtn input{
        display: none;
    }
    
    /*aboutus css start*/
    .pfsaboutus{
        padding-top: 50px; 
        padding-bottom: 50px;
    }
    .pfsaboutus1{
        padding-top: 50px; 
        padding-bottom: 50px;
    }
    .about-us-heading span{
        font-size: 50px;
        font-weight: 700;
    }
    .pfsaboutus2{
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .pfsaboutus2 .benefitslisticon img{
        border-radius: 50%;
    }
    .pfsaboutus2 span{
        font-size: 50px;
        font-weight: 700;
    }
    .pfsaboutus2 .benefitslistcntnt p{
        color: white ;
        font-weight: 700;
    }
    
    .pfsaboutus3 {
        position: relative;
    }
    .pfsaboutus3 .pfsaboutus3-row {
        position: relative;
        
    }
    .pfsaboutus3 .pfsaboutus3-row::before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: url(/DMS/Images/about-us-2.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }
    .pfsaboutus2 {
       background: url(/DMS/Images/key-benefit.jpg);
       background-repeat: no-repeat;
       background-size: cover;
    }
    
    
    .car-movement {
        overflow: hidden;
      }
      
      .car-movement > .car {
        position: relative;
        display: inline-block;
        animation: linear infinite;
        animation-name: run;
        animation-duration: 8s;
      }
      
      
      @keyframes run {
        0% {
          transform: rotateY(180deg);
          left: -100px;
        }
        50% {
          transform: rotateY(180deg);
          left: 72%;
        }
        51% {
          transform: rotateY(0deg);
          left: calc(100% + 100px);
        }
        100% {
          transform: rotateY(0deg);
          left: -50px;
        }
    }
    .benefitcolpfs{
        padding-left: 80px;
    }
    
    /*aboutus css end*/
    .compareproductlist .btnaddwishlistmain, .compareproductlist .btniconcommon{
            display: inline-block;
    }
    .compareproductlist #anchorAddToCart {
        margin-top: 0px;
    }
    .compareproductlist .btnblue {
        margin-bottom: 3px;
    }
    .compareproductlist .btnblue i {
        font-size: 15px;
    }
    .wizard .actions.cartfooter {
    text-align: initial;
    margin-top: 10px;
    float: right;
    width: 30%;
    }
    .shopping-cart .wizard > .actions ul.fullmsg {
        margin-right: 0px;
        width: 100%;
    }
    .wizard > .actions ul.fullmsg li {
        margin-left: 0;
         width: 100%;
    }
    .shopping-cart .wizard > .actions ul.cartbtnrt{   
    float: none;
    display: flex;
    width: 100%;
    }
    .wizard > .actions > ul.cartbtnrt > li {
    width: 100%;
}
    .colorbox {
        width: 12px;
        height: 12px;
        background: #f00;
    }
    .product-in-table .product-it-in span.qtybox {
    max-width: 115px;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        margin-bottom: 5px;
        padding: 0px 2px;
        text-align: center;
        border: 1px solid #cbcbcb;
        flex: 1;
        white-space: nowrap;
    }
    .product-in-table .product-it-in input.qtybox{
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        margin-bottom: 5px;
        padding: 0px;
        text-align: center;
        border: 1px solid #cbcbcb;
        flex: 1;
        max-width: 115px;
    }
    .product-in-table.product-details .pro-det-lft.inlineboxmain {
        display: flex;
    }
    .product-in-table.product-details .inlinebox{
    gap: 5px;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
    .vobmaintd .product-it-in strong {
        font-size: 12px;
        min-width: 120px;
        margin-top: 3px;
        display: inline-block;
        font-weight: 500;
        line-height: 16px;
        color: #000;
        text-align: right;
    }
    .tblcomparelist td.tdimghead img {
    width: 250px;
        margin: 0 auto;
        min-height: 250px;
    }
    .tblcomparelist td.tdimghead {
        text-align:center;
    }
    .tblcomparelist td.tdimghead strong {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .bestsellingproductname{
        font-size: 14px;
    }
    
    
.payment-box .custom-accordian .tabs-left > .nav-tabs > li > a {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    color: #333;
}
.payment-box .custom-accordian .tabs-left > .nav-tabs > li:last-child > a {
    border-bottom: 1px solid #ddd;
}
.payment-box .custom-accordian .tabs-left > .nav-tabs > li > a:hover {
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333;
    background: #3333;
}
.payment-box .custom-accordian .tabs-left > .nav-tabs > li > a.active {
    background: #00467a;
    color: #fff;
}
    .btniconcommon {
        font-size: 14px;
    }
    .shopcartpage{
        padding-top: 1rem;
    }
    .shopping-cart .product-in-table h3 {
        margin-bottom: 5px;
        font-weight: 500;
    }
    .product-in-table .product-it-in strong {
        font-size: 12px;
        margin: 0;
        display: inline-block;
        font-weight: 500;
        line-height: 16px;
        color: #000;
    }
    .innerpagecontentformat h4 {
        margin-bottom:12px;
    }
    .tablemobview .table>tbody>tr>td{
        display: table-cell;
    }
    .tablemobview .table thead.resphide {
        display: table-header-group;
    }
    .tablemobview .product-it-in .col-md-12 .resphide{
        display: inline-block;
    }
    .tablemobview .table>tbody>tr>td.bulk-disc {
        text-align: center;
            width: 200px;
    }
    .tablemobview .table>tbody>tr>td.shop-red.product-totalprice.resphide {
        width: 110px;
    }
    .tablemobview .product-in-table .product-it-in b {
        font-weight: 500;
    }
    .product-it-in {
        font-size: 12px;
        overflow: hidden;
        text-align: left;
        position:relative;
    }
    .product-it-in h3 {
        width: 100%;
        margin-bottom: 5px;
        font-weight: 500;
        font-size: var(--font-base-prolist-head);
        color: var(--prolist-head-color);
        letter-spacing: var(--prolist-head-letter-spacing);
        line-height: var(--prolist-head-lineheight);
    }
.product-it-in a h3{
        color: #0069bd;
    }
.product-it-in a:hover h3{
    color: #2196F3;
}
    .product-it-in h3 a {
            color: var(--prolist-head-color);
            font-weight: 500;
    }
    .bulk-disc span {
        display: inline-block;
    }
    .discount1 {
        color: #e61f25;
        font-size: 14px;
        padding: 2px 5px !important;
        width: auto !important;
        text-align: center;
        font-weight: 500;
        display: inline-block;
        margin-top: 10px;
    }
    .mainprice {
        font-size: 18px;
    }
    .bulk-disc span.mainprice {
        display: flex;
        gap: 3px;
        font-size: 16px;
    }
    .bulk-disc span.mainprice {
        display: inline-block;
    }
    .btnblue .btnblue{
        width: auto;
        padding: 2px;
        background: none;
    }
    
    /** PNotify Start **/
    .msgboxslide {
            top: 22px;
            right: -15px;
            display: none;
            list-style: none;
            position: absolute;
            z-index: 999999;
        }
    .msgboxslide {
        position: fixed;
        z-index: 99999;
        right: 0px;
        top: 65px;
        height: 85px;
        width: 0px;
        transform: translateX(100%);
            overflow: hidden;
        transition: 0.5s;
            animation: animateright 0.4s;
        transition: transform var(--duration-default) ease;
    }
    .msgboxslide.active {
        display: block;
        visibility: visible;
        right: 380px;
        width: 380px;
        transition: 0.5s;
         animation: animateright 0.4s;
    }
    .notification .alert-success{
        margin: 0;
        padding: 9px;
        border-radius: 0;
        display: flex;
        align-items: center;
        white-space: nowrap;
        min-width: 82%;
    }
    .notification .alert-danger{
        margin: 0;
        padding: 9px;
        border-radius: 0;
        display: flex;
        align-items: center;
        white-space:nowrap;
        min-width: 82%;
    }
    .notification .alert-primary {
        margin: 0;
        padding: 12px;
        border-radius: 0;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .notification a {
    display:flex;
    min-width: 305px;
        }
    .iconalert-success {
        color: #fff;
        background-color: #20ab60;
        border-color: rgba(38, 185, 154, 0.88);
        box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
        width: 18%;
        min-width: 50px;
        float: left;
        text-align: center;
        line-height: 60px;
        border-radius: 10px 0px 0px 10px;
        min-height: 52px;
        font-size: 20px;
        z-index: 1;
        display: inline-block;
        position: relative;
    }
    .iconalert-danger {
    color: #fff;
        background-color: #f00;
    border-color: rgba(38, 185, 154, 0.88);
        box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
        width: 18%;
        min-width: 50px;
        float: left;
        text-align: center;
        line-height: 60px;
        border-radius: 10px 0px 0px 10px;
        min-height: 52px;
        font-size: 20px;
        z-index: 1;
        display: inline-block;
        position: relative;
    }
    
    .msgboxslide a .iconalert-success {
        color: #fff;
        background-color: #20ab60;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 5px;
        padding: 0px 10px;
    }
        .msgboxslide a .iconalert-success .mdi-alert-outline {
            display: none;
        }
         .msgboxslide a .iconalert-danger .fa-check {
            display: none;
        }
    .msgboxslide a .iconalert-danger {
    color: #fff;
        background-color: #f00;
        width: 13%;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 6px;
        padding: 0px 10px;
        z-index: 1;
        position: relative;
    }
    .msgboxslide a .iconalert-danger~div.alert.alert-danger {
        z-index: 0;
        margin: 0px 0px 15px;
        float: none;
        width: 370px;
        padding-right: 50px;
        padding-left: 80px;
        background: var(--bg-white);
        color: #333;
        min-height: 66px;
    }
    .msgboxslide .bg-dark-green {
        right: 3px;
        top: 13px;
        cursor: pointer;
        z-index: 99;
    }
    .bg-dark-green {
        background: none;
        border: none;
        color: #337ab7;
        right: -3px;
        position: absolute;
        top: 0px;
        font-size: 22px;
    }
    #DivCommonWowErrorMsg .bg-dark-green {
    font-size: 22px;
        line-height: 30px;
        cursor: pointer;
        color: #333;
        z-index: 9;
    }
    
    .msgboxslide a{
        position: absolute;
        width: auto;
        top: 10%;
        bottom: 0px;
        right: 0;
        z-index: 9999;
        margin-top: 8px;
    }
    .msgboxslide a span.mdi-window-close{
        right: 0;
        top: 9px;
        color: #00556d;
        position: absolute;
        z-index: 1;
        font-size: 22px;
        content: "\f05ad";
        display: inline-block;
        font: normal normal normal 24px/1 "Material Design Icons";
        font-size: 16px;
        text-rendering: auto;
        line-height: 20px;
        margin-right: 4px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .msgboxslide a div.alert {
        margin: 0px 0px 15px;
        float: none;
        width: 370px;
        padding-right: 50px;
        padding-left: 80px;
    }
    /**End PNotify **/
    
    .notification {
        display: none;
        position: fixed;
        top: 60px;
        right: 30px;
        border-radius: 12px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 999999;
    }
    
    .notification.notification-show {
        display: block;
            background: #3333;
    }
    #notificationremove {
        display: none;
        position: fixed;
        top: 70px;
        right: 5px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 999999;
    }
    #notificationremove.notification-show {
        display: block;
    }
    input.btnblue.buttonncommon:hover {
        color: #fff;background: var(--btnbgbefore);
    }
    .career-submit {
        text-align: right;
    }
    .career-submit .buttonncommon{
        display: inline-block;
    }
        .career-submit .buttonncommon:hover {
        
        }
    .disclaimer.thanks_design .field-items.careerthanks p {
    font-size: 16px;
        margin-bottom: 0;
        font-weight: 400;
    }
    #searchWarning{
        color: red;
        display: block;
        font-size: 12px;
        clear: both;
        line-height:15px;
            position: absolute;
        z-index: 999;
        font-size: 11px;
        letter-spacing: 0px;
        top: 0px;
    }
    .have-fixed #searchWarning {
            position: relative;
        z-index: 999;
        font-size: 10px;
        letter-spacing: 0;
        bottom: 8px;
        left: 3px;
    }
    .footer-middle ul.socialverticle li {
        line-height: 20px;
        margin-bottom: 12px;
        color: #333;
        font-size: 15px;
    }
    
    .footer-middle ul.socialverticle li a {
        display: flex;
          }
    .socialverticle li a i{
        margin-right: 2px;
        min-width: 30px;
    }
        .socialverticle li a i.fa-x-twitter {
            background-image: var(--iconwhite);
        }
    #tblProductCompareList .widthiconborder a.bagselect {
        border: 1px solid #efeff4;
        padding: 0px;
        text-align: center;
        display: inline-block;
        margin: 0px;
        position: relative;
        top: -4px;
    }
        #tblProductCompareList .widthiconborder a.bagselect:hover {
            background:#fff;
        }
    #tblProductCompareList .widthiconborder a.bagselect i.prodiconsize.iconcomn, #tblProductCompareList .widthiconborder a.buttonncommon i.prodiconsize.iconcomn {
        line-height: 18px;
        overflow: visible;
    }
    
    .footer-middle ul.socialverticle li:hover i.fa-facebook{color: #4267b2;}
    .footer-middle ul.socialverticle li:hover i.fa-twitter{color: #1da1f2;}
    .footer-middle ul.socialverticle li:hover i.fa-instagram{color: #e1306c;}
    .socialverticle li a span {
        color: #333;
    font-weight: normal;
        vertical-align: super;
    }
    .footer-middle ul.socialverticle {
        margin-top: 10px;
    }
    .footer-middle ul.socialverticle li a:after {
        left: 34px;
    }
    .footer-middle ul.socialverticle li a {
        font-size: var(--font-sm);
    }
    ul.numeric li {
    list-style: decimal-leading-zero;
        margin-left: 28px;
        margin-bottom: 10px;
    }
    #DivCommonWowErrorMsg.notification a {
        min-width: 250px;
    }
    .right-topbar .logindropdownlist li a i.fa-file-lines {
        margin: 0;
        font-size: 23px;
        font-weight: 100;
        color: #3e3e3e;
        margin-left: 4px;
        margin-right: 12px;
    }
    
    .NoSearchresult .buttonncommon {
        display: inline-block;
    }
        /*.qtsnsearch .btnblue {
            padding: 7px 10px;
            border: 1px solid #cbcbcb;
        }*/
    
    .product-in-table .product-it-in span.attributecolorlistbox {
        border-radius: var(--attributecolorlistbox);
        height: var(--attributecolorlistboxheight);
        min-width: var(--attributecolorlistboxwidth);
        margin-right: 5px;
        vertical-align: middle;
    }
    
    /*---Error page start---*/
    .error-pg .content h2 span.text-1 {
        background-color: #f1e8de;
        padding: 0px 10px;
        font-size: 40px;
    }
    .error-pg .container{
        max-width: 90rem;
    }
    .error-pg .content h2{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .error-pg .content h2 span.text-2 {
        font-size: 32px;
        font-weight: 800;
    }
    .error-pg .content ul.site-links ul {
        padding-left: 0;
    }
    .error-pg .content ul.site-links li {
        list-style: none;
        display: inline-flex;
        border-radius: 50px;
        background: linear-gradient(90deg, #2196F3 0%, #03A9F4 35%, #00BCD4 100%);
        width: 47%;
        margin-bottom: 16px;
    }
    .content i.fa-exclamation {
        border-radius: 50%;
        padding: 3px 15px;
        font-size: 26px;
    }
    .error-pg .content ul.site-links li a {
        text-decoration: none;
        padding: 10px;
        color: #fff;
        margin: auto;
        font-size: 20px;
        font-weight: 500;
    }
    .content p.default-text a {
        text-decoration: none;
        color: #00437a;
        font-size: 16px;
        font-weight: 600;
    }
    .content p.default-text a:hover {
        color: #00437a;
        text-decoration: underline;
    }
    /*---Error page End---*/
     
    
    
    
    #sectiontoprint{
        background-color: #f0f0f0;
        padding: 20px;
    
    }
    #sectiontoprint h2 {
         color: red;
         font-size: 104px;
    
    }
    #sectiontoprint p {
        font-size: 14px;
    }        
    
    
    
    
    
    #ulsliderLinkCrossSellProductWithPlus .list-box-pro:hover {
        box-shadow: none;
    }
    .vrp_slider .rightbox {
        background: #f5fdff;
        padding: 0;
        border-radius: 10px 10px 0px 0px;
        border: 1px solid #e8e8e8;
        margin-top: 22px;
        box-shadow: none;
        min-height: auto;
        overflow: hidden;
    }
    .vrp_slider .rightbox h4{
        background: #e3000f;
        color: #fff;
        margin: 0;
        text-align: center;
        padding: 7px 15px;
        border-radius: 10px 10px 0px 0px;
    }
    .subscribe-form {
        padding: 4px 3px;
    }
    .vrp_slider .subscribe-form .input-group {
        float: none;
        width: 100%;
        display: inline-block;
        margin-bottom: 0px;
    }
    .vrp_slider .subscribe-form .btn-u {
        margin: 0;
        width: 100%;
    }
    #gallery_01 {
        overflow: hidden;
    }
    
    .ver-col-big~ul.our-spaces li .pa:before {
        background-color: #00000000;
    }
    .v-bt-check-qty-wrap {
        margin-bottom: 8px;
    }
    .v-bt-check-wrap {
        float: left;
    }
    .v-bt-check-wrap input[type=checkbox], .v-bt-check-wrap input[type=radio] {
        display: none;
    }
    .v-bt-check-wrap label {
        width: 26px;
        height: 26px;
        background: url(/assets/img/check-background.png) no-repeat;
        vertical-align: middle;
        cursor: pointer;
        background-size: 26px;
        display: block;
    }
    .vip-pf-check:checked+label {
        width: 26px;
        height: 26px;
        background: url(/assets/img/checked-orange.png) no-repeat;
        vertical-align: middle;
        cursor: pointer;
        background-size: 26px;
    }
    .v-bt-qty-wrap {
        float: right;
    }
    .v-bt-qty-label {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
    }
    .v-bt-qty-sel-wrap {
        display: inline-block;
        vertical-align: middle;
    }
    .v-bt-qty-sel-wrap select {
        border: solid 1px #e7ebed;
        border-radius: 2px;
        color: #969696;
        box-sizing: border-box;
        padding: 0px 5px;
        display: inline-block;
        border-radius: 2px;
    }
    .illustration-v2 #ulsliderLinkCrossSellProductWithPlus .prdct-dtl {
        border: 1px solid #dedede;
    }
    body .illustration-v2 #ulsliderLinkCrossSellProductWithPlus a.product-review {
        color: #585858;
        width: 100%;
        position: initial;
        display: block;
    
    }
    body .illustration-v2 #ulsliderLinkCrossSellProductWithPlus a .gender {
        display: block;
    }
    body .illustration-v2 #ulsliderLinkCrossSellProductWithPlus a .title-price{
        color: #000;
    }
    #ulsliderLinkCrossSellProductWithPlus .shoedetail-rel {
    margin-top: 15px;
    }
    #ulsliderLinkCrossSellProductWithPlus .box-reldet {
        padding: 8px 8px;
        border: 1px dashed #fabd96;
        position: relative;
        width: auto;
        box-sizing: border-box;
        line-height: 16px;
        font-size: 12px;
        margin: 10px 0 10px;
    }
    #ulsliderLinkCrossSellProductWithPlus .box-reldet:after {
        content: '';
        border-bottom: 1px dashed #fabd96;
        border-right: 1px dashed #fabd96;
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: -6px;
        width: 12px;
        height: 12px;
        transform: rotate(224deg);
    }
    #ulsliderLinkCrossSellProductWithPlus .rbtn-cover {
        max-width: 250px;
        position: relative;
    }
    #ulsliderLinkCrossSellProductWithPlus .rbtn-cover .btn.btn-u {
        font-size: 18px;
        cursor: pointer;
        font-weight: 600;
    padding: 8px 13px;
    width: 100%;
    }
    #ulsliderLinkCrossSellProductWithPlus .sims-fbt-price-value {
        font-size: 22px;
        display: inline-block;
        color: #af1414;
        font-weight: 600;
    }
    #ulsliderLinkCrossSellProductWithPlus .spnCrossSellQty {
        font-size: 17px;
        display: inline-block;
        color: #af1414;
    }
    body .pd-slider .relatedheading h2 {
        margin: 0;
    }
    .pd-slider .headline.top-lftrt h2:after {
        left: 0;
    }
    body .pd-slider .headline.top-lftrt h2 {
        padding: 0;
    }
    body #ulsliderRelatedCategory.pdheading {
    width: 100%;
    }
    .relatedcatmain {
        background: #f5f5f5;
    }
    .relatedcatmain .illustration-v2.pd-slider {
        margin-top: 25px;
    }
    #ulsliderLinkCrossSellProductWithPlus.owl-carousel .list-box-pro {
        padding: 10px;
        box-shadow: 1px 1px 5px 2px #0000002b;
        margin-bottom: 15px;
    }
    #ulsliderLinkCrossSellProductWithPlus .sendandcartresp {
        padding: 0;
    }
    #ulsliderLinkCrossSellProductWithPlus .list-box-pro .title-price {
        margin-right: 6px;
        padding-left: 13px;
    }
    #ulsliderLinkCrossSellProductWithPlus .list-box-pro .fa-plus {
        position: absolute;
        top: 35%;
        left: 47.35%;
    }
    
    .wishlist-category .attributefull a {
        color: var(--boxattributecolor);
        background: var(--boxattributebg);
        border: var(--boxattributeborder);
    }
     .wishlist-category .attributefull a.selected {
         color: var(--boxattributeselectcolor);
        background: var(--boxattributeselectbg);
        border: var(--boxattributeselectborder);
        box-shadow: var(--boxattributeshadow);
    } 
    
    
    /*12-July2024 Slider css start*/
    .block-slider {
        max-height: 976px;
        position: relative;
    }
    .slick-list {
        max-height: 915px !important;
    }
    .block-slider .mob-banner .carousel-caption {
        vertical-align: top;
        position: absolute;
        top: var(--slidercaptiontop);
        bottom: var(--slidercaptionbottom);
        left: var(--slidercaptionleft);
        transform: translate(-50%, -50%);
        height: auto;
        width: 60%;
        text-align: var(--bannerlayertextalign);
    }
    .hero-slider .carousel-caption h2.campus-banner-heading {
        font-family: var(--customfont1);
        color:  var(--bannerlayercolor);
    }
    .block-slider p.mts.mt1 {
            width: 100%;
            margin-bottom: 25px;
            text-align:center;
    }
    .hero-slider .carousel-caption h2.campus-banner-heading {
        font-size: var(--bannerlayerheading);
        line-height: 60px;
        font-weight: 400;
        width: 100%;
        clear: both;
        text-align: var(--bannerlayertextalign);
    }
    .hero-slider .carousel-caption h3.campus-banner-tagline{
        width: 100%;
        text-align: var(--bannerlayertextalign);
        font-size:var(--bannerlayertagline);
    }
    .hero-slider .mts.mt1 span.letters {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: var(--bannerlayertextalign);
        font-family: var(--font-regular-normal);
    }
    .block-slider .slider-butn.btn {
        background: var(--sliderbtnbg);
        color: var(--sliderbtncolor);
        border: var(--sliderbtnborder);
        border-radius: 7px;
        padding: 12px 16px;
        text-transform: var(--sliderbtntransform);
    }
    .block-slider .slider-butn.btn:hover {
        color: var(--sliderbtnhovercolor);
        border: var(--sliderbtnhoverborder);
    }
    .block-slider .slider-butn.btn::before{
        background: var(--sliderbtnbgbefore);
        border-radius: 7px;
    }
    
    /*12-July2024 Slider css End*/
    
    
    
    /*15July2024 start*/
    /*Video Section Start*/
    .videobgwithicon {
        /*position: relative;
        padding-bottom: 300px;*/
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .videobgwithicon {
        position: relative;
        padding: 0px 0px !important;
        height: 100vh;
    }
        .videobgwithicon iframe {
        width: 100%;
        height: 100vh;
        z-index: 666;
        position: relative;
        }
    .videobgwithicon .fa-play {
        background-size: 612px 383px;
        background-position: -327px -100px;
        width: 32px;
        height: 32px;
    }
    .videobgwithicon .youtube-arrow {
        background-color: #cfcfcf;
    }
    .videobgwithicon .playvideo {
        text-align:center;
    }
    .videobgwithicon.testimonialmain .playvideocontent {
        text-align: center;
        width: 100%;
        padding: 50px 250px 0px;
    }
    .videobgwithicon.testimonialmain .playvideocontent h2{
        font-size: 60px;
        font-weight: 400;
        color: #fff;
        margin: 0px;
        letter-spacing: 0;
        line-height: 70px;
        margin-bottom: 22px;
    }
    .videobgwithicon.testimonialmain .playvideocontent p{
        font-size: 24px;
        font-weight: 400;
        color: #fff !important;
        margin: 0px;
        letter-spacing: 0;
        line-height: 32px;
        width: 100%;
    }
    .videobgwithicon.testimonialmain .textcontent {
        flex-wrap: wrap;
    }
    #playvideohm .modal-body {
        padding: 25px;
    }
    #playvideohm .modal-body iframe{
       border-radius: 20px;
    }
    /* Video Section End */
    
    
    /* Community Section End */
    section.bggraywithbgcolor {
        padding: 60px 0px;
        text-align: center;
    }
    ul.fivecolwithradius {
        display: flex;
        gap: 30px;
    }
    ul.fivecolwithradius li {
        width: calc(20% - 1.50455rem);
    }
    section.bggraywithbgcolor h2{
        font-size: 40px;
        line-height: 54px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #00427a;
    }
    section.bggraywithbgcolor p{
    font-size: 18px;
        margin-bottom: 50px !important;
    }
    /* Community Section End */
    
    
    /*15July2024 End*/
    .life-content .fa {
        vertical-align: middle;
    }
    /*View 360 Popup Start*/
    model-viewer {
        width: 82%;
        height: 650px;
        background-color: #ffffff;
        margin: 0px auto;
    }
    .prodiconsize.iconcomn.view360icon{
        background-image: url(/files/Images/view360product.gif);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0;
    }
    #view360popup .modal-dialog {
        max-width: 100%;
        margin: 0px;
    }
    .view360Text:before {
        content: 'Product 360* View';
    }
    #view360popup .modal-dialog .modal-content{
        border-radius: 0px;
        border: none;
        box-shadow: none;
            height: 100vh;
    }
    #view360popup .attribution {
        position:relative;
        top:-80px;
        width: 35%;
        display: block;
        margin: 0px auto;
    }
    #view360popup .btn-close {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 9999;
    }
    /*View 360 Popup End*/
    
    .product-img {
      position: relative;
    }
    .image-hover {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 1s ease-out;
    }
    .image-hover:hover {
      opacity: 1;
    }
    
    .event-galry .carousel-control-next, .event-galry .carousel-control-prev {
        height: 79%;
    }
    .mapWrapper .socialIconWrapper i.fab{
        background-image: var(--iconwhite);
        background-size: 504px 326px;
        display: inline-block;
        width: 40px;
        height: 40px;
        background-position: -523px -533px;
    }
    .mapWrapper .socialIconWrapper i.fa-twitter{
        background-position: -652px -533px;
    }
    .mapWrapper .socialIconWrapper i.fa-instagram{
       background-position: -586px -533px;
    }
    .mapWrapper .socialIconWrapper i.fa-linkedin{
       background-position: -712px -533px;
    }
    .mapWrapper .socialIconWrapper i.fa-youtube{
       background-position: -774px -533px;
    }
    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
        position: relative;
        background: var(--btnbg);
        color: var(--btncolor);
        padding: var(--btnpadding);
        border-radius: var(--btnradius);
        border: var(--btnborder);
        border-bottom: var(--btnborderbottom);
    }
    .site-header .topbar-v3 .top_most li, .site-header .topbar-v3 .left-topbar li a, .top_most a, .topbar-v3 .right-topbar li a  {
            color: var(--topheadercolor);
            font-size: var(--topheaderfontsize);
    }
    .site-header .topbar-v3 .left-topbar li a:hover, .top_most a:hover, .topbar-v3 .right-topbar li a:hover  {
            color: var(--topheaderhovercolor);
    }
    .topbar-v3 .right-topbar .logindropdownlist  li a  {
        color: #333;
        display: flex;
    }
    #tblOrderList .productdetailprice.bulk-disc .qty.wishListQty {
        width: 215px;
    }
    .floaterbuttons {
        right: var(--floaterbuttons);
        height: auto;
        position: fixed;  
        z-index: 99; 
        top: 40%;
        bottom: auto;
    }
    .slider .slide-arrow.next-arrow, .slider .slide-arrow.prev-arrow {
        display: var(--sliderarrowdisplay) !important;
    }
    #dvsubscribe.bottompad {
        display: block;
    }
    .dvsubscribe-flex {
         display: flex;
        justify-content: center;
        gap: 10px;
    }
    .badge-open.active .verticaliconsidebar li a i{
            background-image: var(--sidebariconheader);
    
    }
    .badge-open.active .hearticon {
        background-image: var(--iconblack); 
    }
    .badge-open.active .bagselect i{
            background-image:var(--iconthemefill) !important;
    }
    .badge-open.active li a i.hearticon{
        background-position: -661px -208px;
    }
    .badge-open.active .bagselect .hearticon {
        background-position: -661px -207px;
    }
    
    
    .videobgwithicon .background-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    .videobgwithicon .video-overlay {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 999;
            justify-content: center;
            align-items: center;
        }
    
    .videobgwithicon .video-overlay iframe {
                width: 100%;
                height: 100%;
            }
    
    .videobgwithicon .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 32px;
            color: white;
            cursor: pointer;
        }
    .main-slider {
        position:relative;
    }
    .main-slider .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
        z-index: 2;
    }
    .callout {
        position: relative;
        display: flex;
        justify-content: end;
        align-items: baseline;
        flex-direction: column;
        height: 95%;
        text-align: center;
        z-index: 10;
        width: 100%;
        margin: auto;
    }
    .button-grp {
        display: flex;
    }
    #ModalProductQuery .modal-body .ruft span {
    display: none;
}

    .popup2columradius.offerpopup .modal-header .close .fa-plus{
            background-size: 274px 174px;
        background-position: -5px -3px;
    }
    .popup2columradius.offerpopup .modal-header .close:hover .fa-plus {
        transform: rotate(45deg);
    } 
    .QuotationListlastpage .addtowishlist_area table tr td button {
            display: flex;
    }
    .QuotationListlastpage .addtowishlist_area table tr td button i.plusaddicon{
               background-size: 250px 150px;
        background-position: -7px -2px;
    }
    .QuotationListlastpage .addtowishlist_area table tr td button:hover i.plusaddicon{
    background-size: 250px 150px !important;
        background-position: -7px -2px !important;
    }
    .productslist li .product-img .rgba-banner {
        display: block;
        width: 75px;
    }
    .career-section h5{
        text-align: center;
        padding: 50px 0px;
    }
    .slick-dots.single-image li {
        margin: 0 3px 0 3px;
    }
    .slick-dots.single-image li button {
        width: 6px;
        height: 6px;
        line-height: 16px;
    }
    .slick-dots.single-image li button:before {
        display:none;
    }
    .event-gallery .bhoechie-tab .gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    .form-control[required], .form-control.required, #ModalProductQuery .form-control.required, .uploads .fileupload[required] {
        border-left: 3px solid #ff0000 !important;
    }
    .sky-form label span, .careerdesign .career-form label span {
        display: none;
    }
    .subcatgoryboxdesign .list-box-pro h2.figcaption {
        text-align: center;
    }
    
    /*Bootom Compare Popup CSS Start*/
    .comparefooterbt .shopbagview {
        padding-left: 0px;
        text-align: center;
        margin-top: 0px;
        display: flex;
        float: right;
        flex-wrap: nowrap;
        align-items: center;
    }
    .comparefooterbt #dvComparefooterarea .shopbagview form {
        z-index: 9999;
        min-width: 50px;
    }
    .comparefooterbt .col-compare {
        width: 145px;
        position: fixed;
        left: 4%;
        bottom: 0;
        background-color: #104579;
        border-radius: 4px 4px 0px 0px;
    }
    .comparefooterbt .shop-badge.badge-icons {
        position: relative;
        margin-bottom: 0px;
    }
    .comparefooterbt .col-compare .cr-name {
        background: var(--comparefixbtnbg);
        color: var(--color-white);
        text-decoration: none;
    }
    .comparefooterbt .col-compare .cr-name {
        font-size: 13px;
        padding-left: 10px;
        width: 100%;
        display: block;
        line-height: 25px;
        text-transform: uppercase;
    }
    .comparefooterbt .shop-badge.badge-icons.compareiconmain .fa-scale-balanced {
        display: inline-block;
        background-size: 290px 147px;
        background-position: -548px 1px;
        width: 26px;
        height: 22px;
        background-image: var(--iconwhite);
    }
    .comparefooterbt .shopbagview .shop-badge.badge-icons span.badge.badge-sea {
        top: -5px;
        right: 0px;
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding: 4px 2px;
        background: #0e3c5ede;
        border: 1px solid #ffffff29;
    }
    .comparefooterbt .col-compare .badge-open {
        bottom: 36px;
        left: 5px;
        right: auto;
        display: none;
        list-style: none;
        min-width: 300px;
        background: var(--bg-white);
        position: fixed;
        border-top: none;
        box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
        z-index: 9999;
        top: inherit;
        width: 900px;
        bottom: 26px;
        padding-bottom: 10px;
    }
    .comparefooterbt .main-cr {
        padding: 15px;
    }
    .comparefooterbt .col-compare .compareiconmain:hover .badge-open {
        display: block;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 6px #6b6a6a;
        right: -5px;
    }
    .comparefooterbt .list-box-pro {
        padding: 0px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0rem;
        width: calc(26% - 1.79455rem);
        border-radius: 5px;
        position: relative;
        border: 1px solid #f1f1f1;
    }
    .comparefooterbt #dvCompareProductlist .list-box-pro {
        position: relative;
    }
    .comparefooterbt .main-cr .list-box-pro {
        margin: 0px 0.8%;
        padding-bottom: 6px;
        width: calc(25% - 1.2rem);
    }
    .comparefooterbt #dvCompareProductlist .list-box-pro .cross-compare {
        position: absolute;
        right: -14px;
        top: auto;
        bottom: 90%;
        z-index: 1;
        background: #3333335c;
        border: 4px double #fff;
        width: 32px;
        height: 32px;
        line-height: 22px;
        padding: 1px 2px;
    }
    .comparefooterbt .cross-compare {
        cursor: pointer;
        margin-left: 45%;
        margin-top: 8px;
        width: 20px;
        height: 20px;
        font-size: 16px;
        font-weight: 500;
        color: #687074;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
    }
    .comparefooterbt #dvCompareProductlist .list-box-pro .cross-compare a {
        font-size: 12px;
        color: #fff;
    }
    .comparefooterbt .cr-image {
        position: relative;
        margin: 0 auto;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 10px;
    }
    .comparefooterbt .cr-image img {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        opacity: 1;
        max-width: 100%;
        max-height: 100%;
    }
    .comparefooterbt #dvCompareProductlist .prdct-dtl h4.pro_namelist {
        -webkit-line-clamp: 3;
        height: 38px;
    }
    .comparefooterbt .prdct-dtl h4.pro_namelist {
        margin: 2px 0px 0px;
        padding: 0px 15px 5px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        min-height: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
        height: var(--prolist-head-height);
    }
    .comparefooterbt #dvCompareProductlist .prdct-dtl h4.pro_namelist a {
        height: 42px;
        font-size: 16px;
        line-height: 12px;
        overflow: hidden;
    }
    .comparefooterbt .prdct-dtl h4.pro_namelist a {
        width: 100%;
        display: block;
        font-weight: 500;
        font-size: var(--font-base-prolist-head);
        color: var(--prolist-head-color);
        letter-spacing: var(--prolist-head-letter-spacing);
        line-height: var(--prolist-head-lineheight);
    }
    .comparefooterbt .cr-text {
        font-size: 12px;
        margin-top: 15px;
        color: #191919;
        width: 100%;
        font-weight: 400;
    }
    .comparefooterbt .main-cr .btnblue {
        width: 100%;
        margin-bottom: 15px;
        background-image: none;
    }
    .comparefooterbt .main-cr .btnblue {
        width: 100%;
        margin-bottom: 15px;
        background-image: none;
    }
    /*Bootom Compare Popup CSS End*/
    #dvporductcomparelist .btnaddwishlistmain a span {
        display: block;
        text-transform: capitalize;
    }
    
    .iconalert-danger i.fa.fa-check, .iconalert-danger i.fa-times {
        display: inline-block;
        background-image: var(--iconwhite);
        background-size: 350px 219px;
        background-position: -183px -88px;
        width: 29px;
        height: 29px;
    }
    .iconalert-success i.fa.fa-check{
          background-image: var(--iconwhite);
    }
    .mainvideoslider {
        vertical-align: top;
        position: absolute;
        top: var(--slidercaptiontop);
        bottom: var(--slidercaptionbottom);
        left: var(--slidercaptionleft);
        transform: translate(-50%, -50%);
        height: auto;
        width: 60%;
        text-align: var(--bannerlayertextalign);
    }
    .mainvideoslider h2{
    font-size: var(--bannerlayerheading);
        line-height: 60px;
        font-weight: 600;
        width: 100%;
        clear: both;
        text-align: var(--bannerlayertextalign);
        color: #fff;
    }
    .mainvideoslider h3{
            width: 100%;
        text-align: var(--bannerlayertextalign);
        font-size: var(--bannerlayertagline);
            color: #fff;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-weight: 500;
    }
    .mainvideoslider p{
    width: 100%;
        margin-bottom: 25px;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }
.mainvideoslider .button-grp{
        display: block;
}
i.iconcomn.deleteicon {
    background-image: url(../img/icons-delete.png) !important;
}
.product-it-in a {width: 100%;}
.ui-autocomplete.ui-front{
    width: 300px !important;
}
.wishlisttab table {
    border-right: 1px solid #ddd;
}
/*noitempagedesign css start*/
.noitempagedesign, noitempagedesign {
    border-top: 1px solid #3333;
    border-bottom: 1px solid #3333;
    text-align: center;
    width: 50%;
    margin: 0px auto;
    padding: 30px 0px;
}
.noitempagedesign a, noitempagedesign a{
display: inline-block;
}
/*noitempagedesign css end*/
.alert.alert-danger.fade.in.logefterror {
    width: 70%;
    float: right;
    right: auto;
    left: 0;
    display: inline-block;
}
.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    }
.swiper-slide {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.productnamereview .btnicon {
    width: 200px;
    margin-bottom:15px;
}
.productdetailspagedesign .accordion-body .productnamereview p {
    margin-left: 0px;
}
.countrate {
    line-height: normal;
    display: flex;
    color: #fff;
    padding: 2px 4px 2px 6px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
    background-color: #e99a00;
    justify-content: center;
    align-items: center;
    width: 50px;
    float: left;
    
}
.list-box-pro .countrate{
    margin-bottom: 5px;
    margin-left: 15px;
}

.countrate .fa.fa-star{
    background-image: var(--iconwhite);
    background-size: 350px 215px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -16px -55px;
    margin-left: 4px;
}
.list-box-pro .CountRating {
    position: absolute;
    bottom: 5px;
    z-index: 9;
}
#SizeQuantityProduct .product-in-table.product-details .pro-det-lft {
    font-size: 12px;
}
.productslist {
    display: flex;
    flex-wrap: wrap;
    margin: -12px 0 0 -12px;
}

/*category not found Start*/
.categorynotfoundpage{
  margin: 60px 0;
}
.categorynotfoundpage-img{
  text-align: right;
}
.categorynotfoundpage-img img{
  width: 61%;
}
.categorynotfoundpage-cntnt{
  text-align: left;
    width: 80%;
}
.categorynotfoundpage-head h1 {
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-top: 30px;
    margin-bottom: 7px;
}
.categorynotfoundpage-para p{
  font-size: 25px;
    margin-bottom: 20px !important;
    line-height: 34px;
    color: #6f6f6f;
}
.categorynotfoundpage-btn .btn {
    background: #367cfe;
    border: 1px solid #367cfe;
    color: #ffffff;
    padding: 7px 45px;
    border-radius: 25px;
}
.categorynotfoundpage-btn .btn:hover::before{
  content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
   background: black;
   color: white;
}
/*category not found End*/

/*search product not found Start*/
.productnotfoundpage .top-header:before {
  background-image: url(/DMS/Images/torchlight.png);
}
.searchpagedsgn {
    padding: 0px 0px;
    background: rgba(247, 247, 247, 0.38);
}
.searchpagedsgn .margin-bottom-5 {
    margin-bottom: 0px;
}
.productnotfoundpage{
  position: relative;
  overflow:hidden;
}
.productnotfoundpage .top-header:before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
opacity:0.5;
}

@keyframes animStar
{
0% {
  transform: translateY(0px);
}
100% {
  transform: translateY(-2000px);
}
}
:focus {
outline: 0;
}
.productnotfoundpage .clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.productnotfoundpage .clearfix:after {
clear: both;
}
.productnotfoundpage .clearfix {
zoom: 1;
}
.productnotfoundpage .error {
position: relative;
padding: 240px 0;
box-sizing: border-box;
width: 100%;
height: 100%;
text-align: center;
margin-top: 30px;
}

.productnotfoundpage .error__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.productnotfoundpage .error__content {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.productnotfoundpage .error__message {
text-align: center;
color: #181828;
}

.productnotfoundpage .message__title {
  font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 50px;
    padding-bottom: 15px;
    margin: 0 auto;
}

.productnotfoundpage .message__text {
    line-height: 40px;
    font-size: 18px;
    padding: 0 60px;
    margin: auto;
}

.productnotfoundpage .error__nav {
max-width: 600px;
margin: 15px auto 0;
text-align: center;
}

.productnotfoundpage .e-nav__form {
position: relative;
height: 45px;
overflow: hidden;
width: 170px;
display: inline-block;
vertical-align: top;
border: 1px solid #212121;
padding-left: 10px;
padding-right: 46px;
}

.productnotfoundpage .e-nav__icon {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
color: #212121;
-webkit-transition: color .25s ease;
transition: color .25s ease;
}

.productnotfoundpage .e-nav__link {
height: 45px;
line-height: 45px;
width: 170px;
display: inline-block;
vertical-align: top;
margin: 0 15px;
border: 1px solid #181828;
color: #181828;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .1rem;
position: relative;
overflow: hidden;
}

.productnotfoundpage .e-nav__link:before {
content: '';
height: 200px;
background: #212121;
position: absolute;
top: 70px;
right: 70px;
width: 260px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transform: rotate(50deg);
        transform: rotate(50deg);
}

.productnotfoundpage .e-nav__link:after {
-webkit-transition: all .3s;
transition: all .3s;
z-index: 999;
position: relative;
}

.productnotfoundpage .e-nav__link:after {
content: "Home Page";
}

.productnotfoundpage .e-nav__link:hover:before {
top: -60px;
right: -50px;
}

.e-nav__link:hover {
color: #fff;
}

.productnotfoundpage .e-nav__link:nth-child(2):hover:after {
color: #fff;
}
.productnotfoundpage .error__social {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
left: 20px;
z-index: 10;
}

.productnotfoundpage .e-social__list {
margin: 0;
padding: 0;
list-style-type: none;
}

.productnotfoundpage .e-social__icon {
padding-bottom: 30px;
}

.productnotfoundpage .e-social__icon:last-child {
padding-bottom: 0;
}

.productnotfoundpage .e-social__link {
color: #fff;
-webkit-transition: all .25s ease;
transition: all .25s ease;
display: block;
}

.productnotfoundpage .e-social__link:hover {
opacity: .7;
}
.productnotfoundpage .lamp {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
margin: 0px auto;
width: 300px;
display: flex;
flex-direction: column;
align-items: center;
transform-origin: center top;
animation-timing-function: cubic-bezier(0.6, 0, 0.38, 1);
animation: move 5.1s infinite;
}
@keyframes move {
0% {
  transform: rotate(40deg);
}
50% {
  transform: rotate(-40deg);
}
100% {
  transform: rotate(40deg);
}
}
.productnotfoundpage .cable {
  width: 8px;
    height: 52px;
    background-image: linear-gradient(rgb(32 148 218 / 70%), rgb(193 65 25)), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
.productnotfoundpage .cover {
  width: 167px;
    height: 80px;
    background: #0bd5e8;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    position: relative;
    z-index: 200;
}
.productnotfoundpage .in-cover {
  width: 100%;
    max-width: 167px;
    height: 20px;
    border-radius: 100%;
    background: #08ffff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: -9px;
    z-index: 100;
}
.productnotfoundpage .in-cover .bulb {
  width: 50px;
    height: 50px;
    background-color: #08fffa;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -20px;
    margin: 0px auto;
  -webkit-box-shadow: 0 0 15px 7px rgba(0,255,255,0.8), 0 0 40px 25px rgba(0,255,255,0.5), -75px 0 30px 15px rgba(0,255,255,0.2);
  box-shadow: 0 0 25px 7px rgb(127 255 255 / 80%), 0 0 64px 47px rgba(0,255,255,0.5), 0px 0 30px 15px rgba(0,255,255,0.2);
}
.productnotfoundpage .light {
  width: 243px;
    height: 0;
    border-bottom: 880px solid rgb(44 255 255 / 24%);
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 110px;
  margin: 0px auto;
  z-index: 1;
  border-radius: 90px 90px 0px 0px;
}
.productnotfound-btn .btn {
  background: transparent;
  color: #000000;
  padding: 8px 25px;
  font-size: 23px;
  border-radius: 0px;
  border: 1px solid black;
}
.productnotfound-btn .btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    background: transparent;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-radius: 0px;
}
.productnotfoundpage .error {
overflow: hidden;
}
/*search product not found End*/

/*Page not found Start*/
.pagenotfoundpge{
  margin: 60px 0;
  text-align: center;
}
pagenotfoundpge .col-center{
  margin: 0px auto;
}
.pagenotfoundpge-img img{
  width: 150px;
  height: 150px;
}
.pagenotfoundpge-head h2{
  margin-top: 20px;
    font-size: 44px;
    margin-bottom: 15px;
}
.pagenotfoundpge-para p{
  font-size: 26px;
    margin-bottom: 20px !important;
}
.pagenotfoundpge-btn .btn{
  background: black;
    color: white;
    padding: 4px 58px;
    font-size: 23px;
    border-radius: 27px;
    border: 1px solid black;
}
.pagenotfoundpge-btn .btn:hover{
  background: transparent;
    color: rgb(0, 0, 0);
    border: 1px solid black;
}
.pagenotfoundpge-btn .btn::before{
    content: "";
    display: block;
    position: absolute;
    background: #ffffff;
    border-radius: 27px;
}
/*Page not found END*/

.qrcodemain img{
    width: 300px;
    display: block;
    margin: 10px auto;
    border-radius: 20px;
}
.columnposition {
    order: var(--ColumnPosition);
}