@font-face {
  font-family: "iranyekan";
  src: url("fonts/Yekan.ttf") format("woff");
}
@font-face {
  font-family: "iransans";
  src: url("fonts/isans.woff2") format("woff");
}
@font-face {
  font-family: "bardia";
  src: url("fonts/Far.Bardiya.ttf") format("woff");
}
@font-face {
  font-family: "dastnevis";
  src: url("fonts/dastnevis.ttf") format("woff");
}
@font-face {
  font-family: "IranNastaliq";
  src: url("fonts/IranNastaliq.ttf") format("woff");
}
/* start text-color */
.text-color-black {
  color: #000;
}

.text-color-muted {
  color: #aaa;
}

.text-color-white {
  color: #fff;
}

.text-color-muted {
  color: #818181;
}

.text-color-gray {
  color: #7D7987;
}

.text-color-blue-1 {
  color: #9CF6FB;
}

.text-color-blue-2 {
  color: #2568FB;
}

.text-color-blue-3 {
  color: #4decf5;
}

.text-color-blue-4 {
  color: #4B9FE1;
}

.text-color-blue-5 {
  color: #1380d7;
}

.text-color-blue-6 {
  color: #28559A;
}

.text-color-blue-7 {
  color: #3b7cf3;
}

.text-color-blue-8 {
  color: #3f51b5;
}

.text-color-blue-9 {
  color: #1A2238;
}

.text-color-blue-10 {
  color: #112D58;
}

.text-color-abs1 {
  color: #FDF5DF;
}

.text-color-abs2 {
  color: #ABF62D;
}

.text-color-abs3 {
  color: #32f14a;
}

.text-color-abs4 {
  color: #2bc73e;
}

.text-color-abs5 {
  color: #229730;
}

.text-color-abs6 {
  color: #009688;
}

.text-color-abs7 {
  color: #3fb0ac;
}

.text-color-abs8 {
  color: #196e24;
}

.text-color-abs9 {
  color: #9DAAF2;
}

.text-color-abs10 {
  color: #D6A3FB;
}

.text-color-abs11 {
  color: #b176e7;
}

.text-color-abs12 {
  color: #ca9af5;
}

.text-color-abs13 {
  color: #8050ad;
}

.text-color-abs14 {
  color: #613887;
}

.text-color-abs15 {
  color: #6820ab;
}

.text-color-abs16 {
  color: #490B3D;
}

.text-color-abs17 {
  color: #f9aab7;
}

.text-color-abs18 {
  color: #fd98e7;
}

.text-color-abs19 {
  color: #e766cb;
}

.text-color-abs20 {
  color: #e72ebf;
}

.text-color-abs21 {
  color: #bb339d;
}

.text-color-abs22 {
  color: #f309f3;
}

.text-color-abs23 {
  color: #d306d3;
}

.text-color-abs24 {
  color: #b578b5;
}

.text-color-abs25 {
  color: #e70a55;
}

.text-color-abs26 {
  color: #e56792;
}

.text-color-abs27 {
  color: #e72f6e;
}

.text-color-abs28 {
  color: #F92C85;
}

.text-color-abs29 {
  color: #98a749;
}

.text-color-abs30 {
  color: #798b1e;
}

.text-color-abs31 {
  color: #b5d902;
}

.text-color-abs32 {
  color: #c5e331;
}

.text-color-abs33 {
  color: #607202;
}

.text-color-abs34 {
  color: #f59f02;
}

.text-color-abs35 {
  color: #f3ad2e;
}

.text-color-abs36 {
  color: #f59f02;
}

.text-color-red-1 {
  color: #ff0000;
}

.text-color-red-2 {
  color: #eb4b4b;
}

.text-color-red-3 {
  color: #e32424;
}

.text-color-red-4 {
  color: #db0404;
}

.text-color-red-5 {
  color: #d11b1b;
}

.text-color-red-6 {
  color: #fa292a;
}
.text-color-yellow-1 {
  color: #f1e332;
}

.text-color-yellow-2 {
  color: #FECD45;
}

.text-color-ayellow-3 {
  color: #f3f303;
}

.text-color-ayellow-4 {
  color: #f5f500;
}

.text-color-orange-1 {
  color: #ff5722;
}

.text-color-orange-2 {
  color: #f57b54;
}

.text-color-orange-3 {
  color: #e9582a;
}

.text-color-orange-4 {
  color: #e93d06;
}

.text-color-orange-5 {
  color: #ff6a3d;
}
/* end text-color */



/*start bg-color */
.bg-color-black {
  background-color: #000;
}

.bg-color-muted {
  background-color: #aaa;
}

.bg-color-white {
  background-color: #fff;
}

.bg-color-muted {
  background-color: #818181;
}

.bg-color-gray {
  background-color: #7D7987;
}

.bg-color-blue-1 {
  background-color: #9CF6FB;
}

.bg-color-blue-2 {
  background-color: #2568FB;
}

.bg-color-blue-3 {
  background-color: #4decf5;
}

.bg-color-blue-4 {
  background-color: #4B9FE1;
}

.bg-color-blue-5 {
  background-color: #1380d7;
}

.bg-color-blue-6 {
  background-color: #28559A;
}

.bg-color-blue-7 {
  background-color: #3b7cf3;
}

.bg-color-blue-8 {
  background-color: #3f51b5;
}

.bg-color-blue-9 {
  background-color: #1A2238;
}

.bg-color-blue-10 {
  background-color: #112D58;
}

.bg-color-abs1 {
  background-color: #FDF5DF;
}

.bg-color-abs2 {
  background-color: #ABF62D;
}

.bg-color-abs3 {
  background-color: #32f14a;
}

.bg-color-abs4 {
  background-color: #2bc73e;
}

.bg-color-abs5 {
  background-color: #229730;
}

.bg-color-abs6 {
  background-color: #009688;
}

.bg-color-abs7 {
  background-color: #3fb0ac;
}

.bg-color-abs8 {
  background-color: #196e24;
}

.bg-color-abs9 {
  background-color: #9DAAF2;
}

.bg-color-abs10 {
  background-color: #D6A3FB;
}

.bg-color-abs11 {
  background-color: #b176e7;
}

.bg-color-abs12 {
  background-color: #ca9af5;
}

.bg-color-abs13 {
  background-color: #8050ad;
}

.bg-color-abs14 {
  background-color: #613887;
}

.bg-color-abs15 {
  background-color: #6820ab;
}

.bg-color-abs16 {
  background-color: #490B3D;
}

.bg-color-abs17 {
  background-color: #f9aab7;
}

.bg-color-abs18 {
  background-color: #fd98e7;
}

.bg-color-abs19 {
  background-color: #e766cb;
}

.bg-color-abs20 {
  background-color: #e72ebf;
}

.bg-color-abs21 {
  background-color: #bb339d;
}

.bg-color-abs22 {
  background-color: #f309f3;
}

.bg-color-abs23 {
  background-color: #d306d3;
}

.bg-color-abs24 {
  background-color: #b578b5;
}

.bg-color-abs25 {
  background-color: #e70a55;
}

.bg-color-abs26 {
  background-color: #e56792;
}

.bg-color-abs27 {
  background-color: #e72f6e;
}

.bg-color-abs28 {
  background-color: #F92C85;
}

.bg-color-abs29 {
  background-color: #98a749;
}

.bg-color-abs30 {
  background-color: #798b1e;
}

.bg-color-abs31 {
  background-color: #b5d902;
}

.bg-color-abs32 {
  background-color: #c5e331;
}

.bg-color-abs33 {
  background-color: #607202;
}

.bg-color-abs34 {
  background-color: #f59f02;
}

.bg-color-abs35 {
  background-color: #f3ad2e;
}

.bg-color-abs36 {
  background-color: #f59f02;
}

.bg-color-red-1 {
  background-color: #ff0000;
}

.bg-color-red-2 {
  background-color: #eb4b4b;
}

.bg-color-red-3 {
  background-color: #e32424;
}

.bg-color-red-4 {
  background-color: #db0404;
}

.bg-color-red-5 {
  background-color: #d11b1b;
}

.bg-color-red-6 {
  background-color: #fa292a;
}
.bg-color-yellow-1 {
  background-color: #f1e332;
}

.bg-color-yellow-2 {
  background-color: #FECD45;
}

.bg-color-yellow-3 {
  background-color: #f3f303;
}

.bg-color-yellow-4 {
  background-color: #f5f500;
}

.bg-color-orange-1 {
  background-color: #ff5722;
}

.bg-color-orange-2 {
  background-color: #f57b54;
}

.bg-color-orange-3 {
  background-color: #e9582a;
}

.bg-color-orange-4 {
  background-color: #e93d06;
}

.bg-color-orange-5 {
  background-color: #ff6a3d;
}

/* end bg-color */
/******* start border custom style ********/
.border-solid-1 {
  border: 1px solid;
}

.border-solid-2 {
  border: 2px solid;
}

.border-solid-3 {
  border: 3px solid;
}

.border-solid-4 {
  border: 4px solid;
}

.border-solid-5 {
  border: 5px solid;
}

.border-dashed-1 {
  border: 1px dashed;
}

.border-dashed-2 {
  border: 2px dashed;
}

.border-dashed-3 {
  border: 3px dashed;
}

.border-dashed-4 {
  border: 4px dashed;
}

.border-dashed-5 {
  border: 5px dashed;
}

.border-dotted-1 {
  border: 1px dotted;
}

.border-dotted-2 {
  border: 2px dotted;
}

.border-dotted-3 {
  border: 3px dotted;
}

.border-dotted-4 {
  border: 4px dotted;
}

.border-dotted-5 {
  border: 5px dotted;
}




.border-color-black {
  border-color: #000 !important;
}
.border-color-blue {
  border-color: #03a9f4 !important;
}
.border-color-lightblue {
  border-color: #95d3ef !important;
}
.border-color-darkblue {
  border-color: #2196f3 !important;
}
.border-color-red {
  border-color: #f30000 !important;
}
.border-color-pink {
  border-color: #efb6c0 !important;
}
.border-color-darkpink {
  border-color: #cf22cf !important;
}
.border-color-green {
  border-color: #66e76b !important;
}
.border-color-darkgreen {
  border-color: #30a335 !important;
}
.border-color-yellow {
  border-color: #fdc134 !important;
}
.border-color-white {
  border-color: #fff !important;
}
.border-color-darkgray {
  border-color: #a9a6a6 !important;
}
.border-color-lightgray {
  border-color: #eee !important;
}
.border-color-gray {
  border-color: #ddd !important;
}
.border-color-orange {
  border-color: #f57b54 !important;
}




/****** end border custom style ********/
/*start title custom-style */
.title-size-14 {
  font-size: 14px;
}
.title-size-16 {
  font-size: 16px;
}
.title-size-18 {
  font-size: 18px;
}
.title-size-20 {
  font-size: 20px;
}
.title-size-25 {
  font-size: 25px;
}
.title-size-30 {
  font-size: 30px;
}
.title-size-35 {
  font-size: 35px;
}


.active-title-size-14 {
  font-size: 14px;
}
.active-title-size-16 {
  font-size: 16px;
}
.active-title-size-18 {
  font-size: 18px;
}
.active-title-size-20 {
  font-size: 20px;
}
.active-title-size-25 {
  font-size: 25px;
}
.active-title-size-30 {
  font-size: 30px;
}
.active-title-size-35 {
  font-size: 35px;
}

.title-font-family-1 {
  font-family: "iransans";
}
.title-font-family-2 {
  font-family: "iranyekan";
}
.title-font-family-3 {
  font-family: "bardia";
}
.title-font-family-4 {
  font-family: "dastnevis";
}
.title-font-family-5 {
  font-family: "IranNastaliq";
}


.active-title-font-family-1 {
  font-family: "iransans";
}
.active-title-font-family-2 {
  font-family: "iranyekan";
}
.active-title-font-family-3 {
  font-family: "bardia";
}
.active-title-font-family-4 {
  font-family: "dastnevis";
}
.active-title-font-family-5 {
  font-family: "IranNastaliq";
}


.title-line-height-1 {
  line-height: 28px;
}

.title-line-height-2 {
  line-height: 35px;
}

.title-line-height-3 {
  line-height: 40px;
}

.title-line-height-4 {
  line-height: 45px;
}

.title-line-height-5 {
  line-height: 53px;
}

.title-font-weight-200 {
  font-weight: 200;
}

.title-font-weight-300 {
  font-weight: 300;
}

.title-font-weight-400 {
  font-weight: 400;
}

.title-font-weight-500 {
  font-weight: 500;
}

.title-font-weight-600 {
  font-weight: 600;
}



.title-textalign-right {
  text-align: right;
}

.title-textalign-left {
  text-align: left;
}

.title-textalign-center {
  text-align: center;
}






.active-title-textalign-right {
  text-align: right;
}

.active-title-textalign-left {
  text-align: left;
}

.active-title-textalign-center {
  text-align: center;
}

/************ end title custom-style ************/
/*********** start .p custom-style *************/
.p-size-12 {
  font-size: 12px !important;
}

.p-size-13 {
  font-size: 13px !important;
}

.p-size-14 {
  font-size: 14px !important;
}

.p-size-15 {
  font-size: 15px !important;
}

.p-size-16 {
  font-size: 16px !important;
}

.p-size-18 {
  font-size: 18px !important;
}

.p-size-20 {
  font-size: 20px !important;
}

.p-size-25 {
  font-size: 25px !important;
}

.p-font-family-1 {
  font-family: "iransans";
}

.p-font-family-2 {
  font-family: "iranyekan";
}

.p-font-family-3 {
  font-family: "bardia";
}

.p-font-family-4 {
  font-family: "dastnevis";
}

.p-font-family-5 {
  font-family: "IranNastaliq";
}

.p-font-weight-200 {
  font-weight: 200;
}

.p-font-weight-300 {
  font-weight: 300;
}

.p-font-weight-400 {
  font-weight: 400;
}

.p-font-weight-500 {
  font-weight: 500;
}

.p-font-weight-600 {
  font-weight: 600;
}

.p-line-height-1 {
  line-height: 24px;
}

.p-line-height-2 {
  line-height: 29px;
}

.p-line-height-3 {
  line-height: 35px;
}

.p-line-height-4 {
  line-height: 38px;
}

.p-textalign-right {
  text-align: right;
}

.p-textalign-left {
  text-align: left;
}

.p-textalign-center {
  text-align: center;
}

/*********** end .p custom-style **************//*# sourceMappingURL=custom-class.css.map */




/*********** end .p custom-style **************/
/* start border-radius */
.border-radius-1 {
  border-radius: 3px;
}

.border-radius-2 {
  border-radius: 5px;
}

.border-radius-3 {
  border-radius: 10px;
}

.border-radius-4 {
  border-radius: 15px;
}

.border-radius-5 {
  border-radius: 20px;
}

.border-radius-6 {
  border-radius: 25px;
}

.border-radius-7 {
  border-radius: 35px;
}

.border-radius-8 {
  border-radius: 50%;
}


.active-border-radius-1 {
  border-radius: 3px;
}

.active-border-radius-2 {
  border-radius: 5px;
}

.active-border-radius-3 {
  border-radius: 10px;
}

.active-border-radius-4 {
  border-radius: 15px;
}

.active-border-radius-5 {
  border-radius: 20px;
}

.active-border-radius-6 {
  border-radius: 25px;
}

.active-border-radius-7 {
  border-radius: 35px;
}

.active-border-radius-8 {
  border-radius: 50%;
}

/* end border-radius */
/* start textalign */
.textalign-center {
  text-align: center;
}

.textalign-right {
  text-align: right;
}

.textalign-left {
  text-align: left;
}

.textalign-justify {
  text-align: justify;
}

/* end text-align */
/* start */
.line-height-1 {
  line-height: 18px;
}

.line-height-2 {
  line-height: 20px;
}

.line-height-3 {
  line-height: 24px;
}

.line-height-4 {
  line-height: 29px;
}

.line-height-5 {
  line-height: 35px;
}

.line-height-6 {
  line-height: 38px;
}

/* end */
/* start font-weight */
.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

/* end font-weight */
.p-textalign-justify {
  text-align: justify;
}

.direction-rtl {
  direction: rtl;
}

.direction-ltr {
  direction: ltr;
}

/* start text-decoration */

.text-decoration-line-overline-red {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-line-overline-blue {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-line-overline-purple {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-line-overline-yellow {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: #fdc134;
  text-decoration-color: #fdc134;
}
.text-decoration-line-overline-green {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-line-overline-gray {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}



.text-decoration-line-through-red {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-line-through-blue {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-line-through-purple {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-line-through-yellow {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: #fdc134;
  text-decoration-color: #fdc134;
}
.text-decoration-line-through-green {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-line-through-gray {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}



.text-decoration-line-underline-red {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-line-underline-blue {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-line-underline-purple {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-line-underline-yellow {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-line-underline-green {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-line-underline-gray {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}



.text-decoration-line-two-line-red {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-line-two-line-blue {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-line-two-line-purple {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-line-two-line-yellow {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-line-two-line-green {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-line-two-line-gray {
  -webkit-text-decoration-line: overline underline;
  text-decoration-line: overline underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}




.text-decoration-style-underline-red {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-style-underline-blue {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-style-underline-purple {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-style-underline-yellow {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-style-underline-green {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-style-underline-gray {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}



.text-decoration-style-dotted-red {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-style-dotted-blue {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-style-dotted-purple {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-style-dotted-yellow {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-style-dotted-green {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-style-dotted-gray {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}



.text-decoration-style-dashed-red {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-style-dashed-blue {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-style-dashed-purple {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-style-dashed-yellow {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-style-dashed-green {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-style-dashed-gray {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}


.text-decoration-style-wavy-red {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}
.text-decoration-style-wavy-blue {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
}
.text-decoration-style-wavy-purple {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: purple;
  text-decoration-color: purple;
}
.text-decoration-style-wavy-yellow {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: yellow;
  text-decoration-color: yellow;
}
.text-decoration-style-wavy-green {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}
.text-decoration-style-wavy-gray {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}


/* end text-decoration */
/* text-shadow */
.text-shadow-red {
  text-shadow: 2px 2px 5px #f9a2a2;
}

.text-shadow-blue {
  text-shadow: 2px 2px 5px #99cdf7;
}

.text-shadow-green {
  text-shadow: 2px 2px 5px #d4f1b2;
}

.text-shadow-gray {
  text-shadow: 2px 2px 5px #bfc3ba;
}

.text-shadow-yellow {
  text-shadow: 2px 2px 5px #f5eeac;
}


.letter-spacing-5 {
  letter-spacing: 5px;
}

.letter-spacing-0 {
  letter-spacing: 0;
}

.letter-spacing-10 {
  word-spacing: 10px;
}


.box-shadow {
  box-shadow: 0px 0px 20px 0px #eee;
}

.box-shadow-med {
  box-shadow: 0px 0px 20px 0px #e9e3e3;
}

.box-shadow-dark {
  box-shadow: 0px 0px 20px 0px #b5b5b5;
}

/* end text-shadow */
/* start padding style */



.me-p-0 {
  padding: 0;
}
.me-p-1 {
  padding: 4px;
}
.me-p-2 {
  padding: 8px;
}
.me-p-3 {
  padding: 16px;
}
.me-p-4 {
  padding: 22px;
}
.me-p-5 {
  padding: 30px;
}
.me-p-6 {
  padding: 35px;
}
.me-p-7 {
  padding: 40px;
}


.me-px-0 {
  padding-right: 0;
  padding-left: 0;
}
.me-px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.me-px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.me-px-3 {
  padding-right: 16px;
  padding-left: 16px;
}
.me-px-4 {
  padding-right: 22px;
  padding-left: 22px;
}
.me-px-5 {
  padding-right: 30px;
  padding-left: 30px;
}
.me-px-6 {
  padding-right: 35px;
  padding-left: 35px;
}
.me-px-7 {
  padding-right: 40px;
  padding-left: 40px;
}



.me-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.me-py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.me-py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.me-py-3 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.me-py-4 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.me-py-5 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.me-py-6 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.me-py-7 {
  padding-top: 40px;
  padding-bottom: 40px;
}


.me-pt-0 {
  padding-top: 0;
}
.me-pt-1 {
  padding-top: 4px;
}
.me-pt-2 {
  padding-top: 8px;
}
.me-pt-3 {
  padding-top: 16px;
}
.me-pt-4 {
  padding-top: 22px;
}
.me-pt-5 {
  padding-top: 30px;
}
.me-pt-6 {
  padding-top: 35px;
}
.me-pt-7 {
  padding-top: 40px;
}



.me-pb-0 {
  padding-bottom: 0;
}
.me-pb-1 {
  padding-bottom: 4px;
}
.me-pb-2 {
  padding-bottom: 8px;
}
.me-pb-3 {
  padding-bottom: 16px;
}
.me-pb-4 {
  padding-bottom: 22px;
}
.me-pb-5 {
  padding-bottom: 30px;
}
.me-pb-6 {
  padding-bottom: 35px;
}
.me-pb-7 {
  padding-bottom: 40px;
}



.me-pr-0 {
  padding-right: 0;
}
.me-pr-1 {
  padding-right: 4px;
}
.me-pr-2 {
  padding-right: 8px;
}
.me-pr-3 {
  padding-right: 16px;
}
.me-pr-4 {
  padding-right: 22px;
}
.me-pr-5 {
  padding-right: 30px;
}
.me-pr-6 {
  padding-right: 35px;
}
.me-pr-7 {
  padding-right: 40px;
}






.me-pl-0 {
  padding-left: 0;
}
.me-pl-1 {
  padding-left: 4px;
}
.me-pl-2 {
  padding-left: 8px;
}
.me-pl-3 {
  padding-left: 16px;
}
.me-pl-4 {
  padding-left: 22px;
}
.me-pl-5 {
  padding-left: 30px;
}
.me-pl-6 {
  padding-left: 35px;
}
.me-pl-7 {
  padding-left: 40px;
}






/* end padding style */
/* start margin style */
.me-m-0 {
  margin: 0;
}
.me-m-1 {
  margin: 4px;
}
.me-m-2 {
  margin: 8px;
}
.me-m-3 {
  margin: 16px;
}
.me-m-4 {
  margin: 22px;
}
.me-m-5 {
  margin: 30px;
}
.me-m-6 {
  margin: 35px;
}
.me-m-7 {
  margin: 40px;
}


.me-mx-1 {
  margin-right: 4px;
  margin-left: 4px;
}
.me-mx-2 {
  margin-right: 8px;
  margin-left: 8px;
}
.me-mx-3 {
  margin-right: 16px;
  margin-left: 16px;
}
.me-mx-4 {
  margin-right: 22px;
  margin-left: 22px;
}
.me-mx-5 {
  margin-right: 30px;
  margin-left: 30px;
}
.me-mx-6 {
  margin-right: 35px;
  margin-left: 35px;
}
.me-mx-7 {
  margin-right: 40px;
  margin-left: 40px;
}
.me-mx-auto {
  margin-right: auto;
  margin-left: auto;
}



.me-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.me-my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.me-my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.me-my-3 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.me-my-4 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.me-my-5 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.me-my-6 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.me-my-7 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.me-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}




.me-mt-0 {
  margin-top: 0;
}
.me-mt-1 {
  margin-top: 4px;
}
.me-mt-2 {
  margin-top: 8px;
}
.me-mt-3 {
  margin-top: 16px;
}
.me-mt-4 {
  margin-top: 22px;
}
.me-mt-5 {
  margin-top: 30px;
}
.me-mt-6 {
  margin-top: 35px;
}
.me-mt-7 {
  margin-top: 40px;
}
.me-mt-auto {
  margin-top: auto;
}




.me-mb-0 {
  margin-bottom: 0;
}
.me-mb-1 {
  margin-bottom: 4px;
}
.me-mb-2 {
  margin-bottom: 8px;
}
.me-mb-3 {
  margin-bottom: 16px;
}
.me-mb-4 {
  margin-bottom: 22px;
}
.me-mb-5 {
  margin-bottom: 30px;
}
.me-mb-6 {
  margin-bottom: 35px;
}
.me-mb-7 {
  margin-bottom: 40px;
}
.me-mb-auto {
  margin-bottom: auto;
}




.me-mr-0 {
  margin-right: 0;
}
.me-mr-1 {
  margin-right: 4px;
}
.me-mr-2 {
  margin-right: 8px;
}
.me-mr-3 {
  margin-right: 16px;
}
.me-mr-4 {
  margin-right: 22px;
}
.me-mr-5 {
  margin-right: 30px;
}
.me-mr-6 {
  margin-right: 35px;
}
.me-mr-7 {
  margin-right: 40px;
}
.me-mr-auto {
  margin-right: auto;
}

.me-ml-0 {
  margin-left: 0;
}
.me-ml-1 {
  margin-left: 4px;
}
.me-ml-2 {
  margin-left: 8px;
}
.me-ml-3 {
  margin-left: 16px;
}
.me-ml-4 {
  margin-left: 22px;
}
.me-ml-5 {
  margin-left: 30px;
}
.me-ml-6 {
  margin-left: 35px;
}
.me-ml-7 {
  margin-left: 40px;
}
.me-ml-auto {
  margin-left: auto;
}





/****************************************** */
.active-me-p-0 {
  padding: 0;
}
.active-me-p-1 {
  padding: 4px;
}
.active-me-p-2 {
  padding: 8px;
}
.active-me-p-3 {
  padding: 16px;
}
.active-me-p-4 {
  padding: 22px;
}
.active-me-p-5 {
  padding: 30px;
}
.active-me-p-6 {
  padding: 35px;
}
.active-me-p-7 {
  padding: 40px;
}


.active-me-px-0 {
  padding-right: 0;
  padding-left: 0;
}
.active-me-px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.active-me-px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.active-me-px-3 {
  padding-right: 16px;
  padding-left: 16px;
}
.active-me-px-4 {
  padding-right: 22px;
  padding-left: 22px;
}
.active-me-px-5 {
  padding-right: 30px;
  padding-left: 30px;
}
.active-me-px-6 {
  padding-right: 35px;
  padding-left: 35px;
}
.active-me-px-7 {
  padding-right: 40px;
  padding-left: 40px;
}



.active-me-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.active-me-py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.active-me-py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.active-me-py-3 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.active-me-py-4 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.active-me-py-5 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.active-me-py-6 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.active-me-py-7 {
  padding-top: 40px;
  padding-bottom: 40px;
}


.active-me-pt-0 {
  padding-top: 0;
}
.active-me-pt-1 {
  padding-top: 4px;
}
.active-me-pt-2 {
  padding-top: 8px;
}
.active-me-pt-3 {
  padding-top: 16px;
}
.active-me-pt-4 {
  padding-top: 22px;
}
.active-me-pt-5 {
  padding-top: 30px;
}
.active-me-pt-6 {
  padding-top: 35px;
}
.active-me-pt-7 {
  padding-top: 40px;
}



.active-me-pb-0 {
  padding-bottom: 0;
}
.active-me-pb-1 {
  padding-bottom: 4px;
}
.active-me-pb-2 {
  padding-bottom: 8px;
}
.active-me-pb-3 {
  padding-bottom: 16px;
}
.active-me-pb-4 {
  padding-bottom: 22px;
}
.active-me-pb-5 {
  padding-bottom: 30px;
}
.active-me-pb-6 {
  padding-bottom: 35px;
}
.active-me-pb-7 {
  padding-bottom: 40px;
}



.active-me-pr-0 {
  padding-right: 0;
}
.active-me-pr-1 {
  padding-right: 4px;
}
.active-me-pr-2 {
  padding-right: 8px;
}
.active-me-pr-3 {
  padding-right: 16px;
}
.active-me-pr-4 {
  padding-right: 22px;
}
.active-me-pr-5 {
  padding-right: 30px;
}
.active-me-pr-6 {
  padding-right: 35px;
}
.active-me-pr-7 {
  padding-right: 40px;
}






.active-me-pl-0 {
  padding-left: 0;
}
.active-me-pl-1 {
  padding-left: 4px;
}
.active-me-pl-2 {
  padding-left: 8px;
}
.active-me-pl-3 {
  padding-left: 16px;
}
.active-me-pl-4 {
  padding-left: 22px;
}
.active-me-pl-5 {
  padding-left: 30px;
}
.active-me-pl-6 {
  padding-left: 35px;
}
.active-me-pl-7 {
  padding-left: 40px;
}






/* end padding style */
/* start margin style */
.active-me-m-0 {
  margin: 0;
}
.active-me-m-1 {
  margin: 4px;
}
.active-me-m-2 {
  margin: 8px;
}
.active-me-m-3 {
  margin: 16px;
}
.active-me-m-4 {
  margin: 22px;
}
.active-me-m-5 {
  margin: 30px;
}
.active-me-m-6 {
  margin: 35px;
}
.me-m-7 {
  margin: 40px;
}


.active-me-mx-1 {
  margin-right: 4px;
  margin-left: 4px;
}
.active-me-mx-2 {
  margin-right: 8px;
  margin-left: 8px;
}
.active-me-mx-3 {
  margin-right: 16px;
  margin-left: 16px;
}
.active-me-mx-4 {
  margin-right: 22px;
  margin-left: 22px;
}
.active-me-mx-5 {
  margin-right: 30px;
  margin-left: 30px;
}
.active-me-mx-6 {
  margin-right: 35px;
  margin-left: 35px;
}
.active-me-mx-7 {
  margin-right: 40px;
  margin-left: 40px;
}
.active-me-mx-auto {
  margin-right: auto;
  margin-left: auto;
}



.active-me-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.active-me-my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.active-me-my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.active-me-my-3 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.active-me-my-4 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.active-me-my-5 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.active-me-my-6 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.active-me-my-7 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.active-me-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}




.active-me-mt-0 {
  margin-top: 0;
}
.active-me-mt-1 {
  margin-top: 4px;
}
.active-me-mt-2 {
  margin-top: 8px;
}
.active-me-mt-3 {
  margin-top: 16px;
}
.active-me-mt-4 {
  margin-top: 22px;
}
.active-me-mt-5 {
  margin-top: 30px;
}
.active-me-mt-6 {
  margin-top: 35px;
}
.active-me-mt-7 {
  margin-top: 40px;
}
.active-me-mt-auto {
  margin-top: auto;
}




.active-me-mb-0 {
  margin-bottom: 0;
}
.active-me-mb-1 {
  margin-bottom: 4px;
}
.active-me-mb-2 {
  margin-bottom: 8px;
}
.active-me-mb-3 {
  margin-bottom: 16px;
}
.active-me-mb-4 {
  margin-bottom: 22px;
}
.active-me-mb-5 {
  margin-bottom: 30px;
}
.active-me-mb-6 {
  margin-bottom: 35px;
}
.active-me-mb-7 {
  margin-bottom: 40px;
}
.active-me-mb-auto {
  margin-bottom: auto;
}




.active-me-mr-0 {
  margin-right: 0;
}
.active-me-mr-1 {
  margin-right: 4px;
}
.active-me-mr-2 {
  margin-right: 8px;
}
.active-me-mr-3 {
  margin-right: 16px;
}
.active-me-mr-4 {
  margin-right: 22px;
}
.active-me-mr-5 {
  margin-right: 30px;
}
.active-me-mr-6 {
  margin-right: 35px;
}
.active-me-mr-7 {
  margin-right: 40px;
}
.active-me-mr-auto {
  margin-right: auto;
}

.active-me-ml-0 {
  margin-left: 0;
}
.active-me-ml-1 {
  margin-left: 4px;
}
.active-me-ml-2 {
  margin-left: 8px;
}
.active-me-ml-3 {
  margin-left: 16px;
}
.active-me-ml-4 {
  margin-left: 22px;
}
.active-me-ml-5 {
  margin-left: 30px;
}
.active-me-ml-6 {
  margin-left: 35px;
}
.active-me-ml-7 {
  margin-left: 40px;
}
.active-me-ml-auto {
  margin-left: auto;
}

/* end padding style */
/* start btn style */
a {
  display: inline-block;
}

.me-btn {
  display: inline-block;
  padding: 14px 22px;
  transition: all 0.3s;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}

.me-btn-bg-black {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.me-btn-bg-white {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
}

.me-btn-bg-white:hover {
  background-color: #e0d9d9 !important;
  color: #000 !important;
}
.me-btn-bg-black:hover {
  background-color: #333 !important;
  color: #fff !important;
}

.me-btn-bg-muted {
  background-color: #818181 !important;
  border-color: #818181 !important;
  color: #fff !important;
}

.me-btn-bg-muted:hover {
  background-color: #646464 !important;
  color: #fff !important;
}

.me-btn-bg-gray {
  background-color: #7D7987 !important;
  border-color: #7D7987 !important;
  color: #fff !important;
}

.me-btn-bg-gray:hover {
  background-color: #6c6974 !important;
  color: #fff !important;
}

.me-btn-bg-blue-1 {
  background-color: #112D58 !important;
  border-color: #112D58 !important;
  color: #fff !important;
}

.me-btn-bg-blue-1:hover {
  background-color: #0b2141 !important;
  color: #fff !important;
}

.me-btn-bg-blue-2 {
  background-color: #2becf7 !important;
  border-color: #2becf7 !important;
  color: #fff !important;
}

.me-btn-bg-blue-2:hover {
  background-color: #29d3dd !important;
  color: #fff !important;
}

.me-btn-bg-blue-3 {
  background-color: #1380d7 !important;
  border-color: #1380d7 !important;
  color: #fff !important;
}

.me-btn-bg-blue-3:hover {
  background-color: #0f6fbd !important;
  color: #fff !important;
}

.me-btn-bg-blue-4 {
  background-color: #28559A !important;
  border-color: #28559A !important;
  color: #fff !important;
}

.me-btn-bg-blue-4:hover {
  background-color: #244c88 !important;
  color: #fff !important;
}

.me-btn-bg-blue-5 {
  background-color: #3b7cf3 !important;
  border-color: #3b7cf3 !important;
  color: #fff !important;
}

.me-btn-bg-blue-5:hover {
  background-color: #3771df !important;
  color: #fff !important;
}

.me-btn-bg-abs1 {
  background-color: #FDF5DF !important;
  color: #333 !important;
  border-color: #FDF5DF !important;
}

.me-btn-bg-abs1:hover {
  background-color: #eee6d1 !important;
}

.me-btn-bg-abs9 {
  background-color: #9DAAF2 !important;
  border-color: #9DAAF2 !important;
  color: #fff !important;
}

.me-btn-bg-abs9:hover {
  background-color: #8f9ce5 !important;
  color: #fff !important;
}

.me-btn-bg-abs10 {
  background-color: #b176e7 !important;
  border-color: #b176e7 !important;
  color: #fff !important;
}

.me-btn-bg-abs10:hover {
  background-color: #a870dd !important;
  color: #fff !important;
}

.me-btn-bg-abs11 {
  background-color: #8050ad !important;
  border-color: #8050ad !important;
  color: #fff !important;
}

.me-btn-bg-abs11:hover {
  background-color: #7649a0 !important;
  color: #fff !important;
}

.me-btn-bg-abs12 {
  background-color: #6820ab !important;
  border-color: #6820ab !important;
  color: #fff !important;
}

.me-btn-bg-abs12:hover {
  background-color: rgb(110, 66, 151) !important;
  color: #fff !important;
}

.me-btn-bg-abs18 {
  background-color: #fd98e7 !important;
  border: 1px solid #fd98e7 !important;
  color: #fff !important;
}

.me-btn-bg-abs18:hover {
  background-color: #eb8bd6 !important;
  color: #fff !important;
}

.me-btn-bg-abs19 {
  background-color: #e72ebf !important;
  border: 1px solid #e72ebf !important;
  color: #fff !important;
}

.me-btn-bg-abs19:hover {
  background-color: #c52fa4 !important;
  color: #fff !important;
}

.me-btn-bg-abs20 {
  background-color: #bb339d !important;
  border: 1px solid #bb339d !important;
  color: #fff !important;
}

.me-btn-bg-abs20:hover {
  background-color: #ac2f91 !important;
  color: #fff !important;
}

.me-btn-bg-abs21 {
  background-color: #d306d3 !important;
  border: 1px solid #d306d3 !important;
  color: #fff !important;
}

.me-btn-bg-abs21:hover {
  background-color: #c206c2 !important;
  color: #fff !important;
}

.me-btn-bg-abs22 {
  background-color: #f3ad2e !important;
  border-color: #f3ad2e !important;
  color: #fff !important;
}

.me-btn-bg-abs22:hover {
  background-color: #e2a32d !important;
  color: #fff !important;
}

.me-btn-bg-green1 {
  background-color: #229730 !important;
  border-color: #229730 !important;
  color: #fff !important;
}

.me-btn-bg-green1:hover {
  background-color: #1e882b !important;
  color: #fff !important;
}

.me-btn-bg-green2 {
  background-color: #3fb0ac !important;
  border-color: #3fb0ac !important;
  color: #fff !important;
}

.me-btn-bg-green2:hover {
  background-color: #038a7c !important;
  color: #fff !important;
}

.me-btn-bg-green3 {
  background-color: #44b953 !important;
  border-color: #44b953 !important;
  color: #fff !important;
}

.me-btn-bg-green3:hover {
  background-color: #35a143 !important;
  color: #fff !important;
}

.me-btn-bg-green4 {
  background-color: #b5d902 !important;
}

.me-btn-bg-green4:hover {
  background-color: #a5c505 !important;
  color: #fff !important;
}

.me-btn-bg-red-1 {
  background-color: #e90202 !important;
  border-color: #e90202 !important;
  color: #fff !important;
}

.me-btn-bg-red-1:hover {
  background-color: #d60404 !important;
  color: #fff !important;
}

.me-btn-bg-red-2 {
  background-color: #ff4646 !important;
  border-color: #ff4646 !important;
  color: #fff !important;
}

.me-btn-bg-red-2:hover {
  background-color: #f33b3b !important;
  color: #fff !important;
}

.me-btn-bg-yellow-1 {
  background-color: #f1e332 !important;
  border-color: #f1e332 !important;
  color: #fff !important;
}

.me-btn-bg-yellow-1:hover {
  background-color: #e6d92e !important;
  color: #fff !important;
}

.me-btn-bg-orange-1 {
  background-color: #ff5722 !important;
  border: 1px solid #ff5722 !important;
  color: #fff;
}

.me-btn-bg-orange-1:hover {
  background-color: #f14d1c !important;
  color: #fff !important;
}

.me-btn-bg-orange-2 {
  background-color: #e93d06 !important;
  border: 1px solid #e93d06 !important;
  color: #fff !important;
}

.me-btn-bg-orange-2:hover {
  background-color: #d43804 !important;
  color: #fff !important;
}

















/* -------------------------------- */
/* ---------- ACTIVE TAB ---------- */
/* -------------------------------- */
.active-btn-bg-black {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.active-btn-bg-black:hover {
  background-color: #333 !important;
  color: #fff !important;
}
.active-btn-bg-white {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
}

.active-btn-bg-white:hover {
  background-color: #e0d9d9 !important;
  color: #000 !important;
}
.active-btn-bg-muted {
  background-color: #818181 !important;
  border-color: #818181 !important;
  color: #fff !important;
}
.active-btn-bg-muted:hover {
  background-color: #646464 !important;
  color: #fff !important;
}
.active-btn-bg-gray {
  background-color: #7D7987 !important;
  border-color: #7D7987 !important;
  color: #fff !important;
}
.active-btn-bg-gray:hover {
  background-color: #6c6974 !important;
  color: #fff !important;
}
.active-btn-bg-blue-1 {
  background-color: #112D58 !important;
  border-color: #112D58 !important;
  color: #fff !important;
}
.active-btn-bg-blue-1:hover {
  background-color: #0b2141 !important;
  color: #fff !important;
}
.active-btn-bg-blue-2 {
  background-color: #2becf7 !important;
  border-color: #2becf7 !important;
  color: #fff !important;
}
.active-btn-bg-blue-2:hover {
  background-color: #29d3dd !important;
  color: #fff !important;
}
.active-btn-bg-blue-3 {
  background-color: #1380d7 !important;
  border-color: #1380d7 !important;
  color: #fff !important;
}
.active-btn-bg-blue-3:hover {
  background-color: #0f6fbd !important;
  color: #fff !important;
}
.active-btn-bg-blue-4 {
  background-color: #28559A !important;
  border-color: #28559A !important;
  color: #fff !important;
}
.active-btn-bg-blue-4:hover {
  background-color: #244c88 !important;
  color: #fff !important;
}
.active-btn-bg-blue-5 {
  background-color: #3b7cf3 !important;
  border-color: #3b7cf3 !important;
  color: #fff !important;
}
.active-btn-bg-blue-5:hover {
  background-color: #3771df !important;
  color: #fff !important;
}
.active-btn-bg-abs1 {
  background-color: #FDF5DF !important;
  color: #333 !important;
  border-color: #FDF5DF !important;
}
.active-btn-bg-abs1:hover {
  background-color: #eee6d1 !important;
}
.active-btn-bg-abs9 {
  background-color: #9DAAF2 !important;
  border-color: #9DAAF2 !important;
  color: #fff !important;
}
.active-btn-bg-abs9:hover {
  background-color: #8f9ce5 !important;
  color: #fff !important;
}
.active-btn-bg-abs10 {
  background-color: #b176e7 !important;
  border-color: #b176e7 !important;
  color: #fff !important;
}
.active-btn-bg-abs10:hover {
  background-color: #a870dd !important;
  color: #fff !important;
}
.active-btn-bg-abs11 {
  background-color: #8050ad !important;
  border-color: #8050ad !important;
  color: #fff !important;
}
.active-btn-bg-abs11:hover {
  background-color: #7649a0 !important;
  color: #fff !important;
}
.active-btn-bg-abs12 {
  background-color: #6820ab !important;
  border-color: #6820ab !important;
  color: #fff !important;
}
.active-btn-bg-abs12:hover {
  background-color: rgb(110, 66, 151) !important;
  color: #fff !important;
}
.active-btn-bg-abs18 {
  background-color: #fd98e7 !important;
  border: 1px solid #fd98e7 !important;
  color: #fff !important;
}
.active-btn-bg-abs18:hover {
  background-color: #eb8bd6 !important;
  color: #fff !important;
}
.active-btn-bg-abs19 {
  background-color: #e72ebf !important;
  border: 1px solid #e72ebf !important;
  color: #fff !important;
}
.active-btn-bg-abs19:hover {
  background-color: #c52fa4 !important;
  color: #fff !important;
}
.active-btn-bg-abs20 {
  background-color: #bb339d !important;
  border: 1px solid #bb339d !important;
  color: #fff !important;
}
.active-btn-bg-abs20:hover {
  background-color: #ac2f91 !important;
  color: #fff !important;
}
.active-btn-bg-abs21 {
  background-color: #d306d3 !important;
  border: 1px solid #d306d3 !important;
  color: #fff !important;
}
.active-btn-bg-abs21:hover {
  background-color: #c206c2 !important;
  color: #fff !important;
}
.active-btn-bg-abs22 {
  background-color: #f3ad2e !important;
  border-color: #f3ad2e !important;
  color: #fff !important;
}
.active-btn-bg-abs22:hover {
  background-color: #e2a32d !important;
  color: #fff !important;
}
.active-btn-bg-green1 {
  background-color: #229730 !important;
  border-color: #229730 !important;
  color: #fff !important;
}
.active-btn-bg-green1:hover {
  background-color: #1e882b !important;
  color: #fff !important;
}
.active-btn-bg-green2 {
  background-color: #3fb0ac !important;
  border-color: #3fb0ac !important;
  color: #fff !important;
}
.active-btn-bg-green2:hover {
  background-color: #038a7c !important;
  color: #fff !important;
}
.active-btn-bg-green3 {
  background-color: #44b953 !important;
  border-color: #44b953 !important;
  color: #fff !important;
}
.active-btn-bg-green3:hover {
  background-color: #35a143 !important;
  color: #fff !important;
}
.active-btn-bg-green4 {
  background-color: #b5d902 !important;
}
.active-btn-bg-green4:hover {
  background-color: #a5c505 !important;
  color: #fff !important;
}
.active-btn-bg-red-1 {
  background-color: #e90202 !important;
  border-color: #e90202 !important;
  color: #fff !important;
}
.active-btn-bg-red-1:hover {
  background-color: #d60404 !important;
  color: #fff !important;
}
.active-btn-bg-red-2 {
  background-color: #ff4646 !important;
  border-color: #ff4646 !important;
  color: #fff !important;
}
.active-btn-bg-red-2:hover {
  background-color: #f33b3b !important;
  color: #fff !important;
}
.active-btn-bg-yellow-1 {
  background-color: #f1e332 !important;
  border-color: #f1e332 !important;
  color: #fff !important;
}
.active-btn-bg-yellow-1:hover {
  background-color: #e6d92e !important;
  color: #fff !important;
}
.active-btn-bg-orange-1 {
  background-color: #ff5722 !important;
  border: 1px solid #ff5722 !important;
  color: #fff;
}
.active-btn-bg-orange-1:hover {
  background-color: #f14d1c !important;
  color: #fff !important;
}
.active-btn-bg-orange-2 {
  background-color: #e93d06 !important;
  border: 1px solid #e93d06 !important;
  color: #fff !important;
}
.active-btn-bg-orange-2:hover {
  background-color: #d43804 !important;
  color: #fff !important;
}



/* end btn style */
/* end btn style */
.width-100 {
  width: 100% !important;
}

.width-75 {
  width: 75% !important;
}

.width-50 {
  width: 50% !important;
}

.width-25 {
  width: 25% !important;
}





.active-width-100 {
  width: 100% !important;
}

.active-width-75 {
  width: 75% !important;
}

.active-width-50 {
  width: 50% !important;
}

.active-width-25 {
  width: 25% !important;
}

/*********** start .img ************/
.img {
  max-width: 100%;
  height: auto;
}

/*********** end .img **************/
/* start list style */
.list-style-circle {
  list-style-type: circle;
}

.list-style-square {
  list-style-type: square;
}

.list-style-disc {
  list-style-type: disc;
}

.list-style-decimal {
  list-style-type: decimal;
}

/* end list style *//*# sourceMappingURL=custom-class.css.map */








/* start background-img */
.background-image-url {
  background-image: url(../img/02-recent-article.webp);
}

.background-no-repeat {
  background-repeat: no-repeat;
}

.background-repeat {
  background-repeat: repeat;
}

.background-center {
  background-position: center;
}

.background-top {
  background-position: top;
}

.background-bottom {
  background-position: bottom;
}

.background-right {
  background-position: right;
}

.background-left {
  background-position: left;
}

.background-top-center {
  background-position: top center;
}

.background-bottom-center {
  background-position: bottom center;
}

.background-top-right {
  background-position: top right;
}

.background-top-left {
  background-position: top left;
}

.background-bottom-right {
  background-position: bottom right;
}

.background-bottom-left {
  background-position: bottom left;
}

.background-size-cover {
  background-size: cover;
}

.background-size-contain {
  background-size: contain;
}

/* end background-img */


.background-gradient1 {
  background: linear-gradient(to right, #ea52f8, #0066ff);
}

.background-gradient2 {
  background: linear-gradient(to right, #78d13c, #ffe000);
}

.background-gradient3 {
  background: linear-gradient(to right, #191654, #43c6ac);
}

.background-gradient4 {
  background: linear-gradient(to right, #ff886a, #fcf6cf);
}

.background-gradient5 {
  background: linear-gradient(to right, #2bc0e4, #eaecc6);
}

.background-gradient6 {
  background: linear-gradient(to right, #8c366c, #6e64e7);
}

.background-gradient7 {
  background: linear-gradient(to right, #0f3443, #34e89e);
}

.background-gradient8 {
  background: linear-gradient(to right, #0f0c29, #302b63);
}







.border-right-solid-1 {
  border-right: 1px solid;
}
.border-right-solid-2 {
  border-right: 2px solid;
}
.border-right-solid-3 {
  border-right: 3px solid;
}
.border-right-solid-4 {
  border-right: 4px solid;
}
.border-right-solid-5 {
  border-right: 5px solid;
}
.border-right-dashed-1 {
  border-right: 1px dashed;
}
.border-right-dashed-2 {
  border-right: 2px dashed;
}
.border-right-dashed-3 {
  border-right: 3px dashed;
}
.border-right-dashed-4 {
  border-right: 4px dashed;
}
.border-right-dashed-5 {
  border-right: 5px dashed;
}
.border-right-dotted-1 {
  border-right: 1px dotted;
}
.border-right-dotted-2 {
  border-right: 2px dotted;
}
.border-right-dotted-3 {
  border-right: 3px dotted;
}
.border-right-dotted-4 {
  border-right: 4px dotted;
}
.border-right-dotted-5 {
  border-right: 5px dotted;
}
.border-left-solid-1 {
  border-left: 1px solid;
}
.border-left-solid-2 {
  border-left: 2px solid;
}
.border-left-solid-3 {
  border-left: 3px solid;
}
.border-left-solid-4 {
  border-left: 4px solid;
}
.border-left-solid-5 {
  border-left: 5px solid;
}
.border-left-dashed-1 {
  border-left: 1px dashed;
}
.border-left-dashed-2 {
  border-left: 2px dashed;
}
.border-left-dashed-3 {
  border-left: 3px dashed;
}
.border-left-dashed-4 {
  border-left: 4px dashed;
}
.border-left-dashed-5 {
  border-left: 5px dashed;
}
.border-left-dotted-1 {
  border-left: 1px dotted;
}
.border-left-dotted-2 {
  border-left: 2px dotted;
}
.border-left-dotted-3 {
  border-left: 3px dotted;
}
.border-left-dotted-4 {
  border-left: 4px dotted;
}
.border-left-dotted-5 {
  border-left: 5px dotted;
}
.border-top-solid-1 {
  border-top: 1px solid;
}
.border-top-solid-2 {
  border-top: 2px solid;
}
.border-top-solid-3 {
  border-top: 3px solid;
}
.border-top-solid-4 {
  border-top: 4px solid;
}
.border-top-solid-5 {
  border-top: 5px solid;
}
.border-top-dashed-1 {
  border-top: 1px dashed;
}
.border-top-dashed-2 {
  border-top: 2px dashed;
}
.border-top-dashed-3 {
  border-top: 3px dashed;
}
.border-top-dashed-4 {
  border-top: 4px dashed;
}
.border-top-dashed-5 {
  border-top: 5px dashed;
}
.border-top-dotted-1 {
  border-top: 1px dotted;
}
.border-top-dotted-2 {
  border-top: 2px dotted;
}
.border-top-dotted-3 {
  border-top: 3px dotted;
}
.border-top-dotted-4 {
  border-top: 4px dotted;
}
.border-top-dotted-5 {
  border-top: 5px dotted;
}








.border-bottom-solid-1 {
  border-bottom: 1px solid;
}
.border-bottom-solid-2 {
  border-bottom: 2px solid;
}
.border-bottom-solid-3 {
  border-bottom: 3px solid;
}
.border-bottom-solid-4 {
  border-bottom: 4px solid;
}
.border-bottom-solid-5 {
  border-bottom: 5px solid;
}

.border-bottom-dashed-1 {
  border-bottom: 1px dashed;
}
.border-bottom-dashed-2 {
  border-bottom: 2px dashed;
}
.border-bottom-dashed-3 {
  border-bottom: 3px dashed;
}
.border-bottom-dashed-4 {
  border-bottom: 4px dashed;
}
.border-bottom-dashed-5 {
  border-bottom: 5px dashed;
}

.border-bottom-dotted-1 {
  border-bottom: 1px dotted;
}
.border-bottom-dotted-2 {
  border-bottom: 2px dotted;
}
.border-bottom-dotted-3 {
  border-bottom: 3px dotted;
}
.border-bottom-dotted-4 {
  border-bottom: 4px dotted;
}
.border-bottom-dotted-5 {
  border-bottom: 5px dotted;
}/*# sourceMappingURL=custom-class.css.map */