@import url(../fonts/fonts.css);
@import url(../plugins/bootstrap-5.1.3-dist/css/bootstrap.min.css);
@import url(reset.css);
@import url(padding-margin-system.css);
@import url(main.css);
@import url(profile.css);
@import url(footer.css);
@import url(responsive.css);
:root {
    /*Site Padding Margin*/
    --space:8px; /* / 1.66*/
    /*Site Font*/
    --mainFont: 'Codec Pro', serif;
    --mainFontN: 'Codec Pro News', serif;
    /*Site Color*/
    /*Site Color*/
    --colorDarkGreen: #00372a;
    --rgbColorDarkGreen:0 55 42;
    --colorLimeGreen:#C2D500;
    --rgbColorLimeGreen:194 213 0;
    --colorBlue:#0033A1;
    --rgbColorBlue:0 51 161;
    --colorLightBlue:#00B5E2;
    --rgbColorLightBlue:0 181 226;
    --colorPetroleum:#00635B;
    --rgbColorPetroleum:0 99 91;
    --colorTurquoise:#21b592;
    --rgbColorTurquoise:33 181 146;
    --colorPurple:#5C068C;
    --rgbColorPurple:92 6 140;
    --colorLightPurple:#9E75F7;
    --rgbColorLightPurple:158 117 247;
    --colorRed:#C4003E;
    --rgbColorRed:196 0 62;
    --colorPeach:#FF6B63;
    --rgbColorPeach:255 107 99;
    --colorOrange:#DC4405;
    --rgbColorOrange:220 68 5;
    --colorYellow:#FFB500;
    --rgbColorYellow:255, 181, 0;
    --colorGrey:#898A8D;
    --rgbColorGrey:137 138 141;
    --colorGoogle:#EB4335;
    --rgbColorGoogle:235 67 53;
    --colorFacebook:#1976D2;
    --rgbColorFacebook:25 118 210;
    --colorBlack: #000000;
    --rgbColorBlack:0 0 0;
    --colorWhite: #ffffff;
    --rgbColorWhite:255 255 255;

    --elements-1-DarkGreen: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300372A'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2321b592'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-LimeGreen: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23C2D500'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Petroleum: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300635B'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Purple: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%235C068C'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Red: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23C4003E'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Orange: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23DC4405'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-LightBlue: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300B5E2'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-LightPurple: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300B5E2'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Peach: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300B5E2'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Yellow: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300B5E2'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Blue: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%2300B5E2'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Grey: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23898A8D'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-White: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23fff'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-1-Black: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1' fill='%23000'%3e%3crect x='174' width='29' height='1'/%3e%3crect x='128' width='29' height='1'/%3e%3crect x='79' width='24' height='1'/%3e%3crect x='36' width='16' height='1'/%3e%3crect width='1' height='1'/%3e%3c/svg%3e");
    --elements-2-Peach: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 120' fill='%23FF6B63'%3e%3cpolygon points='260,107.44 260,126 238.53,126 '/%3e%3cpolygon points='260,57.46 260,83.9 211.28,126 180.69,126 '/%3e%3cpolygon points='260,3.3 260,35.02 154.72,126 118.03,126 '/%3e%3cpolygon points='242.71,0 96.92,126 57.15,126 202.95,0 '/%3e%3cpolygon points='186.15,0 40.34,126 0,126 0,123.87 143.32,0 '/%3e%3cpolygon points='124.97,0 0,108 0,68.34 79.09,0 '/%3e%3cpolygon points='62.2,0 0,53.76 0,19.39 22.44,0 '/%3e%3cpolygon points='5.2,0 0,4.5 0,0 '/%3e%3c/svg%3e");
    --elements-3-Yellow: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 220' fill='%23FFB500'%3e%3cpolygon points='35.31,220 0,179.15 0,220'/%3e%3cpolygon points='94.42,220 0,110.74 0,151.38 59.3,220'/%3e%3cpolygon points='139.57,220 139.57,203.8 0,42.31 0,86.36 115.51,220'/%3e%3cpolygon points='139.57,134.75 139.57,182.19 0,20.69 0,0 23.1,0'/%3e%3cpolygon points='140,53.48 140,104.3 49.87,0 93.79,0'/%3e%3cpolygon points='140,0 140,26.14 117.4,0'/%3e%3c/svg%3e");
    --elements-4-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' fill='%2321b592'%3e%3crect y='172' width='100' height='28'/%3e%3crect y='129.25' width='100' height='25'/%3e%3crect y='86.5' width='100' height='22'/%3e%3crect y='43.25' width='100' height='20'/%3e%3crect width='100' height='18'/%3e%3c/svg%3e");
    --elements-4-LightBlue: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' fill='%2300B5E2'%3e%3crect y='172' width='100' height='28'/%3e%3crect y='129.25' width='100' height='25'/%3e%3crect y='86.5' width='100' height='22'/%3e%3crect y='43.25' width='100' height='20'/%3e%3crect width='100' height='18'/%3e%3c/svg%3e");
    --elements-5-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 180' fill='%2321b592'%3e%3cpolygon points='35.31,220 0,179.15 0,220'/%3e%3cpolygon points='70,16.24 70,51.04 0,102.72 0,67.92 '/%3e%3cpolygon points='70,165.88 70,180 50.88,180 '/%3e%3cpolygon points='70,88.92 70,121.98 0,173.66 0,140.59 '/%3e%3cpolygon points='31.57,0 0,23.3 0,0.93 1.26,0 '/%3e%3c/svg%3e");
    --elements-6-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 40 90' fill='%232eb191' %3e%3crect x='0' y='62' width='40' height='28'/%3e%3crect x='0' y='46.5' width='40' height='12'/%3e%3crect x='0' y='31' width='40' height='8'/%3e%3crect x='0' y='15.5' width='40' height='5'/%3e%3crect x='0' width='40' height='2'/%3e%3c/svg%3e ");
    --elements-7-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 210 60' fill='%232eb191' %3e%3cpolygon points='210,42.21 210,51.99 198.64,60 184.77,60 '/%3e%3cpolygon points='210,15.1 210,24.89 160.21,60 146.34,60 '/%3e%3cpolygon points='193.81,0 155.86,26.77 108.74,60 122.61,60 169.74,26.77 207.7,0 '/%3e%3cpolygon points='169.27,0 131.31,26.77 84.18,60 70.31,60 117.43,26.77 155.38,0 '/%3e%3cpolygon points='117.78,0 79.83,26.77 32.71,60 46.58,60 93.71,26.77 131.67,0 '/%3e%3cpolygon points='96.24,0 58.28,26.77 11.15,60 0,60 0,58.08 44.4,26.77 82.35,0 '/%3e%3cpolygon points='57.87,0 19.91,26.77 0,40.81 0,31.02 6.03,26.77 43.98,0 '/%3e%3cpolygon points='19.99,0 0.64,13.65 0,14.1 0,4.31 0.64,3.86 6.11,0 '/%3e%3c/svg%3e ");
    --elements-7-LimeGreen: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 210 60' fill='%23C2D500' %3e%3cpolygon points='210,42.21 210,51.99 198.64,60 184.77,60 '/%3e%3cpolygon points='210,15.1 210,24.89 160.21,60 146.34,60 '/%3e%3cpolygon points='193.81,0 155.86,26.77 108.74,60 122.61,60 169.74,26.77 207.7,0 '/%3e%3cpolygon points='169.27,0 131.31,26.77 84.18,60 70.31,60 117.43,26.77 155.38,0 '/%3e%3cpolygon points='117.78,0 79.83,26.77 32.71,60 46.58,60 93.71,26.77 131.67,0 '/%3e%3cpolygon points='96.24,0 58.28,26.77 11.15,60 0,60 0,58.08 44.4,26.77 82.35,0 '/%3e%3cpolygon points='57.87,0 19.91,26.77 0,40.81 0,31.02 6.03,26.77 43.98,0 '/%3e%3cpolygon points='19.99,0 0.64,13.65 0,14.1 0,4.31 0.64,3.86 6.11,0 '/%3e%3c/svg%3e ");
    --elements-8: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='210' height='60' fill='%23C2D500' viewBox='0 0 210 60' %3e%3crect width='70' height='60' transform='matrix(-1 0 0 1 210 0)' /%3e%3crect width='28' height='60' transform='matrix(-1 0 0 1 130 0)' /%3e%3crect width='20' height='60' transform='matrix(-1 0 0 1 90 0)' /%3e%3crect width='12' height='60' transform='matrix(-1 0 0 1 48 0)' /%3e%3crect width='4' height='60' transform='matrix(-1 0 0 1 4 0)' /%3e%3c/svg%3e");
    --elements-8-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='210' height='60' fill='%2321B592' viewBox='0 0 210 60' %3e%3crect width='70' height='60' transform='matrix(-1 0 0 1 210 0)' /%3e%3crect width='28' height='60' transform='matrix(-1 0 0 1 130 0)' /%3e%3crect width='20' height='60' transform='matrix(-1 0 0 1 90 0)' /%3e%3crect width='12' height='60' transform='matrix(-1 0 0 1 48 0)' /%3e%3crect width='4' height='60' transform='matrix(-1 0 0 1 4 0)' /%3e%3c/svg%3e");
    --elements-9-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2321B592' viewBox='0 0 140 90' %3e%3cpolygon points='140,82.5 140,90 132.6,90 '/%3e%3cpolygon points='140,54.3 140,71.9 122.3,90 104.9,90 '/%3e%3cpolygon points='140,26.1 140,42.3 93.2,90 77.3,90 '/%3e%3cpolygon points='140,0 140,12.7 64.2,90 49.6,90 137.9,0 '/%3e%3cpolygon points='123.5,0 35.1,90 22,90 110.3,0 '/%3e%3cpolygon points='94.4,0 6.1,90 0,90 0,84.2 82.6,0 '/%3e%3cpolygon points='65.4,0 0,66.6 0,56 55,0 '/%3e%3cpolygon points='36.3,0 0,37 0,27.8 27.3,0 '/%3e%3cpolygon points='7.3,0 0,7.4 0,0 '/%3e%3c/svg%3e");
    --elements-9-LightBlue: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300B5E2' viewBox='0 0 140 90' %3e%3cpolygon points='140,82.5 140,90 132.6,90 '/%3e%3cpolygon points='140,54.3 140,71.9 122.3,90 104.9,90 '/%3e%3cpolygon points='140,26.1 140,42.3 93.2,90 77.3,90 '/%3e%3cpolygon points='140,0 140,12.7 64.2,90 49.6,90 137.9,0 '/%3e%3cpolygon points='123.5,0 35.1,90 22,90 110.3,0 '/%3e%3cpolygon points='94.4,0 6.1,90 0,90 0,84.2 82.6,0 '/%3e%3cpolygon points='65.4,0 0,66.6 0,56 55,0 '/%3e%3cpolygon points='36.3,0 0,37 0,27.8 27.3,0 '/%3e%3cpolygon points='7.3,0 0,7.4 0,0 '/%3e%3c/svg%3e");
    --elements-9-LimeGreen: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C2D500' viewBox='0 0 140 90' %3e%3cpolygon points='140,82.5 140,90 132.6,90 '/%3e%3cpolygon points='140,54.3 140,71.9 122.3,90 104.9,90 '/%3e%3cpolygon points='140,26.1 140,42.3 93.2,90 77.3,90 '/%3e%3cpolygon points='140,0 140,12.7 64.2,90 49.6,90 137.9,0 '/%3e%3cpolygon points='123.5,0 35.1,90 22,90 110.3,0 '/%3e%3cpolygon points='94.4,0 6.1,90 0,90 0,84.2 82.6,0 '/%3e%3cpolygon points='65.4,0 0,66.6 0,56 55,0 '/%3e%3cpolygon points='36.3,0 0,37 0,27.8 27.3,0 '/%3e%3cpolygon points='7.3,0 0,7.4 0,0 '/%3e%3c/svg%3e");
    --elements-10-Turquoise: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2321B592' viewBox='0 0 130 130' %3e%3cpolygon points='130,123.8 130,130 122.5,130 '/%3e%3cpolygon points='130,94.7 130,117.1 114.4,130 87.2,130 '/%3e%3cpolygon points='130,65.6 130,86.7 77.5,130 51.9,130 '/%3e%3cpolygon points='130,36.5 130,56.4 40.7,130 16.6,130 '/%3e%3cpolygon points='130,7.4 130,26 3.8,130 0,130 0,114.6 '/%3e%3cpolygon points='124.7,0 0,102.8 0,85.5 103.7,0 '/%3e%3cpolygon points='87.8,0 0,72.4 0,56.4 68.4,0 '/%3e%3cpolygon points='50.9,0 0,42 0,27.2 33,0 '/%3e%3cpolygon points='14.1,0 0,11.6 0,0 '/%3e%3c/svg%3e ");
    --elements-10-LightBlue: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300B5E2' viewBox='0 0 130 130' %3e%3cpolygon points='130,123.8 130,130 122.5,130 '/%3e%3cpolygon points='130,94.7 130,117.1 114.4,130 87.2,130 '/%3e%3cpolygon points='130,65.6 130,86.7 77.5,130 51.9,130 '/%3e%3cpolygon points='130,36.5 130,56.4 40.7,130 16.6,130 '/%3e%3cpolygon points='130,7.4 130,26 3.8,130 0,130 0,114.6 '/%3e%3cpolygon points='124.7,0 0,102.8 0,85.5 103.7,0 '/%3e%3cpolygon points='87.8,0 0,72.4 0,56.4 68.4,0 '/%3e%3cpolygon points='50.9,0 0,42 0,27.2 33,0 '/%3e%3cpolygon points='14.1,0 0,11.6 0,0 '/%3e%3c/svg%3e ");
    --elements-10-LimeGreen: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C2D500' viewBox='0 0 130 130' %3e%3cpolygon points='130,123.8 130,130 122.5,130 '/%3e%3cpolygon points='130,94.7 130,117.1 114.4,130 87.2,130 '/%3e%3cpolygon points='130,65.6 130,86.7 77.5,130 51.9,130 '/%3e%3cpolygon points='130,36.5 130,56.4 40.7,130 16.6,130 '/%3e%3cpolygon points='130,7.4 130,26 3.8,130 0,130 0,114.6 '/%3e%3cpolygon points='124.7,0 0,102.8 0,85.5 103.7,0 '/%3e%3cpolygon points='87.8,0 0,72.4 0,56.4 68.4,0 '/%3e%3cpolygon points='50.9,0 0,42 0,27.2 33,0 '/%3e%3cpolygon points='14.1,0 0,11.6 0,0 '/%3e%3c/svg%3e ");

    --heading-elements-7-lightGray: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23dddddd' viewBox='0 0 300 40' xml:space='preserve'%3e%3cpolygon points='300,38.9 300,40 298.9,40 '/%3e%3cpolygon points='300,11 300,29.6 289.9,40 271.7,40 '/%3e%3cpolygon points='298.9,0 259.9,40 244.5,40 283.5,0 '/%3e%3cpolygon points='270.9,0 231.9,40 217.9,40 256.9,0 '/%3e%3cpolygon points='242.9,0 203.9,40 191.3,40 230.3,0 '/%3e%3cpolygon points='215.9,0 176.9,40 165.7,40 204.7,0 '/%3e%3cpolygon points='188.9,0 149.9,40 140.1,40 179.1,0 '/%3e%3cpolygon points='161.9,0 122.9,40 114.5,40 153.5,0 '/%3e%3cpolygon points='134.9,0 95.9,40 90.3,40 129.3,0 '/%3e%3cpolygon points='108,0 69,40 64.8,40 103.8,0 '/%3e%3cpolygon points='82,0 43,40 40.2,40 79.2,0 '/%3e%3cpolygon points='15,40 54,0 52.6,0 13.6,40 '/%3e%3c/svg%3e ");


}
:root *[dir=rtl] {
    --mainFont: Tajawal, serif  !important;
}
@media only screen and (max-width: 768px) {
    :root {
        --space:8px / 1.66; /* / 1.66*/
    }
}
.bg-dark-green{background: var(--colorDarkGreen);}
.bg-turquoise{background: var(--colorTurquoise);}
.bg-limeGreen{background: var(--colorLimeGreen); }
.bg-petroleum{background: var(--colorPetroleum);}
.bg-petroleum{background: var(--colorPurple);}
.bg-red{background: var(--colorRed);}
.bg-orange{background: var(--colorOrange);}
.bg-lightBlue{background: var(--colorLightBlue);}
.bg-lightBlue{background: var(--colorLightPurple);}
.bg-peach{background: var(--colorPeach);}
.bg-yellow{background: var(--colorYellow);}
.bg-blue{background: var(--colorBlue);}
.bg-grey{background: var(--colorGrey);}
.bg-grey-25{background: rgba(var(--rgbColorGrey) / 0.25);}
.bg-E5E5E5{background: #E5E5E5;}
.bg-F4F4F4{background: #F4F4F4;}
.bg-white{background: var(--colorWhite);}
.bg-black{background: var(--colorBlack);}

.color-dark-green{color: var(--colorDarkGreen);}
.color-turquoise{color: var(--colorTurquoise);}
.color-lime-green{color: var(--colorLimeGreen); }
.color-petroleum{color: var(--colorPetroleum);}
.color-petroleum{color: var(--colorPurple);}
.color-red{color: var(--colorRed);}
.color-orange{color: var(--colorOrange);}
.color-lightBlue{color: var(--colorLightBlue);}
.color-lightBlue{color: var(--colorLightPurple);}
.color-peach{color: var(--colorPeach);}
.color-yellow{color: var(--colorYellow);}
.color-blue{color: var(--colorBlue);}
.color-grey{color: var(--colorGrey);}
.color-grey-25{color: rgba(var(--rgbColorGrey) / 0.25);}
.color-white{color: var(--colorWhite);}
.color-black{color: var(--colorBlack);}

.text-right {
    text-align: right !important;
}
*[dir="rtl"] .text-right {
    text-align: left !important;
}
.text-left{ text-align: left !important;}
*[dir="rtl"] .text-left {
    text-align: right !important;
}