@import url('font.css');


body { font-family: 'IRANSans', sans-serif; background-color: #fff; direction: rtl}
.navbar-custom { background-color: #f6f6f8; border-color: #ddd; }
.navbar-custom .navbar-nav > li > a { color: #333; }
.hero { background-color: #e6f0ff; padding: 60px 0; }
.card { border: 1px solid #ddd; border-radius: 6px; padding: 16px; margin-bottom: 30px; background-color: #fff; min-height: 198px; font-size: 13px}
.faq-item { margin-bottom: 15px; }
.primary-btn { background-color: #135bec; color: #fff; border: none; padding: 10px 20px; border-radius: 10px; font-weight:bold; margin-right: 5px }
.testimonial-card { border: 1px solid #ddd; border-radius: 6px; padding: 20px; margin-bottom: 30px; background-color: #fff; min-height: 256px }
.testimonial-card img { width: 50px; height: 50px; border-radius: 50%; }
.section-title { margin-bottom: 40px; font-weight: bold; }
.sec{font-size:40px ; font-weight:900}
h4{ font-weight:bold}
h3{ font-weight:bold}
.card p{padding: 0; margin: 0}
.faq-item a{color:black}
.faq-item{ padding:6px}
.material-symbols-rounded {
    vertical-align: middle;
    font-size: 22px;
    transition: transform .3s;
  }
  .panel-heading {
    position: relative;
    padding-right: 20px;
  }
  .faq-arrow {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .panel-heading.open .faq-arrow {
    transform: translateY(-50%) rotate(180deg);
  }

 .liam-box {
    background: #fff;
    border-radius: 14px;
    padding: 30px 25px;
    text-align: center;
    border: 1px solid #eee;
    position: relative;
  }
  .liam-arrow {
    position: absolute;
    right: -10px;
    top: 44%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #000;font-weight: bold
  }
  @media (max-width: 991px) {
    .liam-arrow { display: none; }
       .row{ margin: 0 !important}
      .toph{ margin-right: 35px; margin-left: 35px;}
      .faqbox{padding:0 !important}
      .mysidebar{ float: left !important}
      .media-body, .media-left, .media-right{display:block !important}
      .media-body{width:100% !important}
      .media-body h3{ line-height: 32px; text-align: justify}
      .media-body p{ line-height: 32px; text-align: justify}
	  .btb{;border-bottom: 1px solid #ccc;    padding-bottom: 30px;}
 }

.myp p{line-height: 32px; font-size: 18px}



    /* 4-Step Model Boxes */
    .step-box {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px;
      padding: 30px 20px;
      margin-bottom: 20px;
      text-align: center;
      min-height: 270px;
    }

    .step-icon {
      font-size: 2.5rem;
      width: 64px;
      height: 64px;
      line-height: 64px;
      border-radius: 50%;
      background-color: rgb(77 182 172 / 0.2);
      color: var(--accent);
      margin: 0 auto 15px;
    }

    /* What You’ll Gain / Why People Choose Liam */
    .feature-box {
      text-align: right;
      padding: 20px;
      margin-bottom: 20px;
    }

    .feature-icon {
      font-size: 2.5rem;
      color: var(--accent);
      margin-bottom: 10px;
    }

    /* Meet Your Coach */
    .coach-list li {
      margin-bottom: 8px;
    }

    /* Testimonials */
    .testimonial-box {
      background-color: #fff;
      padding: 30px;
      border-radius: 15px;
      margin-bottom: 20px;
    }

    .testimonial-img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
    }

    /* Call to Action */
    .cta-box {
      background-color: var(--primary);
      color: #fff;
      padding: 50px 20px;
      border-radius: 15px;
      text-align: center;
    }

    /* FAQ */
    .panel-heading a {
      display: block;
      text-decoration: none;
      font-weight: bold;
      color: var(--text-primary);
}


    /* باکس‌ها و بخش‌ها */
    .section-box {
      padding: 80px 20px;
      border-radius: 15px;
      margin-bottom: 40px;
    }

    .section-bg-secondary {
      background-color: var(--secondary);
    }

    .hero-image, .thumbnail-bg {
      background-size: cover;
      background-position: center;
      border-radius: 15px;
    }

    .hero-image {
      height: 320px;
    }

    .thumbnail-bg {
      height: 200px;
      margin-bottom: 20px;
    }

.btn-group-lg>.btn, .btn-lg{ border-radius:10px}
.btn-primary{ border-radius: 10px}



/***********New style--------*/
.my-note{font-size: 14px; color: red;clear: both}
.icons-row{border: 2px solid #ccc;clear: both;margin-top: 20px;float: right;width: 100%;padding: 20px;}
.icons-row p{font-size: 13px}
.bull1 > i{font-size: 30px; margin-left: 10px;float: right}
.violet-icon{color: #515e7b!important;}
.green-icon{color: #63aa00!important}
.yellow-icon{color: #ffd43b!important}
.blue-icon{color: #3d619b!important}
.red-icon{color: #e20000!important}
.is-flex{display: flex}
.my-head{background: #183153;color: #fff!important;border-radius: 50px;clear: both;padding: 10px 20px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;float: right;font-weight: bold;}
.center-head{color: #fff!important;border-radius: 50px;clear: both;padding: 10px 20px;font-weight: bold;margin: 0 auto}
.head1{background: #183153;}
.head2{background: #3d619b;}
.head3{background: #e20000;}
.head4{background: #f05323;}
.download-box{width: 100%; height: auto;background-color: white;box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);border-radius: 20px;position: relative;padding: 20px 0;}
.download-box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);}
.download-head{position: absolute;top: 20px; color: #fff;font-weight: bold;padding: 10px 20px;right: -7px;left: -7px;border-radius: 4px;font-size: 16px}
.download-head i{margin-left: 5px}
.btn_green{background: #77cc6d;display: inline-block;padding: 7px 20px 10px;text-decoration: none;text-transform: capitalize;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0.5px;transition: all 0.5s ease-in-out;position: relative;border-radius: 3px;-moz-box-shadow: 0 -2px rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;-o-box-shadow: 0 -2px rgba(0,0,0,.1);}
.btn_green:hover{color: #fff;background: #2fb45a;}
.btn_orange{ background: #f05323;display: inline-block;padding: 7px 20px 10px;text-decoration: none;text-transform: capitalize;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0.5px;transition: all 0.5s ease-in-out;position: relative;border-radius: 3px;-moz-box-shadow: 0 -2px rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;-o-box-shadow: 0 -2px rgba(0,0,0,.1);}
.floatleft{float: left}
.btn_orange:hover{background: #f89a3a; color: #fff}
.green-bg{background: rgba(119, 204, 109, 0.13)}
.orange-bg{background: rgba(240, 83, 35, 0.13)}
.db-row li{margin-bottom: 5px;padding: 0 10px; font-size: 13px}
.db-row li span{font-size: 13px!important;padding: 0;}
.btn-download{float: left}
.download-box p{font-size: 13px;}
.height-auto{height: auto}
.width-full{width: 100%}
.image-box{position: relative;border: 3px solid #fff;box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);}
.image-box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);}
.image-box img{width: 100%}
.mask{position: absolute;top: 0;background: rgba(255,255,255,0.6);width: 100%;height: 30%;text-align: center;padding:10px 20px; min-height: 130px}
.number{padding: 20px;border:2px solid #ccc}
.list-number{width: 40px;height: 40px;font-weight: bold;color: #fff;float: right;margin-left: 5px;border-radius: 50px;text-align: center}
.violet-bg{background:#515e7b!important}
.red-bg{background:#e20000!important}
.blue-bg{background: #3d619b}
.numandback{background:rgba(255, 255, 255, 0.80);border:2px dashed #ccc;border-radius: 30px;padding: 10px 20px !important;}
.alert-blue{color: #0c5460;background-color: #d1ecf1;padding: 20px;border: 1px solid #bee5eb;border-radius: .25rem;}
.alert-green{color: #155724;background-color: #d4edda;border: 1px solid #c3e6cb;border-radius: .25rem;padding: 20px;}
.alert-red{color: #721c24;background-color: #f8d7da;border: 1px solid #f5c6cb;border-radius: .25rem;padding: 20px;}
.highlight-bg{background: rgba(255, 255, 255, 0.80);box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);border-radius: 30px;padding: 10px 20px !important;}
.my-area{width: 100%;direction: ltr;font-family: tahoma;margin: 10px 0}
.download-table{ display:table !important; width: 100%;margin: 0}
.download-table td {
    border: 5px solid #fff!important;
    text-align: right; padding: 5px 20px; font-size: 14px;
}
@media (max-width:768px){
    .download-table td {width: 100% !important; float: right}
    .sidebar-box{margin: 16px}
}


.download-box .col-md-4{ float:right !important}
.download-box .col-md-8{ float:right !important}

.heyvatable{width:100%;text-align:center; border-radius:10px; border-collapse:separate; border:none}
.heyvatable tr:nth-child(even){background:#fff;text-align:center; border-radius:10px}
.heyvatable tr:nth-child(odd){background:#e2e5f9;text-align:center; border-radius:10px}
.heyvatable tr td{text-align:center; padding:10px; border-radius:10px}
.heyvatable tr td a{ text-decoration:none; border-bottom:0px; color:#ef4b4c }
.heyvatable tr td a:hover{ text-decoration:none; border-bottom:0px; color:#3d619b }
.heyvatable tr:first-child td{background:#3d619b;font-weight:bold;color:white;text-align:center; border-radius:10px; }

.heyvatable2{width:100%;text-align:center; border-radius:10px; border-collapse:separate; border:none}
.heyvatable2 tr:nth-child(even){background:#fff;text-align:center; border-radius:10px}
.heyvatable2 tr:nth-child(odd){background:#e2e5f9;text-align:center; border-radius:10px}
.heyvatable2 tr td{text-align:center; padding:10px; border-radius:10px; min-width:150px; border:none}
.heyvatable2 tr td a{ text-decoration:none; border-bottom:0px; color:#ef4b4c }
.heyvatable2 tr td a:hover{ text-decoration:none; border-bottom:0px; color:#3d619b }
.heyvatable2 tr:first-child td{background:#3d619b;font-weight:bold;color:white;text-align:center; border-radius:10px; }
.heyvatable2 tr td a{color:white}
.heyvatable2 tr td a:hover{color:#FFDFDF}
.heyvatable2 .btn-download{float:none;line-height: 10px;height: 25px;
}



/***********New style--------*/
.my-note{font-size: 14px; color: red;clear: both}
.icons-row{border: 2px solid #ccc;clear: both;margin-top: 20px;float: right;width: 100%;padding: 20px;}
.icons-row p{font-size: 13px}
.bull1 > i{font-size: 38px; margin-left: 10px;float: right}
.violet-icon{color: #515e7b!important;}
.green-icon{color: #63aa00!important}
.yellow-icon{color: #ffd43b!important}
.blue-icon{color: #3d619b!important}
.red-icon{color: #e20000!important}
.is-flex{display: flex}
.my-head{background: #183153;color: #fff!important;border-radius: 50px;clear: both;padding: 10px 20px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;float: right;font-family: IRANSans !important;font-weight: bold;}
.center-head{color: #fff!important;border-radius: 50px;clear: both;padding: 10px 20px;font-family: IRANSans !important;font-weight: bold;margin: 0 auto}
.head1{background: #183153;}
.head2{background: #3d619b;}
.head3{background: #e20000;}
.head4{background: #f05323;}
.download-box{width: 100%; height: auto;background-color: white;box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);border-radius: 20px;position: relative;padding: 20px 0;}
.download-box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);}
.download-head{position: absolute;top: 20px; color: #fff;font-family: IRANSans !important;font-weight: bold;padding: 10px 20px;right: -7px;left: -7px;border-radius: 4px;font-size: 16px}
.download-head i{margin-left: 5px}
.btn_green{background: #77cc6d;display: inline-block;padding: 7px 20px 10px;text-decoration: none;text-transform: capitalize;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0.5px;transition: all 0.5s ease-in-out;position: relative;border-radius: 3px;-moz-box-shadow: 0 -2px rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;-o-box-shadow: 0 -2px rgba(0,0,0,.1);font-family: IRANSans !important;}
.btn_green:hover{color: #fff;background: #2fb45a;}
.btn_orange{ background: #f05323;display: inline-block;padding: 7px 20px 10px;text-decoration: none;text-transform: capitalize;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0.5px;transition: all 0.5s ease-in-out;position: relative;border-radius: 3px;-moz-box-shadow: 0 -2px rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;-o-box-shadow: 0 -2px rgba(0,0,0,.1);font-family: IRANSans !important;}
.floatleft{float: left}
.btn_orange:hover{background: #f89a3a; color: #fff}
.green-bg{background: rgba(119, 204, 109, 0.13)}
.orange-bg{background: rgba(240, 83, 35, 0.13)}
.db-row li{margin-bottom: 5px;padding: 0 10px; font-size: 13px}
.db-row li span{font-size: 13px!important;padding: 0;}
.btn-download{float: left}
.download-box p{font-size: 13px;}
.height-auto{height: auto}
.width-full{width: 100%}
.image-box{position: relative;border: 3px solid #fff;box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);}
.image-box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);}
.image-box img{width: 100%}
.mask{position: absolute;top: 0;background: rgba(255,255,255,0.6);width: 100%;height: 30%;text-align: center;padding:10px 20px; min-height: 130px}
.number{padding: 20px;border:2px solid #ccc}
.list-number{width: 40px;height: 40px;font-weight: bold;color: #fff !important;float: right;margin-left: 5px;border-radius: 50px;text-align: center}
.violet-bg{background:#515e7b!important}
.red-bg{background:#e20000!important}
.blue-bg{background: #3d619b}
.numandback{background:rgba(255, 255, 255, 0.80);border:2px dashed #ccc;border-radius: 30px;padding: 10px 20px !important;}
.alert-blue{color: #0c5460;background-color: #d1ecf1;padding: 20px;border: 1px solid #bee5eb;border-radius: .25rem;}
.alert-green{color: #155724;background-color: #d4edda;border: 1px solid #c3e6cb;border-radius: .25rem;padding: 20px;}
.alert-red{color: #721c24;background-color: #f8d7da;border: 1px solid #f5c6cb;border-radius: .25rem;padding: 20px;}
.highlight-bg{background: rgba(255, 255, 255, 0.80);box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.13);border-radius: 30px;padding: 10px 20px !important;}
.my-area{width: 100%;direction: ltr;font-family: tahoma;margin: 10px 0}
.download-table{ display:table !important; width: 100%;margin: 0}
.download-table td {
    border: 5px solid #fff!important;
    text-align: right; padding: 5px 20px; font-size: 14px;
}
@media (max-width:768px){
    .download-table td {width: 100% !important; float: right}
	.col-mobile .calltoaction{ background-size:contain !important}
	.col-mobile .call_text{ padding-top:35px !important}
	.charg{ margin-top:-50px !important !important; margin-bottom:30px}
}

.t1{ font-weight:bold !important}


.heyva-related {
  border-right: 3px solid #cc6601;

  background: #f0f0f0;

  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}


#maincontent p{line-height: 40px}