/*Page.aspx Css*/
/*Start special CSS*/

:root {
  --mc1: #007a8a;
  --mc2: #a2a2a1;
  --mc3: #dcedf4;
  --tc1: #4d4c4c;
  --tc2: #393939;
  --tc3: #A2A2A1;
  --gray: #ddd;
  --white: #ffffff;
  --transition: 0.5s;
  --border-radius: 0.5rem;
  --border-radius-sm: 0.25rem;
  --main-space:4rem;
  --title-space:2rem;
}

::selection {
  background: var(--mc1);
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

/* font family */

@font-face {
  font-family: "IranYekan";
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.eot");
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.eot#iefix") format("embedded-opentype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.woff") format("woff"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/iranyekan/iranyekanwebregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh";
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.eot");
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.eot#iefix") format("embedded-opentype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.woff") format("woff"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.ttf") format("truetype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Light.svg#YekanBakh-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh";
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.eot");
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.eot#iefix") format("embedded-opentype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.woff") format("woff"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.ttf") format("truetype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Medium.svg#YekanBakh-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh";
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.eot");
  src: url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.eot#iefix") format("embedded-opentype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.woff") format("woff"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.ttf") format("truetype"),
    url("https://sahbadaroo.com/Portals/_default/skins/wb-skin/fonts/YekanBakh/YekanBakh-Heavy.svg#YekanBakh-Heavy") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body,
span,
option,
html,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
article,
li,
div {
  font-family: "YekanBakh";
}

.wbSlides__Nav * {
  font-family: "IranYekan";
}

/*  */

.m-hight-none {
  min-height: 0;
}

.pad-none {
  padding-right: 0;
  padding-left: 0;
}

html {
  font-size: 100%;
  /* 1rem = 16px */
}

a:focus {
  outline: none;
}

a,
a:hover,
a:visited,
a:focus {
  text-decoration: none;
  color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 0 !important;
}

ul,
ol {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0;
}

body {
  padding: 0;
  line-height: 24px;
  overflow-x: hidden;
  font-size: 0.875rem;
}

body.rtl {
  direction: rtl;
  text-align: right;
}

p {
  margin: 0;
}

footer p,
.categoryMsg__Text p,
.Specifications p,
.Information__Tab__Content p,
.articleList__Card__Content p {
  text-align: justify;
}

li {
  list-style: none;
}

li p {
  line-height: inherit;
}

img[alt="edit"] {
  width: auto !important;
  margin: 0 !important;
  display: inline !important;
}

#wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#contentWrapper1 {
  position: relative;
  padding: 0 0;
}

.main-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

main {
  min-height: calc(100vh - 300px);
  overflow: hidden;
  padding-top: 1rem;
}

/*Repier Magement Menu*/

.subNav.advanced dl {
  width: 600px !important;
}

.subNav.advanced {
  width: 695px !important;
}

img {
  border: 0 none;
  height: auto;
}

img,
object,
embed {
  max-width: 100%;
}

.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
  border-color: var(--main-text-color);
}

.wb-carousel {
  background-color: #fff;
  padding: 16px 15px;
  /* display: flex !important; */
  /* justify-content: center; */
  /* align-items: center; */
}

.wb-carousel .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wb-carousel .img-wrap {
  /* display: flex !important; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.wb-carousel img {
  max-height: 60px;
  width: auto;
  display: block;
  margin: auto;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: var(--mc1) !important;
}

/* -------------------------------------------------------------------------- */
/*                                 Components                                 */
/* -------------------------------------------------------------------------- */

/* ------ Font Size ------ */

.fz-xxs {
  font-size: 0.625rem;
  line-height: 1.25rem;
  /* 10px */
}

.fz-xs,
.btnViewAll {
  font-size: 0.75rem;
  line-height: 1.5rem;
  /* 12px */
}

.fz-sm,
.Main-Menu li a,
#txtAdvanceSearch,
.btnViewAll {
  font-size: 0.875rem;
  line-height: 1.5rem;
  /* 14px */
}

.fz-md {
  font-size: 1rem;
  line-height: 1.75rem;
}

.fz-lg,
.title_Sm,
.blogDetail article h2,
.blogDetail article h3,
.blogDetail article h4 {
  font-size: 1.125rem;
  line-height: 2rem;
  /* 18px */
}

.fz-xl,
.title_Md {
  font-size: 1.5rem;
  line-height: normal;
  /* 24px */
}

.fz-xxl,
.title_Lg {
  font-size: 2.75rem;
  line-height: normal;
  /* 38px */
}

/* ------ Text Color ------ */
.tc1 {
  color: var(--tc1);
}

.tc2 {
  color: var(--tc2);
}

.tc3 {
  color: var(--tc3);
}

.tcw{
  color: var(--white);
}

/* ------ Font Weight ------ */
.fw-md {
  font-weight: 500;
}

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

.fw-bl,
#txtAdvanceSearch {
  font-weight: 900 !important;
}

/* ------ Button Style ------ */

.btnStyle_Primary,
.btnStyle_Primary:focus,
.btnStyle_Primary:visited {
  padding: 8px 24px;
  border: 1px solid var(--mc1);
  border-radius: var(--border-radius-sm);
  display: inline-block;
  transition: var(--transition);
  white-space: nowrap;
  background: var(--mc1);
  color: #fff;
  outline: unset !important;
}

/* ------ Icon Style ------ */
.WbIcon {
  width: 1.75rem;
  height: 1.75rem;
  display: inline-block;
  background: var(--mc1);
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* ------ Container Style ------ */

.WBContainer_Sidebar {
  border-radius: var(--border-radius-sm);
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.WBContainer_Title2 {
  border: 1px solid #d9d9d9;
  border-radius: var(--border-radius);
  background: #fff;
  padding: 1rem;
  margin-bottom: 2rem;
}

.Title_Sidebar_Text,
.WBContainer_Title2 .title_Md {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 1rem !important;
  color: var(--tc1);
}

.main_Space{
  margin-bottom: var(--main-space);
}

.title_Space{
  margin-bottom: var(--title-space);
}

.main_Space__Top{
  margin-top: var(--main-space);
}

.customContainer{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* -------------------------------------------------------------------------- */
/*                                  PAGINATION                                */
/* -------------------------------------------------------------------------- */
.PagingTable {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 30px 0;
  padding: 15px 5px;
}

.PagingTable a,
.PagingTable em {
  width: 30px !important;
  height: 30px !important;
  border-radius: var(--border-radius-sm) !important;
}

.PagingTable a:not(.PreviousPage, .NextPage) {
  border: 1px solid #bdbdbd;
}

.PagingTable a:is(.PreviousPage, .NextPage) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid #00000021 !important;
  font-size: 0 !important;
}

.PagingTable a:is(.PreviousPage, .NextPage)::before,
.PagingTable a:is(.PreviousPage, .NextPage)::after {
  font-size: 16px;
}

.PagingTable em {
  background: var(--mc1) !important;
  color: #fff !important;
  border: 1px solid transparent;
}

.PagingTable a.FirstPage::before,
.PagingTable a.PreviousPage::before,
.PagingTable a.NextPage::after,
.PagingTable a.LastPage::after {
  margin-top: -2px !important;
}

.PagingTable a:not([href]),
.PagingTable a:is(.FirstPage, .LastPage) {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                                  BREADCRUMB                                */
/* -------------------------------------------------------------------------- */

.WB-breadcrumb ol {
  color: var(--tc1) !important;
  font-weight: 600;
}

.WB-breadcrumb li i {
  color: var(--tc1) !important;
  font-size: 12px !important;
}

.WB-breadcrumb {
  margin: 0 0 32px;
  max-width: 100% !important;
  padding: 0 !important;
}

.WB-breadcrumb .lblFinalUrl {
  color: var(--mc1);
}

.WB-breadcrumb li a {
  font-size: inherit !important;
}

/* -------------------------------------------------------------------------- */
/*                                    SLICK                                   */
/* -------------------------------------------------------------------------- */

.slick-arrow {
  width: 40px;
  height: 40px;
  background: unset !important;
  border: none !important;
  font-size: 0 !important;
  transition: var(--transition) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  border-radius: 50% !important;
  z-index: 1 !important;
}

.slick-arrow.slick-prev {
  left: auto !important;
  right: -40px !important;
}

.slick-arrow.slick-next {
  left: -45px !important;
  right: auto !important;
}

.slick-slider .slick-arrow::before {
  color: var(--mc1) !important;
  font-size: 24px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-60%, -55%) !important;
  font-weight: bold !important;
  transition: var(--transition) !important;
}


.slick-arrow.slick-next::before {
  transform: translate(-30%, -55%) !important;
}

.slick-prev:before {
  content: "\f105" !important;
}

.slick-next:before {
  content: "\f104" !important;
}

/* --------------- */

.slide-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 1;
  background: #f4f4f4;
  border-radius: 50%;
  text-align: center;
}

.slide-arrow.arrow-prev {
  left: 0;
}

.slide-arrow.arrow-prev:before {
  content: "\f104";
  font-family: "fontawesome";
  line-height: 20px;
  font-size: 20px;
}

.slide-arrow.arrow-next {
  right: 0;
}

.slide-arrow.arrow-next:before {
  content: "\f105";
  font-family: "fontawesome";
  line-height: 20px;
  font-size: 20px;
}

/* slick dots */

.slick-dots li {
  width: auto !important;
  height: auto !important;
}

.slick-dots li button {
  background: #c4c4c4 !important;
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
  transition: var(--transition);
  padding: 0 !important;
}

.wbSlides .slick-dots li button {
  background: #ffffff !important;
}

.slick-dots li.slick-active button {
  background: var(--mc1) !important;
  width: 24px !important;
  border-radius: 30px !important;
}

.slick-dots li button::before {
  display: none;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                                 LIVE FORM                                  */
/* -------------------------------------------------------------------------- */

/* General Style */
.LiveForm.Default .Field.Heading .Header {
  color: inherit !important;
  font-family: inherit !important;
  border-bottom: unset !important;
  margin-bottom: 32px !important;
}

.LiveForm.Default .Field.Heading .SubHeader {
  font-style: normal !important;
}

.LiveForm.Default {
  margin-bottom: 0;
}

.LiveForm.Default ul.page-break-section,
.LiveForm.Default .thank-you {
  background-color: transparent !important;
  border: none !important;
  border-radius: unset !important;
  padding: 0 !important;
  box-shadow: unset !important;
  font-size: 14px;
  margin-top: 0;
  display: flex !important;
  flex-wrap: wrap !important;
}

.LiveForm.Default .thank-you {
  flex-direction: column !important;
  transform: translateY(48px);
}

.LiveForm.Default .thank-you hr {
  display: none !important;
}

.LiveForm.Default .thank-you h2 {
  margin-bottom: 1.5rem !important;
  color: var(--mc2);
}

.LiveForm.Default input,
.LiveForm.Default select:not([size]) {
  height: 38px;
}

.LiveForm.Default ul.page-break-section li,
.LiveForm.Default .thank-you li {
  width: 50%;
}

.LiveForm.Default ul.page-break-section li,
.LiveForm.Default .thank-you li {
  width: calc(50% - 9px) !important;
}

.LiveForm.Default ul.page-break-section li:nth-child(3) {
  width: calc(100% - 9px) !important;
}

.LiveForm.Default ul.page-break-section li:first-child {
  margin-left: 9px;
}

.LiveForm.Default ul.page-break-section li:last-child {
  width: calc(100% - 9px) !important;
}

.LiveForm.Default ul.page-break-section li.Textarea {
  width: calc(100% - 9px) !important;
}

.LiveForm.Default .Field.mobile-under label[class*="Field-Label-"] {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #5f625f !important;
}

.LiveForm.Default ul.page-break-section .Field {
  padding: 0 0 16px !important;
}

.LiveForm.Default ul.page-break-section .Field:last-child {
  padding: 0 !important;
}

.LiveForm .Field textarea {
  height: calc(8 * 1.5rem) !important;
  max-height: calc(8 * 1.5rem) !important;
  min-height: calc(8 * 1.5rem) !important;
}

.LiveForm.Default .Submit-Align-Right {
  text-align: left !important;
}

.LiveForm.Default input[type="submit"],
.LiveForm.Default input[type="button"] {
  padding: 12px 24px !important;
  border-radius: 8px !important;
  background: var(--mc1) !important;
  color: #fff !important;
  min-width: unset !important;
  display: inline-block !important;
  height: auto;
  min-height: auto;
  max-height: auto;
  text-transform: capitalize;
  font-weight: inherit;
  margin-bottom: 5rem !important;
  font-size: 14px;
  font-weight: 700;
}

.LiveForm.Default input[type="submit"]:hover,
.LiveForm.Default input[type="button"]:hover {
  box-shadow: 0 0 0 2px white, 0 0 0 3px var(--mc1) !important;
}

.LiveForm.Default .Field input:not(input[type="submit"], input[type="button"]),
.LiveForm.Default .Field textarea,
.LiveForm.Default .Field.Required textarea,
.LiveForm.Default .Field.Required input {
  background-color: transparent !important;
  border: 1px solid rgba(217, 217, 217, 0.5) !important;
  border-radius: var(--border-radius) !important;
  transition: var(--transition);
  padding: 1rem !important;
  font-size: 14px;
  font-weight: 500;
}

.LiveForm.Default .Field.Required input:focus,
.LiveForm.Default .Field textarea:focus,
.LiveForm.Default .Field input:not(input[type="submit"], input[type="button"]):focus {
  border: 1px solid var(--mc1) !important;
}

.LiveForm.Default .Field.Required input.error,
.LiveForm.Default .Field textarea.error,
.LiveForm.Default .Field input.error:not(input[type="submit"], input[type="button"]) {
  border: 1px solid #BB342F !important;
}

.LiveForm.Default .Field input[type="text"]::placeholder,
.LiveForm.Default .Field textarea::placeholder {
  color: #c2c2c2;
  text-transform: capitalize;
  font-family: yekanbakh;
}

.LiveForm.Default label.error {
  color: #BB342F !important;
}

/* ....... */

/* Upload Style */

.LiveForm .plupload_filelist_header,
.LiveForm .plupload_filelist {
  display: none !important;
}

.LiveForm .plupload_filelist_header,
.LiveForm .plupload_filelist_footer,
.LiveForm .plupload_container {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.LiveForm.Default .Fileupload>label {
  display: none !important;
}

.LiveForm.Default .plupload_buttons {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.LiveForm.Default .plupload_buttons__Text {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  border: 1px solid #bdbdbd;
  border-left: none;
  border-radius: 0 10px 10px 0;
  font-size: 0.875rem !important;
  color: var(--tc1);
  padding: 12px;
  max-width: calc(100% - 120px);
  overflow: auto;
}

.LiveForm.Default .plupload_button {
  position: relative !important;
  display: inline-block !important;
  padding-right: 16px !important;
  padding-left: 40px !important;
  border-radius: 10px 0 0 10px !important;
  margin-right: 0 !important;
  white-space: nowrap;
  min-width: 120px !important;
}

.LiveForm.Default .plupload_button::before {
  content: "\f093 ";
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 0.875rem;
}

.LiveForm.Default .plupload_button__Upload::before {
  content: "\f110 ";
  animation: 1s rotateAnime infinite ease-in-out;
}

.LiveForm.Default .plupload_button__Failed::before {
  content: "\f071 ";
}

.LiveForm.Default .plupload_button__Done::before {
  content: "\f00c ";
}

@keyframes rotateAnime {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* -------------------------------------------------------------------------- */
/*                                 Userdash                                   */
/* -------------------------------------------------------------------------- */

.ModDDRMenuC .nav.nav-pills {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  flex-direction: column;
  border: 1px solid #dfdfdf;
  padding: 0px;
  background-color: #f3f3f3;
}

.userProfileBox {
  border-radius: var(--border-radius) !important;
  padding: 15px !important;
  box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%) !important;
  background: #fbfbfb !important;
}

.ModWBUserOrderC .admin-box {
    margin-left: 16px;
}

.ModWBUserOrderC .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.ModWBUserOrderC .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.ModWBUserOrderC .select2-container--default .select2-selection--single {
    height: 38px;
}
.ModWBUserOrderC .user-order .firstNav input[type="button"] {
    width: 50%;
}
.ModWBUserOrderC #orderList_length select {
    min-width: 70px;
}

.ModWBUserOrderC table.dataTable thead th, .ModWBUserOrderC table.dataTable thead td {
    width: 1% !important;
}


#btnUpdateUser,
.ModWBUserOrderC .user-order .firstNav input[type="button"] {
  border-radius: var(--border-radius) !important;
  background: var(--mc1) !important;
  border: 1px solid var(--mc1) !important;
  font-family: inherit !important;
  transition: var(--transition) !important;
  float: left;
  font-size: 1rem;
}

#btnUpdateUser:focus,
#btnUpdateUser:hover,
.ModWBUserOrderC .user-order .firstNav input[type="button"]:focus,
.ModWBUserOrderC .user-order .firstNav input[type="button"]:hover {
  background: transparent !important;
  color: var(--mc1) !important;
  box-shadow: unset !important;
}

.ModDDRMenuC .nav-pills {
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
}

.ModDDRMenuC .nav-pills>li {
  width: 100%;
  margin: 0 !important;
  padding: 10px;
  font-size: 0.875rem;
  border-bottom: 1px dashed#821c6b14;
}

.ModDDRMenuC .nav-pills>li.active,
.ModDDRMenuC .nav-pills>li.active>a:focus,
.ModDDRMenuC .nav-pills>li.active>a:hover {
  background: var(--mc1);
}

.ModDDRMenuC .nav-pills>li.active a {
  background-color: transparent;
  color: white;
}

table#orderList thead {
  background: var(--mc1) !important;
  color: #fff;
}

table.dataTable thead th::before,
table.dataTable thead td::before,
table.dataTable thead th::after,
table.dataTable thead td::after {
  content: none !important;
}

.ModWBUserChangePasswordC .user-password .btnBox button,
.ModWBUserChangePasswordC .user-password .btnBox button:hover {
  font-size: inherit;
  background-color: var(--mc1);
  border-color: var(--mc1);
  box-shadow: none;
  font-family: inherit;
}

table.dataTable thead th,
table.dataTable thead td {
  width: 25% !important;
}

.user-order .tableBox {
  margin-top: 15px;
}

.user-order .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.user-order .modal-header .close span {
  font-size: 24px;
}

.DnnModule-DDRMenu,
.userProfileBox,
.DnnModule-WB_User_Order,
.DnnModule-WB_User_ChangePassword {
  margin-top: 48px;
}

/* -------------------------------------------------------------------------- */
/*                                  COMMENT                                   */
/* -------------------------------------------------------------------------- */
/* --------------------- */

/* Comment Style */

/* --------------------- */

.CommentHead {
  border-bottom: 1px solid #e1e1e1;
}

.CommentHead span {
  display: inline-block;
  padding-bottom: 8px;
  color: var(--mc2);
}

.CommentHead span img {
  width: 1.75rem;
  margin-left: 0.5rem;
}

.DnnModule-DNNArticle-ArticleView .outerCommentSection {
  padding: 0 !important;
  margin: 0 auto !important;
  border: none;
  border-radius: var(--border-radius);
}

.DnnModule-DNNArticle-ArticleView .submitBox,
.DnnModule-DNNArticle-ArticleView .commentTextBox .reply-wrap .reply-fields-wrap,
.comment-view .btnCommentClientBox,
.comment-view .txtNameClientBox {
  text-align: left;
}

.DnnModule-DNNArticle-ArticleView #btnCommentClient,
.DnnModule-DNNArticle-ArticleView .commentTextBox #btnCommentClient,
.DnnModule-DNNArticle-ArticleView .commentTextBox .reply-box #txtNameClient,
.comment-view #btnCommentClient,
.comment-view .reply-box #txtNameClient {
  background: var(--mc1) !important;
  border: 1px solid var(--mc1) !important;
  outline: none !important;
  transition: var(--transition) !important;
  padding: 0.5rem 1rem !important;
  font-size: 1rem;
}

.DnnModule-DNNArticle-ArticleView #btnCommentClient:hover,
.DnnModule-DNNArticle-ArticleView .commentTextBox #btnCommentClient:hover,
.DnnModule-DNNArticle-ArticleView .commentTextBox .reply-box #txtNameClient:hover,
.comment-view #btnCommentClient:hover,
.comment-view .reply-box #txtNameClient:hover {
  background: transparent !important;
  color: var(--mc1) !important;
}

.DnnModule-DNNArticle-ArticleView .commentTextBox .main-comment,
.comment-view .main-comment {
  border-radius: var(--border-radius) !important;
  background: transparent !important;
  border: 1px solid #e1e1e1 !important;
}

.DnnModule-DNNArticle-ArticleView .commentTextBox {
  padding: 0;
  border: none !important;
  margin-top: 24px;
}

.DnnModule-DNNArticle-ArticleView .insertCommentBox .modern-label,
.comment-view .modern-label {
  line-height: normal;
  color: rgba(162, 162, 161, 0.5);
}

.commentTextBox .user-comments-view .user-comment,
.comment-view .user-comments-view .user-comment {
  padding: 0px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border: none;
}

.insertCommentBox input[type="text"],
.insertCommentBox textarea,
.commentTextBox .modern-input,
.comment-view .modern-input {
  padding: 10px 10px 8px !important;
  border-radius: var(--border-radius);
  font-size: 1rem;
  border: solid 1px rgba(217, 217, 217, 0.5);
}

.commentTextBox .user-comments-view .user-name,
.comment-view .user-comments-view .user-name {
  position: relative;
  padding-right: 32px !important;
  color: var(--mc1) !important;
}

.commentTextBox .user-comments-view .user-name::before,
.comment-view .user-comments-view .user-name::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  mask-image: url(https://sahbadaroo.com/Portals/_default/skins/wb-skin/Images/commentUser.svg);
  -webkit-mask-image: url(https://sahbadaroo.com/Portals/_default/skins/wb-skin/Images/commentUser.svg);
  mask-size: 24px;
  -webkit-mask-size: 24px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: right center;
  -webkit-mask-position: right center;
  background-color: var(--mc1);
  z-index: 1;
  padding: 0;
}

.replay-comment {
  margin-top: 16px !important;
}

.comment-view .user-comments-view .comment-date {
  padding: 0;
}

.user-comments-view .comment-date {
  font-family: iranyekan;
}

.CommentOut .insertCommentBox {
  padding: 1.5rem 0rem !important;
}

.insertCommentBox textarea {
  min-height: 250px;
}

/* -------------------------------------------------------------------------- */
/*                                 MOBILE FIX MENU                            */
/* -------------------------------------------------------------------------- */
.bottomNav {
  width: 0 !important;
  height: 0 !important;
}


.sideUp.active {
  transform: translateX(0);
  transition: all 0.2s;
  opacity: 1;
}

.sideUp .closeBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  z-index: 999;
  width: 16px;
  height: auto;
}

.closeTimes {
  font-style: normal;
  font-weight: 100;
  font-family: monospace;
}

#BasketMobilePane {
  height: 16px;
  transform: translateY(-5px);
}

/* -------------------------------------------------------------------------- */
/*                                    HOME                                    */
/* -------------------------------------------------------------------------- */
#dnn_SliderPaneRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#dnn_SliderPaneRight>div {
  overflow: hidden;
}

.DnnModule-DNNGoDNNGalleryPro .wb_Image {
  display: block;
  position: relative;
  margin: 2.5rem 0;
}

#dnn_SliderPaneRight .DnnModule-DNNGoDNNGalleryPro .wb_Image {
  margin: 0 !important;
}

.DnnModule-DNNGoDNNGalleryPro .wb_Image::before {
  content: "";
  display: block;
  padding-top: 66.667%;
}

.DnnModule-DNNGoDNNGalleryPro .wb_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius);
  position: absolute;
  left: 0;
  top: 0;
}

.wbSlides {
  border-radius: var(--border-radius);
  position: relative;
  overflow: hidden;
}

.wbSlides .slick-dots {
  bottom: 12px !important;
}

.home__Full_Gray {
  background: #f4f4f4;
}

.btnViewAll i {
  transform: translateY(-1px);
  margin-right: 0.25rem;
  font-weight: 100;
}

.slick__SeeAll,
.footer__ShowMore {
  text-align: center;
  color: var(--mc1) !important;
}

.slick__SeeAll i,
.footer__ShowMore i {
  transform: translateY(1px);
  margin-right: 0.5rem;
  font-weight: 100;
  font-size: 12px;
}

/* -------- Home Contact Banners -------- */

.home__ContactSlider_Wrapper{
  border-radius: var(--border-radius);
  background: var(--mc1);
  padding: 1.5rem 3.125rem;
  margin-top: var(--main-space);
}

.home__ContactSlider_Wrapper .slick-list{
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.15));
}

.home__ContactSlider{
  margin-top: -5.5rem;
}
.home__ContactSlider img{
  border-radius: var(--border-radius);
}

.home__ContactSlider .slick-dots{
  position: static;
  margin-top: 1.25rem;
}
.home__ContactSlider .slick-dots li button{
 background: rgba(217, 217, 217, 0.3) !important;
}
.home__ContactSlider .slick-dots li.slick-active button{
 background: var(--white) !important;
}


.home__ContactInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.contact__links_Wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}

.home__ContactSlider_Wrapper .WbIcon{
  background: var(--white);
  opacity: 50%;
  width: 2rem;
  height: 2rem;
  transform: translateY(8px);
}

.home__ContactSlider_Wrapper .contact__Phone{
  letter-spacing: 0.2em;
}
.home__ContactSlider_Wrapper .contact__Insta{
  letter-spacing: 0.1em;
}

.contact__Info_Wrapper .subInfo{
  color: #ABD6DF;
}
.contact__Info_Wrapper>*{
  font-size: 1.5rem;
  display: inline-block;
}
.contact__Info_Wrapper>*:last-child{
  border-bottom: solid 1px #ABD6DF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

/* PoloBanner */

.polo__Banner {
  width: 100%;
  height: auto;
  padding-top: calc(100% / 7.5);
  position: relative;
  background-image: url(https://sahbadaroo.com/Portals/_default/skins/wb-skin/Images/poloBannerBg.jpg);
  background-size: 100% 100%;
  border-radius: var(--border-radius);
  transition: var(--transition);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.polo__Banner_Inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.polo__Logo {
  width: calc(100% / 3);
  height: 100%;
  background: linear-gradient(101.89deg,
      #083f86c4 22.97%,
      rgba(0, 43, 100, 0.37) 98.56%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.polo__Logo img {
  height: 80%;
  width: auto;
}

.polo__Glasses {
  position: absolute;
  height: 125%;
  top: 50%;
  right: calc(100% / 3);
  transform: translate(+30%, -52%);
}

.polo__Glasses img {
  height: 100%;
  width: auto;
}

.polo__Moto {
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: clamp(12px, calc(1.25vw + 0.2rem), 1.5rem);
}

.polo__Moto a {
  padding: 0.5em 1em;
  border-radius: var(--border-radius-sm);
  margin-top: 4%;
  font-size: 70%;
  line-height: normal;
}

.polo__Moto a:hover {
  background: white;
  color: var(--tc1);
}

.polo__Moto a:focus {
  padding: 0.5em 1em;
  border-radius: var(--border-radius-sm);
  margin-top: 4%;
  font-size: 70%;
  line-height: normal;
  color: var(--tc1);
}


/* Home Product Lists */

.home__proSliderWrapper_Banner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
}

.proBanner__Wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius);
}

.home__Slider1 .proBanner__Wrapper {
  grid-area: 1 / 1 / 2 / 2;
  background-image: url(https://sahbadaroo.com/Portals/0/Images/popularPro.jpg);
}

.home__Slider2 .proBanner__Wrapper {
  grid-area: 1 / 3 / 2 / 4;
  background-image: url(https://sahbadaroo.com/Portals/0/Images/newPro.jpg);
}

.home__Slider1 .proList__Wrapper {
  grid-area: 1 / 2 / 2 / 4;
}

.home__Slider2 .proList__Wrapper {
  grid-area: 1 / 1 / 2 / 3;
}

.home__proSliderWrapper_Banner .ListCell {
  width: 25%;
  height: 50% !important;
}

.home__proSliderWrapper_Banner .productList {
  display: flex !important;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-bottom: -8px;
}

.home__proSliderWrapper_Banner .productList {
  margin: -8px;
}


/* -------------------------------------------------------------------------- */
/*                                 HOME CATEGORY                              */
/* -------------------------------------------------------------------------- */

/* OLD */
/* .categoryEffect__WrapCard {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.categoryEffect__Card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.homeCategory .SCat-Main li {
  padding: 0.5rem;
}

.homeCategory .categoryEffect__Card img {
  width: 100%;
  height: 100%;
  transition: var(--transition);
}

.homeCategory .categoryEffect__Card:hover img {
  transform: scale(1.05);
}

.homeCategory .categoryEffect__Card__Title {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--tc2);
  white-space: nowrap;
} */

.home__Category_Wrapper .category__Card{
  padding-top: 44%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  border-radius: 1rem;
}
.home__Category_Wrapper .category__Card .category__Title{
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%,-50%);
  font-size: clamp(0.75rem , 1.5vw , 1.25rem);
}

/* -------------------------------------------------------------------------- */
/*                                 BRANDS SLIDER                              */
/* -------------------------------------------------------------------------- */


.brandSlider .pic_box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10% 20%;
}

.brandSlider .pic_box img {
  object-fit: contain !important;
}

.brandSlider .draggable {
  padding: 0;
  margin: 0 2.5rem !important;
}

.brandSlider .slick-arrow.slick-next {
  left: 0 !important;
}

.brandSlider .slick-arrow.slick-prev {
  right: 0 !important;
}

.brandSlider .pro-single-item {
  padding: 0 !important;
  border-radius: var(--border-radius);
  margin: 0.5rem 0.5rem 1rem;
  overflow: hidden;
  transition: var(--transition);
  border: 1px solid rgba(217, 217, 217, 0.7);
}

.brandSlider .pro-single-item:hover {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
  border: solid 1px transparent;
}

.pro-photo .content {
  padding: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                                  SERVICES                                  */
/* -------------------------------------------------------------------------- */
.services {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  flex-wrap: wrap;
  transform: translateY(1rem);
}

.services__Card {
  /* width: auto !important; */
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 2rem;
  font-size: 14px;
}

.services__Card img {
  width: 50px;
  height: 50px;
  margin-bottom: 0.5rem;
}

.services__Card__Text {
  color: var(--tc1);
  font-weight: 500;
  text-align: center;
  width: calc(100% + 2rem);
  height: fit-content;
  position: absolute;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
}

.wb_Icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: var(--mc2);
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
}

.contactInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contactInfo .wb_Icon {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background: white;
  transform: translateY(-3px);
}

.home__Services_Wrapper .slick-list {
  width: 100%;
}

.home__Services_Wrapper .slick-track {
  display: flex !important;
  justify-content: space-between;
}

.services__Card {
  position: relative;
  padding-bottom: calc(2 * 1.5rem);
}

/* About Us */

.AboutUs p {
  text-align: justify;
}

/* Contact us */

.ContactForm__Info {
  margin-top: 5rem;
}

.contactUs__Wrapper {
  background: #f4f4f4;
  padding: 2rem 0rem;
}

.contactUs__Wrapper .contact__Info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contact__Info>a {
  width: 85%;
  text-align: center;
  color: #4d4c4c;
}

.contact__Title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mc1);
  margin-bottom: 1rem;
}

.contact__Info span {
  height: 24px;
  padding-right: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
}


/* -------------------------------------------------------------------------- */
/*                               HELP PAGE                              */
/* -------------------------------------------------------------------------- */

.helpMe {
  text-align: right;
  width: 500px;
  margin: 50px auto;
  padding: 20px 0;
}

.helpMe table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 16px;
  overflow: hidden;
  color: #383555;
  background: #fbfbfb;
  -webkit-box-shadow: 11px 11px 38px #c9c9c9, -11px -11px 38px #ffffff;
  box-shadow: 11px 11px 38px #c9c9c9, -11px -11px 38px #ffffff;
}

.helpMe tr td:first-child {
  background-color: #b7b7b767;
}

.helpMe tr td {
  border: 1px solid #e9e9e9;
  padding: 10px;
  text-align: center;
  width: 520px;

}

/* -------------------------------------------------------------------------- */
/*                                 RESPONSIVE                                 */
/* -------------------------------------------------------------------------- */

@media (min-width: 1200px) {
  .home__Services_Wrapper .slick-track>a:first-child {
    margin-right: 0;
  }

  .home__Services_Wrapper .slick-track>a:last-child {
    margin-left: 0;
  }

  .container {
    max-width: 1320px;
  }
}

@media (max-width: 1199px) {
  .home__Slider1 .proBanner__Wrapper {
    background-image: url(https://sahbadaroo.com/Portals/0/Images/popularPro.jpg);
  }

  .home__Slider2 .proBanner__Wrapper {
    background-image: url(https://sahbadaroo.com/Portals/0/Images/newPro.jpg);
  }

  .home__proSliderWrapper_Banner .productList__Card {
    height: 400px;
  }


  .home__proSliderWrapper_Banner .productList {
    overflow-x: scroll !important;
    flex-wrap: nowrap !important;

  }

  .home__proSliderWrapper_Banner .ListCell {
    width: 50%;
    min-width: 50%;
    height: 100% !important;

  }
}

@media (min-width: 992px) {
  .CommentOut .insertCommentBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .insertCommentBox .nameBox,
  .insertCommentBox .emailBox {
    width: calc(50% - 6px);
  }

  .insertCommentBox .opinionBox,
  .insertCommentBox .submitBox {
    width: 100%;
  }

  .home__ContactInfo{
    align-items: flex-start;
  }

  .home__Category_Wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .category__Card{
    padding-top: 11% !important;
    margin-bottom: 1rem;
    width: calc(25% - 16px);
    min-width: calc(25% - 16px);
  }


}

@media (max-width: 991px) {
  main {
    padding-top: 0.5rem;
  }

  #dnn_SliderPaneRight>div {
    margin-top: 1rem;
  }

  .home__proSliderWrapper_Banner .productList__Card {
    height: 300px;
  }

  .homeCategory .SCat-Main li {
    min-width: 300px;
  }

  #appendCatsMobile {
    /* padding-bottom: 12px; */
    border-bottom: 2px solid var(--mc1);
  }

  .sideUp {
    position: fixed;
    left: 0;
    top: 0;
    padding: 80px 0 0;
    height: 100vh;
    width: 100vw;
    background: white;
    background-position: center bottom;
    background-size: cover;
    z-index: 999;
    display: flex;
    transform: translateX(100%);
    transition: all 0.2s;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
  }

  /* .sideUp::before{
    content: "";
    width: 100%;
    height: 78px;
    position: sticky;
    top: 0;
    background: var(--white);
    left: 0;
    z-index: 1000;
    transform: translateY(-100%);
  } */

  .sideUp__Search {
    padding: 80px 15px 0;
  }

  .home__ContactSlider .slick-dots{
    margin-bottom: 1rem;
  }

  .contact__Info_Wrapper>* {
    font-size: 1rem;
  }

  .home__ContactSlider_Wrapper .WbIcon{
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(5px);
    padding: 0;
  }

  .home__Category_Wrapper .category__Card{
    transform: translate(-50%);
    margin: 0 0.5rem;
    padding-top: 1.7%;
    border-radius: 0.5rem;
  }

  .home__Category_Wrapper .slick-arrow.slick-prev{
    top: 100% !important;
    right: 50% !important;
    transform: translate(+100%,25%) !important;
  }
  .home__Category_Wrapper .slick-arrow.slick-next{
    top: 100% !important;
    left: 50% !important;
    transform: translate(-100%,25%) !important;
  }

  .home__Category_Wrapper .slick-list{
    overflow: visible;
  }


}

@media (min-width: 768px) and (max-width: 991px) {
  .contact__Info_Wrapper>*:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
  }
  .contact__Info_Wrapper>*:first-child{
    border-bottom: solid 1px #ABD6DF;
    width: fit-content;
  }
  .contact__links_Wrapper{
    align-items: flex-end;
  }
}
@media (min-width: 577px) and (max-width: 991px) {
  .CommentOut {
    margin-bottom: 32px !important;
  }

  .fz-xs {
    font-size: 0.75rem;
    line-height: 1.5rem;
    /* 12px */
  }

  .fz-sm,
  .Main-Menu li a {
    font-size: 0.75rem;
    line-height: 1.5rem;
    /* 12px */
  }

  .fz-md {
    font-size: 0.875rem;
    line-height: 1.5rem;
    /* 14px */
  }

  .fz-lg,
  .title_Sm,
  .blogDetail article h2,
  .blogDetail article h3,
  .blogDetail article h4 {
    font-size: 1rem;
    line-height: 1.75rem;
    /* 16px */
  }

  .fz-xl,
  .title_Md {
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .fz-xxl,
  .title_Lg {
    font-size: 1.5rem;
    line-height: normal;
  }

  .categoryEffect div {
    overflow-x: scroll;
  }
}

@media (min-width: 768px) {
  .home__Slider1 .productList {
    transform: translateX(-16px);
  }
  .brandSlider .slick-dots {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .home__ContactBanner_Wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 1rem;
  }

  .polo__Logo img {
    display: none;
  }

  .polo__Logo {
    width: 25%;
  }

  .polo__Glasses {
    height: 110%;
    right: 17%;
  }

  .polo__Banner {
    padding-top: calc(100% / 4.5);
  }

  .polo__Moto {
    width: 50%;
    padding: 0.5rem;
  }

  .brandSlider .slick-arrow {
    display: none !important;
  }

  .services {
    margin: 0.5rem;
    transform: translateY(0deg);
  }

  .brandSlider .draggable {
    margin: 0 0.5rem 3.5rem !important;
  }

  .home__proSliderWrapper_Banner .ListCell {
    height: auto;
  }

  .home__proSliderWrapper_Banner .ListCell {
    width: 260px;
    min-width: 260px;
  }


  .home__proSliderWrapper_Banner {
    display: flex;
    flex-direction: column;
  }

  .proBanner__Wrapper {
    width: 100%;
    padding-top: 75%;
    margin-bottom: 1.5rem;
  }

  .home__Slider1 .proBanner__Wrapper {
    background-image: url(https://sahbadaroo.com/Portals/0/Images/popularPro_Mob.jpg);
  }

  .home__Slider2 .proBanner__Wrapper {
    background-image: url(https://sahbadaroo.com/Portals/0/Images/newPro_Mob.jpg);
  }

  .proList__Wrapper {
    width: 100%;
  }

  .home__proSliderWrapper_Banner .productList {
    width: 101% !important;
  }


  .brandSlider .slick-list {
    overflow: visible !important;
  }

  .services__Card {
    /* width: auto !important; */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 1.2rem;
    font-size: 11px;
  }

  /* call sticty button */
  .call__StickyButton {
    position: fixed;
    bottom: 5rem;
    left: 1rem;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 123, 140, 0.2);
    background: var(--mc1);
    z-index: 98;
  }
  .call__StickyButton .WbIcon{
    width: 50%;
    height: 50%;
    background-color: white ;
  }

  .home__ContactInfo > div{
    align-items: center;
    text-align: center;
  }

  .home__ContactSlider_Wrapper .slick-list{
    margin: 0 -2rem;
  }
}

@media all and (max-width: 576px) {
  .CommentOut {
    margin-bottom: 32px !important;
  }


  .fz-xs {
    font-size: 0.75rem;
    line-height: 1.5rem;
    /* 12px */
  }

  .fz-sm,
  .Main-Menu li a {
    font-size: 0.75rem;
    line-height: 1.5rem;
    /* 12px */
  }

  .fz-md {
    font-size: 0.875rem;
    line-height: 1.5rem;
    /* 14px */
  }

  .fz-lg,
  .title_Sm,
  .blogDetail article h2,
  .blogDetail article h3,
  .blogDetail article h4 {
    font-size: 1rem;
    line-height: 1.75rem;
    /* 16px */
  }

  .fz-xl,
  .title_Md {
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .fz-xxl,
  .title_Lg {
    font-size: 1.5rem;
    line-height: normal;
  }

  .polo__Moto {
    margin-right: 18%;
    align-items: center;
    text-align: center;
  }

  .polo__Banner {
    padding-top: calc(100% / 4) !important;
  }

  /* scroll */
  /* .home__Category_Wrapper{
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    display: flex;
    margin: 0 -15px;
  }

  .home__Category_Wrapper .category__Card{
    min-width: 20rem;
    width: 20rem;
    padding-top: 8.75rem;
    transform: translate(0);
  } */

  /* slick */
  .home__Category_Wrapper .category__Card{
    transform: translate(0);
    padding-top: 2%;
  } 

}