:root {
    /* Background colour */
    --ptv-body-bg: #201742;
    --ptv-header-bg: #201742;
    --ptv-header-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    --ptv-header-icon-color: #fff;
    --ptv-default-bg: #271c4d;
    --ptv-primary-bg: #3d315f;
    --ptv-button-text: #fff;
    --ptv-button-bg: #3d315f;
    --ptv-primary-bg-rgb: 145 43 188;
    --ptv-secondry-bg: #e7e7e7;
    --ptv-grid-bg:#5c5182;
                  
    /* Text colour */
    --ptv-home-header-text:#ffffff;
    --ptv-body-text: #fff;
    --ptv-default-text: #fff;
    --ptv-primary-text: #fff;
    --ptv-secondry-text: #6c757d;
  
    /* Font family and size */
    --ptv-fontFamily-body: "DM Sans","Roboto",-apple-system,"Segoe UI",sans-serif;
    --ptv-fontFamily-heading: 'Roboto', sans-serif;
    --ptv-fontSize-default: 18px;
    --ptv-fontSize-h1: 25px;
    --ptv-fontSize-h2: 22px;
    --ptv-fontSize-h3: 20px;
    --ptv-fontSize-h4: 18px;
    --ptv-fontSize-h5: 16px;
  
    /* SLider background text */
    --ptv-sliderBanner-bg: #201742;
    --ptv-sliderBanner-bg-rgb: 32 23 66;
    --ptv-sliderBanner-text: #e1d9ff;
  
    /* Dropdown option */
    --ptv-dropdown-bg: #1a1237;
    --ptv-dropdown-text: #fff;
    --ptv-dropdown-bg-hover: #5c5182;
  
    /* Icons option */
    --ptv-icon-bg: transparent;
    --ptv-icon-text: #fff;
    --ptv-icon-bg-hover: #5c5182;
  
    /* Border, label & verify colour */
    --ptv-border-default: #3d315f;
    --ptv-verify-bg: transparent;
    --ptv-verify-text: transparent;
    --ptv-lableHot: #FF1744;
    --ptv-lableFeatured: #2296F3;
    --ptv-lableSponsored: #369B39;
  
    /* form label input */
    --ptv-form-lable-text: #f5f5f5;
    --ptv-form-input-text: #f5f5f5;
    --ptv-form-input-border: #2f245a;
    --ptv-form-input-bg: #201742;
    --ptv-form-input-bg-focus: #5c5182;
  
    /* validation form */
    --ptv-success: #198754;
    --ptv-info: #0dcaf0;
    --ptv-warning: #ffc107;
    --ptv-danger: #dc3545;
    --ptv-orange: #fd7e14;
    --ptv-yellow: #ffc107;
  
    /* Socialmedia & other colour */
    --ptv-color-white: #ffffff;
    --ptv-color-black: #000000;
    --facebook-color: #455CA8;
    --facebook-hover-color: #6E83CD;
    --google-color: #F74933;
    --google-hover-color: #FF7566;
    --twitter-color: #1da1f2;
    --twitter-hover-color: #1da1f2;
    --instagram-color: #a32e73;
    --pintrest-color: #d50c22;
    --vimeo-color: #ffa800;
  
    /* Overlay */
    --ptv-overlay-default: rgba(0, 0, 0, 0.5);
    --ptv-dark-opacity-6: rgba(0 0 0 / 60%);
    --ptv-dark-opacity-9: rgba(0 0 0 / 90%);

    /* Button color */
    --ptv-button-bg:linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%);
    --ptv-button-text:#fff;
    --ptv-button-bg-hover:linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%);
    --ptv-button-text-hover:#fff;
    --ptv-button-bg-hover-position:right center;

    /* Bottom menubar */
    --ptv-bottom-menu-bg:#201742;
    --ptv-bottom-menu-color:#fff;
    --ptv-bottom-menu-color-active:#b6a5f3;

    /* loading dots */
    --ptv-loading-bg:#9240e3;

    /* top spinner dots */
    --ptv-spinner-color:#9240e3;
  }