/* Intro Page */
.row{
    overflow:hidden;
}

.leftside, .rightside{
    height: 50vh;
    width: 100%;
    position: relative;
    transition: transform 0.5s;
    
}

.leftside{
    background: url('../img/landing_page/dr_landing.png');
    background-size:100% 100%;
}

.rightside{
    background: url('../img/landing_page/0.jpg');
    background-size:100% 100%;
}

.leftside:hover{
    transform: scale(1.03);
}

.rightside:hover{
    transform: scale(1.03);
}

/*.logo-bg-cg{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    height:200px;
    width:450px;
    background: #fff;
    border-radius: 20px;
/*    border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px; 
    opacity: 0.7;
}*/

.logo-bg-cg{
    /* 09-02-22 */
    transform: scale(0.8);
    right: -2%;
    top: 1%;
    z-index: 5;
    height:200px;
    width:450px;
    background: #fff;
    border-radius: 20px;
    opacity: 0.8;
}

.logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*.logo-bg-dr{
    top:  50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    height:200px;
    width:450px;
    background: #fff;
    border-radius: 20px;
/*    border-top-left-radius: 20px; 
    border-bottom-left-radius: 20px; 
    opacity: 0.8;
}*/

.logo-bg-dr{
    /* 09-02-22 */
    transform: scale(0.8);
    left: -2%;
    top: 1%;
    z-index: 5;
    height:200px;
    width:450px;
    background: #fff;
    border-radius: 20px;
    opacity: 0.8;
}

@media screen and (min-width: 768px){

    .leftside,.rightside{
        height: 100vh;
    }

}