@import url('Font_Sahel.css');

html {
height:100%;
width:100%;

}
body {
    font-family:'Sahel-normal'!important;
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    min-width:100%;
}

.first {
    width: 100% !important;
    height: 73px !important;
}
.lazy-background {
    background-repeat: no-repeat;
}

.howitworksBack {
    direction:rtl!important;
    background-image: url('../../image/HomePage/imageplaceholder4.jpg');
    background-size: cover;
}

    .howitworksBack.visible {
        background-image: url('../image/HowItWorks/بک چگونگی کار ما.jpg');
        background-size: cover;
    }
.img_circle {
    position: relative !important;
    width: 160px !important;
    height: 160px !important;
    direction: rtl !important;
    opacity: 0.65 !important;
    z-index: 1 !important;
}


.up_icon {
    position: relative !important;
    width: 97px !important;
    height: 103px !important;
    direction: rtl !important;
    /*opacity :0.6!important;*/
    z-index: 2 !important;
}
.howitworksBack .card{
    border:none!important;
    box-shadow:none!important;
    background-color:transparent !important;
}
.number {
    font-size: 30px !important;
    font-weight: bold !important;
}
.video_description {
    font-size:15px!important;

    /*position: relative !important;
    max-width: 310px !important;*/
    line-height: 2 !important;
    /*margin: 6% auto auto 5% !important;*/
}
.part2direction{
    direction:ltr!important;
}
.partdescriptiondirection {
    direction: rtl !important;
}
.upperIcontext{
  position:relative!important;
  left:45px!important;
  top:120px!important;
}
.downdirection{
    direction:ltr!important;
}
.downcontext {
    position: relative !important;
    top: 120px !important;
}
@media (max-width:575.95px) {
    .upperIcontext {

        left: 0px !important;
        top: 0px !important;
        padding-right:10px!important;
        font-size:20px!important;
    }
    .downcontext {
        font-size: 20px !important;
    }
}