.sppb-nav{    margin: auto;}
.sp-page-builder .page-content #section-id-ab26ee2f-4e9c-43ac-8625-1064b412a686,
.sp-page-builder .page-content #section-id-6e5577e1-6e94-446f-aa65-002328153194,
.sp-page-builder .page-content #section-id-03b922e5-d0a6-4c38-9f15-9a328dcfa58d,
.sp-page-builder .page-content #section-id-03b922e5-d0a6-4c38-9f15-9a328dcfa58d{padding:75px 0;margin:0;}

.sppb-nav-modern>li.active>a,
.sppb-nav-modern>li.active>a:focus,
.sppb-nav-modern>li.active>a:hover{
  background-color: #fdf4d1;
    border: 2px solid #074a9d;
    font-weight: 900 !important;
}

.btn-1{font-size: 35px;border: 5px solid #676666;border-radius: 0 50px 0 0;}
.btn-2{font-size: 35px;border: 5px solid #676666;border-radius: 50px 0 0 0;}
.btn-1.active,.btn-2.active{font-weight: 900 !important;}

.sppb-nav-modern>li>a{background-color: white;border-color: #00000000;}
.sppb-nav-modern>li>a:focus, .sppb-nav-modern>li>a:hover {background-color: white;}
/*
.sppb-nav-modern>li {
    margin: 10px 35px;
}

.sppb-nav-modern>li.active:before {
    content: " ";
    display: block;
    border-top: 5px solid #f7d205;
    position: absolute;
    top: 22px;
    width: 100%;
}*/


.wk-slidenav-previous {  right: 0px;
    width: 60px;
    height: 110px;
    position: absolute;
    background: #525252 !important;
    border-radius: 725px 0 0 725px !important;
    color: #f7d205 !important;
    padding: 37px 18px !important;}
.wk-slidenav-next {    left: 40px;
    width: 60px;
    height: 110px;
    position: absolute;
    background: #525252 !important;
    border-radius: 0 725px 725px 0 !important;
    color: #f7d205 !important;
    padding: 37px 18px !important;}
    
.wk-slidenav-next svg, .wk-slidenav-previous  svg {    width: 22px;}

/*
@media (min-width: 960px) {
    .uk-container {
        padding: 0;
    }
}*/

.uk-dropbar {background: #deb781;}

.tm-toolbar-default .uk-nav-primary>li>a:hover, .uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover, .uk-dropbar .uk-nav-primary>li>a:hover, .uk-dropdown .uk-nav-primary>li>a:hover, .uk-light .uk-nav-primary>li>a:hover, .uk-navbar-dropdown .uk-nav-primary>li>a:hover, .uk-offcanvas-bar .uk-nav-primary>li>a:hover, .uk-overlay-primary .uk-nav-primary>li>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover {
    color: #000000;
}
@media (min-width: 960px) {
    .h1, .uk-h1, h1 {
        font-size: 1.625rem;
    }
}
@media (min-width: 1200px) {
    .display-3, .display-4, .uk-heading-medium {
        font-size: 3rem;
    }
}
.wk-scope .wk-transition-opaque {
    width: 400px;
}




/**/
.reference-section {
height: 55vH;
position: relative;
}
.target-section {
position: absolute;
bottom: 10px;
left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
transition: all 1s ease;
z-index: -1;
}
.expanded {
    
width: 100%;
height: 100%;
border-radius: 0 200px 0 0;
bottom: 50px;
left: 0;
background: #282828; /* رنگ پسزمینه جدید */
z-index: 1; /* برای نمایش بالاتر از سایر عناصر */
}
.M-padding{padding: 100px 100px 0 0;}
.M-padding p,.M-padding h3,.color-logo{color:#ffffff!important;}
.background-w{
       background: #282828;
    height: 1200px;
    text-align: center;
    margin: -1150px auto;
    margin-right: -25px;
    margin-left: -15px;
}
.margin-2{margin: 0 auto;}

/*
.wk-panel>div {    background-color: yellow;border-radius: 100px 0 0 0;}

.wk-panel:hover img {
transform: translate(-10px, -10px);
transition: all 1s ease;
border-radius: 100px 0 0 0;
}
*/


.wk-panel > div {
background-color: #f7d205;
border-radius: 100px 0 0 0;
}

.wk-panel img {
width: 100%;

border: 8px solid #c1c0c1;

}
.wk-panel h3{
    color: #bebdbd !important;
}
.wk-panel  :hover img {
    transition: transform 1s ease,
border-radius 1s ease;
transform: translate(-10px, -10px);
border-radius: 100px 0 0 0;
   
}
.wk-panel  :hover  .wk-slider-items li {
transition: transform 1s ease,
border-radius 1s ease;
transform: translate(-10px, -10px);
border-radius: 100px 0 0 0;
}

.wk-panel  :hover  li {
        background-color: #c1c0c1;
    color: black;
    padding-bottom: 35px;
}
.wk-text-center  :hover .wk-panel {
transition: transform 1s ease,
border-radius 1s ease;
transform: translate(-10px, -10px);
border-radius: 100px 0 0 0;
    background-color: #c1c0c1;
    color: black;
    padding-bottom: 35px;
}
    
.footer1{padding: 50px;
    border: 8px solid #ababab;
    border-radius: 0 80px 0 0;}

@media (min-width: 1200px) {
    .wk-scope .wk-grid>* {

        padding: 50px;
    }
}

.fa-solid {
    padding: 15px;}
    
    .pad>div{padding: 0;}
    
    
#section-id-581bb607-5d16-41bd-b223-2f59c85f2dab .sppb-container-inner{position: absolute;
    bottom: 0;
    left: 0;}
    #sppb-addon-ebc7028c-c8d2-4334-939c-d2c27e73fe6c img {
    border-radius: 0 20px 0 0!important;
}
.g-m .el-title {
    color: #000000 !important;
    font-size: 70px;
    float: right;
    position: absolute;
    right: -100%;
    top: 100px;
    background: #fff;
}
.sppb-nav-modern>li>a{
    
    background: #ffffff;
    border: 2px solid black;
    margin: 13px 0;
    border-radius: 10px;
    }
#sppb-addon-c9e4c1e3-182c-406d-898e-d1e01dc7e9c6>div>div>ul{position: absolute;
    left: 15%;
    top: -110px;}
    
#sppb-addon-c9e4c1e3-182c-406d-898e-d1e01dc7e9c6>div>div>ul  #sppb-content1-1{font-size: 37px;
    border: 3px solid #f9d904;
    padding: 11px 60px;
    border-radius: 0 52px 0 0;margin:0;}
#sppb-addon-c9e4c1e3-182c-406d-898e-d1e01dc7e9c6>div>div>ul  #sppb-content1-2{font-size: 37px;
    border: 3px solid #f9d904;
    padding: 11px 60px;
    border-radius: 52px 0 0 0;}

#column-wrap-id-ba66d6f3-42eb-40a3-a16e-6840b01de0ff
{border: 5px solid #676666;
    margin: 40px;
    padding-top: 64px;    border-radius: 0 160px 0 0;
}
#column-wrap-id-e31aaf97-5b60-4fb4-853f-d9a8ad4bae22{padding:0;}
.za{    z-index: 9999;
    position: relative;}
.section-2 .wk-flex{    position: absolute;
    top: 50%;
    width: -webkit-fill-available;}    
    
    @media (min-width: 1200px) {
    .wk-scope .wk-grid {
        margin: 0 auto;
    }
}

.sec1{    background-color: #efefef85;
    padding: 75px 20px!important;
    border-radius: 30px;
    box-shadow: 0px 0px 8px #a9a9a9!important;}

.sec2{    background-color: #f2c2002e;
    padding: 75px 20px!important;
    border-radius: 30px;
    box-shadow: 0px 0px 8px #f2c103!important;}
    
    .uk-container-small
 {
    max-width: max-content;
}
.mfp-content td{direction: ltr;}
.mfp-content th{direction: rtl;}
.table {    text-align: center;}
 .sppb-btn-custom {
background-color: #ffdd5c!important;
    color: #0631b3!important;}
    
    
    .list .sppb-col-md-3,.list .sppb-row-column   {padding:0px;}

.wk-scope a{
    transition: all 0.5s ease;
}
.wk-scope a:hover{    
color: #000000 !important;
text-decoration: underline !important;
font-size: 18px !important;
font-weight: 900 !important;
transition: all 0.5s ease;
transform: scale(2);}



  :root {
    --handshake: hsl(40, 100%, 66%);
    --btn2: hsl(242, 43%, 65%);
    --btn3: hsl(160, 86%, 63%);
  }

  .button-box {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 30px 0;
    direction: ltr; /* جلوگیری از برعکس شدن در RTL */
  }

  /* استایل عمومی */
  .button-box button {
    height: 100px;
    width: 300px;
    display: flex;
    align-items: center;
    border-radius: 2.5rem;
    transition: 0.5s;
    font-size: 1.3rem;
    color: white;
    outline: none;
    cursor: pointer;
    border: none;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    direction: ltr; /* دکمه‌ها هم همیشه LTR */
    text-align: left;
  }

  .button-box img {
    width: 3.5rem;
    height: 3.5rem;
    transition: all 0.5s ease;
  }

  .title1 {
    font-weight: bold;
   /* margin-left: 1rem;*/
    transition: all 0.5s ease;
    flex: 1;
    text-align: left;
    direction: rtl; /* متن فارسی درست بشه */
    font-size: 20px;
    margin: 1rem;
  }

  .description1 {
    position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 1.1rem;
    font-style: italic;
    opacity: 0;
    transition: all 0.5s ease;
    white-space: nowrap;
    direction: rtl; /* توضیحات فارسی درست بشه */
  }

  /* انیمیشن hover */
  .button-box button:hover .title1 {
    transform: translateX(-60px);
    opacity: 0;
  }

  .button-box button:hover img {
    transform: translateX(-200px); /* بیاد سمت چپ */
  }

  .button-box button:hover .description1 {
    opacity: 1;
    transform: translateX(-20px);
  }

  /* Button 1 */
  .button {
    background-image: linear-gradient(to right, #8081cf, #93578d);
    animation: blurr 2s infinite;
  }
  @keyframes blurr {
    0%,100% { box-shadow: 0 0 10px var(--handshake); }
    50% { box-shadow: 0 0 36px var(--handshake); }
  }

  /* Button 2 */
  .button2 {
    background-image: linear-gradient(to right top, #00e9d8, #b2f98b);
    animation: blurr2 2s infinite;
  }
  @keyframes blurr2 {
    0%,100% { box-shadow: 0 0 10px var(--btn2); }
    50% { box-shadow: 0 0 36px var(--btn2); }
  }

  /* Button 3 */
  .button3 {
    background-image: linear-gradient(to right top, #ffb4be, #ffdd76);
    animation: blurr3 2s infinite;
  }
  @keyframes blurr3 {
    0%,100% { box-shadow: 0 0 10px var(--btn3); }
    50% { box-shadow: 0 0 36px var(--btn3); }
  }
 @media (max-width: 768px) { 
.wk-scope .wk-flex {
    display: none;
}
  .sppb-section-background-video video {   
         scale: 1.2;}
         
         .sppb-gallery {
        justify-content: center !important;
    }
 }
 
 .sppb-btn,h5 {
    font-size: 14px !important; }
    .sppb-container {padding:0}
 .sppb-title-subheading{    margin-top: 0;}
 
 .list a {color: #002e74;   font-size: 12px;}
 .list p {margin:0px;    font-size: 12px;}
.list td { padding: .5rem 0;}
  a:hover {
    color: #f7d205;}
 .list th {background: #ffd012;}
 .list .table :where(tbody), .table :where(td), .table :where(tfoot), .table :where(th), .table :where(thead), .table :where(tr) {
    border-color: #3071ff;}
    
    .footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: right;
  direction: rtl;
  gap: 10px;
}

.footer-contact {
  flex: 1;
  min-width: 250px;
}

.footer-logos {
  flex: 1;
  min-width: 250px;
  display: flex;
  justify-content: flex-end; /* سمت چپ */
  align-items: center;
  gap: 12px;
}

.footer-logos img {
  height: 65px;
  width: auto;
  transition: transform 0.2s ease;
}

.footer-logos img:hover {
  transform: scale(1.05);
}

.footer-contact p {
  margin: 4px 0;
  font-size: 1rem;
}

.footer-contact i {
  color: #f9d904; /* طلایی برند آرکا */
  margin-left: 6px;
}