/* 
Theme Name:		 cedcommerce-theme-child
Theme URI:		 https://cedcommerce.com/
Description:	 cedcommerce-child is a child theme of cedcommerce, created by ChildTheme-Generator.com
Author:			 Cedcommerce
Author URI:		 https://cedcommerce.com/
Template:		 cedcommerce
Version:		 1.0.0
Text Domain:	 cedcommerce-child
*/


:root {
    /*variables from colors-and-fonts.css*/
    --ced-blue-30: #acb9c3;
    --ced-blue-60: #413bbc;
    --ced-blue-100: #212448;
    --ced-grey-10: #f9f9f7;
    --ced-grey-20: #fafafa;
    --ced-grey-30: #e8e8ea;
    --ced-grey-60: #444444;
    --ced-grey-80: #252b33;
    /*new-page css*/
    --ced-black-color: #0a0a0a;
    --ced-grey-color: #f5f5f5;
    --ced-green-color: #66ed78;
    --ced-orange-color: #f2af29;
    --ced-red-color: #db2928;
    --ced-light-orange: #f9f6dc;
    --ced-light-yellow: #fdfcf5;
    --ced-bg-gray: #f5f5fc;
    /*previous css*/
    --ced-heading-color: #03030b;
    --ced-subheading-color: #666;
    --ced-text-color: #0b0925;
    --ced-theme-bg: #4739e6;
    --ced-theme-hover: #3d2ee6;
    --ced-new-theme-text-bold: "niramitbold";
    --ced-white-color: #ffffff;
    --ced-gray-bg: #f5f7f9;
    --ced-font-heading: "poppinsbold";
    --ced-font-heading-text: "niramitmedium";
    --ced-font-childheading: "poppinsmedium";
    --ced-font-text-normal: "niramitlight";
    --ced-font-text-specialcase: "niramitregular";
    --ced-montserrat-r: "montserratregular";
    --ced-montserrat-m: "montserratmedium";
    --ced-montserrat-sb: "montserratsemibold";
    --ced-montserrat-b: "montserratbold";
    --ced-montserrat-eb: "montserratextrabold";
    --ced-monoton-r: "monotonregular";
    --ced-roboto-m: "robotomedium";
  }
  
  /*-----------new fonts-640 111019--------------*/
  
  @font-face {
    font-family: poppinslight;
    src: url(assets/fonts/poppins-light-webfont.woff2) format("woff2"),
      url(assets/fonts/poppins-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: poppinsmedium;
    src: url(assets/fonts/poppins-medium-webfont.woff2) format("woff2"),
      url(assets/fonts/poppins-medium-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: poppinsregular;
    src: url(assets/fonts/poppins-regular-webfont.woff2) format("woff2"),
      url(assets/fonts/poppins-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: poppinsbold;
    src: url(assets/fonts/poppins-bold-webfont.woff2) format("woff2"),
      url(assets/fonts/poppins-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: niramitbold;
    src: url(assets/fonts/niramit-bold-webfont.woff2) format("woff2"),
      url(assets/fonts/niramit-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: niramitlight;
    src: url(assets/fonts/niramit-light-webfont.woff2) format("woff2"),
      url(assets/fonts/niramit-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: niramitmedium;
    src: url(assets/fonts/niramit-medium-webfont.woff2) format("woff2"),
      url(assets/fonts/niramit-medium-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: niramitregular;
    src: url(assets/fonts/niramit-regular-webfont.woff2) format("woff2"),
      url(assets/fonts/niramit-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: montserratregular;
    src: url(assets/fonts/montserrat-regular.woff2) format("woff2"),
      url(assets/fonts/montserrat-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: montserratmedium;
    src: url(assets/fonts/montserrat-medium.woff2) format("woff2"),
      url(assets/fonts/montserrat-medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: montserratsemibold;
    src: url(assets/fonts/montserrat-semibold.woff2) format("woff2"),
      url(assets/fonts/montserrat-semibold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: montserratbold;
    src: url(assets/fonts/montserrat-bold.woff2) format("woff2"),
      url(assets/fonts/montserrat-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: montserratextrabold;
    src: url(assets/fonts/montserrat-extrabold.woff2) format("woff2"),
      url(assets/fonts/montserrat-extrabold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: monotonregular;
    src: url(assets/fonts/monoton-regular.woff2) format("woff2"),
      url(assets/fonts/monoton-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: robotomedium;
    src: url(assets/fonts/Roboto-Medium.woff2) format("woff2"),
      url(assets/fonts/Roboto-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  /*-------------font ends here------------------*/
  
  /*css from colors-and-fonts.css*/
  
  .text-decoration {
    text-decoration: none !important;
  }
  .ced-bg-light {
    background: var(--ced-grey-20) !important;
  }
  
  .ced-txt-light {
    color: var(--ced-grey-30) !important;
  }
  
  .ced-mt-20 {
    margin-top: 20px;
  }
  
  .ced-mt-30 {
    margin-top: 30px;
  }
  
  .ced-mt-40 {
    margin-top: 40px;
  }
  
  .ced-mt-70 {
    margin-top: 70px;
  }
  
  .ced-mt-100 {
    margin-top: 100px;
  }
  
  /*css from colors-and-fonts.css ends*/
  
  .grecaptcha-badge {
    z-index: 99;
  }
  
  p:empty {
    display: none;
  }
  
  body {
    font-size: 16px;
    letter-spacing: 0;
    color: var(--ced-grey-80);
    font-family: var(--ced-montserrat-r);
  }
  
  a:focus {
    outline: 0 none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.2;
    text-transform: none;
    color: var(--ced-heading-color);
    font-family: var(--ced-montserrat-eb);
  }
  
  a {
    transition: 0.5s all;
    color: var(--ced-blue-60);
    text-decoration: none !important;
  }
  
  a:hover {
    color: var(--ced-blue-60);
    text-decoration: none;
  }
  
  .purple-bg {
    background-color: var(--ced-theme-bg);
  }
  
  .btn.purple-bg:hover {
    background-color: var(--ced-theme-hover);
    color: var(--ced-white-color);
  }
  
  .blue-bg {
    background-color: #171a29;
  }
  
  .dark-gray-bg {
    background-color: #ecedf2;
  }
  
  .light-gray-bg {
    background-color: var(--ced-gray-bg);
  }
  
  .white-bg {
    background-color: var(--ced-white-color);
  }
  
  .green-bg {
    background-color: #16643a;
  }
  
  .gradient-bg {
    background-image: linear-gradient(125deg, #2b3dee 0%, #8b6ced 100%);
  }
  
  .purple-text {
    color: var(--ced-theme-hover);
  }
  
  .red-text {
    color: #ff0d0d;
  }
  
  .dark-gray-text {
    color: var(--ced-grey-60);
  }
  
  .light-gray-text {
    color: #525252;
  }
  
  .black-text {
    color: #1c1c1c;
  }
  
  .white-text {
    color: var(--ced-white-color);
  }
  
  /*----------Roboto fonts--------------*/
  
  .roboto-l {
    font-family: var(--ced-montserrat-r);
  }
  
  .roboto-r {
    font-family: var(--ced-montserrat-m);
  }
  
  .roboto-m {
    font-family: var(--ced-montserrat-sb);
  }
  
  .roboto-b {
    font-family: var(--ced-montserrat-b);
  }
  
  /*----------hind fonts--------------*/
  
  .hind-l {
    font-family: var(--ced-font-text-normal);
  }
  
  .hind-r {
    font-family: var(--ced-font-heading-text);
  }
  
  .hind-m {
    font-family: var(--ced-font-childheading);
  }
  
  .hind-b {
    font-family: var(--ced-font-heading);
  }
  
  /*----------new fonts 291019--------------*/
  
  .font-medium {
    font-family: var(--ced-font-text-specialcase);
  }
  
  .font-light {
    font-family: var(--ced-font-text-normal);
  }
  
  .font-heading {
    font-family: var(--ced-font-heading);
  }
  
  .font-subheading {
    font-family: var(--ced-font-heading-text);
  }
  
  .font-childheading {
    font-family: var(--ced-font-childheading);
  }
  
  /*----------new fonts ends--------------*/
  
  .relative {
    position: relative;
  }
  
  .absolute {
    position: absolute;
  }
  
  .static {
    position: static;
  }
  
  .section-padding {
    padding: 90px 0;
  }
  
  .section.subheading {
    font-size: 22px;
    line-height: 30px;
  }
  
  .service-title {
    font-size: 20px;
  }
  
  .overlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .summer-block + header {
    transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
  }
  
  .summer-block.hide + header {
    padding-top: 20px !important;
  }
  
  .summer-block .offer,
  .summer-block a {
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .summer-block span {
    font-family: var(--ced-montserrat-sb);
  }
  
  .summer-block {
    background-color: var(--ced-black-color);
      font-size: 14px;
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      right: 0;
      z-index: 100;
      line-height: 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  .summer-block a {
    text-decoration: underline !important;
  }
  
  .summer-block .offer {
    position: relative;
  }
  
  .summer-block .close-btn {
    top: 50%;
    right: -32px;
    line-height: 10px;
    position: absolute;
    color: var(--ced-black-color);
    background-color: var(--ced-white-color);
    transform: translateY(-50%);
    border-radius: 50%;
    padding: 3px;
  }
  
  .assistance-section .service-wrap .ced-service-title,
  .testimonial-wrap .review-description .testimonial-heading-title {
    font-size: 20px;
    font-family: var(--ced-font-text-specialcase);
    color: var(--ced-heading-color);
  }
  
  .featured-topics .desc-heading,
  .featured-topics .desc-heading .hind-r {
    font-family: var(--ced-font-heading);
  }
  
  .ced-section
    .filter-container
    .search-autocomplete.search-autocomplete1
    ul
    + div
    > a {
    color: var(--ced-white-color) !important;
    background-color: #2b3dee;
    font-size: 13px;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    margin-left: 20px;
    margin-bottom: 15px;
  }
  
  .ced-section
    .filter-container
    .search-autocomplete.search-autocomplete1
    ul
    + div
    > a:hover {
    box-shadow: 4px 5px 8px 3px #d2d1d1;
  }
  
  .clear {
    clear: both;
  }
  
  /* css for footer copyright */
  
  .login-customer {
    width: 175px;
    right: -10px;
    z-index: 999;
    padding: 25px;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    background-color: var(--ced-white-color);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.15);
  }
  
  .login-customer li a {
    font-family: var(--ced-montserrat-sb);
    border-radius: 6px;
    font-size: 14px;
    padding: 6px 0;
    display: block;
  }
  
  .login-customer .user-account {
    background-color: var(--ced-bg-gray);
    border: 2px solid var(--ced-bg-gray);
    color: var(--ced-black-color);
  }
  
  .login-customer .user-account:hover,
  .login-customer .user-logout:hover {
    color: var(--ced-blue-60);
  }
  
  .login-customer .user-logout {
    background-color: var(--ced-blue-60);
    border: 2px solid var(--ced-blue-60);
    color: var(--ced-white-color);
  }
  
  .login-customer .user-logout:hover {
    background-color: transparent;
  }
  
  .customer-account {
    position: relative;
  }
  
  .c-search .header-icon,
  .header-minicart .header-icon {
    line-height: 40px;
    color: var(--ced-black-color);
  }
  
  #back2Top {
    width: 45px;
    line-height: 45px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    right: 30px;
    background-color: var(--ced-grey-20);
    color: var(--ced-heading-color);
    text-align: center;
    font-size: 24px;
    border-radius: 24px;
    height: 45px;
    box-shadow: 0 3px 6px 0px rgba(23, 28, 33, 0.15);
  }
  #back2Top:hover {
    background-color: var(--ced-blue-30);
  }
  #back2Top img {
    transition: all 0.5s;
  }
  #back2Top:hover img {
    filter: brightness(0) invert(1);
  }
  
  /*Social Blog Section CSS*/
  
  .overlay-info {
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition-duration: 600ms;
    background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.6) 0%,
      transparent 50%
    );
  }
  
  .zoomEffect:hover img {
    transition: transform 0.4s;
    transform: scale(1.1);
  }
  
  .zoomEffect:hover .overlay-info {
    transition-duration: 600ms;
  }
  
  .zoomEffect {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
  }
  
  .zoomEffect img {
    transition: transform 0.4s;
  }
  
  .info-wrapper {
    align-self: flex-end;
    vertical-align: bottom;
    color: var(--ced-white-color);
    padding: 16px;
  }
  
  .custom_padding {
    margin-bottom: 17px;
  }
  
  .topics-title {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: var(--ced-white-color);
    font-family: var(--ced-font-childheading);
  }
  
  .topics-description {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--ced-font-heading-text);
  }
  
  .award-redirect {
    background-image: url("assets/images/product-page/annual_day.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px;
    text-align: center;
  }
  
  .award-redirect a {
    background: transparent;
    color: var(--ced-white-color);
    border: 1px solid var(--ced-white-color);
    display: inline-block;
    border-radius: 5px;
    margin-top: 15px;
    padding: 8px 22px;
  }
  
  .award-redirect a:hover {
    background-color: var(--ced-white-color);
    color: #333333;
  }
  
  /*Contact Modal CSS starts*/
  
  .modal-header,
  .modal-footer {
    border: none;
  }
  
  .modal-footer {
    display: none;
  }
  
  .modal-title {
    color: #333;
    font-family: var(--ced-montserrat-sb);
    text-align: center;
    display: block;
    width: 100%;
    max-width: 540px;
    font-size: 20px;
    margin: 0 auto;
    line-height: 30px;
  }
  
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    right: 15px;
    top: 15px;
    font-family: var(--ced-montserrat-sb);
    outline: 0;
  }
  
  /* modal processing */
  
  .privacy-policy-text {
    margin-bottom: 30px;
    font-size: 13px;
    color: var(--ced-grey-60);
  }
  .policy-wrap.custom-popup input#privacy_policy {
    transform: scale(1.4);
    position: absolute;
    top: 7px;
    accent-color: var(--ced-blue-60);
  }
  .policy-wrap.custom-popup .privacy-policy-text {
    padding-left: 25px;
  }
  .privacy-policy-text .hover_link {
    color: var(--ced-blue-60);
    display: inline-block;
    position: relative;
  }
  
  .privacy-policy-text .hover_link::before {
    content: "";
    position: absolute;
    transition: transform 0.5s ease;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: var(--ced-blue-60);
  }
  
  .privacy-policy-text .hover_link:hover::before {
    transform: scaleX(1);
  }
  
  .btn-sign-up-now {
    text-align: center;
    margin-top: 35px;
  }
  
  .btn-sign-up-now .button {
    color: var(--ced-white-color);
    background-color: var(--ced-blue-60);
    border: 2px solid var(--ced-blue-60);
    font-family: var(--ced-montserrat-sb);
    display: inline-block;
    transition: 0.5s all;
  }
  
  .loader-btn {
    height: auto;
    width: auto;
  }
  
  .btn-sign-up-now .button:hover {
    color: var(--ced-blue-60);
    background-color: var(--ced-white-color);
  }
  
  .form-fields-middle .input-wrapper {
    margin-bottom: 15px;
  }
  
  .input-wrapper .fields {
    background-color: rgba(250, 251, 252, 1);
    color: var(--ced-grey-60);
    width: 100%;
    font-size: 15px;
    padding: 8px 15px;
    outline: none;
    border-radius: 8px;
    height: 48px;
    margin-bottom: 5px;
    border: 1px solid var(--ced-grey-30);
  }
  
  .input-wrapper textarea {
    min-height: 100px;
  }
  
  .validation-advice,
  #captcha-required {
    color: red;
    font-size: 12px;
    font-family: var(--ced-montserrat-m);
  }
  
  .custom-wrap .validation-advice {
    padding: 0 12px;
  }
  
  .intl-tel-input {
    display: block !important;
  }
  
  .whatsapp-link-wrap {
    border-radius: 50%;
    bottom: 10px;
    left: 10px;
    padding: 0;
    z-index: 99;
    position: fixed;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  
  /* Modified Header CSS 2020 */
  
  .ced-header {
    position: relative;
    z-index: 99;
    background-color: var(--ced-white-color);
  }
  
  .top-header::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(90deg, rgba(234,234,232,1) 0%, rgba(255,255,255,0) 0%, rgba(234,234,232,1) 21%);
  }
  
  .top-header .top-text {
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-m);
    transition: all 0.3s;
  }
  
  .top-header .top-text.active,
  .top-header .top-text:hover {
    text-decoration: underline !important;
  }
  
  .top-header .top-text.active {
    font-family: var(--ced-montserrat-b);
  }
  
  .top-header .top-head-btn.offer-btn {
    color: var(--ced-blue-60);
    background-color: var(--ced-bg-gray);
    font-family: var(--ced-montserrat-sb);
    border: 1px solid transparent;
  }
  
  .top-header .top-head-btn.offer-btn:hover {
    border: 1px solid var(--ced-blue-60);
  }
  
  .top-header .customer_login_text {
    color: var(--ced-white-color);
    background-color: var(--ced-blue-60);
    font-family: var(--ced-montserrat-sb);
    border: 1px solid transparent;
  }
  .top-header .customer_login_text:hover{
    border: 1px solid var(--ced-blue-60);
    background-color: var(--ced-gray-bg);
    color: var(--ced-blue-60);
  }
  .top-header .top-head-btn {
    border-radius: 20px;
    transition: 0.5s all;
  }
  
  
  .bottom-header .dropdown > a {
    transition: all 0.5s ease 0s;
  }
  
  .sidebarmenu-tab-text a.main-level:hover,
  .sidebarmenu-tab-text .main-link:hover,
  .bottom-header .dropdown:hover > a {
    color: var(--ced-blue-60);
  }
  
  .c-cart .count {
    background: var(--ced-blue-60) none repeat scroll 0 0;
    border-radius: 50%;
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-sb);
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -10px;
    text-align: center;
    width: 20px;
  }
  
  /*----cookies Modal----*/
  /*=======-----Line hover ------========*/
  /*---blue line---*/
  .blueline-hover,
  .blueline-hover:hover {
    position: relative;
    font-family: var(--ced-montserrat-m);
  }
  .blueline-hover::before,
  .blueline-hover::after {
    content: "";
    position: absolute;
    transition: transform 0.5s ease;
  }
  .blueline-hover::before {
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: var(--ced-blue-60);
  }
  .blueline-hover:hover::before {
    transform: scaleX(1);
  }
  /*---white line---*/
  .whiteline-hover,
  .whiteline-hover:hover {
    position: relative;
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-m);
  }
  .whiteline-hover::before,
  .whiteline-hover::after {
    content: "";
    position: absolute;
    transition: transform 0.5s ease;
  }
  .whiteline-hover::before {
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: var(--ced-white-color);
  }
  .whiteline-hover:hover::before {
    transform: scaleX(1);
  }
  /*=======-----Line hover End------========*/
  #settingModal .modal-dialog .modal-content {
    background-color: var(--ced-black-color);
    color: rgba(255, 255, 255, 0.9);
  }
  #settingModal .close-btn {
    position: absolute;
    right: 15px;
    font-size: 32px;
    top: 10px;
    color: var(--ced-white-color);
    outline: none;
  }
  #settingModal .modal-heading {
    font-family: var(--ced-montserrat-b);
    font-size: 24px;
    color: var(--ced-white-color);
    margin-bottom: 24px;
  }
  #settingModal p.modal-para {
    font-size: 14px;
    line-height: 26px;
  }
  #settingModal .accept,
  #settingModal .setting,
  #settingModal .custom-btn {
    border-radius: 8px;
    display: inline-block;
    font-family: var(--ced-montserrat-sb);
  }
  #settingModal .accept {
    color: var(--ced-black-color);
    border: 2px solid var(--ced-white-color);
    background-color: var(--ced-white-color);
  }
  #settingModal .setting {
    color: var(--ced-white-color);
    border: 2px solid var(--ced-white-color);
    background-color: var(--ced-black-color);
  }
  #settingModal .setting:hover {
    color: var(--ced-black-color);
    border: 2px solid var(--ced-white-color);
    background-color: var(--ced-white-color);
  }
  #settingModal .setting-container {
    overflow-y: auto;
    max-height: 385px;
  }
  #settingModal .switch-content h3 {
    font-size: 17px;
    font-family: var(--ced-montserrat-sb);
    color: var(--ced-white-color);
  }
  #settingModal .switch-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 28px;
  }
  #settingModal .custom-btn {
    background-color: var(--ced-blue-60);
    color: var(--ced-white-color);
    border: 2px solid var(--ced-blue-60);
  }
  #settingModal
    .setting-container
    .custom-control-input:checked
    ~ .custom-control-label::before {
    border-color: var(--ced-blue-60);
    background-color: var(--ced-blue-60);
  }
  #settingModal .setting-container .custom-control.custom-switch.switch-content {
    padding-left: 40px;
  }
  #settingModal .setting-container .custom-control-label {
    cursor: pointer;
  }
  /* search-overlay */
  #settingModal .custom-btn:hover {
    background-color: var(--ced-white-color);
    color: var(--ced-blue-60);
    border: 2px solid var(--ced-blue-60);
  }
  .search-box-wrap {
    width: 100%;
    margin: 0 auto;
  }
  
  #search-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    border: none;
    display: none;
    overflow: auto;
    position: fixed;
    background: rgba(255, 255, 255, 0.95);
  }
  
  .search-overlay .centered {
    background: var(--ced-black-color) none repeat scroll 0 0;
    color: var(--ced-white-color);
    padding: 70px 50px;
    width: 100%;
  }
  
  .search-box-wrap .close-icon {
    position: fixed;
    top: 50px;
    right: 20px;
    color: var(--ced-white-color);
  }
  
  .search-box-wrap .close-icon:hover {
    color: var(--ced-blue-30);
    cursor: pointer;
  }
  
  .search-box-wrap input[type="text"],
  .search-box-wrap .search-btn,
  .search-box-wrap .search-btn:focus {
    border: none;
    outline: none;
    border-radius: 12px;
    font-family: var(--ced-montserrat-m);
  }
  
  .search-box-wrap input[type="text"] {
    color: #8b8b8b;
    line-height: 1.5;
    background-color: var(--ced-white-color);
  }
  
  .search-box-wrap .search-btn,
  .search-box-wrap .search-btn:focus {
    text-align: center;
    transition: all 0.3s;
    color: var(--ced-white-color);
    background-color: var(--ced-blue-60);
  }
  
  .search-box-wrap .search-btn:hover {
    color: var(--ced-blue-60);
    background-color: var(--ced-white-color);
  }
  
  .header-trending-products {
    margin: 0 auto;
    max-width: 909px;
  }
  
  .header-trending-products span {
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .header-trending-products .prod-name .trending-prod-name {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .header-trending-products .prod-name .trending-prod-name:hover {
    color: var(--ced-blue-60);
  }
  
  .header-trending-products .trend-link {
    position: relative;
    padding-left: 25px;
  }
  
  .header-trending-products .trend-link::before {
    background-image: url("assets/images/header/search1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 14px;
    width: 14px;
    left: 0;
    top: 2px;
    content: "";
    position: absolute;
  }
  
  .services-btn .btn {
    margin-bottom: 20px;
    border-radius: 15px;
    transition: all 0.3s;
    color: var(--ced-black-color);
    border: 2px solid var(--ced-blue-60);
    font-family: var(--ced-montserrat-sb);
    background-color: var(--ced-white-color);
  }
  
  .services-btn .btn:hover {
    background-color: var(--ced-blue-60);
    color: var(--ced-white-color);
  }
  
  .overlay.body {
    top: 0;
    opacity: 0;
    display: block;
    visibility: hidden;
    transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
  }
  
  .overlay.body {
    position: fixed;
    z-index: 9;
  }
  
  .overlay.body.active {
    opacity: 1;
    visibility: visible;
  }
  
  .overlay.body.active {
    top: 0;
  }
  
  /* search-autocomplete */
  
  .search-autocomplete {
    background: var(--ced-white-color) none repeat scroll 0 0;
    box-shadow: 0 10px 10px 0 rgba(23, 28, 33, 0.15);
    border-radius: 15px;
    overflow-y: scroll;
    text-align: left;
    z-index: 999999;
    margin-top: 2px;
    height: 440px;
  }
  
  .search-autocomplete.search-autocomplete1 {
    height: auto;
    overflow: auto;
    padding-left: 0;
    padding-right: 0;
  }
  
  .search-autocomplete1 > ul {
    margin: 0;
    list-style-type: none;
  }
  
  .search-autocomplete1 ul li a {
    display: block;
    margin-bottom: 15px;
  }
  
  .search-autocomplete1 .ced-search-results {
    display: flex;
    flex-wrap: wrap;
  }
  
  .search-autocomplete1 .ced-search-results-img {
    border-radius: 15px;
    overflow: hidden;
    min-width: 65px;
    flex: 0 0 65px;
    height: 65px;
  }
  
  .search-autocomplete1 .ced-search-results-img > img {
    height: auto;
    width: 100%;
  }
  
  .search-autocomplete1 .ced-search-results-product-name {
    padding-left: 10px;
    flex: 0 0 calc(100% - 65px);
    min-width: calc(100% - 65px);
  }
  
  .search-autocomplete1 .ced-search-results-product-name .search-product-name {
    line-height: 18px;
    margin-bottom: 5px;
    font-family: var(--ced-montserrat-m);
  }
  
  .search-autocomplete1 .ced-search-results-product-name .search-product-price {
    margin-bottom: 0;
    font-family: var(--ced-montserrat-sb);
  }
  
  .search-autocomplete1 .ced-search-results-product-name .search-product-name,
  .search-autocomplete1 .ced-search-results-product-name .search-product-price {
    font-size: 12px;
    text-transform: capitalize;
  }
  
  .search-autocomplete > div {
    padding: 0 0 20px;
    text-align: left;
  }
  
  .search-autocomplete > div > a {
    font-size: 12px;
    border-radius: 3px;
    transition: all 0.3s;
    padding: 10px 25px;
    color: var(--ced-blue-60) !important;
    font-family: var(--ced-montserrat-sb);
  }
  
  .search-autocomplete > div > a:hover {
    color: var(--ced-black-color) !important;
    margin-left: 5px;
  }
  .top-header .top-text,
  .top-header .top-head-btn {
    font-size: 11px;
    text-transform: uppercase;
  }
  /* new cart design */
  
  .minicart-active .ced-header {
    position: static;
    z-index: auto;
  }
  
  #header-cart {
    margin: 0;
  }
  
  .minicart-active {
    overflow: hidden;
  }
  
  #header-cart .minicart-message {
    display: none !important;
  }
  
  .product-image img {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
  }
  
  .minicart-wrapper .empty {
    padding: 15px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 25px;
    color: var(--ced-subheading-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .minicart-wrapper img {
    margin: 30px auto 0;
    display: block;
  }
  
  .minicart-wrapper {
    position: fixed;
    top: 0;
    overflow: hidden;
    border-radius: 15px;
    transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -moz-transition: 0.3s all;
    z-index: 9999999999 !important;
    box-shadow: -5px 0 18px rgba(0, 0, 0, 0.3);
    background: var(--ced-white-color) none repeat scroll 0 0;
  }
  
  .minicart-wrapper.active {
    right: 0;
  }
  
  .minicart-wrapper .cart-list {
    list-style: outside none none;
    overflow: auto;
    padding: 0;
    margin: 0;
  }
  
  .minicart-cart-header,
  .minicart-wrapper .minicart_footer {
    padding: 15px 10px;
  }
  
  .minicart-cart-header::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 96%;
    transform: translateX(-50%);
    background-color: var(--ced-grey-color);
  }
  
  .minicart-cart-header .cart-heading-minicart {
    text-transform: uppercase;
    color: var(--ced-grey-60);
    font-family: var(--ced-montserrat-sb);
  }
  
  .cart-list-info {
    display: flex;
  }
  
  .cart-list-info .product-img-wrap {
    flex: 0 0 15%;
    min-width: 15%;
  }
  
  .product-img-wrap .product-image {
    display: block;
    overflow: hidden;
    box-shadow: 0px 10px 10px -5px rgb(222, 222, 222, 0.8);
  }
  
  .product-info-wrap .prod-name a {
    display: block;
    padding-top: 5px;
    color: var(--ced-grey-80);
    font-family: var(--ced-montserrat-b);
  }
  
  .product-info-wrap .prod-name a:hover {
    color: var(--ced-blue-60);
  }
  
  .minicart-wrapper .price-info .price {
    color: var(--ced-blue-60);
    font-family: var(--ced-montserrat-b);
  }
  
  .price-info .price.retail {
    text-decoration: line-through;
  }
  
  .price-info .price.offer {
    color: var(--ced-black-color);
  }
  
  .action-links .action-link {
    display: block;
    font-size: 12px;
    margin-top: 3px;
    color: var(--ced-grey-60);
    font-family: var(--ced-montserrat-r);
  }
  
  .action-links .action-link:hover {
    color: var(--ced-blue-60);
  }
  
  .minicart-wrapper .minicart_footer {
    background-color: var(--ced-black-color);
  }
  
  .block-content .subtotal .label,
  .block-content .subtotal .price {
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-b);
  }
  
  .block-content .subtotal .gst-tax {
    opacity: 0.8;
    display: block;
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .minicart-footer-links a {
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    color: var(--ced-blue-60);
    font-family: var(--ced-montserrat-sb);
    background-color: var(--ced-white-color);
  }
  
  .minicart-footer-links a:hover {
    background-color: var(--ced-blue-60);
    color: var(--ced-white-color);
  }
  
  .overlay.body.minicart-overlay {
    opacity: 1;
    top: 0;
    visibility: visible;
    z-index: 99;
  }
  
  /* Error and success msg */
  
  .messages {
    margin: 0 5px 30px;
  }
  
  .messages > li:not(:last-child),
  .messages > li li:not(:last-child) {
    margin-bottom: 10px;
  }
  
  .messages,
  .messages ul {
    list-style-type: none;
    padding-left: 0;
  }
  
  .messages li li {
    font-size: 14px;
    position: relative;
    border-radius: 12px;
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .messages li li:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  .messages .error-msg li {
    background-color: var(--ced-orange-color);
  }
  
  .messages .error-msg li:before {
    background-image: url("assets/images/error-msg.svg");
  }
  
  .messages .success-msg li {
    background-color: var(--ced-green-color);
  }
  
  .messages .success-msg li:before {
    background-image: url("assets/images/success-msg.svg");
  }
  
  .messages .warning-msg li {
    background-color: var(--ced-light-orange);
  }
  
  .messages .warning-msg li:before {
    background-image: url("assets/images/warning-msg.svg");
  }
  
  .messages .notice-msg li {
    background-color: var(--ced-grey-30);
  }
  
  .messages .notice-msg li:before {
    background-image: url("assets/images/notice-msg.svg");
  }
  
  /* footer */
  
  .align-center {
    align-items: center;
  }
  
  .ced-footer-bg {
    background-image: url(assets/images/footer/logo/footer-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .ced-footer .social-icons,
  .ced-footer .app-links {
    flex: 0 0 43%;
    min-width: 43%;
    margin-right: 15px;
    margin-bottom: 20px;
  }
  
  .ced-footer .social-icons {
    position: relative;
    border-radius: 15px;
    padding: 5px 5px 5px 50px;
  }
  
  .ced-footer .social-icons:hover {
    background-color: var(--ced-white-color);
    box-shadow: 0 3px 6px 0 rgba(23, 28, 33, 0.08);
  }
  
  .ced-footer .social-icons::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .footer-top .facebook::before {
    background-image: url("assets/images/footer/social/facebook.png");
  }
  
  .footer-top .youtube::before {
    background-image: url("assets/images/footer/social/youtube.png");
  }
  
  .footer-top .instagram::before {
    background-image: url("assets/images/footer/social/instagram.png");
  }
  
  .footer-top .linkedin::before {
    background-image: url("assets/images/footer/social/linkedin.png");
  }
  
  .footer-top .twitter::before {
    background-image: url("assets/images/footer/social/new_twitter_logo.png");
  }
  .footer-top .pinterest::before {
    background-image: url("assets/images/footer/social/pinterest.png");
  }
  
  .footer-heading {
    font-size: 18px;
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-b);
  }
  
  .ced-footer .footer-links {
    margin: 12px 0;
  }
  
  .ced-footer .footer-links,
  .ced-footer .social-icons {
    display: block;
    font-size: 14px;
    color: var(--ced-subheading-color);
    font-family: var(--ced-montserrat-m);
  }
  
  .ced-footer .footer-links:hover,
  .ced-footer .social-icons:hover {
    color: var(--ced-black-color);
  }
  
  .copyright-wrap {
    padding: 10px;
    background-color: var(--ced-black-color);
  }
  
  .copyright-wrap .copyright {
    font-size: 14px;
    padding-left: 25px;
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--ced-montserrat-m);
  }
  
  /*cookie css*/
  
  .cookiealert {
    max-width: 100%;
    position: fixed;
    bottom: 160px;
    right: 25px;
    border-right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 100;
    background-color: var(--ced-black-color);
    font-family: var(--ced-montserrat-r);
    color: var(--ced-white-color);
    border-radius: 30px;
    -webkit-box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.3s ease-out, visibility 0s 0.4s,
      -webkit-transform 0s 0.4s;
    transition: opacity 0.3s ease-out, visibility 0s 0.4s,
      -webkit-transform 0s 0.4s;
    transition: opacity 0.3s ease-out, transform 0s 0.4s, visibility 0s 0.4s;
    transition: opacity 0.3s ease-out, transform 0s 0.4s, visibility 0s 0.4s,
      -webkit-transform 0s 0.4s;
  }
  
  .cookiealert.active {
    -webkit-transition: opacity 0.3s ease-out, visibility 0s,
      -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: opacity 0.3s ease-out, visibility 0s,
      -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1),
      visibility 0s;
    transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1),
      visibility 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  
  .cookiealert span {
    font-size: 30px;
    font-family: var(--ced-montserrat-b);
    margin-bottom: 5px;
  }
  
  .cookiealert .privacy-policy-link {
    font-family: var(--ced-montserrat-sb);
    color: var(--ced-white-color);
    text-decoration: underline !important;
    font-size: 15px;
  }
  
  .cookiealert .accept {
    font-size: 15px;
    padding: 8px 20px;
    width: max-content;
    border-radius: 12px;
    color: var(--ced-black-color);
    font-family: var(--ced-montserrat-sb);
    border: 2px solid var(--ced-white-color);
    background-color: var(--ced-white-color);
  }
  
  .cookiealert .accept:hover {
    color: var(--ced-white-color);
    background-color: transparent;
  }
  
  .cookiealert .setting {
    font-size: 15px;
    padding: 8px 20px;
    width: max-content;
    border-radius: 12px;
    color: var(--ced-white-color);
    font-family: var(--ced-montserrat-sb);
    border: 2px solid var(--ced-white-color);
    background-color: var(--ced-black-color);
  }
  
  /* ----------- New css for site revamp---------------- */
  .primary-cta {
    background-color: var(--ced-blue-60);
    color: var(--ced-white-color);
    border: 2px solid var(--ced-blue-60);
    font-family: var(--ced-montserrat-sb);
  }
  .primary-cta:hover {
    color: var(--ced-blue-60);
    background-color: var(--ced-white-color);
  }
  /* Modal Css */
  .modal-content {
    border-radius: 15px;
  }
  .modal-top {
    color: var(--ced-grey-60);
    font-family: var(--ced-montserrat-sb);
  }
  .modal-header .close,
  .register-modal .close {
    margin: 0;
    padding: 0;
    opacity: 1;
    font-size: 30px;
  }
  .radio-box {
    margin: 12px 0px 25px;
  }
  .radio-box p {
    margin-bottom: 0px;
  }
  .radio-heading {
    font-size: 16px;
    font-family: var(--ced-montserrat-r);
    margin-right: 20px;
  }
  .wpcf7-list-item.last {
    margin-left: 25px;
  }
  .wpcf7-acceptance .wpcf7-list-item {
    padding-left: 25px;
    position: relative;
    margin: 0;
  }
  .wpcf7-acceptance .wpcf7-list-item input {
    height: 16px;
    width: 16px;
    accent-color: var(--ced-blue-60);
    position: absolute;
    left: 0;
    top: 5px;
  }
  .wpcf7-acceptance .wpcf7-list-item-label {
    margin-bottom: 30px;
    font-size: 13px;
    color: var(--ced-grey-60);
  }
  .acceptance-light + .wpcf7-list-item-label {
    color: var(--ced-white-color);
  }
  .wpcf7-not-valid-tip {
    font-size: 14px;
  }
  .section-heading {
    font-family: var(--ced-montserrat-r);
  }
  .btn-close {
    background-size: 12px;
  }
  .btn-close:focus {
    box-shadow: none;
  }
  .modal-content {
    background-color: var(--ced-bg-gray);
  }
  .wpcf7-spinner {
    display: none;
  }
  .wpcf7 form .wpcf7-response-output {
    background-color: #badbcc;
    color: #0f5132;
    margin: 0px auto;
    max-width: 410px;
    font-family: var(--ced-montserrat-m);
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #d1e7dd;
  }
  /*-------------- media queries ---------------*/
  
  @media only screen and (min-width: 1200px) {
    .ced-header .logo-image {
      width: 245px;
    }
    .footer-certified-icon .certify-img {
      width: 90px;
    }
    .login-customer {
      top: 45px;
    }
    .sidebarmenu-tab-text .main-level {
      font-size: 14px;
    }
    .bottom-header .dropdown-wrap {
      width: 1000px;
    }
    .bottom-header .dropdown > a {
      font-size: 16px;
    }
    .top-header .top-head-btn {
      padding: 5px 20px;
    }
    
  }
  @media screen and (min-width: 1200px) and (max-width: 1399px) {
    .bottom-header .dropdown-wrap {
      left: -160px;
    }
  }
  @media screen and (min-width: 1400px) {
    .bottom-header .dropdown-wrap {
      left: -20px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ced-header .logo-image {
      width: 188px;
    }
    .footer-certified-icon .certify-img {
      width: 80px;
    }
    .custom-padding-left {
      padding-left: 0;
    }
    .sidebarmenu-tab-text .main-level {
      font-size: 13px;
    }
    .top-header .top-head-btn {
      padding: 4px 18px;
    }
    .login-customer {
      top: 35px;
    }
    .bottom-header .feather {
      width: 20px;
    }
    .bottom-header .dropdown-wrap {
      left: -215px;
      width: 930px;
    }
    .bottom-header .dropdown > a {
      font-size: 14px;
    }
    .ced-footer .social-icons {
      padding-left: 40px;
    }
  }
  
  @media only screen and (min-width: 992px) {
    .section-heading {
      font-size: 48px;
      line-height: 60px;
    }
    .m-strip {
      display: none !important;
    }
    .footer-bottom .custom-border {
      border-top: 1px solid #dee2e6;
    }
  
    .summer-block {
      padding: 8px 80px;
    }
    .currency-switcher .top-text:not(:last-child) {
      margin-right: 4px;
    }
    .login-customer li:not(:last-child) {
      margin-bottom: 12px;
    }
    .c-cart .count {
      top: 0;
    }
    .collapse-wrap,
    .ced_megamenu li.back {
      display: none;
    }
    .ced_megamenu {
      position: relative;
    }
    .sidebar-head-wrap {
      background-image: linear-gradient(
        to top,
        var(--ced-blue-100),
        var(--ced-blue-60)
      );
      box-shadow: 10px 0 20px -10px rgba(0, 0, 0, 0.5);
      border-radius: 15px;
      padding: 30px 20px;
      min-height: 220px;
    }
    .sidebar-head {
      font-size: 20px;
      margin-top: 10px;
      line-height: 27px;
      position: relative;
      text-transform: uppercase;
      color: var(--ced-white-color);
      font-family: var(--ced-montserrat-eb);
    }
    .sidebar-head::before {
      position: absolute;
      content: "";
      top: -10px;
      width: 50px;
      height: 5px;
      background: var(--ced-green-color);
    }
    .sidebar-title {
      font-family: var(--ced-montserrat-m);
      color: var(--ced-white-color);
      line-height: 22px;
      font-size: 14px;
      display: block;
    }
    .sidebarmenu-tab-text .main-level,
    .sidebarmenu-tab-text .main-link {
      display: block;
    }
    .sidebar-cta {
      font-family: var(--ced-montserrat-sb);
      color: var(--ced-white-color);
      position: absolute;
      padding-left: 28px;
      font-size: 15px;
      bottom: 30px;
      left: 35px;
    }
    .sidebar-cta:hover {
      color: var(--ced-white-color);
    }
    .start-cta {
      display: block;
      font-size: 12px;
      position: relative;
      border-radius: 15px;
      padding: 45px 15px 10px;
      color: var(--ced-white-color);
      background-color: var(--ced-blue-60);
      font-family: var(--ced-montserrat-sb);
      border: 2px solid var(--ced-blue-60);
    }
    .start-cta:hover {
      color: var(--ced-blue-60);
      background-color: transparent;
    }
    .sidebarmenu-tab-text .plus-more {
      display: block;
      font-size: 12px;
      cursor: pointer;
      position: relative;
      padding-left: 15px;
      margin-bottom: 10px;
      transition: all 0.3s;
      max-width: max-content;
      color: var(--ced-blue-60);
      text-transform: capitalize;
      font-family: var(--ced-montserrat-m);
    }
    .sidebarmenu-tab-text .plus-more::before {
      top: 4px;
      left: 0;
      width: 10px;
      height: 10px;
    }
    .sidebarmenu-tab-text .plus::before {
      background-image: url("assets/images/header/assets/plus.svg");
    }
    .sidebarmenu-tab-text .plus:before::after {
      position: absolute;
      content: "more";
    }
    .sidebarmenu-tab-text .plus-more::before,
    .sidebarmenu-tab-text .addon-cta::after,
    .sidebar-cta::before,
    .start-cta::before {
      position: absolute;
      content: "";
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    .sidebar-cta::before {
      left: 0;
      top: 2px;
      width: 18px;
      height: 18px;
      transition: all 0.3s;
      background-image: url("assets/images/header/assets/phone-call.svg");
    }
    .sidebar-cta:hover::before {
      transform: rotate(20deg) scale(1.2);
    }
    .start-cta::before {
      top: 10px;
      left: 10px;
      width: 30px;
      height: 30px;
      background-image: url("assets/images/header/assets/start.svg");
    }
    .sidebarmenu-tab-text .minus::before {
      background-image: url("assets/images/header/assets/minus.svg");
    }
    .bottom-header .dropdown-wrap {
      top: 100%;
      opacity: 0;
      z-index: 99;
      display: block;
      margin-top: 26px;
      position: absolute;
      padding: 15px 20px;
      visibility: hidden;
      border-radius: 15px;
      box-sizing: border-box;
      transform: translateY(17px);
      will-change: transform, opacity;
      background: #fcfcfc none repeat scroll 0 0;
      box-shadow: 0 12px 20px 0 rgba(23, 28, 33, 0.16);
      transition: transform 0.27s ease 0s, opacity 0.27s ease 0s,
        visibility 0.27s ease 0s, -webkit-transform 0.27s ease 0s;
    }
    .bottom-header .dropdown-wrap::after {
      position: absolute;
      content: "";
      bottom: 100%;
      height: 28px;
      left: 0;
      right: 0;
    }
    .bottom-header .dropdown:hover .dropdown-wrap {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
    }
    .bottom-header .dropdown > a {
      position: relative;
      color: var(--ced-black-color);
      font-family: var(--ced-montserrat-sb);
    }
    /* Modified Megamenu CSS 2020 */
    .sidebarmenu-tab-text .main-level {
      line-height: 18px;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--ced-black-color);
      font-family: var(--ced-montserrat-b);
    }
    .sidebarmenu-tab-text a.main-level {
      text-decoration: underline !important;
      max-width: max-content;
      position: relative;
    }
    .sidebarmenu-tab-text .main-link {
      font-size: 12px;
      position: relative;
      margin-bottom: 10px;
      max-width: max-content;
      color: var(--ced-grey-60);
      font-family: var(--ced-montserrat-m);
    }
    .marketplace-frameworks a {
      margin: 0 8px;
      height: 38px;
      width: 38px;
      border-radius: 50%;
      background-size: initial;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.7);
    }
    .marketplace-frameworks .magento-framework {
      background-image: url("assets/images/header/marketplace-frameworks/magento.png");
    }
    .marketplace-frameworks .shopify-framework {
      background-image: url("assets/images/header/marketplace-frameworks/shopify.png");
    }
    .marketplace-frameworks .bigcommerce-framework {
      background-image: url("assets/images/header/marketplace-frameworks/bigcommerce.png");
    }
    .marketplace-frameworks .woocommerce-framework {
      background-image: url("assets/images/header/marketplace-frameworks/woocommerce.png");
    }
    .marketplace-frameworks .prestashop-framework {
      background-image: url("assets/images/header/marketplace-frameworks/prestashop.png");
    }
    .marketplace-frameworks .opencart-framework {
      background-image: url("assets/images/header/marketplace-frameworks/opencart.png");
    }
    .marketplace-frameworks a,
    .digital-partners a img {
      transition: all 0.3s;
    }
    .marketplace-frameworks a:hover,
    .digital-partners a img:hover {
      transform: translateY(-4px);
    }
    .digital-partners a {
      margin: 0 15px;
    }
    .digital-link {
      font-size: 12px;
      position: relative;
      text-align: center;
      color: var(--ced-blue-60);
      font-family: var(--ced-montserrat-m);
    }
    .digital-link:hover {
      color: var(--ced-black-color);
    }
    .digital-link::before {
      position: absolute;
      content: "";
      bottom: -3px;
      left: 0;
      width: 100%;
      height: 1px;
      transition: all 0.5s;
      background-color: var(--ced-blue-60);
    }
    .digital-link:hover::before {
      background-color: var(--ced-black-color);
    }
    .market-partner-wrap img {
      width: 110px;
      display: inline-block;
      margin: 20px 30px 0 0;
    }
    .addon-cta {
      display: block;
      font-size: 12px;
      position: relative;
      font-family: var(--ced-montserrat-m);
    }
    .addon-cta {
      padding-right: 20px;
      margin-bottom: 10px;
      max-width: max-content;
    }
    .addon-cta::after {
      top: 2px;
      right: 0;
      width: 15px;
      height: 15px;
      transition: all 0.3s;
      background-image: url("assets/images/header/assets/arrow-right.svg");
    }
    .addon-cta:hover::after {
      right: -5px;
    }
    .megamenu-bottom-wrap {
      background-color: var(--ced-grey-color);
      border-radius: 15px;
      padding: 25px 30px;
    }
    .megamenu-bottom-wrap .bottom-content {
      font-family: var(--ced-montserrat-m);
      color: var(--ced-black-color);
      font-size: 14px;
    }
    .megamenu-bottom-wrap .addon-link {
      font-family: var(--ced-montserrat-sb);
      color: var(--ced-blue-60);
      font-size: 13px;
    }
    .megamenu-bottom-wrap .addon-link:hover {
      color: var(--ced-black-color);
    }
    .megamenu-bottom-wrap .bottom-head {
      font-size: 14px;
      line-height: 20px;
    }
    .minicart-wrapper {
      width: 520px;
      right: -580px;
    }
    .minicart-wrapper .cart-list {
      max-height: 322px;
    }
    .search-box-wrap {
      max-width: 575px;
    }
    .search-box-wrap input[type="text"] {
      width: 75%;
      padding: 15px 20px;
    }
    .search-box-wrap .search-btn,
    .search-box-wrap .search-btn:focus {
      padding: 15px 25px;
      line-height: 1.5;
    }
    .search-btn.svg_btn {
      display: none !important;
    }
    .search-btn.search_btn {
      display: block !important;
    }
    .award-redirect {
      background-position: center center;
    }
    .ced-footer {
      padding-top: 80px;
    }
    .footer-logo {
      max-width: 250px;
    }
    .transparent-email {
      border-radius: 15px;
      padding: 15px;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .page-space {
      padding: 100px 0px;
    }
    .mobile-show {
      display: none;
    }
    #settingModal .modal-dialog {
      max-width: 620px;
    }
    .messages li li {
      padding: 20px 20px 20px 60px;
    }
    .messages li li:before {
      left: 20px;
      width: 30px;
      height: 30px;
    }
    .summer-block + header {
      padding-top: 55px !important;
    }
    .header-trending-products span {
      font-size: 28px;
    }
    .header-trending-products .prod-name {
      margin-bottom: 15px;
    }
    .services-btn .btn {
      padding: 15px 60px;
    }
    .btn-sign-up-now .button {
      padding: 15px 25px !important;
      border-radius: 15px;
    }
    .modal-dialog .modal-content {
      padding: 30px;
    }
  }
  
  @media only screen and (min-width: 576px) {
    .search-autocomplete1 > ul {
      padding: 20px;
    }
    .cookiealert {
      width: 350px;
      min-height: 260px;
      padding: 45px;
    }
    .minicart-wrapper {
      margin: 15px;
      padding-top: 15px;
    }
    .minicart-wrapper img {
      width: 200px;
    }
    .cart-list-info {
      padding: 20px 10px 5px;
    }
    .cart-list-info:last-child {
      padding-bottom: 25px;
    }
    .cart-list-info .action-links {
      flex: 0 0 20%;
      min-width: 20%;
      padding-right: 10px;
    }
    .cart-list-info .product-info-wrap {
      flex: 0 0 65%;
      min-width: 65%;
    }
    .cart-list-info .product-info-wrap {
      padding: 0 15px;
    }
  
    .product-img-wrap .product-image {
      border-radius: 20px;
    }
    .product-info-wrap .prod-name a {
      font-size: 14px;
    }
    .minicart-wrapper .price-info .price {
      font-size: 15px;
    }
    .block-content .subtotal .label,
    .block-content .subtotal .price {
      font-size: 20px;
    }
    .minicart-footer-links a {
      padding: 10px 20px;
      font-size: 14px;
      min-width: 130px;
    }
    .setting-container .accept,
    .setting-container .setting,
    #settingModal .custom-btn {
      font-size: 15px;
      padding: 10px 20px;
    }
    #settingModal .setting-container {
      padding: 0px 30px 20px 0;
    }
    .modal-top {
      font-size: 22px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .d-strip {
      display: none !important;
    }
    .top-header .top-head-btn {
      padding: 5px 20px;
    }
    .footer-bottom {
      border-top: 1px solid #dee2e6;
    }
    .summer-block {
      padding: 8px 40px 8px 12px;
    }
    .summer-block .offer {
      font-size: 12px;
    }
    .ced-header {
      border-bottom: 1px solid var(--ced-blue-30);
    }
    .ced-header .logo-image {
      width: 140px;
    }
    /* slidebar-mobile */
    .navbar-collapse span.plus-more {
      display: none;
    }
    .navbar-collapse,
    .navbar-collapse ul .level-2,
    .navbar-collapse ul .level-3 {
      position: fixed;
      top: 0;
      left: 0;
      overflow-x: hidden;
      transform: translate3d(calc(-100% - 50px), 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -webkit-transform: translate3d(calc(-100% - 50px), 0, 0);
    }
    .navbar-collapse {
      z-index: 999;
      width: 300px;
      height: 100%;
      transition: all 0.4s ease;
      background-color: var(--ced-white-color);
      box-shadow: 20px 0 20px -30px rgba(0, 0, 0, 0.4);
    }
    .navbar-collapse.show,
    .navbar-collapse ul .level-2.active,
    .navbar-collapse ul .level-3.active {
      transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
    }
    .navbar-collapse ul,
    .navbar-collapse .level-2 {
      width: 100%;
      height: 100%;
      background-color: var(--ced-white-color);
    }
    .custom-spacing {
      margin: 0 !important;
      padding: 0 !important;
    }
    .navbar-collapse ul .level-2 {
      z-index: 2;
    }
    .navbar-collapse ul .level-3 {
      z-index: 3;
    }
    .navbar-collapse ul .level-2,
    .navbar-collapse ul .level-3 {
      transition: all 0.5s ease;
    }
    .navbar-collapse ul li {
      width: 100%;
    }
    .navbar-collapse li {
      transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
    }
    .navbar-collapse li:hover {
      box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
      background: var(--ced-grey-color) none repeat scroll 0 0;
    }
    .main-list-head {
      font-size: 14px !important;
      text-transform: uppercase;
      color: var(--ced-blue-60) !important;
      border-bottom: 1px solid var(--ced-blue-30);
      font-family: var(--ced-montserrat-eb) !important;
    }
    .back a {
      text-transform: uppercase;
      font-size: 12px !important;
      color: var(--ced-blue-60) !important;
      box-shadow: 0 1px rgba(0, 0, 0, 0.1) inset;
      font-family: var(--ced-montserrat-r) !important;
      background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    }
    .navbar-collapse a,
    .navbar-collapse span {
      font-family: var(--ced-montserrat-m);
      color: var(--ced-grey-80);
      font-size: 13px;
      display: block;
    }
    .navbar-collapse a:hover,
    .navbar-collapse span:hover {
      color: var(--ced-blue-60);
      cursor: pointer;
    }
    .navbar-collapse a,
    .navbar-collapse span,
    .main-list-head {
      line-height: 30px;
      padding: 5px 10px;
    }
    .menu-click,
    .back a,
    a.main-list-head {
      position: relative;
    }
    .menu-click::after,
    .back a::after,
    a.main-list-head::after {
      content: "";
      width: 7px;
      height: 7px;
      display: block;
      position: absolute;
      border-right: 1px solid var(--ced-black-color);
      border-bottom: 1px solid var(--ced-black-color);
    }
    .menu-click::after,
    a.main-list-head::after {
      transform: rotate(-45deg);
      right: 16px;
    }
    .back a::after {
      right: 12px;
      transform: rotate(135deg);
    }
    .menu-click::after,
    .back a::after,
    a.main-list-head::after {
      top: 16px;
    }
    .overlay-menu {
      top: 0;
      right: 0;
      opacity: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      position: fixed;
      visibility: hidden;
      transition: all 0.3s;
      background-color: rgba(0, 0, 0, 0.6);
    }
    .overlay-menu.active {
      opacity: 1;
      visibility: visible;
    }
    .c-cart .count {
      top: -2px;
    }
    .css-i6dzq1 {
      vertical-align: middle;
      width: 14px;
    }
    .minicart-wrapper .cart-list {
      max-height: 285px;
    }
    .search-box-wrap {
      max-width: 400px;
    }
    .search-box-wrap input[type="text"],
    .search-box-wrap .search-btn,
    .search-box-wrap .search-btn:focus {
      padding: 12px 15px;
    }
    .search-box-wrap input[type="text"] {
      width: 80%;
    }
    .search-box-wrap .search-btn,
    .search-box-wrap .search-btn:focus {
      line-height: 0;
    }
    .search-btn.svg_btn {
      display: block !important;
    }
    .search-btn.search_btn {
      display: none !important;
    }
    #search-button.svg_btn svg {
      height: 22px;
      width: 22px;
      display: flex;
    }
    .award-redirect {
      background-position: left center;
    }
    .ced-footer {
      padding-top: 50px;
    }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 991px) {
    .minicart-wrapper {
      right: -500px;
      width: 420px;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .topics-description {
      display: none;
    }
    .footer-certified-icon .certify-img {
      width: 55px;
    }
    .topics-title {
      font-size: 17px;
      padding-bottom: 0px;
      line-height: 22px;
    }
    .footer-logo {
      max-width: 200px;
    }
    .section-heading {
      font-size: 38px;
      line-height: 48px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .page-space {
      padding: 60px 0px;
    }
    .center_img {
      margin: 17px auto;
    }
    .zoomEffect {
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
    }
    .footer-certified-icon .certify-img {
      width: 40px;
    }
    .summer-block + header {
      padding-top: 72px !important;
    }
    #search-overlay {
      background: rgba(255, 255, 255, 1);
    }
    .search-overlay .centered {
      padding: 70px 20px 30px;
    }
    .header-trending-products .prod-name {
      margin-bottom: 0px;
    }
    .header-trending-products span {
      font-size: 22px;
    }
    .search-box-wrap .close-icon {
      top: 20px;
    }
    .services-btn .btn {
      padding: 10px 25px;
      font-size: 14px;
    }
    .footer-logo {
      max-width: 180px;
    }
    /*----------newfooter-------*/
    .award-redirect .topics-title {
      font-size: 18px;
    }
    .mobile-hide {
      display: none;
    }
    .messages li li {
      padding: 15px 15px 15px 45px;
    }
    .messages li li:before {
      left: 12px;
      width: 20px;
      height: 20px;
    }
    .btn-sign-up-now .button {
      font-size: 14px;
      border-radius: 12px;
      padding: 12px 20px !important;
    }
    .modal-dialog .modal-content {
      padding: 30px 15px;
    }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .ced-footer .social-icons::before {
      top: 4px;
      width: 23px;
      height: 23px;
    }
    .ced-footer .social-icons {
      padding: 5px 5px 5px 28px;
    }
    .section-heading {
      font-size: 30px;
      line-height: 40px;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .section-heading {
      font-size: 24px;
      line-height: 34px;
    }
    .modal-top {
      font-size: 18px;
    }
    .cookiealert {
      width: 300px;
      min-height: 215px;
      padding: 35px;
      font-size: 14px;
    }
    .cookiealert span {
      font-size: 22px;
    }
    .search-autocomplete1 > ul {
      padding: 15px;
    }
    .minicart-wrapper {
      right: -380px;
      width: 300px;
      margin: 8px;
    }
    .minicart-wrapper img {
      width: 120px;
    }
    .minicart-cart-header .close-cart svg {
      height: 12px;
      width: 12px;
    }
    .cart-list-info .action-links {
      flex: 0 0 25%;
      min-width: 25%;
      padding-right: 15px;
    }
    .cart-list-info .product-info-wrap {
      flex: 0 0 60%;
      min-width: 60%;
      padding: 0 5px;
    }
    .product-img-wrap .product-image {
      border-radius: 10px;
    }
    .minicart-cart-header .cart-heading-minicart,
    .product-info-wrap .prod-name {
      font-size: 13px;
    }
    .minicart-wrapper .price-info .price,
    .product-info-wrap .prod-name a {
      font-size: 12px;
    }
    .block-content .subtotal .label,
    .block-content .subtotal .price,
    .block-content .subtotal .gst-tax {
      font-size: 14px;
    }
    .minicart-footer-links a {
      min-width: 90px;
      font-size: 12px;
      padding: 6px 12px;
    }
    .minicart-cart-header,
    .minicart-wrapper .minicart_footer {
      padding: 10px 0;
    }
  
    .cart-list-info {
      padding: 15px 0 8px;
    }
    .cart-list-info:last-child {
      padding-bottom: 15px;
    }
    .header-trending-products span {
      padding-left: 16px;
      text-align: left;
    }
    .ced-footer .app-links img {
      width: 140px;
    }
    .ced-footer .rating-links img {
      width: 110px;
      margin-bottom: 25px;
    }
    .setting-container .accept,
    .setting-container .setting,
    #settingModal .custom-btn {
      font-size: 12px;
      padding: 8px 15px;
    }
    #settingModal .setting-container {
      padding: 0px 10px 20px 0;
    }
    .radio-heading {
      margin-bottom: 16px;
    }
    .wpcf7-list-item.first {
      margin: 0px;
    }
  }
  
  @media only screen and (min-width: 320px) {
    .btn-sign-up-now .loader-img {
      padding: 0 !important;
      display: flex;
      align-items: center;
      min-width: 150px;
    }
  }
  .black-badge {
    background-color: var(--ced-black-color);
    border-radius: 16px;
    padding: 6px 12px;
    font-family: var(--ced-montserrat-m);
    font-size: 13px;
  }
  /* BUTTON CSS START  */
  
  .border-pills-button {
    color: var(--ced-white-color);
    position: relative;
    font-family: var(--ced-montserrat-m);
    border-radius: 50px;
    display: flex !important;
    max-width: fit-content;
    gap: 16px;
    align-items: center;
    z-index: 1;
  }
  .border-pills-button.white {
    border: 2px solid var(--ced-white-color);
  }
  .border-pills-button.blue {
    background-color: var(--ced-blue-60);
    border: 2px solid var(--ced-blue-60);
  }
  .border-pills-button.blue:hover {
    border: 2px solid var(--ced-blue-60);
  }
  .border-pills-button:hover {
    color: var(--ced-blue-60);
  }
  .border-pills-button::before {
    content: "";
    position: absolute;
    background-color: var(--ced-white-color);
    z-index: -1;
    border-radius: 50px;
    transition: all 0.4s;
  }
  .border-pills-button:hover::before {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
  }
  .border-pills-button .arrow {
    background-color: var(--ced-white-color);
    border-radius: 50%;
    text-align: center;
  }
  .border-pills-button .arrow img {
    transition: all 0.5s;
  }
  .border-pills-button:hover .arrow img {
    transform: scale(1.4);
  }
  .button-small {
    padding: 10px 20px;
    font-size: 16px;
  }
  .button-small::before {
    right: 20px;
    top: 10px;
    width: 30px;
    height: 30px;
  }
  .button-small .arrow {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .button-small .arrow img {
    max-width: 20px;
  }
  @media screen and (max-width: 767px) {
    .button-large,
    .button-medium {
      padding: 10px 20px;
      font-size: 16px;
    }
    .button-large::before,
    .button-medium::before {
      right: 20px;
      top: 10px;
      width: 30px;
      height: 30px;
    }
    .button-large .arrow,
    .button-medium .arrow {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }
    .button-large .arrow img,
    .button-medium .arrow img {
      max-width: 20px;
    }
  }
  @media screen and (min-width: 768px) {
    .button-large .arrow img,
    .button-medium .arrow img {
      max-width: 30px;
    }
    .button-medium {
      padding: 14px 24px;
      font-size: 18px;
    }
    .button-medium::before {
      right: 24px;
      top: 13px;
      width: 30px;
      height: 30px;
    }
  
    .button-medium .arrow {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .button-large {
      padding: 14px 24px;
      font-size: 18px;
    }
    .button-large::before {
      right: 24px;
      top: 13px;
      width: 30px;
      height: 30px;
    }
    .button-large .arrow {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }
  }
  @media screen and (min-width: 1200px) {
    .button-large {
      padding: 15px 30px;
      font-size: 20px;
    }
    .button-large::before {
      right: 30px;
      top: 15px;
      width: 40px;
      height: 40px;
    }
    .button-large .arrow {
      width: 40px;
      height: 40px;
      line-height: 40px;
    }
  }
  
  /* Heading */
  
  .section-head {
    text-transform: uppercase;
    color: var(--ced-grey-60);
  }
  .section-head span {
    font-family: var(--ced-montserrat-r);
  }
  @media screen and (max-width: 575px) {
    .section-head {
      font-size: 24px;
      line-height: 34px;
    }
    .section-subhead {
      font-size: 15px;
      line-height: 26px;
    }
  }
  @media screen and (min-width: 576px) and (max-width: 767px) {
    .section-head {
      font-size: 28px;
      line-height: 38px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-para {
      line-height: 30px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .section-head {
      font-size: 32px;
      line-height: 42px;
    }
  }
  
  @media screen and (min-width: 768px) {
    .section-para {
      font-size: 18px;
      line-height: 32px;
    }
  }
  @media screen and (min-width: 992px) {
    .section-subhead {
      font-size: 18px;
      line-height: 32px;
    }
  }
  @media screen and (min-width: 576px) and (max-width: 991px) {
    .section-subhead {
      line-height: 30px;
    }
  }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .section-head {
      font-size: 36px;
      line-height: 46px;
    }
  }
  @media screen and (min-width: 1200px) {
    .section-head {
      font-size: 40px;
      line-height: 54px;
    }
  }
  
  /* Header Stripe */
  @media screen and (min-width:992px) {
    .strip-header .banner-section {
        padding-top: 240px;
    }
  }
  @media screen and (min-width:768px ) and (max-width:991px) {
    .strip-header .banner-section {
        padding-top: 200px;
    }
  }
  @media screen and (min-width:768px) {
    .hide{
        display:none
    }
  }
  
  @media screen and (max-width:767px) {
    .strip-header .banner-section {
        padding-top: 180px;
    }
  }
  /* Header Stripe */