.Rectangle-196{
  width:100%;
  height:247px;
  background-color:#303591
}
.text-header{
  height:18px;
  text-shadow:0 3px 6px rgba(48,53,145,.65);
  font-family:IRANYekan;
  font-weight:400;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:normal;
  text-align:right;
  color:#303591;
  font-family:IRANYekan,Dana,Nunito,Open Sans,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  text-align:center!important;
  display:block!important;
  padding-top:20px!important
}
@media only screen and (max-width:600px){
  .text-header{
    font-size:15px;
    font-size:10px
}
}
.header{
  height:95%;
  border-radius:7px;
  box-shadow:0 3px 6px 0 rgba(48,53,145,.16);
  background-color:#fff
}
.top-175{
  top:-230px!important
}
.btn-sub{
  width:75px;
  height:45px;
  border-radius:7px;
  background-color:#303591;
  color:#fff
}
.btn-sub:hover{
  background-color:#1570b8;
  color:#fff
}
.input-group>.form-control:not(:last-child),.input-group>.input-group-append>.btn{
  border-radius:7px!important
}
.inp{
  width:173px;
  height:45px;
  border-radius:7px;
  background-color:#e5e5e5
}
#root>.App{
  height:100vh
}
.box-dn{
  width:118.3px;
  height:34.4px;
  background-color:#000;
  color:#e5e5e5
}
.box-dn:hover{
  color:#83a1a6
}
.timeline{
  list-style:none;
  padding:20px 0;
  position:relative
}
.mt-6{
  margin-top:4rem
}
.timeline:before{
  top:0;
  bottom:0;
  position:absolute;
  content:" ";
  width:3px;
  background-color:#eee;
  right:25px;
  margin-left:-1.5px
}
.timeline>li{
  margin-bottom:20px;
  position:relative
}
.timeline>li:after,.timeline>li:before{
  content:" ";
  display:table
}
.timeline>li:after{
  clear:both
}
.timeline>li>.timeline-panel{
  width:calc(100% - 75px);
  float:left;
  border:1px solid #d4d4d4;
  border-radius:2px;
  padding:20px;
  position:relative;
  box-shadow:0 1px 6px rgba(0,0,0,.175)
}
.timeline>li>.timeline-panel:before{
  position:absolute;
  top:26px;
  right:-15px;
  display:inline-block;
  border-color:transparent #ccc;
  border-style:solid;
  border-width:15px 0 15px 15px;
  content:" "
}
.timeline>li>.timeline-panel:after{
  position:absolute;
  top:27px;
  right:-14px;
  display:inline-block;
  border-color:transparent #fff;
  border-style:solid;
  border-width:14px 0 14px 14px;
  content:" "
}
.timeline>li>.timeline-badge{
  color:#fff;
  width:50px;
  height:50px;
  line-height:50px;
  font-size:1.4em;
  text-align:center;
  position:absolute;
  top:16px;
  right:0;
  margin-left:-25px;
  background-color:#999;
  z-index:100;
  border-top-right-radius:50%;
  border-top-left-radius:50%;
  border-bottom-right-radius:50%;
  border-bottom-left-radius:50%
}
.timeline>li.timeline-inverted>.timeline-panel{
  float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
  border-left-width:0;
  border-right-width:15px;
  left:-15px;
  right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
  border-left-width:0;
  border-right-width:14px;
  left:-14px;
  right:auto
}
.timeline-badge.primary{
  background-color:#2e6da4!important
}
.timeline-badge.success{
  background-color:#3f903f!important
}
.timeline-badge.warning{
  background-color:#f0ad4e!important
}
.timeline-badge.danger{
  background-color:#d9534f!important
}
.timeline-badge.info{
  background-color:#5bc0de!important
}
.timeline-title{
  margin-top:0;
  color:inherit
}
.timeline-body>p,.timeline-body>ul{
  margin-bottom:0
}
.timeline-body>p+p{
  margin-top:5px
}
.time{
  width:1px;
  height:488px;
  background-color:#e5e5e5
}
.bottom-0{
  bottom:0
}
.top-50{
  top:30%
}
.ic_dn{
  width:15px;
  height:15px
}
.mt-110{
  margin-top:110px
}
.svg{
  width:45px
}
.enter-mobile>h2{
  text-align:center;
  margin-bottom:20px!important
}
.text-header{
  margin-top:-50px;
  margin-bottom:70px
}
.section-2{
  text-align:center
}
.counter-area{
  padding:20px
}
.counter-area span{
  border:1px solid #303491;
  padding:5px;
  border-radius:50px;
  color:#303491;
  width:30px;
  height:30px;
  display:inline-block
}
.invalid-feedback,.valid-feedback{
  padding:20px 0
}
@media only screen and (min-width:600px){
  .section-2{
    width:700px;
    padding-left:100px
}
}
@media only screen and (max-width:600px){
  #root>.App>.w-75{
    width:90%!important
}
}
a:hover{
  text-decoration:none
}
.hover-underline:hover{
  text-decoration:underline
}
.btn,button{
  cursor:pointer
}
.rounded-curve{
  border-radius:8px
}
.btn:disabled,button:disabled{
  cursor:default
}
.btn-ahref{
  padding:0;
  border:none;
  background:none;
  color:#007bfb
}
.btn-ahref:hover{
  color:#0056b3
}
.btn-ahref:focus{
  outline:none
}
.btn-clean{
  padding:0;
  border:none;
  background:none
}
.btn-clean:focus{
  outline:none
}
.cursor-pointer{
  cursor:pointer
}
.avatar{
  width:2rem;
  height:2rem;
  line-height:normal;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#ced4da no-repeat 50%/cover;
  position:relative;
  text-align:center;
  color:#868e96;
  font-weight:600;
  vertical-align:bottom;
  font-size:.875em;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.color-title{
  color:#07174e!important
}
.arrow-down{
  border-left:555px solid transparent;
  border-right:555px solid transparent;
  border-top:50px solid #fff
}
@media only screen and (max-width:1200px){
  .arrow-down{
    border-left:460px solid transparent;
    border-right:460px solid transparent;
    border-top:50px solid #fff
}
}
@media only screen and (max-width:990px){
  .arrow-down{
    border-left:345px solid transparent;
    border-right:345px solid transparent;
    border-top:50px solid #fff
}
}
.arrow-left{
  width:0;
  height:0;
  border-top:45px solid transparent;
  border-bottom:45px solid transparent;
  border-right:55px solid #fff
}
.shadow-box{
  box-shadow:0 1.125px 6.25px rgba(0,0,0,.27)!important
}
.bg-bl{
  background-color:#07174e!important
}
::-webkit-input-placeholder{
  color:rgba(7,23,78,.29)!important;
  font-weight:700;
  opacity:1
}
::-moz-placeholder{
  color:rgba(7,23,78,.29)!important;
  font-weight:700;
  opacity:1
}
:-ms-input-placeholder{
  color:rgba(7,23,78,.29)!important;
  font-weight:700;
  opacity:1
}
::-ms-input-placeholder{
  color:rgba(7,23,78,.29)!important;
  font-weight:700;
  opacity:1
}
::placeholder{
  color:rgba(7,23,78,.29)!important;
  font-weight:700;
  opacity:1
}
.mb5{
  margin-bottom:4rem!important
}
.round{
  border-top-right-radius:5px;
  border-bottom-right-radius:5px
}
@media only screen and (max-width:1000px){
  .round{
    border-radius:5px 5px 0 0
}
}
@media only screen and (min-width:1000px){
  .dn-btn{
    top:-40px;
    position:relative
}
}
@media only screen and (min-width:1200px){
  .top-r{
    top:-35px!important;
    position:relative!important
}
}
.popular{
  position:relative;
  border-top-right-radius:10px;
  border-top-left-radius:10px
}
@media only screen and (max-width:1000px){
  .swiper-pagination{
    display:none
}
}
.swiper-pagination{
  margin-top:10px!important;
  position:relative!important
}
.action-number{
  min-width:25px;
  width:25px;
  height:25px;
  justify-content:center;
  display:flex
}
.swiper-wrapper{
  display:flex;
  align-items:center
}
.swiper-container .swiper-container-initialized .swiper-container-horizontal{
  display:table-row!important
}
@media only screen and (min-width:1100px){
  .swiper-slide-active{
    height:380px!important;
    width:240px!important
}
  .swiper-slide-active img{
    height:370px!important;
    width:240px!important
}
  .swiper-slide-next,.swiper-slide-next :after div>img,.swiper-slide-next img,.swiper-slide-prev,.swiper-slide-prev img{
    height:330px!important;
    width:220px!important
}
}
@media only screen and (max-width:500px){
  .swiper-slide-active,.swiper-slide-active img,.swiper-slide-next,.swiper-slide-next img,.swiper-slide-prev,.swiper-slide-prev img{
    height:80px!important;
    width:40px!important
}
  .swiper-slide{
    height:330px!important;
    width:220px!important
}
}
.img-thumbnail{
  padding:0!important;
  margin:0!important;
  border:0!important
}
.swiper-container{
  max-width:2000px
}
.slick-next,.slick-prev{
  z-index:1000
}
.slick-next{
  right:20px!important
}
.slick-prev{
  left:20px!important
}
.slick-next:before,.slick-prev:before{
  font-size:30px!important;
  color:grey!important
}
.slider-parent{
  padding:0!important;
  margin-bottom:25px;
  border-radius:0 0 50% 50%;
  background-color:#044d41;
  height:425px;
  background-repeat:round
}
.slick-slide img{
  margin:auto!important
}
.slick-initialized .slick-slide{
  opacity:.6;
  padding:10px
}
.slick-initialized .slick-slide.slick-current{
  opacity:1;
  padding:0
}
.swiper-slide{
  opacity:.6
}
.swiper-slide.swiper-slide-active{
  opacity:1
}
.swiper-slide .img-thumbnail{
  padding:10px!important
}
.swiper-slide.swiper-slide-active .img-thumbnail{
  padding:0!important
}
.py-popular{
  padding-bottom:.35rem!important;
  padding-top:.35rem!important
}
.swiper-slide .img-thumbnail{
  padding:0!important;
  background:transparent
}
.shadow-l{
  box-shadow:0 1rem .9rem rgba(0,0,0,.175)!important
}
.swiper-desk{
  opacity:1!important
}
.price{
  position:relative;
  display:inline-block
}
.price:after,.price:before{
  content:"";
  width:100%;
  position:absolute;
  right:0;
  top:50%
}

body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
code{
    font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}
::-webkit-scrollbar{
    width:10px;
    height:12px
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb{
    background:#303591
}
@media screen and (max-width:992px){
    .Link{
        width:184px;
        height:54px;
        font-size:12px;
        font-weight:400;
        font-stretch:normal;
        font-style:normal;
        line-height:1.5;
        letter-spacing:normal;
        text-align:center;
        color:#111337;
        margin:20px auto;
        width:100%
    }
    .mt-md{
        margin-top:10px
    }
}
@media screen and (max-width:462px){
    .justify-center-sm{
        justify-content:center
    }
}
.bg-primary{
    background-color:#303591!important
}
.active{
    border:2px solid #303591;
    height:100px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:100px;
    padding:5px;
    background-clip:content-box;
    background-color:#ccc
}
.d-grid{
    display:grid;
    justify-items:right
}
.Rectangle-196{
    width:100%;
    height:247px;
    background-color:#303591
}
.text-header{
    height:18px;
    text-shadow:0 3px 6px rgba(48,53,145,.65);
    font-family:IRANYekan;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:1.5;
    letter-spacing:normal;
    text-align:right;
    color:#303591;
    font-family:IRANYekan,Dana,Nunito,Open Sans,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    text-align:center!important;
    display:block!important;
    padding-top:20px!important
}
@media only screen and (max-width:600px){
    .text-header{
        font-size:15px;
        font-size:10px
    }
}
.header{
    height:620px;
    border-radius:7px;
    box-shadow:0 3px 6px 0 rgba(48,53,145,.16);
    background-color:#fff
}
.top-175{
    top:-230px!important
}
.btn-sub{
    width:75px;
    height:45px;
    border-radius:7px;
    background-color:#303591;
    color:#fff
}
.btn-sub:hover{
    background-color:#1570b8;
    color:#fff
}
.input-group>.form-control:not(:last-child),.input-group>.input-group-append>.btn{
    border-radius:7px!important
}
.inp{
    width:173px;
    height:45px;
    border-radius:7px;
    background-color:#e5e5e5
}
#root>.App{
    height:100vh
}
.box-dn{
    width:118.3px;
    height:34.4px;
    background-color:#000;
    color:#e5e5e5
}
.box-dn:hover{
    color:#83a1a6
}
.timeline{
    list-style:none;
    padding:20px 0;
    position:relative
}
.mt-6{
    margin-top:4rem
}
.timeline:before{
    top:0;
    bottom:0;
    position:absolute;
    content:" ";
    width:3px;
    background-color:#eee;
    right:25px;
    margin-left:-1.5px
}
.timeline>li{
    margin-bottom:20px;
    position:relative
}
.timeline>li:after,.timeline>li:before{
    content:" ";
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline>li>.timeline-panel{
    width:calc(100% - 75px);
    float:left;
    border:1px solid #d4d4d4;
    border-radius:2px;
    padding:20px;
    position:relative;
    box-shadow:0 1px 6px rgba(0,0,0,.175)
}
.timeline>li>.timeline-panel:before{
    position:absolute;
    top:26px;
    right:-15px;
    display:inline-block;
    border-color:transparent #ccc;
    border-style:solid;
    border-width:15px 0 15px 15px;
    content:" "
}
.timeline>li>.timeline-panel:after{
    position:absolute;
    top:27px;
    right:-14px;
    display:inline-block;
    border-color:transparent #fff;
    border-style:solid;
    border-width:14px 0 14px 14px;
    content:" "
}
.timeline>li>.timeline-badge{
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:1.4em;
    text-align:center;
    position:absolute;
    top:16px;
    right:0;
    margin-left:-25px;
    background-color:#999;
    z-index:100;
    border-top-right-radius:50%;
    border-top-left-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}
.timeline-badge.primary{
    background-color:#2e6da4!important
}
.timeline-badge.success{
    background-color:#3f903f!important
}
.timeline-badge.warning{
    background-color:#f0ad4e!important
}
.timeline-badge.danger{
    background-color:#d9534f!important
}
.timeline-badge.info{
    background-color:#5bc0de!important
}
.timeline-title{
    margin-top:0;
    color:inherit
}
.timeline-body>p,.timeline-body>ul{
    margin-bottom:0
}
.timeline-body>p+p{
    margin-top:5px
}
.time{
    width:1px;
    height:488px;
    background-color:#e5e5e5
}
.bottom-0{
    bottom:0
}
.top-50{
    top:30%
}
.ic_dn{
    width:15px;
    height:15px
}
.mt-110{
    margin-top:110px
}
.svg{
    width:45px
}
.enter-mobile>h2{
    text-align:center;
    margin-bottom:20px!important
}
.text-header{
    margin-top:-50px;
    margin-bottom:70px
}
.section-2{
    text-align:center
}
.counter-area{
    padding:20px
}
.counter-area span{
    border:1px solid #303491;
    padding:5px;
    border-radius:50px;
    color:#303491;
    width:30px;
    height:30px;
    display:inline-block
}
.invalid-feedback,.valid-feedback{
    padding:20px 0
}
@media only screen and (min-width:600px){
    .section-2{
        width:700px;
        padding-left:100px
    }
}
@media only screen and (max-width:600px){
    #root>.App>.w-75{
        width:90%!important
    }
}
a:hover{
    text-decoration:none
}
.hover-underline:hover{
    text-decoration:underline
}
.btn,button{
    cursor:pointer
}
.rounded-curve{
    border-radius:8px
}
.btn:disabled,button:disabled{
    cursor:default
}
.btn-ahref{
    padding:0;
    border:none;
    background:none;
    color:#007bfb
}
.btn-ahref:hover{
    color:#0056b3
}
.btn-ahref:focus{
    outline:none
}
.btn-clean{
    padding:0;
    border:none;
    background:none
}
.btn-clean:focus{
    outline:none
}
.cursor-pointer{
    cursor:pointer
}
.avatar{
    width:2rem;
    height:2rem;
    line-height:normal;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#ced4da no-repeat 50%/cover;
    position:relative;
    text-align:center;
    color:#868e96;
    font-weight:600;
    vertical-align:bottom;
    font-size:.875em;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.color-title{
    color:#07174e!important
}
.arrow-down{
    border-left:555px solid transparent;
    border-right:555px solid transparent;
    border-top:50px solid #fff
}
@media only screen and (max-width:1200px){
    .arrow-down{
        border-left:460px solid transparent;
        border-right:460px solid transparent;
        border-top:50px solid #fff
    }
}
@media only screen and (max-width:990px){
    .arrow-down{
        border-left:345px solid transparent;
        border-right:345px solid transparent;
        border-top:50px solid #fff
    }
}
.arrow-left{
    width:0;
    height:0;
    border-top:45px solid transparent;
    border-bottom:45px solid transparent;
    border-right:55px solid #fff
}
.shadow-box{
    box-shadow:0 1.125px 6.25px rgba(0,0,0,.27)!important
}
.bg-bl{
    background-color:#07174e!important
}
::-webkit-input-placeholder{
    color:rgba(7,23,78,.29)!important;
    font-weight:700;
    opacity:1
}
::-moz-placeholder{
    color:rgba(7,23,78,.29)!important;
    font-weight:700;
    opacity:1
}
:-ms-input-placeholder{
    color:rgba(7,23,78,.29)!important;
    font-weight:700;
    opacity:1
}
::-ms-input-placeholder{
    color:rgba(7,23,78,.29)!important;
    font-weight:700;
    opacity:1
}
::placeholder{
    color:rgba(7,23,78,.29)!important;
    font-weight:700;
    opacity:1
}
.mb5{
    margin-bottom:4rem!important
}
.round{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
@media only screen and (max-width:1000px){
    .round{
        border-radius:5px 5px 0 0
    }
}
@media only screen and (min-width:1000px){
    .dn-btn{
        top:-40px;
        position:relative
    }
}
@media only screen and (min-width:1200px){
    .top-r{
        top:-35px!important;
        position:relative!important
    }
}
.popular{
    position:relative;
    border-top-right-radius:10px;
    border-top-left-radius:10px
}
@media only screen and (max-width:1000px){
    .swiper-pagination{
        display:none
    }
}
.swiper-pagination{
    margin-top:10px!important;
    position:relative!important
}
.action-number{
    min-width:25px;
    width:25px;
    height:25px;
    justify-content:center;
    display:flex
}
.swiper-wrapper{
    display:flex;
    align-items:center
}
.swiper-container .swiper-container-initialized .swiper-container-horizontal{
    display:table-row!important
}
@media only screen and (min-width:1100px){
    .swiper-slide-active{
        height:380px!important;
        width:240px!important
    }
    .swiper-slide-active img{
        height:370px!important;
        width:240px!important
    }
    .swiper-slide-next,.swiper-slide-next :after div>img,.swiper-slide-next img,.swiper-slide-prev,.swiper-slide-prev img{
        height:330px!important;
        width:220px!important
    }
}
@media only screen and (max-width:500px){
    .swiper-slide-active,.swiper-slide-active img,.swiper-slide-next,.swiper-slide-next img,.swiper-slide-prev,.swiper-slide-prev img{
        height:80px!important;
        width:40px!important
    }
    .swiper-slide{
        height:330px!important;
        width:220px!important
    }
}
.img-thumbnail{
    padding:0!important;
    margin:0!important;
    border:0!important
}
.swiper-container{
    max-width:2000px
}
.slick-next,.slick-prev{
    z-index:1000
}
.slick-next{
    right:20px!important
}
.slick-prev{
    left:20px!important
}
.slick-next:before,.slick-prev:before{
    font-size:30px!important;
    color:grey!important
}
.slider-parent{
    padding:0!important;
    margin-bottom:25px;
    border-radius:0 0 50% 50%;
    background-color:#044d41;
    height:425px;
    background-repeat:round
}
.slick-slide img{
    margin:auto!important
}
.slick-initialized .slick-slide{
    opacity:.6;
    padding:10px
}
.slick-initialized .slick-slide.slick-current{
    opacity:1;
    padding:0
}
.swiper-slide{
    opacity:.6
}
.swiper-slide.swiper-slide-active{
    opacity:1
}
.swiper-slide .img-thumbnail{
    padding:10px!important
}
.swiper-slide.swiper-slide-active .img-thumbnail{
    padding:0!important
}
.py-popular{
    padding-bottom:.35rem!important;
    padding-top:.35rem!important
}
.swiper-slide .img-thumbnail{
    padding:0!important;
    background:transparent
}
.shadow-l{
    box-shadow:0 1rem .9rem rgba(0,0,0,.175)!important
}
.swiper-desk{
    opacity:1!important
}
.price{
    position:relative;
    display:inline-block
}
.price:after,.price:before{
    content:"";
    width:100%;
    position:absolute;
    right:0;
    top:50%
}
.price:before{
    border-bottom:3px solid red;
    -webkit-transform:skewY(-10deg);
    transform:skewY(-10deg)
}
.rounded{
    border-radius:5px!important
}
.payment-btn{
    border-radius:7px!important;
    font-size:25px!important
}
.back-box-color{
    background-color:#07174e!important
}
.rounded-b{
    border-radius:0 0 5px 5px!important
}
.title-fs{
    font-size:18px
}
.header-title{
    font-style:17px;
    text-align:center
}
.swiper-slide .swiper-desk,.swiper-slide .swiper-desk img{
    -webkit-transform:none!important;
    transform:none!important
}
@font-face{
    font-family:IRANYekan;
    font-style:normal;
    font-weight:700;
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanwebbold.eot);
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanwebbold.eot?#iefix) format("embedded-opentype"),url(/oa/applanding/fonts/IRANYekan/woff2/iranyekanwebbold.woff2) format("woff2"),url(/oa/applanding/fonts/IRANYekan/woff/iranyekanwebbold.woff) format("woff"),url(/oa/applanding/fonts/IRANYekan/ttf/iranyekanwebbold.ttf) format("truetype")
}
@font-face{
    font-family:IRANYekan;
    font-style:normal;
    font-weight:300;
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanweblight.eot);
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanweblight.eot?#iefix) format("embedded-opentype"),url(/oa/applanding/fonts/IRANYekan/woff2/iranyekanweblight.woff2) format("woff2"),url(/oa/applanding/fonts/IRANYekan/woff/iranyekanweblight.woff) format("woff"),url(/oa/applanding/fonts/IRANYekan/ttf/iranyekanweblight.ttf) format("truetype")
}
@font-face{
    font-family:IRANYekan;
    font-style:normal;
    font-weight:400;
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanwebregular.eot);
    src:url(/oa/applanding/fonts/IRANYekan/eot/iranyekanwebregular.eot?#iefix) format("embedded-opentype"),url(/oa/applanding/fonts/IRANYekan/woff2/iranyekanwebregular.woff2) format("woff2"),url(/oa/applanding/fonts/IRANYekan/woff/iranyekanwebregular.woff) format("woff"),url(/oa/applanding/fonts/IRANYekan/ttf/iranyekanwebregular.ttf) format("truetype")
}
@font-face{
    font-family:IRANSans;
    font-style:normal;
    src:url(/oa/applanding/fonts/Dana/Dana-Black.ttf)
}
@font-face{
    font-family:IRANSans;
    font-style:normal;
    src:url(/oa/applanding/fonts/Dana/Dana-Medium.ttf)
}
@font-face{
    font-family:IRANSans;
    font-style:normal;
    src:url(/oa/applanding/fonts/Dana/Dana-Light.ttf)
}
body,html{
    margin:0;
    direction:rtl;
    text-align:right;
    font-family:IRANYekan,Dana,Nunito,Open Sans,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    scroll-behavior:smooth;
    overflow-x:hidden;
    line-height:normal
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:.2em;
    line-height:normal
}
.h4,.h5,h4,h5{
    font-size:.8em;
    font-weight:400
}
.h3,h3{
    font-size:.9em;
    font-weight:500
}
.h2,h2{
    font-size:1em;
    font-weight:700
}
.h1,h1{
    font-size:1.2em;
    font-weight:900
}
.bold,bold{
    font-weight:700
}
.pointer-none{
    pointer-events:none
}
.overflow-hidden{
    overflow:hidden
}
.overflow-x-hidden{
    overflow-x:hidden
}
.overflow-x-auto,.overflow-y-hidden{
    overflow-y:hidden
}
.overflow-x-auto{
    overflow-x:auto!important
}
.overflow-y-auto{
    overflow-y:auto!important;
    overflow-x:hidden
}
.ltr{
    direction:ltr;
    font-family:Nunito,Open Sans,Lato,IRANSans,IRANYekan,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}
.rtl{
    direction:rtl
}
.font-family-OpenSans{
    font-family:Nunito,Open Sans,Lato,IRANSans,IRANYekan,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}
.font-family-IRANSans{
    font-family:IRANSans,IRANYekan,Nunito,Open Sans,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}
.font-family-IRANYekan{
    font-family:IRANYekan,SF
}
.font-weight-ultralight{
    font-weight:200
}
.font-weight-light{
    font-weight:300
}
.font-weight-regular{
    font-weight:400
}
.font-weight-medium{
    font-weight:500
}
.font-weight-bold{
    font-weight:700
}
.font-weight-black{
    font-weight:900
}
.text-fluid{
    font-size:calc(14px + 1vw)
}
.text-underline{
    border-bottom-width:1px
}
.text-underline.solid{
    border-bottom-style:solid
}
.text-underline.dotted{
    border-bottom-style:dotted
}
.text-pre-line{
    white-space:pre-line
}
.font-svg{
    display:inline-block;
    font-size:inherit;
    height:1em;
    overflow:visible;
    width:auto;
    vertical-align:-.125em
}
.font-svg.down-1{
    vertical-align:-.225em
}
.font-svg.down-2{
    vertical-align:-.325em
}
.font-svg.down-3{
    vertical-align:-.425em
}
.font-svg.lg{
    vertical-align:-.225em;
    font-size:1.33333em;
    line-height:.75em
}
.font-svg.xs{
    font-size:.75em
}
.footer-carousel .carousel-item>.col-1,.footer-carousel .carousel-item>.col-2,.footer-carousel .carousel-item>.col-3,.footer-carousel .carousel-item>.col-4,.footer-carousel .carousel-item>.col-6,.footer-carousel .carousel-item>.col-8{
    display:inline-block
}
.footer-carousel-image{
    max-height:300px;
    padding:20px;
    max-width:100%
}
.footer-carousel-desc{
    color:#fff;
    padding:20px
}
.footer-carousel-desc p{
    padding:30px
}
@media screen and (max-width:765px){
    .footer-carousel .carousel-item>.col-2,.footer-carousel .carousel-item>.col-8{
        flex:0 0 100%;
        max-width:100%
    }
}
@media (min-width:1200px){
    .text-fluid{
        font-size:1.4em
    }
}
@media (max-width:991.9px){
    .container-full-width{
        padding:0;
        margin:0;
        max-width:unset
    }
}
@media screen and (max-width:471px){
    nav.top.scrollable{
        overflow-x:auto;
        white-space:nowrap
    }
    nav.top.scrollable>div>div:last-child{
        padding-left:15px
    }
    nav.top.scrollable a.btn-dark{
        margin-left:15px
    }
    nav.top.scrollable::-webkit-scrollbar-track{
        box-shadow:inset 0 0 4px rgba(0,0,0,.3);
        background-color:#f5f5f5
    }
    nav.top.scrollable::-webkit-scrollbar{
        height:3px;
        width:4px;
        background-color:#f5f5f5
    }
    nav.top.scrollable::-webkit-scrollbar-thumb{
        background-color:#909090
    }
}