diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000..9233f77
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,987 @@
+@font-face {
+ font-family: "Montserrat-Regular";
+ src: url(/fonts/Montserrat-Regular.woff2?501ce09c42716a2f6e1503a25eb174c9) format("woff2"), url(/fonts/Montserrat-Regular.ttf?9c46095118380d38f12e67c916b427f9) format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "BYekan";
+ src: url(/fonts/BYekan.woff?15bbc3c7ef2b74fce3ec1fb330ec710c) format("woff"), url(/fonts/BYekan.otf?e99b3d2208ba86a5468a4b74cadc7651) format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "BYekan-Edited";
+ src: url(/fonts/BYekan-Edited.woff?e597a743b95451f3ae1e26588d481c20) format("woff"), url(/fonts/BYekan-Edited.otf?11d4f81553ce6c5378a3f91f946e9e55) format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+body {
+ color: #5c6873;
+ font-family: "BYekan", "Montserrat-Regular" !important;
+ padding: 0px !important;
+ margin: 0px !important;
+ font-weight: 100;
+ font-size: 17px;
+}
+
+a {
+ transition: 0.2s;
+}
+
+a:hover {
+ text-decoration: none !important;
+}
+
+/* --------------------------------------------------------
+ General :: Begin
+-------------------------------------------------------- */
+
+.En-Raleway {
+ font-family: "Raleway", sans-serif;
+}
+
+.RTL {
+ direction: rtl;
+}
+
+.LTR {
+ direction: ltr;
+}
+
+.RotateX {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ webkit-transform: rotate(180deg);
+}
+
+.Material-Shoadow-SM {
+ box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 4px 3px rgba(0, 0, 0, 0.22);
+}
+
+.CoverBG {
+ background-size: cover !important;
+}
+
+.CubeTransition {
+ transition-property: all;
+ transition-duration: 0.5s;
+ transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
+}
+
+.WhiteTheme .WM-SubText {
+ background-color: #fff !important;
+ color: #000;
+}
+
+.WhiteTheme .Notification {
+ background-color: transparent !important;
+}
+
+[class^=WM-Hover],
+[class*=WM-Hover] {
+ transition: 0.2s;
+ cursor: pointer;
+}
+
+/* --------------------------------------------------------
+ Borders :: Begin
+-------------------------------------------------------- */
+
+.WM-Border {
+ border: 1px solid;
+}
+
+.WM-Border-2x {
+ border: 2px solid;
+}
+
+.WM-Border-R {
+ border-right: 1px solid;
+}
+
+.WM-Border-L {
+ border-left: 1px solid;
+}
+
+.WM-Border-T {
+ border-top: 1px solid;
+}
+
+.WM-Border-B {
+ border-bottom: 1px solid;
+}
+
+/* --------------------------------------------------------
+ SectionTitle :: Begin
+-------------------------------------------------------- */
+
+.SectionTitle .TitleFa {
+ font-size: 1.7rem;
+}
+
+.SectionTitle .TitleEn span {
+ color: #fff;
+ padding: 5px 25px 1px 25px;
+ border-radius: 0.2em;
+ letter-spacing: 0.5em;
+}
+
+.SectionTitle .TitleEn .Line {
+ flex-grow: 1;
+ position: relative;
+}
+
+.SectionTitle .TitleEn .Line .inner {
+ position: absolute;
+ top: 50%;
+ width: calc(100% - 1em);
+ left: 0;
+ height: 1px;
+}
+
+/* --------------------------------------------------------
+ Labels :: Begin
+-------------------------------------------------------- */
+
+.WM-SubText {
+ display: inline-block;
+ padding: 10px 25px 5px 25px;
+ color: #fff;
+ border-radius: 5px;
+ margin: 3px 0px 10px 0px;
+}
+
+.WM-SubText.SmallPad {
+ padding: 3px 15px 0px 15px;
+}
+
+.WM-Notification {
+ display: inline-block;
+ text-align: center;
+ line-height: 24px;
+ width: 26px;
+ height: 26px;
+ color: #fff;
+ border-radius: 13px;
+}
+
+/* --------------------------------------------------------
+ Navigation :: Begin
+-------------------------------------------------------- */
+
+.WM-NavWrapper {
+ z-index: 1000;
+ box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+ background: #fff;
+ width: calc(100% - 2em);
+ margin: 0 1em;
+ position: fixed;
+ top: 1em;
+}
+
+.WM-NavWrapper .WM-Nav {
+ padding: 0.8em 1em;
+ list-style: none;
+ margin-bottom: 0;
+}
+
+.WM-PageNav {
+ border-left: 1px solid #c7c8c9;
+ padding: 3px 25px;
+}
+
+.modal-mask {
+ position: fixed;
+ z-index: 9998;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: table;
+ transition: opacity 0.3s ease;
+}
+
+.modal-wrapper {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+/* --------------------------------------------------------
+ Inputs :: Begin
+-------------------------------------------------------- */
+
+.WM-Input {
+ outline: none;
+ border: none;
+}
+
+.WM-TextArea {
+ outline: none;
+ border: none;
+}
+
+.WM-TextArea:focus,
+.WM-Input:focus {
+ border-color: transparent !important;
+}
+
+.WM-Input:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+.WM-Input:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+.WM-Input:focus:-moz-placeholder {
+ color: transparent;
+}
+
+.WM-Input:focus::-moz-placeholder {
+ color: transparent;
+}
+
+.WM-Input:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+.WM-TextArea:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+.WM-TextArea:focus:-moz-placeholder {
+ color: transparent;
+}
+
+.WM-TextArea:focus::-moz-placeholder {
+ color: transparent;
+}
+
+.WM-TextArea:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+.WM-Input::-webkit-input-placeholder {
+ color: #555555;
+}
+
+.WM-Input:-moz-placeholder {
+ color: #555555;
+}
+
+.WM-Input::-moz-placeholder {
+ color: #555555;
+}
+
+.WM-Input:-ms-input-placeholder {
+ color: #555555;
+}
+
+.WM-TextArea::-webkit-input-placeholder {
+ color: #555555;
+}
+
+.WM-TextArea:-moz-placeholder {
+ color: #555555;
+}
+
+.WM-TextArea::-moz-placeholder {
+ color: #555555;
+}
+
+.WM-TextArea:-ms-input-placeholder {
+ color: #555555;
+}
+
+.WM-InputWrapper {
+ width: 100%;
+ position: relative;
+ border-bottom: 2px solid #d9d9d9;
+ padding-bottom: 0px;
+ margin-bottom: 35px;
+}
+
+.WM-InputLabel {
+ font-size: 15px;
+ color: #999999;
+ line-height: 1.5;
+ padding-left: 5px;
+}
+
+.WM-Input100 {
+ display: block;
+ width: 100%;
+ background: transparent;
+ font-size: 18px;
+ color: #555555;
+ line-height: 1.2;
+}
+
+.WM-Input100-Focus {
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ pointer-events: none;
+}
+
+.WM-Input100-Focus::before {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: -2px;
+ left: 0;
+ width: 0;
+ height: 2px;
+ transition: all 0.4s;
+ background: #ff4b5a;
+}
+
+.WM-Input.WM-Input100 {
+ height: 40px;
+}
+
+.WM-InputWrapper input:disabled {
+ cursor: not-allowed;
+}
+
+.WM-TextArea.WM-Input100 {
+ min-height: 110px;
+ padding-top: 9px;
+ padding-bottom: 13px;
+}
+
+.WM-Input100:focus + .WM-Input100-Focus::before {
+ width: 100%;
+}
+
+.WM-Select {
+ background-color: transparent !important;
+ -webkit-appearance: none;
+}
+
+/* --------------------------------------------------------
+ Buttons :: Begin
+-------------------------------------------------------- */
+
+.WM-Btn {
+ outline: none !important;
+ border: none;
+ background: transparent;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 0 20px;
+ min-width: 160px;
+ height: 50px;
+ border-radius: 25px;
+ font-size: 16px;
+ color: #fff;
+ line-height: 1.2;
+ transition: all 0.4s;
+}
+
+.WM-Btn-Red {
+ background-color: #ee3552;
+ box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+}
+
+.WM-Btn-Orange {
+ background-color: #FF6B57;
+ box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+}
+
+.WM-Btn-Purple {
+ background-color: #32c5d2;
+ box-shadow: 0 10px 30px 0px rgba(250, 197, 210, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);
+}
+
+.WM-Btn-Yellow {
+ background-color: #ffd63a;
+ color: #2f353b;
+ box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);
+}
+
+.WM-Btn-Purple {
+ background-color: #ac3773;
+ color: #fff;
+ box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);
+}
+
+.WM-Btn-Black {
+ background-color: #2f353b;
+ box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);
+}
+
+.WM-Btn-White {
+ background-color: #fff;
+ color: #2f353b;
+ box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);
+ -moz-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);
+ -o-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);
+ -ms-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);
+}
+
+.WM-Btn-Green {
+ background-color: #0d7e00;
+ box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);
+ -moz-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);
+ -o-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);
+ -ms-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);
+}
+
+.WM-Btn-Cyan {
+ background-color: #32c5d2;
+ box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);
+ -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);
+ -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);
+ -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);
+}
+
+.WM-Btn i {
+ margin-left: 5px;
+ transition: all 0.4s;
+}
+
+.WM-Btn:hover {
+ background-color: #333333;
+ cursor: pointer;
+ color: #fff;
+ box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
+}
+
+.WM-Btn-RedHover:hover {
+ background-color: #ee3552;
+ cursor: pointer;
+ color: #fff;
+ box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+ -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
+}
+
+.WM-Btn-SM {
+ min-width: 50px;
+ padding: 0 10px;
+}
+
+.WM-Btn-SM i {
+ margin-left: 0px;
+}
+
+button,
+html [type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: none;
+}
+
+/* --------------------------------------------------------
+ Links :: Begin
+-------------------------------------------------------- */
+
+.WM-Link {
+ display: inline-block;
+ color: #000;
+ direction: rtl;
+ text-decoration: none;
+}
+
+.WM-Link::after {
+ content: "";
+ display: block;
+ width: 0;
+ height: 2px;
+ background: #000;
+ transition: width 0.3s;
+ margin-top: 2px;
+}
+
+.WM-Link:hover::after,
+.WM-Link.WM-Selected::after,
+.WM-Link.WM-Active::after {
+ width: 100%;
+}
+
+.WM-Height-90 {
+ height: 90px;
+}
+
+.WM-Height-110 {
+ height: 110px;
+}
+
+.WM-Width-220 {
+ width: 220px;
+}
+
+.WM-Width-100 {
+ width: 100%;
+}
+
+.WM-Absolute {
+ position: absolute;
+}
+
+.WM-Block {
+ display: block;
+}
+
+.WM-InlineBlock {
+ display: inline-block;
+}
+
+.WM-Flex {
+ display: flex !important;
+}
+
+.WM-Flex > *,
+.WM-Inline-Flex > * {
+ -webkit-box-flex: 1 !important;
+}
+
+.WM-Float-L {
+ float: left;
+}
+
+.WM-Float-R {
+ float: right;
+}
+
+.WM-Align-R {
+ text-align: right;
+}
+
+.WM-Align-L {
+ text-align: left;
+}
+
+.WM-Align-C {
+ text-align: center;
+}
+
+/* --------------------------------------------------------
+ Margins :: Begin
+-------------------------------------------------------- */
+
+.WM-Margin-T-10 {
+ margin-top: 10px;
+}
+
+.WM-Margin-T-15 {
+ margin-top: 15px;
+}
+
+.WM-Margin-T-20 {
+ margin-top: 20px;
+}
+
+.WM-Margin-T-45 {
+ margin-top: 45px;
+}
+
+.WM-Margin-T-55 {
+ margin-top: 55px;
+}
+
+.WM-Margin-T-100 {
+ margin-top: 100px;
+}
+
+.WM-Margin-L-10 {
+ margin-left: 10px;
+}
+
+.WM-Margin-R-10 {
+ margin-right: 10px;
+}
+
+.WM-Margin-BT-20 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.WM-Margin-BT-5 {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+.WM-Margin-B-10 {
+ margin-bottom: 10px;
+}
+
+.WM-Margin-RL-15 {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+/* --------------------------------------------------------
+ Paddings :: Begin
+-------------------------------------------------------- */
+
+.WM-Padding-10 {
+ padding: 10px;
+}
+
+/* --------------------------------------------------------
+ Fonts :: Begin
+-------------------------------------------------------- */
+
+.WM-Font-12 {
+ font-size: 12px;
+}
+
+.WM-Font-14 {
+ font-size: 14px;
+}
+
+.WM-Font-16 {
+ font-size: 16px;
+}
+
+.WM-Font-18 {
+ font-size: 18px;
+}
+
+.WM-Font-20 {
+ font-size: 20px;
+}
+
+.WM-Font-22 {
+ font-size: 22px;
+}
+
+.WM-Font-24 {
+ font-size: 24px;
+}
+
+.WM-Font-30 {
+ font-size: 30px;
+}
+
+.WM-Font-36 {
+ font-size: 36px;
+}
+
+.WM-Font-48 {
+ font-size: 48px;
+}
+
+.WM-Font-52 {
+ font-size: 52px;
+}
+
+.WM-Font-60 {
+ font-size: 60px;
+}
+
+.WM-LineHeight-40 {
+ line-height: 40px;
+}
+
+.WM-LetterSpacing-5 {
+ letter-spacing: 5px;
+}
+
+.WM-LetterSpacing-10 {
+ letter-spacing: 10px;
+}
+
+.WM-LetterSpacing-15 {
+ letter-spacing: 15px;
+}
+
+/* --------------------------------------------------------
+ Colors :: Begin
+-------------------------------------------------------- */
+
+.WM-BG-Red,
+.WM-Link-Red::after,
+.WM-Input.WM-Red + .WM-Input100-Focus::before {
+ background-color: #ee3552;
+ color: #fff;
+}
+
+.WM-Color-Red,
+.WM-Link-Red:hover,
+.WM-Link-Red.WM-Selected,
+.WM-Link-Red.WM-Active {
+ color: #ee3552;
+}
+
+.WM-Border-Red,
+.WM-Hover-Red:hover {
+ border-color: #ee3552;
+}
+
+.WM-BG-Orange,
+.WM-Link-Orange::after,
+.WM-Input.WM-Orange + .WM-Input100-Focus::before {
+ background-color: #FF6B57;
+ color: #fff;
+}
+
+.WM-Color-Orange,
+.WM-Link-Orange:hover,
+.WM-Link-Orange.WM-Selected,
+.WM-Link-Orange.WM-Active {
+ color: #FF6B57;
+}
+
+.WM-Border-Orange,
+.WM-Hover-Orange:hover {
+ border-color: #FF6B57;
+}
+
+.WM-BG-Yellow,
+.WM-Link-Yellow::after,
+.WM-Input.WM-Yellow + .WM-Input100-Focus::before {
+ background-color: #ffd63a;
+ color: #fff;
+}
+
+.WM-Color-Yellow,
+.WM-Link-Yellow:hover,
+.WM-Link-Yellow.WM-Selected,
+.WM-Link-Yellow.WM-Active {
+ color: #ffd63a;
+}
+
+.WM-Border-Yellow,
+.WM-Hover-Yellow:hover {
+ border-color: #ffd63a;
+}
+
+.WM-BG-Gold,
+.WM-Link-Gold::after,
+.WM-Input.WM-Gold + .WM-Input100-Focus::before {
+ background-color: #ddcfbb;
+ color: #fff;
+}
+
+.WM-Color-Gold,
+.WM-Link-Gold:hover,
+.WM-Link-Gold.WM-Selected,
+.WM-Link-Gold.WM-Active {
+ color: #ddcfbb;
+}
+
+.WM-Border-Gold,
+.WM-Hover-Gold:hover {
+ border-color: #ddcfbb;
+}
+
+.WM-BG-Purple,
+.WM-Link-Purple::after,
+.WM-Input.WM-Purple + .WM-Input100-Focus::before {
+ background-color: #ac3773;
+ color: #fff;
+}
+
+.WM-Color-Purple,
+.WM-Link-Purple:hover,
+.WM-Link-Purple.WM-Selected,
+.WM-Link-Purple.WM-Active {
+ color: #ac3773;
+}
+
+.WM-Border-Purple,
+.WM-Hover-Purple:hover {
+ border-color: #ac3773;
+}
+
+.WM-BG-Blue,
+.WM-Link-Blue::after,
+.WM-Input.WM-Blue + .WM-Input100-Focus::before {
+ background-color: #3498DB;
+ color: #fff;
+}
+
+.WM-Color-Blue,
+.WM-Link-Blue:hover,
+.WM-Link-Blue.WM-Selected,
+.WM-Link-Blue.WM-Active {
+ color: #3498DB;
+}
+
+.WM-Border-Blue,
+.WM-Hover-Blue:hover {
+ border-color: #3498DB;
+}
+
+.WM-BG-Green,
+.WM-Link-Green::after,
+.WM-Input.WM-Green + .WM-Input100-Focus::before {
+ background-color: #0d7e00;
+ color: #fff;
+}
+
+.WM-Color-Green,
+.WM-Link-Green:hover,
+.WM-Link-Green.WM-Selected,
+.WM-Link-Green.WM-Active {
+ color: #0d7e00;
+}
+
+.WM-Border-Green,
+.WM-Hover-Green:hover {
+ border-color: #0d7e00;
+}
+
+.WM-BG-Cyan,
+.WM-Link-Cyan::after,
+.WM-Input.WM-Cyan + .WM-Input100-Focus::before {
+ background-color: #32c5d2;
+ color: #fff;
+}
+
+.WM-Color-Cyan,
+.WM-Link-Cyan:hover,
+.WM-Link-Cyan.WM-Selected,
+.WM-Link-Cyan.WM-Active {
+ color: #32c5d2;
+}
+
+.WM-Border-Cyan,
+.WM-Hover-Cyan:hover {
+ border-color: #32c5d2;
+}
+
+.WM-BG-LightGray,
+.WM-Link-LightGray::after,
+.WM-Input.WM-LightGray + .WM-Input100-Focus::before {
+ background-color: #e6e6e6;
+ color: #fff;
+}
+
+.WM-Color-LightGray,
+.WM-Link-LightGray:hover,
+.WM-Link-LightGray.WM-Selected,
+.WM-Link-LightGray.WM-Active {
+ color: #e6e6e6;
+}
+
+.WM-Border-LightGray,
+.WM-Hover-LightGray:hover {
+ border-color: #e6e6e6;
+}
+
+.WM-BG-Gray,
+.WM-Link-Gray::after,
+.WM-Input.WM-Gray + .WM-Input100-Focus::before {
+ background-color: #797979;
+ color: #fff;
+}
+
+.WM-Color-Gray,
+.WM-Link-Gray:hover,
+.WM-Link-Gray.WM-Selected,
+.WM-Link-Gray.WM-Active {
+ color: #797979;
+}
+
+.WM-Border-Gray,
+.WM-Hover-Gray:hover {
+ border-color: #797979;
+}
+
+.WM-BG-Dark,
+.WM-Link-Dark::after,
+.WM-Input.WM-Dark + .WM-Input100-Focus::before {
+ background-color: #2f353b;
+ color: #fff;
+}
+
+.WM-Color-Dark,
+.WM-Link-Dark:hover,
+.WM-Link-Dark.WM-Selected,
+.WM-Link-Dark.WM-Active {
+ color: #2f353b;
+}
+
+.WM-Border-Dark,
+.WM-Hover-Dark:hover {
+ border-color: #2f353b;
+}
+
+.WM-BG-Black,
+.WM-Link-Black::after,
+.WM-Input.WM-Black + .WM-Input100-Focus::before {
+ background-color: #2f353b;
+ color: #fff;
+}
+
+.WM-Color-Black,
+.WM-Link-Black:hover,
+.WM-Link-Black.WM-Selected,
+.WM-Link-Black.WM-Active {
+ color: #2f353b;
+}
+
+.WM-Border-Black,
+.WM-Hover-Black:hover {
+ border-color: #2f353b;
+}
+
+.WM-BG-White,
+.WM-Link-White::after,
+.WM-Input.WM-White + .WM-Input100-Focus::before {
+ background-color: #fff;
+ color: #fff;
+}
+
+.WM-Color-White,
+.WM-Link-White:hover,
+.WM-Link-White.WM-Selected,
+.WM-Link-White.WM-Active {
+ color: #fff;
+}
+
+.WM-Border-White,
+.WM-Hover-White:hover {
+ border-color: #fff;
+}
+
+.WM-BG-LightGray {
+ color: #000 !important;
+}
+
diff --git a/public/js/app.js b/public/js/app.js
index 9917bff..c6a9055 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -23294,25 +23294,6 @@ exports.push([module.i, "@charset \"UTF-8\";\n/*!\n * Bootstrap v4.0.0 (https://
// exports
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./resources/js/scss/_vars.scss":
-/*!***************************************************************************************************************************************************************!*\
- !*** ./node_modules/css-loader!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./resources/js/scss/_vars.scss ***!
- \***************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "", ""]);
-
-// exports
-
-
/***/ }),
/***/ "./node_modules/css-loader/index.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./resources/js/scss/style.scss":
@@ -23328,7 +23309,7 @@ exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loa
// module
-exports.push([module.i, "/* --------------------------------------------------------\r\n Borders :: Begin\r\n-------------------------------------------------------- */\n.WM-Border {\n border: 1px solid;\n}\n\n.WM-Border-2x {\n border: 2px solid;\n}\n\n.WM-Border-R {\n border-right: 1px solid;\n}\n\n.WM-Border-L {\n border-left: 1px solid;\n}\n\n.WM-Border-T {\n border-top: 1px solid;\n}\n\n.WM-Border-B {\n border-bottom: 1px solid;\n}\n\n/* --------------------------------------------------------\r\n SectionTitle :: Begin\r\n-------------------------------------------------------- */\n.SectionTitle .TitleFa {\n font-size: 1.7rem;\n}\n\n.SectionTitle .TitleEn span {\n color: #fff;\n padding: 5px 25px 1px 25px;\n border-radius: 0.2em;\n letter-spacing: 0.5em;\n}\n.SectionTitle .TitleEn .Line {\n flex-grow: 1;\n position: relative;\n}\n.SectionTitle .TitleEn .Line .inner {\n position: absolute;\n top: 50%;\n width: calc(100% - 1em);\n left: 0;\n height: 1px;\n}\n\n/* --------------------------------------------------------\r\n Labels :: Begin\r\n-------------------------------------------------------- */\n.WM-SubText {\n display: inline-block;\n padding: 10px 25px 5px 25px;\n color: #fff;\n border-radius: 5px;\n margin: 3px 0px 10px 0px;\n}\n\n.WM-SubText.SmallPad {\n padding: 3px 15px 0px 15px;\n}\n\n.WM-Notification {\n display: inline-block;\n text-align: center;\n line-height: 24px;\n width: 26px;\n height: 26px;\n color: #fff;\n border-radius: 13px;\n}\n\n/* --------------------------------------------------------\r\n Navigation :: Begin\r\n-------------------------------------------------------- */\n.WM-NavWrapper {\n z-index: 1000;\n box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);\n background: #fff;\n width: calc(100% - 2em);\n margin: 0 1em;\n position: fixed;\n top: 1em;\n}\n.WM-NavWrapper .WM-Nav {\n padding: 0.8em 1em;\n list-style: none;\n margin-bottom: 0;\n}\n\n.WM-PageNav {\n border-left: 1px solid #c7c8c9;\n padding: 3px 25px;\n}\n\n.modal-mask {\n position: fixed;\n z-index: 9998;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: table;\n transition: opacity 0.3s ease;\n}\n\n.modal-wrapper {\n display: table-cell;\n vertical-align: middle;\n}\n\n/* --------------------------------------------------------\r\n Inputs :: Begin\r\n-------------------------------------------------------- */\n.WM-Input {\n outline: none;\n border: none;\n}\n\n.WM-TextArea {\n outline: none;\n border: none;\n}\n\n.WM-TextArea:focus, .WM-Input:focus {\n border-color: transparent !important;\n}\n\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus:-moz-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus::-moz-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus:-ms-input-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus:-moz-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus::-moz-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus:-ms-input-placeholder {\n color: transparent;\n}\n\n.WM-Input::-webkit-input-placeholder {\n color: #555555;\n}\n\n.WM-Input:-moz-placeholder {\n color: #555555;\n}\n\n.WM-Input::-moz-placeholder {\n color: #555555;\n}\n\n.WM-Input:-ms-input-placeholder {\n color: #555555;\n}\n\n.WM-TextArea::-webkit-input-placeholder {\n color: #555555;\n}\n\n.WM-TextArea:-moz-placeholder {\n color: #555555;\n}\n\n.WM-TextArea::-moz-placeholder {\n color: #555555;\n}\n\n.WM-TextArea:-ms-input-placeholder {\n color: #555555;\n}\n\n.WM-InputWrapper {\n width: 100%;\n position: relative;\n border-bottom: 2px solid #d9d9d9;\n padding-bottom: 0px;\n margin-bottom: 35px;\n}\n\n.WM-InputLabel {\n font-size: 15px;\n color: #999999;\n line-height: 1.5;\n padding-left: 5px;\n}\n\n.WM-Input100 {\n display: block;\n width: 100%;\n background: transparent;\n font-size: 18px;\n color: #555555;\n line-height: 1.2;\n}\n\n.WM-Input100-Focus {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n\n.WM-Input100-Focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n background: #ff4b5a;\n}\n\n.WM-Input.WM-Input100 {\n height: 40px;\n}\n\n.WM-InputWrapper input:disabled {\n cursor: not-allowed;\n}\n\n.WM-TextArea.WM-Input100 {\n min-height: 110px;\n padding-top: 9px;\n padding-bottom: 13px;\n}\n\n.WM-Input100:focus + .WM-Input100-Focus::before {\n width: 100%;\n}\n\n.WM-Select {\n background-color: transparent !important;\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\r\n Buttons :: Begin\r\n-------------------------------------------------------- */\n.WM-Btn {\n outline: none !important;\n border: none;\n background: transparent;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 20px;\n min-width: 160px;\n height: 50px;\n border-radius: 25px;\n font-size: 16px;\n color: #fff;\n line-height: 1.2;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.WM-Btn-Red {\n background-color: #ee3552;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-Orange {\n background-color: #FF6B57;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-Purple {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(250, 197, 210, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n}\n\n.WM-Btn-Yellow {\n background-color: #ffd63a;\n color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n}\n\n.WM-Btn-Purple {\n background-color: #ac3773;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n}\n\n.WM-Btn-Black {\n background-color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n}\n\n.WM-Btn-White {\n background-color: #fff;\n color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n}\n\n.WM-Btn-Green {\n background-color: #0d7e00;\n box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -moz-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -webkit-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -o-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -ms-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n}\n\n.WM-Btn-Cyan {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n}\n\n.WM-Btn i {\n margin-left: 5px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.WM-Btn:hover {\n background-color: #333333;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n}\n\n.WM-Btn-RedHover:hover {\n background-color: #ee3552;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-SM {\n min-width: 50px;\n padding: 0 10px;\n}\n\n.WM-Btn-SM i {\n margin-left: 0px;\n}\n\nbutton, html [type=button], [type=reset], [type=submit] {\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\r\n Links :: Begin\r\n-------------------------------------------------------- */\n.WM-Link {\n display: inline-block;\n color: #000;\n direction: rtl;\n text-decoration: none;\n}\n\n.WM-Link::after {\n content: \"\";\n display: block;\n width: 0;\n height: 2px;\n background: #000;\n transition: width 0.3s;\n margin-top: 2px;\n}\n\n.WM-Link:hover::after, .WM-Link.WM-Selected::after, .WM-Link.WM-Active::after {\n width: 100%;\n}\n\n.WM-Height-90 {\n height: 90px;\n}\n\n.WM-Height-110 {\n height: 110px;\n}\n\n.WM-Width-220 {\n width: 220px;\n}\n\n.WM-Width-100 {\n width: 100%;\n}\n\n.WM-Absolute {\n position: absolute;\n}\n\n.WM-Block {\n display: block;\n}\n\n.WM-InlineBlock {\n display: inline-block;\n}\n\n.WM-Flex {\n display: flex !important;\n}\n\n.WM-Flex > *, .WM-Inline-Flex > * {\n -webkit-box-flex: 1 !important;\n}\n\n.WM-Float-L {\n float: left;\n}\n\n.WM-Float-R {\n float: right;\n}\n\n.WM-Align-R {\n text-align: right;\n}\n\n.WM-Align-L {\n text-align: left;\n}\n\n.WM-Align-C {\n text-align: center;\n}\n\n/* --------------------------------------------------------\r\n Margins :: Begin\r\n-------------------------------------------------------- */\n.WM-Margin-T-10 {\n margin-top: 10px;\n}\n\n.WM-Margin-T-15 {\n margin-top: 15px;\n}\n\n.WM-Margin-T-20 {\n margin-top: 20px;\n}\n\n.WM-Margin-T-45 {\n margin-top: 45px;\n}\n\n.WM-Margin-T-55 {\n margin-top: 55px;\n}\n\n.WM-Margin-T-100 {\n margin-top: 100px;\n}\n\n.WM-Margin-L-10 {\n margin-left: 10px;\n}\n\n.WM-Margin-R-10 {\n margin-right: 10px;\n}\n\n.WM-Margin-BT-20 {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n.WM-Margin-BT-5 {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.WM-Margin-B-10 {\n margin-bottom: 10px;\n}\n\n.WM-Margin-RL-15 {\n margin-left: 15px;\n margin-right: 15px;\n}\n\n/* --------------------------------------------------------\r\n Paddings :: Begin\r\n-------------------------------------------------------- */\n.WM-Padding-10 {\n padding: 10px;\n}\n\n/* --------------------------------------------------------\r\n Fonts :: Begin\r\n-------------------------------------------------------- */\n.WM-Font-12 {\n font-size: 12px;\n}\n\n.WM-Font-14 {\n font-size: 14px;\n}\n\n.WM-Font-16 {\n font-size: 16px;\n}\n\n.WM-Font-18 {\n font-size: 18px;\n}\n\n.WM-Font-20 {\n font-size: 20px;\n}\n\n.WM-Font-22 {\n font-size: 22px;\n}\n\n.WM-Font-24 {\n font-size: 24px;\n}\n\n.WM-Font-30 {\n font-size: 30px;\n}\n\n.WM-Font-36 {\n font-size: 36px;\n}\n\n.WM-Font-48 {\n font-size: 48px;\n}\n\n.WM-Font-52 {\n font-size: 52px;\n}\n\n.WM-Font-60 {\n font-size: 60px;\n}\n\n.WM-LineHeight-40 {\n line-height: 40px;\n}\n\n.WM-LetterSpacing-5 {\n letter-spacing: 5px;\n}\n\n.WM-LetterSpacing-10 {\n letter-spacing: 10px;\n}\n\n.WM-LetterSpacing-15 {\n letter-spacing: 15px;\n}\n\n/* --------------------------------------------------------\r\n Colors :: Begin\r\n-------------------------------------------------------- */\n.WM-BG-Red, .WM-Link-Red::after, .WM-Input.WM-Red + .WM-Input100-Focus::before {\n background-color: #ee3552;\n color: #fff;\n}\n\n.WM-Color-Red, .WM-Link-Red:hover, .WM-Link-Red.WM-Selected, .WM-Link-Red.WM-Active {\n color: #ee3552;\n}\n\n.WM-Border-Red, .WM-Hover-Red:hover {\n border-color: #ee3552;\n}\n\n.WM-BG-Orange, .WM-Link-Orange::after, .WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background-color: #FF6B57;\n color: #fff;\n}\n\n.WM-Color-Orange, .WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected, .WM-Link-Orange.WM-Active {\n color: #FF6B57;\n}\n\n.WM-Border-Orange, .WM-Hover-Orange:hover {\n border-color: #FF6B57;\n}\n\n.WM-BG-Yellow, .WM-Link-Yellow::after, .WM-Input.WM-Yellow + .WM-Input100-Focus::before {\n background-color: #ffd63a;\n color: #fff;\n}\n\n.WM-Color-Yellow, .WM-Link-Yellow:hover, .WM-Link-Yellow.WM-Selected, .WM-Link-Yellow.WM-Active {\n color: #ffd63a;\n}\n\n.WM-Border-Yellow, .WM-Hover-Yellow:hover {\n border-color: #ffd63a;\n}\n\n.WM-BG-Gold, .WM-Link-Gold::after, .WM-Input.WM-Gold + .WM-Input100-Focus::before {\n background-color: #ddcfbb;\n color: #fff;\n}\n\n.WM-Color-Gold, .WM-Link-Gold:hover, .WM-Link-Gold.WM-Selected, .WM-Link-Gold.WM-Active {\n color: #ddcfbb;\n}\n\n.WM-Border-Gold, .WM-Hover-Gold:hover {\n border-color: #ddcfbb;\n}\n\n.WM-BG-Purple, .WM-Link-Purple::after, .WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background-color: #ac3773;\n color: #fff;\n}\n\n.WM-Color-Purple, .WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected, .WM-Link-Purple.WM-Active {\n color: #ac3773;\n}\n\n.WM-Border-Purple, .WM-Hover-Purple:hover {\n border-color: #ac3773;\n}\n\n.WM-BG-Blue, .WM-Link-Blue::after, .WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background-color: #3498DB;\n color: #fff;\n}\n\n.WM-Color-Blue, .WM-Link-Blue:hover, .WM-Link-Blue.WM-Selected, .WM-Link-Blue.WM-Active {\n color: #3498DB;\n}\n\n.WM-Border-Blue, .WM-Hover-Blue:hover {\n border-color: #3498DB;\n}\n\n.WM-BG-Green, .WM-Link-Green::after, .WM-Input.WM-Green + .WM-Input100-Focus::before {\n background-color: #0d7e00;\n color: #fff;\n}\n\n.WM-Color-Green, .WM-Link-Green:hover, .WM-Link-Green.WM-Selected, .WM-Link-Green.WM-Active {\n color: #0d7e00;\n}\n\n.WM-Border-Green, .WM-Hover-Green:hover {\n border-color: #0d7e00;\n}\n\n.WM-BG-Cyan, .WM-Link-Cyan::after, .WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background-color: #32c5d2;\n color: #fff;\n}\n\n.WM-Color-Cyan, .WM-Link-Cyan:hover, .WM-Link-Cyan.WM-Selected, .WM-Link-Cyan.WM-Active {\n color: #32c5d2;\n}\n\n.WM-Border-Cyan, .WM-Hover-Cyan:hover {\n border-color: #32c5d2;\n}\n\n.WM-BG-LightGray, .WM-Link-LightGray::after, .WM-Input.WM-LightGray + .WM-Input100-Focus::before {\n background-color: #e6e6e6;\n color: #fff;\n}\n\n.WM-Color-LightGray, .WM-Link-LightGray:hover, .WM-Link-LightGray.WM-Selected, .WM-Link-LightGray.WM-Active {\n color: #e6e6e6;\n}\n\n.WM-Border-LightGray, .WM-Hover-LightGray:hover {\n border-color: #e6e6e6;\n}\n\n.WM-BG-Gray, .WM-Link-Gray::after, .WM-Input.WM-Gray + .WM-Input100-Focus::before {\n background-color: #797979;\n color: #fff;\n}\n\n.WM-Color-Gray, .WM-Link-Gray:hover, .WM-Link-Gray.WM-Selected, .WM-Link-Gray.WM-Active {\n color: #797979;\n}\n\n.WM-Border-Gray, .WM-Hover-Gray:hover {\n border-color: #797979;\n}\n\n.WM-BG-Dark, .WM-Link-Dark::after, .WM-Input.WM-Dark + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n\n.WM-Color-Dark, .WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected, .WM-Link-Dark.WM-Active {\n color: #2f353b;\n}\n\n.WM-Border-Dark, .WM-Hover-Dark:hover {\n border-color: #2f353b;\n}\n\n.WM-BG-Black, .WM-Link-Black::after, .WM-Input.WM-Black + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n\n.WM-Color-Black, .WM-Link-Black:hover, .WM-Link-Black.WM-Selected, .WM-Link-Black.WM-Active {\n color: #2f353b;\n}\n\n.WM-Border-Black, .WM-Hover-Black:hover {\n border-color: #2f353b;\n}\n\n.WM-BG-White, .WM-Link-White::after, .WM-Input.WM-White + .WM-Input100-Focus::before {\n background-color: #fff;\n color: #fff;\n}\n\n.WM-Color-White, .WM-Link-White:hover, .WM-Link-White.WM-Selected, .WM-Link-White.WM-Active {\n color: #fff;\n}\n\n.WM-Border-White, .WM-Hover-White:hover {\n border-color: #fff;\n}\n\n.WM-BG-LightGray {\n color: #000 !important;\n}\n\n@font-face {\n font-family: \"Montserrat-Regular\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/Montserrat/Montserrat-Regular.woff2 */ "./resources/js/assets/Fonts/Montserrat/Montserrat-Regular.woff2")) + ") format(\"woff2\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/Montserrat/Montserrat-Regular.ttf */ "./resources/js/assets/Fonts/Montserrat/Montserrat-Regular.ttf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"BYekan\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan.woff */ "./resources/js/assets/Fonts/BYekan.woff")) + ") format(\"woff\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan.otf */ "./resources/js/assets/Fonts/BYekan.otf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"BYekan-Edited\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan-Edited.woff */ "./resources/js/assets/Fonts/BYekan-Edited.woff")) + ") format(\"woff\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan-Edited.otf */ "./resources/js/assets/Fonts/BYekan-Edited.otf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\nbody {\n color: #5c6873;\n font-family: \"BYekan\", \"Montserrat-Regular\" !important;\n padding: 0px !important;\n margin: 0px !important;\n font-weight: 100;\n font-size: 17px;\n}\n\na {\n transition: 0.2s;\n}\n\na:hover {\n text-decoration: none !important;\n}\n\n/* --------------------------------------------------------\n General :: Begin\n-------------------------------------------------------- */\n.En-Raleway {\n font-family: \"Raleway\", sans-serif;\n}\n\n.RTL {\n direction: rtl;\n}\n\n.LTR {\n direction: ltr;\n}\n\n.RotateX {\n transform: rotate(180deg);\n webkit-transform: rotate(180deg);\n}\n\n.Material-Shoadow-SM {\n box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 4px 3px rgba(0, 0, 0, 0.22);\n}\n\n.CoverBG {\n background-size: cover !important;\n}\n\n.CubeTransition {\n transition-property: all;\n transition-duration: 0.5s;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n\n.WhiteTheme .WM-SubText {\n background-color: #fff !important;\n color: #000;\n}\n\n.WhiteTheme .Notification {\n background-color: transparent !important;\n}\n\n[class^=WM-Hover],\n[class*=WM-Hover] {\n transition: 0.2s;\n cursor: pointer;\n}", ""]);
+exports.push([module.i, "@font-face {\n font-family: \"Montserrat-Regular\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/Montserrat/Montserrat-Regular.woff2 */ "./resources/js/assets/Fonts/Montserrat/Montserrat-Regular.woff2")) + ") format(\"woff2\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/Montserrat/Montserrat-Regular.ttf */ "./resources/js/assets/Fonts/Montserrat/Montserrat-Regular.ttf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"BYekan\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan.woff */ "./resources/js/assets/Fonts/BYekan.woff")) + ") format(\"woff\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan.otf */ "./resources/js/assets/Fonts/BYekan.otf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"BYekan-Edited\";\n src: url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan-Edited.woff */ "./resources/js/assets/Fonts/BYekan-Edited.woff")) + ") format(\"woff\"), url(" + escape(__webpack_require__(/*! ../assets/Fonts/BYekan-Edited.otf */ "./resources/js/assets/Fonts/BYekan-Edited.otf")) + ") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\nbody {\n color: #5c6873;\n font-family: \"BYekan\", \"Montserrat-Regular\" !important;\n padding: 0px !important;\n margin: 0px !important;\n font-weight: 100;\n font-size: 17px;\n}\n\na {\n transition: 0.2s;\n}\n\na:hover {\n text-decoration: none !important;\n}\n\n/* --------------------------------------------------------\n General :: Begin\n-------------------------------------------------------- */\n.En-Raleway {\n font-family: \"Raleway\", sans-serif;\n}\n\n.RTL {\n direction: rtl;\n}\n\n.LTR {\n direction: ltr;\n}\n\n.RotateX {\n transform: rotate(180deg);\n webkit-transform: rotate(180deg);\n}\n\n.Material-Shoadow-SM {\n box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 4px 3px rgba(0, 0, 0, 0.22);\n}\n\n.CoverBG {\n background-size: cover !important;\n}\n\n.CubeTransition {\n transition-property: all;\n transition-duration: 0.5s;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n\n.WhiteTheme .WM-SubText {\n background-color: #fff !important;\n color: #000;\n}\n\n.WhiteTheme .Notification {\n background-color: transparent !important;\n}\n\n[class^=WM-Hover],\n[class*=WM-Hover] {\n transition: 0.2s;\n cursor: pointer;\n}\n\n.application {\n font-family: \"BYekan\", \"Montserrat-Regular\" !important;\n}\n\n/* --------------------------------------------------------\r\n Borders :: Begin\r\n-------------------------------------------------------- */\n.WM-Border {\n border: 1px solid;\n}\n\n.WM-Border-2x {\n border: 2px solid;\n}\n\n.WM-Border-R {\n border-right: 1px solid;\n}\n\n.WM-Border-L {\n border-left: 1px solid;\n}\n\n.WM-Border-T {\n border-top: 1px solid;\n}\n\n.WM-Border-B {\n border-bottom: 1px solid;\n}\n\n/* --------------------------------------------------------\r\n SectionTitle :: Begin\r\n-------------------------------------------------------- */\n.SectionTitle .TitleFa {\n font-size: 1.7rem;\n}\n\n.SectionTitle .TitleEn span {\n color: #fff;\n padding: 5px 25px 1px 25px;\n border-radius: 0.2em;\n letter-spacing: 0.5em;\n}\n.SectionTitle .TitleEn .Line {\n flex-grow: 1;\n position: relative;\n}\n.SectionTitle .TitleEn .Line .inner {\n position: absolute;\n top: 50%;\n width: calc(100% - 1em);\n left: 0;\n height: 1px;\n}\n\n/* --------------------------------------------------------\r\n Labels :: Begin\r\n-------------------------------------------------------- */\n.WM-SubText {\n display: inline-block;\n padding: 10px 25px 5px 25px;\n color: #fff;\n border-radius: 5px;\n margin: 3px 0px 10px 0px;\n}\n\n.WM-SubText.SmallPad {\n padding: 3px 15px 0px 15px;\n}\n\n.WM-Notification {\n display: inline-block;\n text-align: center;\n line-height: 24px;\n width: 26px;\n height: 26px;\n color: #fff;\n border-radius: 13px;\n}\n\n/* --------------------------------------------------------\r\n Navigation :: Begin\r\n-------------------------------------------------------- */\n.WM-NavWrapper {\n z-index: 1000;\n box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);\n background: #fff;\n width: calc(100% - 2em);\n margin: 0 1em;\n position: fixed;\n top: 1em;\n}\n.WM-NavWrapper .WM-Nav {\n padding: 0.8em 1em;\n list-style: none;\n margin-bottom: 0;\n}\n\n.WM-PageNav {\n border-left: 1px solid #c7c8c9;\n padding: 3px 25px;\n}\n\n.modal-mask {\n position: fixed;\n z-index: 9998;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: table;\n transition: opacity 0.3s ease;\n}\n\n.modal-wrapper {\n display: table-cell;\n vertical-align: middle;\n}\n\n/* --------------------------------------------------------\r\n Inputs :: Begin\r\n-------------------------------------------------------- */\n.WM-Input {\n outline: none;\n border: none;\n}\n\n.WM-TextArea {\n outline: none;\n border: none;\n}\n\n.WM-TextArea:focus, .WM-Input:focus {\n border-color: transparent !important;\n}\n\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus:-moz-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus::-moz-placeholder {\n color: transparent;\n}\n\n.WM-Input:focus:-ms-input-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus::-webkit-input-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus:-moz-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus::-moz-placeholder {\n color: transparent;\n}\n\n.WM-TextArea:focus:-ms-input-placeholder {\n color: transparent;\n}\n\n.WM-Input::-webkit-input-placeholder {\n color: #555555;\n}\n\n.WM-Input:-moz-placeholder {\n color: #555555;\n}\n\n.WM-Input::-moz-placeholder {\n color: #555555;\n}\n\n.WM-Input:-ms-input-placeholder {\n color: #555555;\n}\n\n.WM-TextArea::-webkit-input-placeholder {\n color: #555555;\n}\n\n.WM-TextArea:-moz-placeholder {\n color: #555555;\n}\n\n.WM-TextArea::-moz-placeholder {\n color: #555555;\n}\n\n.WM-TextArea:-ms-input-placeholder {\n color: #555555;\n}\n\n.WM-InputWrapper {\n width: 100%;\n position: relative;\n border-bottom: 2px solid #d9d9d9;\n padding-bottom: 0px;\n margin-bottom: 35px;\n}\n\n.WM-InputLabel {\n font-size: 15px;\n color: #999999;\n line-height: 1.5;\n padding-left: 5px;\n}\n\n.WM-Input100 {\n display: block;\n width: 100%;\n background: transparent;\n font-size: 18px;\n color: #555555;\n line-height: 1.2;\n}\n\n.WM-Input100-Focus {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n\n.WM-Input100-Focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n background: #ff4b5a;\n}\n\n.WM-Input.WM-Input100 {\n height: 40px;\n}\n\n.WM-InputWrapper input:disabled {\n cursor: not-allowed;\n}\n\n.WM-TextArea.WM-Input100 {\n min-height: 110px;\n padding-top: 9px;\n padding-bottom: 13px;\n}\n\n.WM-Input100:focus + .WM-Input100-Focus::before {\n width: 100%;\n}\n\n.WM-Select {\n background-color: transparent !important;\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\r\n Buttons :: Begin\r\n-------------------------------------------------------- */\n.WM-Btn {\n outline: none !important;\n border: none;\n background: transparent;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 20px;\n min-width: 160px;\n height: 50px;\n border-radius: 25px;\n font-size: 16px;\n color: #fff;\n line-height: 1.2;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.WM-Btn-Red {\n background-color: #ee3552;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-Orange {\n background-color: #FF6B57;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-Purple {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(250, 197, 210, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n}\n\n.WM-Btn-Yellow {\n background-color: #ffd63a;\n color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n}\n\n.WM-Btn-Purple {\n background-color: #ac3773;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n}\n\n.WM-Btn-Black {\n background-color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n}\n\n.WM-Btn-White {\n background-color: #fff;\n color: #2f353b;\n box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n}\n\n.WM-Btn-Green {\n background-color: #0d7e00;\n box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -moz-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -webkit-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -o-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n -ms-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.35);\n}\n\n.WM-Btn-Cyan {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.32);\n}\n\n.WM-Btn i {\n margin-left: 5px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.WM-Btn:hover {\n background-color: #333333;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n}\n\n.WM-Btn-RedHover:hover {\n background-color: #ee3552;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n\n.WM-Btn-SM {\n min-width: 50px;\n padding: 0 10px;\n}\n\n.WM-Btn-SM i {\n margin-left: 0px;\n}\n\nbutton, html [type=button], [type=reset], [type=submit] {\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\r\n Links :: Begin\r\n-------------------------------------------------------- */\n.WM-Link {\n display: inline-block;\n color: #000;\n direction: rtl;\n text-decoration: none;\n}\n\n.WM-Link::after {\n content: \"\";\n display: block;\n width: 0;\n height: 2px;\n background: #000;\n transition: width 0.3s;\n margin-top: 2px;\n}\n\n.WM-Link:hover::after, .WM-Link.WM-Selected::after, .WM-Link.WM-Active::after {\n width: 100%;\n}\n\n.WM-Height-90 {\n height: 90px;\n}\n\n.WM-Height-110 {\n height: 110px;\n}\n\n.WM-Width-220 {\n width: 220px;\n}\n\n.WM-Width-100 {\n width: 100%;\n}\n\n.WM-Absolute {\n position: absolute;\n}\n\n.WM-Block {\n display: block;\n}\n\n.WM-InlineBlock {\n display: inline-block;\n}\n\n.WM-Flex {\n display: flex !important;\n}\n\n.WM-Flex > *, .WM-Inline-Flex > * {\n -webkit-box-flex: 1 !important;\n}\n\n.WM-Float-L {\n float: left;\n}\n\n.WM-Float-R {\n float: right;\n}\n\n.WM-Align-R {\n text-align: right;\n}\n\n.WM-Align-L {\n text-align: left;\n}\n\n.WM-Align-C {\n text-align: center;\n}\n\n/* --------------------------------------------------------\r\n Margins :: Begin\r\n-------------------------------------------------------- */\n.WM-Margin-T-10 {\n margin-top: 10px;\n}\n\n.WM-Margin-T-15 {\n margin-top: 15px;\n}\n\n.WM-Margin-T-20 {\n margin-top: 20px;\n}\n\n.WM-Margin-T-45 {\n margin-top: 45px;\n}\n\n.WM-Margin-T-55 {\n margin-top: 55px;\n}\n\n.WM-Margin-T-100 {\n margin-top: 100px;\n}\n\n.WM-Margin-L-10 {\n margin-left: 10px;\n}\n\n.WM-Margin-R-10 {\n margin-right: 10px;\n}\n\n.WM-Margin-BT-20 {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n.WM-Margin-BT-5 {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.WM-Margin-B-10 {\n margin-bottom: 10px;\n}\n\n.WM-Margin-RL-15 {\n margin-left: 15px;\n margin-right: 15px;\n}\n\n/* --------------------------------------------------------\r\n Paddings :: Begin\r\n-------------------------------------------------------- */\n.WM-Padding-10 {\n padding: 10px;\n}\n\n/* --------------------------------------------------------\r\n Fonts :: Begin\r\n-------------------------------------------------------- */\n.WM-Font-12 {\n font-size: 12px;\n}\n\n.WM-Font-14 {\n font-size: 14px;\n}\n\n.WM-Font-16 {\n font-size: 16px;\n}\n\n.WM-Font-18 {\n font-size: 18px;\n}\n\n.WM-Font-20 {\n font-size: 20px;\n}\n\n.WM-Font-22 {\n font-size: 22px;\n}\n\n.WM-Font-24 {\n font-size: 24px;\n}\n\n.WM-Font-30 {\n font-size: 30px;\n}\n\n.WM-Font-36 {\n font-size: 36px;\n}\n\n.WM-Font-48 {\n font-size: 48px;\n}\n\n.WM-Font-52 {\n font-size: 52px;\n}\n\n.WM-Font-60 {\n font-size: 60px;\n}\n\n.WM-LineHeight-40 {\n line-height: 40px;\n}\n\n.WM-LetterSpacing-5 {\n letter-spacing: 5px;\n}\n\n.WM-LetterSpacing-10 {\n letter-spacing: 10px;\n}\n\n.WM-LetterSpacing-15 {\n letter-spacing: 15px;\n}\n\n/* --------------------------------------------------------\r\n Colors :: Begin\r\n-------------------------------------------------------- */\n.WM-BG-Red, .WM-Link-Red::after, .WM-Input.WM-Red + .WM-Input100-Focus::before {\n background-color: #ee3552;\n color: #fff;\n}\n\n.WM-Color-Red, .WM-Link-Red:hover, .WM-Link-Red.WM-Selected, .WM-Link-Red.WM-Active {\n color: #ee3552;\n}\n\n.WM-Border-Red, .WM-Hover-Red:hover {\n border-color: #ee3552;\n}\n\n.WM-BG-Orange, .WM-Link-Orange::after, .WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background-color: #FF6B57;\n color: #fff;\n}\n\n.WM-Color-Orange, .WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected, .WM-Link-Orange.WM-Active {\n color: #FF6B57;\n}\n\n.WM-Border-Orange, .WM-Hover-Orange:hover {\n border-color: #FF6B57;\n}\n\n.WM-BG-Yellow, .WM-Link-Yellow::after, .WM-Input.WM-Yellow + .WM-Input100-Focus::before {\n background-color: #ffd63a;\n color: #fff;\n}\n\n.WM-Color-Yellow, .WM-Link-Yellow:hover, .WM-Link-Yellow.WM-Selected, .WM-Link-Yellow.WM-Active {\n color: #ffd63a;\n}\n\n.WM-Border-Yellow, .WM-Hover-Yellow:hover {\n border-color: #ffd63a;\n}\n\n.WM-BG-Gold, .WM-Link-Gold::after, .WM-Input.WM-Gold + .WM-Input100-Focus::before {\n background-color: #ddcfbb;\n color: #fff;\n}\n\n.WM-Color-Gold, .WM-Link-Gold:hover, .WM-Link-Gold.WM-Selected, .WM-Link-Gold.WM-Active {\n color: #ddcfbb;\n}\n\n.WM-Border-Gold, .WM-Hover-Gold:hover {\n border-color: #ddcfbb;\n}\n\n.WM-BG-Purple, .WM-Link-Purple::after, .WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background-color: #ac3773;\n color: #fff;\n}\n\n.WM-Color-Purple, .WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected, .WM-Link-Purple.WM-Active {\n color: #ac3773;\n}\n\n.WM-Border-Purple, .WM-Hover-Purple:hover {\n border-color: #ac3773;\n}\n\n.WM-BG-Blue, .WM-Link-Blue::after, .WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background-color: #3498DB;\n color: #fff;\n}\n\n.WM-Color-Blue, .WM-Link-Blue:hover, .WM-Link-Blue.WM-Selected, .WM-Link-Blue.WM-Active {\n color: #3498DB;\n}\n\n.WM-Border-Blue, .WM-Hover-Blue:hover {\n border-color: #3498DB;\n}\n\n.WM-BG-Green, .WM-Link-Green::after, .WM-Input.WM-Green + .WM-Input100-Focus::before {\n background-color: #0d7e00;\n color: #fff;\n}\n\n.WM-Color-Green, .WM-Link-Green:hover, .WM-Link-Green.WM-Selected, .WM-Link-Green.WM-Active {\n color: #0d7e00;\n}\n\n.WM-Border-Green, .WM-Hover-Green:hover {\n border-color: #0d7e00;\n}\n\n.WM-BG-Cyan, .WM-Link-Cyan::after, .WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background-color: #32c5d2;\n color: #fff;\n}\n\n.WM-Color-Cyan, .WM-Link-Cyan:hover, .WM-Link-Cyan.WM-Selected, .WM-Link-Cyan.WM-Active {\n color: #32c5d2;\n}\n\n.WM-Border-Cyan, .WM-Hover-Cyan:hover {\n border-color: #32c5d2;\n}\n\n.WM-BG-LightGray, .WM-Link-LightGray::after, .WM-Input.WM-LightGray + .WM-Input100-Focus::before {\n background-color: #e6e6e6;\n color: #fff;\n}\n\n.WM-Color-LightGray, .WM-Link-LightGray:hover, .WM-Link-LightGray.WM-Selected, .WM-Link-LightGray.WM-Active {\n color: #e6e6e6;\n}\n\n.WM-Border-LightGray, .WM-Hover-LightGray:hover {\n border-color: #e6e6e6;\n}\n\n.WM-BG-Gray, .WM-Link-Gray::after, .WM-Input.WM-Gray + .WM-Input100-Focus::before {\n background-color: #797979;\n color: #fff;\n}\n\n.WM-Color-Gray, .WM-Link-Gray:hover, .WM-Link-Gray.WM-Selected, .WM-Link-Gray.WM-Active {\n color: #797979;\n}\n\n.WM-Border-Gray, .WM-Hover-Gray:hover {\n border-color: #797979;\n}\n\n.WM-BG-Dark, .WM-Link-Dark::after, .WM-Input.WM-Dark + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n\n.WM-Color-Dark, .WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected, .WM-Link-Dark.WM-Active {\n color: #2f353b;\n}\n\n.WM-Border-Dark, .WM-Hover-Dark:hover {\n border-color: #2f353b;\n}\n\n.WM-BG-Black, .WM-Link-Black::after, .WM-Input.WM-Black + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n\n.WM-Color-Black, .WM-Link-Black:hover, .WM-Link-Black.WM-Selected, .WM-Link-Black.WM-Active {\n color: #2f353b;\n}\n\n.WM-Border-Black, .WM-Hover-Black:hover {\n border-color: #2f353b;\n}\n\n.WM-BG-White, .WM-Link-White::after, .WM-Input.WM-White + .WM-Input100-Focus::before {\n background-color: #fff;\n color: #fff;\n}\n\n.WM-Color-White, .WM-Link-White:hover, .WM-Link-White.WM-Selected, .WM-Link-White.WM-Active {\n color: #fff;\n}\n\n.WM-Border-White, .WM-Hover-White:hover {\n border-color: #fff;\n}\n\n.WM-BG-LightGray {\n color: #000 !important;\n}", ""]);
// exports
@@ -98212,10 +98193,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var vuetify_dist_vuetify_min_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(vuetify_dist_vuetify_min_css__WEBPACK_IMPORTED_MODULE_12__);
/* harmony import */ var _assets_Font_Icons_css_fontello_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./assets/Font-Icons/css/fontello.css */ "./resources/js/assets/Font-Icons/css/fontello.css");
/* harmony import */ var _assets_Font_Icons_css_fontello_css__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_assets_Font_Icons_css_fontello_css__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _scss_vars_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./scss/_vars.scss */ "./resources/js/scss/_vars.scss");
-/* harmony import */ var _scss_vars_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_scss_vars_scss__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _scss_style_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./scss/style.scss */ "./resources/js/scss/style.scss");
-/* harmony import */ var _scss_style_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_scss_style_scss__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _scss_style_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./scss/style.scss */ "./resources/js/scss/style.scss");
+/* harmony import */ var _scss_style_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_scss_style_scss__WEBPACK_IMPORTED_MODULE_14__);
@@ -98233,7 +98212,6 @@ __webpack_require__.r(__webpack_exports__);
-
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
@@ -99735,36 +99713,6 @@ router.afterEach(function () {
/***/ }),
-/***/ "./resources/js/scss/_vars.scss":
-/*!**************************************!*\
- !*** ./resources/js/scss/_vars.scss ***!
- \**************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader!../../../node_modules/postcss-loader/src??ref--6-2!../../../node_modules/sass-loader/lib/loader.js??ref--6-3!./_vars.scss */ "./node_modules/css-loader/index.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./resources/js/scss/_vars.scss");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
/***/ "./resources/js/scss/style.scss":
/*!**************************************!*\
!*** ./resources/js/scss/style.scss ***!
diff --git a/resources/js/app.js b/resources/js/app.js
index 203a4cd..5f8f65f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -14,7 +14,6 @@ import 'material-design-icons-iconfont/dist/material-design-icons.css'
// import 'font-awesome/css/font-awesome.min.css'
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
import './assets/Font-Icons/css/fontello.css'
-import "./scss/_vars.scss";
import "./scss/style.scss";
diff --git a/resources/js/scss/style.scss b/resources/js/scss/style.scss
index 38fe132..d31e077 100644
--- a/resources/js/scss/style.scss
+++ b/resources/js/scss/style.scss
@@ -1,10 +1,3 @@
-@import '_vars.scss';
-@import 'Misc.scss';
-@import 'Inputs.scss';
-@import 'SizeAndPositioning.scss';
-@import 'Colors.scss';
-
-
@font-face {
font-family: 'Montserrat-Regular';
src: url('../assets/Fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), url('../assets/Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
@@ -92,3 +85,13 @@ a:hover {
transition: 0.2s;
cursor: pointer;
}
+
+.application {
+ font-family: "BYekan", "Montserrat-Regular" !important;
+}
+
+@import '_vars.scss';
+@import 'Misc.scss';
+@import 'Inputs.scss';
+@import 'SizeAndPositioning.scss';
+@import 'Colors.scss';
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index ca7c195..3bdf5bf 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -6,9 +6,8 @@
Laravel
-
-
+