@font-face { font-family: 'sf_ui_textbold'; src: url('../fonts/SFUIText-Font/sfuitext-bold-webfont.woff2') format('woff2'), url('../fonts/SFUIText-Font/sfuitext-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'sf_ui_textlight'; src: url('../fonts/SFUIText-Font/sfuitext-light-webfont.woff2') format('woff2'), url('../fonts/SFUIText-Font/sfuitext-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'sf_ui_textmedium';src: url('../fonts/SFUIText-Font/sfuitext-medium-webfont.woff2') format('woff2'), url('../fonts/SFUIText-Font/sfuitext-medium-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family: 'sf_ui_textregular'; src: url('../fonts/SFUIText-Font/sfuitext-regular-webfont.woff2') format('woff2'), url('../fonts/SFUIText-Font/sfuitext-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'sf_ui_textsemibold'; src: url('../fonts/SFUIText-Font/sfuitext-semibold-webfont.woff2') format('woff2'), url('../fonts/SFUIText-Font/sfuitext-semibold-webfont.woff') format('woff'); font-weight: normal;  font-style: normal;}

@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../fonts/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {
  font-family: 'futura_maxi_cg_boldregular';
  src: url('../fonts/Futura Maxi CG Bold Regular/futura_maxi_cg_bold_regular-webfont.woff2') format('woff2'),
       url('../fonts/Futura Maxi CG Bold Regular/futura_maxi_cg_bold_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsbold';
  src: url('../fonts/Poppins/poppins-bold-webfont.woff2') format('woff2'),
       url('../fonts/Poppins/poppins-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'poppinsmedium';
  src: url('../fonts/Poppins/poppins-medium-webfont.woff2') format('woff2'),
       url('../fonts/Poppins/poppins-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'poppinsregular';
  src: url('../fonts/Poppins/poppins-regular-webfont.woff2') format('woff2'),
       url('../fonts/Poppins/poppins-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'poppinssemibold';
  src: url('../fonts/Poppins/poppins-semibold-webfont.woff2') format('woff2'),
       url('../fonts/Poppins/poppins-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'poppinsthin';
  src: url('../fonts/Poppins/poppins-thin-webfont.woff2') format('woff2'),
       url('../fonts/Poppins/poppins-thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


body{ margin:0px; height:0px; font-family: 'sf_ui_textregular';/* color: #fff; */ outline: none !important;height: 100%; background: url(../../images/main-bg.jpg) no-repeat;background-size: cover;}
body.navOpen{width: 100%; overflow: hidden; height: 100%; position: fixed; }
body.cke_editable {
  background: #fff !important;
}
*{outline: none !important; }

a ,h1 ,p, .hyphens{-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break:break-all; word-break: break-word;  word-wrap: break-word;}
.help-block{display: block; color: red !important; font-size: 12px; width: 100%; margin-bottom:0px; }
.has-error {margin-bottom: 0px !important;}
img{object-fit: cover;}

.custom-select
{
  height: auto !important;
  color: #999999 !important;
}
.custom-select option
{
  background: #1d2129;
  color: #ffffff !important;
}


.notif_div
{
    position: absolute;
    color: #fff;
    padding: 0px 7px;
    background: #000;
    border-radius: 50%;
    right: -10px;
    border: 1px solid #fff;
    top: -4px;
	display:none;
}

.sa-confirm-button-container .btn-primary.confirm{ background-color: rgb(208, 179, 109);
  border-color: rgb(208, 179, 109);}

/* ------------------- header --------------------- */
header{width: 100%;  z-index: 1;position: relative; background-color: #d0b36d;padding:9px 0px;}

.header-section{display: flex; width: 100%; align-items: center; height: 100%; justify-content: space-between; }
header .navbar-brand{display: flex;align-items: center; width:auto;margin: 0px auto;}  
header .navbar-brand img{max-width:55px; max-height:100%;width:100%;/* height:100%; */}

header .navbar{ height:auto; display: block;}


/* footer */
footer{position: relative; bottom: 0;  width: 100%; padding: 10px 0px;}
.copy-right-text{text-align: center;font-family: 'sf_ui_textlight'; color:#b3b3b3; font-size:14px;margin-bottom:0px;}
.copy-right-text a{color:#b3b3b3;}


/* index */

.home-section{/* height: calc(100vh - 53px); */width:100%;padding:40px 0px; }
.home-section .splash-section .left-section .heading{text-transform: uppercase;color:#f2f5fa;font-size:20px; font-family: 'sf_ui_textbold';margin-bottom:20px; }
.home-section .splash-section .left-section .description{font-size:16px; color:#b3b3b3;font-family: 'sf_ui_textlight'; margin-bottom:0px;word-break:break-word;-webkit-hyphens:inherit !important;hyphens:inherit;-ms-hyhpens:inherit;}
.home-section .splash-section .left-section .h-logo{max-width:400px ;width:100%;margin-bottom:30px;}
.home-section .splash-section .left-section .h-logo img{max-width:100px;max-height:100%; width: auto; height: auto;}

.home-section .right-section-view{background: url(../../images/phone-border.png)no-repeat;display: block; height:690px; background-size: 100% 100%; max-width:330px;padding: 55px 25px 35px;  width: 100%; margin-left: auto; display: flex; justify-content: center; align-items: center;}
.home-section .right-section-view .middle-section .m-logo{margin: 0px auto 50px; width:100%; max-width:120px;display: block;}
.home-section .right-section-view .middle-section .m-logo img{max-width:100%;max-height:100%; width: auto; height: auto;}
.home-section .right-section-view .middle-section{width:90%;}
.home-section .right-section-view .middle-section .login-btn{ border-radius: 10px;margin:20px auto; text-align: center; text-transform: uppercase;font-size:20px;display: block;  font-family: 'sf_ui_textbold';color:#f2f5fa; background-color:#b3b3b3 ;width:175px; height:50px;line-height:50px; padding:0px; border: 1px solid transparent;  }
.home-section .right-section-view .middle-section .login-btn.sign-bg{background-color:rgb(208, 179, 109);}
.home-section .right-section-view .middle-section .login-btn:hover{border:1px solid rgb(208, 179, 109); color:rgb(208, 179, 109); background: transparent;text-decoration: none;}
.home-section .right-section-view .middle-section .copy-text{text-align: center; font-size: 14px; color:#b3b3b3; font-family: 'sf_ui_textlight';display: block;  }
.btn:focus{box-shadow: none;}  

/* login */
.common-form .form-group:first-child{border-top:1px solid rgb(38, 42, 52);}
.common-form .form-group{width:100%;border-bottom:1px solid rgb(38, 42, 52);margin-bottom:0px;position: relative;}
.common-form .form-group .form-control{color:#fff; font-size:16px;font-family: 'sf_ui_textlight';padding:15px 30px 15px 0px; border:0px;border-radius:0px;background: transparent; }
.common-form .form-group .form-control:focus{box-shadow: none;color:#fff;}
.common-form .form-group .form-control::placeholder{color:#b3b3b3}
.common-form .form-group .cancel img{width:20px; height:20px;}
.common-form .form-group .cancel{right:6px;position: absolute;cursor: pointer; top: 50%; transform: translateY(-50%);}
.home-section .right-section-view .middle-section .title{text-align: center; color:#f2f5fa; font-size:22px;text-transform: uppercase; font-family: 'sf_ui_textbold';margin-bottom: 30px;}
.home-section .right-section-view .middle-section .title span{color:#d0b36d;}
.login-page .common-form .m-group{padding-bottom:30px;}

.login-page .copy-login{color:#fff;}
.login-page.home-section .right-section-view .middle-section .copy-text.text-left{font-size:13px;margin-bottom:15px;}
.login-page .m-logo{position: relative;}
.login-page .m-logo .add-plus{font-family: 'sf_ui_textbold';color:#fff;font-size:60px;  border: 2px solid rgb(208, 179, 109); border-radius: 50%; background-color: rgba(208, 179, 109, 0.388); width:85px;  height:85px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex;align-items: center;justify-content: center; }
.login-page .m-logo .add-plus span{padding-bottom:15px; cursor: pointer; }

.signup-group{height:250px;overflow-y: scroll;margin-bottom:30px; scroll-behavior: smooth;}
.signup-group::-webkit-scrollbar{width: 3px; background-color: #000;}
.signup-group::-webkit-scrollbar-track { background-color: #000;}
.signup-group::-webkit-scrollbar-thumb { background-color: #d0b36d;}

/* account-setting */

.common-form1 .form-group{border-bottom:1px solid  #d0b36d;margin-bottom:0px;padding:10px !important;display: flex;}
.common-form1 .form-group label{font-size:16px; color:#d0b46d;font-family: 'sf_ui_textbold';margin-bottom:0px; width: 205px;}
.common-form1 .form-group .form-control{background: transparent; color:#fff; font-size:18px;border-radius:0; border:0px;padding:0px 10px;flex: 1;}
.common-form1 .form-group .form-control::placeholder{color:#b3b3b3;}
.common-form1 .form-group .form-control:focus{box-shadow: 0 0 3px 0px rgb(208, 179, 109,0.5)}
.common-form1 .form-group:first-child, .p-emails{border-top:1px solid  #d0b36d;}


.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px; padding-left: 2px; width: 100% !important;}
.checkbox {display: block; position: relative; padding-left:35px; font-weight: 400;cursor: pointer; font-family: 'sf_ui_textbold';text-transform: uppercase; font-size:18px; -webkit-user-select: none; color: #d0b46d; -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom:15px;}
.checkbox span{color:#fff;}
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.custom-checks .checkmark { height:28px; width:28px;border-radius:3px; border:2px solid rgb(208, 179, 109); background-color:  rgba(208, 179, 109, 0.388); top: 50%; transform: translateY(-50%); left: 0px;}
.checkmark { position: absolute; top: 0; left: 0; height: 28px; width: 28px;background-color:  rgba(208, 179, 109, 0.388);}
.custom-checks .checkmark::after {left: 8px;width: 7px;  height: 19px;}
.checkmark::after { display: none;}
.checkmark::after {content: "";position: absolute;left: 6px;top: 0px;width: 8px;height: 15px; border: solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* input:checked ~ .checkmark { background-color: #0ea0c7;} */
input:checked ~ .checkmark::after { display: block;}

.profile-page.home-section{height: auto;}
.profile-page .heading{font-size:30px; color:#fff;font-family: 'sf_ui_textbold';text-align: center; margin-bottom:30px;}
.profile-page .heading span{color:#d0b36d;}
.profile-page .title{font-size:18px; color:#fff;font-family: 'sf_ui_textbold'; text-transform: uppercase;margin-bottom:15px;}
.profile-page .title span{color:#d0b36d;}
.profile-page .add-more{ border:2px solid  rgb(208, 179, 109);display: flex;justify-content: center;align-items: center;font-size:121px; color:#fff;font-family: 'sf_ui_textbold'; border-radius: 50%; background-color: rgba(208, 179, 109, 0.388);margin:0px auto 50px; width: 156px; height: 156px;  }
.profile-page .add-more span{margin-bottom:25px;}
.profile-page .add-more:hover{text-decoration: none;background: #d0b36d;}
.profile-page .p-paddings{padding-bottom:40px;}

.text-buttons {display: flex;justify-content: center;}
.text-buttons .login-btn{border:1px solid transparent;margin:5px 10px; font-family: 'sf_ui_textbold'; font-size:18px; border-radius: 10px; background-color: rgb(208, 179, 109); width: 134px;height: 54px;padding:0px;line-height:54px;text-align: center;color:#fff;text-transform: uppercase;   }
.text-buttons .login-btn:hover{border: 1px solid #d0b36d; background: transparent;color:#d0b36d;text-decoration: none;}
.text-buttons .sign-bg{background: #b3b3b3;}

/* after-login-header */
.header-one{padding:7px 0px !important;}
header .main-header{display: flex;justify-content: space-between;}
header .main-header .navbar-brand {margin:0px; padding:12px;}
header .main-header .nav-icons{display: flex;justify-content: space-between; align-items: center;padding-left:50px; width:100%; flex:1;}

.icon-header{display: flex;list-style: none;padding:0px;margin:0px;}
.icon-header li .nav-icon{ border:1px solid  rgb(255, 255, 255);display: block; border-radius: 50%; width: 45px; height: 45px; margin:0px 20px; }
.icon-header li .nav-icon img{width:100%; height:100%; padding:10px;    object-fit: contain;}
.icon-header li .nav-icon:hover, .icon-header li .nav-icon.active{background: #000;}

.user .dropdown-toggle{cursor: pointer; color: #fff !important;padding:0px; font-size:20px; font-family: 'sf_ui_textlight'; display: flex;  align-items: center; }
.user .dropdown-toggle:hover{  color: rgb(226, 28, 43); }
.user_image {width:50px; height:50px; display: inline-block;margin-left: 8px; border-radius: 50%;border:2px solid #000; background-color: rgb(208, 179, 109); }
.user_image img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.dropdown-menu{background-color: #d0b36d;  right: 0; left: auto; border-radius: 0; position: absolute !important; }
.dropdown-menu .dropdown-item{color: #fff;  font-size: 14px; padding: 10px 20px;  }
.dropdown-item:focus, .dropdown-item:hover { color: #d0b36d; background-color:#fff;}
.dropdown-toggle::after {display: none;/*  display: inline-block; */ width: 8px;  height: 8px; content: "";  border: none; vertical-align:2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg);}

 /* applied job */

.view-job-page{padding:30px 0px; min-height: 80vh;}
.view-job-page .heading{font-size:30px; color:#fff;font-family: 'sf_ui_textbold';text-align: center; margin-bottom:30px;}
.view-job-page .heading span{color:#d0b36d;}
.view-job-page .job-box{border-top: 1px solid #d0b36d;padding:25px 0px;}
.view-job-page .job-box:last-child{border-bottom: 1px solid #d0b36d;}
.view-job-page .job-box .j-title{flex: 1;}
.view-job-page .job-box .job-title{display: flex; align-items: center;justify-content: space-between;margin-bottom:10px;}
.view-job-page .job-box .j-title .title{color:#d0b46d; font-size: 20px; font-family: 'sf_ui_textbold'; text-transform: uppercase;margin-bottom:5px;}
.view-job-page .job-box .j-title .p-price{color:#d0b46d; font-size:18px; font-family: 'sf_ui_textbold'; text-transform: uppercase;margin-bottom:0px;}
.p-proposal-box{display: flex;}
.p-proposal-box .pro-btns{border:1px solid transparent;margin:0px 10px; border-radius: 10px; background-color: rgb(208, 179, 109); height: 45px;line-height:42px;color:#fff; text-transform: uppercase; font-family: 'sf_ui_textbold';font-size:16px; padding:0px 15px;  }
.p-proposal-box .pro-btns:hover{border: 1px solid #d0b46d;color:#d0b46d; background: transparent;cursor: pointer;}
.p-proposal-box .applied-date{color:#d0b46d;margin-left:15px; font-size:18px;text-align: center; font-family: 'sf_ui_textbold'; text-transform: uppercase;margin-bottom:5px;}
.p-proposal-box .applied-date span{color:#b3b3b3; font-size: 12px; text-transform: none; font-family: 'sf_ui_textregular';display: block;}
.j-content{margin-bottom:25px;}
.j-content .j-heading{color:#d0b46d; font-size:18px; font-family: 'sf_ui_textbold';margin-bottom:10px;}
.j-content .j-listing{padding:0;margin:0;list-style: none;}
.j-content .j-listing li{position: relative;padding-left:15px;}
.j-content .j-listing li::before{content: "";position: absolute;left:0px;top:10px; background:#b3b3b3; border-radius:50%; width:5px;height:5px;}
.j-content .description{font-size:14px; color:#fff;margin-bottom:12px;letter-spacing: 0.2px;  line-height: 1.8;}

.modal .modal-dialog{max-width: 882px; }
.modal .modal-dialog .modal-content{border-radius: 30px; background-color: rgb(0, 0, 0,0.92);border:0px;  } 
.modal .modal-dialog .modal-header{border:0px; position: relative;justify-content: center;padding: 20px;}
.modal .modal-dialog .modal-header .modal-title span{color:#d0b46d;}
.modal .modal-dialog .modal-header .modal-title{color:#fff; font-size:35px; font-family: 'sf_ui_textbold';text-align: center;width:100%;}
.modal .modal-dialog .proposal-box .description{font-size: 16px; color:#fff; margin-bottom:40px;}
.modal .modal-dialog .proposal-box{padding:0px 30px 20px;}
.modal .modal-dialog .close{opacity:1; color:#d0b46d;font-size: 43px;text-shadow: none; padding: 6px;}

/* job-invitation */

.p-proposal-box .deny-bg{background: #b3b3b3;}
.proposal-box.common-form1 .form-group{padding:10px 0px 50px !important;}
.proposal-box.common-form1 .form-group .form-control{border:1px solid #d0b46d;resize: none; border-radius:10px;font-size:16px;padding:10px; color:#b3b3b3;  }
.proposal-box.common-form1 .form-group .form-control::placeholder{color:#b3b3b3; }

 
.proposal-box.common-form1 .form-group .form-control::-webkit-scrollbar{width: 4px; /* background-color: #F5F5F5; */}
/* .proposal-box.common-form1 .form-group .form-control::-webkit-scrollbar-track { background-color: #F5F5F5;} */
.proposal-box.common-form1 .form-group .form-control::-webkit-scrollbar-thumb { background-color: #d0b46d; border-radius: 8px;}

.emojionearea .emojionearea-editor::-webkit-scrollbar{width: 4px; /* background-color: #F5F5F5; */}
.emojionearea .emojionearea-editor::-webkit-scrollbar-thumb { background-color: #d0b46d; border-radius: 8px;}


.filter-search{border-right: 1px solid #d0b46d;max-width:275px; width:100%;margin-right:30px;}
.filter-search .search-filetr-data{display: flex;justify-content: space-between;padding:15px !important; align-items:center;}
.filter-search .search-filetr-data .f-heading{font-size: 12px; color:#d0b36d;text-transform: uppercase; font-family: 'sf_ui_textmedium';margin-bottom:0px; }
.filter-search .f-borders{border-bottom: 1px solid #d0b46d;padding: 8px 10px;}
.filter-search .f-contents  .checkbox{font-size: 12px; color: #b3b3b3;text-transform: none;margin-bottom:0px;}
.filter-search .f-contents .check-boxs{display: block;padding: 8px 0px;}
.filter-search .text-buttons{padding-top:30px;}
.filter-search .text-buttons .login-btn{ width: 88px; height: 32px;line-height:30px;font-size:14px;border-radius:4px;  }
  
.job-invitation-page{display: flex; min-height: 88vh;}
.job-invitation-page .view-job-page{max-width:990px;width:100%;}

/* communication */

.message-page {width: 100%; overflow: hidden; display: block; padding:50px 0px;}
.emojionearea .emojionearea-editor{max-width:100% !important ;}
.message-type-window .emojionearea.form-control{width: 82% !important;}
.chat_data{width:100%; border:2px solid  rgb(208, 179, 109); border-radius:25px; background-color: rgba(255, 255, 255, 0.141);  max-width:1250px;}
.chat-box {position: relative; width:100%; margin-bottom:5px; } 
.chat_data .user-section{border-radius:10px 10px 0px 0px;}
.chat_data .c-today{font-size: 18px;padding:10px; text-align: center;margin-bottom:0px;color:#b3b3b3;}
.chat_data .c-today span{color:#949494;}

.message-window {position: relative; list-style: none;overflow-y: scroll; height:780px;  margin: 0; padding: 30px 20px 0px; }
.message-window::-webkit-scrollbar{width: 4px; background-color: #000;}
.message-window::-webkit-scrollbar-track { background-color: #000;}
.message-window::-webkit-scrollbar-thumb { background-color: #d0b36d;}

.message-window .left-box,.message-window .right-box  {clear: both; overflow: hidden; margin-bottom:30px; transition: all 0.5s linear; display: flex;  }
.message-window .right-box { justify-content: flex-end;}

.message-window .left-box .text_wrapper { background-color:rgb(255, 255, 255);color:#666666; display: inline-block;  padding:15px; /* width:90%; */max-width: 346px; border-radius:10px;  position: relative;  }
.message-window .left-box .text_wrapper .text{color:#666666;}

.message-window .text{ font-size:14px;font-family: 'sf_ui_textlight'; padding-bottom:0px; color: #fff; overflow: hidden;}
.message-window .right-box  .text_wrapper { display: inline-block;/* width: 100%;   */ padding: 12px;  border-radius:10px; /* width: 92%; */max-width: 346px;  position: relative;  background-color: #d0b36d;  }
.message-window .right-box .date_day{color:#fff;}
.date_day{font-size:12px; color:#9a9a9a; margin-bottom:0px; text-align: right; text-transform: uppercase;}

.message-type-window{width: 100%; padding: 20px; overflow: hidden;}
.message-type-window .send_message {width:50px; height:50px; padding: 10px; display: inline-block;  border-radius: 50%; background-color:rgb(208, 179, 109); cursor: pointer;}
.message-type-window .send_message .icon{margin:5px;}
.message-type-window .send_message img{ width: 100%; height: 100%;}

.message-type-window form{width: 100%; display: flex; justify-content: space-between; align-items: center; }
.message-type-window .input-group { margin-right:10px; max-width:100%; align-items: center; flex-wrap: nowrap; border-radius: 10px; background-color: rgb(255, 255, 255); width: 100%; flex: 1; padding-right: 10px;}
.message-type-window .input-group-addon { padding:12px; border: none; background: none; width:50px; height:50px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.message-type-window .input-group-addon img{width:100%; height:100%; object-fit: cover;}
.message-type-window .input-group-addon .attach{transform: rotate(85deg);}
.message-type-window .form-control{border: none; box-shadow: none; height:69px; font-family: 'sf_ui_textlight'; font-size:16px; color: #babcbe; }
.message-type-window .input-group .form-control:first-child, .message-type-window .input-group-addon:first-child, .message-type-window .input-group-btn:first-child > .btn, .message-type-window .input-group-btn:first-child > .btn-group > .btn,  .message-type-window .input-group-btn:first-child > .dropdown-toggle, .message-type-window .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .message-type-window .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {  border-top-right-radius: 50%;border-bottom-right-radius: 50%;}
.message-type-window .form-control:focus {border: none; -webkit-box-shadow: none; box-shadow: none;}
.message-type-window .form-control::placeholder{ color: #babcbe; }

/* error-page */
.error_elemenet { width: 100%; height: 100vh;  display: flex; align-items: center; position: relative;}
.error_elemenet::before { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
 content: ""; position: fixed; top: 0%;  background-image: url(../../images/main-bg.jpg);  background-size: cover; left: 0; right: 0; bottom: 0;z-index: -1;background-position: center;}

.error_body {  display: flex;  align-items: center; justify-content: center; background: url(../../images/main-bg.jpg) no-repeat;background-size: cover; box-shadow: 0px 0px 6px rgba(0, 0, 0); width: 100%; height: 600px;  position: relative;}
.error_body .error-sec .heading {font-size: 250px;  font-family: 'sf_ui_textbold'; text-align: center; line-height: 0.8; color: #d0b36d;  margin-bottom: 0px;}
.error_body .error-sec .not-found-txt { font-size: 40px; text-align: center; margin-bottom: 50px; color:#fff;}
.error_body .error-sec .homelink { background: #d0b36d;border:1px solid transparent; color: #fff; text-transform: uppercase;  font-family: 'sf_ui_textbold';text-align: center; font-size: 18px; width: 200px; margin: 0px auto; display: block; -webkit-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s;}
.error_body .error-sec .homelink:hover { background-color:transparent; border-color: #d0b36d; color:#d0b36d;}

/* hired-jobs */
.hired-jobs-section .p-proposal-box .view-details-btn{background: #fff;color:#d0b36d;}
.hired-jobs-section .p-proposal-box .view-details-btn:hover{background: transparent;}

/* hired-details */
.communication-payments{display: flex;padding:30px 0px;}
.communication-payments .communication-box{max-width:870px; width: 100%; }
.communication-payments .communication-box .chat_data{max-width: 100%; background: transparent;}
.communication-payments .communication-box .message-window{ height:525px;}
.communication-payments .message-window .left-box .text_wrapper{background: #000;color:#fff;max-width: 488px; border: 1px solid #d0b36d;}
.communication-payments .message-window .left-box .text_wrapper .text{color:#fff;}
.communication-payments .message-type-window .input-group{margin-right:15px;}
.communication-payments .message-type-window .input-group .form-control{font-size: 16px;}
.communication-payments .message-type-window .message-flex{ width: 100%;display: flex;justify-content: space-between; align-items: center;}
.communication-payments .message-type-window form{display: block;}
.communication-payments .message-type-window .checkbox{color:#fff;font-size: 18px;}
.communication-payments .custom-checks .checkmark { height: 25px; width: 25px; border-radius: 8px; border: 1px solid rgb(208, 179, 109);}
.communication-payments .chat_data .c-today{color:#fff; font-size:22px; font-family: 'sf_ui_textbold';}

.communication-payments .payment-box{flex: 1; padding-left: 20px;padding-top:30px;}
.payment-box .p-heading{color:#d0b36d;font-size:20px; font-family: 'sf_ui_textbold'; margin-bottom:20px;}
.payment-box .table thead{background: #d0b36d; color:#000;text-transform: uppercase; font-size:16px; font-family: 'sf_ui_textbold';}
.payment-box .table thead th{border:0; padding:10px;}
.payment-box .table tbody tr{border-bottom: 1px solid #d0b36d; color:#b3b3b3; font-size: 14px;}
.payment-box .table tbody tr td{border:0; padding: 15px 10px;}

.expand-view-box{background: rgba(0,0,0,0.85);color: #fff;font-size: 14px;text-align: center;padding: 15px 0px;position: relative;z-index: 1;box-shadow: 0px -29px 35px rgb(0,0,0);}  
.expand-view-box span{cursor: pointer;}
.hired-jobs-section .full-expand-view{height:140px;overflow: hidden;width: 100%; max-width:85%;margin-top: 40px;  transition: all 2s ease;}
.hired-jobs-section .full-data-details{height: auto !important; padding-bottom: 30px;  }

.dataTable tbody a{color:#d0b36d;}
#scheduleinfoModal .common-form1 .form-group {border-bottom: 1px solid #dee2e6;}
#scheduleinfoModal .common-form1 .form-group label{color: #bbb;}
#scheduleinfoModal .common-form1 .form-group:first-child{border-top: 1px solid #dee2e6;}
#scheduleinfoModal .common-form1 .form-group a{color:#d0b36d;}

#sample_1_wrapper .table tfoot th, #sample_1_wrapper .table thead th{font-size:14px;color:#b3b3b3; text-transform: uppercase; }
#sample_1_wrapper .table td, #sample_1_wrapper .table th{vertical-align: middle;color:#fff; padding: 8px 10px !important; border-color:#d0b46d;}

.dataTables_filter .form-control{background: #000;border: 0px;border-radius:5px;font-size: 20px; color: #b3b3b3;}
.dataTables_length label{font-size:16px; color: #b3b3b3;}
.dataTables_wrapper .dataTables_length select.form-control{background:url(../../img/down-arrow1.svg)no-repeat center right ;height: auto !important;background-size: 12px;width:80px !important; border:0px;color:#fff;font-size: 14px;}
.dataTables_wrapper .dataTables_length select option{color:#000;}
  
.dataTables_wrapper .dataTable  a{color:rgb(208, 179, 109)}

.pagination { display: flex;padding-left: 0; list-style: none; border-radius: .215rem;}
.pagination .page-item.disabled .page-link {
  color: #bdbdbd;
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
  border-color: #dee2e6;
}
.pagination .page-link {
  position: relative;
  display: block;
  padding: .643rem 1.072rem;
  margin-left: -1px;
  line-height: 1.57142857;
  color: #757575;
  background-color: transparent;
  border: 1px solid #dee2e6;
}
.pagination .page-item.active .page-link{
  background-color: transparent;
  border-color: #dee2e6;
}
.pagination .page-link:hover, .pagination .page-item.active .page-link{background: rgb(208, 179, 109);}
div.dataTables_wrapper div.dataTables_filter {color:#fff}

/* new post design */
.posting_new_Section {background: #000; padding:0px 0px 50px; min-height: 100vh;}
.posting_new_Section .social_banners_top{background: url(../img/job-bg-min.jpg)no-repeat center; background-size: cover;padding: 30px 0px; position: relative;}
.posting_new_Section .social_new_content .new_logo_icon{margin: 0px auto 70px; width: 128px; display: flex; align-items: center; justify-content: center;}
.posting_new_Section .social_new_content .new_logo_icon img{width: 100%; height: 100%; object-fit: contain; filter: invert();}

.job_post_datas{padding-top:50px;position: relative;}
.job_post_datas_bg{position: relative;}
.job_post_datas_bg::before{content: ''; position: absolute; right: 0; top: 0px; background: url(../img/vector_line1.png)no-repeat; width: 647px; height: 100%; background-position: right; background-size: contain; opacity: .2;}

.social_new_content .input-group{max-width: 670px;width: 100%;margin: 0px auto 30px; background: #FFFFFF; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 10px; }
.social_new_content .input-group .form-control{border: 0; font-family: 'poppinsregular'; background: transparent; padding: 16px 12px; border-radius: 0px;  font-size: 20px; color: #000; }
.social_new_content .input-group .form-control::placeholder{color: #3e3e3e; }
.social_new_content .input-group .input-group-text{background: #000000;border: 0;color:#fff;font-size: 20px; border-radius: 0px 9px 9px 0px;}
.social_new_content .input-group .form-control:focus{box-shadow: none;}
.social_new_content .input-group:focus-within{box-shadow:0 0 0 0.2rem #EAEAEA;}

.all_new_post{max-width:100%; width: 100%; margin: 0px auto;}
.job_post_content { border: 2px solid rgb(255, 255, 255,0.102); border-radius: 30px; margin-bottom: 50px; overflow:hidden ;
  background-image: -moz-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%);
  background-image: -webkit-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%);
  background-image: -ms-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%); 
}

.job_post_content .job_info{padding: 35px;}
.job_post_content .job_info .jb_title{ 
  background: linear-gradient(31deg, rgba(76,255,251,1) 41%, rgba(244,87,137,1) 57%);
  -webkit-background-clip: text; letter-spacing: .8px; text-transform: uppercase;
  -webkit-text-fill-color: transparent; display: inline-block;
  color: #1284C3; word-break: break-word;hyphens: none;font-family: 'futura_maxi_cg_boldregular'; font-size: 30px; text-transform: uppercase; margin-bottom: 10px; 
}

.job_post_content .job_info .pay_out{color: #fff; word-break: break-word;hyphens: none; font-size:22px; margin-bottom: 10px; font-family: 'poppinsbold'; }
.job_post_content .job_info .pay_out span{  color: #fff;}
.job_post_content .job_info .desc_new{ font-size: 14px; hyphens: none; word-break: break-word; letter-spacing: 1.5px; line-height: 1.7; color: #fff;  font-family: 'poppinsregular';margin-bottom: 15px; }

.description_content .desc_title{background:linear-gradient(31deg, rgba(76,255,251,1) 41%, rgba(244,87,137,1) 57%);
  -webkit-background-clip: text; letter-spacing: .8px; display: inline-block;
  -webkit-text-fill-color: transparent; 
  font-size: 20px; color: #565656; word-break: break-word; font-family: 'poppinsmedium'; margin-bottom:10px;
}
.description_content .desc_title.attachment-titles{background: linear-gradient(217deg, rgba(76,255,251,1) 41%, rgba(244,87,137,1) 57%);
  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.description_content .desc_new{color: #bcbbbb !important;}

.job_linking{
  background-image: -moz-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  background-image: -webkit-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  background-image: -ms-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  border-radius: 0px 0px 10px 10px; padding:35px;
}
.job_linking .description_content{margin-bottom: 30px;}
.job_linking .description_content:last-child{margin-bottom: 0px;}
.job_linking .description_content .desc_title{margin-bottom: 10px; word-break: break-word; }
.job_linking .description_content .linking_svg{display: flex;letter-spacing: .9px; margin-bottom:10px; color: #fff; font-size: 14px; font-family: 'poppinsmedium'; }
.job_linking .description_content .linking_svg i{color: #fff; margin-right: 5px; font-size: 14px; margin-top: 3px;}
.job_linking .description_content .linking_svg span{flex: 1; word-break: break-word;}

.attach_links.description_content .linking_svg span{text-transform: uppercase; text-decoration: underline;}
.attach_links.description_content .linking_svg i{color: #18c3c4;}

.posting_new_Section .loading span{display: inline-block; font-size:20px; font-family: 'poppinsmedium'; 
  background: linear-gradient(25deg, rgba(76,255,251,1) 47%, rgb(186, 29, 80) 54%);
  -webkit-background-clip: text; letter-spacing: .8px;
  -webkit-text-fill-color: transparent;
}
.posting_new_Section .loading{display: flex; align-items: center; justify-content: center;}
.posting_new_Section .loading  img{width: 35px;}

.job_post_content .tags{font-size: 16px; display: inline-block; padding: 5px 20px; border-radius: 30px;  font-family: 'poppinsmedium'; color: #fff; margin-bottom: 20px;
  background-image: -moz-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%);
  background-image: -webkit-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%);
  background-image: -ms-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%);
}
.all-tags-section ul{list-style: none; padding: 0; margin: 0; display: block; white-space: nowrap; overflow-x: auto; scrollbar-width: thin;}
.all-tags-section ul::-webkit-scrollbar{height: 5px; border-radius: 5px;}
.all-tags-section ul::-webkit-scrollbar-thumb{background:#1284C3f2; border-radius: 5px;}
.all-tags-section ul::-webkit-scrollbar-track{background:#cae5f3 ; border-radius: 5px;}

.all-tags-section ul li{display: inline-block; cursor: pointer; margin: 0px 5px 5px; font-size: 16px;  font-family: 'poppinsmedium'; background: linear-gradient(20deg, rgba(185, 240, 238, 0.8) 41%, rgba(231, 185, 200, 0.8) 57%); padding: 5px 20px;border-radius: 30px; color: #000;}
.all-tags-section ul li.active, .all-tags-section ul li:hover{ background-image: -moz-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%);
  background-image: -webkit-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%);
  background-image: -ms-linear-gradient( -10deg, rgb(36,112,110) 0%, rgb(227,22,87) 100%); color:#fff;
}
.all-tags-section{padding-bottom: 15px;}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
  transform: scale(0.6);
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #e24b88;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



/*  */

.new_password_post_modal.modal .modal-dialog {max-width:690px;}
.new_password_post_modal.modal .modal-dialog .modal-body{padding: 40px;}
.new_password_post_modal.modal .modal-dialog .modal-content{background-color: rgb(0, 0, 0); border: 0px solid #EAEAEA;  box-shadow: 0px 8px 49px 0px rgba(183, 181, 181, 0.13); border-radius: 10px;}
.new_password_post_modal.modal .password_modal_content .new_logo_icon{margin: 0px auto 25px; width: 128px; display: flex; align-items: center; justify-content: center;}
.new_password_post_modal.modal .password_modal_content .new_logo_icon img{width: 100%; height: 100%; object-fit: contain; filter: invert(1);}
.new_password_post_modal.modal .password_modal_content{padding: 20px;}
.new_password_post_modal.modal .password_modal_content .titles{text-align: center; background: linear-gradient(122deg, rgb(13, 161, 158) 47%, rgb(186, 29, 80) 54%);
  -webkit-background-clip: text; letter-spacing: .8px; text-transform: uppercase;
  -webkit-text-fill-color: transparent; color: #1284C3; font-size: 30px; font-family: 'futura_maxi_cg_boldregular'; font-weight: 600; margin-bottom: 10px;}
.new_password_post_modal.modal .password_modal_content p{text-align: center;hyphens: none; letter-spacing: .5px; color: #fff;  font-family: 'poppinsthin'; font-size: 20px; margin-bottom: 0px; }

.new_password_post_modal .post_content_input{/* background: linear-gradient(180deg, #F5F5F5 0%, rgba(255, 255, 255, 0) 100%);  */border-radius: 0px 0px 10px 10px; padding:20px;}
.new_password_post_modal .post_content_input .form-group{margin-bottom: 20px;}
.new_password_post_modal .post_content_input .form-group .form-control{background: #FFFFFF; color: #000;  font-size: 12px; font-family: 'poppinsregular'; padding: 16px 12px; border: 1px solid #EAEAEA; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);  border-radius: 10px;}
.new_password_post_modal .post_content_input .form-group .form-control::placeholder{color: #ABABAB; }
.new_password_post_modal .post_content_input .form-group .form-control:focus{box-shadow: none;}

.new_password_post_modal .post_content_input .submit-btn{color: #fff;font-size: 22px;letter-spacing: .5px; font-family: 'futura_maxi_cg_boldregular'; width: 100%; background: #ba1d50; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 5px;}
.new_password_post_modal .post_content_input .submit-btn:hover{background: #fff; color: #ba1d50; border-color: #ba1d50;}

.new_password_post_modal.modal {background: rgba(0, 0, 0, 0.9);}
.new_password_post_modal.modal::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/vector_line2.png)no-repeat; content: ''; width: 800px; height: 600px; opacity: .3; background-size: contain;}
.new_password_post_modal.modal::after{position: absolute;z-index: -1; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/vector_line1.png)no-repeat; content: ''; width: 800px; height: 600px; opacity: .3; background-size: contain;}

.no-message{padding: 20px 30px;color: #fff;  font-family: 'futura_maxi_cg_boldregular';margin: 200px auto;border-radius: 5px;  max-width: 500px;width: 100%; text-align: center; font-size: 18px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);  border: 1px solid #565656; 
  background-image: -moz-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  background-image: -webkit-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  background-image: -ms-linear-gradient( -10deg, rgb(36,112,110,0.2) 0%, rgb(227,22,87,0.2) 100%);
  padding:80px 35px;
}

.referral_code{display: flex; width: 80%;}
.footer_post{text-align: center;font-size: 20px; background: #fff; padding: 20px 10px; margin-bottom: 0px; color: #3e3e3e; font-family: 'poppinsregular'; letter-spacing: .9px; }


/* faq page */

.page-heading { font-size: 52px; font-weight: normal; line-height: 0.92; text-align: center; color: #fff; font-family: 'futura_maxi_cg_boldregular'; }
.faq-page-content { width: 100%; display: block; padding: 40px 0px; }
.faq-page-content .card { max-width: 1140px; width: 100%; padding: 30px; margin: 0px auto; border: 2px solid rgb(255, 255, 255,0.102); border-radius: 30px; margin-bottom: 30px; overflow: hidden; background-image: -moz-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%); background-image: -webkit-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%); background-image: -ms-linear-gradient( -10deg, rgba(255,255,255,0.059) 0%, rgb(255,255,255,0.059) 100%); background-color: transparent; }
.faq-page-content .card-outer { position: relative; }
.faq-page-content .card-outer::before {content: ''; position: absolute; right: 0; top: 0px; background: url(../img/vector_line1.png)no-repeat; width: 647px; height: 100%; background-position: right;background-size: contain; opacity: .2; }
.faq-page-content .card-header { padding: 0; }
.faq-page-content .card-header .btn-link { padding: 0px; background: linear-gradient(31deg, rgba(76,255,251,1) 41%, rgba(244,87,137,1) 57%) !important;  background-clip: border-box !important; -webkit-background-clip: text !important;  letter-spacing: .8px;  text-transform: uppercase; -webkit-text-fill-color: transparent; display: flex; color: #1284C3; word-break: break-word; hyphens: none; font-family: 'futura_maxi_cg_boldregular'; font-size: 30px; text-decoration: none !important; text-align: left; white-space: normal;position: relative; width: 100%; margin:0px; }
.faq-page-content .card-header .btn-link:hover { text-decoration: none !important; }
.faq-page-content .card-body {  padding: 0px; padding-top: 15px; }
.faq-page-content .card-body p { font-size: 14px; hyphens: none; word-break: break-word; letter-spacing: 1.5px; line-height: 1.7; color: #bcbbbb !important; font-family: 'poppinsregular'; margin-bottom: 15px;  }
.faq-page-content .card-body p:last-child { margin-bottom: 0px; }
.faq-page-content .card-body p a { text-decoration: underline; font-size: 14px; hyphens: none; word-break: break-word; letter-spacing: 1.5px; line-height: 1.7; color: #fff; font-family: 'poppinsregular'; }
.faq-page-content .accordion .card-header .btn-link:after {content: "-"; margin-left: auto; font-family: 'poppinsbold';}
.faq-page-content .accordion .card-header .btn-link.collapsed:after { content: "+"; }

/* client header */
.client-header-new {background: #17161C; box-shadow: 0px 4px 40px rgba(58, 131, 247, 0.05);}
.client-header-new .icon-header li .nav-icon{border: 0; width: auto; height: auto; color: #fff; font-size: 14px; }
.client-header-new .icon-header li .nav-icon img{width: 18px; padding: 0; display: block; margin: 0px auto 5px; height: 18px; }
.client-header-new .icon-header li .nav-icon:hover, .client-header-new .icon-header li .nav-icon.active{background:transparent; color:#F90889; }

.create-listing-flex{display: flex; align-items: center; padding:0; margin:0px;list-style: none;}
.create-listing-flex .icon{border: 1px solid #910E54;margin-right: 10px; width: 38px; height: 38px; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.create-listing-flex a{color: #fff; font-size: 14px; }
.create-listing-flex li{display: flex; align-items: center; padding: 0px 20px; border-right: 1px solid #423E50;}
.create-listing-flex li:last-child{border-right: 0px;}

.client-header-new .menu span, .client-header-new .menu span::before, .client-header-new .menu span::after{background: #fff;}

.imgs { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.imgs .review_images{ margin: 0px 10px 10px; }

/*----------------------- Responsive media -------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .common-form .form-group .form-control{line-height:1.2;}
}

@media(min-width:1440px) and (max-width:1699px){
    .home-section {height: calc(100vh - 85px);}
}

@media (min-width: 1700px){ 

.container{ max-width: 67.12vw; }
  
/* ------------------- header --------------------- */

header{padding:0.78vw 0px;}
header .navbar-brand{ width:15.42vw;}  


/* footer */
.copy-right-text{ font-size:0.74vw;}

/* index */

.home-section{/* height: calc(100vh - 3.75vw); */ padding:2.10vw 0px;}
.home-section .splash-section .left-section .heading{font-size: 1.57vw;margin-bottom:1.57vw; }
.home-section .splash-section .left-section .description{font-size:1.15vw;}
.home-section .splash-section .left-section .h-logo{max-width:28.42vw; margin-bottom:2.64vw;}

.home-section .right-section-view{height: 45.31vw; max-width:20.73vw;padding: 2.89vw 1.84vw 1.84vw;}
.home-section .right-section-view .middle-section .m-logo{margin: 0px auto 2.64vw; max-width:8.52vw;}

.home-section .right-section-view .middle-section .login-btn{ border-radius: 0.52vw;margin:1.05vw auto; font-size:1.57vw; width: 11.36vw; height:3.5vw;line-height:3.5vw; }
.home-section .right-section-view .middle-section .copy-text{font-size: 0.84vw; }
  
/* login */
.common-form .form-group .form-control{font-size: 1.05vw;padding:0.78vw 1.5vw 0.78vw 0px; }
.common-form .form-group .cancel img{width: 1.05vw; height: 1.05vw;}
.home-section .right-section-view .middle-section .title{ font-size: 1.37vw;margin-bottom: 1.57vw;}
.login-page .common-form .m-group{padding-bottom:1.57vw;}

.login-page.home-section .right-section-view .middle-section .copy-text.text-left{font-size:0.78vw;margin-bottom:0.78vw;}
.login-page .m-logo .add-plus{font-size:4.63vw;  width: 6vw;  height: 6vw;}
.login-page .m-logo .add-plus span{padding-bottom:0.78vw;}
.signup-group{height:13.15vw;}


/* account-setting */

.common-form1 .form-group{padding:0.52vw !important;}
.common-form1 .form-group label{font-size:1.05vw; width: 12.31vw;}
.common-form1 .form-group .form-control{font-size:1.05vw;padding:0px 0.52vw;}


.checkbox { padding-left:1.84vw;font-size:1.05vw; margin-bottom:0.78vw;}
.custom-checks .checkmark { height:1.47vw; width:1.47vw;border-radius:3px; }
.checkmark { height: 1.47vw; width: 1.47vw;}
.custom-checks .checkmark::after {left: 0.42vw;width: 0.35vw;  height: 1vw;}
.checkmark::after {left: 0.31vw;top: 0px;width: 0.42vw;height: 0.78vw;}

.profile-page .heading{font-size:2.10vw; margin-bottom:2.64vw;}
.profile-page .title{font-size: 1.05vw;margin-bottom:0.78vw;}
.profile-page .add-more{font-size:6.36vw;margin:0px auto 2.64vw; width: 9.26vw; height: 9.26vw;  }
.profile-page .add-more span{margin-bottom:1.31vw;}
.profile-page .p-paddings{padding-bottom:2.64vw;}

.text-buttons .login-btn{margin:0.25vw 0.52vw;  font-size:0.94vw; border-radius: 0.52vw; width: 7.05vw;height: 2.84vw;line-height:2.84vw;}

/* after-login-header */
.header-one{padding:0.35vw 0px !important;}
header .main-header .navbar-brand {padding: 0.45vw;}
header .main-header .nav-icons{padding-left:2.64vw;}

.icon-header li .nav-icon{width: 2.36vw; height: 2.36vw; margin:0px 1.05vw; }
.icon-header li .nav-icon img{padding:0.52vw;}

.user .dropdown-toggle{ font-size:1.10vw; }
.user_image {width:2.64vw; height:2.64vw;margin-left: 0.42vw;}

/* applied job */

.view-job-page{padding:2.64vw 0px;}
.view-job-page .heading{font-size:1.42vw; margin-bottom:2.64vw;}
.view-job-page .job-box{padding:1.31vw 0px;}
.view-job-page .job-box .job-title{margin-bottom:0.52vw;}
.view-job-page .job-box .j-title .title{font-size: 1.29vw; margin-bottom:0.25vw;}
.view-job-page .job-box .j-title .p-price{font-size: 1.05vw;}
.p-proposal-box .pro-btns{margin:0px 0.52vw; border-radius: 0.52vw;height: 2.36vw;line-height:2.21vw;font-size:0.94vw; padding:0px 0.78vw;  }
.p-proposal-box .applied-date{margin-left:0.78vw; font-size:0.94vw;margin-bottom:0.25vw;}
.p-proposal-box .applied-date span{font-size: 0.64vw;}
.j-content{margin-bottom:1.31vw;}
.j-content .j-heading{font-size: 1.05vw;margin-bottom:0.52vw;}
.j-content .j-listing li{padding-left:0.78vw;}
.j-content .j-listing li::before{top:0.52vw;width:0.25vw;height:0.25vw;}
.j-content .description{font-size:0.74vw;margin-bottom:0.64vw;}

.modal .modal-dialog{max-width: 46.42vw; }
.modal .modal-dialog .modal-content{border-radius: 1.57vw; } 
.modal .modal-dialog .modal-header{padding: 1.05vw;}
.modal .modal-dialog .modal-header .modal-title{ font-size: 2.10vw;}
.modal .modal-dialog .proposal-box .description{font-size: 0.84vw;margin-bottom:2.10vw;}
.modal .modal-dialog .proposal-box{padding:0px 1.57vw 1.05vw;}
.modal .modal-dialog .close{font-size: 2.26vw; padding: 0.31vw;}

/* job-invitation */

.proposal-box.common-form1 .form-group{padding:0.52vw 0px 50px !important;}
.proposal-box.common-form1 .form-group .form-control{border-radius:0.52vw;font-size:0.84vw;padding:0.52vw; }

.filter-search{max-width:16.05vw;margin-right:1.57vw;}
.filter-search .search-filetr-data{padding:0.78vw !important;}
.filter-search .search-filetr-data .f-heading{font-size: 0.64vw; }
.filter-search .f-borders{padding: 0.42vw 0.52vw;}
.filter-search .f-contents  .checkbox{font-size: 0.64vw;}
.filter-search .f-contents .check-boxs{padding: 0.42vw 0px;}
.filter-search .text-buttons{padding-top:1.57vw;}
.filter-search .text-buttons .login-btn{ width: 4.63vw; height: 1.68vw;line-height:1.57vw;font-size:0.74vw;border-radius:0.21vw;  }
  
.job-invitation-page .view-job-page{max-width:65.26vw; }

/* communication */

.message-page { padding:2.64vw 0px;}

.chat_data{ border-radius:1.31vw; max-width:65.78vw;}
.chat-box {margin-bottom:0.25vw; } 
.chat_data .user-section{border-radius:0.52vw 0.52vw 0px 0px;}
.chat_data .c-today{font-size: 0.94vw;padding:0.52vw;}

.message-window { height:41.05vw; padding: 1.57vw 1.05vw 0px; }
.message-window .left-box,.message-window .right-box  { margin-bottom:1.84vw; }
.message-window .left-box .text_wrapper {  padding:0.78vw; max-width: 18.21vw; border-radius:0.52vw; }

.message-window .text{ font-size:0.94vw;}
.message-window .right-box  .text_wrapper {padding: 0.64vw;  border-radius:0.52vw; /* width: 92%; */max-width: 18.21vw;  }
.date_day{font-size:0.74vw;}

.message-type-window{padding: 1.05vw;}
.message-type-window .send_message {width:3.03vw; height:3.03vw; padding: 0.52vw;}
.message-type-window .send_message .icon{margin:0.25vw;}

.message-type-window .input-group {  max-width:100%; border-radius: 0.52vw;padding-right: 0.52vw;}
.message-type-window .input-group-addon { padding:0.64vw; width:2.89vw; height:2.895vw;}
.message-type-window .form-control{ height:3.63vw;font-size: 1.29vw; }


/* error-page */
.error_elemenet {  height: 100vh;}
.error_body {height: 36.84vw;}
.error_body .error-sec .heading {font-size: 15.78vw;}
.error_body .error-sec .not-found-txt { font-size: 2.10vw;margin-bottom: 2.64vw;}
.error_body .error-sec .homelink { font-size: 0.94vw; width: 10.52vw;}

/* hired-details */
.communication-payments{padding:1.57vw 0px;}
.communication-payments .communication-box{max-width:52vw;}
.communication-payments .communication-box .message-window{ height:27.63vw;}
.communication-payments .message-window .left-box .text_wrapper{max-width: 25.68vw;}
.communication-payments .message-type-window .input-group{margin-right:0.78vw;}
.communication-payments .message-type-window .input-group .form-control{font-size: 0.84vw;}
.communication-payments .message-type-window .checkbox{font-size: 0.94vw;}
.communication-payments .custom-checks .checkmark { height: 1.31vw; width: 1.31vw; border-radius: 0.42vw;}
.communication-payments .chat_data .c-today{ font-size:1.29vw; }

.communication-payments .payment-box{ padding-left: 1.05vw;padding-top:1.57vw;}
.payment-box .p-heading{font-size:1.05vw; margin-bottom:1.05vw;}
.payment-box .table thead{ font-size:0.84vw;}
.payment-box .table thead th{ padding:0.52vw;}
.payment-box .table tbody tr{ font-size: 0.74vw;}
.payment-box .table tbody tr td{padding: 0.78vw 0.52vw;}

.expand-view-box{font-size: 0.74vw; padding: 0.78vw 0px;}  
.hired-jobs-section .full-expand-view{height:7.36vw; max-width: 81%; margin-top: 2.85vw;}
.hired-jobs-section .full-data-details{ padding-bottom: 1.97vw;}

/* new post design */
.posting_new_Section {padding:0px 0px 50px; min-height: 100vh;}
.posting_new_Section .social_banners_top{padding: 50px 0px; }
.posting_new_Section .social_new_content .new_logo_icon{margin: 0px auto 70px; width: 128px; }

.job_post_datas{padding-top:50px;}
.social_new_content .input-group{max-width: 670px;width: 100%;margin: 0px auto 30px;}
.social_new_content .input-group .form-control{ padding: 16px 12px; border-radius: 0px;  font-size: 20px; }
.social_new_content .input-group .input-group-text{font-size: 20px; border-radius: 0px 9px 9px 0px;}

.job_post_content {border-radius: 40px; margin-bottom: 60px;}

.job_post_content .job_info{padding: 35px;}
.job_post_content .job_info .jb_title{ font-size: 40px; margin-bottom: 10px; }

.job_post_content .job_info .pay_out{font-size: 30px; margin-bottom: 10px; }
.job_post_content .job_info .desc_new{ font-size: 16px; margin-bottom: 15px; }

.description_content .desc_title{font-size: 24px; margin-bottom:10px;}

.job_linking{ padding:35px;}
.job_linking .description_content{margin-bottom: 30px;}
.job_linking .description_content .linking_svg{font-size: 16px;}
.job_linking .description_content .linking_svg i{font-size: 16px; margin-top: 3px;}


.posting_new_Section .loading span{font-size:20px;}
.posting_new_Section .loading  img{width: 35px;}

.job_post_content .tags{font-size: 16px;padding: 5px 20px; margin-bottom: 20px;}
.all-tags-section ul li{margin: 0px 5px 5px; font-size: 16px;  padding: 5px 20px;border-radius: 30px;}

.all-tags-section{padding-bottom: 15px;}


/*  */

.new_password_post_modal.modal .modal-dialog {max-width:690px;}
.new_password_post_modal.modal .modal-dialog .modal-body{padding: 40px;}
.new_password_post_modal.modal .password_modal_content .new_logo_icon{margin: 0px auto 25px; width: 128px;}
.new_password_post_modal.modal .password_modal_content{padding: 20px;}
.new_password_post_modal.modal .password_modal_content .titles{font-size: 30px; margin-bottom: 10px;}
.new_password_post_modal.modal .password_modal_content p{font-size: 20px; }

.new_password_post_modal .post_content_input{padding:20px;}
.new_password_post_modal .post_content_input .form-group .form-control{font-size: 12px; padding: 16px 12px}

.new_password_post_modal .post_content_input .submit-btn{font-size: 22px;}

.new_password_post_modal.modal::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/vector_line2.png)no-repeat; content: ''; width: 800px; height: 600px; opacity: .3; background-size: contain;}
.new_password_post_modal.modal::after{position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/vector_line1.png)no-repeat; content: ''; width: 800px; height: 600px; opacity: .3; background-size: contain;}

.no-message{padding: 20px 30px;margin: 200px auto;border-radius: 5px;  max-width: 500px;width: 100%;  font-size: 18px; 
  padding:80px 35px;
}

.footer_post{padding: 20px 10px;}


/* faq page */

.page-heading { font-size: 62px; }
.faq-page-content { padding: 50px 0px; }
.faq-page-content .card { max-width: 1250px; padding: 35px; border-radius: 40px; margin-bottom: 50px; }
.faq-page-content .card-outer::before {width: 647px; }

.faq-page-content .card-header .btn-link { font-size: 40px; }
.faq-page-content .card-body {  padding-top: 20px; }
.faq-page-content .card-body p { font-size: 16px;  margin-bottom: 15px; }
.faq-page-content .card-body p a {  font-size: 16px;}






}



@media (max-width: 1199px) { 

/* side nav */

.menu {width: 50px;height: 50px; position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); right: 0px;}
.menu span {-webkit-user-select: none; transform: translate(-50%, -50%); -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; }
.menu span, .menu span::before, .menu span::after {display: block; width: 26px; right: 0; height: 3px; background-color: #262b3e ; outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;
transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}

.header-fixed .menu span, .header-fixed .menu span::before, .header-fixed .menu span::after{ background-color: #000; }


.menu span::before, .menu span::after {position: absolute;content: "";}
.menu span::before {top: -9px; width:20px}
.menu span::after {top: 9px;width: 33px;}
.menu.clicked span {background-color: transparent !important;}
.menu.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);
-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);    width: 33px; background-color:#fff;}
.menu.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);
-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);   background-color:#fff;}
/* .menu.clicked span:before, .menu.clicked span:after {background-color: #656565; } */
.menu:hover {cursor: pointer;}

/*  NAV
========================================== */

#nav { /* display: flex; */ align-items: center; justify-content: center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background:#000; position: fixed;z-index: 20;top: 0;right: 0;height: 100%;max-width:100%;width: 100%;padding: 50px 0px 30px;overflow-y: auto;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);
-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#nav.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
#nav.show ul.main li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
.menu.clicked {position: fixed;z-index: 99; top:10px; transform: none; right: 0px;}
#nav.show ul.main li:nth-child(1) {transition-delay: 0.15s;}
#nav.show ul.main li:nth-child(2) {transition-delay: 0.3s;}
#nav.show ul.main li:nth-child(3) {transition-delay: 0.45s;}
#nav.show ul.main li:nth-child(4) {transition-delay: 0.6s;}
#nav.show ul.main li:nth-child(5) {transition-delay: 0.75s;}
#nav.show ul.main li:nth-child(6) {transition-delay: 0.9s;}
#nav.show ul.main li:nth-child(7) {transition-delay: 1.05s;}
#nav.show ul.main li:nth-child(8) {transition-delay: 1.2s;}
#nav.show ul.main li:nth-child(9) {transition-delay: 1.35s;}
#nav.show ul.main li:nth-child(10) {transition-delay: 1.50s;}
#nav.show ul.main li:nth-child(11) {transition-delay: 1.65s;}
#nav.show ul.main li:nth-child(12) {transition-delay: 1.80s;}
#nav.show ul.main li:nth-child(13) {transition-delay: 1.85s;}
#nav.show .about, #nav.show .social, #nav.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);
transform: translateY(0px);opacity: 1;transition-delay: .85s;}


#nav ul.main { padding-left: 0px; list-style-type: none; margin: 0px; }
#nav ul.main li {-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);  padding: 5px 20px;
transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;float: none; list-style: none; color: #000000;}
#nav ul.main li:last-of-type {margin-bottom: 0px;}
#nav ul.main li .nav-link {font-size: 16px; }
#nav ul.main li a{color: #fff; text-align: center; text-decoration: none; text-transform: uppercase;font-size:14px;  display: block;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease; }

#nav ul.main li a:hover {color: #000;}
.menu.clicked span::before, .menu.clicked span::after{ width: 25px; }


/*  OVERLAY
========================================== */
.overlay {position: fixed;top: 0;left: 0;z-index: 7;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #603e82;opacity: 0;visibility: hidden;}
.overlay.show {opacity: 0.8;visibility: visible;}


/* main */
.check-password{padding-bottom:30px;}
.profile-page .add-more{width: 106px;  height: 106px; font-size:80px;}
.profile-page .add-more span {margin-bottom: 17px;}

.j-content .description {font-size: 12px;}
.modal .modal-dialog .modal-header .modal-title{font-size:25px;}

.job-invitation-page{position: relative;}
.toggle-btn {font-size:25px;cursor: pointer;left: 0px; position: absolute;top: 0;background-color: #b3b3b3;color: #fff;padding: 0px 12px;z-index:0;}
.closebtn1{position: relative; position: absolute; top:5px; right:2px; font-size:22px;color:#fff;}
.filter-search{background: #000;margin-right:0px; width:326px;height:100%;z-index: 1; transition: 0.5s; position: absolute; top:0px; left:-326px;}
.job-invitation-page .view-job-page{max-width:100%;padding:30px 20px;}
.closebtn1:hover{ color:#d0b46d; text-decoration: none;}

.message-page{padding:30px 0px;}
.message-type-window{padding:12px;}
.message-type-window .form-control{font-size:20px;}
.message-type-window .input-group{margin-right:15px;}

.hired-jobs-section .full-expand-view{max-width:100%;}
.communication-payments{display: block;}
.communication-payments .communication-box {max-width: 100%;}
.communication-payments .payment-box{padding-left:0px;}
.communication-payments .chat_data .c-today{font-size: 18px;}
.communication-payments .message-type-window .checkbox{font-size: 14px;}
.social_new_content .input-group .form-control{font-size: 14px;}

.job_post_content .job_info .jb_title{font-size: 24px;}
.job_post_content .job_info .pay_out{font-size: 19px}


.faq-page-content .card { max-width: 90%; margin-bottom: 20px; padding: 25px; }
.page-heading {font-size: 42px;}
.faq-page-content .card-header .btn-link{font-size: 24px; }

.faq-page-content {padding: 30px 0px;}

.create-listing-flex{display: block;text-align: center;}
.create-listing-flex li {border: 0;justify-content: center;}
.create-listing-flex a{text-transform: none!important;}

}

@media (max-width: 991px) {
  .container{max-width: 100% !important;}
.home-section .left-section{margin-bottom:40px;}
.home-section .right-section-view{margin:0px auto;}
.home-section .splash-section .left-section .h-logo {display: none;}
.home-section .splash-section .left-section .heading{font-size:18px;margin-bottom: 15px;}
.home-section .splash-section .left-section .description{font-size: 16px;}
.home-section .right-section-view .middle-section .title {font-size: 16px; margin-bottom:20px;}

.p-proposal-box .pro-btns{font-size: 14px;height: 36px; line-height: 34px;}
.modal .modal-dialog {max-width: 95%;}
.view-job-page .job-box .j-title .title{font-size: 18px;}
.view-job-page .job-box .j-title .p-price, .j-content .j-heading, .p-proposal-box .applied-date{font-size: 14px;}

.message-type-window .form-control{height: 60px;}
.message-type-window .input-group {max-width: 86%;}

.new_password_post_modal.modal .password_modal_content .titles{font-size: 22px;}
.new_password_post_modal.modal .password_modal_content p{font-size: 16px;}

.job_linking, .job_post_content .job_info{padding: 20px;}
.job_post_content .job_info .desc_new{font-size: 12px;}

.posting_new_Section .social_banners_top{padding: 20px 15px;}
.footer_post{font-size: 14px;}

.faq-page-content .card-body p {font-size: 12px;}

}


@media (max-width: 767px) {
    
.container{ max-width: 100%; }
.home-section{height: auto;}
/* footer{position: relative; padding:10px 0px; background: #000;} */
.home-section .right-section-view .middle-section .login-btn{height:60px;width: 180px; line-height:60px; font-size:20px;}
.home-section .right-section-view .middle-section .m-logo {margin: 0px auto 25px;}
.login-page.home-section .right-section-view .middle-section .copy-text.text-left {font-size: 12px;}
.login-page .m-logo .add-plus{width: 55px; height: 55px; font-size:40px;}
.login-page .m-logo .add-plus span {padding-bottom: 10px;}
.profile-page .heading {font-size: 25px;}
.common-form1 .form-group label {font-size: 16px; width: 180px;}

.view-job-page .heading{font-size: 25px;}
.modal .modal-dialog .proposal-box .description {font-size: 12px;}

.message-window .text {font-size: 16px;}
.message-type-window .send_message {width: 59px;height: 59px;}

.error_body .error-sec .heading {font-size: 171px;}
.error_body {height: auto;padding: 50px 0px;}
.error_body .error-sec .not-found-txt {font-size: 30px;}
.error_body .error-sec .homelink{font-size:16px;}
.job_post_content .job_info .jb_title{font-size: 18px; line-height: 1.6;}
.job_post_datas_bg::before{width: 355px;}
.faq-page-content .card-header .btn-link { font-size: 18px; line-height: 1.6; }
.page-heading {
  font-size: 36px;
}


}

@media (max-width: 700px) {

.hired-jobs-section.view-job-page .job-box .job-title{display: block;margin-bottom:15px;}
.hired-jobs-section.view-job-page .job-box .j-title{margin-bottom:10px;}

.hired-jobs-section .p-proposal-box{flex-wrap: wrap-reverse;}
.hired-jobs-section .p-proposal-box .applied-date{width:100%;text-align: left;margin-left:0px;margin-bottom:10px;}
.hired-jobs-section .p-proposal-box .pro-btns{margin-left:0px;}



}


@media (max-width: 576px) {

.modal .modal-dialog .modal-header .modal-title {  font-size: 20px;}
.modal .modal-dialog .proposal-box {padding: 0px 11px 20px;}
.modal .modal-dialog .close{font-size: 30px;}
.message-window{height: 580px;}
.message-type-window .input-group-addon{width:45px;height:45px; padding:10px;}
.message-type-window .form-control {height: 50px;}
.message-type-window .send_message { width: 49px;height: 49px; padding:7px;}
.message-type-window .form-control {font-size: 18px;}

.error_body .error-sec .heading { font-size: 130px;}
.error_body .error-sec .not-found-txt {margin-bottom: 24px;}
.message-window .left-box .text_wrapper, .message-window .right-box .text_wrapper{max-width: 250px;}
.emojionearea, .emojionearea.form-control{font-size: 12px;}
.emojionearea .emojionearea-editor{padding: 12px 24px 12px 12px !important;}

.posting_new_Section{padding: 0px 0px 30px;}
.social_new_content .input-group .form-control{padding: 12px;}
.social_new_content .input-group .input-group-text{font-size: 16px;}

.new_password_post_modal.modal .modal-dialog {max-width:95%; width: 100%; margin: 20px auto;}
.referral_code{width: 100%; margin-bottom: 10px;}
.referral-input{justify-content: flex-end;}

.faq-page-content .card { padding: 20px;}
.faq-page-content .card-body { padding-top: 10px;}




}

@media (max-width: 500px){
.home-section .splash-section .left-section .h-logo { max-width: 270px;}
.home-section .splash-section .left-section .heading {font-size: 16px;}
.home-section .splash-section .left-section .description {font-size: 14px;}
.home-section .right-section-view .middle-section {width:100%;}
.copy-right-text{font-size: 12px;}
.common-form1 .form-group{display: block;}
.common-form1 .form-group .form-control{padding:0px;}
.checkbox{font-size: 16px;}
.profile-page .title, .view-job-page .heading {font-size: 16px;}

.view-job-page .job-box .job-title{display: block;margin-bottom:15px;}
.view-job-page .job-box .j-title{margin-bottom:10px;}
.p-proposal-box{flex-wrap: wrap-reverse;}
.p-proposal-box .applied-date{width:100%;text-align: left;margin-left:0px;margin-bottom:10px;}
.p-proposal-box .pro-btns{margin-left:0px;}
.view-job-page .job-box .j-title .title {font-size: 16px;}

.message-window{padding:20px 10px 0px;}
.message-window .left-box, .message-window .right-box{margin-bottom:25px;}
.message-type-window .input-group-addon {width: 35px;height: 35px;padding: 6px;}
.message-type-window .form-control {font-size: 14px;}
.message-type-window .send_message {width: 39px;height: 39px;padding: 3px;}
.message-type-window .input-group {margin-right: 8px;}
.message-window .text {font-size: 14px;}
}


@media (max-width: 400px) {
.error_body .error-sec .not-found-txt {font-size: 24px;}

}

@media (max-width: 320px) {
.message-type-window .input-group-addon {width: 25px;height: 25px;padding: 3px;}
.hired-jobs-section .p-proposal-box .pro-btns {font-size: 12px;}
.message-type-window .input-group {	max-width: 82%;}
	.message-type-window .emojionearea.form-control {width: 75% !important;}

}