:root {
    /* umrah package page */
    --blue-nozoly: #4E5BA6;
    --grey-nozoly: #A7B2BC;
    --green-nozoly: #2D8A47;

    /* landing page */

    /* blue theme */
    --blue-primary: #4E5BA6;
    --blue-secondary: #6172F3;
    --blue-tertiary: #E0EAFF;
    --blue-overlay: rgba(98, 115, 243, 0.3);
    --blue-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23E0EAFF"%3E%3C/path%3E%3C/svg%3E');


    /* purple theme */
    --purple-primary: #B866BA;
    --purple-secondary: #B866BA;
    --purple-tertiary: #F4E6F3;
    --purple-overlay: rgba(184, 100, 185, 0.3);
    --purple-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23F4E6F3"%3E%3C/path%3E%3C/svg%3E');

    /* orange theme */
    --orange-primary: #DC6803;
    --orange-secondary: #DC6803;
    --orange-tertiary: #FEF0C7;
    --orange-overlay: rgba(221, 105, 3, 0.3);
    --orange-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23FEF0C7"%3E%3C/path%3E%3C/svg%3E');

    /* red theme */
    --red-primary: #F04438;
    --red-secondary: #D92D20;
    --red-tertiary: #FEE4E2;
    --red-overlay: rgba(217, 45, 32, 0.3);
    --red-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23FEE4E2"%3E%3C/path%3E%3C/svg%3E');

    /* green theme */
    --green-primary: #2D8A47;
    --green-secondary: #039855;
    --green-tertiary: #D1FADF;
    --green-overlay: rgba(3, 150, 84, 0.3);
    --green-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23D1FADF"%3E%3C/path%3E%3C/svg%3E');

    /* brown theme */
    --brown-primary: #9B5A45;
    --brown-secondary: #9B5A45;
    --brown-tertiary: #FFEDDE;
    --brown-overlay: rgba(155, 91, 70, 0.3);
    --brown-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23FFEDDE"%3E%3C/path%3E%3C/svg%3E');

    /* yellow theme */
    --yellow-primary: #DBC924;
    --yellow-secondary: #B7A233;
    --yellow-tertiary: #FBF8C5;
    --yellow-overlay: rgba(183, 161, 52, 0.3);
    --yellow-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23FBF8C5"%3E%3C/path%3E%3C/svg%3E');

    /* gold theme */
    --gold-primary: #99812D;
    --gold-secondary: #C89F11;
    --gold-tertiary: #F1E4B8;
    --gold-overlay: rgba(202, 162, 18, 0.3);
    --gold-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23FFFAEC"%3E%3C/path%3E%3C/svg%3E');

    /* gray theme */
    --gray-primary: #808A94;
    --gray-secondary: #686D72;
    --gray-tertiary: #F2F4F7;
    --gray-overlay: rgba(104, 110, 115, 0.3);
    --gray-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23F2F4F7"%3E%3C/path%3E%3C/svg%3E');

    /* black theme */
    --black-primary: #111;
    --black-secondary: #111;
    --black-tertiary: #c7c7c7;
    --black-overlay: rgba(18, 18, 18, 0.3);
    --black-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23c7c7c7"%3E%3C/path%3E%3C/svg%3E');

    /* light-blue theme */
    --light-blue-primary: #53B1FD;
    --light-blue-secondary: #2E90FA;
    --light-blue-tertiary: #EFF8FF;
    --light-blue-overlay: rgba(46, 145, 250, 0.3);
    --light-blue-quotation-svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="191" height="151" viewBox="0 0 191 151" fill="none"%3E%3Cpath d="M8.17893 0.5H77.2488V72.0589C77.2488 89.1708 76.3155 101.927 74.7598 110.639C73.2042 119.35 70.0929 126.506 65.4261 131.795C60.7592 137.706 53.6033 142.373 43.6473 145.796C33.6912 149.529 23.113 151.085 11.9124 150.774H0.711914V113.439H13.7792C27.7799 112.816 34.6246 101.305 34.3135 78.9037V72.0589H8.17893V0.5ZM121.118 0.5H190.187V72.0589C190.187 89.1708 189.254 101.927 187.698 110.639C185.832 119.35 183.032 126.506 178.676 131.795C174.009 137.706 166.853 142.373 156.586 145.796C146.319 149.529 135.74 151.085 124.851 150.774H113.651V113.439H126.718C140.718 112.816 147.563 101.305 147.252 78.9037V72.0589H121.429V0.5H121.118Z" fill="%23EFF8FF"%3E%3C/path%3E%3C/svg%3E');
}