HOME


sh-3ll 1.0
DIR:/proc/thread-self/cwd/assets/scss/
Upload File :
Current File : //proc/thread-self/cwd/assets/scss/_about.scss
.welcome_docmed_area{
    padding-top: 120px;
    padding-bottom: 220px;
    @media #{$mobile_device}{
        padding-bottom: 100px;
    }
    @media #{$mid_device}{
        padding-bottom: 100px;
    }
    @media #{$tablet_device}{
        padding-bottom: 100px;
    }
    .welcome_thumb{
        position: relative;
        .thumb_1{
            left: 0;
            img{
                width: 60%;
                @media #{$mobile_device} {
                    width: 100%;
                }
            }
        }
        .thumb_2{
            position: absolute;
            bottom: -94px;
            right: -37px;
            @media #{$mobile_device} {
                position: absolute;
                left: 0;
                top: 0;
                display: none;
            }
            @media #{$tablet_device} {
                position: absolute;
                right: 0;
                bottom: -40px;
            }
            img{
                width: 89%;
                @media #{$tablet_device} {
                    width: 100%;
                }
            }
        }
    }
    .welcome_docmed_info{
        padding-left: 90px;
        @media #{$mobile_device} {
            padding-left: 0;
            margin-top: 40px;
        }
        @media #{$tablet_device} {
            padding-left: 0;
            margin-top: 100px;
        }
        h2{
            font-size: 18px;
            font-weight: 400;
            color: #1F1F1F;
            margin-bottom: 40px;
            position: relative;
            z-index: 9;
            padding-bottom: 9px;
        &:before{
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 2px;
            width: 50px;
            background: #5DB2FF;
        }
            
        }
        h3{
            font-weight: 500;
            font-size: 36px;
            margin-bottom: 10px;
            @media #{$mobile_device}{
                font-size: 30px;
            }
            br{
                @media #{$mobile_device} {
                    display: none;
                }
            }
        }
        p{
            font-size: 16px;
            color: #727272;
            line-height: 28px;
        }
        ul{
            margin-bottom: 40px;
            margin-top: 25px;
            li{
                color: #727272;
                font-size: 16px;
                line-height: 28px;
                i{
                    margin-right: 10px;
                    color: #5DB2FF;
                    font-weight: 16px;
                }
            }
        }
    }
}

.business_expert_area{
    padding-bottom: 100px;
    @media #{$mobile_device} {
        padding-bottom: 50px;
    }
    .business_info{
        .icon{
            i{
                background: #5DB2FF;
                width: 75px;
                height: 75px;
                display: inline-block;
                color: #fff;
                font-size: 35px;
                text-align: center;
                line-height: 75px;
                border-radius: 50%;
            }
        }
        h3{
            font-size: 20px;
            font-weight: 500;
            color: #1F1F1F;
            margin-top: 16px;
            margin-bottom: 14px;
        }
        p{  
            color: #727272;
            line-height: 28px;
            margin-bottom: 0;
        }   
    }
    .business_thumb{
        @media #{$mobile_device}{
            padding-top: 20px;
        }
        img{
            width: 100%;
        }
    }
    .business_tabs_area{
        background: #F5FBFF;
        .nav{
            .nav-item{
                width: 33.3333333334%;
                @media #{$mobile_device} {
                    width: 100%;
                }
                a{
                    font-size: 20px;
                    font-weight: 400;
                    color: #1F1F1F;
                    padding: 35px 0px 35px 40px;
                    @media #{$mobile_device} {
                        padding: 10px;
                    }
                    @media #{$tablet_device} {
                        padding: 20px;
                        font-size: 15px;
                    }
                    &.active{
                        background: #fff;
                    }
                }   
            }
        }
        #myTab {
            display: flex;
            align-content: center;
            justify-content: space-between;
        }
    }

}
.border_bottom {
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 60px;
	padding-top: 60px;
}