@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 14px;
    line-height: 18px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300;
    background: #f1f1f1;
    color: #777;
    text-align: left;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 15px 0px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #333333;
}

ul,
li {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

input[type="submit"],
button,
a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

input[type="submit"]:hover,
button:hover,
a:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}

textarea,
textarea:focus,
input,
input:focus,
select,
select:focus {
    outline: none;
    box-shadow: none !important;
}

p {
    color: #777;
    line-height: 22px;
}

/*
==================================================================
        global  CSS STYLING HERE
==================================================================
*/

.text-primary {
    color: #7B1C60 !important;
}

.text-bold {
    font-weight: bold !important;
}

.marginRow {
    margin-top: 30px;
}

.forpaddingupdw {
    padding: 50px 0px;
}

.error p {
    color: red !important;
}

/* GREEN BUTTON GLOBAL */

.globalbutton {
    background: #7B1C60;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
}

.globalbutton:hover {
    border: 1px solid #7B1C60 !important;
    color: #7B1C60 !important;
    background: #fff !important;
}

/*
==================================================================
        NAVBAR CSS STYLING HERE
==================================================================
*/

.headerotparea {
    background: #6A1E55;
    padding: 8px 0px;
}



.headertopcatlist ul {
    text-align: center;
}

.headertopcatlist ul li {
    display: inline-block;
}

.headertopcatlist ul li a {
    display: inline-block;
    text-transform: capitalize;
    font-size: 13px;
    color: #fff;
    margin: 0px 5px;
}

.headertopcatlist ul li a:hover {
    text-decoration: underline;
}

.headertopcatlist ul li span {
    font-weight: 600;
    color: #fff;
    margin-right: 15px;
}

/*fixed sticky navbar*/
.borderbottom {
    border-bottom: none;
    box-shadow: 0px 1px 3px #ddd;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

header {
    background: #fff;
}

.mainavbararea {
    background: #fff !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px !important;
}

.maincollapsearea ul li {
    margin-left: 10px;
}

.maincollapsearea ul li a {
    padding: 20px 10px !important;
    color: #585757 !important;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-size: 14px !important;
    display: inline-block;
}

.maincollapsearea ul li a:hover {
    color: #fff !important;
    background: #7B1C60 !important;
}

.maincollapsearea ul li a.active {
    color: #fff !important;
    background: #7B1C60 !important;
}

.navbar-nav > li.dropdown:hover > a,
.navbar-nav > li.dropdown:hover > a:hover,
.navbar-nav > li.dropdown:hover > a:focus {
    background-color: #7B1C60 !important;
    color: #fff !important;
    border-radius: 0px !important;

    font-weight: 300 !important;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    margin: 0px !important;
    border-radius: 0px !important;
    font-size: 13px !important;
    padding: 0px !important;
    min-width: 15em;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #7B1C60 !important;
}

.mainDropDownlist .dropdown-menu a {
    padding: 8px 20px !important;
    text-transform: inherit !important;
    font-weight: 300 !important;
}

.maincollapsearea li a.postajobbutton {
    background: #7B1C60;
    color: #fff !important;
    font-weight: 600;
    text-transform: inherit !important;
}

.notificationfixedheiht {
    min-height: 200px;
}

/*
    =====================================================
        AFTER LOGIN NAVBAR CSS
    =====================================================
*/

.maincollapsearea ul li.afloginnaven {
    position: relative;
}

.maincollapsearea ul li.afloginnaven a {
    padding: 20px 10px !important;
    font-size: 18px !important;
}

.maincollapsearea ul li.afloginnaven a sap {
    font-size: 12px;
    position: absolute;
    top: 10px;
    background: #7B1C60;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 20px;
    left: 20px;
    line-height: 20px;
}

.afloginnavenfirst {
    margin-right: 15px;
}

.messagenotification,
.notificationDetails {
    height: 300px;
    /*overflow-y: scroll;*/
}

.maincollapsearea ul li.notificationlistmain {
    position: relative;
}

.maincollapsearea ul li.notificationlistmain .messagenotification,
.maincollapsearea ul li.notificationlistmain .notificationDetails {
    border: 1px solid #7B1C60;
    padding: 15px;
    width: 250px;
    display: none;
    position: absolute;
    z-index: 20;
    background: #fff;
    right: 0;
}

.maincollapsearea ul li.notificationlistmain .messagenotification ul li,
.maincollapsearea ul li.notificationlistmain .notificationDetails ul li {
    display: list-item;
    font-size: 14px !important;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.maincollapsearea
    ul
    li.notificationlistmain
    .messagenotification
    ul
    li:last-child,
.maincollapsearea
    ul
    li.notificationlistmain
    .notificationDetails
    ul
    li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding: 0px;
}

.maincollapsearea ul li.notificationlistmain .messagenotification ul li a,
.maincollapsearea ul li.notificationlistmain .notificationDetails ul li a {
    display: inline !important;
    font-size: 14px !important;
    color: #7B1C60 !important;
    padding: 5px !important;
}

.maincollapsearea ul li.notificationlistmain .messagenotification ul li a:hover,
.maincollapsearea
    ul
    li.notificationlistmain
    .notificationDetails
    ul
    li
    a:hover {
    color: #7B1C60 !important;
    background: none !important;
    text-decoration: underline !important;
}

.profileavatext {
    display: inline-block;
    margin-left: 20px;
}

.freedropdownright {
    right: 0px;
    left: inherit;
}

.viewallnotifi {
    margin-top: 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.maincollapsearea ul li.afloginnaven .viewallnotifi a {
    display: block !important;
    font-size: 14px !important;
    text-align: center;
    color: #777 !important;
    text-transform: capitalize;
    padding: 10px 20px !important;
}

.maincollapsearea ul li.afloginnaven .viewallnotifi a:hover {
    color: #777 !important;
    background: none !important;
    text-decoration: underline !important;
    text-decoration-color: #7B1C60 !important;
}

.notificationpaglist {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

.notificationpaglist ul {
    text-align: left;
}

.notificationpaglist ul li {
    display: block;
    color: #777;
    text-transform: capitalize;
}

.notificationpaglist ul li a {
    display: inline-block;
    text-transform: capitalize;
    color: #7B1C60 !important;
}

.notificationpaglist ul li a:hover {
    text-decoration: underline !important;
}

.notificationpaglistall ul li {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.notificationpaglistall ul li a.messageread {
    color: rgb(126, 170, 30) !important;
}

.notificationpaglistall ul li span {
    display: block;
    font-size: 12px;
    text-transform: inherit !important;
    margin-top: 8px;
}

.viewallnotiavater {
    width: 50px;
    height: auto;
    float: left;
    margin-right: 10px;
}

.viewallnotiavater a img {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 50%;
}

.maincollapsearea ul li.notificationlistmain .notificationfixedheiht ul {
    min-height: 300px;
    padding: 10px 5px 0px !important;
}

.maincollapsearea ul li.notificationlistmain .notificationfixedheiht {
    width: 250px;
    height: 300px;
    overflow-y: scroll;
}

.maincollapsearea ul li.notificationlistmain .notificationfixedheiht ul li {
    margin: 0px 0px 8px;
}

.maincollapsearea
    ul
    li.notificationlistmain
    .notificationfixedheiht
    ul
    li
    a:hover {
    text-decoration: underline;
}

/*
==================================================================
        BANNERAREA CSS STYLING HERE
==================================================================
*/

.bannerarea {
    background: url("../img/scriptolution_banner.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 620px;
}

.bannerinnform {
    color: #fff;
    text-align: center;
    padding-top: 120px;
}

.bannerinnform h1 {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 1px;
    color: #fff;
    font-weight: 500;
}

.bannerinnform p {
    font-size: 20px;
    color: #fff;
}

.searchformbanner form {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.searchformbanner input {
    border: none;
    height: 50px;
    border-radius: 5px 0px 0px 5px;
    width: 40%;
    padding: 20px;
}

.searchformbanner button {
    border-radius: 0px 5px 5px 0px;
    border: none;
    height: 50px;
    width: 15%;
    text-transform: capitalize;
    color: #fff;
    background: #7B1C60;
    cursor: pointer;
    font-size: 17px;
}



/*
==================================================================
        BANNERAREA CSS STYLING HERE
==================================================================
*/



.allcattitle {
    text-align: center;
}

.allcattitle h2 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0px;
}

.allcattitle p {
    font-size: 20px;
    color: #333;
    font-weight: 200;
}

.allcategorieslink {
    text-align: center;
    margin-top: 25px;
}

.allcategorieslink a {
    text-align: center;
    display: inline-block;
}

.seecatbutton {
    background: #7B1C60;
    color: #fff;
    text-transform: inherit;
    padding: 12px 25px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid transparent;
}

.seecatbutton:hover {
    background: #fff !important;
    color: #7B1C60 !important;
    border: 1px solid #7B1C60;
}

/*
==================================================================
        HIRE SCOPE CSS STYLING HERE
==================================================================
*/

.hirescopearea {
    background: #fff;
}

.hirescopeinnerarea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.singleScroparea {
    border-left: 2px solid #7B1C60;
    padding-left: 10px;
    margin-left: 10px;
}

.singleScroparea:first-child {
    border-left: 0px solid #7B1C60;
    padding-left: 0px;
    margin-left: 0px;
    width: 200px;
}

.singleScroparea h6 {
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: inherit;
}

.singleScroparea p {
    margin-bottom: 0px;
}

/*
==================================================================
        VIDEOS AREA CSS STYLING HERE
==================================================================
*/

.whatcustomsayvideo {
    background: #fff;
    border-top: 1px solid #ddd;
}



.whatcustomersay iframe {
    width: 100%;
}

.videooverlaytitle {
    padding: 40px 0px;
    position: relative;
}

.videooverlaytitle::after {
    position: absolute;
    content: url("../img/arrowdown.png");
    bottom: -20px;
    left: 0px;
    right: 0px;
    text-align: center;
    width: 113px;
    height: 55px;
    /* top: 0px; */
    margin: 0px auto;
}

.videooverlaytitle h2 {
    color: #333;
    margin: 0px;
}

.whatcustomsayvideotwo {
    background: #222;
}

.whatcustomsayvideotwo .videooverlaytitle h2 {
    color: #fff;
}

.videobareasection {
    margin: 0px auto;
    text-align: center;
    background: #fff;
}



.downarrowvideo {
    padding-bottom: 50px;
}

.downarrowvideo img {
    width: 5%;
}

/*
==================================================================
        BROWSE SERVICES CSS STYLING HERE
==================================================================
*/

.single_catarea {
    display: block;
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    height: 100%;
    box-shadow: 0px 0px 3px #ddd;
    border: 1px solid transparent;
    margin: 0px 10px;
    transition: all 0.2s ease-in-out;
}

.single_catarea i {
    color: #7B1C60;
    font-size: 28px;
    width: 70px;
    height: 70px;
    border: 1px solid #7B1C60;
    /* padding: 10px; */
    margin-bottom: 0px;
    display: inline-block;
    border-radius: 100%;
    line-height: 70px;
    text-align: center;
}

.single_catarea h5 {
    font-weight: 300;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.paddingless {
    padding: 0px;
    margin: 5px 0px;
}

.marginRowtwo {
    margin-top: 10px;
}

.single_catarea:hover {
    box-shadow: 0px 0px 5px #ebebeb;
    border: 1px solid #7B1C60;
    background: #f5f5f5;
    transition: all 0.2s ease-in-out;
    text-decoration: underline;
    text-decoration-color: #7B1C60;
}

/*
==================================================================
        HOW IT WORKS and PARTNER CSS STYLING HERE
==================================================================
*/

.howitworksarea {
    background: #f1f1f1;
}



.singleHowItWorks {
    text-align: center;
    padding: 5px;
}

.singleHowItWorks img {
    margin: 0px auto 15px;
    display: block;
    width: 35%;
}

.singleHowItWorks h5 {
    color: #7B1C60;
}

.sgrowtitle p,
.singleHowItWorks p {
    line-height: 20px;
}

.trustedpartnersarea {
    background: #f1f1f1;
}

.trustedpartnersarea .allcattitle h6 {
    color: #333;
    margin: 0px;
    text-align: left;
    text-transform: inherit;
}

.trustedpartnerlist {
    line-height: 30px;
}

.trustedpartnerlist ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trustedpartnerlist ul li {
    margin: 0px 15px;
    display: inline;
}

.trustedpartnerlist ul li:first-child {
    margin-left: 0px;
}

.trustedpartnerlist ul li a {
    display: inline-block;
}



/*
==================================================================
        RECENTLY POSTED JOB CSS STYLING HERE
==================================================================
*/

.recentlypostedarea {
    background: #fff;
}

.recentjobfiltering {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.filteringdetailsb {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.filteringtitle {
    margin-right: 20px;
}

/*
.filteringtitle span{
    text-transform: capitalize;
    font-weight: 600;
    display: block;
    font-size: 16px;
    color: #333;
}

*/

.filteringtitle span {
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    color: #333;
}



.filteringdetailsb a {
    display: inline-block;
    text-transform: capitalize;
    background: #7B1C60;
    padding: 8px 15px;
    margin-right: 10px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #7B1C60;
}

.singleRecentJpostarea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f1f1f1;
    padding: 40px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    text-decoration: none;
    position: relative;
}

.singleRecentJpostarea:hover {
    border: 1px solid #7B1C60;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    text-decoration: none;
}

.recentproarealeft {
    flex: 1;
}

.singleRproarea {
    border-right: 1px solid #ddd;
    margin-right: 20px;
    padding-right: 10px;
}

.gridlycolumnbox .singleRproarea {
    border-right: none;
}

.singleRproarea h3 {
    text-transform: capitalize;
    text-align: left;
    font-size: 18px;
}

.singleRproarea h3 a {
    color: #7B1C60;
    display: inline-block;
}



.singleSkills span {
    display: inline-block;
    margin-bottom: 5px;
}

.singleSkills span a {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    background: #6A1E55;
    padding: 3px 6px;
    border-radius: 3px;
}

.singleRprodetails {
    margin-top: 15px;
}



.singleRprodetails ul li {
    display: inline-block;
    color: #4d4d4d;
    margin-right: 10px;
    font-weight: 600;
}

.singleRprodetails ul li span {
    display: inline-block;
    font-weight: 400;
    margin-right: 5px;
}

.singleRprodetails ul li i {
    color: #4d4d4d;
    margin-right: 3px;
}



.singleRjpostarea {
    text-align: center;
}



.singleRjpostarea ul li {
    display: block;
    font-weight: 600;
    color: #7B1C60;
}

.singleRjpostarea ul li i {
    color: #7B1C60;
    font-size: 22px;
}

.singleRjpostarea ul li span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
}

.singleRjpostarea button {
    background: #7B1C60;
    color: #fff;
    border: none;
    padding: 10px 40px;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
    border: 2px solid transparent;
}

.singleRjpostarea button:hover {
    color: #7B1C60;
    border: 2px solid #7B1C60;
    background: none;
}

.pricefsize {
    font-size: 24px;
    font-weight: 700;
}

.pricecategoryara {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0px 0px;
}

/*
==================================================================
        BROWSE CATEGORY JOB CSS STYLING HERE
==================================================================
*/

.growingbusinomj {
    background: #f1f1f1;
}



.growingtitle h2 {
    text-align: center;
    margin-top: 0px;
    text-transform: inherit;
}

.singlegroomj {
    display: flex;
    margin-bottom: 30px;
}

.sgromjico {
    margin-right: 10px;
    margin-top: 10px;
}

.sgromjico i {
    color: #7B1C60;
    border: 1px solid #7B1C60;
    padding: 5px;
}



.sgrowtitle h6 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.singlencsolution {
    background: #fff;
    padding: 10px;
    border-top: 2px solid #7B1C60;
}

.singlencsolution h6 {
    margin-top: 0px;
}



.singlencsolution ul li {
    margin-bottom: 6px;
    display: flex;
}

.singlencsolution ul li i {
    color: #7B1C60;
    margin-right: 8px;
}

.singlencsolution ul li span {
    display: inline-block;
    line-height: 20px;
}

.singlencsolution a {
    background: #7B1C60;
    display: block;
    color: #fff;
    padding: 10px 20px;
    margin-top: 15px;
    text-align: center;
}



/*
==================================================================
        BROWSE CATEGORY JOB CSS STYLING HERE
==================================================================
*/

.browsetopcatarea {
    background: #6A1E55;
}



.brtsjtitle h2 {
    color: #ddd;
}

.single_brtocatarea {
    text-align: left;
}



.single_brtocatarea ul li {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dashed #bebebe;
    padding: 0px 0px 6px;
}

.single_brtocatarea ul li a {
    display: block;
    text-transform: capitalize;
    color: #fff;
}

.single_brtocatarea ul li a i {
    margin-right: 3px;
    display: inline-block;
    color: #fff;
}



/*
==================================================================
         NEWSLETTER SIGN UP CSS STYLING HERE
==================================================================
*/

.newslettersignuparea {
    background: #fff;
}

.newslettersinner {
    text-align: center;
}



.newslettersinner p {
    font-size: 18px;
    color: #777;
    line-height: 40px;
}

.newslettersinner form {
    width: 35%;
    margin: 0px auto;
}



.newslettersinner form input {
    width: 100%;
    border: 1px solid #7B1C60;
    height: 40px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    display: block;
    margin: 0px auto 10px;
}

.newslettersinner form input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    border: none;
    height: 40px;
    padding: 5px 20px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid transparent;
    width: 50%;
    font-weight: 600;
}

.pillshirearea ul li.getstarbuttonhiw a {
    border: 1px solid transparent;
}

.contactform form input[type="submit"]:hover,
.pillshirearea ul li.getstarbuttonhiw a:hover,
.newslettersinner form input[type="submit"]:hover {
    border: 1px solid #7B1C60;
    color: #7B1C60;
    background: #fff;
}

/*
==================================================================
         FOOTER TOP LIST CSS STYLING HERE
==================================================================
*/

.footerlisttoparea {
    background: #333;
}



.singleFoterlistarea h4 {
    color: #ccc;
}

.singleFoterlistarea a img {
    margin-bottom: 10px;
    display: block;
}

.singleFoterlistarea h4 span {
    color: #7B1C60;
    display: inline-block;
    text-transform: capitalize;
    font-weight: ;
}

.singleFoterlistarea ul {
    text-align: left;
}

.singleFoterlistarea ul li {
    display: block;
    margin-bottom: 5px;
}

.singleFoterlistarea ul li a {
    display: block;
    color: #888;
    text-transform: capitalize;
}

.singleFoterlistarea ul li a:hover {
    color: #7B1C60;
}

.emailconfirmationarea {
    background: #fff;
    text-align: center;
    margin: 0px auto;
}



.emailresendconfirmation h2 {
    color: #7B1C60;
    text-transform: inherit;
}

/*
==================================================================
         FOOTER  CSS STYLING HERE
==================================================================
*/

footer {
    background: #222;
    padding: 30px 0px;
}



.copyright p {
    text-align: left;
    color: #ddd;
    text-transform: capitalize;
}



.socialmedifooter ul {
    text-align: right;
}

.socialmedifooter ul li {
    display: inline;
}

.socialmedifooter ul li a {
    display: inline-block;
    width: 30px;
    background: #333;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #ddd;
    border-radius: 2px;
}



.socialmedifooter ul li a:hover {
    background: #000;
}

/*
==================================================================
==================================================================
         REFEREL PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.referealpagearea {
    height: 100%;
    padding: 100px 0px;
    background: #f1f1f1;
}

.referelpaginner {
    text-align: center;
    color: #333;
}

.referelpaginner h2 {
    color: #333;
    font-size: 32px;
}

.referelpaginner p {
    width: 40%;
    margin: 15px auto;
}

.referbyemail {
    padding: 30px 0px 0px;
}

.referbyemail form {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 20px;
}

.referbyemail input {
    border: none;
    padding: 10px;
    height: 40px;
    width: 30%;
    border: 1px solid #7B1C60;
    border-radius: 3px 0px 0px 3px;
}

.referbyemail button {
    border: none;
    text-transform: inherit;
    height: 40px;
    padding: 10px 20px;
    text-align: center;
    background: #7B1C60;
    color: #fff;
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
}

.invitegcontact {
    margin-right: 10px;
    border-radius: 3px !important;
    background: #db4437 !important;
    color: #fff;
}

.referbyemail form span {
    display: inline-block;
    align-self: center;
    color: #777;
}



.referebysocialmei button {
    color: #fff;
    text-transform: capitalize;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.referebysocialmei button i {
    font-size: 18px;
}

.facebookbutton {
    background: #3b5998;
}

.twitterbutton {
    background: #1da1f2;
}

.gplusbutton {
    background: #db4437;
}

.linkedbutton {
    background: #0077b5;
}

.pinterestbutton {
    background: #bd081c;
}

.shareyourlinks {
    color: #333;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
}

/* new page referral*/

.newreferealpagearea {
    background: url("../img/referral-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 60px 0px 200px;
}

.referralnewpageparent {
    background: #fff;
    padding: 50px;
    margin-top: -15%;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 3px 4px #ddd;
    display: flex;
}

.newreferealpagearea .allcattitle h2 {
    color: #fff;
}

.newreferealpagearea .allcattitle p {
    color: #fff;
}

.referralcopylinksocial {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -4px 5px -4px #ddd;
    padding-top: 10px;
    margin-top: 60px;
}

.referralcopylink {
    margin-right: 30px;
}

.referralcopylink form {
    justify-content: flex-start;
}

.referralsocialink span,
.referralcopylink span {
    color: #777;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}

.referralcopylink form input {
    width: 100%;
    border-color: #888;
}

.referralcopylink form button {
    width: 200px;
    background: #888;
    border: none;
}



.referralsocialink .a2a_default_style {
    margin-top: 15px;
}

.referralthreesteps {
    padding: 50px 0px;
}



.referalthrtitle h2 {
    text-align: center;
}

.singleStepsReferal {
    text-align: center;
}

.singleStepsReferal i {
    font-size: 30px;
    margin-bottom: 14px;
    display: block;
    color: #7B1C60;
    /* border-bottom: 1px solid; */
}



.referalpagebottom {
    text-align: center;
}

.referalpagebottom h2 {
    font-weight: 600;
    text-align: center;
}



.referalpagebottom a {
    color: #7B1C60;
    display: inline-block;
}

/*
==================================================================
==================================================================
         LOG IN, SIGN UP & FORGOT PASS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.loginpagearea {
    background: #ddd;
}

.loginpageinner {
    text-align: center;
    background: #fff;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
}



.logintitle h4 {
    font-weight: 500;
}

.logintitle h4 a {
    color: #7B1C60;
    display: inline-block;
}

.logintitle h2 {
    margin-top: 0px;
}

.socialmedisignin {
    margin: 20px 0px;
}

.socialmedisignin a {
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    margin-right: 10px;
    display: inline-block;
    border-radius: 5px;
}

.loginfacebook {
    background: #3b5998;
}

.logingoogleplus {
    background: #dd4b39;
}



.alternativenextor span {
    font-size: 20px;
    text-transform: lowercase;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #f1f1f1;
    padding: 5px;
    width: 40px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    margin: 0px auto 20px;
    border-radius: 40px;
}





.loginemailuserarea form input {
    display: block;
    text-align: left;
    margin: 0px auto 15px;
    border: 1px solid #7B1C60;
    height: 35px;
    padding-left: 10px;
    width: 70%;
    height: 42px;
    border-radius: 3px;
}

.remembermearea {
    display: flex;
    width: 70%;
    text-align: center;
    margin: 0px auto;
    line-height: 30px;
}

.remembermearea label {
    margin: 0px !important;
    cursor: pointer;
}

.remembermearea input {
    margin: 0px !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

.remembermearea span {
    display: inline-block;
    text-align: right;
    flex: 1;
}

.remembermearea span a {
    display: inline-block;
    text-transform: lowercase;
    color: #13a7fc;
    text-decoration: underline;
}

.loginemailuserarea button {
    background: #7B1C60;
    color: #fff;
    border: 2px solid transparent;
    padding: 10px 70px;
    display: block;
    margin: 0px auto 0px;
    cursor: pointer;
    width: 70%;
    border-radius: 3px;
}

.loginemailuserarea button:hover {
    background: none;
    border: 2px solid #7B1C60;
    color: #7B1C60;
    text-transform: capitalize;
}

.hireworkinput {
    margin-bottom: 15px;
    width: 70%;
    margin: 10px auto;
    text-align: left;
}

.hireworkinput h6 {
    font-weight: 600;
    margin: 0px 0px 10px;
}

.hireworkinput label {
    margin: 0px;
    cursor: pointer;
}

.hireworkinput input {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #7B1C60;
}

.custom-control-label::before {
    background-color: #888;
}

/*
==================================================================
==================================================================
         POST A JOB PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.postajobareainner {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
}

.postajobareainner h2 {
    font-size: 39px;
}



.single_postjobelement {
    margin-bottom: 40px;
}

.single_browfilter form label,
.single_postjobelement label {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.single_postjobelement label strong {
    display: block;
    width: 100%;
}

.single_postjobelement label strong span {
    float: right;
}

.single_postjobelement span.subtitlespan {
    display: block;
    margin-bottom: 15px;
}

.custom-file,
.custom-file:focus,
.custom-file-input,
.custom-file-input:focus {
    box-shadow: none !important;
}

.single_browfilter form select,
.single_browfilter form input,
.single_postjobelement select,
.single_postjobelement input,
.single_postjobelement textarea {
    box-shadow: none !important;
    outline: none !important;
    font-size: 13px;
    height: 40px;
}

.single_browfilter form select:focus,
.single_browfilter form input:focus,
.single_postjobelement select:focus,
.single_postjobelement input:focus,
.single_postjobelement textarea:focus {
    border-color: #7B1C60 !important;
}

.single_postjobelement textarea {
    margin: 15px 0px;
    height: 220px;
}

.single_browfilterone input[type="submit"],
.postajobareainner input[type="submit"] {
    cursor: pointer;
    background: #7B1C60;
    color: #fff;
    border: none;
    text-transform: capitalize;
    text-align: center;
    margin: 0px auto;
    padding: 10px 80px;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    border: 1px solid transparent;
}

.portfolioinformation form input[type="submit"]:hover,
.single_browfilterone input[type="submit"]:hover,
.postajobareainner input[type="submit"]:hover {
    color: #7B1C60;
    border: 1px solid #7B1C60;
    background: #fff;
}

/*
==================================================================
==================================================================
    BROWSE PROJECT PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/



.browserprosidebar {
    padding: 20px;
    background: #fff;
    border: 1px solid #dddd;
    border-radius: 3px;
}

.single_browfilter {
    margin-bottom: 0px;
}



.single_browfilter select,
.single_browfilter input:focus,
.single_browfilter input {
    margin-bottom: 0px;
    outline: none;
    box-shadow: none;
}

.single_browfilter label {
    margin: 10px 0px;
}

.single_browfilter input.browseinput {
    margin-bottom: 10px;
}

.single_browfilter select {
    margin-bottom: 10px;
}

.filteringsubmitb,
.resetallfilters {
    border: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 30px;
    cursor: pointer;
    text-transform: capitalize;
    width: 100%;
    border-radius: 3px;
}

.filteringsubmitb {
    background: #7B1C60;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
}

.filteringsubmitb:hover {
    border: 1px solid #7B1C60;
    background: #fff;
    color: #7B1C60;
}

.resetallfilters {
    background: #7B1C60;
    border: 1px solid transparent;
}

.resetallfilters:hover {
    border: 1px solid #7B1C60;
    background: #fff;
    color: #7B1C60;
}





.brofiltitlearea h2 {
    margin-top: 0px;
    font-size: 40px;
    text-align: left;
}

.brofiltitlearea2 h2 {
    text-align: center;
}

.browfilteringsin {
    margin-top: 20px;
}

.browerecentsingarea {
    margin-right: 10px;
}

.paginationList {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}

.paginationList ul {
    text-align: center;
    justify-content: center;
}

.paginationList ul li {
    display: inline;
    margin-right: 6px;
}

.paginationList ul li a {
    display: inline-block;
    text-transform: capitalize;
    border: 1px solid #7B1C60;
    color: #7B1C60;
    padding: 5px 10px;
}

.paginationList ul li a:hover,
.paginationList ul li.active a {
    background: #7B1C60;
    color: #fff;
    border: 1px solid transparent;
}

/*
==================================================================
==================================================================
    BROWSE CATEGORY PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/





.singleProCat h4 {
    color: #7B1C60;
    font-size: 24px;
    font-weight: 300;
    margin-top: 0px;
}



.singleProCat ul li {
    margin-bottom: 5px;
}

.singleProCat ul li a {
    color: #777;
    display: inline-block;
}

.singleProCat ul li a i {
    margin-right: 5px;
}

.singleProCat ul li a:hover {
    color: #7B1C60;
}

.singleColumnbcat {
    background: #fff;
    padding: 20px;
    margin-bottom: 0px;
    border: 1px solid #ddd;
}

.browsecatareamain {
    background: #fff;
}

.browsecatareamain .allcattitle {
    margin-bottom: 30px;
}

.singleProCat2 {
    background: #fff;
    padding: 0px 10px 20px 10px;
    /* border-left: 2px solid #ddd; */
    box-shadow: 0px 3px 5px -2px #ddd;
    margin-bottom: 20px;
}

.singleProCat2 ul {
    display: flex;
    padding-left: 5px;
    margin-left: 20px;
    flex-wrap: wrap;
}

.singleProCat2 ul li {
    display: inline;
    width: calc(100% * (1 / 4) - 10px - 1px);
    /*flex-grow: 1;*/
}

.singleProCat2 ul li a {
    display: inline-block;
}

.singleProCat2 ul li a:hover {
    display: inline-block;
}

/*
==================================================================
==================================================================
    SINGLE JOB POST PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/





.singlepdtitle {
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px 0px 20px;
}

.singlepdtitle h3 {
    margin-bottom: 0px;
}

.singlepbudtimearea {
    margin-bottom: 10px;
}

.singbudgetonly ul {
    display: flex;
}

.singbudgetonly ul li {
    display: inline-block;
    text-transform: capitalize;
    font-size: 19px;
    color: #777;
    margin-right: 15px;
    font-weight: 600;
    border: 2px solid #ddd;
    padding: 30px;
    width: 200px;
    text-align: center;
    background: #fff;
    line-height: 50px;
}

.singbudgetonly ul li span {
    display: block;
    color: #7B1C60;
    font-size: 30px;
    margin: 0px auto 0px;
    line-height: 28px;
}

.singbudgetonly ul li.openprjoectjob {
    line-height: 80px;
    font-size: 32px;
    color: #7B1C60;
    text-transform: uppercase;
}

.singletimeopen {
    text-align: center;
}

.singletimeopen p {
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px;
}

.singletimeopen h4 {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.singleprbidbutton {
    flex: 1;
}

.spbidbutton {
    text-align: right;
}

.spbidbutton a {
    background: #7B1C60;
    color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    text-transform: inherit;
    padding: 15px 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 18px;
    margin-bottom: 20px;
}

.jobdetailstitle h2 {
    margin-bottom: 0px;
}

.spbidbutton a:hover {
    border-color: #7B1C60;
    color: #7B1C60;
    background: #fff;
}

.spbidbutton a.postajobspro {
    border-color: #7B1C60;
    color: #7B1C60;
    background: #fff;
}

.siprojecpostedjob {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.siprojecpostedjob a {
    display: block;
    color: #7B1C60;
    text-decoration: underline;
    margin-bottom: 10px;
}



.sprojobdetailsmainare {
    display: flex;
    border: 1px solid #ddd;
    background: #fff;
    margin: 15px 0px;
    box-shadow: 0px 0px 3px #c6c6c6;
}

.sprojectDescription {
    /* flex: 1; */
    width: 70%;
    margin-right: 20px;
    padding: 20px;
}

.sprojectDescription h5 {
    color: #888;
    text-transform: capitalize;
    margin-top: 0px;
}



.sprdeslist ul {
    padding: 0px 0px 20px;
}

.sprdeslist ul li {
    margin: 3px 0px;
    color: #333;
}

.sprdeslist ul li span {
    display: inline-block;
    margin-left: 0px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sprdeslist ul li span a {
    margin-left: 5px;
    text-transform: capitalize;
    display: inline-block;
    color: #fff;
    padding: 2px 8px;
    background: #6A1E55;
    font-size: 11px;
    border-radius: 5px;
}

.sprobuyerinfoarea {
    text-align: center;
    width: 30%;
    background: #f1f1f1;
    padding: 20px;
    border-left: 1px solid #ddd;
}



.sprobuyerinfoarea figure img {
    width: 40%;
    margin: 0px auto 10px;
}

.sprobuyerinfoarea figure figcaption {
    font-weight: 600;
}



.buyerreviews span {
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}



.buyerreviews ul li {
    display: inline-block;
}

.buyerreviews ul li i {
    /* color: #ffd800;*/
    color: #777;
}

.projectclosetime {
    text-align: left;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}

.projectclosetime .singletimeopen p {
    color: #777;
}

.postajobsiproboth {
    width: 30%;
    background: #fff;
    padding: 10px;
    border: 2px solid #ddd;
}

.postajobsiproboth a:last-child {
    margin-bottom: 0px !important;
}



.aboutheclient span {
    font-weight: 600;
    color: #333;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/*Top Area By NIGEL*/
.omj_green_btn a {
    background: #7B1C60;
    color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    text-transform: inherit;
    padding: 15px 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 18px;
    margin-bottom: 20px;
}

.omj_green_btn a:hover {
    background: #fff;
    color: #7B1C60;
    border-color: #7B1C60;
}

.awarded_freelancer_area {
    padding: 10px;
}

.awarded_freelancer_area img {
    width: 200px;
    height: 200px;
    box-shadow: 0px 0px 5px #c6c6c6;
}

.award_success_area h2 {
    color: #7B1C60;
}

/*Top Area By NIGEL*/

/*
===============================
    FREELANCER BID CSS
==============================
*/

.freebidtitlearea {
    display: flex;
    background: #7B1C60;
    padding: 10px 20px;
}

.freebidtitlearea h4 {
    color: #fff;
}

.freebidtitlefr {
    text-align: center;
    flex: 1;
}

.reputationtitlefree {
    text-align: center;
    flex: 1;
}

.bidtitlefree {
    text-align: right;
    flex: 1;
}

.freebidareadetails {
    display: flex;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}

.freebidavatar {
    flex: 1;
}

.freebidavatar a {
    display: flex;
    align-items: center;
}

.freebidavatar a img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.freebidavatar a figcaption {
    font-weight: 600;
    color: #333;
}

.freebidreputation {
    text-align: center;
    flex: 1;
}

.freebidreputation ul {
    text-align: center;
    padding-bottom: 10px;
}

.freebidreputation ul li {
    display: inline-block;
}

.freebidreputation ul li i {
    color: #777;
}

.freebidreputation a {
    text-transform: capitalize;
    color: #7B1C60;
    display: inline-block;
}

.freebidprice {
    flex: 1;
    text-align: right;
}

.freebidprice p {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}

.freebidprice p span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
}

.adthisocialshareicons {
    background: #fff;
    /*padding: 10px;*/
}

.profilephotosize {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 5px;
}

.profilephotosize {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    /* margin-right: 8px; */
    position: absolute;
    left: 0px;
    /* padding-right: 10px; */
    top: 15px;
}

/*
==================================================================
==================================================================
    SETTINGS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/



.changepassord a,
.settingspagesingelinfo a {
    color: #7B1C60;
    font-weight: 600;
    display: inline-block;
    margin-top: 3px;
    text-decoration: ;
}

.settingsprofilepicture img {
    width: 100px;
    height: 100px;
    margin: 10px 0px;
}



.changepassord a {
    margin-top: 15px;
    text-decoration: underline;
}

.afterloginpagestitle {
    text-align: left;
    margin-bottom: 20px;
}

.afterloginpagestitle h2 {
    margin-bottom: 5px;
    text-transform: inherit !important;
}

/*
==================================================================
==================================================================
    BROWSE FREELANCERS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.signeFreelancerSec {
    margin: 15px 0px;
}



.singfravatar {
    display: flex;
}

.singfravatar a img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 5px;
}

.singfravatar h6 {
    margin-bottom: 0px;
}

.singfravatar h6 a {
    color: #656161;
    text-transform: capitalize;
    display: block;
}



.singlefreereviews ul {
    text-align: center;
}

.singlefreereviews ul li {
    display: inline;
}

.singlefreereviews ul li a {
    display: inline-block;
}

.singlefreereviews ul li a i {
    color: #ffd800;
}

.singlefreereviews h6 a {
    color: #777;
}



.singleFreeSkills ul {
    text-align: center;
    margin: 10px 0px;
}

.singleFreeSkills ul li {
    display: inline;
}

.singleFreeSkills ul li a {
    display: inline-block;
    border: 1px solid #ddd;
    color: #5f5f5f;
    padding: 3px 8px;
    text-transform: capitalize;
    background: #fff;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 12px;
}

.singleFreeSkills ul li a:hover {
    border-color: #7B1C60;
    text-decoration: underline;
}

.singlefreecontactus {
    text-align: right;
}

.sfrcbutton {
    display: flex;
}

.sfrcbutton a {
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    text-transform: capitalize;
    border: 2px solid transparent;
    flex: 1;
}

.sfrcbutton a:hover {
    background: #fff;
    color: #7B1C60;
    border: 2px solid #7B1C60;
}

.contactbusfr {
    background: #7B1C60;
    border-right: 2px solid #ddd;
}

.vieportfolio {
    background: #888;
}



.singleFreelancerpro {
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    margin-bottom: 5px;
    height: 300px;
}

.singleFreelancerpro a img {
    margin: 0px auto;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    text-align: center;
}

.singleFreelancerpro span.sflocation {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

.singleFreelancerpro span.sflocation i {
    display: inline-block;
}

.paddinglessbfre {
    padding: 0px 5px 10px;
}

/*new css for */

.sfrcbutton2 {
    position: absolute;
    bottom: 0;
    right: 5px;
    width: calc(100% - 10px);
}

.sfrcbutton a {
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    text-transform: capitalize;
    border: 2px solid transparent;
    flex: 1;
    text-align: center;
}

.custom-padding-margin {
    position: relative;
    padding: 0 5px;
    margin: 5px 0;
}

.sirecebptwo {
    background: #fff;
}

/*
==================================================================
==================================================================
            PLACE BID PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.mainplacebidarea {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 5px;
}

.singlepdtitle h3 {
    margin-top: 0px;
}



.placebidarea {
    display: flex;
    align-items: center;
}

.placebidarea h6 {
    margin: 0px 0px;
    color: #847373;
    text-transform: inherit;
}

.placebidinputarea span {
    font-size: 16px;
    color: #333;
}

.placebidLabelarea {
    width: 25%;
}

.placebidinputarea {
    width: 60%;
    margin-bottom: 0px;
}

.deliverinputbox textarea,
.deliverinputbox input {
    border-radius: 5px !important;
}

.placebidinputarea input {
    box-shadow: none !important;
    outline: none !important;
}

.placebidinputarea textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
    margin: 10px 0px;
    padding: 10px;
    outline: none;
    box-shadow: none;
}

.placebidinputarea input:focus,
.placebidinputarea input:hover,
.placebidinputarea textarea:focus,
.placebidinputarea textarea:hover {
    outline: none;
    box-shadow: none;
    border-color: #7B1C60 !important;
}



.bidbuttonarea input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    padding: 10px 50px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid transparent;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.bidbuttonarea input[type="submit"]:hover {
    border: 2px solid #7B1C60;
    color: #7B1C60;
    background: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/*
==================================================================
==================================================================
            MY PROJECTS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/



.myprotitle {
    text-align: left;
}

.myprotitle h2 {
    margin-top: 0px;
}

.myprotitle a {
    border: 2px solid #7B1C60;
    color: #7B1C60;
    text-transform: capitalize;
    padding: 10px 20px;
    margin-right: 10px;
    display: inline-block;
    background: #fff;
}

.myprotitle a.currentitembid {
    border: 2px solid #7B1C60;
    color: #fff;
    background: #7B1C60;
}

.myprojecaltileopenpro {
    display: flex;
    background: #7B1C60;
    padding: 15px 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.myprsinglttile {
    flex: 1;
    text-align: center;
}

.myprsinglttile h5 {
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    font-size: 16px;
}

.myallopenprodetails {
    display: flex;
    background: #fff;
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    border-left: 2px solid #ddd;
}

.myallprtitle {
    flex: 1;
    text-align: center;
}

.myallprtitle a {
    color: #777;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 6px;
    margin: 0px 3px;
}

.myallprtitle a:hover {
    color: #7B1C60;
}

.myallprtitle span {
    font-weight: 600;
}

.myprsinglttileone,
.myallprtitleone {
    text-align: left;
}

.myallprtitleone a {
    color: #7B1C60;
    font-weight: 500;
    text-transform: capitalize;
    text-align: left;
}

.myallprtitle a i {
    font-size: 20px;
}

/*
==================================================================
==================================================================
            AWARDED PROJECTS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/



.awardedProjleftside {
    padding: 10px;
    background: #fff;
}

.awaredeprotitle {
    text-align: left;
}

.awaredeprotitle h2 {
    margin: 0px;
}

.awardedprallinfo {
    display: flex;
    border: 1px solid #ddd;
    padding: 30px 20px;
}

.awardedsiinfo {
    flex: 1;
    text-align: center;
    border-right: 1px solid #ddd;
    padding: 20px 0px;
}

.awardedsiinfo:last-child {
    border-right: none;
}

.awardedsiinfo a {
    color: #7B1C60;
    display: block;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 15px;
}

.awardedsiinfo span {
    display: block;
    text-transform: capitalize;
}

.awardedProcstausmain {
    background: #fff;
    border: 1px solid #ddd;
}

.awardedProcstaus {
    display: flex;
    background: #7B1C60;
    padding: 10px;
    margin-bottom: 20px;
}

.awardedorcrstautitle {
    flex: 1;
    text-align: center;
}

.awardedorcrstautitle a {
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}

.awardedorcrstautitle a:hover {
    text-decoration: underline;
}



.awardedorcrestDescri p {
    color: #7B1C60;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
}

.awardedorcrestDescrinboxin {
    display: flex;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}

.messagerecipent {
    flex: 1;
}

.awardedorcrstautitle {
    flex: 1;
}

.messagerecipent a {
    display: inline-block;
    color: #7B1C60;
}

.messagerecipent a:first-child {
    color: #333;
    display: block;
}

.awardedorcrstautitle p {
    text-align: center;
}

.awardedorcrestDescritwo {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: center;
}

.awardedorcrestDescritwo .pending {
    color: #888;
    text-transform: capitalize;
    font-weight: 600;
}



.awardedorcrestDescritwo .orderavpro a {
    color: #7B1C60;
    text-transform: capitalize;
}

.awardedorcrestDescritwo .completed {
    color: #7B1C60;
    text-transform: capitalize;
    font-weight: 600;
}



.awaredchooseoption ul {
    text-align: center;
}

.awaredchooseoption ul li {
    display: inline;
}

.awaredchooseoption ul li a {
    display: inline-block;
    color: #777 !important;
    font-size: 24px;
}



.awaredchooseoption ul li.active a {
    color: #7B1C60 !important;
}



/*
=================================
    AWARDED SIDE BAR CSS 
=================================
*/

.awardedSidebar {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 4px 5px -4px #888;
    -moz-box-shadow: 0px 4px 5px -4px #888;
    -ms-box-shadow: 0px 4px 5px -4px #888;
    -o-box-shadow: 0px 4px 5px -4px #888;
    box-shadow: 0px 4px 5px -4px #888;
}

.awardesidepostajob {
    text-align: left;
}

.awardesidepostajob a {
    background: #7B1C60;
    color: #fff;
    padding: 15px 40px;
    /* border-radius: 3px; */
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    border: 1px solid transparent;
}

.awardesidepostajob a:hover {
    border: 1px solid #7B1C60;
    color: #7B1C60;
    background: #fff;
}



.awardedemenulist h4 {
    margin-bottom: 0px;
}



.awardedemenulist ul li {
    display: block;
    margin-bottom: 3px;
}

.awardedemenulist ul li a {
    display: inline-block;
    color: #777;
    text-transform: capitalize;
}

.awardedemenulist ul li a:hover {
    text-decoration: underline;
}

.awardedemenulist {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.awardedemenulist:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

/*
==================================================================
==================================================================
            VIEW PROPOSALS PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/

.viewProposalarea {
    display: flex;
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.viewproleftsidebare {
    display: flex;
    width: 70%;
}

.viewpromainavataer {
    margin-right: 15px;
    width: 15%;
}





.viewpropsaltitledesc {
    padding-right: 20px;
    width: 80%;
}

.viewpropsaltitledesc a.viewprotitle {
    display: inline-block;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}



.viewpropsaltitledesc span {
    display: block;
}

.viewpropsaltitledesc a.award-project-bt {
    color: #fff;
    background: #7B1C60;
    border: none;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 0px;
    cursor: pointer;
    width: auto;
    border-radius: 3px;
}

.viewpropsaltitledesc button:hover {
    background: #0b9339;
}

.viewprorightsidearea {
    width: 30%;
    text-align: center;
    border-left: 1px solid #ddd;
    padding-top: 30px;
}

.viewprorightsidearea span {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}



.viewprorightsidearea ul li {
    display: inline;
}

.viewprorightsidearea ul li a {
    display: inline-block;
    color: #ffd800;
}

.viewprorightsidearea p {
    font-weight: 600;
    margin-top: 5px;
    text-transform: capitalize;
}

.maybalanceamount {
    border: 1px solid #ddd;
    margin: 15px 0px;
    padding: 10px;
}

.maybalanceamount h3 {
    margin: 0px;
}

.awardedorcrestDescri p a {
    text-decoration: underline !important;
    color: #7B1C60;
}



.awardedprojecttosome {
    background: #fff;
    padding: 20px;
}

.awardedprojecttosome h2 {
    color: #7B1C60;
    text-transform: capitalize;
    text-align: center;
}

/*
==================================================================
==================================================================
MEMBERSHIP, MY BIDS, MEMBERSHIP PAYMENTS, MY SKILLS, AND OTHERS

PAGE  CSS STYLING HERE
==================================================================
==================================================================
*/



.singleMembershipbox {
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 1px 3px -4px #777;
    -moz-box-shadow: 0px 1px 3px -4px #777;
    -ms-box-shadow: 0px 1px 3px -4px #777;
    -o-box-shadow: 0px 1px 3px -4px #777;
    box-shadow: 0px 1px 3px -4px #777;
}

.singleMembershipbox:hover {
    -webkit-box-shadow: 0px 2px 5px -4px #777;
    -moz-box-shadow: 0px 2px 5px -4px #777;
    -ms-box-shadow: 0px 2px 5px -4px #777;
    -o-box-shadow: 0px 2px 5px -4px #777;
    box-shadow: 0px 2px 5px -4px #777;
    border-color: #7B1C60;
}

.mtabltitle {
    color: #7B1C60;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: center;
}

.mtableprice {
    color: #333;
    font-weight: 700;
    font-size: 42px;
    margin: 35px 0px 25px;
    text-align: center;
}

.mtableprice sup {
    font-size: 16px;
    top: -20px;
}

.singleMembership small {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 13px;
    display: block;
    color: #333;
    text-align: center;
    margin: 15px auto;
}

.singleMembutton {
    text-align: center;
}

.currentplan {
    display: inline-block;
    background: #fff;
    color: #7B1C60;
    padding: 10px 20px;
    margin: 30px 0px 40px;
    text-transform: capitalize;
    border: 2px solid #7B1C60;
    width: 100%;
}

.othersplan {
    display: inline-block;
    background: #7B1C60;
    color: #fff;
    padding: 10px 20px;
    margin: 30px 0px 37px;
    text-transform: capitalize;
    border: 2px solid #7B1C60;
    width: 100%;
}

.singleMembutton a.currentplan:hover {
    color: #7B1C60;
}

.singleMembutton a.othersplan:hover {
    color: #7B1C60;
    border: 2px solid #7B1C60;
    background: #fff;
}

.singmbidtitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.allmembershiptablesare {
    display: flex;
    background: #fff;
    margin-bottom: 50px;
}

.singleMembership {
    flex: 1;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}

.singleMembership:last-child {
    border: none;
}



.singmbidtitle ul li {
    font-size: 14px;
    color: #1f2836;
}



.singleMembershipplus {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    border-color: #7B1C60;
    background: #7B1C60;
    color: #fff;
}

.singleMembershipplus .mtabltitle {
    color: #333;
}

.singleMembershipplus .mtableprice {
    color: #fff;
}

.singleMembershipplus .othersplan {
    border: 2px solid #fff;
}

.singleMembershipplus .singmbidtitle ul li {
    color: #f5f5f5;
}

.faqmembershiparea {
    padding: 20px;
    background: #fff;
}



.faqtitlemem h2 {
    margin-bottom: 20px;
}

.singlefaqmember {
    margin-bottom: 30px;
}



.singlefaqmember p {
    border-left: 2px solid #ddd;
    padding-left: 5px;
    margin-left: 30px;
}

.singlefaqmember p a {
    color: #7B1C60;
}

.membershiptitle h2 {
    margin-top: 0px;
}

.inboxMessageallinfo {
    display: flex;
    margin: 15px 0px;
}

.inboxmeleftside {
    width: 70%;
    text-align: left;
    padding-left: 10px;
}

.inboxmeleftside a {
    display: inline-block;
    border: 1px solid #7B1C60;
    color: #7B1C60;
    padding: 5px 10px;
    text-transform: capitalize;
    margin-right: 5px;
}

.inboxmeleftside a.currmessage {
    background: #7B1C60;
    color: #fff;
}

.inboxmerightside {
    width: 30%;
    text-align: right;
}

.paginationListmybid {
    background: #fff;
    text-align: center;
}

.selectallskillsarea {
    background: #fff;
    padding: 20px;
    border: 1px solid #d1cdcd;
}



.selectallskillsarea select:focus {
    outline: none;
}

.selectallskillsarea select {
    outline: none !important;
    box-shadow: none !important;
    margin-bottom: 15px;
}

.myskilltitle {
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}



.upgradeskilllink a {
    color: #7B1C60;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0px 15px;
}

.selectallskillsarea input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    text-transform: capitalize;
    padding: 15px 60px;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid transparent;
}

.selectallskillsarea input[type="submit"]:hover {
    color: #7B1C60;
    border: 1px solid #7B1C60;
    background: #fff;
}

/*
===================================================================================
===================================================================================
                PRIVACY POLICY, FEES & CHARGES PAGE CSS DESIGN
===================================================================================
===================================================================================
*/



.privacyPolicyInner {
    background: #fff;
    padding: 20px;
}



.privacytitle h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}



.privacypolipara p {
    line-height: 22px;
}

.privacypolicyinheading {
    margin: 30px 0px;
}

.privacypolicyinheading h4 {
    color: #7B1C60;
}

.privacypolipara h5 {
    color: #6A1E55;
    font-style: italic;
    font-size: 16px;
}

.privacypolipara ul {
    padding-left: 30px;
}

.privacypolipara ul li {
    list-style: disc;
    margin: 7px 0px;
}

.privacypolipara ul li strong {
    font-weight: 600;
}

.privacypolipara ul li a,
.privacypolipara p a {
    color: #7B1C60;
}







.privacypolipara .table tr td {
    border: 1px solid #ddd;
    color: #333;
}

/*
===================================================================================
===================================================================================
                BROWSE JOBS PAGE CSS DESIGN
===================================================================================
===================================================================================
*/

.jobspagefilter {
    justify-content: space-between;
    margin-bottom: 20px;
    margin: 0px 10px 20px 0px;
}

/* Create two equal columns that floats next to each other */
.singlerowjobs .column {
    float: left;
    width: 48%;
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
    margin-right: 5px;
    margin-bottom: 10px;
}

.singlerowjobs .column:nth-child(even) {
    margin-right: 0px !important;
    width: 50%;
}

/* Clear floats after the columns */
.singlerowjobs:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the buttons */
.btn {
    border: 1px solid transparent;
    outline: none;
    padding: 5px 12px;
    /*background-color: #f1f1f1;*/
    cursor: pointer;
    box-shadow: none;
}

.btn:hover {
    background-color: #ddd;
    box-shadow: none;
}

.btn.active {
    background-color: none;
    color: white;
    box-shadow: none;
    border: 1px solid #777;
}

.gridviewmargin {
    margin-top: 20px;
    text-align: left;
}

/*
===================================================================================
===================================================================================
              CONVERSATIOIN PAGE CSS DESIGN
===================================================================================
===================================================================================
*/

.conversattintile {
    background: #fff;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ddd;
}

.conversattintile h2 {
    margin: 0px;
    text-align: left;
    font-size: 32px;
}

.conversattintile h2 a {
    color: #7B1C60;
}

.conversationmessboxx {
    background: #fff;
    margin-bottom: 10px;
}

.conversationordercontwo {
    background: #fff;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}



.conversationmessboxx form textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 15px;
    height: 200px;
    border-radius: 3px;
}

.conversationmessboxx form input:focus,
.conversationmessboxx form input {
    background: #7B1C60;
    border: none;
    color: #fff;
    padding: 10px 30px;
    text-transform: capitalize;
    cursor: pointer;
    margin-top: 10px;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
}

.conversationmainarea {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    max-height: 650px;
}

.hidefrominbox {
    margin-bottom: 20px;
}

.hidefrominbox a {
    color: #7B1C60;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

.hidefrominbox p {
    font-weight: 600;
}

.singleConversationbuyer {
    display: flex;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

.singleConversationfre {
    display: flex;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
    background: #f1f1f1;
}

.singleconleft {
    flex: 1;
}

.singleconleft a img {
    width: 30%;
    height: auto;
    float: left;
    margin-right: 20px;
}

.singleconleft p {
    margin: 0px;
}

.singleconleft a {
    color: #7B1C60;
}

.singlecoright {
    text-align: right;
    flex: 1;
}

.singlecoright a {
    color: #7B1C60;
    text-transform: capitalize;
}

.confilearea {
    margin-top: 10px;
}

.custom-file-label {
    border: 1px solid #7B1C60;
}

.custom-file-label::after {
    content: "Browse";
    background-color: #7B1C60;
    border-left: 1px solid #7B1C60;
    border-radius: 0px;
    color: #fff;
}

.conversationbuyefreeone {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*new design*/

.conversationall {
    margin: 20px 0px;
}

.converClientoption {
    margin-right: 40px;
    border: none !important;
    background: #f4f4f4 !important;
    position: relative;
}

.converSelleroption {
    text-align: right;
    margin-left: 40px;
    position: relative;
    background: #d4f88d66 !important;
    border: none !important;
}

.converSelleroption::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #d4f88d66 !important;
    border-right: 0;
    border-top: 0;
    margin-top: -10px;
    margin-right: -20px;
}

.converClientoption::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #f4f4f4;
    border-left: 0;
    border-top: 0;
    margin-top: -10px;
    margin-left: -20px;
}

.converSelleroption p,
.converClientoption p {
    color: #414141;
}

.speech-bubbleclient {
    position: relative;
    padding: 20px;
    background: #e7fbce;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
}

.speech-bubbleSeller h6 {
    margin: 0px 0px 10px;
    text-transform: capitalize;
    color: #716969;
    font-weight: 600;
    font-style: italic;
}

.speech-bubbleclient h6 {
    color: #716969;
    margin: 0px 0px 10px;
    text-transform: capitalize;
    font-weight: 600;
    font-style: italic;
}

.speech-bubbleclient p {
    margin: 0px;
    color: #716969;
}

.speech-bubbleclient::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #e7fbce;
    border-left: 0;
    border-top: 0;
    margin-top: -10px;
    margin-left: -20px;
}

.speech-bubbleSeller {
    position: relative;
    background: #b6dfef;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    float: right;
    margin-bottom: 20px;
}

.speech-bubbleSeller p {
    margin: 0px;
    color: #716969;
    text-align: right;
}

.speech-bubbleSeller:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #b6dfef;
    border-right: 0;
    border-top: 0;
    margin-top: -10px;
    margin-right: -20px;
}

.speech-bubbleclient span,
.speech-bubbleSeller span {
    font-weight: 600;
    display: block;
    margin-top: 10px;
    background: #dcf0c3;
    padding: 5px 10px;
    border-radius: 3px;
}

.speech-bubbleclient span p {
    color: #888;
}

.speech-bubbleSeller span {
    background: #a1cada;
}

.speech-bubbleSeller span p {
    color: #fff;
}

.speech-bubbleclient span a,
.speech-bubbleSeller span a {
    color: #dc3545;
    display: inline-block;
    text-transform: capitalize;
}

/*
===================================================================================
===================================================================================
              REVENUE PAGE CSS DESIGN
===================================================================================
===================================================================================
*/





.revenuearea .awardedsiinfo span {
    font-weight: 600;
    color: #777;
    display: block;
    margin: 10px 0px;
}



.yourearninga {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.yourearninga h5 {
    text-transform: capitalize;
    color: #777;
    margin: 0px;
}

.yourearninga h5 span {
    color: #7B1C60;
    display: inline-block;
}

/*
===================================================================================
===================================================================================
              FREELANCER PROFILE CSS DESIGN
===================================================================================
===================================================================================
*/



.freelancerproleftside {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.freeprotoparea {
    display: flex;
}





.freeprotoparea figure img {
    width: 100px;
    height: 100px;
    line-height: 100%;
    border-radius: 100%;
    margin-right: 20px;
}

.freetoptitledes {
    padding: 10px 0px;
}

.recentreviewfreepro h2 {
    margin-top: 0px;
    margin-bottom: 40px;
    color: #7B1C60;
}

.freetoptitledes h4 {
    margin-bottom: 10px;
    color: #7B1C60;
    margin-top: 8px;
}

.freetoptitledes ul {
    text-align: left;
}

.freetoptitledes ul li {
    display: inline;
}

.freetoptitledes ul li a {
    display: inline-block;
    color: #777;
    border: 1px solid #ddd;
    padding: 0px 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.freetoptitledes ul li a:hover {
    background: #f8f8f8;
}



.freelancerprsidebar {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}



.contactinfo a {
    display: inline-block;
    background: #7B1C60;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contactinfo span {
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0px 15px;
}

.contactinfo p {
    text-transform: capitalize;
    margin: 0px;
    line-height: 25px;
}

.contactinfo p i {
    color: #7B1C60;
    margin-right: 6px;
}

.contactinfo ul {
    text-align: left;
    padding-top: 20px;
}

.buyerreviewslist ul li,
.contactinfo ul li {
    display: inline-block;
}

.buyerreviewslist ul li i,
.contactinfo ul li i {
    color: #ffd800;
}

.recentreviewfreepro {
    padding: 20px;
    background: #fff;
}

.recentreviewfreepro h2 {
    margin-top: 0px;
}

.singlerecenreviewsfr {
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

.singlerecenreviewsfr:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.singlerecenreviewsfr h5 {
    margin-bottom: 5px;
}

.singlerecenreviewsfr img {
    width: 64px;
    height: 64px;
    border-radius: 5px;
}

.singlerecenreviewsfr p {
    margin-top: 5px;
}

.freeproexsum {
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}

.freeproexsum:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.freeproexsum .singleFreeExsum p {
    margin: 0px 0px 5px;
    font-weight: 600;
    font-size: 12px;
}

.freeproexsum .singleFreeExsum p span {
    float: right;
    display: inline-block;
}

/*
===================================================================================
===================================================================================
              ABOUT US CSS STYLING HERE
===================================================================================
===================================================================================
*/

.aboutussectionarea {
    background: #6A1E55;
    padding: 100px 0px;
}

.aboutusinner {
    text-align: center;
}

.aboutusinner h2 {
    color: #fff;
}

.aboutusinner p {
    color: #fff;
}





.aboutallinfolist ul {
    text-align: center;
}

.aboutallinfolist ul li {
    display: inline;
    margin: 0px 10px;
}

.aboutallinfolist ul li a {
    display: inline-block;
    color: #7B1C60;
    font-weight: 400;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
}

.aboutallinfolist ul li.currentaitem a,
.aboutallinfolist ul li a:hover {
    color: #222;
    border-color: #7B1C60;
}

.aboutusdetails {
    background: #fff;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}



.aboutusdetainn p {
    line-height: 22px;
}

.aboutusdetainn ul {
    text-align: left;
    padding-top: 20px;
}

.aboutusdetainn ul li {
    display: inline;
    margin-right: 5px;
}

.aboutusdetainn ul li a {
    display: inline-block;
    color: #7f7f7f;
    font-size: 18px;
    border: 1px solid #a7a7a7;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
}



.aboutusdetainn ul li a:hover {
    color: #7B1C60;
}

.sinleTeammember {
    text-align: center;
}

.sinleTeammember img {
    width: 100px;
    height: 120px;
}

.sinleTeammember h4 {
    color: #7B1C60;
}

.sinleTeammember h4 small {
    font-size: 10px;
    font-weight: 600;
    color: #222;
}





.ourinvestors ul {
    padding-top: 10px;
}

.ourinvestors ul li {
    display: inline;
    margin: 0px 10px;
}

.ourinvestors ul li a {
    display: inline-block;
}

.careerbutton a {
    background: none;
    color: #fff;
    border: 2px solid #fff;
    padding: 14px 20px;
    display: inline-block;
    margin-top: 25px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
}

.careerbutton a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.singlecarlist {
    text-align: left;
}

.singlecarlist i {
    color: #7B1C60;
    font-size: 32px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 3px;
}











.carrerlistarea p a {
    color: #7B1C60;
}

.openpositionarea {
    background: #333;
    padding: 100px 0px;
}



.openpositionbutton h2 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

.openpositionbutton a {
    color: #fff;
    background: #7B1C60;
    padding: 15px 20px;
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
}



.contactform {
    background: #fff;
}



.contactform form input {
    height: 40px;
    border: 1px solid #90e3ac;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 10px;
}

.contactform form textarea {
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #90e3ac;
}

.contactform form input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    cursor: pointer;
    padding: 20px 20px;
    display: block;
    line-height: 0px;
    border: 1px solid transparent;
}





.contactusmap iframe {
    width: 100%;
    height: 400px;
    border: 1px solid #90e3ac;
}

.contactusaddress {
    background: #f1f1f1;
}

.singlecontactus {
    border-right: 1px solid #777;
}

.singlecontactusbless {
    border: none;
}

.singlecontactus p {
    margin-bottom: 10px;
}

.singlecontactus p strong {
    font-weight: 700;
}

.singlecontactus p i {
    color: #7B1C60;
    font-size: 20px;
    margin-right: 5px;
}

.singlecontactus address {
    line-height: 22px;
}

.contactusbutton {
    background: #fff;
    text-align: center;
}



.contbuttninarea span {
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}



.contactomjbutoon a {
    display: inline-block;
    font-size: 16px;
    margin: 0px 20px;
    padding: 12px 20px;
}

.contactomjbutoon a.htfbutton {
    background: #7B1C60;
    color: #fff;
    border: 2px solid transparent;
}

.contactomjbutoon a.htfbutton:hover {
    border: 2px solid #7B1C60;
    color: #7B1C60;
    background: none;
}

.contactomjbutoon a.aafbtton {
    border: 2px solid #7B1C60;
    color: #7B1C60;
}

.contactomjbutoon a.aafbtton:hover {
    background: #7B1C60;
    color: #fff;
}

/*
===================================================================================
===================================================================================
            HOW IT WORKS PAGE CSS STYLING HERE
===================================================================================
===================================================================================
*/

.howitworktabarea {
    padding-bottom: 0px;
}



.howitworksptitle a {
    border: 2px solid #ddd;
    display: inline-block;
    color: #fff;
    padding: 10px 25px;
    margin-top: 30px;
}

.howitworknavtab .nav-tabs {
    justify-content: center;
    border: none;
}



.howitworknavtab .nav-tabs li a {
    font-size: 18px;
    color: #333;
    border-radius: 0px;
    padding: 20px 30px;
}

.howitworknavtab .nav-tabs li a.active {
    color: #7B1C60;
    border-radius: 0px;
    padding: 20px 30px;
}

.pillshirearea {
    padding-top: 15px;
}

.pillshirearea ul {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.pillshirearea ul li {
    display: inline;
    margin: 0px 10px;
}

.pillshirearea ul li a {
    display: inline-block;
    text-transform: capitalize;
    color: #777;
    font-size: 14px;
}

.pillshirearea ul li.getstarbuttonhiw {
    margin-left: 50px !important;
    display: none;
}

.pillshirearea ul li.getstarbuttonhiw a {
    background: #7B1C60 !important;
    color: #fff !important;
    padding: 8px 15px;
    text-transform: capitalize;
}

.hiretabsdetails {
    padding-top: 30px;
}

.hiretabfindsecleft {
    text-align: left;
}

.hiretabfindsecleft p {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}



.hiretabfindsecleft ul li {
    list-style: disc;
    margin-bottom: 10px;
    line-height: 20px;
}

.hiretabfindsecleft ul li strong {
    font-weight: 600;
}

#aboutomjfaq,
#abouthiromj,
#aboutfreeomj,
#hireffindtabid,
#hiregethiretabid,
#hirefworktabid,
#hiregetpaymenttabid,
#hireworktabid,
#hirepaymenttabid,
#hirehiretabid {
    padding-top: 100px;
}



.hiretabfinriimage img {
    width: 80%;
    margin: 0px auto;
    display: block;
    text-align: center;
}

.pilstickyheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    /* padding-top: 0px; */
    background: #fff;
}



.faqaboutomjacordion h2 {
    text-align: left;
    margin-bottom: 20px;
}

.faqaboutomjco .card-header {
    padding: 10px;
    text-align: left;
}

.faqaboutomjco .card-header h5 {
    margin: 0px;
    padding: 0px;
}

.faqaboutomjco .card-header h5 button {
    background: none;
    color: #7B1C60;
    padding: 0px;
    margin-bottom: 8px;
    white-space: normal;
    text-align: left;
}

.faqaboutomjco .card-header p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #777;
}

.faqaboutomjco .card-body p {
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    color: #777;
}

.faqaboutomjco .card-body ul {
    text-align: left;
    padding: 10px 0px 10px 20px;
}

.faqaboutomjco .card-body ul li {
    /* display: block; */
    list-style: disc;
    margin-bottom: 10px;
}

.readytogethiredfaq {
    background: #7B1C60;
    color: #fff;
    padding: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 50px;
}

.readytogethiredfaq h2 {
    color: #fff;
    text-align: center;
}

.readytogethiredfaq a {
    border: 2px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 30px;
    color: #fff;
}

.faqtabhiworkspage {
    padding: 30px 0px;
}

.faqtabhiworkspage form {
    display: flex;
    justify-content: center;
}

.faqtabhiworkspage form input {
    padding: 10px;
    color: #777;
    border: 1px solid #ddd;
}

.faqtabhiworkspage form input[type="search"]:focus {
    border-color: #7B1C60;
}

.faqtabhiworkspage form input[type="search"] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 50%;
    height: 45px;
    border-color: #7B1C60;
}

/*
================================================================
        BLOG PAGE CSS 
================================================================
*/

.blogarea {
    background: url("../img/blog-banner.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    padding: 100px 0px;
    position: relative;
}

.blogoverlay {
    position: absolute;
    background: rgba(2, 200, 69, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ourblogdetailsarea {
    background: #fff;
}



.single_blogpost {
    display: flex;
}





.sblogimage a img {
    width: 230px;
    height: 110px;
    border: 1px solid #ddd;
    padding: 3px;
}

.sblogshortinfo {
    padding-left: 20px;
}

.sblogshortinfo a h6 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.sblogshortinfo a h6:hover {
    color: #7B1C60;
}

.badminnamdate {
    margin-bottom: 10px;
}

.badminnamdate a {
    color: #333;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
}



/* BLOG SIDEBAR */

.blogsidebar {
    margin-left: 30px;
}

.blogsearchbox {
    margin-bottom: 20px;
}



.blogsearchbox form input[type="search"] {
    border: 1px solid #7B1C60;
    padding: 5px;
    height: 40px;
    border-radius: 3px;
}

.blogsearchbox form input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    text-transform: capitalize;
    border: none;
    border-radius: 3px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
}

.blogcategory {
    padding: 20px;
    background: #f1f1f1;
}





.blogcategory ul li {
    display: block;
    margin-bottom: 8px;
}

.blogcategory ul li a {
    display: block;
    color: #777;
}

.blogcategory ul li a:hover {
    color: #7B1C60;
}

.blogcategory ul li a span {
    margin: 0px 5px;
    background: #7B1C60;
    color: #fff;
}

.tagsarea {
    background: #f1f1f1;
    padding: 20px;
    margin-top: 20px;
}





.tagsarea ul li {
    display: inline;
}

.tagsarea ul li a {
    border: 1px solid #7B1C60;
    background: #fff;
    display: inline-block;
    margin-bottom: 6px;
    text-transform: capitalize;
    padding: 5px 10px;
    color: #777;
}

.tagsarea ul li a:hover {
    background: #7B1C60;
    color: #fff;
}



.addareasidebar {
    width: 100%;
    height: 150px;
    background: #f1f1f1;
    text-align: center;
    color: #7B1C60;
    padding-top: 30px;
    margin-top: 20px;
}



.singleBloginDetails a h2 {
    text-align: left;
    color: #7B1C60;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 400;
    margin-top: 0px;
}

.singleBloginDetails a h2:hover {
    text-decoration: underline;
    text-decoration-color: #333;
}

.singleBloginDetails .badminnamdate {
    text-align: left;
    margin-bottom: 20px;
}

.singleBloginDetails a img {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 3px;
}

.sinblogdetails {
    border-top: 1px solid #ddd;
}

.singleBloginDetails p {
    text-align: left;
}

.singlepostcomment {
    margin-top: 30px;
}

.singlepostcomment h6 {
    text-align: left;
}

.singlepostcomment textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ddd;
    padding: 10px;
}

.singlepostcomment input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 10px;
}

/*
======================================================
            SITEMAP PAGE CSS STYLING
======================================================
*/



.single_lateprositemap,
.sitemapinnerarea {
    background: #fff;
    padding: 20px;
}

.sitemapsingel h4 {
    font-size: inherit;
}

.sitemapsingel ul {
    display: flex;
    margin-bottom: 20px;
}

.sitemapsingel ul li {
    flex-basis: 30%;
}

.sitemapsingel ul li a:hover {
    text-decoration: underline;
}

/*
================================================
     HOW CAN WE HELP PAGE STYLING
================================================
*/

.howcanwehelpareaomj {
    background: #7B1C60;
    height: auto;
}



.howcanwehelpareaomj h2 {
    color: #fff;
}

.howcanwehelp form input[type="search"] {
    border-color: #fff;
    height: 40px;
    border-radius: 3px;
}

.howcanwehelp form button[type="submit"] {
    background: #222;
    border: 1px solid #222;
}

.omjhelpcenterarea {
    background: #fff;
}

.omjhecentertabs {
    text-align: center;
    background: #f1f1f1;
    padding: 10px;
    width: 330px;
    margin: 0px auto;
    border: 1px solid #ddd;
    border-radius: 50px;
}

.omjhecentertabs button {
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    outline: none;
    background: #777;
    color: #fff;
    margin-right: 10px;
    border-radius: 50px;
}

.omjhecentertabs button:last-child {
    margin-right: 0px !important;
}

.freelancerarea,
.employerarea {
    background: #fff;
    padding-top: 0px;
}



.employersection .card-header {
    padding: 0px;
}

.employersection .card-header button {
    display: block;
    width: 100%;
    text-align: left;
    color: #333;
    white-space: normal;
}

.employersection .card-body a,
.employersection .card-header button:hover {
    color: #7B1C60;
}

.employersection .card-body a:hover {
    text-decoration: underline;
}



.employerlistlinks {
    display: flex;
    justify-content: space-around;
}

.single_emlilsarea h5 {
    color: #7B1C60;
    text-transform: capitalize;
}





.single_emlilsarea ul li a {
    color: #777;
    display: block;
    margin-bottom: 5px;
}

.single_emlilsarea ul li a:hover {
    text-decoration: underline;
    color: #7B1C60;
}

.helpcenterarea {
    background: #f1f1f1;
    padding: 30px 15px;
}

.havemorequestions {
    text-align: center;
}



.havemorequestions a {
    background: #7B1C60;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid transparent;
}

.havemorequestions a:hover {
    border: 1px solid #7B1C60;
    color: #7B1C60;
    background: #fff;
}

.reghelpsidebar {
    border: 1px solid #ddd;
    padding: 10px;
}

.reghelpsidebar ul {
    text-align: left;
}

.reghelpsidebar ul li {
    margin: 8px 0px;
}

.reghelpsidebar ul li a {
    display: block;
    color: #888;
}

.registerhelpcenright p a {
    color: #7B1C60;
}

.registerhelpcenright p strong {
    text-decoration: underline;
}

.reghelpsidebar ul li.active a,
.reghelpsidebar ul li a:hover {
    color: #7B1C60;
    text-decoration: underline;
}

.registerAccounsteps {
    padding-left: 20px;
}



.registerAccounsteps ol li {
    list-style: decimal;
    margin: 5px 0px;
}

.registerAccounsteps ul {
    margin-bottom: 30px;
}

.registerAccounsteps ul li {
    list-style: disc;
    margin: 5px 0px;
    display: list-item;
}

.registerAccounsteps ol li ol {
    padding-left: 20px;
}

.backtohelpcenter {
    text-align: center;
    margin-top: 20px;
}

.backtohelpcenter a {
    background: #7B1C60;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    display: block;
}



.helpcentertabls table {
    border: 1px solid #ddd;
}





.helpcentertabls table tr td {
    border: 1px solid #ddd;
}

/*
==================================================================
        FREELANCER BY SKILLS CSS STYLING HERE
==================================================================
*/



.searchboxfbyskill {
    margin: 30px 0px 50px;
}

.searchboxfbyskill input {
    width: 60%;
    height: 40px;
    border: 2px solid #ddd;
    padding: 10px;
}

.searchboxfbyskill input:focus {
    border-color: #7B1C60;
}

.searchboxfbyskill a {
    color: #777;
    display: inline-block;
    margin: 2px;
    padding: 2px;
}

.searchboxfbyskill a i {
    color: #888;
}

.allcatsarea {
    display: flex;
    padding: 0px 20px 30px;
    justify-content: space-around;
    align-content: space-around;
}

.firstallcatarea {
    padding-top: 20px;
}

.singleCatsareaf {
    display: flex;
    flex-basis: 30%;
}

.scaareaficon {
    margin-right: 10px;
}

.scaareaficon i {
    color: #7B1C60;
    font-size: 28px;
}



.scatareadetails h6 {
    margin-top: 0px;
    margin-bottom: 10px;
}





.allcatmaintitles .sitemapsingel h4 {
    font-size: 20px;
}

.ballcatmarea {
    padding: 30px 0px;
}

.browbycatareamain {
    background: #f1f1f1;
}

.browsecatarforbordert {
    border-top: 1px solid #ddd;
}

.sitemapsingel ul li {
    flex-grow: 0;
    flex-basis: 33%;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 1 CSS STYLING HERE
===================================================================================
===================================================================================
*/

/*
==================================================================
        BANNERAREA CSS STYLING HERE
==================================================================
*/

.landingpagebanner {
    background: url("../img/banner-rachel.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 150px 0px;
    position: relative;
}





.lpbannerrighttdetails h1 {
    color: #fff;
}

.bannerbelowtext {
    background: #6A1E55;
    padding: 20px 0px;
}

.benarbelowtextinner {
    text-align: center;
}

.benarbelowtextinner h3 {
    color: #fff;
    font-weight: 300;
}

.nocreditcard a {
    display: inline-block;
    border: none;
    padding: 10px 18px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    letter-spacing: 1px;
    background: #6A1E55;
}

.nocreditcard a:hover {
    background: #7B1C60;
}

.nocreditcard span {
    display: block;
    text-transform: capitalize;
    color: #fff;
    padding-top: 6px;
    padding-left: 6%;
    font-size: 16px;
}

.testiandingtitle h2 {
    color: #fff;
}

.lpcompnaytitle h1,
.lpcompnaytitle h2 {
    text-transform: inherit;
    font-size: 48px;
}

.landingpageteamarea {
    padding-top: 50px;
}

.lponebannerleftimage {
    text-align: center;
}

/*
==================================================================
        HOW RECRUIT CSS STYLING HERE
==================================================================
*/

.howrecruitarea {
    padding-bottom: 0px;
}

.howrecruittext {
    margin-bottom: 50px;
}

.howrecruittext h2 {
    color: #333;
    font-size: 30px;
}

.howrecruitareainner {
    padding: 30px 0px;
}

.singlehowrecruit {
    display: flex;
    margin-bottom: 30px;
}

.stepnumberleft {
    margin-right: 20px;
}

.stepnumberleft span {
    background: #6A1E55;
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 5px;
}



.steptextdetails h5 {
    margin-top: 0px;
}

.steptextdetails p {
    margin: 0px;
}

.stepsguranteebutton {
    text-align: center;
}

.stepsguranteebutton p {
    text-align: center;
    color: #666;
}

.stepsguranteebutton a {
    text-align: center;
    display: inline-block;
    background: #6A1E55;
    color: #fff;
    padding: 15px 40px;
    font-weight: 700;
    margin-top: 15px;
}

.stepsguranteebutton a:hover {
    background: #7B1C60;
}



.postajobbetext span {
    display: inline-block;
    text-transform: capitalize;
    color: #777;
    font-size: 16px;
    padding-top: 10px;
}

/*
==================================================================
        MONEY GUARANTEE, EMAIL FORM CSS STYLING HERE
==================================================================
*/

.guaranteeemailformarea {
    background: #fff;
}



.moneyguarantee img {
    margin: 0px auto;
    display: block;
    width: 50%;
}

.guaranteeform {
    width: 70%;
}

.guaranteeform h2 {
    margin-bottom: 20px;
}

.guaranteeform input {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.guaranteeform input[type="email"] {
    border: 1px solid #7B1C60;
    padding: 10px;
    background: #fff;
}

.guaranteeform input[type="submit"] {
    cursor: pointer;
    color: #fff;
    background: #7B1C60;
    border: none;
    /* width: 50%; */
}

.guaranteeform input[type="submit"]:hover {
    background: #b54d29;
}

/*
==================================================================
        TESTIMONIALS CSS STYLING HERE
==================================================================
*/

.testimonialsarea {
    background: #6A1E55;
}

.alltestislides {
    margin-top: 50px;
}



.allTestimonialsinner h2 {
    text-align: center;
    color: #fff;
}

.testimonilcaption {
    text-align: center;
}

.testimonilcaption img {
    width: 100px;
    height: 100%;
    border-radius: 100%;
    margin: 0px auto 15px;
    text-align: center;
}

.testimonilcaption p {
    color: #fff;
    width: 60%;
    text-align: center;
    margin: 0px auto;
}

.testimonilcaption h6 {
    color: #fff;
    text-transform: inherit;
}

.testimonilcaption h6 small {
    font-size: 12px;
    color: #222;
}

/*
==================================================================
        PROJECT AREA CSS STYLING HERE
==================================================================
*/



.projecttitlearea {
    text-align: center;
    margin-bottom: 20px;
}



.projecttitlearea p {
    margin: 0px;
}



.singleproject h6 a {
    color: #7B1C60;
}

.singleproject h6 a:hover {
    color: #7B1C60;
    text-decoration: underline;
}

.singleproject span {
    display: block;
    color: #7B1C60;
}

/*
==================================================================
        OUR PARTNERS CSS STYLING HERE
==================================================================
*/

.ourclientsarea {
    background: #fff;
    padding: 50px 0px;
}



.ourclientlistsare h2 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 25px;
}

.ourclientlistsare ul {
    text-align: center;
}

.ourclientlistsare ul li {
    display: inline;
    margin: 0px 10px;
}

.ourclientlistsare ul li a {
    display: inline-block;
}

.ourclientlistsare ul li img {
    display: inline;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 2 CSS STYLING HERE
===================================================================================
===================================================================================
*/

/*
==================================================================
        BANNERAREA CSS STYLING HERE
==================================================================
*/

.switcherbuttonarea {
    padding: 50px 0px;
    background: #1d9a65;
}



.switchbuttontitle h1 {
    text-align: center;
    color: #fff;
}

.switcherbuttoninner {
    text-align: center;
    border: 1px solid #e3e3e3;
    padding: 6px 0px;
    width: 260px;
    margin: 0px auto;
    border-radius: 50px;
    background: #fff;
}

.switcherbuttoninner button {
    border: none;
    padding: 8px 15px;
    text-align: center;
    margin-right: 0px;
    text-transform: inherit;
    cursor: pointer;
    border-radius: 20px;
    background: #f5f5f5;
    outline: none;
}

.switcherbuttoninner button:hover,
.switcherbuttoninner button:focus {
    outline: none;
    background: #7B1C60;
    color: #fff;
}

.currentitem {
    background: #7B1C60 !important;
    color: #fff !important;
}

.freelancerarea,
.howrecruitareatwo {
    display: none;
}

/*
==================================================================
        WANT TO WORK SECTION
==================================================================
*/

.kindofworkleftside {
    padding-top: 50px;
}

.kindofworkleftside h2 {
    margin-top: 0px;
}

.kindofworkleftside p {
    margin: 20px 0px;
    line-height: 22px;
}

.kindofworkleftside h2 {
    text-align: left;
}



.kindofworkleftside ul li {
    list-style: disc;
    margin: 5px 0px 10px;
}

.howitworktesarea a,
.kindofworkleftside a {
    background: #6A1E55;
    color: #fff;
    text-align: center;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 3px;
}

.kindofworkleftside a:hover {
    background: #e17b06;
    color: #fff;
}



.kindofbelowtitle h2 {
    text-align: center;
    color: #;
}

.singlekindsofwork {
    text-align: center;
    height: 100%;
}



.singlekindsofwork figure img {
    margin: 0px auto 10px;
}



.howdoesitworkarea {
    background: #141e30;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243b55, #141e30);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243b55, #141e30);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    padding: 50px 0px;
    margin-top: 80px;
}





.howitworktesarea h2 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left;
}

.howitworktesarea a {
    background: #6A1E55;
    color: #fff;
    color: #fff;
}

.howitworktesarea a:hover {
    background: #e17b06;
}

.singlehowitwork {
    color: #fff;
    margin-bottom: 30px;
}

.singlehowitwork h6 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
}

.singlehowitwork p {
    padding-left: 20px;
    line-height: 22px;
    color: #fff;
}

.singlehowitwork ul {
    list-style: disc;
    padding-left: 20px;
}

.singlehowitwork ul li {
    margin: 5px 0px;
    list-style: disc;
}

.postajobbigbuttonarea {
    background: #141e30;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243b55, #141e30);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243b55, #141e30);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.postajobtitle {
    text-align: center;
}

.postajobtitle h2 {
    color: #fff;
    margin-top: 0px;
}

.postajobtitle p {
    color: #fff;
}

.postajobtitle a {
    background: #6A1E55;
    color: #fff;
    padding: 15px 40px;
    display: inline-block;
    margin-top: 30px;
    border-radius: 3px;
}

.postajobtitle a:hover {
    background: #e17b06;
    color: #fff;
}

/*
==================================================================
        PROJECT AREA CSS STYLING HERE
==================================================================
*/



.projecttitlearea {
    text-align: center;
    margin-bottom: 20px;
}

.projecttitlearea h2 {
    margin-top: 0px;
}

.projecttitlearea p {
    margin: 0px;
}

.singleproject {
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
    height: 100%;
}

.singleproject img {
    display: block;
    width: 100%;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.singleproject:hover.singleproject img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



.singleproject h6 a {
    color: #7B1C60;
}

.singleproject h6 a:hover {
    text-decoration: underline;
}

.singleproject span {
    display: block;
    color: #222;
}

.projectbudget {
    text-align: left;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.projectbudget button {
    margin: 0px;
    font-weight: 600;
    color: #777;
    border: none;
    padding: 10px 0px 0px;
    background: #fff;
    display: block;
    width: 100%;
    cursor: pointer;
    border: none;
    text-align: left;
}

.singleprodetails {
    padding: 15px 10px;
}

.browseformorepor {
    text-align: center;
    margin-top: 40px;
    /* margin-bottom: 50px; */
}

.browseformorepor a {
    background: #6A1E55;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 15px 30px;
    display: inline-block;
}

.browseformorepor a:hover {
    background: #e17b06;
}

.singletestimonial {
    padding: 10px;
}

/*
====================================
    additional help area
====================================
*/

.additionalhelparea {
    background: #fff;
}

.additionalhelp {
    text-align: center;
}



.additionalhelp span {
    display: block;
    margin-bottom: 15px;
}

.additionalhelp ul {
    margin-top: 30px;
}

.additionalhelp ul li {
    margin-bottom: 5px;
    display: inline;
}

.additionalhelp ul li a {
    display: inline-block;
    color: #7B1C60;
    text-decoration: underline;
    background: #333;
    padding: 15px 10px;
    color: #fff;
    margin: 0px 5px;
    text-decoration: none;
    border-radius: 3px;
}

.additionalhelp ul li a:hover {
    background: #2a2626;
    text-decoration: underline;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 3 CSS STYLING HERE
===================================================================================
===================================================================================
*/

/*
==================================================================
        BANNER CSS STYLING HERE
==================================================================
*/

.lpbduserthreestopbar {
    background: #6A1E55;
    width: 100%;
    padding: 100px 0px;
}



.sliderleftiside h2 {
    color: #fff;
    text-align: left;
}

.sliderleftiside p {
    color: #fff;
    font-size: 14px;
    text-align: left;
    width: 70%;
}

.sliderrightside {
    padding-top: 20px;
    text-align: left;
}

.sliderrightside a.wantohire {
    display: inline-block;
    border: 2px solid transparent;
    color: #fff;
    font-size: 18px;
    margin-right: 6px;
    background: #6A1E55;
}

.sliderrightside a,
.sliderrightside a {
    padding: 14px 18px;
}

.sliderrightside a.wantowork {
    display: inline-block;
    border: 2px solid #6A1E55;
    color: #fff;
    font-size: 14px;
    margin-right: 6px;
    background: none;
}

.sliderrightside a.wantohire:hover {
    border-color: #6A1E55;
    background: transparent;
    color: #fff;
}

.sliderrightside a.wantowork:hover {
    border-color: #fff;
    background: #fff;
    color: #6A1E55;
}



.thirdlandigpform h2 {
    color: #fff;
    margin-top: 0px;
    text-align: left;
}



.thirdlandigpform form input {
    height: 40px;
    margin-bottom: 10px;
    display: block;
    border: none;
    width: 100%;
    padding: 10px;
}

.thirdlandigpform form input[type="email"] {
    border: 1px solid #7B1C60;
}

.thirdlandigpform form input[type="submit"] {
    background: #7B1C60;
    cursor: pointer;
    color: #fff;
}

.thirdlandigpform form input[type="submit"]:hover {
    background: #b54d29;
    cursor: pointer;
    color: #fff;
}

.thirdlandigpform form span {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 1 4px;
}

.thirdlandigpform iframe {
    width: 100%;
    height: 250px;
}

.postajobbetexttwo {
    width: 250px;
    text-align: center;
}

.postajobbetexthree {
    width: 250px;
    text-align: center;
}

.postajobbetexthree span {
    color: #ddd;
}

.postajobbetextlpthr span {
    color: #fff;
}

.thirdlandigpform iframe {
    border: none;
}

.lpbduserthreestopbar .sliderleftiside {
    padding-top: 50px;
}

.lpfivevideotop iframe {
    box-sizing: border-box;
    background: url("../img/laptop-screen.png") center center no-repeat;
    background-size: contain;
    padding: 4.9% 15.5% 7.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
==================================================================
         NEED WORK CSS STYLING HERE
==================================================================
*/





.needtowrkrightside h2,
.needtowrkleftside h2 {
    text-align: left;
}



.needtowrkrightside ul {
    padding-left: 15px;
}

.needtowrkrightside ul li {
    margin-bottom: 8px;
    list-style: disc;
}

.crowdprojectsarea {
    text-align: center;
    background: #fff;
}



.singleprojectcrowd {
    position: relative;
    padding: 5px;
    box-shadow: 0px 3px 4px -2px #ddd;
    transform: translateY();
    transition: all 0.5s ease-in-out;
}

.singleprojectcrowd a {
    display: inline-block;
    border: none;
    width: 100%;
}

.singleprojectcrowd a img {
    width: 100%;
}

.overlayinfo {
    background: rgba(32, 178, 81, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    display: none;
}

.overlayinfo h5 {
    color: #fff;
}

.overlayinfo span {
    display: block;
    color: #fff;
}

.overlayinfo button {
    display: inline-block;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
    background: #6A1E55;
    border: none;
    border-radius: 5px;
}

.overlayinfo button:hover {
    background: #7B1C60;
    color: #fff;
}

.overlayinner {
    position: absolute;
    width: 100%;
    top: 20%;
    z-index: 20;
}

.singleprojectcrowd:hover .overlayinfo {
    display: block;
    transform: translateY();
    transition: all 0.5s ease-in-out;
}

.paddinglesslp3 {
    padding: 0px;
}

.getprojectarea {
    text-align: center;
}



.singlegetproject {
    text-align: center;
}

.singlegetproject a.iconclass {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
}

.singlegetproject a i {
    font-size: 50px;
    color: #222;
}



.singlegetproject h3 a {
    display: inline-block;
    color: #7B1C60;
}

.singlegetproject span {
    display: block;
}

.singlegetproject span a {
    display: inline-block;
    color: #222;
}

.singlegetproject:hover .iconclass {
    border: 1px solid #7B1C60;
}

.browsetopcatarea {
    text-align: center;
    background: #6A1E55;
}



.browestitle h2 {
    color: #fff;
    margin-top: 0px;
}



.singlecqatinfo ul {
    text-align: left;
}

.singlecqatinfo ul li {
    display: block;
    margin-bottom: 5px;
}

.singlecqatinfo ul li a {
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
}

.singlecqatinfo ul li i {
    color: #fff;
    margin-right: 5px;
}

.singlecqatinfo ul li a:hover {
    text-decoration: underline;
}

.singleprojectlp3 .singleprodetails {
    text-align: left;
}

.singleprojectlp3 {
    height: 100%;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 4 CSS STYLING HERE
===================================================================================
===================================================================================
*/



#playbtnlpfor .modal-dialog {
    max-width: 60%;
}

#playbtnlpfor .modal-title {
    margin-top: 0px;
    font-size: 22px;
    color: #7B1C60;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 5 CSS STYLING HERE
===================================================================================
===================================================================================
*/

.lpcomfivebanerare {
    background: url("../img/imgpsh_fullsize.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    padding: 60px 0px;
    position: relative;
}

.lpcomfivoverlay {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.lpcomfiveinnerarea {
    text-align: center;
}

.lpcomfiveinnerarea a img {
    margin: 0px auto;
    text-align: center;
    width: 30%;
}

.lpcomfiveinnerarea h1 {
    color: #fff;
    font-size: 42px;
    color: #fff;
    margin: 50px 0px;
    font-weight: 700;
    padding: 0 10%;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.lpcomfiveinnerarea h2 {
    color: #fff;
    margin-bottom: 18px;
    padding: 0 18%;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
    font-size: 16px;
    width: 80%;
    margin: 20px auto;
}

.lpcomfiveinnerarea p.lead {
    color: #7B1C60;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
    font-size: 18px;
    font-weight: 600;
}

.countdowntimer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    margin: 50px auto;
}

.countdowntimer h2 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    border-right: 1px dashed #ddd;
}

.countdowntimer h2:last-child {
    border-right: 0px;
}

.countdowntimer h2 span {
    font-size: 11px;
    color: #ddd;
    display: block;
}



.emailsubscriberomj form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.emailsubscriberomj form input[type="email"] {
    font-size: 15px;
    height: 54px;
    line-height: 30px;
    padding: 12px 15px;
    border-radius: 3px 0 0 3px;
    background: #727272;
    background: rgba(255, 255, 255, 0.2);
    width: 30%;
    border: none;
    color: #ddd;
}

.emailsubscriberomj form input[type="submit"] {
    color: #fff;
    background: #7B1C60;
    height: 54px;
    border-radius: 0px 3px 3px 0px;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
}



.lpfivecountdownsocial ul {
    text-align: center;
    padding: 30px 0px;
}

.lpfivecountdownsocial ul li {
    display: inline;
    margin: 0px 10px;
}

.lpfivecountdownsocial ul li a {
    display: inline-block;
    color: #fff;
    font-size: 22px;
}



.lpfivecountdownsocial ul li a:hover {
    color: #7B1C60;
}

.lpfiveaboutusection {
    padding: 50px 0px;
    background: #fff;
}

.aboutuslpfive {
    text-align: center;
    margin-bottom: 30px;
}

.aboutuslpfive h2 {
    font-size: 32px;
    color: #7B1C60;
    font-weight: 700;
}



.aboutuslpfivemore {
    text-align: left;
}

.aboutuslpfivemore h4 {
    text-transform: inherit;
}







.aboutuslpfivelist ul li {
    display: block;
    margin-bottom: 5px;
}

.aboutuslpfivelist ul li i {
    font-size: 24px;
    margin-right: 10px;
    color: #7B1C60cc;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE 5 FOR COMPANY CSS STYLING HERE
===================================================================================
===================================================================================
*/

.lpbdcompanyfivearea {
    background: url("../img/bannerlpfive.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 200px;
    transform: scaleX(-1);
}

.lpfivebanervideo {
    text-align: left;
    transform: scaleX(-1);
    padding-top: 70px;
}

.lpbduserthreestopbar .sliderleftisidefivelp,
.sliderleftisidefivelp {
    transform: scaleX(-1);
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.lpfivebanervideo a i {
    font-size: 10rem;
    color: #fff;
}

.lpbdcompanyfivearea .sliderleftiside h2 {
    font-weight: 600;
}

.lpbdcompanyfivearea .sliderrightside a.wantowork,
.lpbdcompanyfivearea .sliderrightside a.wantohire {
    padding: 12px 40px;
    font-weight: 600;
}

.lpbdcompanyfivearea .sliderrightside a.wantowork {
    background: #fff;
    color: #6A1E55;
    border: 2px solid transparent;
}

.lpbdcompanyfivearea .sliderrightside a.wantowork:hover {
    border-color: #fff;
    color: #6A1E55;
    background: none;
}



.lpfivehowitwitltle h2 {
    text-transform: inherit !important;
}

.sliderrightside {
    padding-top: 20px;
}

.sliderrightside span {
    color: #fff;
    display: block;
    padding-top: 10px;
    width: 250px;
    text-align: center;
}

.postajobareainnerfivelp {
    background: none;
    border: none;
}

.postajobareainnerfivelp label,
.postajobareainnerfivelp span {
    color: #fff !important;
}

.postajobareainnerfivelp .input-group-append .input-group-text {
    color: #888 !important;
}

.postajobareainnerfivelp input[type="submit"] {
    background: #6A1E55 !important;
}

.postajobareainnerfivelp input[type="submit"]:hover {
    background: #6A1E55 !important;
    color: #fff !important;
}

.lpcomoneteamphoto img {
    margin: 0px auto;
    width: 100%;
}

/*
===================================================================================
===================================================================================
              LANDING PAGE FOR BD USERS CSS STYLING HERE
===================================================================================
===================================================================================
*/

.lpbduserheader {
    padding: 10px;
}

.lpbdusermainbg {
    background: url("../img/banner-bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 100px 0px;
    width: 100%;
    height: auto;
}

.lpbduesrleftside {
    text-align: left;
}

.sliderleftiside h2 span,
.lpbduesrleftside h2 span {
    color: #6A1E55;
    font-weight: 700;
    display: inline-block;
}

.lpbduesrleftside p {
    margin: 25px 0px;
    line-height: 24px;
}

.lpbduesrleftside a {
    color: #fff;
    text-align: center;
    background: #6A1E55;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 600;
}

.lpbduesrleftside a:hover {
    background: #7B1C60;
}

.bdlpmaintopright {
    text-align: center;
}



.videolistbelow ul {
    text-align: left;
    margin-top: 15px;
}

.videolistbelow ul li {
    display: block;
    text-transform: inherit;
    margin: 8px 0px;
    color: #777;
    font-weight: 400;
}

.videolistbelow ul li i {
    margin-right: 5px;
    color: #7B1C60;
}

.whyregisomjarea {
    background: #fff;
}

.lpbduserthreearea {
    background: #f1f1f1;
}

.bdlponehright {
    text-align: left;
    background: #eaebef;
    padding: 20px;
    position: relative;
    top: -80px;
    border: 2px solid #bfbfbf;
    /* padding: 5px; */
}

.bdlponehright h4 {
    color: #fff;
    text-transform: inherit;
    margin-top: 0px;
}

.bdlponehright h2 {
    color: #333;
}



.bdlponehright input {
    display: block;
    height: 40px;
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.bdlponehright input::placeholder {
    font-style: italic;
}

.bdlponehright input[type="submit"] {
    background: #6A1E55;
    cursor: pointer;
    color: #fff;
    border: none;
    padding: 10px 20px;
    width: 100%;
    line-height: 0px;
    border: 2px solid #ddd;
    height: 50px;
}

.bdlponehright input[type="submit"]:hover {
    background: #7B1C60;
    border-color: #fff;
}

.bdlponehright .allcattitle {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 15px;
}

.bdlponehright .allcattitle p {
    font-size: 14px;
    text-align: left;
}

.bdlponehright span {
    display: block;
    margin: 10px auto 0px;
    text-align: center;
    color: #333;
}

.needtowrkleftside .allcattitle span {
    color: #6A1E55;
    font-weight: 700;
    display: inline-block;
}

.needtowrkleftside .allcattitle h2,
.bdlponehright .allcattitle h2 {
    text-transform: inherit;
}

.bdlpstatistics {
    background: #7B1C60;
    padding: 100px 0px;
}

.bdlpstatistics .singlestatbdlp {
    text-align: center;
    border-right: 1px solid #fff;
    padding: 20px 10px;
}

.lpborderightless {
    border-right: none !important;
}

.singlestatbdlp span {
    display: block;
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
}

.singlestatbdlp p {
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    margin: 0px;
}

.lpbduesrleftside h2,
.lpbdtwolefttitle h2 {
    text-transform: inherit;
}

.bdlptwovidetitle h4 {
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}

.whclientsaylptwo {
    background: #fff;
}

.singletestimolptwo {
    text-align: center;
    background: #f1f1f1;
    padding: 20px;
    position: relative;
    z-index: 10;
    border: 1px solid #ddd;
}

.bdlpqoutesign i {
    background: #7B1C60;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
}

.singletestimolptwo figure img {
    margin: 0px auto 15px;
    height: 80px;
    width: 80px;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 40px;
}



.singletestimolptwo span {
    display: inline-block;
    color: #222;
}

.singletestimolptwo span small {
    color: #777;
}

.testibdlptitle {
    border-top: 1px solid #ddd;
}

.testibdlptitle h5 {
    margin-bottom: 5px;
}

.testibdlptitle ul {
    text-align: center;
}

.testibdlptitle ul li {
    display: inline-block;
    margin: 0px 0px;
}

.testibdlptitle ul li i {
    color: #dddd0c;
}

.arrowlpbdone img {
    vertical-align: baseline;
    position: absolute;
    bottom: -20%;
    left: -4%;
}

/*
================================
     LP BD USERS 2
================================
*/

.lpbdusermainbgtwo {
    padding: 100px 0px;
    background: url("../img/landingpageban.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: auto;
    position: relative;
}

.lpbdtwouoverlay {
    background: rgba(4, 99, 49, 0.92);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bdlptwovidetitle {
    text-align: left;
}

.bdlptwovidetitle h2 {
    color: #fff;
}

.lpbdtwolefttitle h2,
.lpbdtwolefttitle p,


.lptwobduserwomj {
    padding: 50px 0px;
}

.lpbdarrowtwo {
    text-align: center;
    position: absolute;
    text-align: center;
    margin: 0px auto;
    right: 0;
    left: 0;
}

.lpbdarrowtwo img {
    padding-top: 20px;
    height: 150px;
}

.registertitlp {
    margin-top: 0px;
    text-align: left;
}

.registertitlp h2 {
    color: #fff;
    font-size: 24px;
}



.lpbdtwotopleftarea p {
    color: #fff;
    line-height: 20px;
}



.lpbdtwotitle h2 {
    color: #fff;
}

.registertitlp h2 {
    text-transform: inherit;
}

.lpbdtwotopleftarea .videolistbelow ul {
    padding-top: 20px;
}

.lpbdtwotopleftarea .videolistbelow ul li i {
    color: #fff;
}

.lpbdtwotopleftarea .videolistbelow ul li {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 10px;
    border-bottom: 1px solid rgba(4, 138, 67, 0.9);
    padding-bottom: 10px;
}



.lptwobduserwomj .lpbduesrleftside p {
    color: #777;
}

.lptwobduserwomj .lpbduesrleftside h2 {
    color: #333;
}



.lpbdusertopcontact {
    line-height: 40px;
    text-align: right;
}



.lpbdusertopcontact ul li {
    display: inline-block;
    color: #333;
    font-weight: 600;
}

.lpbdusertopcontact ul li i {
    color: #7B1C60;
}

/*right side header */

.maincollpbduser {
    flex-direction: row-reverse;
}

.lptwobduserwomj {
    background: #f1f1f1;
}

/*
================================================
    LANDING PAGE 3 FOR BD USERS
=================================================
*/

.lpthresliderarea {
    background: url("../img/banner_large_top.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 100px 0px;
}

.lpthreecarousein .lpbduesrleftside {
    padding-top: 20px;
}

.carouselcaption {
    width: auto;
}

.carouselcaption i {
    font-size: 56px;
    color: #fff;
}

.lpthreecarousein {
    width: 80%;
    margin: 0px auto;
}

.arrowbdlpthree {
    position: absolute;
    top: -55%;
    left: -17%;
    z-index: 999;
}

.typed {
    color: #fafafa;
}

.lpbottomregisterform {
    background: #f1f1f1;
}

.lpregisforbottom {
    background: #99cccc;
}

/*
======================================
    LP BD USERS 4
======================================
*/

.bduserforform {
    background: #fff;
}

.bduserforform input {
    background: #eaebef;
}

/*
=========================================
    CSS FOR BD USERS 
=========================================
*/

.video_wrapper {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: relative;
    background-color: rgba(0, 0, 0, 0.3);
}

.video_wrapper_full {
    padding-top: 315px;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.lpformainvideobg {
    background: url("../img/lp-bduser4-banner.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
}

.lpforvideolay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.landnigpageforvideo button.lpforplaybutto {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 15em;
    width: 100%;
}

.landnigpageforvideo button.lpforplaybutto:hover {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
}

.landnigpageforvideo button.lpforplaybutto i {
    color: #fff;
    font-size: 100px;
}

/*
======================================
    LP BD USERS 5
======================================
*/

.lpbduserfivearea {
    border-top: 1px solid #f1f1f1;
    padding-bottom: 0px;
    background: #f8f8f8;
}

.lpfivetitle h2 {
    text-transform: inherit;
}

.carouselitemone {
    background: url("../img/banner-neil.jpg");
}

.carouselitemtwo {
    background: url("../img/banner-rachel.jpg");
}

.carouselitemthree {
    background: url("../img/banner-charlie.jpg");
}

.lpbduserfivearea .carousel-item {
    background-repeat: no-repeat;
    background-position: right top;
    height: 100%;
    width: 100%;
    background-size: 100%;
    padding: 100px 0px 100px 100px;
}



.carouseltext {
    width: 60%;
}

.carouseltext h2 {
    color: #fff;
    font-size: 28px;
}

.carouseltext h2 small {
    font-size: 14px;
    color: #fff;
}

.carouseltext p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.somevirtualemplyearea {
    padding-top: 30px;
}

.nameUsername {
    display: flex;
    align-items: center;
}

.nameUsername > input {
    margin-right: 10px;
}

.nameUsername > input#username {
    margin-right: 0px !important;
}

.lpcontactform {
    background: #f1f1f1;
}

.lpregisforbottom {
    background: #0d9191;
}



.lpregisforbottom .allcattitle h2 {
    color: #fff;
}

.lpregisforbottom .allcattitle p {
    color: #fff;
}

.lpregisforbottom span {
    color: #fff;
}

.lpthreebduserwomj {
    background: #fff;
    padding-bottom: 0px;
}

.lpbduseronearea {
    padding-bottom: 0px;
}

/*
====================================================
    BD USER LANDING PAGE 7
====================================================
*/

.lpbduserbanglabg {
    background: url("../img/banner-green-staff.jpg");
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.lpbduserbanglabg::after {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.lpbduserbanglabg .lpbduesrleftside {
    z-index: 999999;
    position: relative;
}

.lpbduserbanglabg .arrowlpbdone img {
    z-index: 9999;
}

.bdusersevlpbtmrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #7B1C60;
    margin-right: 0px;
}

.bdusersevlpbtmrow .allcattitle > h2 {
    line-height: 50px;
    color: #fff;
}

.bdusersevlpbtmrow .col-md-6:nth-child(2) {
    padding-right: 0px;
}



.registerfsevbangla form {
    width: 80%;
    margin: 0px auto;
}

.registerfsevbangla .allcattitle {
    width: 80%;
    margin: 0px auto 15px;
}

/*
====================================================
    LANDING PAGE FOR COMPANY 4
====================================================
*/

.lpcomfourtopbar {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    background: #fff;
}



.lpcomfourtoplist ul {
    text-align: right;
}

.lpcomfourtoplist ul li {
    display: inline;
    margin: 0px 10px;
}

.lpcomfourtoplist ul li a {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: #8a8e97;
    font-weight: 600;
}

.lpcomfourtoplist ul li a:hover {
    color: #41495b;
}

.lpcomheaderfour {
    padding: 10px 0px;
}

.lpcomheaderfour .maincollapseareatwo ul li {
    margin-right: 10px;
}

.lpcomheaderfour .maincollapseareatwo ul li a {
    color: #41495b;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 12px;
}

.lpcomheaderfour .mainavbararea ul li.currentgreenitem a {
    background: #41495b;
    color: #fff !important;
    border-radius: 3px;
}

.lpcomheaderfour .mainavbararea ul li.currentgreenitem a:hover {
    background: #282f3d;
}

.lpbannerfourarea {
    background: #fff;
    padding: 90px 0px 0px;
}



.lpbannerfourleftside h1 {
    color: #41495b;
    font-weight: 800;
    line-height: 1;
    font-size: 44px;
    text-transform: inherit;
}

.lpbannerfourleftside p {
    font-size: 22px;
    color: #41495b;
    width: 95%;
    margin-bottom: 40px;
    line-height: 27px;
    font-weight: 700;
}

.lpfourgetbutton {
    background: #6A1E55;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    padding: 15px 40px;
    font-size: 24px;
    border-bottom: 0;
    cursor: pointer;
    margin-bottom: 15px;
    width: 70%;
    text-align: center;
}

.lpfourgetbutton:hover {
    color: #fff;
    background: #c24b00;
}

.watchvideoparent {
    width: 70%;
    text-align: center;
    /* margin: 0px auto; */
}

.lpbannerfourleftside button {
    display: block;
    background: none;
    border: none;
    border-bottom: 1px dashed #7B1C60;
    cursor: pointer;
    padding-bottom: 10px;
    font-style: italic;
    color: #7B1C60;
    margin: 0px auto;
}

.marginbiglpfour {
    margin-top: 70px;
}

.lpbannerfourleftside button i {
    color: #fff;
    background: #7B1C60;
    border-radius: 50%;
    padding: 4px 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
}

.lpfourbanerrightimage {
    margin: 0px auto;
    text-align: center;
}

.omjconverstiontitle {
    text-align: center;
}

.omjconverstiontitle p {
    font-size: 24px;
    color: #41495b;
    margin: 0 auto 40px;
    line-height: 1.33;
    font-weight: 600;
}

.omjconverstiontitle p span {
    text-decoration: underline;
    color: #6A1E55;
    padding: 5px 8px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
}

.visitorcounterlist {
    margin-top: 40px;
}

.visitorcounterlist ul {
    text-align: center;
    margin-bottom: 20px;
}

.visitorcounterlist ul li {
    border: 1px solid #ddd;
    padding: 10px;
    display: inline-block;
    margin: 0px 3px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    color: #41495b;
}

.visitorcounterlist p {
    font-size: inherit;
    font-weight: 400;
    margin-bottom: 0px;
}

.howdoesomjworklpfo {
    background: #fff;
    text-align: center;
}

.howdoesomjworklpfo {
    text-align: center;
}

.howdoesworktitle {
    margin: 90px 0 100px;
}

.howdoesworktitle h1 {
    font-size: 36px;
    color: #41495b;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.howdoesworktitle p {
    color: #41495b;
    font-size: 22px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.4;
    font-weight: 600;
    max-width: 650px;
}



.howdoesworktitletwo h2 {
    font-size: 30px;
    color: #41495b;
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.5px;
    text-transform: inherit !important;
}

.howdoesworkimage {
    text-align: center;
    margin: 30px 0px;
}

.omjlpfourstory p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    max-width: 650px;
    margin: 0 auto 40px;
    text-align: left;
}

.lpfourgetbuttontwo {
    width: 30%;
}

.omjclientreveiwslp .howdoesworktitle h1 {
    font-size: 36px;
    max-width: 700px;
    margin: 0 auto 75px;
    font-weight: 800;
}

.singleomjlpclientreviews {
    margin: 60px auto 0;
    max-width: 700px;
    text-align: center;
}

.singleomjlpclientreviews h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 auto 20px;
    max-width: 700px;
    letter-spacing: -0.5px;
    color: #41495b;
}

.singleomjlpclientreviews p {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 auto 15px;
    max-width: 800px;
    color: #41495b;
    text-align: center;
}

.singleomjlpclientreviews p span {
    position: relative;
    padding: 0 6px;
    background-color: #fdfcca;
    font-weight: 600;
}

.singleomjlpclientreviews .cite {
    font-size: 16px;
    color: #8a8e97;
    font-style: italic;
}

.omjclientreveiwslp {
    margin: 0px 0px 60px;
}

.lpbdusersixbutton {
    text-align: center;
    margin-top: 50px;
}

.lpbdusersixbutton a {
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 20px 40px;
    background: #7B1C60;
    border-radius: 3px;
    font-size: 18px;
}



/****************************************
  BOTTOM TO TOP SCROLLING CSS 
*****************************************/

.scrollTop {
    position: fixed;
    right: 2%;
    bottom: 14%;
    background-color: #7B1C60;
    /* padding: 10px; */
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #2e2e2e;
}

.scrollTop a {
    font-size: 18px;
    color: #fff;
}

/*
===================================================================
            LIST GRID LAYOUT (BROWSE PROJECT PAGE)
===================================================================
*/

/* Create two equal columns that floats next to each other */

.columnsectionlistgrid {
    float: left;
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.gridlycolumnbox {
    display: block;
    padding: 20px;
    margin: 5px;
    width: 48% !important;
}



.gridlycolumnbox .recentsidebarjob {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.gridlycolumnbox .recentsidebarjob .singleRjpostarea {
    text-align: left;
}

.gridlycolumnbox .recentsidebarjob .singleRjpostarea ul {
    text-align: left;
}

.browsepromainfilter {
    justify-content: space-between;
}



/*
==============================
MY WORK FREELANCER PAGE
==============================
*/

.awardedFreelanceractive {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.awardedFreelanceractive:last-child {
    border-bottom: none;
}

.singleactiveFr {
    flex: 1;
    font-weight: 500;
}

.singleactiveFr a {
    color: #7B1C60;
    text-decoration: underline;
}

/*
====================================
    GOOGLE RECAPTHA
====================================
*/

.googlecaptha {
    margin: 10px auto 0px;
    width: 50%;
}

.googlecaptha iframe {
    width: 100% !important;
}

.googlecapthatwo {
    margin: 0px auto 15px;
    width: auto;
}

/*
==================================
        404 PAGE CSS STYLING
==================================
*/

.fourzerofourpagearea {
    text-align: center;
}



.forzeroforinner h2 {
    font-size: 132px;
    letter-spacing: 30px;
    color: #7B1C60;
    font-weight: 700;
}

.forzeroforinner h2 span {
    color: #333;
}

.forzeroforinner p {
    font-size: 18px;
    font-weight: 500;
}

.forzeroforinner h3 {
    font-size: 40px;
    text-transform: capitalize;
    color: #7B1C60;
    font-weight: 700;
}

.forzeroforinner ul {
    padding-top: 20px;
}

.forzeroforinner ul li {
    margin: 5px 0px;
}

.forzeroforinner ul li a {
    color: #7B1C60;
    text-decoration: underline;
    text-transform: capitalize;
}

.forzeroforinner ul li a:hover {
    color: #333;
}

/*
==============================
STAR ICON FREELANCER PAGE
==============================
*/
.star-icon {
    font-size: 24px;
    display: inline-block;
}

.star-icon:last-child {
    margin-right: 0;
}

.star-icon:before {
    content: "\2605";
}

.star-icon {
    color: #777;
}

.half:after {
    content: "\2605";
    color: gold;
    position: absolute;
    margin-left: -20px;
    width: 10px;
    overflow: hidden;
}

/*
==============================
END STAR ICON FREELANCER PAGE
==============================
*/

.skillsetinput {
    margin-bottom: 15px;
}

.gridclumnclass {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.gridlycolumnbox {
    display: inline-block;
    padding: 20px;
    margin: 0px 0px 17px;
    width: 100% !important;
}

.columnsectionlistgrid {
    float: none;
}

/*
==============================================
    DELIVER PAGE DESIGN
==============================================
*/



.deliverSection {
    text-align: right;
    margin-top: 20px;
}

.deliverSection button:focus,
.deliverSection button {
    background: #7B1C60;
    color: #fff;
    padding: 15px 30px;
    border: none;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
}

.deliverSectionSearbox {
    background: #f1f1f1;
    padding: 20px;
}

.deliverSectionSearbox textarea {
    margin: 10px 0px;
    border: 1px solid #7B1C60;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}

.deliverSectionSearbox input[type="file"]:focus,
.deliverSectionSearbox input[type="file"] {
    outline: none !important;
    box-shadow: 0px !important;
}

.emalldeliverbutton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emalldeliverbutton button:focus,
.emalldeliverbutton button {
    cursor: pointer;
    color: #fff;
    border: none;
    padding: 15px 20px;
    border-radius: 3px;
    text-transform: capitalize;
    outline: none;
    box-shadow: none;
}

/*
================================================
        PAYMENT METHOD FOR WITHDRAW
================================================
*/

.paymentOptionmethod {
    display: flex;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.singlePaymentmethod {
    margin-right: 15px;
}

.singlePaymentmethod button {
    cursor: pointer;
    border: none;
    background: #ddd;
    padding: 10px 15px;
}

.singlePaymentmethod button i {
    font-size: 7em;
    color: #333;
}

.singlePaymentmethod button i:hover {
    color: #7B1C60;
}



.bankDetailsform {
    background: #fff;
    padding: 20px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
}



.bankDetailsform form label {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
}

.bankDetailsform form input {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    font-weight: 300;
    background: #f7f7f7;
}

.bankDetailsform form input::placeholder {
    font-size: 14px;
    font-weight: 300;
}

.bankDetailsform form input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    cursor: pointer;
    border: none;
    margin-bottom: 0px;
}



.bankdetailsreview {
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.bankdetailsreview h4 {
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}



.bankdetailsreveiwinfo p strong {
    color: #333;
}

.bankDetailsformmodal {
    width: 100%;
}

.updatebuttondetail button {
    background: #6A1E55;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 30px;
    width: 100%;
    cursor: pointer;
}

.bankdetailsreveiwinfo .modal {
    top: 10% !important;
}

.bankdetailsreveiwinfo .modal-header {
    padding: 15px;
}

.bankdetailsreveiwinfo .modal-header h5 {
    margin-top: 0px;
}

.bankDetailsformmodal .submitbankdetails input {
    margin-bottom: 0px;
}

.singletouroption {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.singletouroption h4 {
    color: #333;
    text-transform: capitalize;
}



.singletouroption a {
    display: inline-block;
    text-transform: capitalize;
    background: #7B1C60;
    color: #fff;
    border-radius: 3px;
    padding: 10px 20px;
    border: 1px solid transparent;
}

.singletouroption a:hover {
    background: #fff;
    color: #7B1C60;
    border: 1px solid #7B1C60;
}

.singletouroptiontwo {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.singletouroptiontwo .singletourrightin a {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}

.singletouroptiontwo .singletourrightin img {
    width: 100%;
}

.singeltourinsidleft {
    width: 70%;
    padding-right: 50px;
}

.singletourrightin {
    width: 30%;
}

.singletourrightin iframe {
    width: 100%;
    height: 100%;
}

.a2a_default_style a {
    float: none !important;
    line-height: 16px;
    padding: 0 2px;
    color: #fff;
    padding: 10px 20px !important;
    border-radius: 3px;
    margin: 0px 5px;
}

.welcomepagefaq {
    background: #fff;
}

.skills_view {
    position: relative;
}

.skills_view .custom_tooltip {
    position: absolute;
    display: none;
    background: transparent;
    padding-top: 20px;
    top: 10px;
    z-index: 99;
}

.skills_view:hover .custom_tooltip {
    display: block;
    cursor: default;
}

.custom_tooltip:hover {
    display: block;
}

.custom_tooltip .custom_tooltip_wrapper {
    width: 100px;
    background: #ddd;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
}

.custom_tooltip_wrapper::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ddd;
    position: absolute;
    top: 16px;
    left: 9px;
}

.custom_tooltip_wrapper a {
    display: block !important;
    margin-top: 5px !important;
    color: #333 !important;
}

.custom_tooltip_wrapper a:hover {
    background: none !important;
    color: #7B1C60 !important;
}

/*
================================================================
    FREELANCER PROFILE VIEW 2
================================================================
*/

.freelancernewProfile {
    padding: 50px 0px 0px;
}

.freenewrowbg {
    background: #fff;
    padding: 0px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.freelancernewpropic {
    padding: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    margin: 0px auto 0px;
    text-align: center;
}

.freelancernewpropic a img {
    border: 2px solid #ddd;
    padding: 3px;
    margin-bottom: 20px;
}



.frpronameandbadge a,
.frpronameandbadge p {
    text-align: center;
    display: block;
    color: #7B1C60;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    font-style: italic;
}

.freeproimpinfo {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    margin: 15px 0px;
}

.freeproimpinfo ul {
    text-align: center;
}

.freeproimpinfo ul li {
    display: inline;
    margin: 0px 10px;
}

.freeproimpinfo ul li a {
    display: inline-block;
    font-size: 22px;
    color: #888;
}



.freeprofinfo {
    text-align: center;
}

.freeprofinfo p {
    margin-bottom: 8px;
    color: #333;
}

.freelancerInfoarea {
    padding: 20px 0px;
}

.freelancerInfoarea h2 {
    margin-top: 0px;
    font-weight: 600;
}

.freelancerInfoarea h4 {
    font-weight: 300;
}

.freelancerInfoarea h5 {
    color: #7B1C60;
}





.freelancerOverviewinfo li li {
    display: block;
    margin-bottom: 8px;
}

.freelancerhireme {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.freelancerhireme > span {
    display: block;
    text-align: left;
    font-size: 20px;
}

.freelancerhireme > span strong {
    color: #222;
    font-size: 28px;
}

.freelancerhireme button {
    background: #7B1C60;
    padding: 15px 30px;
    text-transform: capitalize;
    color: #fff;
    display: block;
    border: none;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    border-radius: 3px;
}

.freelancerreveiws {
    margin: 20px 0px;
}

.freelancerhireme {
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.freelancerhireme a.hiremebutton {
    background: #7B1C60;
    color: #fff;
    padding: 12px 20px;
    border-radius: 3px;
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
}

.freelancerreveiws ul {
    text-align: left;
    margin-bottom: 10px;
}

.freelancerreveiws ul li {
    display: inline-block;
}

.freelancerreveiws ul li i {
    color: #6A1E55;
}



.freejobsratings ul {
    text-align: left;
}

.freejobsratings ul li {
    display: block;
    margin: 15px 0px;
    text-transform: capitalize;
}

.freejobsratings ul li span {
    display: inline;
    margin-right: 10px;
    color: #7B1C60;
    font-size: 24px;
}

.paddinglessfrleft {
    padding-left: 0px;
}

.paddinglessfrright {
    padding-right: 0px;
}

.workhistorynfeedbackarea {
    padding: 50px 0px 50px;
    background: #f1f1f1;
}

.singlefeedistoryfeedback h5 {
    margin-top: 0px;
}

.singleFeedbackhistory {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.singlefeedistoryfeedback {
    width: 70%;
    border-right: 1px solid #ddd;
}





.singlefeekbudget p {
    color: #222;
    font-weight: 700;
}

.singlefeekbudget span {
    display: block;
    text-transform: capitalize;
}



.singleSkillTest {
    background: #f9f9f9;
    height: 100%;
    padding: 10px;
    border-left: 1px solid #ddd;
}

.singleSkillTest h4 {
    background: #f1f1f1;
    margin-top: 0px;
    padding: 15px;
    text-transform: capitalize;
    text-align: center;
    color: #7B1C60;
    font-weight: 600;
}



.testtablesfree table {
    border: 1px solid #ddd;
}



.testtablesfree table tr th {
    text-transform: capitalize;
    font-weight: 400;
    text-align: left;
    font-size: 12px;
}

.testtablesfree table tr td {
    text-transform: capitalize;
    border: 1px solid #ddd;
}

.testtablesfree table tr td span {
    background: #6A1E55;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: 400;
    margin-left: 10px;
}

.freelancerPortfolioarea {
    text-align: center;
}

.freelancerPortfolioarea a {
    margin-bottom: 4px;
    display: inline-block;
}

.freelancerPortfolioarea a img {
    width: 170px;
    height: 130px;
}

.portfoliosectionarea {
    background: #f1f1f1;
    padding: 0px 0px 50px;
}

.allportfoliosarea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
}

.singlePortfolioDefault {
    width: 200px;
    height: 160px;
}





.singlePortfolioDefault button {
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px;
    background: #fff;
    cursor: pointer;
    width: 200px;
    height: 160px;
}

.singlePortfolioDefault button i {
    color: #888;
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
}

.singlePortfolioDefault button span {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 22px;
    color: #888;
}

.singleportfoliosec {
    margin-right: 10px;
    margin-bottom: 20px;
}

.singleportfoliosec {
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 5px;
    border: 1px solid #b6b6b6;
    transition: all 0.5s;
}

.singleportfoliosec a,
.singleportfoliosec span {
    display: block;
    border: none;
}

.singleportfoliosec a img,
.singleportfoliosec span img {
    width: 250px;
    border-radius: 0px;
    height: 200px;
}

.singleportfoliosec button {
    /* display: inline-block; */
    text-transform: capitalize;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    /* position: absolute; */
    left: 0;
    bottom: 30px;
    text-align: left;
    width: 100%;
    height: auto;
    /* border-radius: 30px; */
    border: none;
    background: #fff;
    padding: 10px 10px 5px;
    font-weight: 600;
}

.singleportfoliosec button:hover {
    z-index: 9999;
}

.singleportfoliosec:hover {
    box-shadow: 0px 5px 9px -5px #6c6c6c;
    transition: all 0.5s;
}

.singleportfoliosec button:hover .freelancer-portfolio {
    z-index: 9999;
    position: relative;
    display: block;
}







.portfolioinformation form input {
    margin-bottom: 10px;
    border-color: #ddd;
}

.portfolioinformation form input::placeholder {
    font-size: 14px;
}

.portfolioinformation form .custom-file {
    margin-bottom: 10px !important;
    margin-top: 20px;
    text-align: left;
}

.portfolioinformation form .custom-file.customfilefirstchild {
    margin-bottom: 10px !important;
    margin-top: 0px;
}

.portfolioinformation form .custom-file-label::after {
    content: "Browse";
    background-color: #888;
    border-left: 1px solid #ddd;
    border-radius: 0px;
    color: #fff;
    border-color: #ddd !important;
}

.portfolioinformation form .custom-file-label {
    border: 1px solid #ddd;
}

.portfolioinformation form .inputsubmitport {
    text-align: center;
    margin-top: 15px;
}

.portfolioinformation form input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    text-align: center;
    margin: 20px auto 0px;
    border: none;
    padding: 15px 35px;
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    border: 1px solid transparent;
}

.newfieldadd {
    text-align: right;
    display: block;
}

.newfieldadd button {
    border: none;
    color: #fff;
    background: #6A1E55;
    text-align: center;
    text-transform: capitalize;
    padding: 10px;
    margin: 25px 0px 0px;
    cursor: pointer;
    border-radius: 5px;
}

#portfoliomodal .modal-content {
    height: 400px !important;
    overflow-y: auto !important;
}

#portfoliomodal .modal-title {
    margin: 0px;
}



.singleRjpostareatwo ul {
    text-align: right;
}

.singleRjpostareatwo ul li {
    line-height: 22px;
}

.singleRjpostareatwo ul li span {
    margin-right: 0px;
}

.singleRjpostareatwo ul li span.bidssize {
    color: #777;
    margin-bottom: 20px;
    display: block;
}

.singleRjpostareatwo .pricecategoryara {
    margin: 0px 0px 0px;
}

/*
======================================
    REFERRAL EARNINGS PAGE: ;
======================================
*/

.referelincome {
    text-align: center;
    margin-top: 30px;
}

.referelincome a {
    background: #7B1C60;
    color: #fff;
    display: block;
    padding: 20px;
    font-weight: 600;
    border-radius: 3px;
}

.referelincome a span {
    display: block;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 15px;
}





.totalreferalincom h2 {
    color: #333;
}

.totalreferalincom h2 span {
    color: #333;
    font-weight: 600;
    display: inline-block;
    font-size: 56px;
}



.referraltotaltablesarea h5 {
    text-transform: ;
}

.referraltotaltablesarea .table {
    background: #fff;
    border: 1px solid #ddd;
}



.testtablesfree table tr th,
.referraltotaltablesarea .table tr th {
    background: #7B1C60;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}

.referraltotaltablesarea .table tr td {
    border: 1px solid #ddd;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.testtablesfree table tr:nth-child(odd),
.referraltotaltablesarea .table tr:nth-child(odd) {
    background: #f9f9f9;
}

.testtablesfree table tr:nth-child(even),
.referraltotaltablesarea .table tr:nth-child(even) {
    background: #fefbf5;
}

.referraltotaltablesarea .table tr td:last-child {
    color: #7B1C60;
    font-size: 22px;
}

.skills_view {
    display: inline-block;
    text-transform: inherit;
    color: #777;
    border: 1px solid #ddd;
    padding: 3px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

/*help center video part*/

.helpcentervideosarea {
    background: #fff;
}

.helpcentermainrs {
    padding: 10px;
    background-color: #f9f9f9;
}

.helpcentermainrs h3 {
    margin-bottom: 20px;
    margin-top: 0px;
}

.single_videohelp {
    margin-bottom: 20px;
}

.single_videohelp:last-child {
    margin-bottom: 0px;
}

.single_videohelp span {
    display: block;
    margin: 10px 0px;
    color: #333;
    font-weight: 600;
    text-align: left;
}

.single_videohelp a {
    position: relative;
    display: block;
    border: 1px solid #777;
}

.single_videohelp a img {
    width: 100%;
}

.playbuttonhelp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    /* color: #fff; */
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.playbuttonhelp button {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 38%;
    width: 100%;
}

.playbuttonhelp button i {
    color: #fff;
    font-size: 40px;
}

.withdrawptitle {
    margin-bottom: 10px;
}

/*
===========================================================
        FEEDBACK AND RATINGS PAGE CSS STYLING
===========================================================
*/

.feedback_ratingsarea {
    background: #7B1C60;
    padding: 25px 0px;
}

.feedbackratitle {
    text-align: center;
}

.feedbackratitle h2 {
    margin: 0px;
    color: #fff;
    text-transform: inherit;
    font-size: 32px;
    font-weight: 600;
}

.feedbackratingstar {
    padding: 50px 0px;
    background: #f9f9f9;
}



.feedbackratitle h5 {
    margin-top: 0px;
}

.feedbackratingsdetail {
    background: #7B1C60;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 30px;
}

.singlestepsofeedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.feedbackText h6 {
    color: #fff;
}



.feedbackStars ul {
    text-align: center;
}

.feedbackStars ul li {
    display: inline-block;
    margin: 0px 2px;
    color: #f9f9f9;
    cursor: pointer;
    font-size: 18px;
}

.feedbackStars ul li.active,
.feedbackStars ul li:hover {
    color: #ffd908;
}



.submitfeedback textarea {
    margin: 15px auto;
    padding: 10px;
    background: #fff;
}

.submitfeedback textarea:focus {
    border-color: #7B1C60;
}

.submitfeedback input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    padding: 13px 50px;
    text-align: center;
    border: none;
    text-transform: capitalize;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    margin: 0px auto;
    font-size: 16px;
}

/*new ratings*/

.rating {
    display: inline-block;
    position: relative;
    font-size: 22px;
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

.rating label:last-child {
    position: static;
}

.rating label:nth-child(1) {
    z-index: 5;
}

.rating label:nth-child(2) {
    z-index: 4;
}

.rating label:nth-child(3) {
    z-index: 3;
}

.rating label:nth-child(4) {
    z-index: 2;
}

.rating label:nth-child(5) {
    z-index: 1;
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rating label .icon {
    float: left;
    color: transparent;
    margin: 0px 3px;
}

.rating label:last-child .icon {
    color: #fff;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
    color: #ffd908;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
    color: #fff;
    text-shadow: 0 0 5px #09f;
}

/*my skills*/



.mysillsarefreelancer a {
    background: #7B1C60 !important;
    color: #fff !important;
}

.mysillsarefreelancer a:hover {
    color: #7B1C60 !important;
    border-color: 1px solid #7B1C60 !important;
    background: #fff !important;
}

.mysillsarefreelancer a:focus {
    box-shadow: none !important;
    outline: none !important;
}

.mysillsarefreelancer span {
    background: #09a53e;
    color: #fff;
    padding: 8px 10px;
    display: block;
    font-size: 16px;
    border-radius: 3px;
}

.referralsocialink {
    margin-right: 20px;
}

.referelincomerefp {
    margin-top: 0px;
}

.referelincomerefp a {
    background: #fff;
    color: #7B1C60;
    border: 1px solid #ddd;
    font-size: 18px;
}

.referelincomerefp a:hover {
    background: #fff;
    border: 1px solid #7B1C60;
}

.referralnewpageparent {
    padding: 0px;
    margin-top: -15%;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 3px 4px #ddd;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.referralinfoinner {
    background: #fff;
    padding: 50px 20px;
    width: 75%;
}

.referalEarningsrp {
    background: #f1f1f1;
    padding: 10px 20px;
    border: 1px solid #ddd;
    height: auto;
    width: 25%;
    /* align-self: start; */
    /* justify-self: center; */
    /* justify-items: center; */
    /* align-content: center; */
    /* align-content: center; */
    /* flex-wrap: wrap; */
}

.referalEarningsrp .referelincome {
    text-align: center;
    margin-top: 50%;
    /* align-self: center; */
    /* display: flex; */
    /* align-items: center; */
}

.referalEarningsrp .referelincome a {
    background: #7B1C60;
    color: #fff;
    display: block;
    padding: 15px;
    font-weight: 600;
    border-radius: 3px;
}

.referalEarningsrp .referelincome a span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 6px;
}

.referalEarningsrp .referelincome a:hover {
    background: #fff;
    color: #20b2;
}

.referbutton {
    font-size: 16px;
    display: inline-block;
}

.somegap {
    margin-top: 16px;
}

.mybidsexpore {
    margin-bottom: 30px;
}

.mybidsexpore .myallopenprodetails {
    min-height: 180px;
}

.search_result a {
    color: #222;
    display: inline-block;
    margin: 5px;
}

.search_result a:hover {
    color: #7B1C60 !important;
    text-decoration: underline !important;
}

.examavailprogrebar .progress-bar {
    color: #fff !important;
}

/*
=============================================
    view proposlal pop up css
=============================================
*/

.conversationModal {
    padding: 20px;
}

.conversationModal p {
    font-size: 20px;
}

.conversationModal a {
    background: #7B1C60;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 3px;
}

.conversationModal a:nth-child(3) {
    background: #d9534f;
}

.conversationModal a:hover {
    color: #fff !important;
}

.conversationModal button {
    background: #333;
    color: #fff;
}

.conversationModal button:focus,
.conversationModal button:hover {
    background: #222 !important;
    color: #fff !important;
}



button.cancelbuttonorder {
    background: #dc3545;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
}

button.cancelbuttonorder:focus,
button.cancelbuttonorder:hover {
    background: #fff !important;
    border-color: #c21626;
    color: #c21626;
}

/* all lp video button*/

.lpbduseroneviban {
    position: relative;
    text-align: center;
    margin: 0px auto;
}

.lpbduservidemoerlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.lpbduseroneviban .lpforplaybutto {
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    z-index: 200;
    text-align: center;
    margin: 0px auto;
    background: none;
    border: none;
}

.lpbduseroneviban .lpforplaybutto i {
    color: #fff;
    font-size: 80px;
}



.lpbduseroneviban .lpforplaybutto:focus,
.lpbduseroneviban .lpforplaybutto:hover {
    border: none !important;
    box-shadow: none !important;
}

#lpbduserhomevimod .modal-dialog,
#lpbduserfivevimod .modal-dialog,
#lpbduthreeavimo .modal-dialog,
#lpbdutwovidemod .modal-dialog,
#lpbduvimodal .modal-dialog {
    max-width: 60%;
    margin: inherit auto;
}

#lpbduserhomevimod .modal-dialog h5,
#lpbduserfivevimod .modal-dialog h5,
#lpbduthreeavimo .modal-dialog h5,
#lpbdutwovidemod .modal-dialog h5,
#lpbduvimodal .modal-dialog h5 {
    margin: 0px;
}

#watchvideo button.close {
    border: none !important;
}

/*
===========================================
    SINGLE PROJECT DETAILS
===========================================
*/

.allCompletedProjects {
    text-align: left;
    margin-top: 25px;
    border-top: 1px solid #ddd;
    padding-top: 25px;
}

.singleCompletedpro {
    color: #888;
    margin-bottom: 10px;
}

.singleCompletedpro span {
    display: inline-block;
    text-align: right;
    float: right;
    font-weight: 700;
}

#monthly_chart {
    background: #43a263;
}

#week-shart {
    background: #43a263;
}

#yearly_chart {
    background: #43a263;
}





.sharingsuccessmessage a {
    display: inline-block;
    margin-top: 10px;
    border-radius: 3px;
    padding: 10px 40px;
}

.sharingconteiner {
    background: #fff;
    border: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 15px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    line-height: 22px;
}

.loginsignupcongrats {
    text-align: center;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #ddd inset;
}

.loginsignupcongrats .alert-success {
    margin-bottom: 0px;
}

.maincollapsearea .notificationfixedheiht ul li a {
    /* padding: 10px !important; */
    font-size: 14px !important;
    display: inline !important;
    color: #7B1C60 !important;
    margin-bottom: 0px;
    text-transform: lowercase !important;
}

.maincollapsearea .notificationfixedheiht ul li a:hover {
    color: #7B1C60 !important;
    background: none !important;
}

.maincollapsearea ul li.afloginnaven .viewallnotifi a.globalbutton {
    color: #fff !important;
    display: block;
}

.maincollapsearea ul li.afloginnaven .viewallnotifi a.globalbutton:hover {
    color: #7B1C60 !important;
}

.viewalladmsgareaboxes {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.viewalladmsgarea {
    text-align: left;
}

/*
.viewalladmsgarea .singleadminmessage {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
*/



.singleadminmessage p {
    font-size: 13px;
}

.singleadminmessage img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.admsgtitle {
    display: flex;
    justify-content: space-between;
}





.adusureadmsgtxt .admsgtitle h6 {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
}

.adusureadmsgtxt .admsgtitle span,
.adusureadmsgtxt p {
    font-weight: 400;
}



.adureadmsgtxt .admsgtitle h6,
.adureadmsgtxt .admsgtitle span,
.adureadmsgtxt p {
    font-weight: 400;
}

.adusureadmsgtxt .admsgtitle h6,
.adureadmsgtxt .admsgtitle h6 {
    margin-top: 0px;
}

.reportclasred:hover,
.reportclasred {
    color: red;
    margin: 0px 3px;
}

.attachment {
    margin: 10px 0px;
}

.attachment i {
    font-size: 18px;
    margin-right: 10px;
}

.freeremovebtn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

.freeremovebtn button.premovebtn {
    cursor: pointer !important;
    color: red;
    display: block;
    background: none !important;
    padding: 0px 10px 8px;
}

.singleportfoliosec:hover .freeremovebtn {
    display: block;
}

.orderconveruseradarea {
    background: #fff;
}

.sp_button {
    background: #7B1C60 !important;
    color: white;
    font-size: 14px;
    border-radius: 3px;
}

.sp_button:hover {
    color: #585757;
}

/*post a job - select skills css*/
.fstMultipleMode .fstControls {
    padding: 0px 0px 0px 10px !important;
}

.fstMultipleMode .fstControls input {
    margin-bottom: 0px !important;
}

.fstMultipleMode .fstControls .fstChoiceItem {
    margin: 5px !important;
}

/*list member message*/
.usermessagelist {
    display: inline-block;
    padding: 10px;
    text-transform: capitalize;
    color: #333;
}

.usermessagelist a {
    display: inline !important;
    text-transform: capitalize;
}

.maincollapsearea .notificationfixedheiht ul li.usermessagelist a:hover {
    background: none !important;
    text-decoration: underline !important;
    color: #7B1C60 !important;
}

.ordercanbutparent {
    text-align: right;
}

.orderdeliverpagepart {
    background: #6A1E55;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    border-radius: 3px;
}

.orderdeliverpagepart p {
    margin: 0px;
    color: #fff;
    font-weight: 600;
    text-transform: inherit;
    text-align: center;
}

.deliverdorderstext {
    background: #7B1C60;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 10px 0px;
    /* font-size: 16px; */
}

.deliverdorderstext h5 {
    color: #fff;
    margin: 0px;
    font-size: 14px;
    text-align: center;
}

.deliveryOrderarea h3 {
    margin-bottom: 0px;
}

.previewbutton {
    background-color: #6A1E55;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.modifybutton {
    background-color: #777;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.confirmbutton {
    border: none !important;
    background-color: #7B1C60;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.modifybutton:focus,
.modifybutton:hover {
    color: #777 !important;
    border-color: #777 !important;
    background-color: #fff !important;
}

.previewbutton:hover,
.previewbutton:focus {
    color: #6A1E55 !important;
    border-color: #6A1E55 !important;
    background-color: #fff !important;
}

.confirmbutton:hover,
.confirmbutton:focus {
    color: #7B1C60 !important;
    border-color: #7B1C60 !important;
    background-color: #fff !important;
}

.confirmoderbutton {
    text-align: center;
}

.confirmoderbutton a {
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 10px 60px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
}

.confirmoderbutton a.confiryesbtn {
    background-color: #7B1C60;
}

.confirmoderbutton a.confirmnobtn {
    background-color: #dc3545;
}

#confirmbutton .modal-header {
    text-align: center;
    justify-content: center;
}

#confirmbutton .modal-content {
    padding: 40px 0px;
}

.singlepropopup p {
    color: #414141;
    font-weight: 400;
    text-align: center;
}

.singlepropopup ul {
    width: 50%;
    text-align: center;
    margin: 10px auto 0px;
}



.singlepropopup ul li a {
    display: block;
    color: #414141;
    padding: 5px;
    background: #f1f1f1;
    font-weight: 400;
    margin-bottom: 5px;
    border-radius: 3px;
}

.modalsipopupfooter button {
    background: #414141 !important;
    color: #fff !important;
}

.notnewbarlistarea .notificationfixedheihtwoo {
    height: 300px;
    overflow-y: scroll;
}

.notnewbarlistarea .notificationfixedheihtwoo .viewallnotifi {
    bottom: auto !important;
}

.a-underline-black {
    color: black !important;
    text-decoration: underline !important;
}

.costdetail_area {
    border: 1px solid #ddd;
    background: #fff;
    margin: 0px;
    padding: 10px;
    box-shadow: 0px 0px 3px #c6c6c6;
}

/*
==============================================================================
    NEW INBOX MESSAGE DESIGN
==============================================================================
*/

.nweinboxarea {
    padding: 30px 0px;
}

.newinboxclientsideb {
    border-right: 0px solid #ddd;
    border-top: 1px solid #ddd;
}

.singllenecavbat {
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: block;
}

.singllenecavbat:hover {
    background: #d4f88d33;
}

.singllenecavbat img {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.singllenecavbat h5 {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.singllenecavbat h5 a {
    color: #414141;
}

.singllenecavbat h5 span {
    float: right;
    font-size: 10px;
    font-weight: 400;
}

.singllenecavbat p {
    font-size: 13px;
}



.allbubblemessbox {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    position: relative;
    transition: all 0.5s;
    border-bottom: 1px solid #ddd;
}

.sellersinglebubblemes {
    background: #f1f1f1;
    margin-left: 50px;
}

.buyersingbubbless {
    background: #d4f88d66;
    margin-right: 50px;
}

.sellersinglebubblemes::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #f1f1f1;
    border-right: 0;
    border-top: 0;
    margin-top: -10px;
    margin-right: -20px;
}

.buyersingbubbless::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #d4f88d66;
    border-left: 0;
    border-top: 0;
    margin-top: -10px;
    margin-left: -20px;
}

.allbubblemessbox img {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.allbubblemessbox h5 {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0px;
}

.allbubblemessbox h5 a {
    color: #414141;
}

.allbubblemessbox h5 span {
    float: right;
    font-weight: 300;
}

.buyerandsellerinfotop {
    padding-left: 15px;
    border-left: 1px solid #ddd;
}

.buyerandsellerinfotop h6 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0px;
}

.buyerandsellerinfotop p {
    margin-bottom: 0px;
    color: #777;
    font-size: 13px;
}

.sellersearchinbox {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sellersearchinbox form {
    display: flex;
    justify-content: center;
    align-content: center;
}

.sellersearchinbox form input {
    width: 100%;
    border: 1px solid #d4f88d;
    height: 40px;
    padding: 10px;
    text-transform: capitalize;
    border-radius: 0px;
    text-align: center;
    background: #d4f88d66;
}

.allclientsdetaisl {
    padding: 20px;
}

.allleftsideconversation {
    /* height: 600px;
    overflow-y: scroll; */
}

.allclientsdetaisl {
    /* border: 1px solid #ddd; */
    /* padding: 30px; */
    /* border-radius: 5px; */
    overflow-y: scroll;
    max-height: 280px;
    overflow-x: hidden;
}





.inboxformsendoption textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
    padding: 10px;
    border-top: 0px;
}

.inboxformsendoption input[type="submit"] {
    background: #7B1C60;
    color: #fff;
    border: none;
    height: 35px;
    text-transform: capitalize;
    font-weight: 600;
    width: 100px;
    cursor: pointer;
    border-radius: 3px;
}

.allbuyersellercahtnewbox {
    border: 1px solid #ddd;
    padding: 10px;
    max-height: 600px;
    background: #fff;
    border-bottom: 0px;
}

.inboxformsendoption {
    margin-top: 0px;
    border-top: 1px solid #ddd;
}

.attachfile label {
    cursor: pointer;
    /* Style as you please, it will become the visible UI component. */
}

.attachfile #upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.attachfilesenflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.reportspam {
    transform: translateX(100px);
    transition: all 0.5s;
    position: absolute;
    bottom: 5px;
    right: 10px;
    opacity: 0;
}

.reportspam p {
    margin: 0px;
}

.reportspam p a {
    display: inline-block;
    color: red;
    text-transform: capitalize;
}

.allbubblemessbox:hover .reportspam {
    transform: translateX(0px);
    transition: all 0.5s;
    opacity: 1;
}

.defaultinboxmessage {
    background: #fff;
    padding: 20px;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    padding-top: 100px;
    border: 1px solid #ddd;
}

.defaultinboxmessage i {
    font-size: 22px;
    color: #7B1C60;
    margin-bottom: 15px;
}

.postajobarealpcomfive {
    background: #20b37b;
}

/*
===============================================================
       NEW CHANGES ON HOMEPAGE (1/11/2019)
===============================================================
*/

.searchformbanner {
    margin-top: 40px;
}

.searchformbanner a {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    padding: 18px 30px;
    border-radius: 3px;
    margin: 0px 5px;
}

.searchformbanner .wanthireclass {
    background: #6A1E55;
}

.searchformbanner .wanthireclass:hover {
    background: #7B1C60;
}

.searchformbanner .wantworkclass {
    background: #7B1C60;
}

.searchformbanner .wantworkclass:hover {
    background: #6A1E55;
}

.postjobbutton {
    background: #6A1E55;
    color: #fff;
    border: 1px solid transparent;
}

.allcategorieslink a.postjobbutton:hover {
    background: none;
    border-color: #6A1E55;
    color: #6A1E55 !important;
}

.lptwotestimonarea .singleproject img {
    display: block;
    width: 70px;
    margin: 10px auto 5px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 3px;
}

.lptwotestimonarea .singleproject {
    text-align: center;
}

.subscribnewsModal {
    padding: 30px;
}

.subscribnewsModal .alert {
    background: #7B1C60;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px;
    padding: 15px;
}

.conversationcontainer {
    background: #fff;
    padding: 15px;
    border-radius: 3px;
}

/*
============================================================
    new notification css
============================================================
*/

.newnotificationid {
    overflow-x: hidden;
}

.newnotificationid ul {
    width: 300px;
    height: 300px;
    overflow-y: scroll;
    padding: 10px 0px;
}

.newnotificationid ul li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 10px;
    padding-bottom: 3px;
}

.newnotificationid ul li:last-child {
    border-bottom: none !important;
}

.newnotificationid ul li:hover {
    background: #f1f1f1;
}

.mainDropDownlist .newnotificationid ul li a {
    padding: 0px !important;
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.newnotificationid ul li span {
    display: block;
    text-align: right;
    padding-right: 5px;
    color: #777;
    font-size: 10px;
}

.mainDropDownlist .newnotificationid ul li a:hover {
    background: none !important;
    color: #7B1C60 !important;
    padding: 0px !important;
}

.mainDropDownlist .newnotificationid .viewallnotifi {
    margin-top: 0px;
    position: relative;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #ddd;
}

.mainDropDownlist .newnotificationid .viewallnotifi a {
    padding: 10px !important;
}

/*
========================================================
  PAYMENT OPTION CSS 
========================================================
*/

.buyerpaymentnewpage {
    padding: 50px 0px;
    background: #fff;
    border-top: 1px solid #f1f1f1;
}



.buyerpaymentoptio h5 {
    text-transform: uppercase;
    margin-top: 0px;
    letter-spacing: 0px;
}

.buyerpaymentoptio ul {
    margin: 20px 0px;
    text-align: center;
}



.buyerpaymentoptio ul li a {
    color: #777 !important;
    border-bottom: 2px solid #ddd;
    border-radius: 0px !important;
    padding: 10px 30px;
}

.buyerpaymentoptio ul li a img {
    margin: 0px auto 0px;
    display: block;
}

.buyerpaymentoptio ul li a.active {
    background: none !important;
    border-bottom: 2px solid #333;
    color: #333 !important;
    border-radius: 0px !important;
}

.buyerpaymentoptio ul li a span {
    display: block;
    text-transform: capitalize;
}

.paymentmethodawardinfo {
    padding-top: 10px;
}

.paymentmethodawardinfo h2 {
    text-transform: uppercase;
    color: #777;
    font-size: 22px;
    letter-spacing: 1px;
}



.paymentcancel {
    padding-top: 30px;
}

.paymentcancel button {
    cursor: pointer;
    font-weight: 600;
    padding: 12px 25px;
}

.paymentcancel .postjobbutton {
    margin-left: 15px;
    text-transform: capitalize;
}

.paymentcancel .postjobbutton:hover {
    color: #6A1E55 !important;
    border-color: #6A1E55;
}

.paymentmethaswside ul {
    /* margin-bottom: 0px!important; */
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}



.paymentmethaswside ul li a {
    color: #777;
}

.paymentmethaswside ul li a.active {
    background: none !important;
    font-weight: 600 !important;
    color: #7B1C60 !important;
    padding-left: 0px !important;
}



.sidebarpaymentaward h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.totalaward {
    padding: 5px 0px;
    margin: 15px 0px;
}

.totalaward p {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}

.totalaward p span {
    float: right;
    display: block;
}

.buyer_country p {
    text-align: center;
    display: block;
    color: #7B1C60;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
}

.dollardetailsempro {
    background: #a5d886;
}

.dollarrateinfoempro {
    padding: 20px;
}

.dollardetailsempro .pricefsize,
.dollardetailsempro i {
    color: #fff !important;
}

.dollardetailsempro .pricecategoryara {
    color: #fff !important;
    background: #92c871;
    text-align: center;
    padding: 3px;
    font-weight: 600;
}

.singleRjpostareatwo ul {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bidsperemproinfo {
    margin-right: 10px;
}

.bidsperemproinfo .bidssize {
    color: #fff !important;
    background: #81daf3;
    padding: 22px;
    font-weight: 600;
}

.bidsperemproinfo .bdstexts {
    background: #58bcd7;
    text-align: center;
    padding: 3px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

/*
==========================================================
        BUYER LANDING PAGE 7 
==========================================================
*/

.lpcompanyseven {
    background: url("../img/lp7-banner.jpg");
    padding: 50px 0px !important;
}

.landingpagesevenslide {
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    padding: 60px;
}

.landingpagesevenslide h2 {
    text-align: center;
    font-weight: 700;
}

.landingpagesevenslide p {
    text-align: center;
    margin: 15px auto;
    font-size: 16px;
    font-weight: 500;
}

.landingpagesevenslide .sliderrightside {
    text-align: center;
}



.landingpagesevenslide .sliderrightside span {
    text-align: center;
    width: 100%;
}

.postajoblpsevlists ul {
    margin-bottom: 20px;
}

.postajoblpsevlists ul li {
    list-style: none;
}

.postajoblpsevlists ul li i {
    font-style: 20px;
}

.postajoblpsevlists h2 i {
    color: #7B1C60;
}

.paddinglesstop {
    padding-top: 0px;
}

/*project bid number*/
span.projectbidlisting {
    background: #6A1E55;
    color: #fff;
    padding: 5px;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    margin-left: 10px;
}

/* COUPON CODE CSS */
.couponcode {
    background-color: #e46c0a;
    padding: 10px 0px;
}

.couponcodein {
    display: flex;
    align-items: center;
    justify-content: center;
}

.couponcodein img {
    width: 6%;
}

.coupontext {
    margin-left: 30px;
}

.coupontext h2 {
    color: #222;
    margin-bottom: 2px;
    font-weight: 600;
    margin-top: 0px;
    font-size: 20px;
}

.coupontext p {
    margin: 0px 0px 2px;
    color: #222;
}

.coupontext p strong {
    color: #fff;
}

/*REGISTERD FREELANCER*/

.registeredfreelancers {
    background: url("../../asset/img/registered-fr-bg.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 30px 0px;
    background-position: center center;
}

.registeredfree h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}

.registeredfree h2 div {
    display: block;
    text-align: center;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

.registeredfree h2 span {
    color: #333;
    font-weight: 600;
}