@font-face {
  font-family: "yekanBakh-Fat";
  src: url("../fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.eot") format("embedded-opentype"), url("../fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.woff") format("woff"), url("../fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "yekanBakh-Heavy";
  src: url("../fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.eot") format("embedded-opentype"), url("../fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.woff") format("woff"), url("../fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "yekanBakh-Bold";
  src: url("../fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.eot") format("embedded-opentype"), url("../fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.woff") format("woff"), url("../fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "yekanBakh-Medium";
  src: url("../fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.eot") format("embedded-opentype"), url("../fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.woff") format("woff"), url("../fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "yekanBakh-Regular";
  src: url("../fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.eot") format("embedded-opentype"), url("../fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.woff") format("woff"), url("../fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.ttf") format("truetype");
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  direction: rtl;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

p {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-30 {
  gap: 30px;
}

.img-container {
  position: relative;
  overflow: hidden;
  display: block;
}
.img-container::after {
  content: "";
  display: block;
}

.img-container-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-cover img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.primary-btn {
  font-size: 16px;
  color: #ffffff;
  font-family: "yekanBakh-Regular";
  background: rgb(2, 2, 128);
  padding: 10px 35px;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.primary-btn:hover {
  background: rgb(0, 0, 212);
  color: #ffffff;
}
.primary-btn span {
  margin-right: 5px;
}

.slogan {
  font-size: 32px;
  color: #000;
  font-family: "yekanBakh-Heavy";
  position: relative;
}
.slogan::after, .slogan::before {
  content: "\e91f";
  font-family: "icomoon";
  position: absolute;
  left: -25px;
  top: -5px;
  font-size: 18px;
  color: rgb(2, 2, 128);
  transform: rotate(180deg);
}
.slogan::before {
  left: unset;
  right: -25px;
  transform: rotate(-360deg);
}

header .nav-top {
  background: rgb(2, 2, 128);
}
header .nav-top .social-header a,
header .nav-top .language-header a {
  font-size: 16px;
  color: #ffffff;
}
header .nav-top .language-header a {
  border-right: 1px solid #fff;
  padding-right: 10px;
}
header .nav-top .language-header a:first-child {
  border-right: 0;
}
header .nav-top .contact-navbar a {
  font-size: 16px;
  color: #ffffff;
  font-family: "yekanBakh-Regular";
}
header .nav-top .contact-navbar a span {
  margin-right: 5px;
  font-size: 18px;
  margin-bottom: 5px;
}
header .navbar {
  border-bottom: 1px solid #bebebe;
}
header .offcanvas-start {
  width: 280px;
  padding: 15px;
}
header .offcanvas-start .offcanvas-header {
  border-bottom: 1px solid rgb(204, 204, 204);
}
header .offcanvas-start .nav-link {
  padding: 10px;
}
header .navbar-brand {
  margin-left: 40px;
}
header .navbar-brand img {
  margin-left: 10px;
}
header .navbar-brand .brand-title {
  font-size: 22px;
  color: rgb(7, 7, 148);
  font-family: "yekanBakh-Bold";
}
header .navbar-brand .brand-title span {
  font-size: 14px;
}
header .nav-link {
  font-size: 16px;
  font-family: "yekanBakh-Bold";
  color: #000;
  padding: 25px 10px !important;
  position: relative;
}
header .nav-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 0;
  height: 1px;
  background: rgb(2, 2, 128);
  transition: all 0.2s linear;
}
header .nav-link:hover::after {
  width: 100%;
}
header .nav-link.active {
  color: rgb(2, 2, 128);
}
header .nav-link.active::after {
  width: 100%;
}
header .search-wrapper {
  border-radius: 40px;
  background: transparent;
  border: 1px solid rgb(190, 190, 190);
  max-width: 220px;
  width: 220px;
}
header .search-wrapper button {
  padding: 0 10px;
  color: rgb(2, 2, 128);
  font-size: 20px;
  background: transparent;
  border: 0;
}
header .search-wrapper input {
  font-size: 14px;
  color: #000;
  font-family: "yekanBakh-Regular";
  flex-grow: 2;
  padding: 8px 10px;
  background: transparent;
  border: 0;
}
header .navbar-toggler {
  padding: 0;
  font-size: 25px;
  color: #000;
}
header .navbar-toggler:focus {
  box-shadow: none;
}

.has-megamenu:hover .megamenu {
  display: block;
}
.has-megamenu .megamenu {
  position: absolute;
  background: #ffffff;
  width: 100%;
  right: 0;
  top: calc(100% + 1px);
  z-index: 10;
  padding: 30px;
  display: none;
}
.has-megamenu .megamenu-title {
  font-size: 18px;
  font-family: "yekanBakh-Medium";
  color: #000;
  margin-bottom: 15px;
}
.has-megamenu .megamenu-title:hover {
  color: rgb(11, 11, 134);
}
.has-megamenu .megamenu-title span {
  font-size: 20px;
}
.has-megamenu .megamenu-link {
  font-size: 14px;
  font-family: "yekanBakh-Regular";
  color: #000;
  padding: 8px 0;
  position: relative;
  display: inline-block;
}
.has-megamenu .megamenu-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background: rgb(11, 11, 134);
  transition: all 0.2s linear;
}
.has-megamenu .megamenu-link:hover::after {
  width: 100%;
}

#accordian {
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
#accordian ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
#accordian ul li a {
  position: relative;
}

#accordian > ul.show-dropdown > li.active > a,
#accordian > ul > li > ul.show-dropdown > li.active > a,
#accordian > ul > li > ul > li > ul.show-dropdown > li.active > a,
#accordian > ul > li > ul > li > ul > li > ul.show-dropdown > li.active > a,
#accordian > ul > li > ul > li > ul > li > ul > li > ul.show-dropdown > li.active > a {
  width: 100%;
}

#accordian > ul.show-dropdown > li > a,
#accordian > ul > li > ul.show-dropdown > li > a,
#accordian > ul > li > ul > li > ul.show-dropdown > li > a,
#accordian > ul > li > ul > li > ul > li > ul.show-dropdown > li > a,
#accordian > ul > li > ul > li > ul > li > ul > li > ul.show-dropdown > li > a {
  width: 100%;
}

#accordian > ul > li > ul,
#accordian > ul > li > ul > li > ul,
#accordian > ul > li > ul > li > ul > li > ul,
#accordian > ul > li > ul > li > ul > li > ul > li > ul {
  display: none;
  position: relative;
  background: #f5f5f5;
}

#accordian > ul > li.active > ul.show-dropdown,
#accordian > ul > li > ul > li.active > ul.show-dropdown,
#accordian > ul > li > ul > li > ul > li.active > ul.show-dropdown,
#accordian > ul > li > ul > li > ul > li > ul > li.active > ul.show-dropdown {
  display: block;
}

#accordian > ul > li > ul,
#accordian > ul > li > ul > li > ul,
#accordian > ul > li > ul > li > ul > li > ul,
#accordian > ul > li > ul > li > ul > li > ul > li > ul {
  padding-right: 20px;
}

#accordian a:not(:only-child)::before {
  content: "\e910";
  position: absolute;
  left: 0;
  top: 18px;
  font-size: 20px;
  font-family: "icomoon";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  transition: 0.2s;
}

#accordian .active > a:not(:only-child)::before {
  transform: rotate(180deg);
}

.menuOpened .menu_overlay {
  display: block;
}

.menuOpened .sidebarMenu {
  transform: translate(0, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
}

.menuOpened {
  overflow: hidden;
}

.header-section .slider-img {
  width: 100%;
}
.header-section .slider-img::after {
  padding-bottom: 40%;
}
.header-section .owl-dots {
  gap: 5px;
  position: absolute;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  display: flex;
}
.header-section .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
}
.header-section .owl-dots .active {
  background: rgb(0, 0, 212);
}

.about-section {
  background: rgb(215, 224, 239);
  margin-bottom: 50px;
}
.about-section .row-content {
  padding: 80px 0 50px;
}
.about-section .about-section_text {
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  font-family: "yekanBakh-Medium";
}
.about-section .section-title {
  margin-bottom: 20px;
}
.about-section .img-about {
  width: 80%;
  height: -moz-fit-content;
  height: fit-content;
}
.about-section .img-about img {
  position: relative;
  z-index: 1;
}

.bg-img {
  position: relative;
}
.bg-img::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  width: 100%;
  height: 100%;
  background: rgb(206, 215, 230);
}

.features-company {
  margin-top: -50px;
  position: relative;
  z-index: 1;
}
.features-company_box {
  background: #ffffff;
  padding: 15px;
  height: 100%;
}
.features-company span {
  margin-left: 15px;
  font-size: 40px;
}
.features-company_text {
  font-size: 16px;
  color: #333;
  font-family: "yekanBakh-Bold";
}
.features-company_num {
  font-size: 26px !important;
  color: #333;
  font-family: "yekanBakh-Bold";
  margin-left: 0 !important;
}

.footer {
  background-image: linear-gradient(to right, rgb(0, 0, 212), rgb(2, 2, 128));
  position: relative;
}
.footer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3843137255);
}
.footer .copyright-text {
  font-size: 14px;
  color: #ffffff;
  font-family: "yekanBakh-Medium";
  margin: 20px 0;
}
.footer .langueges {
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3843137255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3843137255);
}
.footer .langueges a {
  font-size: 20px;
  color: #ffffff;
}
.footer .footer-title {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
  font-family: "yekanBakh-Regular";
}
.footer .footer-link,
.footer .footer-text {
  font-size: 14px;
  color: #ffffff;
  font-family: "yekanBakh-Regular";
  display: block;
  padding: 15px 0;
}
.footer .col-right,
.footer .col-left {
  margin: 100px 0 50px 0;
}
.footer .col-secter {
  background: linear-gradient(to bottom, rgb(2, 2, 139), rgba(2, 2, 128, 0));
  position: relative;
  z-index: 1;
  padding: 40px 50px 0;
}
.footer .col-secter .footer-link,
.footer .col-secter .footer-text {
  font-size: 16px;
  padding: 5px 0;
}
.footer .footer-social a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
}

.back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 30px;
  z-index: 10;
}

.section-title {
  font-size: 30px;
  font-family: "yekanBakh-Bold";
  color: rgb(2, 2, 139);
}

.blog-section {
  margin-bottom: 40px;
}

.post-card {
  border: 1px solid #e3e3e3;
  position: relative;
}
.post-card_img {
  width: 100%;
}
.post-card_img::after {
  padding-bottom: 60%;
}
.post-card_text {
  line-height: 1.8;
  color: #000;
  font-family: "yekanBakh-Regular";
  font-size: 16px;
  margin-bottom: 30px;
}
.post-card_body {
  padding: 20px;
}
.post-card_link {
  background: rgb(219, 232, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 30px;
  color: rgb(0, 0, 212);
}

.catalog-section {
  margin-bottom: 80px;
}
.catalog-section .slider-img {
  width: 90%;
  margin: auto;
}
.catalog-section .slider-img::after {
  padding-bottom: 60%;
}
.catalog-section .owl-dots {
  gap: 5px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  display: flex;
}
.catalog-section .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: gray;
}
.catalog-section .owl-dots .active {
  background: rgb(0, 0, 212);
}
.catalog-section .catalog-box {
  border-radius: 10px;
  background: rgb(215, 224, 239);
  padding: 50px 0;
  width: 70%;
  margin: auto;
}
.catalog-section .catalog-box .catalog-volume {
  background: #ffffff;
}
.catalog-section .catalog-box .catalog-volume span {
  font-size: 16px;
  margin-left: 10px;
  font-family: "yekanBakh-Medium";
}
.catalog-section .catalog-box .catalog-volume p {
  font-size: 25px;
  color: rgb(0, 0, 212);
  font-family: "yekanBakh-Heavy";
}
.catalog-section .catalog-box .catalog-volume p span {
  font-size: 30px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.owl-nav {
  height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: gray;
  font-size: 55px;
}

.navigation-img-wrapper {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
}
.navigation-img-wrapper .navigator {
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation-img-wrapper .navigator span {
  font-size: 50px;
  color: #ffffff;
}
.navigation-img-wrapper .navigator .icon-bottle-svgrepo-com:before {
  color: unset;
}

.category-section {
  position: relative;
  margin-bottom: 80px;
}
.category-section .category-item {
  width: 100%;
  background: yellow;
}
.category-section .category-item_img {
  min-width: 50%;
  min-height: 600px;
  height: 100%;
}
.category-section .category-item_body {
  padding: 50px;
}
.category-section .category-item_title {
  font-size: 30px;
  color: #ffffff;
  font-family: "yekanBakh-Heavy";
  margin-bottom: 20px;
}
.category-section .category-item_text {
  font-size: 18px;
  color: #ffffff;
  font-family: "yekanBakh-Regular";
  line-height: 1.8;
}
.category-section .category-item .primary-btn {
  background: rgb(0, 132, 255);
}
.category-section .owl-dots {
  display: none;
}

.breadcrumb {
  padding: 30px 0;
}
.breadcrumb-link {
  font-size: 16px;
  font-family: "yekanBakh-Bold";
  color: #000;
}
.breadcrumb span {
  margin: 0 3px;
  font-size: 20px;
}

.product-page {
  margin-bottom: 80px;
}
.product-page_img {
  width: 100%;
}
.product-page_img::after {
  padding-bottom: 100%;
}
.product-page_img img {
  max-width: 100%;
  max-height: 100%;
}
.product-page_title {
  font-size: 30px;
  color: rgb(0, 0, 122);
  font-family: "yekanBakh-Heavy";
}
.product-page_text {
  font-size: 18px;
  color: #333;
  font-family: "yekanBakh-Medium";
}

.related-products {
  margin-bottom: 80px;
}
.related-products_img {
  width: 100%;
}
.related-products_img::after {
  padding-bottom: 100%;
}
.related-products_img img {
  max-width: 100%;
  max-height: 100%;
}
.related-products_name {
  font-size: 18px;
  color: red;
  font-family: "yekanBakh-Bold";
}
.related-products .owl-nav {
  height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: gray;
  font-size: 30px;
}
.related-products .owl-nav .owl-prev,
.related-products .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: rgb(204, 204, 204) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-page {
  background: rgb(215, 224, 239);
  padding-bottom: 80px;
  min-height: 100vh;
}
.category-page .category-header {
  padding: 50px 0;
}
.category-page .category-header_title {
  font-size: 40px;
  color: #ffffff;
  font-family: "yekanBakh-Heavy";
  margin-bottom: 20px;
}
.category-page .category-header_text {
  font-size: 18px;
  color: #ffffff;
  font-family: "yekanBakh-Medium";
  line-height: 1.8;
}
.category-page .product-vertical-item {
  display: flex;
  flex-direction: row;
}
.category-page .product-vertical-item_img {
  min-width: 50%;
  background: #ffffff;
}
.category-page .product-vertical-item_img::after {
  padding-bottom: 50%;
}
.category-page .product-vertical-item_img img {
  max-width: 100%;
  max-height: 100%;
}
.category-page .product-vertical-item_body {
  padding: 30px;
}
.category-page .product-vertical-item_title {
  font-size: 24px;
  color: #ffffff;
  font-family: "yekanBakh-Bold";
}
.category-page .product-vertical-item_text {
  font-size: 16px;
  color: #ffffff;
  font-family: "yekanBakh-Regular";
  margin: 30px 0;
}
.category-page .row-products {
  margin-top: 50px;
}
.category-page .row-products .col-product:nth-child(odd) .product-vertical-item {
  flex-direction: row-reverse;
}
.category-page .product-item {
  position: relative;
}
.category-page .product-item_footer {
  position: absolute;
  left: 0;
  top: 100%;
  height: 30px;
  width: 100%;
}
.category-page .product-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80%;
  width: 100%;
  background: #ffffff;
  z-index: 0;
}
.category-page .product-item_img {
  width: 100%;
}
.category-page .product-item_img::after {
  padding-bottom: 50%;
}
.category-page .product-item_img img {
  max-width: 100%;
  max-height: 100%;
}
.category-page .product-item_title {
  font-size: 24px;
  color: #000;
  font-family: "yekanBakh-Bold";
  margin-bottom: 10px;
}
.category-page .product-item_text {
  font-size: 16px;
  color: #000;
  font-family: "yekanBakh-Regular";
}
.category-page .product-item_btn {
  font-size: 16px;
  color: #000;
  font-family: "yekanBakh-Regular";
  margin-top: 15px;
}
.category-page .product-item_btn span {
  margin-right: 5px;
  font-size: 30px;
  margin-bottom: 2px;
}
.category-page .product-item_body {
  padding: 20px;
  position: relative;
  z-index: 1;
}
.category-page.model-2 .category-header {
  padding-bottom: 200px;
}
.category-page.model-2 .row-products {
  margin-top: -200px;
}
.category-page.purple-theme .category-header {
  background: linear-gradient(to right, rgb(160, 0, 133), rgb(100, 1, 67));
}
.category-page.purple-theme .product-item_footer {
  background: purple;
}
.category-page.pink-theme .category-header {
  background: linear-gradient(to right, rgb(228, 0, 95), rgb(148, 1, 50));
}
.category-page.pink-theme .product-item_footer {
  background: rgb(209, 6, 67);
}
.category-page.green-theme .category-header {
  background: linear-gradient(to right, rgb(2, 77, 9), rgb(0, 85, 21));
}
.category-page.green-theme .product-item_footer {
  background: rgb(22, 180, 1);
}
.category-page.navy-blue-theme .category-header {
  background: linear-gradient(to right, rgb(14, 16, 41), rgb(42, 34, 85));
}
.category-page.navy-blue-theme .product-item_footer {
  background: rgb(26, 79, 250);
}
.category-page.navy-blue-theme .product-vertical-item {
  background: rgb(42, 34, 85);
}
.category-page.navy-blue-theme .product-vertical-item .primary-btn {
  background: rgb(36, 142, 230);
}
.category-page.navy-blue-theme .product-vertical-item .primary-btn:hover {
  background: rgb(19, 107, 179);
}
.category-page.blue-theme .category-header_title,
.category-page.blue-theme .category-header_text {
  color: #000;
}
.category-page.blue-theme .category-header {
  background: linear-gradient(to right, rgb(233, 246, 248), rgb(186, 220, 233));
}
.category-page.blue-theme .product-item_footer {
  background: rgb(0, 112, 240);
}
.category-page.blue-theme .product-vertical-item {
  background: rgb(186, 220, 233);
}
.category-page.blue-theme .product-vertical-item_title, .category-page.blue-theme .product-vertical-item_text {
  color: #000;
}
.category-page.blue-theme .product-vertical-item .primary-btn {
  background: rgb(0, 146, 90);
}
.category-page.blue-theme .product-vertical-item .primary-btn:hover {
  background: rgb(20, 160, 106);
}

.header-about {
  position: relative;
  height: 800px;
}
.header-about .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-about::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5764705882);
  z-index: -1;
}
.header-about_title {
  font-size: 40px;
  color: rgb(0, 0, 165);
  font-family: "yekanBakh-Heavy";
  margin-bottom: 20px;
}

.about-text {
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  margin: 20px 0;
  font-family: "yekanBakh-Medium";
  text-align: justify;
}

.about-desc {
  padding: 80px 0;
}

.history {
  background: rgb(215, 224, 239);
  padding: 50px 0;
}
.history .history-item {
  width: 11%;
}
.history .history-line {
  position: relative;
}
.history .history-line::after {
  content: "";
  height: 3px;
  width: 90%;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(10, 10, 201);
  position: absolute;
  z-index: 1;
}
.history .history_num,
.history .history_text {
  font-size: 16px;
  font-family: "yekanBakh-Regular";
  color: #000;
}
.history .circle-wrapper {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  background: rgb(215, 224, 239);
}
.history .circle-wrapper.active .circle .circle-inner {
  background: red;
}
.history .circle {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid rgb(10, 10, 201);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.history .circle .circle-inner {
  width: 10px;
  height: 10px;
  background: rgb(10, 10, 201);
  border-radius: 50%;
}

.honors {
  padding: 50px 0;
}
.honors .related-products_img {
  background: rgb(215, 224, 239);
}
.honors .related-products_name {
  color: #000;
  margin-top: 15px;
}

.company-founders {
  background: rgb(215, 224, 239);
}
.company-founders_content {
  background: #ffffff;
  padding: 50px 80px;
  margin-right: -80px;
  position: relative;
  z-index: 1;
}
.company-founders_img {
  min-width: 50vw;
  width: 50vw;
  float: left;
}
.company-founders_img::after {
  padding-bottom: 80%;
}

@media screen and (max-width: 1400px) {
  header .nav-link {
    padding: 25px 10px;
    font-size: 14px;
  }
  header .navbar-brand {
    margin-left: 20px;
  }
  header .navbar-brand .brand-title {
    font-size: 20px;
  }
  .features-company span {
    margin-left: 10px;
    font-size: 30px;
  }
  .header-about {
    position: relative;
    height: 650px;
  }
  .category-section .category-item_text {
    font-size: 16px;
  }
  .navigation-img-wrapper .navigator {
    width: 80px;
    height: 80px;
  }
  .navigation-img-wrapper .navigator span {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .category-section {
    padding: 40px 20px 80px;
    margin-bottom: 50px;
  }
  .navigation-img-wrapper .navigator {
    width: 60px;
    height: 60px;
  }
  .navigation-img-wrapper .navigator span {
    font-size: 30px;
    color: #ffffff;
  }
  .about-section .row-content {
    padding: 40px 0;
  }
  .category-page .category-header_title {
    font-size: 24px;
  }
  .category-page .category-header_text {
    font-size: 14px;
  }
  .category-page .product-vertical-item_img {
    min-width: 100%;
  }
  .category-page .product-vertical-item_img::after {
    padding-bottom: 80%;
  }
  .category-page .product-vertical-item_body {
    padding: 20px;
  }
  .category-page .product-vertical-item_text {
    margin: 10px 0;
  }
  .category-page .product-vertical-item {
    flex-direction: column;
  }
  .category-page .row-products {
    margin-top: 50px;
  }
  .category-page .row-products .col-product:nth-child(odd) .product-vertical-item {
    flex-direction: column;
  }
  .header-about {
    height: 450px;
  }
  .header-about_title {
    font-size: 34px;
    margin-bottom: 0;
  }
  .company-founders_img {
    min-width: 100%;
    width: 100%;
  }
  .company-founders_content {
    background: transparent;
    padding: 0;
    margin-right: 0;
  }
  .history .history-line::after {
    content: none;
  }
  .history .history-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 24px;
  }
  .header-section .owl-dots {
    bottom: 20px;
  }
  .features-company {
    margin-top: 10px;
  }
  .features-company span {
    font-size: 30px;
  }
  .features-company .features-company_num {
    font-size: 18px !important;
  }
  .features-company .features-company_text {
    font-size: 14px;
  }
  .catalog-section .catalog-box {
    width: 100%;
  }
  .catalog-section .catalog-box img {
    width: 100px;
  }
  .category-section .category-item_img {
    min-width: 100%;
  }
  .category-section .category-item_body {
    padding: 30px 15px;
  }
  .category-section .category-item_text {
    font-size: 14px;
  }
  .category-section .category-item_title {
    font-size: 20px;
  }
  .post-card_link {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .slogan {
    font-size: 22px;
  }
  .slogan::after {
    left: -10px;
    font-size: 10px;
  }
  .slogan::before {
    font-size: 10px;
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
  header .nav-top .contact-navbar a {
    font-size: 14px;
  }
  header .nav-top .contact-navbar a span {
    font-size: 15px;
  }
  .navigation-img-wrapper .navigator {
    width: 45px;
    height: 45px;
  }
  .navigation-img-wrapper .navigator span {
    font-size: 20px;
  }
  .footer .col-secter {
    padding: 30px 20px;
  }
  .footer .footer-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .footer .footer-link,
  .footer .footer-text {
    padding: 10px 0;
  }
  .footer .langueges a {
    font-size: 16px;
  }
  .footer .copyright-text {
    font-size: 12px;
  }
  .footer .footer-social a {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
  .features-company .features-company_box {
    padding: 10px;
  }
  .features-company .features-company_text {
    font-size: 12px;
  }
  .features-company span {
    font-size: 20px;
    margin-left: 10px;
  }
  .header-about {
    height: 250px;
  }
  .header-about_title {
    font-size: 24px;
    margin-bottom: 0;
  }
  .slogan {
    font-size: 18px;
  }
}/*# sourceMappingURL=style.css.map */