.text_left
{
    text-align: left;
} 

.text_ceneter
{
    text-align: center;
}

.width_pls
{
    width: 100% !important;
}

.m-0
{
    margin: 0px;
}


.head
{
    font-size: 4vw;
    color: darkblue;
}

.head_gold
{
    font-size: 4vw;
    color: gold;
}

/* ------------------------------------------------------------------------- */

.p_2
{
    color: #ffffff;
    font-size: 1.5vw;
}

.sub-head{
    font-size: 1.6vw;
    color: #ffffb3;
}
/* ----------------------------------------------------------------------- */
#BG {
    width: 102%;
    height: 101vh;
    position: fixed;
    left: -7px;
    top: -6px;
    filter: blur(4px);
}

#mainFooter {
    width: 100% !important;
}

.section
{
    position: relative;
}

.top_baner_img{
    width: 100%;
    filter: blur(3px);
    -webkit-filter: blur(2px); 
}
.inner_sec1
{
    position: relative;
    top: -42vw;
    transform: translate(0, 16%);
}

.top_baner p{
    color: #02176a;
    font-size: 1.6vw;
    padding: 3vw 0px;
    background: #ffffff38;
    border-radius: 25px;
    box-shadow: 0 0 23px -4px #dcebec; 
}

.money-hand{
    position: relative;
    top: 24vw;
    transform: translate(0px, -14%);
    width: 80%;
}
/* section 4 */


.img-money-bg
{
    width: 50%;
    position: relative;
    top: -6vw;
    transform: translate(0px, 5%);
}


.section-Expertise
{
    top: -18vw;
    transform: translate(0%, 3%);
    margin: auto;
    /* left: 3px; */
    background: #ffffff30;
    backdrop-filter: blur(6px);
    border-radius: 25px;
    box-shadow: 0 0 48px -3px white;
}

.head-weight
{
    font-weight: 600;
}

.sec-why p
{
    position: relative;
    top: -36vw;
    transform: translate(0px, 10%);
    font-size: 2vw;

}

.sec-why img{
    width: 70%;
    box-shadow: 0 0 white;
    filter: drop-shadow(0px -1px 13px white);
    border-radius: 50%;
}

.bot_baner
{
    top: -10vw;
    backdrop-filter: blur(3px);
    background: #ffffff3b;
}

.bot_baner p{
    font-size: 2.3vw;
}

.bot_baner img{
    width: 90%;
}
/*  ------------------ meida screan ----------------------------- */

@media(max-width : 750px) and (orientation : landscape)
{
    .img-money-bg {
        top: -11vw;
        transform: translate(0px, 16%);
    }
    .section-Expertise {
        top: -16vw;
        transform: translate(0%, 7%);
    }
}

@media(orientation : landscape)
{

}

@media(orientation: portrait)
{
    .wp-60
    {
        width: 60% !important;
    }
    
    .wp-40
    {
        width: 40% !important;
    }

    .wp-img-70
    {width: 70% !important;}

    .wp-img-40
    { width: 40% !important;}
    
        
    .bot_baner p{
        font-size: 1.5rem;
    }

}