@font-face {
    font-family: "Vazir";
    src: url("../fonts/Vazir.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Vazir.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Vazir.woff2") format("woff2"),
      url("../fonts/Vazir.woff") format("woff"),
      url("../fonts/Vazir.ttf") format("truetype");
    /* Safari, Android, iOS */
  }

  body {
    direction: rtl;
    text-align: right !important;
    font-family: "Vazir";
    line-height: 1.6;
    /* background: rgb(252,252,252);
    background: radial-gradient(circle, rgba(252,252,252,1) 1%, rgba(251,250,214,1) 7%, rgba(153,204,255,1) 60%, rgba(115,131,246,1) 86%); */
}
.blog .carousel-indicators {
	left: 20px;
	top: auto;
    bottom: -60px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: blue;
    border-radius: 50%;
    width: 25px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: rgb(219, 188, 188);
}
  .card {
      background-color: #fff;
      border-radius: 10px;
      border: none;
      position: relative;
      margin-bottom: 30px;
      box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
  }
  .l-bg-cherry {
      background: linear-gradient(to right, #493240, #f09) !important;
      color: #fff;
  }

  .l-bg-blue-dark {
      background: linear-gradient(to right, #373b44, #4286f4) !important;
      color: #fff;
  }

  .l-bg-green-dark {
      background: linear-gradient(to right, #4b0a0a, #ef3838) !important;
      color: #fff;
  }

  .l-bg-orange-dark {
      background: linear-gradient(to right, #0b0c0c, #5f12db) !important;
      color: #fff;
  }

  .card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
      font-size: 110px;
  }

  .card .card-statistic-3 .card-icon {
      text-align: center;
      line-height: 50px;
      margin-left: 15px;
      color: #000;
      position: absolute;
      right: -5px;
      top: 20px;
      opacity: 0.1;
  }

  .l-bg-cyan {
    background: rgb(242,244,158);border-radius: 20px;background: linear-gradient(90deg, rgba(242,244,158,1) 2%, rgba(191,201,238,1) 57%, rgba(227,145,221,1) 100%);
      color: #fff;
  }

  .l-bg-green {
    background: rgb(242,244,158);border-radius: 20px;background: linear-gradient(90deg, rgba(242,244,158,1) 2%, rgba(191,201,238,1) 57%, rgba(227,145,221,1) 100%);
      color: #fff;
  }

  .l-bg-orange {
    background: rgb(242,244,158);border-radius: 20px;background: linear-gradient(90deg, rgba(242,244,158,1) 2%, rgba(191,201,238,1) 57%, rgba(227,145,221,1) 100%);      color: #fff;
  }

  .l-bg-cyan {
    background: rgb(242,244,158);border-radius: 20px;background: linear-gradient(90deg, rgba(242,244,158,1) 2%, rgba(191,201,238,1) 57%, rgba(227,145,221,1) 100%);      color: #fff;
  }

  .card{

      background: rgb(205, 228, 236);
      border-radius: 20px;
      border: 2px dashed white;
      box-shadow: 5px 6px 6px 2px #101e41;
  }

  .border-bottom {
      border-bottom: 1px solid #9e9e9e29!important;
  }


  .border-right {
      border-right: 1px solid #9e9e9e29!important;
  }


  .mr-46{

          margin-right: 44px;
  }


  a{

      text-decoration: none;
      color: #fff;
  }


  .item-list li{

      list-style: none;
      padding: 5px;
  }



  .dots {
    height: 50px;
    width: 50px;
    background-color: #fff;
    color: red;
    line-height: 37px;
    padding: 10px;
    border-radius: 50%;
    display: inline-block;

  }

  .dots i{

          font-size: 25px;
      margin-left: 5px;
  }


  .text-content{
      font-size: 30px;
      color: #fff;
      font-weight: 500;
  }



  .social-icons{

      display: inline-flex;
  }


  .social-icons li{

      padding: 10px;
      list-style: none;
  }

   a:link {
       text-decoration: none
   }
   .header-blue {
    padding-bottom:80px;
  }

  @media (min-width:768px) {
    .header-blue {
      padding-bottom:120px;
    }
  }

  .header-blue .navbar {
    background:transparent;
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#fff;
    border-radius:0;
    box-shadow:none;
    border:none;
  }

  @media (min-width:768px) {
    .header-blue .navbar {
      padding-top:1rem;
      padding-bottom:1rem;
    }
  }

  .header-blue .navbar .navbar-brand {
    font-weight:bold;
    color:inherit;
  }

  .header-blue .navbar .navbar-brand:hover {
    color:#f0f0f0;
  }

  .header-blue .navbar .navbar-collapse {
    border-top:1px solid rgba(255,255,255,0.3);
    margin-top:.5rem;
  }

  @media (min-width:768px) {
    .header-blue .navbar .navbar-collapse {
      border-color:transparent;
      margin:0;
    }
  }

  .header-blue .navbar .navbar-collapse span .login {
    margin-right:.5rem;
    text-decoration:none;
  }

  .header-blue .navbar .navbar-collapse span .login:hover {
    color:#fff;
  }

  .header-blue .navbar .navbar-toggler {
    border-color:rgba(255,255,255,0.3);
  }

  .header-blue .navbar .navbar-toggler:hover, .header-blue .navbar-toggler:focus {
    background:none;
  }

  .header-blue .navbar .navbar-nav a.active, .header-blue .navbar .navbar-nav > .show .dropdown-item {
    background:none;
    box-shadow:none;
  }

  @media (min-width: 768px) {
    .header-blue .navbar-nav .nav-link {
      color: white;
      padding-left:.7rem;
      padding-right:.7rem;
    }
  }

  @media (min-width: 992px) {
    .header-blue .navbar-nav .nav-link {
      color: white;
      padding-left:1.2rem;
      padding-right:1.2rem;
    }
  }

  .header-blue .navbar .navbar-nav > li > .dropdown-menu {
    margin-top:5px;
    min-width: 160px;
    border-radius: 20px;
    box-shadow: 2px 32px 64px 2px rgba(0,0,0,0.2);
    z-index: 1;
    transform: translateY(-20px);
    transition: transform 0.3s ease-in-out;
  }

  .header-blue .navbar .dropdown-menu .dropdown-item:focus, .header-blue .navbar .dropdown-menu .dropdown-item {
    line-height:2;
    border-radius: 20px;
    text-align:center;
}

  .header-blue .navbar .dropdown-menu .dropdown-item:focus, .header-blue .navbar .dropdown-menu .dropdown-item:hover {
    border-radius: 15px;
    text-align: center ;
  }

  .header-blue .action-button, .header-blue .action-button:not(.disabled):active {
    border:1px solid rgba(255,255,255,0.7);
    border-radius:20px;
    box-shadow:none;
    text-shadow:none;
    padding:.3rem .8rem;
    background:transparent;
    transition:background-color 0.25s;
    outline:none;
  }

  .header-blue .action-button:hover {
    color:#fff;
  }

  .header-blue .navbar .form-inline label {
    color:#d9d9d9;
  }

  .header-blue .navbar .form-inline .search-field {
    display:inline-block;
    width:80%;
    background:none;
    border:none;
    border-bottom:1px solid transparent;
    border-radius:0;
    color:#ccc;
    box-shadow:none;
    color:inherit;
    transition:border-bottom-color 0.3s;
  }

  .header-blue .navbar .form-inline .search-field:focus {
    border-bottom:1px solid #ccc;
  }

  .header-blue .hero {
    margin-top:20px;
    text-align:center;
  }

  @media (min-width:768px) {
    .header-blue .hero {
      margin-top:60px;
      text-align:left;
    }
  }

  .header-blue .hero h1 {
    color:#fff;
    font-size:40px;
    margin-top:0;
    margin-bottom:15px;
    font-weight:300;
    line-height:1.4;
  }

  @media (min-width:992px) {
    .header-blue .hero h1 {
      margin-top:190px;
      margin-bottom:24px;
      line-height:1.2;
    }
  }

  .header-blue .hero p {
    color:rgba(255,255,255,0.8);
    font-size:20px;
    margin-bottom:30px;
    font-weight:300;
  }
  .btn{
    font-weight: 700;
    text-transform: lowercase;
    padding: 10px 20px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.btn:hover{
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    animation: rotate 0.7s ease-in-out both;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  }
.btn:before,
.btn:after{
    content: '';
    background: black;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow: auto;
  }

  .popup-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }

  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  .play-button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      font-size: 24px;
    }

    .play-button i {
      color: #fff; /* رنگ آیکون پلی */
    }

    /* بقیه کدها برای popup همانند قبل */

.btn:hover:before,
.btn:hover:after{
    opacity: 0.15;
}
.btn:hover:before{ transform: translate3d(50%, 0, 0) scale(0.9); }
.btn:hover:after{ transform: translate(50%, 0) scale(1.1); }
  .header-blue .phone-holder {
    text-align:right;
  }

  .header-blue div.iphone-mockup {
    position:relative;
    max-width:300px;
    margin:20px;
    display:inline-block;
  }

  .header-blue .iphone-mockup img.device {
    width:100%;
    height:auto;
  }

  .header-blue .iphone-mockup .screen {
    position:absolute;
    width:88%;
    height:77%;
    top:12%;
    border-radius:2px;
    left:6%;
    border:1px solid #444;
    background-color:#aaa;
    overflow:hidden;
    background-size:cover;
    background-position:center;
  }

  .header-blue .iphone-mockup .screen:before {
    content:'';
    background-color:#fff;
    position:absolute;
    width:70%;
    height:140%;
    top:-12%;
    right:-60%;
    transform:rotate(-19deg);
    opacity:0.2;
  }

  body{margin-top:20px;}
  .footer_area {
      position: relative;
      z-index: 1;
      overflow: hidden;
  webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
      box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
      padding:60px;
  }
  .footer_area .row {
      margin-left: -25px;
      margin-right: -25px;
  }
  .footer_area .row .col,
  .footer_area .row .col-1,
  .footer_area .row .col-10,
  .footer_area .row .col-11,
  .footer_area .row .col-12,
  .footer_area .row .col-2,
  .footer_area .row .col-3,
  .footer_area .row .col-4,
  .footer_area .row .col-5,
  .footer_area .row .col-6,
  .footer_area .row .col-7,
  .footer_area .row .col-8,
  .footer_area .row .col-9,
  .footer_area .row .col-auto,
  .footer_area .row .col-lg,
  .footer_area .row .col-lg-1,
  .footer_area .row .col-lg-10,
  .footer_area .row .col-lg-11,
  .footer_area .row .col-lg-12,
  .footer_area .row .col-lg-2,
  .footer_area .row .col-lg-3,
  .footer_area .row .col-lg-4,
  .footer_area .row .col-lg-5,
  .footer_area .row .col-lg-6,
  .footer_area .row .col-lg-7,
  .footer_area .row .col-lg-8,
  .footer_area .row .col-lg-9,
  .footer_area .row .col-lg-auto,
  .footer_area .row .col-md,
  .footer_area .row .col-md-1,
  .footer_area .row .col-md-10,
  .footer_area .row .col-md-11,
  .footer_area .row .col-md-12,
  .footer_area .row .col-md-2,
  .footer_area .row .col-md-3,
  .footer_area .row .col-md-4,
  .footer_area .row .col-md-5,
  .footer_area .row .col-md-6,
  .footer_area .row .col-md-7,
  .footer_area .row .col-md-8,
  .footer_area .row .col-md-9,
  .footer_area .row .col-md-auto,
  .footer_area .row .col-sm,
  .footer_area .row .col-sm-1,
  .footer_area .row .col-sm-10,
  .footer_area .row .col-sm-11,
  .footer_area .row .col-sm-12,
  .footer_area .row .col-sm-2,
  .footer_area .row .col-sm-3,
  .footer_area .row .col-sm-4,
  .footer_area .row .col-sm-5,
  .footer_area .row .col-sm-6,
  .footer_area .row .col-sm-7,
  .footer_area .row .col-sm-8,
  .footer_area .row .col-sm-9,
  .footer_area .row .col-sm-auto,
  .footer_area .row .col-xl,
  .footer_area .row .col-xl-1,
  .footer_area .row .col-xl-10,
  .footer_area .row .col-xl-11,
  .footer_area .row .col-xl-12,
  .footer_area .row .col-xl-2,
  .footer_area .row .col-xl-3,
  .footer_area .row .col-xl-4,
  .footer_area .row .col-xl-5,
  .footer_area .row .col-xl-6,
  .footer_area .row .col-xl-7,
  .footer_area .row .col-xl-8,
  .footer_area .row .col-xl-9,
  .footer_area .row .col-xl-auto {
      padding-right: 25px;
      padding-left: 25px;
  }

  .single-footer-widget {
      position: relative;
      z-index: 1;
  }
  .single-footer-widget .copywrite-text a {
      color: #747794;
      font-size: 1rem;
  }
  .single-footer-widget .copywrite-text a:hover,
  .single-footer-widget .copywrite-text a:focus {
      color: #3f43fd;
  }
  .single-footer-widget .widget-title {
      margin-bottom: 1.5rem;
  }
  .single-footer-widget .footer_menu li a {
      color: #747794;
      margin-bottom: 1rem;
      display: block;
      font-size: 1rem;
  }
  .single-footer-widget .footer_menu li a:hover,
  .single-footer-widget .footer_menu li a:focus {
      color: #3f43fd;
  }
  .single-footer-widget .footer_menu li:last-child a {
      margin-bottom: 0;
  }

  .footer_social_area {
      position: relative;
      z-index: 1;
  }
  .footer_social_area a {
      border-radius: 50%;
      height: 40px;
      text-align: center;
      width: 40px;
      display: inline-block;
      background-color: #f5f5ff;
      line-height: 40px;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-right: 10px;
  }
  .footer_social_area a i {
      line-height: 36px;
  }
  .footer_social_area a:hover,
  .footer_social_area a:focus {
      color: #ffffff;
  }

  @-webkit-keyframes bi-cycle {
      0% {
          left: 0;
      }
      100% {
          left: 100%;
      }
  }

  @keyframes bi-cycle {
      0% {
          left: 0;
      }
      100% {
          left: 100%;
      }
  }
  ol li, ul li {

      list-style: none;
  }

  ol, ul {
      margin: 0;
      padding: 0;
  }