
   :root {
    /* Typography (font family) */
    

    

    
      --custom-font-family: Assistant, sans-serif;
    
    
    --primary: #0EA5E9;
    --primary-2: #ffffff;
    --primary_hover: #0EA5E9;

    --sub-heading-color: #0EA5E9;
    --heading-color: 0, 0, 0;
    --color-body: 85, 85, 85;
    --background: 255, 255, 255;
    --secondary-background: 245, 245, 245;
    --border-color: 221, 221, 221;
    --border-color-darker: 0, 0, 0;
    --success-color: 46, 158, 123;
    --success-background: 213, 236, 229;
    --error-color: 222, 42, 42;
    --error-background: 253, 240, 240;
    --primary-button-background: 14, 165, 233;
    --primary-button-text-color: 255, 255, 255;
    --secondary-button-background: transparent;
    --secondary-button-text-color: 255, 255, 255;

    --price-regular: 0, 0, 0;
    --product-on-price: 238, 73, 73;
    --product-on-sale-accent: 153, 153, 153;
    --product-sold-out-accent: 111, 113, 155;

    --product-custom-label-background: 238, 73, 73;
    --product-custom-label-text-color: 255, 255, 255;
    --product-custom-label-2-background: 15, 201, 152;
    --product-custom-label-2-text-color: 255, 255, 255;
    --product-low-stock-text-color: 111, 113, 155;
    --product-in-stock-text-color: 46, 158, 123;
    --ap-loadingbar-background: 0,0,0;

    --color-cart-count: #fff;
    --bg-cart-count: #0EA5E9;
    --color-type: #999999;
    --color-title-product: #000000;

    --color-icon: #535862;
    --color-svg-hover: #ffffff;
    --background-service: #ffffff;
    --background-service-hover: #0EA5E9;

    --color-addcart: #3e3e3e;
    --background-product: rgba(0,0,0,0);

    --color-accent-1: #4b4e4b;
    --color-accent-2: #889188;
    --color-accent-3: #d7dbd8;
    --color-accent-4: #bdccc0;
    --color-accent-5: #ffffff;
    --color-accent-6: #000000;

    /* We duplicate some "base" colors as root colors, which is useful to use on drawer elements or popover without. Those should not be overridden to avoid issues */
    --root-heading-color: 0, 0, 0;
    --root-text-color: 85, 85, 85;
    --root-background: 255, 255, 255;
    --root-border-color: 221, 221, 221;

    --root-primary-button-background: 14, 165, 233;
    --root-primary-button-text-color: 255, 255, 255;
    --root-primary-button-color-hover: 255, 255, 255;
    --root-primary-button-background-hover: 0, 0, 0;

    /* Setting Font */
    --heading-font-size: 72px;
    --heading-font-weight: 600;
    --heading-font-style: normal;
    --heading-text-transform: unset;

    --base-font-size: 17px;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-font-bold-weight: 700;
    --text-font-lineheight: 1.52;
    --base-letter-spacing: 0;

    --xxsmall-font-size: 12px;
    --xsmall-font-size: 14px;
    --heading-small-font-size: 16px;
 
    --large-font-size: 24px;

    --heading-custom-font-size: 140px;
    --heading-custom-font-lineheight: 1.04;
    --heading-custom-font-spacing: -4.2px;

    --h1-font-size: 96px;
    --h1-font-lineheight: 1.06;
    --h1-font-spacing: -2.88px;

    --h2-font-size: 72px;
    --h2-font-lineheight: 1.08;
    --h2-font-spacing: -2.16px;

    --h3-font-size: 60px;
    --h3-font-lineheight: 1.1;
    --h3-font-spacing: -1.8px;

    --h4-font-size: 48px;
    --h4-font-lineheight: 1.12;
    --h4-font-spacing: -1.44px;

    --h5-font-size: 32px;
    --h5-font-lineheight: 1.18;
    --h5-font-spacing: -0.96px;

    --h6-font-size: 24px;
    --h6-font-lineheight: 1.25;
    --h6-font-spacing: -0.72px;

    /* NAVIGATION */
    --menu-font-size: 16px;
    --menu-font-weight: 500;
    --menu-font-spacing: 0;
    --menu-font-lineheight: 1.5;
    --menu-font-transform: capitalize;
    --menu-font-family: var(--body-font-family);

    /* Control the look and feel of the theme by changing radius of various elements */
    --button-border-radius: 30px;
    --block-border-radius: 20px;
    --block-border-radius-reduced: 20px;

    /* Button size */
    --font-family_btn : var(--body-font-family);
    --font-weight-btn : 600;
    --font-size-btn : 17px;
    --font-spacing-btn : 0px;
    --text-transform-btn : capitalize;
    --g-padding-left-btn : 30px;
    --g-padding-right-btn : 30px;

    --cta-button: #0EA5E9;
    --cta-text:#ffffff;
    --cta-button-hover: rgba(0,0,0,0);
    --cta-text-hover:#0EA5E9;

    --color-outline:#000000;
    --color-border-outline:#000000;
    --color-line:#000000;
    --color-border-line:#dbe0e0;

    --button-height: 60px;
    --button-medium-height: 48px;
    --button-small-height: 36px;

    /* Form related */
    --form-input-field-height: 60px;
    --form-input-gap: ;
    --form-submit-margin: ;

    /* Product listing related variables */
    --ap-productlist-block-spacing: 30px;
    --ap-productlist-column-gap: 15px;

    /* RTL support */
    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;

    /* Other */
    --zoom-cursor-svg-url: url('/build-shopify/_external/cdn.shopify.com/s/files/1/0598/0117/4224/t/15/assets/zoom-cursor__q_a4f743b6e1.svg');
    --arrow-right-svg-url: url('/build-shopify/_external/cdn.shopify.com/s/files/1/0598/0117/4224/t/15/assets/arrow-right__q_6bc9609f26.svg');
    --arrow-left-svg-url: url('/build-shopify/_external/cdn.shopify.com/s/files/1/0598/0117/4224/t/15/assets/arrow-left__q_03d82a2ff2.svg');

    --arrow-btn-svg-url: url();
    --arrow-btn-svg-url-2: url();
    --icon-sub-svg-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjI1ODEgMEg4Ljc3NDE5VjE2SDcuMjI1ODFWMFoiIGZpbGw9IiNFNjZENTIiLz4KPHBhdGggZD0iTTE2IDcuMjI1ODFWOC43NzQxOUgwVjcuMjI1ODFIMTZaIiBmaWxsPSIjRTY2RDUyIi8+CjxwYXRoIGQ9Ik0xMy4xMDk3IDEuNzk1NjFMMTQuMjAzOSAyLjg5MDMyTDIuODkwMzIgMTQuMjAzOUwxLjc5NjEzIDEzLjEwOTdMMTMuMTA5NyAxLjc5NTYxWiIgZmlsbD0iI0U2NkQ1MiIvPgo8cGF0aCBkPSJNMTQuMjA0NCAxMy4xMDk3TDEzLjEwOTcgMTQuMjAzOUwxLjc5NjEzIDIuODkwMzJMMi44OTAzMiAxLjc5NjEzTDE0LjIwNDQgMTMuMTA5N1oiIGZpbGw9IiNFNjZENTIiLz4KPC9zdmc+Cg==);
    --icon-sub-svg-url-2: url('/build-shopify/geotech/assets/theme/flower-red.png');
    --icon-sub-svg-url-3: url();

    /* Container */
    --container-max-width: 1310px;
    --containerfluid-max-width: 1770px;
    --container-distance: 15px;
    --container-max-width-minus-gutters: calc(var(--container-max-width) - (var(--container-distance)) * 2);
    --container-outer-width: max(calc((100vw - var(--container-max-width-minus-gutters)) / 2), var(--container-distance));
    --container-outer-margin: var(--container-outer-width);
    --container-inner-width: calc(100vw - var(--container-outer-width) * 2);

    --grid-column-count: 20;
    --grid-gap: 0px;
    --grid-column-width: calc((100vw - var(--container-outer-width) * 2 - var(--grid-gap) * (var(--grid-column-count) - 1)) / var(--grid-column-count));

    --vertical-breather: px;
    --vertical-breather-tight: px;

    /* Shopify related variables */
    --payment-terms-background-color: 14, 165, 233;
    }

    @media screen and (max-width: 1199px) {
    :root {
        /* Typography */
        --large-font-size: 24px;
        --h1-font-size: 50px;
        --heading-custom-font-size: 80px;
        --h2-font-size: 40px;
        --h3-font-size: 36px;
        --h4-font-size: 24px;
        --h5-font-size: 22px;
        --h6-font-size: 18px;
    }
    }
    
    @media screen and (max-width: 767px) {
    :root {
        --container-distance: 15px;

        /* Typography (font size) */
        --xsmall-font-size: 12px;
        --heading-small-font-size: 14px;
        --large-font-size: 24px;
        --h1-font-size: 40px;
        --heading-custom-font-size: 40px;
        --h2-font-size: 32px;
        --h3-font-size: 32px;
        --h4-font-size: 26px;
        --h5-font-size: 22px;
        --h6-font-size: 18px;

        /* Form related */
        --form-input-field-height: 54px;

        --g-padding-left-btn : 30px;
        --g-padding-right-btn : 30px;
    }
    }
  