@font-face {

      font-family: iranYekan;

      src: url(../font/iranYekanX.ttf);

}



body {

      overflow-x: hidden;

}



* {

      padding: 0;

      margin: 0;

      box-sizing: border-box;

      font-family: iranYekan;

      font-weight: 400;

}



a {

      color: #333333;

      text-decoration: none;

}





body {

      background-color: #296ce009;

}



li {

      list-style: none;

      font-size: 14px;

}





select {

      -webkit-appearance: none;

      -moz-appearance: none;

      text-indent: 1px;

      text-overflow: '';

      position: relative;

}



.header {

      background-color: #ffffff;

}

/* 
.header.fixHeader {
      position: fixed !important;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000000000000;
      box-shadow: 0 0 10px 1px #00000018;

} */
.search-box {

      width: 450px;

      height: 48px;

      background-color: #F6F6F7;

      border-radius: 10px;

}



.search-box input {

      width: 100%;

      height: 100%;

      border: none;

      outline: none;

      background-color: transparent;

      padding-right: 60px;

      font-size: 14px;

}



.search-box svg {

      position: absolute;

      top: 12px;

      right: 20px;

}



.search-results {

      position: absolute;

      left: 0;

      top: 55px;

      min-height: 150px;

      width: 100%;

      background-color: #ffff;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      z-index: 1000000;

      box-shadow: 0 0 10px 1px #00000018;

      display: none;

      align-items: flex-start;

      justify-content: flex-start;

      flex-direction: column;

      max-height: 400px;

      overflow: auto;



}



.inner-searchs {

      display: flex;

      align-items: flex-start;

      justify-content: flex-start;

      flex-direction: column;

}



.notfication {

      width: 48px;

      height: 48px;

      background-color: #F6F6F7;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 10px;

      position: relative;

      margin-left: 15px;

      margin-right: 15px;

}



.notfication span {

      position: absolute;

      top: -5px;

      right: -5px;

      width: 15px;

      height: 15px;

      background-color: #2A6CE1;

      color: #ffffff;

      border-radius: 50%;

      font-size: 11px;

      display: flex;

      align-items: center;

      justify-content: center;

}



.login-btn {

      width: 164px;

      height: 48px;

      background-color: #F6F6F7;

      border-radius: 10px;

      display: flex;

      align-items: center;

      justify-content: space-between;



}



.y-line {

      width: 1px;

      height: 48px;

      background-color: #F6F6F7;

}



.help-btn {

      color: #2A6CE1;

      border-radius: 10px;

      border: 1px solid #2A6CE1;

      width: 164px;

      height: 48px;

      display: flex;

      align-items: center;

      justify-content: center;

      margin-left: 15px;

}



.ads-btn {

      color: #ffffff;

      border-radius: 10px;

      border: 1px solid #2A6CE1;

      width: 164px;

      height: 48px;

      display: flex;

      align-items: center;

      justify-content: center;

      background-color: #2A6CE1;

}



.menu li {

      margin-left: 25px;

      height: 35px;

      cursor: pointer;



}



.menu li a {

      height: 35px;

      display: block;

}



.menu li img {

      margin-left: 10px;

}



.menu li span {

      color: #2A6CE1;

}



.menu li:hover {

      border-bottom: 1px solid #2A6CE1;

}



#slider1 {

      height: 340px;



}



#slider2 {

      width: 100%;

      height: 450px;

      object-fit: contain;

}



#slider2 .splide__slide img {

      width: 100%;

      height: 400px;

      object-fit: contain;

}



.category-list a {

      width: 210px;

      display: block;

}



.category-img {

      width: 208px;

      height: 208px;

      background-color: #d3d3d3;

      box-shadow: 0 0 40px 0 #296ce033;

      border-radius: 50%;

      display: flex;

      align-items: center;

      justify-content: center;

}



.category-list a span {

      text-align: center;

      width: 100%;

      display: block;

      margin-top: 20px;

      padding: 0;

      font-weight: 600;

}



.off-price-box {

      height: 68px;

      background-color: #2A6CE1;

      border-radius: 10px;

      display: flex;

      align-items: center;



}



.off-price-box img {

      width: 50px;

      object-fit: contain;

      margin-top: -15px;

}



.off-price-box h3 {



      font-size: 20px;

      color: #fff;

      margin-right: 20px;

      margin-top: 5px;



}



.off-price-box a {

      position: absolute;

      left: 20px;

      color: #fff;

      align-items: center;

      display: flex;

      font-size: 13px;

}



.off-price-box a img {

      width: 20px;

      margin-top: 0px;

      margin-right: 10px;

}



.products-box {

      width: 240px;

      display: flex;

      align-items: center;

      flex-direction: column;

      padding: 10px;

      border-radius: 10px;

      background-color: #ffff;

      transition: all 0.2s ease-in;



}



.products-box>span {

      color: #2A6CE1;

      width: 100%;

}



.products-box img {

      width: 167px;

      height: 200px;

      object-fit: contain;

}



.products-box h4 {

      font-size: 14px;

      margin: 15px 0;

      color: #0f0f0f;

      font-weight: 600;

}



.products-box h4 span {

      margin-top: 10px;

      display: block;

      color: #0f0f0f;

      font-weight: 600;

}



.product-price,

.product-off-price {

      width: 100%;

      text-align: left;

}



.product-off-price {

      font-size: 15px;

      color: #030303;

}



.products-box:hover .product-off-price {

      color: #0f0f0f !important;

}



.products-box:hover {

      box-shadow: 0 0 15px 1px #296ce033;

      background-color: #ffff;

}



.products-title h4 {

      color: #2A6CE1;

      font-weight: 600;

      font-size: 20px;

      margin-top: 5px;

}



.products-title a {

      color: #2A6CE1;

      font-weight: 600;

      font-size: 13px;

}



.faq-title {

      color: #2A6CE1;

}



.faq-box {

      background-color: #fff;

      border-radius: 10px;

      padding-top: 20px;

}



.faq {

      border-radius: 10px;

      height: 64px;

      overflow: hidden;

      border: 2px solid #B8CEF5;

      transition: all 0.4s ease-in;

      margin-bottom: 25px;

}



.faq-part1 {

      height: 64px;

}



.faq-part1 p {

      margin-top: 10px;

      margin-right: 10px;

}



.faq:hover {

      height: max-content;

}



.faq-part2 p {

      font-size: 14px;

}



.faq-part1>img {

      transition: all 0.4s ease-in;



}



.faq:hover .faq-part1>img:nth-child(2) {

      transition: all 0.4s ease-in;

      transform: rotate(90deg);

}



.footer {

      background-color: #2A6CE1;

      background-image: url(../img/footer-bg.png);



}



.footer h6 {

      font-weight: 600;

}



.footer>img {

      position: absolute;

      width: 100%;

      height: 100%;

      object-fit: cover;

}



.footer-body {

      padding: 70px 0;

      padding-bottom: 0;

}



.footer-part1 {

      width: 320px;

}



.footer-part1 *,

.footer-part2 *,

.footer-box2 * {

      color: #ffffff;

}



.footer-part1 p {

      font-size: 14px;

}



.footer-part2 {

      width: 200px;

}



.footer-part2 a {

      display: block;

      width: 100%;

      margin-bottom: 15px;

      font-size: 14px;

}



.f-p4-img1 {

      margin-bottom: 4px;

}



.footer-box2 * {

      font-size: 14px;

}



.footer-box2 {

      border-bottom: 1px solid #fff;

}



.mobile-box {

      border-radius: 10px;

      display: flex;

      align-items: center;

      justify-content: flex-start;

      height: 64px;

}



.mobile-box span {

      font-size: 14px;

}



.mobile-box a {

      color: #123B82;

      font-size: 14px;



}



.products-box2 {

      background-color: #f9f9f9 !important;

      margin-bottom: 10px;

      margin-top: 0;

}



.product-info {

      display: flex;

      align-items: center;

      justify-content: center;

      opacity: 0.7;

}



.product-info img {

      width: 20px;

      height: 20px;

      margin-left: 5px;

}



.product-info span {

      font-size: 13px;

}



.products-box2>img {

      margin: 30px;

      margin-bottom: 0px;

}



.rounded-4 {

      border-radius: 10px !important;

}



.user-box {

      width: 100%;

      height: 742px;

      background-color: #fff;

      display: flex;

      justify-content: center;

      align-items: center;

}



.account-box {

      width: 529px;

      height: 500px;



      background-color: #f9f9f9;

      border-radius: 10px;

}



.account-box h1 {

      width: 100%;

      text-align: center;

      font-size: 25px;

      font-weight: 600;

      color: #2A6CE1;

}



.account-box span {

      width: 100%;

      display: block;

      text-align: center;

      color: #808184;

      font-size: 14px;

}



.login-form label {

      display: block;

      color: #808184;

      width: 100%;

      margin-bottom: 10px;

}



.login-form input.phone {

      width: 100%;

      height: 64px;

      background-color: #ffff;

      border-radius: 10px;

      border: 1px solid #2A6CE1;

      padding: 0 15px;

      font-size: 14px;

      outline: none;

}



.login-form p {

      width: 100%;

      font-size: 14px;

      margin-top: 20px;

}



.login-form a {

      color: #2A6CE1;

}



.account-btn {

      width: 100%;

      height: 64px;

      background-color: #2A6CE1;

      color: #fff;

      border-radius: 10px;

      border: none;

      margin-top: 60px;

}



.codes {

      width: 100%;

      height: 64px;

      background-color: #ffff;

      border-radius: 10px;

      border: 1px solid #2A6CE1;

      padding: 0 15px;

      font-size: 14px;

      outline: none;

      display: flex;

      align-items: center;

      justify-content: center;

}



.code-input {

      width: 45px;

      height: 40px;

      border: none;

      outline: none;

      border-bottom: 1px solid #0f0f0f;

      text-align: center;

      margin: 0 10px;

      font-size: 16px;

}



.p-404-error {

      width: 100%;

      height: 75vh;

      display: flex;

      align-items: center;

      justify-content: center;

      flex-direction: column;

}



.p-404-error p {

      font-weight: 600;

      font-size: 17px;

      color: #2A6CE1;

}



.contact-box {

      width: 100%;

      background: linear-gradient(90deg, #8ADBF2 0%, #7F76D1 50%, #2A6CE1 100%);

      border-radius: 10px;

      display: flex;

      align-items: center;

      justify-content: space-between;

}



.contact-box1 {

      border: 1px solid #fff;

      padding: 20px;

      border-radius: 10px;

      width: 65%;

      height: 300px;

}



.contact-box1 h1 {

      color: #fff;

}



.contact-box1 p {

      color: #fff;

}



.socila-list {

      margin-top: 15px;

}



.socila-list a img {

      width: 30px;

      height: 30px;

      object-fit: contain;

      margin: 0 5px;

      margin-right: 0;

}



.contact-box2 {

      width: 34%;

      height: 100%;

      margin-top: 10px;

}



.contact-box2 iframe {

      width: 100%;

      height: 300px;

      border-radius: 10px;

      overflow: hidden;



}



.about-box {

      display: flex;

      align-items: center;

      justify-content: space-between;

      position: relative;

}



.about-box1 {

      padding: 20px;

      width: 50%;

      height: 400px;



}



.about-box1 h1 {

      color: #2A6CE1;

      font-weight: 600;

      margin-bottom: 15px;

}



.about-box1 p {

      font-weight: 500;

      width: 90%;

      line-height: 2;

      text-align: justify;

}



.about-box2 {

      width: 50%;

      text-align: center;



}



.about-box2 img {

      width: 70%;

}



.about-box>img {

      position: absolute;

      bottom: 0;

      right: 0;

      width: 250px;

}



.single-slider-box a {

      position: absolute;

      top: 0;

      right: 0;

}



.single-slider-box a:nth-child(2) {

      margin-top: 50px;

}



.single-info-box1 {

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between;

}



.call-info-box-3 {

      width: 100%;

      text-align: end;

      margin-top: 10px;

}



.call-info-box-3 span {

      background-color: #2A6CE1;

      color: #fff !important;

      width: 125px;

      height: 40px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      display: flex;

      align-items: center;

      justify-content: center;

      margin-right: auto;

}



.single-info-box1 span {

      font-size: 18px;

      font-weight: 500;

      color: #808184;

}



.single-info-body span {

      color: #CBCBCB;

}



.single-info-box1 small {

      color: #123B82;

      font-weight: 500;

}



.single-info-box2 {

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-bottom: 15px;

}



.single-info-box2 span {

      color: #808184;

      font-size: 16px;

}



.single-info-box2 small {



      font-size: 16px;

}



.p-text {

      color: #808184;

}



.status-list {

      width: 666px;

      height: 100px;

      background-color: #F6F6F7;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      border: 1px solid #CBCBCB;

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-top: 10px;



}



.status-list small {

      color: #808184;

      font-size: 15px;

}



.status-list span {

      background-color: #2A6CE1;

      color: #ffffff;

      padding: 7px 15px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      cursor: pointer;

}



.form-box-body {

      width: 100%;

}



.form-box {

      display: flex;

      flex-direction: column;

      margin-top: 10px;

      width: 48%;

      margin-bottom: 5px;

      position: relative;

}



.arrow-select-icon {

      position: absolute;

      left: 15px;

      top: 48px;

      width: 20px;

      height: 20px;

      transform: rotate(-90deg);

      -webkit-transform: rotate(-90deg);

      -moz-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

      -o-transform: rotate(-90deg);

}



.form-box .inputs {

      width: 100%;

      height: 48px;

      background-color: #F6F6F7;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      border: 1px solid #CBCBCB;

      outline: none;

      color: #808184;

      padding: 0 15px;

}



.form-box label {

      color: #808184;

      margin-bottom: 10px;

}



.ads-map iframe {

      width: 100%;

      height: 300px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      margin-top: 10px;

}



.ads-file-box img {

      width: 100px;

}



.photo-text {

      color: #808184;

      font-size: 14px;

}



.line {

      display: block;

      width: 100%;

      height: 1px;

      background-color: #d3d3d3;

      margin: 15px 0;

}



.inner-data {

      min-width: 220px;

      background-color: #f6f6f6;

      border: 1px solid #CBCBCB;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      margin-bottom: 20px;

      height: 100px;

}



.inner-data>label {

      color: #808184;

      margin-bottom: 15px;

}



.radio-inputs {

      color: #808184;

      font-size: 14px;



}



.radio-inputs {

      display: flex;

      align-items: center;

      justify-content: center;

      margin: 0 10px;

}



.radio-inputs:nth-child(1) {

      margin-right: 0;

}



.radio-inputs:nth-child(2) {

      margin-left: 0;

}



.radio-inputs input {

      width: 25px;

      height: 25px;

      margin-left: 5px;

      cursor: pointer;



}



.check-box input {

      width: 25px;

      height: 25px;

      margin-left: 10px;

      border: 1px solid #808184;

      cursor: pointer;

}



.check-box label {

      font-size: 14px;

      color: #808184;



}



.check-box-text {

      color: #808184;

      font-size: 13px;

      margin-top: 10px;

}



.text-area {

      width: 100%;

      background-color: #F6F6F7;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      border: 1px solid #CBCBCB;

      outline: none;

      color: #808184;

      padding: 0 15px;

}



.user-edit-icon {

      display: none;

}



.menu-bar {

      display: none;

}



/* ///////////////////////////////////////// user-panel-style start ////////////////////////////////////////////// */





.aside {

      background-color: #f6f6f6;

      min-width: 300px;

      padding: 10px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      min-height: 600px;

      border: 1px solid #CBCBCB;

}



.profile-items a {

      width: 100%;

      display: block;

}



.profile-body {

      min-height: 600px;

      width: 75%;

}



.ads-profile-items,

.saved-profile-items {

      background-color: #f6f6f6;



      padding: 10px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;



      margin-right: 10px;

      border: 1px solid #CBCBCB;

      width: 100%;

      height: 150px;

}



.saved-profile-items {

      height: 220px;

      width: 80%;

}



.ads-profile-items img {

      width: 102px;

      height: 102px;

      object-fit: cover;

      margin-left: 20px;

}



.ads-status {

      position: absolute;

      left: 0;

      bottom: 0;

      margin-bottom: 25px;

      margin-left: 15px;

}



.ads-status span {

      color: #808184;

      font-size: 15px;

      font-weight: 600;



}



.ads-status small {

      color: #4FB13B;

      font-size: 15px;

      font-weight: 600;

}



.saved-profile-items span {

      margin-bottom: 60px;

}



.saved-btns a {

      width: 49%;

      height: 30px;

      display: flex;

      align-items: center;

      justify-content: center;

      border: 1px solid #CBCBCB;

      background-color: #b8cef521;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      font-size: 14px;

      color: #808184;

}



.saved-btns a img {

      width: 20px;

      height: 20px;

      margin-left: 10px;

}



.saved-profile-items>img {

      width: 130px;

      height: 130px;

      object-fit: cover;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

}



.products-body-2 {

      width: 85%;

      margin-top: 0;

      margin-right: 10px;

}



.notifications-box,

.support-box {

      background-color: #f6f6f6;



      padding: 10px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;



      margin-right: 10px;

      border: 1px solid #CBCBCB;

      width: 100%;

}



.notifications {

      margin-bottom: 10px;

}



.notifications-box p img {

      width: 20px !important;

}



.notifications-box p {

      font-size: 14px;

}



.notifications-box span {

      font-size: 13px;

      font-weight: 600;

}



.not-msg {

      font-size: 14px;

      color: #808184;

      margin-bottom: 0;

}



.support-input {

      position: relative;

      width: 49%;

      display: flex;

      flex-direction: column;

}



.support-input select {

      width: 100%;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      border: 1px solid #CBCBCB;

      outline: none;

      margin: 10px 0;

      height: 40px;

      font-size: 14px;

      color: #808184;

}



.support-input label {

      position: absolute;

      font-size: 13px;

      margin-top: 0px;

      background-color: #fff;

      margin-right: 10px;

      padding: 0 5px;

}



.support-inputs {

      width: 100%;

      height: 40px;

      border: 1px solid #CBCBCB;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      outline: none;

      font-size: 14px;

      padding: 0 10px;

}



textarea.support-inputs {

      height: 100px;

      padding-top: 10px;

}



.send-msg {

      width: 80%;

      background-color: #2A6CE1;

      color: #fff;

      height: 40px;

      outline: none;

      border: none;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      font-size: 14px;

}



.support-cancel {

      width: 180px;

      background-color: transparent;

      border: 1px solid #2A6CE1;

      color: #2A6CE1;

      display: flex;

      align-items: center;

      justify-content: center;

      margin-right: 10px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      font-size: 14px;

}



.logout-box {

      position: fixed;

      top: 0;

      left: 0;

      background-color: #808184d8;

      width: 100%;

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: center;

}



.logout-body {

      width: 500px;

      height: 180px;

      background-color: #fff;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

}



.logout-btns {

      display: flex;

      justify-content: space-evenly;

      margin-top: 30px;

}



.logout-btns a {

      border: 1px solid #2A6CE1;

      color: #2A6CE1;

      width: 160px;

      height: 40px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 14px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

}



.logout-btns a:nth-child(2) {

      border-color: #0f0f0f !important;

      color: #0f0f0f;

}



.support-title span {

      font-size: 14px;

      color: #0f0f0f;

}



.user-msg {

      width: 100px;

      padding: 10px;

      background-color: #ffff;

      text-align: center;

      font-size: 14px;

      color: #2A6CE1 !important;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

}



.chat-title small {

      font-size: 13px;

}



.users-msg {

      font-size: 13px;

}



.user-info small {

      font-size: 13px;

}



.chat-body {

      height: 460px;

}



.user-chat-inputs input {

      height: 35px;

      border: none;

      outline: none;

      font-size: 13px;

      color: #808184;

}



.chat-body {

      display: flex;

      flex-direction: column;

      justify-content: flex-end;

}



.usermsg1 {

      margin-bottom: 10px;

      width: 200px;

      max-width: 400px;

}



.usermsg1 span {

      font-size: 14px;

      position: relative;

      min-height: 25px;

      display: block;

}



.usermsg1 small {

      color: #CBCBCB;

      display: block;

      width: 100%;

      text-align: end;

      font-size: 13px;

}



.usermsg2 {

      margin-right: auto;

      background-color: #8ADBF2 !important;

}



.usermsg2 small {

      color: #0f0f0f;

}



.date p {

      width: 70px;

      font-size: 13px;

      color: #808184;

}



.ads-btn-actions {

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: flex-end;

}



.ads-btn-actions a {

      color: #808184;

      border: 1px solid #808184;

      padding: 5px 15px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      margin-top: 10px;

      margin-left: 10px;

      width: 130px;

      text-align: center;

}



.ads-btn-actions button {

      color: #2A6CE1;

      border: 1px solid #2A6CE1;

      padding: 5px 15px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      margin-top: 10px;

      background-color: #2A6CE1;

      color: #fff;

      width: 130px;

      text-align: center;

}



/* ///////////////////////////////////////// user-panel-style end ////////////////////////////////////////////// */







/* ///////////////////////////////////////// admin-panel-style start ////////////////////////////////////////////// */

.dashbord-info {

      width: 100%;



      background-color: #F6F6F7;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      background-image: url(../img/admin-bg.png);

      background-repeat: no-repeat;

      background-position: center;

      height: 100%;

      padding-top: 150px;

}



.dashbords {

      border: 1px solid #CBCBCB;

      height: 600px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

}



.user-count {

      width: 170px;

      height: 170px;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      -o-border-radius: 50%;

      border: 8px solid #2A6CE1;

      border-right-color: transparent;

      transform: rotate(45deg);

      -webkit-transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      margin: 0 auto;

}



.user-count .inner-user-count {

      width: 100%;

      height: 100%;

      transform: rotate(-45deg) !important;

      -webkit-transform: rotate(-45deg) !important;

      -moz-transform: rotate(-45deg) !important;

      -ms-transform: rotate(-45deg) !important;

      -o-transform: rotate(-45deg) !important;

      display: flex;

      align-items: center;

      justify-content: center;

      flex-direction: column;



}



.inner-user-count span {

      margin-bottom: 10px;

      color: #2A6CE1;

      font-size: 15px;

}



.user-count2 {

      width: 140px;

      height: 140px;

}



.inner-user-count small {

      font-size: 20px;

      font-weight: 600;

      color: #2A6CE1;

}



.otheers-data-dasbord {

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: center;

}



.otheers-data-dasbord .user-count {

      margin-top: 90px;

}



.user-count2 span {

      font-size: 12px;

      width: 100%;

      text-align: center;

}



.users-box {

      width: 100%;

      padding: 10px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      border: 1px solid #CBCBCB;

      background-color: #F6F6F7;

      height: 100%;

}



.search-users input {

      width: 400px;

      height: 48px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      outline: none;

      border: none;

      padding-right: 50px;

      font-size: 14px;

}



.search-users img {

      position: absolute;

      right: 10px;

      top: 12px;

}



.filters>span {

      width: 48px;

      height: 48px;

      background-color: #ffffff;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

}



.filter2 {

      width: max-content;

      height: 48px;

      background-color: #ffffff;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      padding: 0 15px;

      display: flex;

      align-items: center;

      justify-content: center;

      margin-right: 10px;

}



.filter2 span {

      font-size: 14px;

}



.filter2 img {

      margin-left: 10px;

}



.users-actions {

      display: flex;

      align-items: center;

      margin-top: 40px;

}



.users-actions a {

      width: 100px;

      height: 30px;

      color: #2A6CE1;

      font-size: 14px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      display: flex;

      align-items: center;

      justify-content: center;

}



.users-actions a:nth-child(1) {

      border: 1px solid #2A6CE1;

      margin-left: 10px;

}



.users-actions a:nth-child(2) {

      border: 1px solid #2A6CE1;

      background-color: #2A6CE1;

      color: #ffff;

}



.products-box3 {

      height: max-content;

}



.admin-product-btns span {

      width: max-content;

      padding: 4px 14px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      font-size: 13px;

      cursor: pointer;

}





.admin-product-btns span:nth-child(1) {

      border: 1px solid #2A6CE1;

      color: #2A6CE1;

      margin-left: 10px;

}



.admin-product-btns span:nth-child(2) {

      border: 1px solid #2A6CE1;

      background-color: #2A6CE1;

      color: #ffff;

}



.tabs-box span {

      font-size: 13px;

      margin-right: 20px;

      padding: 5px 0;

}



.tabs-box span.show {

      color: #2A6CE1;

      border-bottom: 1px solid #2A6CE1;

}



.inner-box2 {

      background-color: #F6F6F7;

      border: 1px solid #CBCBCB;

}



.admin-products-box2 {

      background-color: #fff !important;

}



.categoey-btns a {

      width: max-content;

      height: 40px;

      font-size: 13px;

      background-color: #808184;

      color: #fff;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      padding: 5px 10px;

      border: 1px solid #808184;

}



.categoey-btns a:nth-child(2) {

      background-color: transparent;

      color: #0f0f0f;

}



/* Genel stil */

.toggle-switch {

      position: relative;

      display: inline-block;

      width: 60px;

      height: 35px;

      margin-top: 15px;

}



/* Giriş stil */

.toggle-switch .toggle-input {

      display: none;

}



/* Anahtarın stilinin etrafındaki etiketin stil */

.toggle-switch .toggle-label {

      position: absolute;

      top: 0;

      left: 0;

      width: 60px;

      height: 30px;

      background-color: #808184;

      border-radius: 34px;

      cursor: pointer;

      transition: background-color 0.3s;

      border: 1px solid #808184;

}



/* Anahtarın yuvarlak kısmının stil */

.toggle-switch .toggle-label::before {

      content: "";

      position: absolute;

      width: 24px;

      height: 24px;

      border-radius: 50%;

      top: 2px;

      left: 2px;

      background-color: #fff;

      box-shadow: 0px 2px 5px 0px #0000004d;

      transition: transform 0.3s;

}



/* Anahtarın etkin hale gelmesindeki stil değişiklikleri */

.toggle-switch .toggle-input:checked+.toggle-label {

      background-color: transparent;

      border-color: #2A6CE1;

}



.toggle-switch .toggle-input:checked+.toggle-label::before {

      transform: translateX(29px);

      -webkit-transform: translateX(29px);

      -moz-transform: translateX(29px);

      -ms-transform: translateX(29px);

      -o-transform: translateX(29px);

      background-color: #2A6CE1;

}



/* Light tema */

.toggle-switch.light .toggle-label {

      background-color: #2A6CE1;

}



.toggle-switch.light .toggle-input:checked+.toggle-label {

      background-color: #2A6CE1;

}



.toggle-switch.light .toggle-input:checked+.toggle-label::before {

      transform: translateX(6px);

}



.add-category span {

      color: #F32E2E;

      font-size: 14px;

}





.setting-box {

      width: 100%;

      background-color: #F6F6F7;

      border: 1px solid #CBCBCB;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

}



.setting-box input {

      background-color: #fff !important;

}



.site-reset {

      width: 600px;

}



.site-reset a {

      padding: 5px 10px;

      background-color: #2A6CE1;

      color: #fff;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      height: 35px;

}



.backup-btn button {

      padding: 5px 10px;

      background-color: #2A6CE1;

      color: #fff;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      height: 35px;

      border: none;

      outline: none;

}



/* ///////////////////////////////////////// admin-panel-style end ////////////////////////////////////////////// */





.mobile-menu {

      display: none;

}



.mobile-menu a {

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;



}



.mobile-menu a img {

      width: 25px;

      height: 25px;

      margin-bottom: 5px;

}



.mobile-menu a span {

      font-size: 13px;

}



.back-menu {

      display: none;

}



.slider-img2 {

      display: none;

}



.slider-img1 {

      display: block;

}



#slider1 .splide__arrows {

      display: none;

}



#slider2 .splide__pagination {

      display: none;

}



.product-items-img img {

      width: 65px;

      height: 65px;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      object-fit: contain;

}

.product-items-img{

      padding:15px;

      border: 1px solid #d9d9d9;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

}



.product-items-img.show {

      border: 1px solid #2A6CE1;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;



}

.other-product-imgs{

 width: 70%;     

 margin: 0 auto;

}



@media screen and (max-width:1200px) {

      .help-btn {

            display: none;

      }



      .ads-btn {

            display: none;

      }



      #slider1 {

            height: max-content;

      }



      .saved-profile-items span {

            font-size: 15px !important;

      }



      .saved-profile-items>img {

            width: 90px;

            height: 90px;

      }



      .saved-profile-items {

            width: 100%;

      }



      .inner-box2 {

            flex-wrap: wrap;

      }



      .inner-box2>div:nth-child(1) {

            width: 100%;

      }



      .categoey-btns {

            width: 100%;

            margin-top: 10px;

      }

}



@media screen and (max-width:990px) {

      .help-btn {

            display: none;

      }



      .ads-btn {

            display: none;

      }



      .notfication {

            margin-right: 10px;

      }



      .search-box {

            width: 250px;

      }



      .category-list {

            flex-wrap: wrap;

            margin-top: 40px;

      }



      .category-list a {

            margin-bottom: 20px;

            width: 150px;

            height: 208px;

      }



      .category-img {

            width: 140px;

            height: 140px;

      }



      .category-list a span {

            margin-top: 30px !important;

      }



      .category-img img {

            width: 100%;

            height: 100%;

      }



      .products-body {

            flex-wrap: wrap;

      }



      .about-box>img {

            width: 150px;

      }



      .ads-profile-items>div span,

      .ads-profile-items>div>p {

            font-size: 14px !important;

      }



      .ads-profile-items {

            height: 180px;

      }



      .saved-profile-items span {

            margin-bottom: 5px;

      }



      .saved-profile-items {

            height: 250px;

      }



      .products-body {

            width: 96%;

      }



      .otheers-data-dasbord {

            flex-wrap: wrap;

      }



      .dashbords {

            height: max-content;

      }

}

.menu-phone{

      display: none;

}

.menu-li-item img{

      display: none;

}



@media screen and (max-width:776px) {

      .header {

            box-shadow: unset;

            position: relative;

            height: 170px;

      }



      .menu {

            position: fixed;

            flex-direction: column;

            right: -100% !important;

            height: 100%;

            background-color: #fff;

            z-index: 100000000;

            top: 0;

            padding-top: 50px;

            width: 250px;

            padding: 10px;

            right: 0;

            padding-top: 120px;

            transition: all 0.5s ease-in;

            -webkit-transition: all 0.5s ease-in;

            -moz-transition: all 0.5s ease-in;

            -ms-transition: all 0.5s ease-in;

            -o-transition: all 0.5s ease-in;

            border-top-left-radius: 20px;

            border-bottom-left-radius: 20px;



      }



      .category-li{

            display: none;

      }

      .menu-li-item img{

            display: block;

      }

      

      .menu-li-item{

            display: flex;

            align-items: center ;

            justify-content:  flex-start !important;

            margin-bottom: 10px;

      }

      .menu-li-item a{

            margin-top: 14px;

            display: block;

      }

      .menu-li-item:hover{

            border-bottom: unset !important;

      }

      .menu-phone{

            display: flex;

            position: absolute;

            bottom: 0;

            border-top: 1px solid #CBCBCB;

            height:70px !important;

            align-items: center;

            justify-content: center;

            margin: 0 20px;

      }





      .menu::before {

            position: absolute;

            content: "";

            width: 150px;

            height: 50px;

            background: url(../img/logo.png);

            background-size: contain;

            background-repeat: no-repeat;

            top: 20px;

            left: 10px;

      }



      .menu::after {

            position: absolute;

            content: "";

            width: 95%;

            height: 1px;

            background-color: #d9d9d9;

            top: 95px;

            margin: auto;

      }



      .menu.show {

            right: 0 !important;

      }

      .back-menu {

            display: block;

            position: absolute;

            top: 18px;

            right: 0px;

            transform: rotate(180deg);

            -webkit-transform: rotate(180deg);

            -moz-transform: rotate(180deg);

            -ms-transform: rotate(180deg);

            -o-transform: rotate(180deg);

            width: 40px !important;

            height: 40px !important;

      }



      .back-menu img {

            width: 20px;

            height: 20px;

      }



      .back-menu:hover {

            border-bottom: unset !important;

      }



      .menu li {

            width: 100%;

            margin-left: 0;





      }



      .logo {

            position: absolute;

            bottom: 33px;

            width: 120px;

      }



      .help-btn {

            display: flex;

            background-color: #ffffff;

            color: #0f0f0f;

            margin-right: 10px;

            margin-left: 0;

            width: 120px;

            font-size: 14px;

      }



      .login-btn {

            display: none;

      }



      .y-line {

            display: none !important;

      }



      .notfication {

            position: absolute;

            bottom: 20px;

            background-color: transparent !important;

            left: 30px;

      }



      .search-box {

            width: 100%;

      }



      .h-part1 {

            width: 100%;

      }



      .header>div:nth-child(1) {

            background-color: #2A6CE1 !important;

            padding: 0 10px !important;

            border-bottom-left-radius: 10px;

            border-bottom-right-radius: 10px;

      }



      .menu-bar,

      .user-edit-icon {

            position: absolute;

            left: 0;

            bottom: 20px;

            width: 48px;

            height: 48px;

            display: flex;

            align-items: center;

            justify-content: center;

      }



      .user-edit-icon {

            left: 90px;

      }



      .notfication span {

            right: 8px;

            top: 7px;

            background-color: #FA3E3E;

      }



      .category-img {

            width: 70px;

            height: 70px;

      }



      .category-list a span {

            font-size: 11px;

      }



      .category-list a {

            width: 70px;

            height: 100px;

      }



      .container-xxl {

            padding: 0 10px !important;

      }



      .products-body {

            flex-wrap: wrap;

      }



      #slider1 .splide__pagination {

            bottom: 5px !important;

      }



      #slider1 .splide__pagination__page {

            width: 10px;

            height: 10px;

      }



      .footer-body {

            flex-wrap: wrap;

      }



      .about-box {

            flex-direction: column;

            overflow: hidden;

      }



      .about-box1 {

            width: 100%;

            margin-top: 0px !important;

            height: 10%;

      }



      .about-box1 p {

            width: 100%;

      }



      .status-list {

            width: 100%;

      }



      .contact-box {

            flex-direction: column;

      }



      .contact-box1 {

            width: 100%;

            height: max-content;

      }



      .contact-box2 {

            width: 100%;

      }



      .aside {

            position: absolute;

            right: -100%;

      }



      .profile-body {

            width: 100%;

      }



      .support-box,

      .notifications-box,

      .ads-profile-items {

            margin-right: 0 !important;

      }



      .ads-status {

            left: unset;

            bottom: 25px;

            right: 152px;

      }



      .saved-profile-items {

            height: 220px;

            margin-right: 0;

      }

}

.show-pc {
      display: flex;
}

.show-mobile {
      display: none;
}

@media screen and (max-width:570px) {



      .show-pc {
            display: none;
      }

      .show-mobile {
            display: flex;
      }
      
      .products-body {

            flex-direction: column;

            position: relative;



      }

      .footer{
            display: none !important;
      }


      .products-box {

            position: relative;

            height: 160px;

            background-color: #F6F6F7;

            border: 1px solid #CBCBCB;

            width: 100%;

      }



      .products-box>img {

            position: absolute;

            top: 20px;

            left: 0;

            width: 117px;

            height: 117px;



      }



      .products-box>span {

            display: none;

      }



      .product-price,

      .product-off-price {

            position: absolute;

            bottom: 15px;

            right: 20px;

            width: max-content !important;

            color: #2A6CE1;

            font-weight: 600;

      }



      .products-box2>img {

            margin: 0 !important;

      }



      .product-off-price {

            bottom: -10px;

      }



      .products-box>h4 {

            position: absolute;

            top: 5px;

            right: 20px;

      }



      .product-off-price+div {

            position: absolute;

            width: 58% !important;

            right: 20px;

            bottom: 50px;

            flex-direction: row-reverse;



      }



      .faq-part1 p {

            font-size: 13px;

      }



      .form-box {

            width: 100%;

      }



      .form-box-body {

            flex-direction: column;

      }



      .inner-data {

            width: 100%;

            margin-bottom: 20px;

      }



      .form-box select,

      .form-box input {

            font-size: 14px;

      }



      .phone,

      .account-btn {

            height: 48px !important;

      }



      .user-box {

            height: 600px;

      }



      .codes {

            height: 48px;

      }



      .code-input {

            width: 30px;

      }



      .map-rote {

            display: none;

      }



      .single-info-body h1,

      .single-info-body span {

            font-size: 14px !important;

      }



      .ads-profile-items img {

            width: 50px;

            height: 50px;

      }



      .ads-status {

            right: 102px !important;

      }



      .saved-profile-items img {

            display: none;

      }



      .saved-profile-items {

            height: max-content;

            margin-right: 0;

      }



      .support-input {

            width: 100%;

      }



      .staets-box {

            flex-direction: column;

      }



      .users-item-box {



            position: relative;

            height: 170px;

            align-items: flex-start !important;

      }



      .users-actions {

            position: absolute;

            width: 100%;

            bottom: 20px;

      }



      .users-actions a {

            width: 44%;



      }



      .search-users {

            width: 100%;

      }



      .search-users input {

            width: 100%;

      }



      .filter-box {

            flex-direction: column;

      }



      .filter2,

      .filter1 {

            margin-top: 10px;

      }



      .mobile-menu {

            display: flex;

            align-items: center;

            justify-content: space-between;

            height: 65px;

            padding: 0 25px !important;

            z-index: 1000;

      }



      .footer {

            margin-bottom: 65px !important;

      }



      .about-box2 {

            width: 70%;

      }



      .about-box>img {

            width: 150px;

            height: 110px;

            right: -35px;

      }



      .p-404-error {

            height: 70vh;

      }



      #slider2 .splide__pagination {

            align-items: flex-end !important;

            justify-content: flex-start;

      }



      #slider2 .splide__pagination__page {

            width: 10px;

            height: 10px;

            background: #808184;

      }



      #slider2 .splide__pagination__page.is-active {

            background-color: #000000;

      }



      .status-list {

            background-color: transparent;

            border: none;

            border-radius: unset;

            -webkit-border-radius: unset;

            -moz-border-radius: unset;

            -ms-border-radius: unset;

            -o-border-radius: unset;

            border-bottom: 1px solid #CBCBCB;

            height: 60px;

      }



      .radio-inputs input {

            min-width: 20px;

      }



      .text-area {

            height: 50px;

      }



      .category-list {

            padding: 0 !important;

      }



      #slider1 {

            height: 200px;

      }



      .slider-img1 {

            display: none;

      }



      .slider-img2 {

            display: block;

            height: 200px;

            width: 100%;

            object-fit: contain;

      }



      #slider1 .splide__arrows,

      #slider1 .splide__pagination {

            display: none;

      }



      #slider2 .splide__pagination {

            display: block;

      }



      body {

            background-color: #fff !important;

      }

      .other-product-imgs{

            display: none !important;

      }

      .custom-product-price{

            display: none;

      }

}