:root {
--green-main-color: #03382f;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: -14px 0 0;
background: rgba(245, 245, 245, 1);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
margin: 0 auto;
max-width: 100%;
height: auto;
display: inline-block;
}
pre {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0;
color: #5f5f5f;
border-radius: 3px;
border: 1px solid #c3c3c3;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
width: 100%;
height: 100px;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
:before,
:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
ul:not(.browser-default) {
padding-right: 0;
list-style-type: none;
}
ul:not(.browser-default) > li {
list-style-type: none;
}
a {
color: #09caa7;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.valign-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.clearfix {
clear: both;
}
.divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0;
}
blockquote {
margin: 20px 0;
padding: 10px;
border-right: 5px solid #09caa7;
background: #f5f5f5;
box-shadow: 1px 1px 4px #0000001c;
}
i {
line-height: inherit;
}
i.left {
float: left;
margin-right: 15px;
}
i.right {
float: right;
margin-left: 15px;
}
img.responsive-img,
video.responsive-video {
max-width: 100%;
height: auto;
}
ul.staggered-list li {
opacity: 0;
}
.fade-in {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
@media only screen and (max-width: 600px) {
.hide-on-small-only,
.hide-on-small-and-down {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.hide-on-med-and-down {
display: none !important;
}
}
@media only screen and (min-width: 601px) {
.hide-on-med-and-up {
display: none !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
display: none !important;
}
}
@media only screen and (min-width: 993px) {
.hide-on-large-only {
display: none !important;
}
.show-on-large {
display: block !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.show-on-small {
display: block !important;
}
}
@media only screen and (min-width: 601px) {
.show-on-medium-and-up {
display: block !important;
}
}
@media only screen and (max-width: 992px) {
.show-on-medium-and-down {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.center-on-small-only {
text-align: center;
}
}
.page-footer {
background-color: #03382f;
color: #fff;
margin: 0;
font-size: 16px;
padding: 0;
background-size: contain;
}
.page-footer .footer-copyright {
overflow: hidden;
min-height: 50px;
line-height: 38px;
-webkit-box-align: center;
align-items: center;
padding: 10px 0;
color: #eee;
background-color: #127d6b;
font-size: 13px;
}
table,
th,
td {
border: none;
}
table {
width: 100%;
display: table;
}
table.bordered > thead > tr,
table.bordered > tbody > tr {
border-bottom: 1px solid #d0d0d0;
}
table.striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2;
}
table.striped > tbody > tr > td {
border-radius: 0;
}
table.highlight > tbody > tr {
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover {
background-color: #f2f2f2;
}
table.centered thead tr th,
table.centered tbody tr td {
text-align: center;
}
thead {
border-bottom: 1px solid #d0d0d0;
}
td,
th {
padding: 10px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px;
border: 1px solid #dedede;
text-align: center;
}
.hide {
display: none !important;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center,
.center-align {
text-align: center;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.no-select,
input[type="range"],
input[type="range"] + .thumb {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-padding {
padding: 0 !important;
}
.material-icons {
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: liga;
-moz-font-feature-settings: liga;
font-feature-settings: liga;
}
.container {
margin: 0 auto;
max-width: 1280px;
width: 90%;
}
.container .row {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.row {
margin-left: auto;
margin-right: auto;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row .col {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px;
}
.row .col[class*="push-"],
.row .col[class*="pull-"] {
position: relative;
}
.row .col.s1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-s1 {
margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
right: 8.3333333333%;
}
.row .col.push-s1 {
left: 8.3333333333%;
}
.row .col.offset-s2 {
margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
right: 16.6666666667%;
}
.row .col.push-s2 {
left: 16.6666666667%;
}
.row .col.offset-s3 {
margin-left: 25%;
}
.row .col.pull-s3 {
right: 25%;
}
.row .col.push-s3 {
left: 25%;
}
.row .col.offset-s4 {
margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
right: 33.3333333333%;
}
.row .col.push-s4 {
left: 33.3333333333%;
}
.row .col.offset-s5 {
margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
right: 41.6666666667%;
}
.row .col.push-s5 {
left: 41.6666666667%;
}
.row .col.offset-s6 {
margin-left: 50%;
}
.row .col.pull-s6 {
right: 50%;
}
.row .col.push-s6 {
left: 50%;
}
.row .col.offset-s7 {
margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
right: 58.3333333333%;
}
.row .col.push-s7 {
left: 58.3333333333%;
}
.row .col.offset-s8 {
margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
right: 66.6666666667%;
}
.row .col.push-s8 {
left: 66.6666666667%;
}
.row .col.offset-s9 {
margin-left: 75%;
}
.row .col.pull-s9 {
right: 75%;
}
.row .col.push-s9 {
left: 75%;
}
.row .col.offset-s10 {
margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
right: 83.3333333333%;
}
.row .col.push-s10 {
left: 83.3333333333%;
}
.row .col.offset-s11 {
margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
right: 91.6666666667%;
}
.row .col.push-s11 {
left: 91.6666666667%;
}
.row .col.offset-s12 {
margin-left: 100%;
}
.row .col.pull-s12 {
right: 100%;
}
.row .col.push-s12 {
left: 100%;
}
@media only screen and (min-width: 601px) {
.row .col.m1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-m1 {
margin-left: 8.3333333333%;
}
.row .col.pull-m1 {
right: 8.3333333333%;
}
.row .col.push-m1 {
left: 8.3333333333%;
}
.row .col.offset-m2 {
margin-left: 16.6666666667%;
}
.row .col.pull-m2 {
right: 16.6666666667%;
}
.row .col.push-m2 {
left: 16.6666666667%;
}
.row .col.offset-m3 {
margin-left: 25%;
}
.row .col.pull-m3 {
right: 25%;
}
.row .col.push-m3 {
left: 25%;
}
.row .col.offset-m4 {
margin-left: 33.3333333333%;
}
.row .col.pull-m4 {
right: 33.3333333333%;
}
.row .col.push-m4 {
left: 33.3333333333%;
}
.row .col.offset-m5 {
margin-left: 41.6666666667%;
}
.row .col.pull-m5 {
right: 41.6666666667%;
}
.row .col.push-m5 {
left: 41.6666666667%;
}
.row .col.offset-m6 {
margin-left: 50%;
}
.row .col.pull-m6 {
right: 50%;
}
.row .col.push-m6 {
left: 50%;
}
.row .col.offset-m7 {
margin-left: 58.3333333333%;
}
.row .col.pull-m7 {
right: 58.3333333333%;
}
.row .col.push-m7 {
left: 58.3333333333%;
}
.row .col.offset-m8 {
margin-left: 66.6666666667%;
}
.row .col.pull-m8 {
right: 66.6666666667%;
}
.row .col.push-m8 {
left: 66.6666666667%;
}
.row .col.offset-m9 {
margin-left: 75%;
}
.row .col.pull-m9 {
right: 75%;
}
.row .col.push-m9 {
left: 75%;
}
.row .col.offset-m10 {
margin-left: 83.3333333333%;
}
.row .col.pull-m10 {
right: 83.3333333333%;
}
.row .col.push-m10 {
left: 83.3333333333%;
}
.row .col.offset-m11 {
margin-left: 91.6666666667%;
}
.row .col.pull-m11 {
right: 91.6666666667%;
}
.row .col.push-m11 {
left: 91.6666666667%;
}
.row .col.offset-m12 {
margin-left: 100%;
}
.row .col.pull-m12 {
right: 100%;
}
.row .col.push-m12 {
left: 100%;
}
}
@media only screen and (min-width: 993px) {
.row .col.l1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-l1 {
margin-left: 8.3333333333%;
}
.row .col.pull-l1 {
right: 8.3333333333%;
}
.row .col.push-l1 {
left: 8.3333333333%;
}
.row .col.offset-l2 {
margin-left: 16.6666666667%;
}
.row .col.pull-l2 {
right: 16.6666666667%;
}
.row .col.push-l2 {
left: 16.6666666667%;
}
.row .col.offset-l3 {
margin-left: 25%;
}
.row .col.pull-l3 {
right: 25%;
}
.row .col.push-l3 {
left: 25%;
}
.row .col.offset-l4 {
margin-left: 33.3333333333%;
}
.row .col.pull-l4 {
right: 33.3333333333%;
}
.row .col.push-l4 {
left: 33.3333333333%;
}
.row .col.offset-l5 {
margin-left: 41.6666666667%;
}
.row .col.pull-l5 {
right: 41.6666666667%;
}
.row .col.push-l5 {
left: 41.6666666667%;
}
.row .col.offset-l6 {
margin-left: 50%;
}
.row .col.pull-l6 {
right: 50%;
}
.row .col.push-l6 {
left: 50%;
}
.row .col.offset-l7 {
margin-left: 58.3333333333%;
}
.row .col.pull-l7 {
right: 58.3333333333%;
}
.row .col.push-l7 {
left: 58.3333333333%;
}
.row .col.offset-l8 {
margin-left: 66.6666666667%;
}
.row .col.pull-l8 {
right: 66.6666666667%;
}
.row .col.push-l8 {
left: 66.6666666667%;
}
.row .col.offset-l9 {
margin-left: 75%;
}
.row .col.pull-l9 {
right: 75%;
}
.row .col.push-l9 {
left: 75%;
}
.row .col.offset-l10 {
margin-left: 83.3333333333%;
}
.row .col.pull-l10 {
right: 83.3333333333%;
}
.row .col.push-l10 {
left: 83.3333333333%;
}
.row .col.offset-l11 {
margin-left: 91.6666666667%;
}
.row .col.pull-l11 {
right: 91.6666666667%;
}
.row .col.push-l11 {
left: 91.6666666667%;
}
.row .col.offset-l12 {
margin-left: 100%;
}
.row .col.pull-l12 {
right: 100%;
}
.row .col.push-l12 {
left: 100%;
}
}
@media only screen and (min-width: 1200px) {
.row .col.xl1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
}
@media (min-width: 1400px) {
.row .col.xxl1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
}
nav {
color: #000;
width: 100%;
height: 64px;
z-index: 9;
position: relative;
line-height: 56px;
background: #fff;
box-shadow: 1px 2px 5px #00000026;
}
nav.nav-extended {
height: auto;
}
nav.nav-extended .nav-wrapper {
min-height: 56px;
height: auto;
}
nav.nav-extended .nav-content {
position: relative;
line-height: normal;
}
nav a {
color: inherit;
}
nav i,
nav [class^="mdi-"],
nav [class*="mdi-"],
nav i.material-icons {
display: block;
font-size: 34px;
height: 47px;
line-height: 47px;
}
@media only screen and (min-width: 993px) {
nav a.button-collapse {
display: none;
}
}
.navbar-fixed {
position: relative;
height: 56px;
z-index: 997;
}
.navbar-fixed nav {
position: fixed;
}
@media only screen and (min-width: 601px) {
nav.nav-extended .nav-wrapper {
min-height: 64px;
}
nav,
nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i {
height: 64px;
line-height: 64px;
}
.navbar-fixed {
height: 64px;
}
}
html {
line-height: 30px;
font-family: vazir;
color: #000;
max-width: 100%;
font-size: 13px;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 800;
line-height: 1.1;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
font-size: 24px;
line-height: 110%;
margin: 20px 0;
color: #313131;
}
h2 {
font-size: 22px;
line-height: 110%;
margin: 1.78rem 0 1.424rem;
}
h3 {
font-size: 20px;
line-height: 110%;
margin: 30px 0 10px;
}
h4 {
font-size: 18px;
line-height: 110%;
margin: 1.14rem 0 0.912rem;
}
h5 {
font-size: 16px;
line-height: 110%;
margin: 0.82rem 0 0.656rem;
}
h6 {
font-size: 15px;
line-height: 110%;
margin: 0.5rem 0 0.4rem;
}
select:focus {
outline: 1px solid #c9f3ef;
}
label {
font-size: 0.8rem;
color: #9e9e9e;
}
::-webkit-input-placeholder {
color: #d1d1d1;
}
::-moz-placeholder {
color: #d1d1d1;
}
:-ms-input-placeholder {
color: #d1d1d1;
}
::placeholder {
color: #d1d1d1;
}
.section.header {
padding: 20px 0;
background-image: url(https://sazkala.com/blog/wp-content/uploads/2019/05/bass-guitar.jpg);
background-size: cover;
height: 290px;
}
.cat-desc-wrp p {
font-size: 13px;
margin: 0;
}
.insideplrx {
text-align: right;
z-index: 15;
bottom: 140px;
}
.type-wrap,
.type-wrap p {
text-align: center;
font-size: 15px;
}
.box {
background: #fff;
box-shadow: 1px 1px 4px #0000001c;
}
.insideplrx h1 {
text-align: center;
margin-top: 50px;
font-size: 30px;
color: #fff;
}
.whiteback:hover {
box-shadow: 1px 1px 10px #9e9e9e;
border-color: #888;
}
.col.blog-title {
margin: 3rem auto;
}
.entry-content.clearfix a {
color: #ec8e00;
}
.breadcrum {
margin: 0;
width: 100%;
float: right;
background: #eceff1;
}
.breadcrum a {
color: #000;
}
.breadcrum P {
font-size: 12px;
color: gray;
}
.tags a {
background: #9a9a9a;
padding: 0 6px;
line-height: 30px;
margin: 3px 0;
border-radius: 5px;
display: -webkit-inline-box;
font-size: 12px;
transition: 0.4s ease;
color: #fff;
}
.entry-content.clearfix .tags a {
color: #9a9a9a;
}
.entry-content.clearfix .tags a:hover {
background: #5ebf61;
color: #fff;
}
.archivewrp {
margin-top: 50px;
}
span.entry-title {
font-size: 16px;
margin: 10px 0 25px;
line-height: 110%;
display: -webkit-inline-box;
}
.entry-content.clearfix {
padding: 0 30px;
}
.collapsible-header span {
color: inherit;
margin: 0 10px;
font-size: 16px;
line-height: 30px;
}
p {
margin: 10px 0 5px;
}
.tags {
padding: 2rem;
}
a.post-edit-link {
float: left;
background: #c1c1c1;
width: 160px;
display: block;
color: #fff;
text-align: center;
margin: 1rem;
}
span.post-date.updated {
display: block;
}
.apw-footer.inssingle {
padding: 8px;
width: 100%;
border-bottom: 1px solid #bbbbbb8c;
display: inline-flex;
}
img.aligncenter {
display: block;
margin: 30px auto;
}
.type-wrap {
max-width: 900px;
margin: 0 auto;
padding: 1rem;
}
.error-wrp {
width: 90%;
margin: 2rem auto;
background: #fff;
padding: 1rem;
max-width: 450px;
}
.error-wrp h2 {
font-size: 16px;
line-height: 41px;
}
.error-wrp p {
opacity: 0.8;
}
img.right {
width: 40px;
height: 40px;
}
p.comment-form-url,
p.comment-form-email,
p.comment-form-author {
width: 200px;  }
p.form-submit {
float: left;
margin: 2rem;
}
input#submit {
color: #fff;
background: #09caa7;
}
.search-wrap input.s.field {
border-radius: 3px;
border: 1px solid rgba(206, 206, 206, 0.5);
text-align: center;
width: 90%;
margin: 1rem auto;
background: #f5f5f5;
}
.header-search {
height: 40px;
font-size: 13px;
float: left;
}
.header-search input[type="text"] {
height: 40px;
border: 1px solid #f0f0f1;
background: #f0f0f1;
padding: 1px 14px;
color: #151515;
}
.header-search input[type="submit"] {
height: 40px;
line-height: 40px;
background: #f93d22;
color: #fff;
border: 1px solid #f93d22;
padding: 0 10px;
position: relative;
top: 1px;
right: -6px;
border-radius: 6px 0 0 17px;
}
.collapsible-header.active {
color: #000;
background: #f5f5f599;
border-bottom: 1px solid #ec8e00;
}
footer.page-footer a {
line-height: 30px;
font-size: 13px;
color: #eee;
}
.row.valign {
width: 100%;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999;
top: 0;
right: 0;
background-color: #444343;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
text-align: center;
}
.sidenav a {
padding: 10px;
font-size: 14px;
color: #fff;
display: block;
transition: 0.3s;
border-bottom: 1px solid #656565;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
left: 0;
font-size: 36px;
margin: 15px;
padding: 0 10px;
border: none;
}
.sidenav a:hover {
color: #ec8e00;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
}
a.phoneicon {
background: #09caa7;
padding: 0 18px;
border-radius: 4px;
text-align: center;
margin: 11px 1rem;
overflow: hidden;
line-height: 46px;
height: 42px;
color: #fff;
}
a.phoneicon i {
color: #fff;
font-size: 23px;
line-height: 47px;
float: left;
margin: 0 8px 0 0;
}
a.comment-permalink {
display: none;
}
.comment-author-link,
.comment-date-time {
float: right;
padding: 5px 10px;
font-size: 13px;
}
a.comment-edit-link {
display: none;
}
section.comment-content.comment {
display: inline-block;
font-size: 14px;
width: 100%;
height: auto;
padding: 5px 10px 20px;
}
a.comment-reply-link {
float: left;
padding: 4px 30px;
margin: 0 8px;
background: #313131;
border-radius: 3px;
transition: 0.3s ease;
}
header.comment-meta {
width: 100%;
display: inline-block;
opacity: 0.8;
border-bottom: 1px solid #cacaca;
background: #f5f5f5;
}
section.comment-content.comment p {
margin: 0 10px;
font-size: 13px;
line-height: 24px;
color: #000;
}
article.comment {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 2px;
margin: 1rem auto;
box-shadow: 1px 1px 3px #cecece80;
}
.comment-author-link span {
display: none;
}
p.comment-awaiting-moderation {
font-size: 13px;
text-align: center;
}
span.header {
margin: 2rem 0;
display: block;
font-size: 17px;
}
a.btn-flat {
background: #ec8e00;
padding: 6px 30px;
border-radius: 2px;
color: #fff;
margin: 10px;
line-height: 64px;
transition: 0.3s ease;
}
a.btn-flat:hover {
background: #ff8700;
}
@font-face {
font-family: Vazir;
src: url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir.eot?#) format("eot"),
url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir.woff) format("woff"),
url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir.ttf) format("truetype");
}
@font-face {
font-family: Vazirb;
src: url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir-Bold.eot?#) format("eot"),
url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir-Bold.woff) format("woff"),
url(//sazkala.com/blog/wp-content/themes/blogsazkala/fonts/Vazir-Bold.ttf) format("truetype");
}
li {
list-style-type: decimal;
}
.collapsible {
background-color: #e8e8e82e;
color: #000;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
outline: none;
text-align: right;
border-bottom: 1px solid #bfbfbf;
}
.active,
.collapsible:hover {
color: #257b3d;
}
.collapsible:after {
content: "\002B";
color: #000;
font-weight: 700;
float: right;
margin-left: 5px;
}
.content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.pre {
padding: 20px;
text-align: justify; }
.wp-pagenavi a,
span.current {
display: inline-block;
font-size: 14px;
padding: 1px 12px;
line-height: 29px;
text-align: center;
color: #000;
margin: 8px;
transition: 0.4s ease;
}
.wp-pagenavi a a {
color: #444;
}
.wp-pagenavi a.active a {
color: #fff;
}
.wp-pagenavi a.active {
background-color: #ee6e73;
}
.wp-pagenavi a.disabled a {
cursor: default;
color: #999;
}
.wp-pagenavi a i {
font-size: 2.2rem;
vertical-align: middle;
}
.wp-pagenavi a.pages ul li {
display: inline-block;
float: none;
}
.wp-pagenavi {
direction: ltr;
text-align: center;
clear: both;
margin: 0 0 1.5rem;
}
.wp-pagenavi a:hover {
color: #ec8e00;
}
span.pages {
clear: both;
width: 100%;
display: inline-block;
padding: 12px;
}
span.current {
color: #9a9a9a;
}
.entry-content.clearfix ul:not(.browser-default) > li {
margin-right: 0;
}
.apw-footer {
position: relative;
display: -webkit-inline-box;
font-size: 12px;
color: #b1b1b1;
}
.apw-footer i {
font-size: 18px;
position: relative;
top: 4px;
margin: 0 20px 0 5px;
color: #bdbdbd;
}
i.nonmargin-right {
margin-right: 0;
}
.cat-box.tall {
height: 496px;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
format("woff2");
}
.material-icons {
font-family: "Material Icons";
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: liga;
-webkit-font-smoothing: antialiased;
}
.card .card-image img {
display: block;
border-radius: 2px 2px 0 0;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
}
.card .card-image {
position: relative;
z-index: 9999;
}
.card {
position: relative;
margin: 1rem 0 0;
border-radius: 2px;
border-bottom: 1px solid #dcdcdc;
transition: 0.3s ease;
padding-bottom: 1rem !important;
background: #fff;
}
.card .card-content {
padding: 0 1rem;
border-radius: 0 0 2px 2px;
}
.card .card-title {
font-size: 20px;
font-weight: 300;
height: 32px;
overflow: hidden;
margin: 8px auto;
display: block;
color: #080808;
}
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
background-color: #ec8e00;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
vertical-align: middle;
}
nav li {
display: block;
float: right;
padding: 0;
padding: 0 12px;
transition: 0.3s ease;
}
ul.menu li:hover {
color: #09caa7;
} .item .card {
overflow: hidden;
margin: 0;
z-index: 99999999;
border-radius: 0;
}
.item .card a,
span.date {
position: relative;
top: -190px;
color: #fff;
z-index: 9999;
text-align: CENTER;
width: 100%;
display: block;
}
a.hollow-btn {
font-size: 15px;
border: 1px solid #fff;
margin: 10px auto;
border-radius: 2px;
width: 110px !important;
}
span.date {
font-size: 13px;
margin: 10px auto;
border-radius: 2px;
margin-bottom: -112px;
}
.item span.card-title {
font-size: 15px;
margin: 0;
}
.page-footer span {
margin: 2rem auto;
display: block;
}
span.card-title.small {
font-size: 14px;
color: #444;
margin-top: 1rem;
}
.tags a:hover {
background: #ec8e00;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #ec8e00 !important;
}
h1.post-title.entry-title {
float: right;
}
article {
display: inline;
}
span.latestprop {
display: inline-block;
margin: 22px auto;
padding: 2px 10px !important;
}
span.menuopener {
padding: 8px;
}
.card-content p {
margin: 0;
}
.excerpt-wrp {
height: 88px;
padding: 10px 0;
}
.excerpt-wrp p {
line-height: 27px;
color: #383838;
font-size: 14px;
}
.border {
border: 1px solid #09caa7;
margin-top: 3rem;
}
h2.latestprop,
h1.latestprop,
span.latestprop {
position: relative;
top: -43px;
font-size: 14px;
background: #09caa7;
right: 20px;
padding: 10px;
color: #fff;
font-weight: 400;
margin-bottom: -2rem;
}
i.material-icons.top {
position: relative;
top: 7px;
}
img.logo {
margin: 12px 20px 0 0;
width: 125px;
opacity: 0.8;
float: left;
}
.highlight {
background: #fff;
padding: 10px;
box-shadow: 1px 1px 4px #0000001c;
}
.highlight img {
float: left;
}
.highlight article {
width: 100%;
display: block;
height: 82px;
overflow: hidden;
margin: 10px auto;
}
span.title {
width: 150px;
font-size: 13px;
color: #000;
line-height: 23px;
padding: 6px 4px 0 0;
}
span.latestprop i {
font-size: 18px;
top: 6px !important;
position: relative;
}
.cat-box {  aspect-ratio: 3 / 2;
background: linear-gradient(244deg, #0a0a0a 59%, #f93d22 100%);
margin: 8px;
overflow: hidden;
}
.imgback {
height: 100%;
opacity: 0.7 !important;
padding: 2rem;
color: #fff;
}
.inside {
position: relative;
top: -240px;
padding: 20px;
color: #fff;
}
.inside i {
position: relative;
float: left;
font-size: 4rem;
top: 150px;
}
.inside span {
font-size: 16px;
}
.cat-box.tall .imgback {
height: 496px;
}
.home .cat-box.covergradient .imgback {
transition: transform 0.5s ease;
}
.home .cat-box.covergradient:hover .imgback {
transform: scale(1.1) !important;
}
.cat-box.tall .inside {
top: -480px;
}
.home .cat-box.covergradient .inside {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
@media (min-width: 992px) {
.home .cat-box.covergradient .inside span {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
transition: opacity 0.6s ease, transform 0.6s ease;
}
.home .cat-box.covergradient:hover .inside span {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
}
.home .cat-box.covergradient .inside span {
font-size: 22px;
font-weight: bold;
border: 1px solid white;
padding: 15px;
border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.home .cat-box.covergradient .inside span {
font-size: 18px;
padding: 10px;
}
}
@media (min-width: 1400px) {
.home .cat-box.covergradient .inside span {
font-size: 28px;
}
}
.cat-box.tall .inside i {
top: 390px;
}
ul.level {
margin: 0;
display: inline-flex;
}
ul.level li {
background: #09caa7;
margin: 10px 10px 0 0;
padding: 0 10px;
border-radius: 0;
font-size: 12px;
border-right: 4px solid #09caa7;
transition: 0.3s ease;
}
ul.level a {
color: #fff;
}
.kk-star-ratings {
float: left;
margin-top: -96px;
}
ul.level.inarchive li {
margin: 0 6px 0 0;
background: #09caa7;
}
ul.level.inarchive li:hover {
opacity: 1;
}
ul.level.inarchive {
position: relative;
top: -36px;
}
ul.level.inarchive a {
color: #fff;
}
ul.sub-menu a {
color: #000;
}
ul.sub-menu {
display: none;
position: absolute;
min-width: 200px;
max-width: 250px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 1;
transition: 0.4s ease;
text-align: right;
background: #fff;
}
ul.sub-menu li {
width: 100%;
display: list-item;
float: right;
line-height: 50px;
margin: 0;
max-height: 50px;
}
li:hover > ul.sub-menu {
display: block;
}
::-webkit-scrollbar {
width: 6px;
height: 3px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 #2d2d2d;
border-radius: 3px;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 100px #2f2f2f;
}
@media only screen and (max-width: 600px) {
.pre {
padding: 15px;
font-size: 13px;
}
.header-search {
display: none;
}
.apw-footer.inssingle {
bottom: 10px;
right: -5px;
}
.kk-star-ratings.top-left {
margin: 1rem;
}
.container {
width: 92%;
} .apw.box {
margin: 0 0 10px;
height: 320px;
}
.apw-footer {
padding: 0;
font-size: 12px;
}
.apw.box p {
height: 100px;
overflow: hidden;
}
.apw-footer i {
margin: 0 4px;
}
.breadcrum {
max-width: 100%;
}
}  .card .card-title {
overflow: visible;
height: unset;
} @media screen and (max-width: 768px) {
li:hover > ul.sub-menu {
display: none;
}
.menu-item-has-children > a {
pointer-events: none;
cursor: pointer;
}
.menu-item-has-children > a::before {
font-family: FontAwesome;
content: "\f107";
margin-left: 4px;
}
.menu-item-has-children a:active {
display: block;
}
.sidenav a {
text-align: right;
}
ul.sub-menu {
position: static;
width: 100%;
min-width: 100%;
}
ul.sub-menu li {
text-align: right;
margin-right: 4px;
border-bottom: 1px solid #656565;
vertical-align: middle;
line-height: normal;
}
ul.sub-menu a {
font-size: 14px;
color: #fff;
display: block;
transition: 0.3s;
border: none;
margin-right: 6px;
}
} .min-height-500 {
min-height: 500px !important;
}     .socialmedia ul li {
display: inline-block;
margin-right: 8px;
}
.socialmedia ul li i {
font-size: 28px;
} @media only screen and (min-width: 600px) {
.pre {
font-size: 15px;
}
.blog-body p {
font-size: 15px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
} @media only screen and (max-width: 601px) {
.excerpt-wrp {
height: 160px;
}
} @media only screen and (min-width: 601px) {
.m6 .card .card-image {
height: 300px;
}
.m6 .card .card-image img {
height: 240px;
}
}
@media only screen and (min-width: 993px) {
.m6 .card .card-image {
height: 240px;
}
.m6 .card .card-image img {
height: 130px;
}
} .social-svg {
width: 30px;
height: 30px;
border-radius: 6px;
}
.wrap-social-footer {
display: flex;
}
.wrap-social-footer li {
margin: 10px;
}
@media (max-width: 600px) {
.social-svg {
width: 28px;
height: 28px;
}   } .apw-footer i {
margin: 0 10px 0 5px;
}
.apw-footer i.material-icons {
margin: 0px 4px 0px 4px;
}
.card .card-content-footer {
padding: 0px;
}
@media only screen and(min-width:1280px) {
.card .card-content-footer {
padding: 0px 1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1092px) {
.apw-footer i.material-icons {
margin: 0px 1px 0px 1px;
}
} header.comment-meta {
border-bottom: none;
}
article.comment {
border: none;
box-shadow: none;
margin-top: 11px;
}
section.comment-content.comment {
padding-top: 23px;
border: 1px solid #dadada;
border-radius: 4px;
background-color: #fefefe;
box-shadow: 2px 1px #bababa;
}
li.comment {
border: none;
} span.card-title.small {
margin-right: 9px;
margin-left: 9px;
}
.blog-body {
overflow: hidden;
}  .wp-block-image figure figcaption {
text-align: center;
}  .blog-body h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
text-align: right;
} .blog-body .pre ul {
padding-right: 10px;
}
.blog-body .pre ul li {
list-style-type: disc;
margin-right: 20px;
} .card-content .excerpt-wrp {
overflow: hidden;
} #wrap-footer {
padding: 40px;
}
#wrap-footer-row1 {
margin-bottom: 80px;
}
#footer-row1-col1 {
margin-bottom: 40px;
}
#wrap-footer .title-footer {
text-align: center;
}
#wrap-footer .title-footer span {
font-weight: bold;
} #email-footer {
background-color: #02493d;
border-radius: 20px;
}
#email-footer span {
margin-right: 30px;
font-weight: bold;
}
#footer-social-part {
background-color: #02493d;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
} #sib_embed_signup {
padding: 0px 0px 40px 0px;
}
#sib_loading_gif_area {
position: absolute;
z-index: 9999;
display: none;
}
.sib-container .header {
padding: 0px 20px;
}
.row.mandatory-email {
padding: 10px 20px;
position: relative;
}
.mandatory-email #email { height: 40px;
width: 78%;
min-width: auto;
border-radius: 0px 20px 20px 0px;
direction: ltr;
}
.mandatory-email .button {
color: rgb(255, 255, 255) !important;
background: rgb(8, 202, 167) !important;
margin-right: -5px; height: 40px;
width: 70px;
text-align: center !important;
font-weight: bold;
font-size: 17px;
cursor: pointer !important;
border: 0px !important;
border-radius: 10px 0px 0px 10px !important;
vertical-align: top !important;
display: inline-block !important;
}
@media (max-width: 500px) {
.mandatory-email #email {
max-width: 170px;
}
}
.sib-container .view-messages {
height: 30px;
font-size: 15px;
padding: 2px;
color: red;
text-align: center;
} #wrap-footer hr {
border: 1px solid #02493d;
} .social-svg {
width: 35px;
height: 35px;
border-radius: 5px;
max-width: none;
}
.wrap-social-footer {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.social-svg {
width: 28px;
height: 28px;
}
.wrap-social-footer {
justify-content: center;
}
}
@media (min-width: 992px) {
.wrap-social-namad {
margin-top: -80px;
margin-right: -25px;
}
}
@media (min-width: 1600px) {
.wrap-social-footer {
max-width: 370px;
margin: auto;
}
}  #wrap-enamad-part {
display: flex;
flex-direction: column;
}
#enamad-part {
margin: auto;
background-color: #02493d;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
} .page-footer ul li {
padding: 0 5px;
margin: 10px 0;
line-height: 20px;
list-style: none;
}
.socialmedia li {
margin: 10px !important;
}
.socialmedia a {
float: right;
margin: 0 0 0 10px !important;
}
p.address i {
position: relative;
font-size: 18px;
color: #fff;
margin: 0 0 0 10px;
margin-top: 20px;
} .full_width_container {
background-color: var(--green-main-color);
padding: 15px 0;
box-shadow: inset 0px 9px 21px rgba(0, 0, 0, 1);
}
.line-healer {
display: flex;
align-items: center;
}
.line-healer span {
font-size: 18px; margin-left: 10px;
white-space: nowrap;
}
.line-head {
flex-grow: 1;
height: 2px;
background-color: #1b1b1b; }
.full_width_gray {
background-color: #f0f0f0;
}
.line-head-link {
margin-right: 10px;
}
.card-box { background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); direction: rtl;
flex-direction: column;
display: flex;
height: 433px;
justify-content: space-between;
}
.card-img-box {
border-bottom: 1px solid #e7e7e7;
width: 100%; display: block;
object-fit: cover;
height: 280px;
}
.card-content-box {
padding: 16px;
}
.badge-box {
display: inline-block;
background-color: #1de9b6;
color: white;
padding: 4px 12px;
border-radius: 10px;
font-size: 13px;
margin-bottom: 8px;
}
.card-title-box {
font-size: 16px;
font-weight: bold;
margin: 0 0 12px 0;
line-height: 1.5;
color: #333;
}
.card-footer-box {
display: flex;
align-items: center;
font-size: 13px;
color: #666;
border-top: 1px solid #eee;
padding-top: 8px;
}
.footer-item-box i {
font-size: 16px;
margin-left: 6px;
vertical-align: middle;
}
.margin-2rem {
margin: 2rem 0;
}
.card-box-comm img {
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 4px;
}
.card-box-comm span {
text-shadow: 5px 2px 4px black;
font-size: 22px;
white-space: nowrap;
color: aliceblue; position: absolute;
bottom: 30px; left: 50%;
transform: translate(-50%, -50%);
}
.padding-2 {
padding: 1rem 0;
}
.swiper-home {
overflow: hidden;
} .swiper-home3 {
overflow: hidden;
} .height-500 {
height: 100%;
aspect-ratio: 3 / 2;
}
.card-content-new {
display: flex;
flex-direction: column;
right: 8px;
position: absolute;
bottom: 20px;
padding-right: 20px;
}
.position-rel {
position: relative;
}
.card-content-new a {
font-size: 20px;
color: white;
}
.custom-toc ul {
list-style: none;
padding-left: 0;
margin: 20px 0;
}
.custom-toc li {
margin-bottom: 6px;
}
.custom-toc .toc-h2 {
font-weight: bold;
}
.custom-toc .toc-h3 {
margin-left: 20px;
}
.custom-toc .toc-h4 {
margin-left: 40px;
}
.custom-toc a {
text-decoration: none;
color: #09caa7;
}
.custom-toc a:hover {
text-decoration: underline;
}
.custom-toc ul {
list-style: none;
padding-left: 1em;
margin-bottom: 1em;
}
.custom-toc ul ul {
padding-left: 1.5em; margin-top: 0.5em;
}
.custom-toc {
background-color: #f7f7f7;
padding: 1rem 0.5rem;
}
.custom-toc ul {
padding-right: 1.5rem !important;
}
.custom-toc li {
margin-bottom: 6px;
line-height: 1.7rem;
}
.custom-featured-image img {
width: 100%;
}
.custom-featured-image {
margin: 2rem 0;
}
.custom-toc > ul {
padding: 0 !important;
}
@media (max-width: 600px) {
.height-500 {
height: 100%;
}
.height-100 {
height: 100%;
}
.archivewrp {
margin-top: 0px;
}
.card-title-box {
height: 40px;  } } .page-content-error {
display: flex;
flex-direction: column;
align-items: center;
}
.contactus-btn-wrapper-error-item {
right: 0 !important;
}
.contactus-btn-wrapper-error {
width: 75%;
display: flex;
justify-content: center;
}
.contactus-btn-wrapper-404{
background-color: #09caa7;
}
.contactus-btn-wrapper-404 a{
color: white;
}
.page-title-error{
padding: 1rem;
}
.swiper-home-best{
overflow:hidden;
}
.swiper-home .card-img-box{
height: 208px !important;
}
.swiper-home-best .card-img-box{
height: 208px !important;
}
.card-title-box a{
color: #333;
}