/* Modern CSS Reset for Responsive Design */

/* Box sizing reset */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Remove default margin and padding */
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

/* Remove list styles */
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Make images responsive */
img, picture {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Remove border on images and links */
img {
  border-style: none;
}

/* Reset anchor tags */
a {
  text-decoration: none;
  color: inherit;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Form elements */
input, button, textarea, select {
  font: inherit;
}

/* Responsive media */
video {
  max-width: 100%;
  height: auto;
}

/* Remove outline on focused buttons for accessibility, but keep for keyboard users (optional) */
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid 97B067;
  outline-offset: 2px;
}


/**
** Config
**/
body{
    font-family: Vazirmatn;
    direction: rtl;
    font-size: 16px;
	background-size: 25px 25px;
	background-color: #fff;
}
.plpao-wrap{
    width: 1280px;
    margin: 0 auto;
}
@media (max-width: 1300px){
    .plpao-wrap{
        width: 97%;
    }
}
a{
    text-decoration: none;
}

/**
** Direction
**/
.plpao-ltr{
    direction: ltr;
}

/**
** Colors
**/
.plpao-bg-primary-50{
    background-color: #f9f8f1;
}
.plpao-bg-primary-100{
    background-color: #fcfbe9;
}
.plpao-bg-primary-200{
    background-color: #f6f5d0;
}
.plpao-bg-primary-300{
    background-color: #efeeb5;
}
.plpao-bg-primary-400{
    background-color: #e7e692;
}
.plpao-bg-primary-500{
    background-color: #D9D872;
}
.plpao-bg-primary-600{
    background-color: #bebc60;
}
.plpao-bg-primary-700{
    background-color: #9e9c4a;
}
.plpao-bg-primary-800{
    background-color: #838239;
}
.plpao-bg-primary-900{
    background-color: #5f5e26;
}
.plpao-bg-primary{
    background-color: #D9D872;
}
.plpao-text-primary-50{
    color: #f9f8f1;
}
.plpao-text-primary-100{
    color: #fcfbe9;
}
.plpao-text-primary-200{
    color: #f6f5d0;
}
.plpao-text-primary-300{
    color: #efeeb5;
}
.plpao-text-primary-400{
    color: #e7e692;
}
.plpao-text-primary-500{
    color: #D9D872;
}
.plpao-text-primary-600{
    color: #bebc60;
}
.plpao-text-primary-700{
    color: #9e9c4a;
}
.plpao-text-primary-800{
    color: #838239;
}
.plpao-text-primary-900{
    color: #5f5e26;
}
.plpao-text-primary,
a{
    color: #D9D872;
}
.plpao-border-primary{
    border-color: #D9D872;
}
.plpao-bg-secondary{
    background-color: #58B368;
}
.plpao-text-secondary,
a{
    color: #58B368;
}
.plpao-border-secondary{
    border-color: #58B368;
}
.plpao-bg-tertiary-50{
    background-color: #d4f9f1;
}
.plpao-bg-tertiary-100{
    background-color: #abf1e1;
}
.plpao-bg-tertiary-200{
    background-color: #7fecd2;
}
.plpao-bg-tertiary-300{
    background-color: #3adeb8;
}
.plpao-bg-tertiary-400{
    background-color: #07ac85;
}
.plpao-bg-tertiary{
    background-color: #009975;
}
.plpao-text-tertiary,
a{
    color: #009975;
}
.plpao-border-tertiary{
    border-color: #009975;
}
.plpao-bg-quaternary{
    background-color: #454D66;
}
.plpao-text-quaternary,
a{
    color: #454D66;
}
.plpao-border-quaternary{
    border-color: #454D66;
}
/* .plpao-bg-quinary{
    background-color: #EEF1DA;
}
.plpao-text-quinary,
a{
    color: #DBAFA0;
}
.plpao-border-quinary{
    border-color: #DBAFA0;
} */

.plpao-bg-dark{
    background-color: #1C1C1C;
}
.plpao-text-dark{
    color: #1C1C1C;
}
.plpao-border-dark{
    border-color: #1C1C1C;
}

/* .plpao-bg-back{
    background-color: #f8f8f8;
}
.plpao-text-back{
    color: #f8f8f8;
}
.plpao-border-back{
    border-color: #f8f8f8;
}

.plpao-bg-light{
    background-color: #fffcf9;
}
.plpao-text-light{
    color: #f7f3ef;
}
.plpao-border-light{
    border-color: #f7f3ef;
}

.plpao-bg-lighter{
    background-color: #FDF9F0;
}
.plpao-text-lighter{
    color: #FDF9F0;
}
.plpao-border-lighter{
    border-color: #FDF9F0;
} */

.plpao-bg-gray{
    background-color: #e9e9e9;
}
.plpao-text-gray{
    color: #e9e9e9;
}
.plpao-border-gray{
    border-color: #e9e9e9;
}


.plpao-bg-muted{
    background-color: #BDBDBD;
}
.plpao-text-muted{
    color: #BDBDBD;
}
.plpao-border-muted{
    border-color: #BDBDBD;
}

.plpao-bg-white{
    background-color: #fff;
}
.plpao-text-white,
.plpao-hover-text-white:hover{
    color: #fff;
}
.plpao-text-white-op40{
    color: rgba(255, 255, 255, 0.4);
}

/**
** Text
**/
.plpao-text-xs    { font-size: 0.75rem;  /* 12px */ line-height: 1rem; }
.plpao-text-sm    { font-size: 0.875rem; /* 14px */ line-height: 1.25rem; }
.plpao-text-base  { font-size: 1rem;     /* 16px */ line-height: 1.5rem; }
.plpao-text-lg    { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; }
.plpao-text-xl    { font-size: 1.25rem;  /* 20px */ line-height: 1.75rem; }
.plpao-text-2xl   { font-size: 1.5rem;   /* 24px */ line-height: 2rem; }
.plpao-text-3xl   { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; }
.plpao-text-4xl   { font-size: 2.25rem;  /* 36px */ line-height: 2.5rem; }
.plpao-text-5xl   { font-size: 3rem;     /* 48px */ line-height: 1; }
.plpao-text-6xl   { font-size: 3.75rem;  /* 60px */ line-height: 1; }

.plpao-whitespace-normal      { white-space: normal; }
.plpao-whitespace-nowrap      { white-space: nowrap; }
.plpao-whitespace-pre         { white-space: pre; }
.plpao-whitespace-pre-line    { white-space: pre-line; }
.plpao-whitespace-pre-wrap    { white-space: pre-wrap; }

.plpao-break-normal           { overflow-wrap: normal; word-break: normal; }
.plpao-break-words            { overflow-wrap: break-word; }
.plpao-break-all              { word-break: break-all; }
.plpao-truncate               { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/**
** Display
**/
.plpao-flex             { display: flex; }
.plpao-inline-flex      { display: inline-flex; }

.plpao-flex-row         { flex-direction: row; }
.plpao-flex-row-reverse { flex-direction: row-reverse; }
.plpao-flex-col         { flex-direction: column; }
.plpao-flex-col-reverse { flex-direction: column-reverse; }

.plpao-flex-wrap        { flex-wrap: wrap; }
.plpao-flex-wrap-reverse{ flex-wrap: wrap-reverse; }
.plpao-flex-nowrap      { flex-wrap: nowrap; }

.plpao-justify-start       { justify-content: start; }
.plpao-justify-end         { justify-content: end; }
.plpao-justify-center      { justify-content: center; }
.plpao-justify-baseline    { justify-content: baseline; }
.plpao-justify-stretch     { justify-content: stretch; }

.plpao-items-start       { align-items: flex-start; }
.plpao-items-end         { align-items: flex-end; }
.plpao-items-center      { align-items: center; }
.plpao-items-baseline    { align-items: baseline; }
.plpao-items-stretch     { align-items: stretch; }

.plpao-content-start     { align-content: flex-start; }
.plpao-content-end       { align-content: flex-end; }
.plpao-content-center    { align-content: center; }
.plpao-content-between   { align-content: space-between; }
.plpao-content-around    { align-content: space-around; }
.plpao-content-stretch   { align-content: stretch; }

.plpao-self-auto         { align-self: auto; }
.plpao-self-start        { align-self: flex-start; }
.plpao-self-end          { align-self: flex-end; }
.plpao-self-center       { align-self: center; }
.plpao-self-stretch      { align-self: stretch; }
.plpao-self-baseline     { align-self: baseline; }

.plpao-flex-grow-0       { flex-grow: 0; }
.plpao-flex-grow         { flex-grow: 1; }

.plpao-flex-shrink-0     { flex-shrink: 0; }
.plpao-flex-shrink       { flex-shrink: 1; }

/* Common flex-basis sizes */
.plpao-flex-auto         { flex: 1 1 auto; }
.plpao-flex-initial      { flex: 0 1 auto; }
.plpao-flex-none         { flex: none; }

/* Custom basis sizes */
.plpao-flex-1            { flex: 1 1 0%; }
.plpao-flex-2            { flex-basis: 0.5rem; }
.plpao-flex-3            { flex-basis: 0.75rem; }
.plpao-flex-4            { flex-basis: 1rem; }
.plpao-flex-5            { flex-basis: 1.25rem; }
.plpao-flex-6            { flex-basis: 1.5rem; }
.plpao-flex-7            { flex-basis: 1.75rem; }
.plpao-flex-8            { flex-basis: 2rem; }
.plpao-flex-9            { flex-basis: 2.25rem; }
.plpao-flex-10           { flex-basis: 2.5rem; }

.plpao-flex-wrap        { flex-wrap: wrap; }
.plpao-flex-wrap-reverse{ flex-wrap: wrap-reverse; }
.plpao-flex-nowrap      { flex-wrap: nowrap; }

.plpao-order-first   { order: -9999; }
.plpao-order-0       { order: 0; }
.plpao-order-1       { order: 1; }
.plpao-order-2       { order: 2; }
.plpao-order-3       { order: 3; }
.plpao-order-4       { order: 4; }
.plpao-order-5       { order: 5; }
.plpao-order-6       { order: 6; }
.plpao-order-7       { order: 7; }
.plpao-order-8       { order: 8; }
.plpao-order-9       { order: 9; }
.plpao-order-10      { order: 10; }
.plpao-order-last    { order: 9999; }



/**
** Margin & padding
**/
/* Margin all sides */
.plpao-m-1  { margin: 0.25rem; }
.plpao-m-2  { margin: 0.5rem; }
.plpao-m-3  { margin: 0.75rem; }
.plpao-m-4  { margin: 1rem; }
.plpao-m-5  { margin: 1.25rem; }
.plpao-m-6  { margin: 1.5rem; }
.plpao-m-7  { margin: 1.75rem; }
.plpao-m-8  { margin: 2rem; }
.plpao-m-9  { margin: 2.25rem; }
.plpao-m-10 { margin: 2.5rem; }

/* Margin top */
.plpao-mt-1  { margin-top: 0.25rem; }
.plpao-mt-2  { margin-top: 0.5rem; }
.plpao-mt-3  { margin-top: 0.75rem; }
.plpao-mt-4  { margin-top: 1rem; }
.plpao-mt-5  { margin-top: 1.25rem; }
.plpao-mt-6  { margin-top: 1.5rem; }
.plpao-mt-7  { margin-top: 1.75rem; }
.plpao-mt-8  { margin-top: 2rem; }
.plpao-mt-9  { margin-top: 2.25rem; }
.plpao-mt-10 { margin-top: 2.5rem; }

/* Margin right */
.plpao-mr-1  { margin-right: 0.25rem; }
.plpao-mr-2  { margin-right: 0.5rem; }
.plpao-mr-3  { margin-right: 0.75rem; }
.plpao-mr-4  { margin-right: 1rem; }
.plpao-mr-5  { margin-right: 1.25rem; }
.plpao-mr-6  { margin-right: 1.5rem; }
.plpao-mr-7  { margin-right: 1.75rem; }
.plpao-mr-8  { margin-right: 2rem; }
.plpao-mr-9  { margin-right: 2.25rem; }
.plpao-mr-10 { margin-right: 2.5rem; }

/* Margin bottom */
.plpao-mb-1  { margin-bottom: 0.25rem; }
.plpao-mb-2  { margin-bottom: 0.5rem; }
.plpao-mb-3  { margin-bottom: 0.75rem; }
.plpao-mb-4  { margin-bottom: 1rem; }
.plpao-mb-5  { margin-bottom: 1.25rem; }
.plpao-mb-6  { margin-bottom: 1.5rem; }
.plpao-mb-7  { margin-bottom: 1.75rem; }
.plpao-mb-8  { margin-bottom: 2rem; }
.plpao-mb-9  { margin-bottom: 2.25rem; }
.plpao-mb-10 { margin-bottom: 2.5rem; }

/* Margin left */
.plpao-ml-1  { margin-left: 0.25rem; }
.plpao-ml-2  { margin-left: 0.5rem; }
.plpao-ml-3  { margin-left: 0.75rem; }
.plpao-ml-4  { margin-left: 1rem; }
.plpao-ml-5  { margin-left: 1.25rem; }
.plpao-ml-6  { margin-left: 1.5rem; }
.plpao-ml-7  { margin-left: 1.75rem; }
.plpao-ml-8  { margin-left: 2rem; }
.plpao-ml-9  { margin-left: 2.25rem; }
.plpao-ml-10 { margin-left: 2.5rem; }

/* Padding all sides */
.plpao-p-1  { padding: 0.25rem; }
.plpao-p-2  { padding: 0.5rem; }
.plpao-p-3  { padding: 0.75rem; }
.plpao-p-4  { padding: 1rem; }
.plpao-p-5  { padding: 1.25rem; }
.plpao-p-6  { padding: 1.5rem; }
.plpao-p-7  { padding: 1.75rem; }
.plpao-p-8  { padding: 2rem; }
.plpao-p-9  { padding: 2.25rem; }
.plpao-p-10 { padding: 2.5rem; }

/* Padding top */
.plpao-pt-1  { padding-top: 0.25rem; }
.plpao-pt-2  { padding-top: 0.5rem; }
.plpao-pt-3  { padding-top: 0.75rem; }
.plpao-pt-4  { padding-top: 1rem; }
.plpao-pt-5  { padding-top: 1.25rem; }
.plpao-pt-6  { padding-top: 1.5rem; }
.plpao-pt-7  { padding-top: 1.75rem; }
.plpao-pt-8  { padding-top: 2rem; }
.plpao-pt-9  { padding-top: 2.25rem; }
.plpao-pt-10 { padding-top: 2.5rem; }

/* Padding right */
.plpao-pr-1  { padding-right: 0.25rem; }
.plpao-pr-2  { padding-right: 0.5rem; }
.plpao-pr-3  { padding-right: 0.75rem; }
.plpao-pr-4  { padding-right: 1rem; }
.plpao-pr-5  { padding-right: 1.25rem; }
.plpao-pr-6  { padding-right: 1.5rem; }
.plpao-pr-7  { padding-right: 1.75rem; }
.plpao-pr-8  { padding-right: 2rem; }
.plpao-pr-9  { padding-right: 2.25rem; }
.plpao-pr-10 { padding-right: 2.5rem; }

/* Padding bottom */
.plpao-pb-1  { padding-bottom: 0.25rem; }
.plpao-pb-2  { padding-bottom: 0.5rem; }
.plpao-pb-3  { padding-bottom: 0.75rem; }
.plpao-pb-4  { padding-bottom: 1rem; }
.plpao-pb-5  { padding-bottom: 1.25rem; }
.plpao-pb-6  { padding-bottom: 1.5rem; }
.plpao-pb-7  { padding-bottom: 1.75rem; }
.plpao-pb-8  { padding-bottom: 2rem; }
.plpao-pb-9  { padding-bottom: 2.25rem; }
.plpao-pb-10 { padding-bottom: 2.5rem; }

/* Padding left */
.plpao-pl-1  { padding-left: 0.25rem; }
.plpao-pl-2  { padding-left: 0.5rem; }
.plpao-pl-3  { padding-left: 0.75rem; }
.plpao-pl-4  { padding-left: 1rem; }
.plpao-pl-5  { padding-left: 1.25rem; }
.plpao-pl-6  { padding-left: 1.5rem; }
.plpao-pl-7  { padding-left: 1.75rem; }
.plpao-pl-8  { padding-left: 2rem; }
.plpao-pl-9  { padding-left: 2.25rem; }
.plpao-pl-10 { padding-left: 2.5rem; }

/* Margin X (left + right) */
.plpao-mx-1  { margin-left: 0.25rem; margin-right: 0.25rem; }
.plpao-mx-2  { margin-left: 0.5rem;  margin-right: 0.5rem; }
.plpao-mx-3  { margin-left: 0.75rem; margin-right: 0.75rem; }
.plpao-mx-4  { margin-left: 1rem;    margin-right: 1rem; }
.plpao-mx-5  { margin-left: 1.25rem; margin-right: 1.25rem; }
.plpao-mx-6  { margin-left: 1.5rem;  margin-right: 1.5rem; }
.plpao-mx-7  { margin-left: 1.75rem; margin-right: 1.75rem; }
.plpao-mx-8  { margin-left: 2rem;    margin-right: 2rem; }
.plpao-mx-9  { margin-left: 2.25rem; margin-right: 2.25rem; }
.plpao-mx-10 { margin-left: 2.5rem;  margin-right: 2.5rem; }

/* Margin Y (top + bottom) */
.plpao-my-1  { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.plpao-my-2  { margin-top: 0.5rem;  margin-bottom: 0.5rem; }
.plpao-my-3  { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.plpao-my-4  { margin-top: 1rem;    margin-bottom: 1rem; }
.plpao-my-5  { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.plpao-my-6  { margin-top: 1.5rem;  margin-bottom: 1.5rem; }
.plpao-my-7  { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.plpao-my-8  { margin-top: 2rem;    margin-bottom: 2rem; }
.plpao-my-9  { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.plpao-my-10 { margin-top: 2.5rem;  margin-bottom: 2.5rem; }

/* Padding X (left + right) */
.plpao-px-1  { padding-left: 0.25rem; padding-right: 0.25rem; }
.plpao-px-2  { padding-left: 0.5rem;  padding-right: 0.5rem; }
.plpao-px-3  { padding-left: 0.75rem; padding-right: 0.75rem; }
.plpao-px-4  { padding-left: 1rem;    padding-right: 1rem; }
.plpao-px-5  { padding-left: 1.25rem; padding-right: 1.25rem; }
.plpao-px-6  { padding-left: 1.5rem;  padding-right: 1.5rem; }
.plpao-px-7  { padding-left: 1.75rem; padding-right: 1.75rem; }
.plpao-px-8  { padding-left: 2rem;    padding-right: 2rem; }
.plpao-px-9  { padding-left: 2.25rem; padding-right: 2.25rem; }
.plpao-px-10 { padding-left: 2.5rem;  padding-right: 2.5rem; }

/* Padding Y (top + bottom) */
.plpao-py-1  { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.plpao-py-2  { padding-top: 0.5rem;  padding-bottom: 0.5rem; }
.plpao-py-3  { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.plpao-py-4  { padding-top: 1rem;    padding-bottom: 1rem; }
.plpao-py-5  { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.plpao-py-6  { padding-top: 1.5rem;  padding-bottom: 1.5rem; }
.plpao-py-7  { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.plpao-py-8  { padding-top: 2rem;    padding-bottom: 2rem; }
.plpao-py-9  { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.plpao-py-10 { padding-top: 2.5rem;  padding-bottom: 2.5rem; }

.plpao-mx-auto {
  margin-left: auto;
  margin-right: auto;
}



/**
** Rounded
**/
.plpao-rounded-none      { border-radius: 0; }
.plpao-rounded-sm        { border-radius: 0.125rem; }  /* 2px */
.plpao-rounded           { border-radius: 0.25rem; }   /* 4px */
.plpao-rounded-md        { border-radius: 0.375rem; }  /* 6px */
.plpao-rounded-lg        { border-radius: 0.5rem; }    /* 8px */
.plpao-rounded-xl        { border-radius: 0.75rem; }   /* 12px */
.plpao-rounded-2xl       { border-radius: 1rem; }      /* 16px */
.plpao-rounded-3xl       { border-radius: 1.5rem; }    /* 24px */
.plpao-rounded-full      { border-radius: 9999px; }    /* fully rounded */

/**
** Border
**/
.plpao-border         { border-width: 1px; }
.plpao-border-0       { border-width: 0px; }
.plpao-border-2       { border-width: 2px; }
.plpao-border-4       { border-width: 4px; }
.plpao-border-8       { border-width: 8px; }

/* Directional borders */
.plpao-border-t       { border-top-width: 1px; }
.plpao-border-r       { border-right-width: 1px; }
.plpao-border-b       { border-bottom-width: 1px; }
.plpao-border-l       { border-left-width: 1px; }


.plpao-border-solid    { border-style: solid; }
.plpao-border-dashed   { border-style: dashed; }
.plpao-border-dotted   { border-style: dotted; }
.plpao-border-double   { border-style: double; }
.plpao-border-none     { border-style: none; }

/* Fixed widths */
.plpao-w-0 { width: 0px; }
.plpao-w-px { width: 1px; }
.plpao-w-0\.5 { width: 0.125rem; } /* 2px */
.plpao-w-1 { width: 0.25rem; } /* 4px */
.plpao-w-1\.5 { width: 0.375rem; } /* 6px */
.plpao-w-2 { width: 0.5rem; } /* 8px */
.plpao-w-2\.5 { width: 0.625rem; } /* 10px */
.plpao-w-3 { width: 0.75rem; } /* 12px */
.plpao-w-3\.5 { width: 0.875rem; } /* 14px */
.plpao-w-4 { width: 1rem; } /* 16px */
.plpao-w-5 { width: 1.25rem; } /* 20px */
.plpao-w-6 { width: 1.5rem; } /* 24px */
.plpao-w-7 { width: 1.75rem; } /* 28px */
.plpao-w-8 { width: 2rem; } /* 32px */
.plpao-w-9 { width: 2.25rem; } /* 36px */
.plpao-w-10 { width: 2.5rem; } /* 40px */
.plpao-w-11 { width: 2.75rem; } /* 44px */
.plpao-w-12 { width: 3rem; } /* 48px */
.plpao-w-14 { width: 3.5rem; } /* 56px */
.plpao-w-16 { width: 4rem; } /* 64px */
.plpao-w-20 { width: 5rem; } /* 80px */
.plpao-w-24 { width: 6rem; } /* 96px */
.plpao-w-28 { width: 7rem; } /* 112px */
.plpao-w-32 { width: 8rem; } /* 128px */
.plpao-w-36 { width: 9rem; } /* 144px */
.plpao-w-40 { width: 10rem; } /* 160px */
.plpao-w-44 { width: 11rem; } /* 176px */
.plpao-w-48 { width: 12rem; } /* 192px */
.plpao-w-52 { width: 13rem; } /* 208px */
.plpao-w-56 { width: 14rem; } /* 224px */
.plpao-w-60 { width: 15rem; } /* 240px */
.plpao-w-64 { width: 16rem; } /* 256px */
.plpao-w-72 { width: 18rem; } /* 288px */
.plpao-w-80 { width: 20rem; } /* 320px */
.plpao-w-96 { width: 24rem; } /* 384px */

/* Percentage widths */
.plpao-w-1\/2 { width: 50%; }
.plpao-w-1\/3 { width: 33.333333%; }
.plpao-w-2\/3 { width: 66.666667%; }
.plpao-w-1\/4 { width: 25%; }
.plpao-w-2\/4 { width: 50%; }
.plpao-w-3\/4 { width: 75%; }
.plpao-w-1\/5 { width: 20%; }
.plpao-w-2\/5 { width: 40%; }
.plpao-w-3\/5 { width: 60%; }
.plpao-w-4\/5 { width: 80%; }
.plpao-w-1\/6 { width: 16.666667%; }
.plpao-w-2\/6 { width: 33.333333%; }
.plpao-w-3\/6 { width: 50%; }
.plpao-w-4\/6 { width: 66.666667%; }
.plpao-w-5\/6 { width: 83.333333%; }
.plpao-w-1\/12 { width: 8.333333%; }
.plpao-w-2\/12 { width: 16.666667%; }
.plpao-w-3\/12 { width: 25%; }
.plpao-w-4\/12 { width: 33.333333%; }
.plpao-w-5\/12 { width: 41.666667%; }
.plpao-w-6\/12 { width: 50%; }
.plpao-w-7\/12 { width: 58.333333%; }
.plpao-w-8\/12 { width: 66.666667%; }
.plpao-w-9\/12 { width: 75%; }
.plpao-w-10\/12 { width: 83.333333%; }
.plpao-w-11\/12 { width: 91.666667%; }
.plpao-w-full { width: 100%; }
.plpao-w-screen { width: 100vw; }
.plpao-w-min { width: min-content; }
.plpao-w-max { width: max-content; }
.plpao-w-fit { width: fit-content; }

/* Fixed heights */
.plpao-h-0 { height: 0px; }
.plpao-h-px { height: 1px; }
.plpao-h-0\.5 { height: 0.125rem; } /* 2px */
.plpao-h-1 { height: 0.25rem; } /* 4px */
.plpao-h-1\.5 { height: 0.375rem; } /* 6px */
.plpao-h-2 { height: 0.5rem; } /* 8px */
.plpao-h-2\.5 { height: 0.625rem; } /* 10px */
.plpao-h-3 { height: 0.75rem; } /* 12px */
.plpao-h-3\.5 { height: 0.875rem; } /* 14px */
.plpao-h-4 { height: 1rem; } /* 16px */
.plpao-h-5 { height: 1.25rem; } /* 20px */
.plpao-h-6 { height: 1.5rem; } /* 24px */
.plpao-h-7 { height: 1.75rem; } /* 28px */
.plpao-h-8 { height: 2rem; } /* 32px */
.plpao-h-9 { height: 2.25rem; } /* 36px */
.plpao-h-10 { height: 2.5rem; } /* 40px */
.plpao-h-11 { height: 2.75rem; } /* 44px */
.plpao-h-12 { height: 3rem; } /* 48px */
.plpao-h-14 { height: 3.5rem; } /* 56px */
.plpao-h-16 { height: 4rem; } /* 64px */
.plpao-h-20 { height: 5rem; } /* 80px */
.plpao-h-24 { height: 6rem; } /* 96px */
.plpao-h-28 { height: 7rem; } /* 112px */
.plpao-h-32 { height: 8rem; } /* 128px */
.plpao-h-36 { height: 9rem; } /* 144px */
.plpao-h-40 { height: 10rem; } /* 160px */
.plpao-h-44 { height: 11rem; } /* 176px */
.plpao-h-48 { height: 12rem; } /* 192px */
.plpao-h-52 { height: 13rem; } /* 208px */
.plpao-h-56 { height: 14rem; } /* 224px */
.plpao-h-60 { height: 15rem; } /* 240px */
.plpao-h-64 { height: 16rem; } /* 256px */
.plpao-h-72 { height: 18rem; } /* 288px */
.plpao-h-80 { height: 20rem; } /* 320px */
.plpao-h-96 { height: 24rem; } /* 384px */

/* Percentage heights */
.plpao-h-1\/2 { height: 50%; }
.plpao-h-1\/3 { height: 33.333333%; }
.plpao-h-2\/3 { height: 66.666667%; }
.plpao-h-1\/4 { height: 25%; }
.plpao-h-2\/4 { height: 50%; }
.plpao-h-3\/4 { height: 75%; }
.plpao-h-1\/5 { height: 20%; }
.plpao-h-2\/5 { height: 40%; }
.plpao-h-3\/5 { height: 60%; }
.plpao-h-4\/5 { height: 80%; }
.plpao-h-1\/6 { height: 16.666667%; }
.plpao-h-2\/6 { height: 33.333333%; }
.plpao-h-3\/6 { height: 50%; }
.plpao-h-4\/6 { height: 66.666667%; }
.plpao-h-5\/6 { height: 83.333333%; }
.plpao-h-full { height: 100%; }
.plpao-h-screen { height: 100vh; }
.plpao-h-min { height: min-content; }
.plpao-h-max { height: max-content; }
.plpao-h-fit { height: fit-content; }


/* Min-width */
.plpao-min-w-0 { min-width: 0px; }
.plpao-min-w-full { min-width: 100%; }
.plpao-min-w-min { min-width: min-content; }
.plpao-min-w-max { min-width: max-content; }
.plpao-min-w-fit { min-width: fit-content; }

/* Max-width */
.plpao-max-w-0 { max-width: 0rem; }
.plpao-max-w-none { max-width: none; }
.plpao-max-w-xs { max-width: 20rem; }
.plpao-max-w-sm { max-width: 24rem; }
.plpao-max-w-md { max-width: 28rem; }
.plpao-max-w-lg { max-width: 32rem; }
.plpao-max-w-xl { max-width: 36rem; }
.plpao-max-w-2xl { max-width: 42rem; }
.plpao-max-w-3xl { max-width: 48rem; }
.plpao-max-w-4xl { max-width: 56rem; }
.plpao-max-w-5xl { max-width: 64rem; }
.plpao-max-w-6xl { max-width: 72rem; }
.plpao-max-w-7xl { max-width: 80rem; }
.plpao-max-w-full { max-width: 100%; }
.plpao-max-w-min { max-width: min-content; }
.plpao-max-w-max { max-width: max-content; }
.plpao-max-w-fit { max-width: fit-content; }
.plpao-max-w-prose { max-width: 65ch; }
.plpao-max-w-screen-sm { max-width: 640px; }
.plpao-max-w-screen-md { max-width: 768px; }
.plpao-max-w-screen-lg { max-width: 1024px; }
.plpao-max-w-screen-xl { max-width: 1280px; }
.plpao-max-w-screen-2xl { max-width: 1536px; }

/* Min-height */
.plpao-min-h-0 { min-height: 0px; }
.plpao-min-h-full { min-height: 100%; }
.plpao-min-h-screen { min-height: 100vh; }
.plpao-min-h-min { min-height: min-content; }
.plpao-min-h-max { min-height: max-content; }
.plpao-min-h-fit { min-height: fit-content; }

/* Max-height */
.plpao-max-h-0 { max-height: 0px; }
.plpao-max-h-px { max-height: 1px; }
.plpao-max-h-0\.5 { max-height: 0.125rem; }
.plpao-max-h-1 { max-height: 0.25rem; }
.plpao-max-h-1\.5 { max-height: 0.375rem; }
.plpao-max-h-2 { max-height: 0.5rem; }
.plpao-max-h-2\.5 { max-height: 0.625rem; }
.plpao-max-h-3 { max-height: 0.75rem; }
.plpao-max-h-3\.5 { max-height: 0.875rem; }
.plpao-max-h-4 { max-height: 1rem; }
.plpao-max-h-5 { max-height: 1.25rem; }
.plpao-max-h-6 { max-height: 1.5rem; }
.plpao-max-h-7 { max-height: 1.75rem; }
.plpao-max-h-8 { max-height: 2rem; }
.plpao-max-h-9 { max-height: 2.25rem; }
.plpao-max-h-10 { max-height: 2.5rem; }
.plpao-max-h-11 { max-height: 2.75rem; }
.plpao-max-h-12 { max-height: 3rem; }
.plpao-max-h-14 { max-height: 3.5rem; }
.plpao-max-h-16 { max-height: 4rem; }
.plpao-max-h-20 { max-height: 5rem; }
.plpao-max-h-24 { max-height: 6rem; }
.plpao-max-h-28 { max-height: 7rem; }
.plpao-max-h-32 { max-height: 8rem; }
.plpao-max-h-36 { max-height: 9rem; }
.plpao-max-h-40 { max-height: 10rem; }
.plpao-max-h-44 { max-height: 11rem; }
.plpao-max-h-48 { max-height: 12rem; }
.plpao-max-h-52 { max-height: 13rem; }
.plpao-max-h-56 { max-height: 14rem; }
.plpao-max-h-60 { max-height: 15rem; }
.plpao-max-h-64 { max-height: 16rem; }
.plpao-max-h-72 { max-height: 18rem; }
.plpao-max-h-80 { max-height: 20rem; }
.plpao-max-h-96 { max-height: 24rem; }
.plpao-max-h-full { max-height: 100%; }
.plpao-max-h-screen { max-height: 100vh; }
.plpao-max-h-min { max-height: min-content; }
.plpao-max-h-max { max-height: max-content; }
.plpao-max-h-fit { max-height: fit-content; }


/* Horizontal alignment */
.plpao-text-left { text-align: left; }
.plpao-text-center { text-align: center; }
.plpao-text-right { text-align: right; }
.plpao-text-justify { text-align: justify; }
.plpao-text-start { text-align: start; }
.plpao-text-end { text-align: end; }

/* Vertical alignment (for inline/inline-block elements) */
.plpao-align-baseline { vertical-align: baseline; }
.plpao-align-top { vertical-align: top; }
.plpao-align-middle { vertical-align: middle; }
.plpao-align-bottom { vertical-align: bottom; }
.plpao-align-text-top { vertical-align: text-top; }
.plpao-align-text-bottom { vertical-align: text-bottom; }
.plpao-align-sub { vertical-align: sub; }
.plpao-align-super { vertical-align: super; }


/**
** Nav
**/
.plpao-nav{
    position: sticky;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 35px 35px;
}
body.admin-bar .plpao-nav{
    top: 30px;
}
.plpao-nav-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}
.plpao-logo{
    font-size: 1.3em;
    font-weight: bold;
    display: flex;
    justify-content: start;
    align-items: center;
}
.plpao-logo a{
    display: flex;
    justify-content: start;
    align-items: center;
}
.plpao-logo a svg{
    margin-left: 5px;
}
.plpao-nav-menu{
    display: flex;
    justify-content: start;
    align-items: center;
}
.plpao-nav-menu ul{
    display: flex;
    justify-content: start;
    align-items: center;
}
.plpao-nav-menu ul li{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-right: 25px;
}
.plpao-nav-menu ul li a{
    font-size: 1.1em;
    font-weight: normal;
}

/**
** Home Hero
**/
.plpao-home-hero-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 400px;
    background: #D9D872;
    background: linear-gradient(90deg,#009975 0%, #58B368 53%, #D9D872 100%);
}

/**
** Home Top Products 
**/
.plpao-home-top-products{
    display: flex;
    flex-direction: column;
}
.plpao-home-top-product{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.plpao-home-top-product:last-of-type{
    margin-bottom: 0;
}
.plpao-home-top-product-images{
    width: 49%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.plpao-home-top-product-image{
    height: 300px;
    flex: 1;
}
.plpao-home-top-product-content{
    width: 49%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/**
** Footer
**/
.plpao-footer{
    border-radius: 35px 35px 0 0 ;
    padding: 80px 0;
}
.plpao-footer-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plpao-footer-info{
    width: 49%;
}
.plpao-footer-menu{
    width: 49%;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 50px;
}
.plpao-footer-menu-box{
    width: 30%;
}
.plpao-footer-menu-title{
    margin-bottom: 10px;
    cursor: default;
}
.plpao-footer-menu ul li{
    margin-bottom: 10px;
}


/**
** Copyright
**/
.plpao-copyright{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.plpao-copyright-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plpao-copyright-info{
    width: 49%;
}
.plpao-copyright-menu{
    width: 49%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.plpao-copyright-menu ul{
    display: flex;
    justify-content: start;
    align-items: center;
}
.plpao-copyright-menu ul li{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-right: 25px;
}
.plpao-copyright-menu ul li a{
    font-size: 1.1em;
    font-weight: normal;
}

/**
** Icons
**/
.plpao-home-icons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.plpao-home-icon{
    display: flex;
    flex-direction: column;
}

/**
** Services
**/
.plpao-home-services{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.plpao-home-service{
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 24%;
}

/**
** whys
**/
.plpao-home-whys{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.plpao-home-why{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    margin-bottom: 35px;
    padding: 0 3px;
}
.plpao-home-why-icon{
    width: 50px;
    margin-left: 20px;
}
.plpao-home-why-content{
    flex: 1;
}

/**
** Content
**/
.plpao-content{
    line-height: 1.8;
}

/**
** Pages
**/
.plpao-page-simple{
    min-height: 70vh;
    padding: 20px 0 80px 0;
}
.plpao-page-about{
    padding: 20px 0 80px 0;
}