/*blog
TEXT COLOR : #14213d;
YELLOW COLOR :#fab005;
MAIN COLOR : #5293f4
*/

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Woff/IRANSansXFaNum-Thin.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Thin.woff") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Woff/IRANSansXFaNum-UltraLight.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-UltraLight.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Woff/IRANSansXFaNum-Light.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Light.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Woff/IRANSansXFaNum-Medium.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Woff/IRANSansXFaNum-DemiBold.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Woff/IRANSansXFaNum-ExtraBold.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Woff/IRANSansXFaNum-Black.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Black.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Woff/IRANSansXFaNum-Bold.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Bold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansXFaNum;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Woff/IRANSansXFaNum-Regular.woff") format("woff"),
    url("../fonts/Woff2/IRANSansXFaNum-Regular.woff2") format("woff2");
}

/****SCROLLBAR STYLE*****/

/* width */
/*::-webkit-scrollbar {*/
/*    width: 10px;*/
/*}*/

/* Track */
/*::-webkit-scrollbar-track {*/
/*    background: white;*/
/*}*/

/* Handle */
/*::-webkit-scrollbar-thumb {*/
/*    background: #7eb801;*/
/*    border-radius: 26px;*/
/*}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {*/
/*    background: #555;*/
/*}*/

/*** Fibo Search ***/

input#dgwt-wcas-search-input-1,
input#dgwt-wcas-search-input-2 {
  font-family: "vazirmatn", sans-serif;
}

.dgwt-wcas-search-wrapp {
  min-width: 12rem !important;
}

/**************************/

:root {
  --primary-gray: #f2f6fc;
  --primary-color: #7eb801;
  --primary-shadow-color: rgba(126, 184, 1, 0.5);
}

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

html {
  width: 100%;
  height: 100%;
}

body {
  font-family: "IRANSansXFaNum", sans-serif;
  color: #1b263b;
  position: relative;
}

button {
  font-family: "IRANSansXFaNum", sans-serif;
}

a:link {
  text-decoration: none;
}

/*HEADER STYLE*/

.main-header-topbar {
  background: url("/wp-content/themes/ajiltopia/assets/img/home-campaign-banner.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 5rem;
  background-size: cover;
}

@media (max-width: 1060px) {
  .main-header-topbar {
    background: url("/wp-content/themes/ajiltopia/assets/img/main-home-campaign-banner-mobile.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 7rem;
    background-size: cover;
  }
}

@media (max-width: 450px) {
  .main-header-topbar {
    background: url("/wp-content/themes/ajiltopia/assets/img/home-campaign-banner-03.png");
    background-repeat: no-repeat;
    height: 6rem;
    background-size: 100%;
  }
}

ul li a:link {
  text-decoration: none;
}

ul li a {
  color: #1b263b;
}

.list-item-cont {
  border-radius: 26px;
  padding: 7px;
}

.list-item-cont:hover {
  background-color: #e5f1cc;
  transition: all 0.3s ease;
}

.cart-icon,
.reg-icon,
.contact-us {
  color: black;
  height: 1.7rem;
}

.header-cart {
  background-color: #ffec99;
  border-radius: 26px;
  padding: 7px 19px;
  cursor: pointer;
}

.header-reg {
  background-color: #b2f2bb;
  border-radius: 26px;
  padding: 7px 19px;
  cursor: pointer;
}

/*.search {*/
/*    font-family: "vazirmatn", sans-serif;*/
/*    height: 3rem;*/
/*    border-radius: 26px;*/
/*    border: none;*/
/*    background-color: #f2f6fc;*/
/*    padding: 1rem 3rem 1rem 1rem;*/

/*}*/

.search:focus {
  outline: none;
}

.search-container img {
  position: relative;
}

.down-header {
  padding-right: 1rem;
}

.contact-us-icon {
  border-left: 1px solid black;
  padding-left: 1rem;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

.mobile-drop-menu-content {
  background-color: #f2f6fc;
  padding: 2rem 2rem 2rem 0rem;
  border-radius: 10px;
}
.mobile-drop-menu-content li {
  border: none !important;
}

.hidden-m-drop-menu {
  display: none !important;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  width: 20rem;
  padding: 1.5rem;
  transition: ease all 0.5s;
  border-radius: 25px;
  top: 5rem;
  z-index: 5;
}
.drop-menu-list-items img {
  height: 2rem !important;
}

.drop-menu-list-items {
  cursor: pointer;
}

.cart-basket-content {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  opacity: 0;
  width: 400px;
  padding: 1.5rem;
  transition: ease all 0.5s;
  border-radius: 25px;
  margin-top: 3rem;
  z-index: 1;
}

.header-cart:hover .cart-basket-content {
  visibility: visible !important;
  background-color: white;
  box-shadow: 0px 30px 80px 0px rgba(5, 1, 64, 0.1);
  border: 1px solid #dee2e6;
  opacity: 1 !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  visibility: visible !important;
  opacity: 1 !important;
}

.cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #fa5252;
  color: white;
}
.header-logo img {
  width: 5rem;
  height: 5rem;
}
.mobile-header-logo img {
  width: 5rem !important;
  height: 5rem !important;
}
.mobile-header-search {
  width: 60%;
}
.m-header-bg {
  height: 5rem;
}

.mobile-nav-bg {
  /* border-radius: 60px; */
  height: 5rem;
  bottom: 0;
  z-index: 10;
  gap: 5px;
  font-size: 13px;
}
#mobile-header-item {
  gap: 5px;
}
.mobile-nav-bg img {
  height: 30px;
  width: 30px;
}
.mobile-menu-content {
  border-radius: 15px 15px 0 0;
  bottom: 0;
  z-index: 9999999999;
  max-height: 90%;
  overflow-y: scroll;
}
.mobile-menus-bg {
  border-radius: 15px 15px 0 0;
  overflow-y: scroll;
  height: 100%;
}

.mobile-menus-list li {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1rem;
}

.mobile-menu-content {
  transition: all ease 0.5s;
  transform: translatey(0);
}

svg.cross {
  height: 2rem;
  background-color: red;
  border-radius: 50%;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  left: 10px;
}

.hidden-2 {
  visibility: hidden !important;
  opacity: 0 !important;
}
.hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translatey(100%);
}

.prof,
.mobile-hub-menu {
  height: 2.5rem !important;
  max-width: 2.5rem !important;
}

.product-cart-count {
  height: 1.2rem;
  width: 1.2rem;
  top: 0;
  right: -5px;
  color: white;
}

.mobile-ajax-filter-bg {
  height: 4rem;
  background-color: #fcc419;
  width: 13rem;
  margin-right: 1rem;
  font-weight: bold;
  box-shadow: 0 10px 20px rgba(252, 196, 25, 0.5);
}
.mobile-ajax-filter-bg {
  padding: 34px 8px;
}

.mobile-ajax-filter-icon-bg {
  height: 3rem;
  width: 3rem;
}
.mobile-drop-menu-content a:link {
  color: black;
}

.mobile-header-search img {
  position: relative;
}

/****************************/

/*.col-4-banner {*/
/*    flex-wrap:wrap;*/
/*}*/
.col-4-banner img {
  height: 17rem;
}
/*SLIDER STYLE*/

/*PRODUCT CATEGORY STYLE*/

.product-cat-box {
  height: 8rem;
  width: 6.5rem;
  background: linear-gradient(180deg, #cbe399, white);
  border-radius: 1rem;
}
.product-cat-box a:link {
  color: black;
}

.product-cat-img-container img {
  height: 4rem;
}

.p-cat-circle-1:hover,
.p-cat-circle-2:hover {
  transform: translateY(-5px);
  transition: all 0.3s;
}

/*PRODUCT OFFER STYLE*/
.product-offer-img img {
  height: 17rem;
}

.product-offer-bg {
  background-color: #ff6b6b;
  width: 20rem;
  height: 25rem;
  box-shadow: 0 0 20px #ff6b6b;
  color: white;
}

.product-offer-box {
  background-color: white;
  width: 285px;
}

.product-offer-btn a:link {
  color: black;
}

.product-offer-box-img img {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
  border-radius: 16px;
}

.product-offer-box__title-inner a:link,
.product-offer-add-to-cart a:link,
.post-breadcrumb-inner a:link {
  color: #1b263b;
}

.product-offer-add-to-cart {
  background-color: var(--primary-color);
  border-radius: 10px;
}

.product-offer-add-to-cart:hover {
  background-color: #a5cd4d;
  transition: all 0.5s ease;
}

.product-offer-btn {
  height: 4rem;
  width: 100%;
  border: none;
  background-color: white;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 16px;
}

.product-offer-btn:hover {
  background-color: #ff6b6b;
  border: 2px solid white;
  transition: 0.3s;
  color: white;
}

.main-arch-price {
  font-size: 20px;
}

span.arch-product-sale-price .woocommerce-Price-amount bdi {
  color: #adb5bd;
}

/*FOOTER STYLE*/

.footer-divider {
  border-top: 1px dashed #adb5bd;
  height: 2rem;
}

.contact-sec-bg {
  width: 25rem;
  height: 35rem;
  border-radius: 35px;
}

.contact-sec-bg::after {
  content: "";
  position: absolute;
  border-radius: 0 0 25px 25px;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #7eb801;
  width: 50%;
  height: 2rem;
  box-shadow: 0 10px 15px rgba(126, 184, 1, 0.5);
}

.instagram-icon,
.whatsapp-icon,
.telegram-icon {
  height: 3rem !important;
}
.social-media-icons {
  margin-top: 15px;
}

.payping-icon,
.enamad-icon {
  height: 6.5rem !important;
}
.footer-copyright {
  border-radius: 26px;
  padding: 10px;
  background-color: #99e9f2;
}

/*** Advance Ajax Filter ***/

.bapf_body {
  margin-top: 1rem;
}

.bapf_body ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bapf_body li {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bapf_body input {
  border: 1px solid #adb5bd !important;
  border-radius: 5px;
}

/*** About Us Page ***/

.contact-phone-wrapper img {
  max-width: 100%;
  height: 4rem;
}

.contact-email-wrapper img {
  max-width: 100%;
  height: 5rem;
}

.contact-info-box {
  border-radius: 25px;
  position: relative;
}

.contact-info-box::after {
  content: "";
  position: absolute;
  border-radius: 0 0 25px 25px;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #7eb801;
  width: 50%;
  height: 2rem;
  box-shadow: 0 10px 15px rgba(126, 184, 1, 0.5);
}

/*** 404 Page ***/

.not-found-img img {
  height: 30rem;
}

.not-found-btns button {
  border: none;
  width: auto;
  height: 4rem;
  border-radius: 10px;
  padding: 10px;
  font-size: 1rem;
}

.not-found-btns button:hover {
  margin-top: -10px;
  cursor: pointer;
  transition: all ease 0.3s;
}

.not-found-btns button a:link {
  color: white;
}

.go-to-shop-btn {
  background-color: #fd7e14;
  box-shadow: 0 12px 20px rgba(253, 126, 20, 0.5);
}
.go-to-home-page-btn {
  background-color: #7eb801;
  box-shadow: 0 12px 20px rgba(126, 184, 1, 0.5);
}

/**** New UI Style *****/

@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Woff/Morabba-Black.woff") format("woff"),
    url("../fonts/Woff2/Morabba-Black.woff2") format("woff2");
}

@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Woff/Morabba-Bold.woff") format("woff"),
    url("../fonts/Woff2/Morabba-Bold.woff2") format("woff2");
}

.primary-bg-color {
  background-color: var(--primary-color);
}
.main-hero__left-side img {
  height: 40rem;
}

.main-hero__right-side h1 {
  font-size: 3rem;
  line-height: 5rem;
}

.main-hero__right-side p {
  font-size: 20px;
  line-height: 40px;
}

.main-hero-cta {
  border-radius: 15px 3px 3px 3px;
  width: 10rem;
  height: 3.5rem;
  border: none;
  box-shadow: 0 15px 20px var(--primary-shadow-color);
  font-weight: bold;
  cursor: pointer;
}

p#billing_phone_field span.optional {
  display: none;
}

/****** Slider Images ********/

/* .main-slider-item-01 {
  background-image: url("/wp-content/themes/ajiltopia/assets/img/D01.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: !important;
}

.main-slider-item-02 {
  background-image: url("/wp-content/themes/ajiltopia/assets/img/D02.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 50% !important;
  width: 100%;
} */

.main-slider-pagination {
  bottom: -47px;
  width: 15rem;
  background-image: url("/wp-content/themes/ajiltopia/assets/img/eleman.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 7rem;
  z-index: 10;
  transform: rotate(180deg);
}

.swiper-pagination {
  bottom: 50% !important;
  transform: translateY(50%) !important;
}

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

.swiper-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.home-swiper-product-wrapper .swiper-wrapper {
  margin: 0 -25px 20px;
}

button.variation-button {
  height: 2rem;
  width: 6rem;
  background-color: white;
  border: 1px solid #dee2e6;
  padding: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.product-cat-box:hover {
  background: var(--primary-color);
  transition: all ease-out 0.3s;
}

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

.home-swiper-see-all-btn {
  min-height: 25rem;
}

.home-swiper-see-all-btn img {
  height: 50px;
}
.home-swiper-see-all-btn a:link {
  color: #1b263b;
}

/**** Blog Page Style ****/

.blog-page-img-inner img {
  max-width: 100%;
  height: auto;
  border-radius: 3rem;
  box-shadow: 0px 30px 80px 0px rgba(5, 1, 64, 0.1);
  display: block;
}


.post-main-img-bg-wrapper {
  z-index: -1;
  top: 15%;
  border-radius: 5rem;
  background: linear-gradient(180deg, #d8eab3, #fff 70%, #fff);
  transform: skew(0deg, -3deg);
}

.post-breadcrumb-inner {
  max-width: 100%;
  padding: 3rem 3rem 0 0;
  margin-bottom: 6rem;
}

.post-main-title-inner h1 {
  font-family: IRANSansXFaNum;
  font-weight: 900;
  font-size: 2.5rem;
}

.blog-date img,
.blog-author img,
.blog-category img {
  height: 2.5rem;
}
.blog-date p,
.blog-author p,
.blog-category p {
  color: #787878;
  font-size: 17px;
}

/* .post-main-content-body-wrapper {
  margin-top: 12rem;
} */

.post-categories li {
  list-style: none;
}

.blog-category {
  gap: 12px;
}

ol.wp-block-list, ul.wp-block-list {
    padding-right: 2rem;
}

.post-main-content-body-wrapper img {
    border-radius: 1rem; 
    
}