/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 01-Jul-2022, 13:28:10
    Author     : Jafran Mjm
*/

@import 'config';
.img {
    float: right;
    width: 312px;
    height: 428px;
    overflow: hidden;
    img {
        width: 100%;
        min-height: 100%;
    }
}

.text-container {
    float: right;
    right: 82px;
    width: calc(100% - (312px + 82px));
    position: relative;
    &.absolute .text {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .text {
        padding: 30px 0;
        span {
            color: $clr_3;
            display: block;
            font-weight: 700;
        }
        .name {
            font-size: 26px;
            margin-bottom: -2px;
        }
        .title {
            font-size: 18px;
            line-height: 36px;
        }
        p {
            margin: 0;
            margin-top: 8px;
        }
    }
    .team-category {
        position: absolute;
        top: 0;
        left: 0;
    }
    .email {
        position: absolute;
        bottom: 0;
        right: 0;
        color: $clr_5;
    }
    .back {
        position: absolute;
        bottom: -3px;
        left: 0;
    }
}