@charset "utf-8";
@font-face {
  font-family: IRANSans;
  src: url("../fonts/IRANSansWebFa.woff2");
  font-weight: 100;
}
@font-face {
  font-family: IRANSans;
  color: black;
  src: url("../fonts/IRANSansWebFa_Black.woff2");
  font-weight: 100;
}
@font-face {
  font-family: IRANSans;
  color: #fff;
  src: url("../fonts/IRANSansWebFa_Light.woff2");
  font-weight: 100;
}
@font-face {
  font-family: IRANSans;
  font-weight: 500;
  src: url("../fonts/IRANSansWebFa_Medium.woff2");
}
@font-face {
  font-family: IRANSans;
  font-weight: bold;
  src: url("../fonts/IRANSansWebFa.woff2");
}
@font-face {
  font-family: icomoon;
  font-weight: bold;
  src: url("../fonts/icomoon.ttf");
}
* {
  font-family: "IRANSans";
  text-align: justify !important;
}

:root {
  --primary-bg-color: #1d7dc4;
  --secondary-bg-color: #dee3ee;
  --third-bg-color: #75b4e3;
  --primary-btn-bg-color: #3186c8;
  --primary-btn-color: #c0d8eb;
  --hover-menu-color: #3186c8;
  --hover-bg-color: #004c98;
  --hover-link-btn-color: #b2cce2;
  --dark-black-color: #3b3b3b;
  --primary-bg-gradient-color: linear-gradient(
    to bottom,
    #3791d6 0%,
    #3791d6 9%,
    #2571af 36%,
    #1d67a4 47%,
    #17619f 56%,
    #0d5da3 74%,
    #0860ae 91%,
    #0860ae 100%
  );
  --border-menu-color: #3389cc;
  --dark-menu-color: #004c98;
}

body.active-hover-side-menu::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #15151575;
  z-index: 999;
  transition: all 0.5s;
}

/*                    GENERAL STYLE                             */

img {
  height: auto !important;
  max-width: 100% !important;
}

a {
  transition: all 0.3s;
  text-decoration: none !important;
}

a:hover {
  color: var(--hover-menu-color) !important;
}

:focus,
:hover {
  box-shadow: none !important;
}

path[fill="#d5d4ff"] {
  fill: #d5d4ff !important;
}

path[fill="#3186c8"] {
  fill: #3186c8 !important;
}
#footer .footer_logo_container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#footer .footer_logo_container img {
  max-width: 100%;
  margin: 0 auto;
}
#footer #sn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 27px;
  flex: 0 !important;
  width: 100%;
  max-width: 100% !important;
}
#footer #footer_about {
  font-size: 13px;
  text-align: justify;
}
#bottom_bar {
  height: auto;
  padding: 0 15px !important;
  align-items: center !important;
  margin: 0 !important;
  background: #02336c !important;
  border-top: 15px solid #f8f9fa;
}
#bottom_bar #top_menu a {
  color: #ffffff !important;
}

[class*=" icon-"],
[class^="icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.carousel-item {
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border-top: none !important;
  border-bottom: none !important;
}
.flex_vertical_center {
  align-items: center;
}
#top_menu {
  right: auto !important;
  justify-content: flex-end !important;
  padding: 0.5rem !important;
}
#top_menu a {
  color: var(--dark-black-color) !important;
  margin-top: 5px;
  width: max-content !important;
  transition: all 0.3s;
  font-size: 13px;
}
#top_menu a.nav-link:after {
  content: "";
  width: 0px;
  height: 2px;
  display: flex;
  margin-top: 5px;
  transition: all 0.3s;
}
#top_menu a.nav-link:hover {
  color: var(--hover-menu-color) !important;
}

#top_menu a.nav-link:hover:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--hover-menu-color) !important;
  display: flex;
  margin-top: 5px;
  border-radius: 30px;
}

/*             Top Menu Bar              */
.top-menu-bar {
  background-color: var(--secondary-bg-color);
}

/*             INPUT SEARCH FORM STYLE                  */

.row.flex_vertical_center.mb-3 {
  background-color: var(--primary-bg-color) !important;
  box-shadow: 0 0 25px -9px rgb(0 0 0 / 13%) !important;
  padding: 12px;
  justify-content: space-between;
  margin-bottom: 2rem !important;
}

.input-group {
  align-items: center !important;
}

.input-group .form-control {
  border: 1px solid var(--third-bg-color);
  padding: 0.7em 0.95rem !important;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s;
  border-radius: 0.25rem !important;
  background: var(--third-bg-color) !important;
  width: 100%;
  color: var(--dark-black-color);
}

.input-group .form-control:focus {
  background: #ffffff !important;
  box-shadow: 0 0 30px -9px #575757c9 !important;
}

.input-group .input-group-append {
  position: absolute;
  top: 0px;
  left: 0px;
}

.input-group .input-group-append #search_button {
  border: 0;
  color: #ffffff;
  background: #535353;
  z-index: 99 !important;
  padding: 0.75em 1.2em;
  border-radius: 0.25rem !important;
}

.input-group .input-group-append #search_button:hover {
  color: var(--hover-link-btn-color);
  background-color: var(--hover-bg-color);
}

.row.flex_vertical_center.mb-3 .col-2.clearfix {
  flex: 0;
  max-width: max-content !important;
  display: flex;
  transition: all 0.3s;
  position: fixed;
  bottom: 8.1%;
  left: 0.5rem;
  z-index: 999;
  padding: 12px 7px;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

.col-2.clearfix .float-right {
  float: none !important;
  width: 63%;
  margin-top: 12px;
}

.col-2.clearfix #top_phone {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.col-2.clearfix #top_phone > a .icon-phone {
  color: var(--dark-black-color) !important;
  font-size: 23px;
}

.col-2.clearfix #top_phone > a > span {
  display: none;
}

/*                    MENU SIDE STYLE                          */

.col-3.total-side-menu {
  border-radius: 9px;
  margin: 0 20px;
  flex: 0 0 22% !important;
  padding: 0 9px !important;
  height: max-content;
  position: sticky;
  top: 25px;
  z-index: 999 !important;
  background-image: var(--primary-bg-gradient-color);
}

#side_menu .has_child > a {
  border-radius: 5px;
  margin: 5px auto !important;
  transition: all 0.3s;
  color: #ffffff !important;
}
#side_menu > ul > .has_child > a:hover {
  background: var(--hover-bg-color);
  transform: scale(1.03);
}
#side_menu a {
  display: flex;
  align-items: center;
  margin: 4px;
  border-radius: 3px;
  justify-content: space-between;
  padding: 13px;
  font-size: 16px;
  color: #ffffff;
}
#side_menu a > .menu-title {
  margin-left: auto;
}
#side_menu a i {
  font-size: 23px;
  width: 39px;
  display: inline-block;
}
#side_menu a,
#side_menu a:hover {
  text-decoration: none;
}
#side_menu > ul {
  margin: 0 !important;
  list-style: none;
  padding-right: 0;
}
#side_menu ul li {
  width: 100% !important;
  position: relative;
}

#side_menu > ul > .has_child:hover > ul.collapse {
  display: flex;
  flex-wrap: wrap;
}

#side_menu ul ul.collapse {
  padding: 0;
  box-shadow: 0 0 25px -9px rgb(0 0 0 / 13%) !important;
  transform: translate(-6px, 0);
  border-radius: 5px;
}

#side_menu ul ul.collapse li {
  list-style: none;
  border-bottom: 1px solid var(--border-menu-color);
}

#side_menu ul ul.collapse li.has_child:first-child {
  border-bottom: 0 !important;
}

#side_menu ul ul.collapse li:last-child {
  border-bottom: 0;
}

#side_menu ul ul.collapse ul.collapse li:first-child {
  border-top: 1px solid var(--border-menu-color);
}

#side_menu ul ul.collapse li:not(.has_child) a:hover {
  background: #ecf5ff !important;
}

#side_menu ul ul.collapse li a {
  text-align: right !important;
  white-space: nowrap !important;
  font-size: 12.5px;
}

#side_menu ul ul.collapse > li.has_child {
  width: 50% !important;
}

#side_menu ul ul {
  position: absolute;
  right: 100%;
  background: var(--dark-menu-color);
  top: 0;
  z-index: 100;
  border: 1px solid var(--dark-menu-color);
  border-radius: 3px;
  min-width: 300px;
  box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.13);
}

#side_menu ul li:hover > ul {
  display: block;
}
#side_menu > ul li:not(:last-child) {
  border-bottom: 1px solid var(--dark-menu-color);
}
#side_menu ul ul li.has_child > a {
  color: #ffffff !important;
  font-size: 14px;
}
#side_menu ul ul li.has_child > a svg {
  display: none;
}
#side_menu ul ul li.has_child ul {
  display: contents;
  right: 0;
  top: 100%;
  min-width: auto;
  width: 100%;
  box-shadow: none;
}
#side_menu ul ul li.has_child:not(:last-child) {
  border-left: 1px solid var(--border-menu-color);
}

/*                    SLIDER MAIN AND ADS STYLE                          */

#main_slider .owl-carousel .owl-stage-outer,
#main_ads .owl-carousel .owl-stage-outer {
  border-radius: 15px !important;
}

#main_slider .owl-carousel .owl-item img,
#main_ads .owl-carousel .owl-item img {
  border-radius: 15px;
  transition: all 0.3s;
}

#main_slider .owl-carousel .owl-item img:hover,
#main_ads .owl-carousel .owl-item img:hover {
  opacity: 0.7;
}

#main_ads2 .owl-stage-outer {
  padding: 23px 0 !important;
}

#main_ads2 .owl-carousel .owl-item img {
  border-radius: 9px;
  transition: all 0.3s;
}

#main_ads2 .owl-carousel .owl-item img:hover {
  box-shadow: 0 0 25px -9px rgb(0 0 0 / 30%) !important;
  transform: scale(1.03);
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center !important;
}

/*                    BLOG RECENT POST MAIN STYLE                          */

#recent_posts {
  margin-top: 2rem !important;
}

#recent_posts .card {
  background-color: var(--secondary-bg-color) !important;
  box-shadow: 0 0 25px -9px #a6a6a64d !important;
  border: 0 !important;
  border-radius: 9px !important;
  transition: all 0.3s;
}

#recent_posts .card:hover {
  box-shadow: 0 0 50px -9px #312f2f4d !important;
  background-color: var(--primary-bg-color) !important;
}

#recent_posts .card .card-img-top {
  border-radius: 9px;
  padding: 3px;
}

#recent_posts .card .card-body .card-title {
  font-weight: 600;
  font-size: 18px;
  color: #2c2c2c !important;
}

#recent_posts .card:hover .card-body .card-title {
  color: #ffffff !important;
}

#recent_posts .card .card-body .card-text {
  position: relative !important;
  font-size: 13px;
  color: #909090;
  height: 100px;
  overflow: hidden;
}

#recent_posts .card:hover .card-body .card-text {
  color: #ffffff !important;
}

#recent_posts .card .card-body > a {
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color) !important;
  padding: 8px 17px;
  border-radius: 5px;
  font-size: 13px !important;
  display: flex;
  justify-content: center;
}

#recent_posts .card .card-body > a:hover {
  background-color: var(--hover-bg-color);
  color: var(--hover-link-btn-color) !important;
}

/*                    FOOTER STYLE                          */

#footer {
  background-color: #013c80 !important;
  box-shadow: 0 0 25px -9px #eeeeee;
  margin-top: 2rem !important;
  color: #ffffff !important;
}

#footer::before {
  display: none;
}

#footer > .col-12 {
  padding: 0 !important;
  overflow: hidden;
}

#footer > .col-12 > .row {
  align-items: flex-start;
  padding: 0 15px 45px;
}

#footer > .col-12 > .row {
  align-items: flex-start;
  padding: 0 15px 45px;
}

#footer > .col-12 > .row .footer_logo_container {
  flex: 0 0 22% !important;
  max-width: 22% !important;
}

#footer > .col-12 > .row .contact {
  flex: 0 0 28% !important;
}

#footer > .col-12 > .row .contact .row .col-11 {
  flex: 100% !important;
  width: 100%;
  max-width: 100% !important;
}

#footer > .col-12 > .row .contact .row .col-11 h4 {
  font-size: 17px;
  margin-bottom: 23px;
  font-weight: 600;
}

#footer > .col-12 > .row .contact p {
  color: #d1d1d1 !important;
}

#footer > .col-12 > .row .contact p .icon-marker,
#footer > .col-12 > .row .contact p .icon-phone,
#footer > .col-12 > .row .contact p .icon-info {
  color: var(--hover-menu-color);
}

#footer > .col-12 > .row #footer_certs {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

#footer > .col-12 > .row #footer_certs img {
  background-color: var(--secondary-bg-color);
  padding: 15px 9px;
  margin: 9px;
  width: 8rem;
  height: 8.4rem !important;
  border-radius: 5px;
  object-fit: contain;
  box-sizing: border-box;
}

#footer > .col-12 #bottom_bar #top_menu {
  justify-content: flex-start !important;
}

#footer > .col-12 #bottom_bar > .col-4 span {
  color: #cdcfd1 !important;
}

#footer > .col-12 #bottom_bar > .col-3 a {
  color: #d1d1d1;
}

#content_container > #article .picture {
  display: flex;
  justify-content: center;
}

#content_container > #article .picture img {
  border-radius: 9px !important;
}

/*            PAGINATION BLOG STYLE            */

#content_container .pagination .page-item .page-link {
  color: #7a7a7a;
  background-color: #eaeaea;
  border-color: #eaeaea;
  padding: 7px 14px;
}

#content_container .pagination .page-item.active .page-link {
  color: var(--primary-btn-color) !important;
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-btn-bg-color);
  padding: 7px 13px;
}

#content_container > #article .content a,
#content_container .content a {
  border: 0;
  color: var(--hover-menu-color) !important;
  padding: 3px;
  box-sizing: border-box;
  border-radius: 0.25rem !important;
}

#content_container > #article .content img {
  border-radius: 5px;
}

/*                    TABLE PRODUCT VS CATEGORY STYLE                          */

#content_container .product_container table.prod_table thead tr {
  background: var(--primary-bg-color);
}

#content_container .product_container table.prod_table tbody tr:nth-child(odd) {
  background-color: #f2f2f2 !important;
}

#content_container .product_container table.prod_table th {
  text-align: center;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: 900;
  border: 1px solid #f2f2f2;
  white-space: nowrap !important;
  width: max-content !important;
  padding: 0.5rem !important;
}

#content_container .product_container table.prod_table td {
  text-align: right !important;
  white-space: nowrap !important;
  width: max-content !important;
  padding: 0.5rem !important;
  font-size: 13px !important;
}

/*                   BIG TABLET SCREEN STYLE                          */

@media only screen and (max-width: 1024px) {
  #content_container {
    flex: 0 0 72.5% !important;
  }
}

/*                   TABLET SCREEN STYLE                          */

@media only screen and (max-width: 768px) {
  .col-3.total-side-menu {
    position: relative;
    top: 0;
    margin: 0 0 2rem;
    border-radius: 0;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #side_menu > ul > .has_child > a:hover {
    transform: scale(1.01);
  }

  #side_menu ul ul.collapse {
    position: relative !important;
    right: 0;
    transform: translate(0, 0) scale(1.01);
    background: #fafafa;
  }

  #content_container {
    flex: 0 0 98% !important;
    max-width: 98% !important;
    margin: 0 auto;
  }

  #footer #sn a {
    margin: 3px;
  }
}

.article {
  align-items: center;
  padding: 25px 15px 25px 30px;
  margin: 0 15px 15px;
  border-radius: 9px;
  transition: all 0.3s;
  border: 2px solid var(--secondary-bg-color);
}
#content_container > .article:hover {
  background: var(--hover-bg-color);
  box-shadow: 0 0 25px -9px #a6a6a64d !important;
}
#content_container > .article img.img-thumbnail {
  border-radius: 5px !important;
  border: 1px solid var(--hover-link-btn-color) !important;
}
.article a {
  text-decoration: none;
}
.article h3 {
  font-weight: 600;
  font-size: 17px;
  color: #2c2c2c !important;
}
#content_container > .article:hover h3 {
  color: var(--hover-link-btn-color) !important;
}
.article p {
  font-size: 0.69rem;
  color: #909090;
}
#content_container > .article:hover p {
  color: #ffffff !important;
}

#content_container > #article .description,
#content_container > #article .content {
  padding: 0px 57px;
  line-height: 27px;
}

#article .title h1 {
  font-size: 1.3rem;
}
#article .description h3 {
  font-size: 1rem;
  color: #2a2a2a !important;
  line-height: 27px;
}
#article .content p {
  text-align: justify;
  color: #494949 !important;
  line-height: 27px;
  font-weight: 900 !important;
}
#content_container {
  overflow: inherit;
  max-height: initial;
  position: relative;
  background-color: var(--secondary-bg-color);
  padding: 23px;
  border-radius: 9px;
  flex: 0 0 73% !important;
  max-width: 73% !important;
}
#content_container .cheader {
  padding: 15px;
  margin-bottom: 13px;
  position: sticky;
  top: 0;
  z-index: 6;
}
#content_container .cheader > div {
  background: var(--primary-bg-color) !important;
  border-radius: 9px;
  padding: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#content_container .cheader h3 {
  font-size: 23px;
  margin: 0 !important;
  font-weight: 600;
}
#content_container .cheader p.date {
  font-size: 17px;
  margin-bottom: 0 !important;
}
#order_status_modal .modal-body h3 {
  font-size: 20px;
  padding: 23px;
}
.product_container {
  margin-bottom: 23px;
  overflow: auto !important;
}
.product_container .product_header {
  background: var(--secondary-bg-color);
  border-radius: 9px 9px 0 0;
  padding: 12px 9px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 2px solid #eeeeee;
  overflow: hidden;
  margin-bottom: 13px;
}
#content_container .product_container table.prod_table {
  background-color: #ffffff !important;
}
.product_container .product_header .update_time {
  font-size: 12px;
  margin-right: 23px;
  margin-bottom: 0;
  color: var(--hover-menu-color) !important;
}

#content_container .product_container .product_header .update_time span {
  color: #939393 !important;
}

.product_container .product_header h3 {
  margin-bottom: 0 !important;
  padding: 8px 23px;
  color: #2a2a2a !important;
  font-weight: 600;
  font-size: 21px;
}
.product_container .product_header a {
  padding: 12px 25px;
  border-radius: 5px;
  border: 0 !important;
}

#content_container .product_container .product_header .order_product {
  margin-right: auto !important;
  background-color: var(--primary-btn-bg-color);
  color: #ffffff !important;
  white-space: nowrap;
}

#content_container .product_container .product_header .print_price {
  margin-right: 9px !important;
  margin-left: 5px;
  background-color: var(--primary-btn-color);
  color: var(--primary-btn-bg-color);
}

#content_container .product_container .product_header .print_price:hover {
  background-color: var(--hover-bg-color) !important;
  color: var(--hover-link-btn-color) !important;
}

.modal {
  z-index: 99999 !important;
}

#order_form .modal-header {
  background: var(--primary-btn-bg-color) !important;
}

#order_form .form-group #order_product_name {
  color: #2a2a2a !important;
  background-color: #e3e3e3;
}

#order_form .form-group #order_name,
#order_form .form-group #order_mobile,
#order_form .form-group #order_description {
  border: 1px solid #dddddd;
  padding: 0.5em 0.85rem !important;
  height: auto !important;
  box-sizing: border-box;
  transition: all 0.3s;
  border-radius: 0.25rem !important;
}

#order_form .form-group #order_name:focus,
#order_form .form-group #order_mobile:focus,
#order_form .form-group #order_description:focus {
  border: 1px solid var(--primary-btn-bg-color);
  box-sizing: border-box !important;
  box-shadow: 0 0 30px -5px #e3dbe6 !important;
}

#order_form .modal-footer #order_submit {
  background-color: var(--primary-bg-color);
  color: #ffffff !important;
  padding: 9px 21px;
  border-radius: 5px;
  border: 0 !important;
}

.prod_table .amp_l .amp {
  color: #df1d1d;
}
.prod_table .amp_m .amp {
  color: #8d8d8d;
}
.prod_table .amp_h .amp {
  color: #1ddf21;
}
#footer #sn a {
  margin: 3px;
  transition: all 0.3s;
  border-radius: 5px;
  box-sizing: border-box !important;
  background-color: var(--secondary-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
#footer > .col-12 > .row #sn a:hover {
  transform: scale(1.05);
  background-color: var(--hover-bg-color);
}
#footer #sn img {
  width: 21px;
  height: 21px;
  max-width: max-content !important;
}
#footer .contact h4 {
  font-size: 13px;
}
#footer .contact p {
  font-size: 11px;
  font-weight: 100;
}
#footer .contact p i {
  float: right;
  margin-left: 13px;
  font-size: 13px;
}
#priceModal .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#priceModal .modal-footer select {
  display: inline-block !important;
  width: auto;
}

#top_short_news span {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 13px;
  color: var(--dark-black-color);
}
#top_short_news span a {
  background-color: var(--primary-btn-bg-color);
  color: #ffffff !important;
  padding: 5px 17px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  margin-right: 13px;
  box-sizing: border-box;
}

/*                   SNEWS STYLE                          */

.snews {
  align-items: center;
  border-radius: 10px;
  padding: 32px 35px;
  position: relative;
}

#content_container .snews > .row {
  align-items: center !important;
}

#content_container .snews:nth-child(odd) {
  background-color: #fbfbfe !important;
}

.snews.amp_l {
  border-right: 6px solid #df1d1d;
}
.snews.amp_m {
  border-right: 6px solid #395898;
}
.snews.amp_h {
  border-right: 6px solid #1ddf21;
}
.snews.amp_n {
  border-right: 6px solid #dbdbdb;
}
.snews a {
  text-decoration: none;
}
.snews h3 {
  font-size: 17px;
  color: #2a2a2a;
  margin-bottom: 12px;
}
.snews p {
  color: #818181;
  font-size: 12px;
  margin-bottom: 0;
}
.snews p.date {
  color: #757575;
  font-size: 13px;
  margin-bottom: 9px;
  text-align: center;
  display: block;
}
.snews p.time {
  color: var(--primary-btn-color);
  font-size: 13px;
  margin-bottom: 9px;
  text-align: center !important;
  display: block;
}

#content_container .snews p.time::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}

.snews a.btn-sm {
  background-color: #395898 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  padding: 7px 17px !important;
  width: max-content !important;
  margin: 0 auto;
  border-radius: 9px;
  text-align: center !important;
  display: block;
}

#content_container .snews a.btn-sm:hover {
  color: #ffffff !important;
}

#content_container .snews a.btn-sm::after {
  content: "\f053" !important;
  font-family: "Font Awesome 5 Free" !important;
  padding-right: 5px;
  font-weight: 600 !important;
}

#top_logo {
  background-color: var(--secondary-bg-color);
  border-radius: 12px;
}

#top_logo img {
  max-width: 240px;
  margin: auto;
  display: block;
  max-height: 105px;
  padding: 8px;
}
::placeholder {
  color: #ccc !important;
  font-weight: 100;
  font-size: 11px;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc !important;
  font-weight: 100;
  font-size: 11px;
}
::-ms-input-placeholder {
  color: #ccc !important;
  font-weight: 100;
  font-size: 11px;
}
.icon-calculator1:before {
  content: "\e95c";
}
.icon-shemsh:before {
  content: "\e954";
}
.icon-shemsh1:before {
  content: "\e947";
}
.icon-soole1:before {
  content: "\e955";
}
.icon-soole:before {
  content: "\e94d";
}
.icon-nabshi1:before {
  content: "\e956";
}
.icon-nabshi:before {
  content: "\e949";
}
.icon-milgerd1:before {
  content: "\e958";
}
.icon-milgerd:before {
  content: "\e946";
}
.icon-loole1:before {
  content: "\e959";
}
.icon-loole2:before {
  content: "\e95a";
}
.icon-loole:before {
  content: "\e94c";
}
.icon-ghooti1:before {
  content: "\e95b";
}
.icon-ghooti:before {
  content: "\e94b";
}
.icon-maftooli:before {
  content: "\e94f";
}
.icon-tirahan1:before {
  content: "\e957";
}
.icon-tirahan:before {
  content: "\e948";
}
.icon-varagh:before {
  content: "\e94a";
}
.icon-etesalat:before {
  content: "\e94e";
}
.icon-globe:before {
  content: "\e953";
}
.icon-filter:before {
  content: "\e950";
}
.icon-sort:before {
  content: "\e951";
}
.icon-check-square:before {
  content: "\e942";
}
.icon-home:before {
  content: "\e941";
}
.icon-breaking:before {
  content: "\e93a";
}
.icon-share:before {
  content: "\e93b";
}
.icon-calendar:before {
  content: "\e939";
}
.icon-calculator:before {
  content: "\e934";
}
.icon-cart-2:before {
  content: "\e935";
}
.icon-chart:before {
  content: "\e936";
}
.icon-loading:before {
  content: "\e937";
}
.icon-print:before {
  content: "\e938";
}
.icon-sort-up:before {
  content: "\e932";
}
.icon-sort-down:before {
  content: "\e933";
}
.icon-minus:before {
  content: "\e931";
}
.icon-shield:before {
  content: "\e930";
}
.icon-close:before {
  content: "\e92e";
}
.icon-album:before {
  content: "\e901";
}
.icon-arrow-bottom-left:before {
  content: "\e902";
}
.icon-arrow-left:before {
  content: "\e903";
}
.icon-arrow-left-circle:before {
  content: "\e906";
}
.icon-arrow-right:before {
  content: "\e904";
}
.icon-arrow-top:before {
  content: "\e905";
}
.icon-arrow-down:before {
  content: "\e952";
}
.icon-bars:before {
  content: "\e907";
}
.icon-box:before {
  content: "\e908";
}
.icon-camera:before {
  content: "\e909";
}
.icon-card:before {
  content: "\e90a";
}
.icon-cart:before {
  content: "\e90b";
}
.icon-chat:before {
  content: "\e90c";
}
.icon-chevron-down:before {
  content: "\e90d";
}
.icon-chevron-up:before {
  content: "\e944";
}
.icon-chevron-left:before {
  content: "\e90e";
}
.icon-chevron-right:before {
  content: "\e945";
}
.icon-cog:before {
  content: "\e90f";
}
.icon-company:before {
  content: "\e910";
}
.icon-dollar:before {
  content: "\e911";
}
.icon-file:before {
  content: "\e913";
}
.icon-file-add:before {
  content: "\e914";
}
.icon-gmail:before {
  content: "\e915";
}
.icon-headphones:before {
  content: "\e916";
}
.icon-info:before {
  content: "\e917";
}
.icon-exclamation-circle:before {
  content: "\e92f";
}
.icon-instagram:before {
  content: "\e918";
}
.icon-lock:before {
  content: "\e91a";
}
.icon-mail:before {
  content: "\e91c";
}
.icon-mail-right:before {
  content: "\e91b";
}
.icon-marker:before {
  content: "\e91d";
}
.icon-mobile:before {
  content: "\e91e";
}
.icon-pencil:before {
  content: "\e91f";
}
.icon-phone:before {
  content: "\e920";
}
.icon-phone2:before {
  content: "\e943";
}
.icon-plus:before {
  content: "\e921";
}
.icon-plus-circle:before {
  content: "\e900";
}
.icon-power:before {
  content: "\e922";
}
.icon-question:before {
  content: "\e923";
}
.icon-search:before {
  content: "\e924";
}
.icon-select:before {
  content: "\e925";
}
.icon-sun:before {
  content: "\e926";
}
.icon-time:before {
  content: "\e928";
}
.icon-truck:before {
  content: "\e929";
}
.icon-upload:before {
  content: "\e92b";
}
.icon-user:before {
  content: "\e92c";
}
.icon-google-plus:before {
  content: "\e93c";
}
.icon-linkedin:before {
  content: "\e919";
}
.icon-facebook2:before {
  content: "\e93d";
}
.icon-facebook:before {
  content: "\e912";
}
.icon-telegram:before {
  content: "\e927";
}
.icon-telegram2:before {
  content: "\e93e";
}
.icon-twitter2:before {
  content: "\e93f";
}
.icon-twitter:before {
  content: "\e92a";
}
.icon-whatsapp2:before {
  content: "\e940";
}
.icon-whatsapp:before {
  content: "\e92d";
}

.ico-font-service::before {
  content: "\f2b5";
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal !important;
  height: 24px;
}

.amp_m .colorize {
  color: #395898;
}
.amp_l .colorize {
  color: #df1d1d;
}
.amp_h .colorize {
  color: #1ddf21;
}
.snews .colorize {
  font-size: 14px;
}
a.display_prices {
  float: right;
}
.product_description {
  background: #ffffff;
  border-radius: 9px 9px 0 0;
  padding: 12px 9px;
  border: 2px solid #eeeeee;
  overflow: hidden;
  margin-bottom: 13px;
}
.product-text {
  padding: 5px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}

.team4 {
  font-family: "Montserrat", sans-serif;
  color: #8d97ad;
  font-weight: 300;
}

.team4 h1,
.team4 h2,
.team4 h3,
.team4 h4,
.team4 h5,
.team4 h6 {
  color: #3e4555;
  text-align: center !important;
}

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

.team4 h5 {
  line-height: 22px;
  font-size: 18px;
  text-align: center !important;
}

.team4 .subtitle {
  color: #8d97ad;
  line-height: 24px;
  font-size: 13px;
  text-align: center !important;
}

.team4 ul li a {
  color: #8d97ad;
  padding-right: 15px;
  -webkit-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
.team4 p {
  text-align: center !important;
  font-weight: 500;
  font-size: 14px;
}
.team4 ul li a:hover {
  -webkit-transform: translate3d(0px, -5px, 0px);
  transform: translate3d(0px, -5px, 0px);
  color: #316ce8;
}
.team4 .col-lg-3.mb-4 {
  background: #fff;
  padding: 20px;
  border: 4px solid #f8f9fa;
}
.team4 img.radius {
  border-radius: 50% !important;
}