.box-design{
    border: 1.2px solid #D9C0FF;
    box-shadow: 2px 8px 20px rgba(210, 206, 221, 0.3);
    border-radius: 12px;
    flex-direction: column;
}

.device_custom_paddings{
    padding-top: 132px;
    padding-bottom: 128px;
}

html[dir="rtl"] .arrow-img{
    transform: rotate(-180deg);
}

.modal-dialog{
    position: fixed;
    top: 0 !important;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translate(0) !important;
    margin: 0;
}

.greater_arrow svg {
    margin-bottom: 3px;
}

.rtl .greater_arrow {
    transform: scale(-1,1) !important;
}

.modal-content{
    height: 100%;
    border-radius: 0;
}

.modal-body{
    padding: 1.25rem;
}

.arrow-img{
    width: 50px;
    height: 30px;
    margin-top: 0.5rem;
}

.step_head{
    line-height: 0.85;
}

.step_text{
    max-width: 172px;
}

@media(min-width: 768px){
    .box-design{
        border: 0.8px solid #D9C0FF;
    } 
}

@media(min-width: 768px) and (max-width: 904px){
    .device_custom_paddings{
    padding-top: 112px;
    padding-bottom: 103px;
    }
}

@media(min-width: 600px) and (max-width: 767px){
    .device_custom_paddings{
    padding-top: 104px;
    padding-bottom: 56px;
    }
}

@media(max-width: 599px) {
    .device_custom_paddings{
    padding-top: 96px;
    padding-bottom: 56px;
    }
}

.vertical_align{
    top: 50%;
    transform: translateY(-50%) !important;
}

.horizontal_align{
    left: 50%;
    transform: translateX(-50%)!important;
    position: relative;
}

.rtl .horizontal_align{
    transform: translateX(50%)!important;
    right: 50% !important;
    position: relative;
}

.elements_alignment{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-block: 10px;
}

.elements_alignment h2{
    min-width: 15px;
}

.custom-gap{
    gap: 20px;
}

@media(max-width: 1239px){
    .custom-gap{
    gap: 18px;
    }
}

.custom-max-height-img{
    width: 118px;
    height: 118px;
    object-fit: contain;
}

.box-design{
    height:240px;
}

@media(min-width: 905px) and (max-width: 1239px){
    .custom-max-height-img{
    height: 107px;
    }

    .box-design{
    height:220px;
    }
}

@media(min-width: 768px) and (max-width: 904px){
    .custom-max-height-img{
    height: 92px;
    }

    .box-design{
    height:170px;
    }
}

@media(min-width: 600px) and (max-width: 767px){
    .custom-max-height-img{
    height: 107px;
    }

    .box-design{
    height:220px;
    }
}

@media(max-width: 599px){
    .custom-max-height-img{
    height: 92px;
    }

    .box-design{
    height:170px;
    }
}
@media(min-width: 600px) and (max-width: 767px) {
.device_section{
    max-width:80%;
    margin:auto !important;
}
}

.max-height-50{
    max-height: 50px !important;
}

.grey-bg {
    background-color: #F8F8F8;
}