body
{
    background-color: #f2f2f2;

    text-align: center;

    font-family: Vazir;
}

.row,.col-6,.col-7,.col-5,.col-12,p
{
    padding: 0;
    margin: 0;
}

.mainLogo
{
    max-width: 120px;

    margin: 20px;
    margin-top: 35px;
}

.mainHeader
{
    font-size: 24px;

    color: rgb(56, 56, 56);
    
    font-weight: bolder;

    margin-bottom: 20px;

    font-family: Vazir;
}

@keyframes button-animation
{

}

.box
{
    border: 0;
    border-radius: 20px;

    margin: 10px;
    padding: 10px ;

    cursor: pointer;
}


.button-1
{
    background: rgb(245,181,111);
    background: linear-gradient(180deg, rgba(245,181,111,1) 0%, rgba(255,108,151,1) 100%); 
}

.button-2
{
    background: rgb(112,114,254);
    background: linear-gradient(0deg, rgba(112,114,254,1) 0%, rgba(222,143,252,1) 100%); 
}

.button-3
{
    background: rgb(31,197,225);
    background: linear-gradient(0deg, rgba(31,197,225,1) 0%, rgba(108,251,201,1) 100%); 
}

.button-4
{
    background: rgb(248,143,3);
    background: linear-gradient(0deg, rgba(248,143,3,1) 0%, rgba(255,221,91,1) 100%); 
}


.box-text
{
    font-size: 20px;
    color: white;

    line-height: 60px;

    text-align: left;

    font-family: Vazir;
}

 .box-icon
{
    height: 60px;
}

.col-5 .box-icon
{
    height: 45px;
}

.col-7 .box-text
{
    line-height: 45px;
    text-align: center;

    font-size: 17px;
}

.box-text-2
{
    line-height: 22.5px !important;
    text-align: center;

    font-size: 17px;
}

.downMenu
{
    position: fixed;

    bottom: -40px;
    right: 0;
    left: 0;

    height: 100px;

    background-color: #2b2b2b;

    text-align: center;

    border-radius: 50% / 10%;
    
    opacity: 0.3;
}

.downMenu-cir
{
    width: 60px;
    height: 60px;
    border-radius: 50%;

    background-color: white;

    margin: auto;

    box-shadow: 0 0 10px  rgb(49, 49, 49);

    position: fixed;

    bottom: 10px;
    right: 0;
    left: 0;

    cursor: pointer;

}

.downMenu-cir-icon
{
    height: 50px;
    margin: 3px;
}

iframe
{
    position: fixed;

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    border: none;
}

.pages
{
    display: none;
}

.page-mDrive p
{
    margin: 10px;
    margin-top: 50px;

    text-align: right;
}