body
{
    width: 100%;
    margin: auto;
}

.flex
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.main_container, .container 
{
    top:0px;
    width: 90%;
    padding: 3% 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.container
{
    justify-content: space-evenly;
    padding: 0px;
}

.direction
{
    flex-direction: row; /* default */
}

.row
{
    flex-direction: row;
}

.rev_row
{
    flex-direction: row-reverse;
}

.col
{
    flex-direction: column;
}

/* width */
.fx_w-47
{
    width: 47%;
}

.fx_w-48
{
    width: 48%;
}

.fx_w-49
{
    width: 49%;
}
   
.fx_w-45
{
    width: 45%;
}

.full-width
{
    width: 98%;
}

.w_100
{
    width: 100%;
}

.w_99
{
    width: 99%;
}

.w-90
{
    width: 90%;
}

.w-80
{
    width: 80%;
}

.w-70
{
    width: 70%;
}

.w-60
{
    width: 60%;
}

.w-50
{
    width: 50%;
}

.w-49
{
    width: 49%;
}

.w-48
{
    width: 48%;
}

.w-45
{
    width: 45%;
}

.w-42
{
    width: 42%;
}

.w-40
{
    width: 40%;
}

.w-30
{
    width: 30%;
}

.w-31
{
    width: 31%;
}

.w-32
{
    width: 32%;
}

.w-33
{
    width: 33%;
}


.w-20
{
    width: 20%;
}
/* end width */

.no-merg
{
    margin: 0;
}

.no-padding
{
    padding: 0;
}

.mrg-t-10_imp
{
    margin-top: 10px !important;
}

.mrg-b-10_imp
{
    margin-bottom: 10px !important;
}
.no-merg_impo
{
    margin: 0 !important;
}

.no-padding_impo
{
    padding: 0 !important;
}

.mrg-auto
{
    margin: auto;
}
.col-marg_1vh
{
    margin: 1vh auto;
    
}

.col-marg_0_5vh
{
    margin: 0.5vh auto;
    
}

.section
{
    /* background-color: antiquewhite; */
    /* margin: 1%; */
    padding: inherit;
    flex-grow: 1;
    flex-basis: 90%;
}

/* stylies */


.radius-t-l
{
    border-radius: 25px 0 0 0;
}

.radius-t-r
{
    border-radius: 0px 25px 0 0;
}

.radius-t-lr {
    border-radius: 25px 25px 0 0;
}

.radius-b-l
{
    border-radius: 0 0 0 25px;
}

.radius-b-r
{
    border-radius: 0 0 25px 0;
}

/* end  stylies */
/* ////////////////////////////// start text //////////////////////////////////////// */

.text_center
{
    text-align: center;
}

.text_ltr
{
    direction: ltr;
}

.text_rtl
{
    direction: rtl;
}

/* ////////////////////////////// start text //////////////////////////////////////// */

/* ===================================================================================================================== */

/* ////////////////////////////////////// start @media (orientation: portrait) ///////////////////////////////////// */
@media (orientation: portrait)
{
    .direction
    {
        flex-direction: row; /* default */
    }

    .w-20,.w-30, .w-40, .w-42, .w-45, .w-48, .w-49, .w-50, .w-50, .w-60, .w-70, .w-80, .w-90
    {
        width: 98%;
        margin: 0.5vh auto;
    }
    
    .column
    {
        flex-direction: column;
    }
    
    .column-reverse
    {
        flex-direction: column-reverse;
    }
    
    .port_row-reverse
    {
        flex-direction: row-reverse !important;
    }

    .port_col-reverse
    {
        flex-direction: column-reverse !important;
    }
}

/* //////////////////////////////////////   end @media (orientation: portrait) ///////////////////////////////////// */