/* --- colors --- */
  :root {
      --blue-lighter: #EFF8FF;
      --blue-light: #D6EDFF;
      --blue: #C3F0F6;
      --blue-dark: #3A6FE6;
      --asan-rayan-font:  'yekan-bakh';
      --green: #22B14C;
      --blue-darker: #2A418D;
      --gray-light: #fafafa;
      --gray:  #f3f3f3;
      --gray-dark: #d8e7f2;
      --green-tr: rgb(60 153 110 / 50%);
      --blue-dark-tr: #3a6fe640;
      --red: #EF394E;
  }
  /* --- --- */
  body *{
      font-family: 'yekan-bakh' !important;
      font-size: 16px;
      direction: rtl;
      line-height: 30px;
  }
  .text-justify,.text-justify p{
      text-align: justify;
  }
  .text-blue{
      color: var(--blue);
  }
  .text-blue-dark{
      color: var(--blue-dark);
  }
  .text-blue-lighter{
      color: var(--blue-lighter);
  }
  .text-green{
      color: var(--green);
  }
  .text-blue-darker{
      color: var(--blue-darker) !important;
  }
  .text-red {
      color: var(--red);
  }
  .bg-blue-light{
      background-color: var(--blue-light);
  }
  .bg-blue-darker{
      background-color: var(--blue-darker);
  }
  .bg-gray{
      background-color: var(--gray);
  }
  .bg-blue-lighter{
      background-color: var(--blue-lighter);
  }
  .bg-blue{
      background-color: var(--blue);
  }
  .bg-green{
      background-color: var(--green);
  }
  .bg-info{
      background-color: var(--blue-lighter) !important;
  }
  .bg-blue-footer{
      background-color: #B2DFFE;
  }
  a {
      text-decoration: none;
  }
  .fa, .fas, .far {
      font-family: 'Font Awesome 5 Free' !important;
  }
  .top-80-px {
      top: 82px !important;
  }
  .col-4 {
      width: 33.1% !important;
  }
  .row>* {
      margin-top: 0;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
      font-weight: bold !important;
  }
  h1{
      font-size: 30px;
      font-weight: bolder;
  }
  h2 {
      font-size: 25px;
      font-weight: bolder;
  }
  h3{
      font-size: 19px;
  }
  .h2-div{
      font-size: 25px;
      font-weight: bolder;
      line-height: 30px;
      margin-bottom: .5rem;
  }
  .h3-div{
      font-weight: bolder;
      font-size: 16px;
      margin-bottom: .5rem;
  }
  .m-sec{
  
      margin-top: 25px;
  }
  .list-style-type-none{
      list-style-type: none;
  }
  .btn-success{
      background-color: var(--green) !important;
      border-color: var(--green) !important;
  }
  .btn-check:focus+.btn-success, .btn-success:focus{
      box-shadow: 0 0 0 0.25rem var(--green-tr);
  }
  .btn-outline-success{
      border-color: var(--green);
      color: var(--green);
  }
  .btn-outline-success:hover,.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active{
      color: #fff;
      background-color: var(--green);
      border-color: var(--green);
  }
  .btn-check:focus+.btn-outline-success, .btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus{
      box-shadow: none;
  }
  .btn-success:hover{
      color: var(--green) !important;
      background-color: #fff !important;
  }
  .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active{
      color: #fff;
      background-color: var(--blue-dark);
      border-color: var(--blue-dark);
  }
  .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus,.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus{
      box-shadow: 0 0 0 0.25rem var(--blue-dark-tr);
  }
  .btn-outline-primary{
      color: var(--blue-dark);
      border-color: var(--blue-dark);
  }
  .btn-outline-primary:hover{
      background-color: var(--blue-dark);
      border-color: var(--blue-dark);
  }
  .btn-hover-none .btn-outline-primary:hover{
      background-color: #fff;
      color: var(--blue-darker);
      border-color: var(--blue-darker);
  }
  .btn-hover-none .btn-outline-primary.active:hover,.btn-hover-none .btn-check:checked + label:hover{
      background-color: var(--blue-dark);
      color: #fff;
      border-color: var(--blue-dark);
  }
  .fab{
      font-family: "Font Awesome 5 Brands" !important;
  }
/* --- sec1 --- */
.carousel-inner{
    height: 35vh;
}
.carousel-item-div{
    width: 100%;
    background-size: 100% 100%;
    height: 100%;
}
.carousel-item{
    height: 100%;
}
.carousel-item p{
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
}
.carousel-item-div > div{
    max-width: 50vw;
    max-height: 50vh;
    margin: auto;
    padding-top: 5vw;
}
/* --- sec2 --- */
.img-post img {
  border-radius: 5px;
}
.h_iframe-aparat_embed_frame {
    position: relative;
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: auto;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0px 0px 50px 0px #00000029;
}
/* --- sidebar --- */
.sidebar .border-blue-lighter{
    border-color: var(--blue-lighter) !important;
}
/* --- mobile --- */
@media all and (max-width: 950px){
	.carousel-inner {
		height: 300px !important;
	}
	h1 {
		font-size: 45px !important;
		margin-bottom: 25px !important;
	}
	.carousel-item p{
		width: 90vw !important;
		font-size: 25px !important;
		line-height: 40px !important;
	}
	.container{
		max-width: 90vw !important;
	}
}
img{
    max-width: 100% !important;
}