/*Copy rights @ Zbee Solutions Ltd */
html, body
{
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    height: 100%;
}
ul
{
    list-style: square;
}
body
{
    height: 100%; /* background: rgba(123,63,0,.5);*/
    background-color: Yellow;
}
#loader
{
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 35px;
    height: 35px;
    animation: spin 1s linear infinite;
}

.center
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/* 
@keyframes spin {
100% {
    transform: rotate(360deg);
}
}*/
.header
{
    width: 100%;
    height: 100vh;
    margin: 0;
    background: rgba(123,63,0,.5);
    background-image: url(../img/2419_Indian%20marriages.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .9;
    border-bottom: 1px solid rgba(123,63,0,.25);
    filter: drop-shadow(0 1px 5px rgba(123,63,0,.25));
}
.title-img
{
    float: left;
    margin: 8px 0 0 23px;
    width: 60px;
    height: 60px;
}
.content
{
    width: 100%;
    background-color: Yellow;
    display: inline-block;
}
.HomeBoxes
{
    width: 120px;
    padding: 20px;
    height: 100px;
    float: left;
    text-align: center;
    background-color: darkseagreen;
    color: darkslateblue;
    margin: 25px 10px;
    font-size: 14px;
    vertical-align: middle;
}
.homeimgcontain
{
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-size: 15px;
}
.homeimg
{
    width: 33px;
    height: 28px;
    vertical-align: middle;
}
.share-bar
{
    height: 50px;
    margin-top: 35px;
    background-color: gold;
    text-align: right;
}
.share-bar .support
{
    text-decoration: underline;
    line-height: 44px;
    margin-right: 10px;
}
.share-bar .support:hover
{
    text-decoration: underline;
}
.Socialicons
{
    width: 25%;
    display: inline;
    line-height: 62px;
    margin-right: 10px;
}
.footer
{
    width: 100%;
    height: 30px;
    background-color: chocolate;
    line-height: 30px;
    color: darkred;
    text-align: center;
    font-weight: bold;
}
.title-header
{
    width: 100%;
    background: rgba(123,63,0,.5);
    color: #191970; /* background: #191970;     background: linear-gradient(to bottom right, #191970 50%, #CF1512 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;*/
    text-align: center;
    font-weight: bold;
    font-family: Verdana;
    border-bottom: 1px solid rgba(123,63,0,.25);
    filter: drop-shadow(0 1px 5px rgba(123,63,0,.25));
}
.page-title
{
    font-weight: bold;
    font-family: Verdana;
    color: forestgreen;
    background-color: chartreuse;
}
.words-title
{
    font-weight: bold;
    font-family: Verdana;
    color: forestgreen;
}
.Home-title
{
    width: fit-content;
    float: left;
}
.loginbtn
{
    /* background-color: chartreuse;color: red;*/
    background-color: green;
    color: bisque;
    border: 0;
    border-bottom: 1px solid black;
    filter: drop-shadow(0 1px 1px black);
    text-transform: uppercase;
}
.loginbtn:hover
{
    background-color: forestgreen;
    filter: drop-shadow(0 2px 2px black);
}
.loginbtn:focus
{
    background-color: forestgreen;
    filter: drop-shadow(0 2px 2px black);
}
.login-form
{
    background: rgba(0,0,0,.5);
}
input[type=text]
{
    color: brown;
    border: 2px solid chocolate; /*lightcoral chocolate*/
    -webkit-transition: 0.25s;
    transition: 0.25s;
    outline: none;
    height: 25px;
    background-color: khaki;
    padding-left: 7px;
}
input[type=text]:focus
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
input[type=text]::after::before
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
textarea
{
    color: brown;
    border: 2px solid chocolate; /*lightcoral chocolate*/
    -webkit-transition: 0.25s;
    transition: 0.25s;
    outline: none;
    height: 25px;
    background-color: khaki;
    padding-left: 7px;
}
textarea:focus
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
textarea::after::before
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
input[type=password]
{
    color: brown;
    border: 2px solid chocolate; /*lightcoral chocolate*/
    -webkit-transition: 0.25s;
    transition: 0.25s;
    outline: none;
    height: 25px;
    background-color: khaki;
    padding-left: 7px;
}
input[type=password]:focus
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
input[type=password]::after::before
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px darkkhaki);
    font-weight: bold;
}
.home-words-row
{
    background-color: gold;
    color: brown;
    text-align: center;
    font-family: sans-serif;
}
.content-row
{
    line-height: 30px;
    color: crimson;
    font-family: sans-serif;
    font-weight: bold;
    margin: 25px;
    border-top: 2px solid darkseagreen;
    clear: both;
}
.content-feature-box
{
    list-style: none;
}
.content-feature-box li
{
    float: left;
    background-color: greenyellow;
    color: darkslateblue;
    text-align: center;
    filter: drop-shadow(0 1px 1px grey);
}
.content-feature-box li .title
{
    background-color: darkslateblue;
    color: darkgray;
}
.content-feature-box-let
{
    color: seagreen;
    font-size: 13px;
    text-align: left;
    margin: 8px;
}
.words-row
{
    color: crimson;
    font-family: sans-serif;
}
.requestprof
{
    width: 100%;
    margin: 5px;
    line-height: 27px;
    font-size: 15px;
    border: 1px solid lavenderblush;
}
.tuser-profile
{
    width: 97%;
    height: 190px;
    margin: 10px;
    background-color: palegoldenrod; /* padding: 5px;*/
    border: 1px solid tan;
    filter: drop-shadow(0 2px 2px tan);
}
.tuser-profile:hover
{
    filter: drop-shadow(0 4px 4px tan);
    -webkit-transition: .25s;
    transition: .25s;
}
.tuser-photo
{
    width: 130px; /* height: 100%;*/
    float: left;
    text-align: center;
    border-radius: 5px;
    margin-top: 5px;
}
.tuser-title
{
    /*margin: 5px;*/
    font-weight: bold;
    color: darkcyan;
    display: inline-block;
}
.tuser-desc
{
    width: 80%;
    float: left;
    margin: 0 15px;
    width: calc(100%-150px);
}
.tuser-desc-label
{
    margin: 6px;
    color: darkcyan;
    font-family: Book Antiqua;
}
.tuser-left-label
{
    margin: 6px;
    color: darkcyan;
    font-family: Book Antiqua;
    float: left;
}
.tuser-imgtext
{
    width: 20%;
}
.tuser-contenttext
{
    width: 20%;
}
.UserProfileImg
{
    width: 85px;
    height: 130px;
    margin: 5px;
}
.col100p
{
    width: 100%;
    display: inline-block;
}
.col5p
{
    width: 5%;
}
.col1
{
    width: 10%;
}
.col2
{
    width: 20%;
}
.col3
{
    width: 30%;
}
.col4
{
    width: 40%;
}
.col5
{
    width: 50%;
}
.col6
{
    width: 60%;
}
.col7
{
    width: 70%;
}
.col8
{
    width: 80%;
}
.col9
{
    width: 90%;
}
.col15
{
    width: 15%;
}
.col25
{
    width: 25%;
}
.col35
{
    width: 35%;
}
.col45
{
    width: 45%;
}
.col55
{
    width: 55%;
}
.col65
{
    width: 65%;
}
.col75
{
    width: 75%;
}
.col85
{
    width: 85%;
}
.col95
{
    width: 95%;
}
.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.textleft
{
    text-align: left;
}
.textright
{
    text-align: right;
}
.textcenter
{
    text-align: center;
}
.textjustify
{
    text-align: justify;
}
.ddl
{
    border: 1px solid chocolate; /*blanchedalmond*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: khaki;
    padding-left: 7px;
    color: brown; /*darkolivegreen*/
    font-weight: bold;
    outline: none;
}
.ddl:focus
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(0 1px 1px darkkhaki);
    font-weight: bold;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.ddl::after::before
{
    border: 2px solid chocolate; /*lightcoral*/
    filter: drop-shadow(0 1px 1px darkkhaki);
    font-weight: bold;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
option
{
}
.radiobutton label
{
    color: antiquewhite;
    font-weight: normal !important;
}
.label
{
    color: antiquewhite;
    font-weight: bold;
    display: inline-block;
    float: left;
    line-height: 35px;
}
/* inner page*/
.inner-header
{
    width: 100%;
    margin: 0;
    background: rgba(186,131,71);
    opacity: .9;
    border-bottom: 1px solid rgba(123,63,0,.25);
    filter: drop-shadow(0 1px 5px rgba(123,63,0,.25));
}
.title-inner-header
{
    width: 100%;
    color: #191970; /* background: #191970;     background: linear-gradient(to bottom right, #191970 50%, #CF1512 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;*/
    font-weight: bold;
    font-family: Verdana;
    border-bottom: 1px solid rgba(123,63,0,.25);
    filter: drop-shadow(0 1px 5px rgba(123,63,0,.25));
}
.tBlueText
{
    color: darkslategray;
    border: 1px solid cadetblue; /*lightcoral chocolate*/
    -webkit-transition: 0.25s;
    transition: 0.25s;
    outline: none;
    height: 25px;
    background-color: floralwhite;
    padding-left: 7px;
}
.tBlueText:focus
{
    border: 2px solid cadetblue; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px floralwhite);
    font-weight: bold;
}
.tBlueText::after::before
{
    border: 2px solid cadetblue; /*lightcoral*/
    filter: drop-shadow(1px 1px 1px floralwhite);
    font-weight: bold;
}
@media screen and (min-width: 1024px)
{
    .content
    {
        min-height: 200px;
    }
    .title-header
    {
        height: 100px;
        font-size: 36px;
        line-height: 100px;
    }
    .title-img
    {
        margin-top: 15px;
    }
    .page-title
    {
        font-size: 17px;
    }
    .content-feature-box li
    {
        width: 30%;
        height: 150px;
        margin: 18px;
        font-size: 15px;
    }
    .words-title
    {
        font-size: 22px;
        line-height: 55px;
    }
    h2
    {
        font-size: 22px;
    }
    .Login
    {
        float: right;
        margin: 25px;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px 25px;
        border-radius: 2px;
        padding: 5px 25px;
        font-size: 17px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .row
    {
        width: calc(100%-50px);
        margin: 25px 0 25px 50px;
    }
    .HomeBoxes
    {
        width: 120px;
        padding: 20px;
        height: 100px;
        margin: 25px 10px;
        font-size: 14px;
    }
    input[type=text]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    input[type=password]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    .half-row-left
    {
        width: 50%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 50%;
        float: right;
        padding: 7px 0 7px 14px;
    }
    .home-words-row
    {
        font-size: 17px;
        font-weight: 800;
        margin: 20px 0;
        line-height: 45px;
    }
    h1
    {
        font-size: 17px;
        margin: 0;
    }
    .content-row
    {
        margin: 40px;
    }
    .words-row
    {
        font-size: 17px;
        text-align: left;
    }
    .ddl
    {
        width: 238px;
        height: 30px;
        border-radius: 6px;
    }
    .label
    {
        font-size: 18px;
        width: 200px;
    }
    .multilinetext
    {
        width: 250px !important;
    }
    /* inner page*/
    .title-inner-header
    {
        height: 75px;
        font-size: 20px;
        line-height: 70px;
    }
    .requestprof
    {
        width: 100%;
    }
    .tuser-profile
    {
        width: 98%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 800px)
{
    .content
    {
        min-height: 200px;
    }
    .title-header
    {
        height: 80px;
        font-size: 28px;
        line-height: 80px;
    }
    .page-title
    {
        font-size: 14px;
    }
    .content-feature-box li
    {
        width: 30%;
        height: 150px;
        margin: 10px;
        font-size: 13px;
    }
    .words-title
    {
        font-size: 17px;
        line-height: 55px;
    }
    h2
    {
        font-size: 17px;
    }
    .Login
    {
        float: right;
        margin: 25px;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px 25px;
        border-radius: 2px;
        padding: 5px 25px;
        font-size: 17px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .row
    {
        width: calc(100%-50px);
        margin: 25px 0 25px 50px;
    }
    .HomeBoxes
    {
        width: 120px;
        padding: 20px;
        height: 100px;
        margin: 25px 10px;
        font-size: 14px;
    }
    input[type=text]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    input[type=password]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    .half-row-left
    {
        width: 65%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 60%;
        float: right;
        padding: 7px 0 7px 14px;
    }
    .home-words-row
    {
        font-size: 13px;
        font-weight: 800;
        margin: 20px 0;
        line-height: 45px;
    }
    h1
    {
        font-size: 13px;
        margin: 0;
    }
    .content-row
    {
        margin: 40px;
        font-size: 14px;
    }
    .words-row
    {
        font-size: 17px;
        text-align: left;
    }
    .ddl
    {
        width: 231px;
        height: 30px;
        border-radius: 6px;
    }
    .label
    {
        font-size: 17px;
        width: 200px;
    }
    .multilinetext
    {
        width: 250px !important;
    }
    .tuser-left-label
    {
        display: block;
    }
    .tuser-photo
    {
        width: 120px;
    }
    .requestprof
    {
        width: 100%;
        line-height: 15px;
    }
    .tuser-profile
    {
        width: 96%;
    }
    .tuser-desc
    {
        margin: 0 !important;
    }
}
@media screen and (max-width: 800px) and (min-width: 600px)
{
    .content
    {
        min-height: 200px;
    }
    .title-header
    {
        height: 80px;
        font-size: 28px;
        line-height: 82px;
    }
    .Home-title
    {
    }
    .page-title
    {
        font-size: 18px;
    }
    .content-feature-box li
    {
        width: 45%;
        height: 150px;
        margin: 10px;
        font-size: 15px;
    }
    .words-title
    {
        font-size: 22px;
        line-height: 55px;
    }
    h2
    {
        font-size: 22px;
    }
    .Login
    {
        float: right;
        margin: 25px;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px 25px;
        border-radius: 2px;
        padding: 5px 25px;
        font-size: 15px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .row
    {
        width: calc(100%-50px);
        margin: 25px 0 25px 25px;
    }
    .HomeBoxes
    {
        width: 125px;
        padding: 15px;
        height: 125px;
        margin: 20px 10px;
        font-size: 14px;
    }
    input[type=text]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    input[type=password]
    {
        width: 225px;
        font-size: 14px;
        border-radius: 6px;
    }
    .half-row-left
    {
        width: 75%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 70%;
        float: right;
        padding: 7px 0 7px 14px;
    }
    .home-words-row
    {
        font-size: 15px;
        font-weight: 800;
        margin: 20px 0;
        line-height: 45px;
    }
    h1
    {
        font-size: 15px;
        margin: 0;
    }
    .content-row
    {
        margin: 40px;
    }
    .words-row
    {
        font-size: 15px;
        text-align: left;
    }
    .ddl
    {
        width: 231px;
        height: 30px;
        border-radius: 6px;
    }
    .label
    {
        font-size: 18px;
        width: 225px;
    }
    .multilinetext
    {
        width: 200px !important;
    }
    .tuser-left-label
    {
        display: none;
    }
    .tuser-photo
    {
        width: 110px;
    }
    .requestprof
    {
        width: 100%;
        line-height: 22px;
    }
    .tuser-profile
    {
        width: 97%;
    }
    .tuser-desc
    {
        margin: 0 !important;
    }
    .tprofilecontent
    {
        margin: 0 5px 5px 15px;
    }
}
@media screen and (max-width: 600px) and (min-width: 451px)
{
    .content
    {
        min-height: 200px;
    }
    .footer
    {
        font-size: 15px;
    }
    .title-header
    {
        height: 10%;
        font-size: 23px;
        line-height: 60px;
    }
    .page-title
    {
        font-size: 14px;
    }
    .content-feature-box li
    {
        width: 95%;
        height: 150px;
        margin: 10px;
        font-size: 13px;
    }
    .words-title
    {
        font-size: 18px;
        line-height: 55px;
    }
    h2
    {
        font-size: 18px;
    }
    .Login
    {
        float: right;
        margin: 25px;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px;
        border-radius: 2px;
        padding: 5px 25px;
        font-size: 13px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .row
    {
        width: calc(100%-50px);
        margin: 10px 0 15px 20px;
    }
    .HomeBoxes
    {
        width: 125px;
        padding: 15px;
        height: 125px;
        margin: 20px 10px;
        font-size: 14px;
    }
    .homeimgcontain
    {
        display: block;
    }
    input[type=text]
    {
        width: 215px;
        font-size: 12px;
        border-radius: 4px;
        height: 22px;
    }
    input[type=password]
    {
        width: 215px;
        font-size: 12px;
        border-radius: 4px;
        height: 22px;
    }
    .half-row-left
    {
        width: 90%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 84%;
        float: right;
        padding: 5px;
    }
    .home-words-row
    {
        font-size: 13px;
        font-weight: 800;
        margin: 20px 0;
        line-height: 40px;
    }
    h1
    {
        font-size: 13px;
        margin: 0;
    }
    .content-row
    {
        margin: 30px;
        font-size: 15px;
    }
    .words-row
    {
        font-size: 17px;
        text-align: left;
    }
    .ddl
    {
        width: 227px;
        height: 27px;
        border-radius: 4px;
    }
    .label
    {
        font-size: 17px;
        width: 190px;
    }
    .multilinetext
    {
        width: 200px !important;
    }
    .tuser-left-label
    {
        display: none;
    }
    .tuser-photo
    {
        width: 100px;
    }
    .requestprof
    {
        width: 98%;
        line-height: 20px;
    }
    .tuser-profile
    {
        width: 95%;
    }
    .tuser-desc
    {
        margin: 0 !important;
    }
    .col2
    {
        width: 10%;
    }
    .col3
    {
        width: 40%;
    }
}
@media screen and (max-width: 451px) and (min-width: 300px)
{
    .title-img
    {
        float: left;
        margin: 6px 0 0 10px;
        width: 52px;
        height: 52px;
    }
    .content
    {
        min-height: 200px;
    }
    .footer
    {
        font-size: 15px;
    }
    .title-header
    {
        height: 70px;
        font-size: 22px;
        line-height: 70px;
    }
    .page-title
    {
        font-size: 14px;
    }
    .content-feature-box li
    {
        width: 88%;
        height: 150px;
        margin: 10px 5px;
        font-size: 13px;
    }
    .words-title
    {
        font-size: 18px;
        line-height: 55px;
    }
    h2
    {
        font-size: 18px;
    }
    .Login
    {
        float: right;
        margin: 15px 0;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px;
        border-radius: 2px;
        padding: 5px 15px;
        font-size: 13px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .HomeBoxes
    {
        width: 100px;
        padding: 10px;
        height: 100px;
        margin: 15px 10px;
        font-size: 14px;
    }
    .homeimgcontain
    {
        display: block;
        font-size: 14px;
    }
    .row
    {
        width: calc(100%-50px);
        margin: 5px 0 5px 25px;
    }
    input[type=text]
    {
        width: 190px;
        font-size: 12px;
        border-radius: 4px;
        height: 21px;
    }
    input[type=password]
    {
        width: 187px;
        font-size: 12px;
        border-radius: 4px;
        height: 22px;
    }
    .half-row-left
    {
        width: 80%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 66%;
        float: right;
        padding: 5px;
    }
    .home-words-row
    {
        font-size: 15px;
        font-weight: 900;
        margin: 20px 0;
        line-height: 20px;
        padding: 5px;
    }
    h1
    {
        font-size: 14px;
        margin: 0;
    }
    .content-row
    {
        margin: 30px 10px;
        font-size: 14px;
    }
    .words-row
    {
        font-size: 17px;
        text-align: left;
    }
    .ddl
    {
        width: 201px;
        height: 28px;
        border-radius: 4px;
    }
    .label
    {
        font-size: 15px;
        width: 100%;
        line-height: 24px;
    }
    .multilinetext
    {
        width: 200px !important;
    }
    .col2
    {
        width: 10%;
    }
    .col3
    {
        width: 40%;
    }
    .tuser-left-label
    {
        display: none;
    }
    .tuser-photo
    {
        width: 90px;
    }
    .requestprof
    {
        width: 98%;
        line-height: 18px;
    }
    .tuser-profile
    {
        width: 97%;
        margin: 5px;
    }
    .tuser-desc
    {
        margin: 0 0 0 5px !important;
        width: 60%;
    }
}
@media screen and (max-width: 300px) and (min-width: 100px)
{
    .title-img
    {
        float: left;
        margin: 6px 0 0 10px;
        width: 40px;
        height: 40px;
    }
    .content
    {
        min-height: 200px;
    }
    .footer
    {
        font-size: 15px;
    }
    .title-header
    {
        height: 70px;
        font-size: 17px;
        line-height: 63px;
    }
    .page-title
    {
        font-size: 14px;
    }
    .content-feature-box li
    {
        width: 88%;
        height: 150px;
        margin: 10px 5px;
        font-size: 13px;
    }
    .words-title
    {
        font-size: 18px;
        line-height: 55px;
    }
    h2
    {
        font-size: 18px;
    }
    .Login
    {
        float: right;
        margin: 15px;
    }
    .loginbtn
    {
        font-weight: 700;
        margin: 5px;
        border-radius: 2px;
        padding: 5px 15px;
        font-size: 13px;
    }
    .login-form
    {
        background: rgba(0,0,0,.5);
    }
    .row
    {
        width: calc(100%-50px);
        margin: 5px 0 5px 10px;
    }
    .HomeBoxes
    {
        width: 100px;
        padding: 10px;
        height: 100px;
        margin: 15px 10px;
        font-size: 14px;
    }
    .homeimgcontain
    {
        display: block;
        font-size: 14px;
    }
    input[type=text]
    {
        width: 187px;
        font-size: 12px;
        border-radius: 4px;
        height: 20px;
    }
    input[type=password]
    {
        width: 187px;
        font-size: 12px;
        border-radius: 4px;
        height: 20px;
    }
    .half-row-left
    {
        width: 90%;
        float: left;
        padding: 25px;
    }
    .half-row-right
    {
        width: 85%;
        float: right;
        padding: 5px;
    }
    .home-words-row
    {
        font-size: 15px;
        font-weight: 800;
        margin: 20px 0;
        line-height: 20px;
        padding: 5px;
    }
    h1
    {
        font-size: 14px;
        margin: 0;
    }
    .content-row
    {
        margin: 30px 10px;
        font-size: 14px;
    }
    .words-row
    {
        font-size: 17px;
        text-align: left;
    }
    .ddl
    {
        width: 200px;
        height: 25px;
        border-radius: 4px;
    }
    .label
    {
        font-size: 14px;
        width: 100%;
        line-height: 20px;
    }
    .multilinetext
    {
        width: 200px !important;
    }
    .tuser-left-label
    {
        display: none;
    }
    .tuser-photo
    {
        width: 90px;
    }
    .requestprof
    {
        width: 98%;
        line-height: 11px;
        font-size: 11px;
    }
    .tuser-profile
    {
        width: 95%;
    }
    .tuser-desc
    {
        margin: 0 !important;
        width: 60%;
    }
    .col2
    {
        width: fit-content;
    }
}