.sppb-gallery img{
  border-radius: 13px;
}

.sppb-nav-tabs > li{
  float: right !important;
}

.sppb-nav-tabs > li

.sppb-nav-tabs > li.active > a:before{
  color: #dd4343;
  font-family: "Font Awesome 5 Free";
  content: "\f100";
}
.sppb-tab-content{
  padding-top: 20px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
}

.middle_element20{
  margin-right: auto;
  margin-left: auto;
}


#sppb-addon-1759060318383 a::before { }
  
  

ul.breadcrumb_kh {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
  border-radius: 5px;
}
ul.breadcrumb_kh li {
  display: inline;
  font-size: 14px;
}
ul.breadcrumb_kh li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb_kh li:not(:last-child) a {
  color: #15181a;
  text-decoration: none;
}
ul.breadcrumb_kh li a:hover {
  color: #01447e;
  text-decoration: underline;
}
div#cf_1 {
  font-family: 'byekan' !important;
  text-align: inherit;
}

.red_span_kh{
color: #bf2231;
}
.button_khayatzadeh{
text-align: center;
  background-color: #bf202f;
  width: fit-content;
  color: #fff;
  padding: 10px;
  border-radius: 25px;
  margin: auto;
}

#fc25 .cf-content-text {
font-size: 16px;
  font-weight: normal;
  line-height: 27px;
}
#form25_شهر , #form25_text_4 , #form25_شماره تماس {
text-align: right !important;
}
.convertforms *:not(img,.cf-content-img,.cf-btn , .cf-content-wrap){
text-align: right !important;
}

#cf-btn{
background:red;
text-align: center !important;
}
.convertforms .cf-label {
  margin-bottom: 15px;
}
table.tbltemplate2 {
  border-collapse: collapse;
width: 60%;
  margin: auto;
margin-bottom: 60px;
}
.tbltemplate2 th{
background-color: #c02130;
color: #ffffff;
border-radius: 20px 20px 0 0;
}
.tbltemplate2 tr td:first-child{
background: #eee;
  width: 30%;
  border: solid 1px #d5d5d5;
font-weight: bold;
  font-size: 14px;
}
.tbltemplate2 tr td:last-child
{
font-size: 14px;
}
.tbltemplate2 tr td:last-child{
border: solid 1px #eee;
background: #f7f7f7;
}
.tbltemplate2 th, .tbltemplate2 td {
  text-align: right;
  padding: 8px;
}
.tabletemp1{
width: 70%; 
  margin: AUTO;
 margin-top: 20px;
 border-inline-start-style: solid;
 border-inline-start-width: 10px;
 border-inline-start-color: #bf202f;
}
.tabletemp1 th{
background: #eee;
  color: #c02130;
  font-weight: bold;
  padding: 14px;
  border-radius: 20px 0 0 0;
}

.contactpage_divsocials{
    display: flex;
  margin: 10px 0;
}
.contactpage_divsocials img{
    width:30px;
    margin-right: 10px;
    
}
.tabletemp1 td{
padding: 8px;
font-size: 14px;
border: solid 1px #eee;
background: #f7f7f7;
}
.sppb-gallery li a {
  padding: 5px;
}
.boldeleman{
font-weight:bold;
margin-left: 8px;
}
.caroptionrow{
display: flex;
margin: 5px 0px;
}
.caroptionright{
background: #eee;
  color: #4c3a3c;
  padding: 8px;
  border: solid 1px #e3e3e3;
  font-size: 15px;
  font-weight: 600;
  width: 30%;
}
.caroptionleft{
width: 100%;
padding: 8px;
font-size: 15px;
background: #f7f7f7;
border: solid 1px #eee;
line-height: 26px;
}
#sp-top1{
  text-align:center;
}
.car_options_th{
background: #cecece;
  color: #392323;
  font-weight: bold;
  padding: 14px;
  border-radius: 20px 20px 0 0;
  border: solid 1px #938f8f;
  font-size: 1.1rem;
}
#pricetable_nafis{
margin: auto;
}

button#myBtn{
  background: #bf202f;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 25px 6px 0px 6px;
  border: #0c1210;
  cursor: pointer;
  right: 45%;
  bottom: -30px;
  position: absolute;
}

.btncontact{
background-color: #bf202f;
  border-radius: 21px;
  padding: 10 20 10 20;
color:#fff !important;
}
.btncontact:hover{
background-color: #770409;
  color: #FFFFFF;
}
.box_contact_kh .sppb-flipbox-panel , .box_contact_kh .sppb-flipbox-back{
  border-radius: 20px;
}


/* style.css */
.hiddenelemannafis {
  display: none;
}

.showelemannafis {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}

.red_class_menu{
  background: #c02130;
  color:#fff !important;
  
}
.red_class_menu:hover{
    background: #d7303f;
  	color:#fff !important;
}

.related_p_kha{
  display: flex;
  background-color: #fff;
  width: 100%;
  clear: both;
  padding: 16px 16px;
  border-radius: 5px;
  margin: 16px auto;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
  position: relative;
  overflow: hidden;
  align-items: center;
}
.related_p_kha:hover{
  animation-name: related_p;
  animation-duration: 2.5s;
}
.nafisehheader{
  background-color:#ff0006;
  max-height:150px;
}

.btn_cars_offer_contact{
  padding: 5px 11px;
  background-color: #399207;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 10px;
}
.btn_cars_offer_contact:hover{
  background:#245d03;
  color: #fff;
}

.nafisehheader img{
  text-align: center;
  margin: auto;
}
  
.p1_related_p_kha{
background: #c02130;
  right: -28px;
  box-sizing: border-box;
  display: flex;
  transform: translateY(-50%) rotate(270deg);
  position: absolute;
  width: 90px;
  align-items: center;
  height: 40px;
  font-size: 14px;
  color: #fff;
  top: 50%;
  align-content: center;
  justify-content: center;
  
}
.p2_related_p_kha{
  
}
.p2_related_p_kha img{
  height: 60px;
  border-radius: 5px;
  margin-right: 45px;
  margin-left: 10px;
}

.p3_related_p_kha a{
  color: #404040;
  font-weight: 500;
}
.p3_related_p_kha a:hover{
  color: #c02130;
  cursor: pointer;
}
@keyframes related_p {
  0%   {background-color: #f8f8f8;}
  25%  {background-color: #ebe9e9;}
  50%  {background-color: #d4d2d2;;}
  100% {background-color: #c1c1c1;}
}
.blink_me > i {
  animation: blinker 1s linear infinite;
font-size: 21px;
  margin-right: 5px;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.blink_me2 {
  animation: blinker2 1s linear infinite;
font-size: 21px;
  margin-right: 5px;
}

@keyframes blinker2 {
  50% {
    opacity: 0;
  }
}

.blink_me3{
  animation: blinker3 1s linear infinite;
font-size: 21px;
}

@keyframes blinker3 {
  50% {
    opacity: 0;
  }
}

 @media only screen and (max-width: 676px) {
.p2_related_p_kha img {
  height: 40px;
   }
   .related_p_kha{
     padding:10px 0px;
   }
   .p3_related_p_kha a {
  font-size: 14px;
   }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

 .rowcar_mainp{
display: flex;
   padding-top: 15px;
  font-size: 13px;
}
.rowcar_mainp img{
  max-width: 150px;
  padding-left: 14px;
  margin: auto;
}
.rowcar_right{
  background: blue;
  width: 20%;
}
.btn_box_mainp{
  border-bottom: solid 3px gray;
 display:flex;
  justify-content: flex-end;
width:100%;
  font-weight: bold;
  padding-bottom: 10px;
}
.btn_box_mainp:last-child{

    margin-bottom: 20px;
}
.rowcar_left{
  background: green;
  width: 100%;
}
.boldelement{
  font-weight: bolder;
  margin-left: 7px;
}
.flexelementinmob{
  display:block;
  padding: 0 10px;
  min-width:120px;
 
}
.rowcartitle{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.btn_box_mainp a{
  background: #bf202f;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 25px 6px 0px 6px;
}

.submit_car {
  background: #20a1bf !important;
}


.car-item-brands img{
	width: 70% !important;
	margin: auto;
}

.car-item-brands .sppb-addon-image-layout-content{
	width: 100%
}
#section-1car-bor{
  border: solid 2px #c32030;
  border-radius: 3px;

}
.sppb-articles-ticker-controller{
  left: 30px !important;
  right: auto !important;
}

.ccomment-form form{
    direction: rtl;
}
.pull-right{
    display:none;
}

@property --num {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}
.counter_nafis1::before {
    counter-reset: my-counter var(--num);
  content: counter(my-counter);
  animation: count 10s ease-in-out infinite alternate;
}
@keyframes count {
  to { --num: 150; }
}

@property --num2 {
  syntax: '<integer>';
  inherits: true;
  initial-value: 1;
}
.counter_nafis2::before {
    counter-reset: my-counter var(--num2);
  content: counter(my-counter);
  animation: count2 10s ease-in-out infinite;
}
@keyframes count2 {
  to { --num2: 50; }
}
.section-car-services .sppb-addon-image-layout-content
{
 width: 100%; 
}


#tbl_price_modiran{
width:100% ;
}
#tbl_price_modiran tr td {
  background: #eee;
 width: max-content;
  border: solid 1px #d5d5d5;
  font-size: 14px;
}
.table.tbltemplate2{
}
.tbl_price_modiran a
{
color:#000;
font-size: 14px;
  font-weight: 500;
}
a:hover{
  cursor:pointer;
}
.tbl_price_modiran
{ 
width: 100%;
font-size: 14px;
}
.tbl_price_modiran_header
{
  font-weight: bold;
font-size: 16px;
  padding: 10px;
background-color: #c02130;
color: #ffffff;
border-radius: 20px 20px 0 0;
padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
.tbl_price_modiran_body{
background: #eee; 
padding: 10px;
font-weight: 600; 
padding: 10px; 
font-size: 15px;
border: solid 1px #d5d5d5;
margin-bottom: 4px;
}
.contact_more_register{
background-color: #8a8888;
  padding: 5px;
  border-radius: 2px;
display: block;
  margin: 3px 0px;
}
.active_registrations{
  width: max-content;
}
.active_registrations_row div{
  border: solid 1px #eee;
  width: max-content;
  padding: 10px
}
.active_registrations_header div{
  border: solid 1px #eee;
  width: max-content;
  padding: 10px
}
.tbl_price_modiran_body a::before{
  content: "\25C9"; 
   color: #DD4343; 
  font-size: 13px;
  margin-left: 2px
}

    .register-table {
      display: flex;
      flex-direction: column;
      gap: 8px; /* کمتر کردیم فاصله ردیف‌ها */
      max-width: 1000px;
      margin: auto;
    }

    .register-header, .register-row {
      display: flex;
      padding: 10px;
      background: white;
      border-radius: 8px;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px; /* فاصله بین ستون ها */
    }

    .register-header {
      background: #ccc;
      font-weight: bold;
    }

    .register-row {
      border: 1px solid #ddd;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }

    .register-cell {
      flex: 1 1 14%; /* کمی کوچکتر کردیم */
      padding: 5px 8px;
      min-width: 120px;
      word-break: break-word;
    }

    .register-status {
      display: flex;
      align-items: center;
      gap: 5px;
      font-weight: bold;
    }

    .register-badge {
      padding: 3px 8px;
      border-radius: 12px;
      color: white;
      font-size: 0.85em;
      white-space: nowrap;
      
    }
.register-closed{
  background: gray;
}
        

    .register-done {
      background: #bf2525;
    }

    .register-ongoing {
      background: #42b742;
    }

    .register-registering {
      background: dodgerblue;
    }

    a.register-call-button {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #007bff;
      color: white !important;
      padding: 5px 10px;
      border-radius: 6px;
      text-decoration: none;
      font-size: 0.9em;
      font-weight: bold;
      box-shadow: 0 2px 6px rgba(0,123,255,0.6);
      transition: background-color 0.3s ease;
      white-space: nowrap;
    }
a.reg_actives_callbutton{
  width: max-content;
display: inline-block;
background: #d26709;
  border: solid 1px #d55517;
  padding-left: 11px;
  border-radius: 16px;
color: #fff;
}

.register-icon{
font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  padding: 0px 10px;
    padding-left: 10px;
  border-radius: 0px 10px 10px 0px;
  padding-left: 13px;
}

    a.register-call-button:hover {
     background: #edbc99;
color:#383d46;
    }

    a.register-call-button span.register-icon {
      font-size: 1.2em;
    }
      .register-title {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 2px;
      }
.register-car-method{
  font-size: 14px;
}
  .custom-modal-content {
    width: 100%;
    max-width: 40vw;
    margin: auto;
  }
.modal-header{
  background: #c02130;  
  padding: 5px 10px !important;
}
.modal-title{
  color: #fff;
    font-size: 15px;
}
.modal-header .close{
  color:#fff ;
  margin: -1rem -1rem -1rem 0 !important;
}
.modal-body{
  font-size: 14px;
}
.popup_contactbtn{
  background: #c02130;
  color: #fff;
  padding: 5px 12px;
  border-radius: 4px;
  font-weight: 500;
}   
.popup_contactbtn:hover{
  background:#86000d;
  color:#fff;
}
.aghsatcarahvaz_contact{
  background: #c02130;
padding: 3px 16px;
border-radius: 10px;
color: #fff;
}
.aghsatcarahvaz_contact:hover{
  color: #fff;
}

.border_car_boxs{
 border: solid 1px #c6c2c2;
  padding: 8px 7px;
  border-radius: 9px;
}
.border_car_boxs p{
  color: #4a4e4e;
  font-size: 14px;
  padding-bottom: 0px;
  margin-bottom: 6px;
}
.border_car_boxs span{
  font-weight: 500;
  font-size: 20px;
}
.border_car_boxs h5 {
  color: #1d1d1d;
  font-size: 15px;
  margin-bottom: 3px;
}
.list_car_features{
  display: flex;
  padding-bottom: 20px
}
.list_car_features i{
  color: #bb0101;
  margin-left: 5px;
  font-size: 18px;
  margin-top: 3px;
}
.list_car_colors_all{
  display: block ruby;
}

.list_car_colors{
  border: solid 1px #c6c2c2;
  border-radius: 4px;
  padding: 7px 11px;
} 
.list_car_colors_white i{
  color: #fff;
  border: solid 1px gray;
  border-radius: 10px;
  margin-left: 4px;
}
.list_car_colors_black i{
  color: #000;
  border: solid 1px #000;
  border-radius: 10px;
  margin-left: 4px;
}
.list_car_colors_gray i{
  color: gray;
  border: solid 1px gray;
  border-radius: 10px;
  margin-left: 4px;
}

.list_car_badge{
  color: #4f4b4b;
  padding: 4px 9px;
  border-radius: 14px;
  border: solid 1px #b7b3b3;
  font-size: 15px;
}

.more-content {
    display: none;
}



  /* کانتینر ویژه باکس مقایسه با کلاس اختصاصی */
  .cmp-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 5px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    overflow-x: auto;
  }

  /* ساختار گرید سه ستونه داخل کانتینر */
  .cmp-box {
    display: grid;
    grid-template-columns: 1fr 1.8fr 1.8fr;
    gap: 20px;
  }

  /* ستون ویژگی‌ها */
  .cmp-features {
    font-weight: bold;
    color: #333;
    border-left: 1px solid #ddd;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
  }

  .cmp-features div {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
.cmp-features div:first-child{
    margin-top: 92px;
}

  /* ستون خودروها */
  .cmp-car {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #ddd;
    padding-right: 15px;
  }

  .cmp-car:last-child {
    border-right: none;
  }

  .cmp-car-photo {
    max-width: 90px;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    margin-bottom: 10px;
    
  }

  .cmp-car-name {
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 5px;
    color: #222;
    text-align: center;
    
  }

  .cmp-car-feature {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    color: #555;
    min-height: 40px;
    display: flex;
    align-items: center;
  }

.tabs_car_part .sppb-addon-text-block {
  border-bottom: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  padding:20px;
}

.tabs_car_part .sppb-tab-tabs-content{
  border-left: solid 1px #e5e5e5;
  padding-top: 0px;
}
.sppb-tab-content{
  margin-top:0px;
}
.tabs_car_part ul.sppb-nav{
  border-right: solid 1px #e5e5e5;
}


.part_benefits_us > div > div> div:not(:last-child) > .sppb-column{
border-left: solid 1px #b3b2b2;
 
}
.sppb-addon-image-layout-caption {
  color: #1b1a1a;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.sppb-addon-image-layout-caption{
background:none;
}

 /* Responsive Design for Mobile */
@media only screen and (max-width: 600px) {
  
      .register-header {
        display: none; /* مخفی کردن هدر در موبایل چون ساختار عوض شده */
      }

      .register-row {
        flex-direction: initial;
        align-items: flex-start;
        padding: 15px;
        gap: 6px; /* کمتر کردن فاصله بین بخش ها */
        border: 1px solid #ccc;
        box-shadow: 0 1px 5px rgba(0,0,0,0.1);   
      }

      .register-cell {
       flex: none;
        width: min-content !important;
        padding: 0;
        min-width: auto;
      }
  
  .registerbox_btnbox{
    display: flex;
  justify-content: space-between;
  width: 100%;
    
  }
  
      .register-title {
        font-weight: bold;
        font-size: 1em;
        margin-bottom: 2px;
        display: contents;
      }

      .register-date-sale {
        flex: content;
        font-size: 0.85em;
        color: #555;
        margin-bottom: 4px;
        line-height: 1.2;
      }

      .register-car-method {
        font-size: 0.9em;
        color: #333;
        margin-bottom: 8px;
        display: contents;
      }

      .register-status-contact {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
      }

      .register-status {
        flex-shrink: 0;
        font-weight: bold;
        font-size: 0.95em;
      }

      /* آیکن کنار وضعیت */
      .register-badge {
        padding: 5px 12px;
        font-size: 0.9em;
      }

      /* دکمه تماس در موبایل */
      a.register-call-button {
        font-size: 0.9em;
        padding: 6px 14px;
        
      }
table.tbltemplate2{
width:100%;
}
  table.tblhorizontalscrool{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
.caroptionright {
  width: 120px;
font-size: 14px;
}
.without_paddingelements{
   margin-top:-60px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
      .part_benefits_us > div > div> div:not(:last-child) > .sppb-column{
      border-left: none;
    border-bottom: solid 1px #d0cece;

}
  
  .part_benefits_us > div > div> div:nth-child(3) > .sppb-column {
    border-left: none;
    border-bottom: none;
  }
}


  @media (max-width: 768px) {
    .custom-modal-content {
      max-width: 100vw;
      margin: 10px;
    }
    
.sp-contact-info li{
  white-space: pre-line;
  text-align: right;
    }
          .part_benefits_us > div > div> div:not(:last-child) > .sppb-column{
      border-left: none;
    border-bottom: solid 1px #d0cece;

}
}

 /*Styles in medium screen */
@media screen and (min-width: 992px) and (max-width: 1199px)
{
.h_iframe-aparat_embed_frame{
text-align: center;
}
.h_iframe-aparat_embed_frame iframe{
width: 80%;
  height: 430px;
} 
}

@media only screen and (min-width: 992px) {
#sp-logo {
    -ms-flex: 0 0 25%;
    flex: 0 0 13%;
    max-width: 12%;
  } 
  #sp-menu{
    flex: 0 0 87%;
    max-width: 87%;
  }

}

@media only screen and (max-width: 992px)
{
 .rowcar_mainp{
       display: block !important;
  }
  .col-sm12-mainp{
    width: 100%
  }
  .flexelementinmob{
    display:flex;
  }
  .modal-header{
  padding: 3px 5px !important;
}
 
}
  
 /*Styles in large screen - Desktop */
@media only screen and (min-width: 1200px)
{
.h_iframe-aparat_embed_frame{
text-align: center;
}
.h_iframe-aparat_embed_frame iframe{
width: 80%;
height: 520px;
}
  .register-cell{
text-align: center;
}
}