@charset "utf-8";
/*
  	Theme Name: OutsourcingStaff.ph.
  	Author: OutsourcingStaff.ph
  	Author URI: OutsourcingStaff.ph
  	Description: Custom theme for OutsourcingStaff.ph.
*/
@font-face {
    font-family: 'autograf_personal_use_onlyRg';
    src: url('../css/fonts/autograf_personaluseonly-webfont.woff2') format('woff2'),
         url('../css/fonts/autograf_personaluseonly-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../css/fonts/bebasneue-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'babylonicaregular';
    src: url('../css/fonts/babylonica-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/babylonica-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Black.woff2') format('woff2'),
         url('../font/poppins/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-ExtraBold.woff2') format('woff2'),
         url('../font/poppins/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Bold.woff2') format('woff2'),
         url('../font/poppins/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-SemiBold.woff2') format('woff2'),
         url('../font/poppins/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Medium.woff2') format('woff2'),
         url('../font/poppins/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Regular.woff2') format('woff2'),
         url('../font/poppins/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Light.woff2') format('woff2'),
         url('../font/poppins/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-ExtraLight.woff2') format('woff2'),
         url('../font/poppins/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Thin.woff2') format('woff2'),
         url('../font/poppins/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body, html {
    margin: 0;
    font-family: 'Poppins', sans-serif;

}
html {
  scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}
*,
::before,
::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration: none !important;
    color: #112373;
}
b, strong {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
p {
    margin-bottom: 20px;
    font-size: 15px;
}
h1 {
    font-family: 'Roboto', sans-serif;
}
h2, h3, h4, h5, h6, p {
    font-family: 'Poppins', sans-serif;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.p-t {
    padding-top: 50px;
}
.p-t20 {
    padding-top: 20px;
}
.text_center {
    text-align: center;
}
.text_right {
    text-align: right;
}
.text_left {
    text-align: left;
}
.text-transform {
    text-transform: uppercase;
}
.container {
    max-width: 1400px;
    padding: 0 50px;
}
.container_small {
    max-width: 900px;
    margin: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.container_wide {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.section {
    padding: 50px 0;
}
.row_wrap {
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
}
.gradient_bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.section_bg_1 {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/section-image1.jpg);
}
.section_bg_2 {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/section-image2.jpg);
}
.text_white {
    color: #ffffff;
}
.text_blue {
    color: #112373;
}
.text_yellow {
    color: #ffbc00;
}
.text_red {
    color: #e50a0a;
}
.bg_white {
    background-color: #ffffff;
}
.bg_red {
    background-color: #ff0000;
}
.bg_blue {
    background-color: #112473;
}
.bg_blue2 {
    background-color: #23378e;
}
.bg_gold {
    background-color: #eab32a;
}
.bg_gray {
    background-color: #f7f7f7;
}
.bg_lightgray {
    background-color: #fbfbfb;
}
.section_title {
    line-height: 3rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.btn_wrap {
    display: inline-block;
    padding: 5px 30px;
    border-radius: 25px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    margin: 5px;
}
.btn_wrap:hover {
    text-decoration: none;
}
.btn_oj1 {
    background-color: #e50a0a;
    color: #ffffff;
}
.btn_oj1:hover, .ojph_btn:hover {
    background-color: #ff0000;
    color: #ffffff;
}
.btn_oj2 {
    background-color: #112373;
    color: #ffffff;
}
.btn_oj2:hover {
    background-color: #0027c4;
    color: #ffffff;
}
.btn_oj3 {
    background-color: transparent;
    color: #112373;
    border: 2px solid
}
.btn_oj3:hover {
    background-color: #112373;
    color: #ffffff;
}
.btn_oj4 {
    background-color: #32BEA6;
    color: #ffffff;
}
.btn_oj4:hover {
    background-color: #1d8876;
    color: #ffffff;
}
.btn-info {
    background-color: #148572;
    border-color: #148572;
}
.ojph_btn {
    background-color: #e50a0a;
    font-size: 20px;
    border: 2px solid;
    color: #ffffff;
}
.btn_sm {
    padding: 0px 10px;
    border-radius: 20px;
    display: inline-block;
    text-transform: uppercase;
}
.no_border {
    border: unset !important;
}

/*  ---HEADER--- */
#header {
    margin-bottom: -180px;
}
.header-menu-wrap {
    background-color: #00000073;
    padding: 5px 20px;
    border-radius: 30px;
}
.account-nav {
    position: relative;
    display: inline-block;
    padding: 0 15px 0 0;
}
.header-menu .account-nav {
    background-color: #eeeeee;
    border-radius: 20px;
}
.account-nav span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-left: 5px;
    text-transform: uppercase;
}
#header .navbar-nav{
    color: #ffffff;
    display: block;
}
#header .navbar-nav .nav-item {
    display: inline-block
}
#header .navbar-nav .nav-link {
    color: #ffffff;
    padding: 5px 10px 5px 5px;
}
#header .navbar-light .navbar-toggler-icon {
    background-image: url(../images/icon-menu.png);
    width: 20px;
    height: 20px;
}
#header .navbar {
    padding: 70px 10px 50px;
    border-bottom: 2px solid #d6d6d6;
}
.navbar {
    padding: 30px 10px;
    border-bottom: 2px solid #d6d6d6;
}
.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.navbar-brand img {
    width: 350px;
}
.navbar-toggler {
    padding: 0;
}
.navbar-light .navbar-toggler {
    color: rgb(0 0 0);
    border-color: transparent;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    display: block;
}
.bg-light .navbar-toggler {
    background-color: transparent;
}
.nav-link img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #888888;
    box-shadow: 0px 1px 5px #888888;
    background-color: #ffffff;
}
#header .nav-link img {
    box-shadow: unset;
}
.navbar-brand img {
    width: 350px;
}
.navbar-toggler {
    padding: 0;
}
#header .navbar {
    border-bottom: unset;
}
.navbar-nav-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.navbar-nav-menu .nav-item {
    display: inline-block;
}
.navbar-nav-menu .nav-item .nav-link {
    color: #000000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 5px 12px 5px 5px;
    text-transform: uppercase;
}
.navbar-nav-menu .nav-item .nav-link:hover,
.navbar-light .navbar-toggler:hover {
    opacity: .5;
}
.header-menu .mob_link .btn_wrap {
    color: #ffffff;
    margin: 5px 0;
}
.head-menu {
    display: block;
}
.head-item {
    display: inline-block;
    width: 288px;
    max-width: 100%;
    vertical-align: top;
    padding: 20px;
}
.head-item span {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #112373;
    display: block;
}
.head-item ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.head-item ul li a {
    font-size: 13px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.head-item ul li:hover a {
    color: #112373;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.head-item ul li .btn_wrap {
    margin: 5px 0;
    padding: 2px 15px;
    color: #ffffff;
}
.head-item ul li .btn_wrap:hover {
    color: #ffffff;
    border-color: #112373;
}

.head-item ul li .btn_wrap.btn_oj3 {
    color: #000000;
}
.head-item ul li .btn_wrap.btn_oj3:hover {
    color: #ffffff;
    border-color: #112373;
}
#header .menu-bar {
    display: inline-block !important;
}
#header .head-item {
    width: 280px;
}
#header .head-item .menunav-link {
    display: none;
}
#header .navbar-brand {
    width: 50%;
}
.dropdown-menu {
    left: unset;
    right: 0;
    padding: 0;
    background-color: unset;
    border: unset;
    min-width: 12rem;
    margin-top: 35px;
}
.open .dropdown-menu, .dropdown-menu.show, .collapse.in {
    display: block;
}
#header .dropdown-menu {
    margin-top: 5px !important;
}
.nav-link.dropdown-toggle {
    padding: 0;
    margin-left: 10px;
    transition: .5s;
}
.dropdown-toggle::after {
    content: '\2630';
    border: unset;
    margin: auto;
    vertical-align: middle;
    font-size: 25px;
}
.dropdown-item {
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 12px 16px;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
}
.dropdown-item:hover {
    background-color: #32bea6;
    color: #ffffff;
    transition: .5s;
}
.navbar-nav .dropdown.show .nav-link,
.navbar-nav .dropdown .nav-link:hover {
    color: #32bea6 !important;
    transition: .5s;
}
.mob_link {
    display: none !important;
}
#header .de_link {
    display: none;
}
#btn-top {
    display: inline-block;
    background-color: #112373;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    line-height: 50px;
}
#btn-top:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: #112373;
}
#btn-top:active {
    background-color: #555;
}
#btn-top.show {
    opacity: 1;
    visibility: visible;
}

/*  ---FRONTPAGE ALL--- */
#page_header {
    height: 100%;
    min-height: unset;
    position: relative;
    width: 100%;
    transition: 1s;
    height: 100vh;
    background-image: url(../images/background/outsourcingstaff-home-background.png);
    background-image: -webkit-image-set(url(../images/background/outsourcingstaff-home-background.webp) 1x);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0 120px;
    overflow: hidden;
}
.cat_container {
    display: block;
    position: relative;
    text-align: center;
}
.cat_container ul {
    padding: 0 30px;
    margin: 10px auto 40px;
    list-style: none;
}
.cat_container ul li {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border: 2px solid;
    border-radius: 30px;
    margin: 5px;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 70px;
    background-color: #112373;
}
.cat_container .btn {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 2px;
}
.cat_container .btn:hover {
    background-color: #eab32a;
    padding: 5px 30px;
    border: 2px solid;
    color: #112373;
}
.testimonial_wrap {
    padding: 50px 0;
}
.content_wrap_sm img {
    width: 160px;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.testimonial_img img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
    display: block;
}
.testimonial_img {
    position: relative;
}
.testimonial_img.right_img {
    margin-bottom: 50px;
}
.testimonial_content {
    padding: 20px 0;
    display: block;
}
.testimonial_content p {
    font-size: 15px;
    font-style: italic;
}
.rev_name {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.rev_title {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: #112373;
}
.lines span {
    content: '';
    height: 6px;
    width: 30px;
    display: inline-block;
    background-color: #112373;
    margin: 5px 2px;
}
.lines span:nth-child(2) {
    background-color: #e50a0a;
}
.lines span:nth-child(3) {
    background-color: #ffbc00;
}
.text_styled {
    font-style: italic;
}
.content_wrap, .page_heading {
    display: block;
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding: 30px 20px;
}
.content_wrap h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 10px auto;
}
.content_wrap .icon_img {
    display: block;
    width: 200px;
    margin: 50px auto;
}
.content_wrap p {
    font-size: 18px;
}
.content_wrap p span {
    display: block;
    width: 775px;
    max-width: 100%;
    margin: auto;
}
.content_wrap ul {
    margin: 20px auto;
}
.content_wrap ul li {
    padding: 5px 0;
}
.content_wrap ul li a {
    color: #000000;
}
.content_wrap ul li a:hover {
    color: #112373;
}
.content_wrap .btn {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #112373;
    border: 2px solid;
    border-radius: 30px;
    width: 200px;
    margin: 10px auto 20px;
    padding: 5px 10px;
}
.content_wrap .btn:hover, .list_container .btn:hover {
    background-color: #e50a0a;
    color: #ffffff;
}
.content_wrap p a {
    color: #000000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.highlights {
    display: block;
    position: relative;
    margin-bottom: 50px;
}
.highlights .item {
    display: inline-block;
    max-width: 100%;
    width: 300px;
    vertical-align: middle;
    min-height: 100px;
    margin: 10px 5px;
    border-radius: 20px;
    background-color: #112373;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.highlights .item span {
    text-align: center;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
}
.cta_btn {
    width: 500px !important;
    max-width: 100%;
    padding: 15px 30px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px auto;
}

/*  ---FRONTPAGE PH--- */
#page_header4 {
    height: 100%;
    min-height: unset;
    position: relative;
    width: 100%;
    transition: 1s;
    height: 100vh;
    background-image: url(../images/background/homebanner-ph.png);
    background-image: -webkit-image-set(url(../images/background/homebanner-ph.webp) 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0 120px;
    overflow: hidden;
}
.dots, .lines {
    display: block;
    position: relative;
    margin: 5px auto;
}
.dots span {
    content: '';
    height: 12px;
    width: 12px;
    display: inline-block;
    background-color: #ffffff;
    margin: 5px;
    border-radius: 50%;
}
.dots span:nth-child(2) {
    background-color: #e50a0a;
}
.dots span:nth-child(3) {
    background-color: #ffbc00;
}
.page_content .dots span:nth-child(1) {
    background-color: #112373;
}
.topheader_text {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    margin: 0 auto 20px;
}
.header_text {
    width: 100%;
    max-width: 100%;
    font-size: 6rem;
    line-height: 5.2rem;
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'bebas_neueregular', sans-serif;
    letter-spacing: 1px;
}
.header_text span {
    color: #ffbc00;
}
.subheader_text {
    color: #ffffff;
    font-size: 22px;
    line-height: 35px;
    margin: 0;
}
.btn_hover:hover{cursor: pointer}
.btn_hover {
outline: none;
position: relative;
border: 2px solid #FFFFFF;
padding: 15px 50px;
overflow: hidden;
color: #FFFFFF;
}

/*button:before (attr data-hover)*/
.btn_hover:hover:before{opacity: 1; transform: translate(0,0);}
.btn_hover:before{
content: attr(data-hover);
position: absolute;
top: 1.1em; left: 0;
width: 100%;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
font-size: .8em;
opacity: 0;
transform: translate(-100%,0);
transition: all .3s ease-in-out;
}
/*button div (button text before hover)*/
.btn_hover:hover div{opacity: 0; transform: translate(100%,0);}
.btn_hover div{
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
font-size: .8em;
transition: all .3s ease-in-out;
}
.left_btn {
    background: transparent;
    clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);

}
.left_btn::after {
    content: " ";
    position: absolute;
    background: #fff;
    display: block;
    width: 14px;
    height: 50px;
    top: 0px;
    right: 0px;
    transform: skew(
153deg
 ,
0deg
 );
    opacity: 1;
}
.right_btn {
    clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin-left: -18px;
    background-color: #ffffff;
    color: #000000;
}

.read_btn, .fullslide_banner .read_btn {
    display: inline-block;
    background-color: #eab32a;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    color: #112373;
    margin: 10px 0;
}
.read_btn2 {
    display: inline-block;
    background-color: #112373;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 10px 0;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    padding: 8px 50px 8px 30px;
}
.read_btn:hover, .read_btn2:hover, #page_header2 .read_btn:hover {
    color: #ffffff;
    background-color: #e50a0a;
}
.rtxt_container {
    display: block;
    text-align: left;
}
.rtxt_container .read_btn, .fullslide_banner .read_btn {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    padding: 8px 50px 8px 30px;
}
.ltxt_container {
    display: block;
    text-align: right;
}
.ltxt_container .read_btn {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
    padding: 8px 30px 8px 50px;
}
.image_container img {
    width: 500px;
    height: 400px;
    object-fit: cover;
    margin: 15px;
}
.rimg_container img {
    border-radius: 300px 0 0 0;
    -webkit-filter: drop-shadow(-10px -10px 0px #d3d3d3);
    filter: drop-shadow(-10px -10px 0px #d3d3d3);
}
.limg_container {
    text-align: right;
}
.limg_container img {
    border-radius: 0 0 300px 0;
    -webkit-filter: drop-shadow(10px 10px 0px #d3d3d3);
    filter: drop-shadow(10px 10px 0px #d3d3d3);
}
.bg_gold .dots span:nth-child(3), .bg_img01 span:nth-child(3) {
    background-color: #ffffff;
}
.image_container_list {
    display: block;
    position: relative;
    min-height: 400px;
}
.image_container_list img {
    position: absolute;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #eab32a;
}
.img_01 {
    width: 270px;
    height: 270px;
    top: 0;
    right: 0;
}
.img_02 {
    width: 120px;
    height: 120px;
    left: 195px;
    bottom: 70px;
}
.img_03 {
    width: 180px;
    height: 180px;
    top: 30px;
    left: 80px;
    margin: auto;
}
.img_04 {
    width: 180px;
    height: 180px;
    left: 0;
    bottom: 0;
}
.section_heading {
    padding: 0 0 30px;
}
.section_heading .text_top {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin: 10px auto;
}
.section_heading .text_bottom {
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
}
.content_row_wrap {
    padding: 20px 0 0;
    align-items: flex-start;
    overflow: unset;
}
.content_row_wrap p {
    font-size: 18px;
    line-height: 35px;
    text-align: justify;
}
.content_wrap_sm {
    display: block;
}
.content_wrap_sm h4 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.content_wrap_sm ul {
    margin: auto;
}
.content_wrap_sm ul li {
    padding: 8px 0;
}
.content_img_sm {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 20px;
}
.content_single {
    padding: 0 15px;
}
.column_wrap {
    padding: 35px 20px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #00000063;
}
.category_section {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/section-image5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}
.circles {
    position: absolute;
    top: 0;
}
.left_img .circles {
    left: 0;
}
.right_img .circles {
    right: 0;
    text-align: right;
}
.circles span {
    content: '';
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #cacaca;
    display: block;
}
.circles span:nth-child(1) {
    width: 30px;
    height: 30px;
    background-color: #112373;
    margin-top: 10px;
}
.left_img .circles span:nth-child(1) {
    margin-left: 30px;
}
.right_img .circles span:nth-child(1) {
    position: absolute;
    right: 40px;
}
.circles span:nth-child(2) {
    width: 50px;
    height: 50px;
    background-color: #e50a0a;
    margin-top: 20px;
}
.left_img .circles span:nth-child(2) {
}
.right_img .circles span:nth-child(2) {
    position: absolute;
    right: 0;
    top: 40px;
}
.circles span:nth-child(3) {
    background-color: #ffbc00bf;
}
.left_img .circles span:nth-child(3) {
    margin-left: 40px;
}
.right_img .circles span:nth-child(3) {
    margin-right: 40px;
    margin-top: 115px;
}
.page_heading, .page_heading_l {
    display: block;
    position: relative;
    padding: 20px;
    text-align: center;
}
.page_heading_l {
    text-align: left;
    padding: 20px 15px;
}
.page_heading .topheader_text, .page_heading_l .topheader_text {
    color: #000000;
    margin-bottom: 0;
}
.page_heading h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    font-family: 'Roboto', sans-serif;
}
.content_wrap, .page_heading {
    display: block;
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding: 30px 20px;
}
.page_heading_l h2, .page_heading_l h3 {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
}
.hosw_wrap {
    display: block;
    position: relative;
    margin-right: -15px;
}
.hosw_item {
    display: inline-flex;
    display: -ms-flex;
    flex-direction: row;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
    margin: 15px auto;
    width: 49%;
    max-width: 100%;
}
.hosw_img {
    display: block;
    width: 105px;
}
.hosw_txt {
    width: 100%;
    max-width: 100%;
    padding: 20px;
}
.hosw_txt.txt-even {
    padding-right: 0;
}
.hosw_txt p {
    margin: auto;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.hosw_txt b {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.cta_btn2 {
    display: inline-block;
    width: 500px;
    max-width: 100%;
    padding: 15px 20px;
    color: #ffffff;
    border: 2px solid;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}
.cta_btn2:hover {
    color: #112473;
    background-color: #ffbc00;
}
.list_wrap {
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
}
.list_item {
    width: 218px;
    max-width: 100%;
    display: flex;
    padding: 20px;
    vertical-align: top;
    background-color: #f7f7f7;
    margin: 5px 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #cacaca;
    flex-direction: column;
    justify-content: space-between;
}
.list_wrapv3 .list_item span {
    font-size: 13px;
    background-color: #e9f1ef;
    border-radius: 5px;
    padding: 10px;
    text-transform: uppercase;
    display: block;
}
.list_wrapv3 .list_item .icon {
    width: 100px;
    height: 100px;
    object-fit: unset;
    margin: 20px auto;
    border-radius: 50%;
}
.list_item img {
    background-color: unset;
    border-radius: unset;
    padding: unset;
    margin: auto;
    object-fit: contain;
}
.list_item h4 {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.list_item span {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    line-height: 18px;
}

/*  ---FRONTPAGE - Pricing---  */
.page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    padding: 120px 0;
}
.pricing_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/pricing-background.jpg);
}
.heading_img_01::before {
    background-image: url(../images/background/pricing.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 325px;
    width: 100%;
    max-width: 100%;
    top: -26px;
    right: 0;
}
#accordion {
    overflow: hidden;
}
.accordion {
    margin-bottom: 50px;
}
.card {
    border: unset;
}
.card-header {
    background: unset;
    border: unset;
    padding: 12px 20px;
    margin: 10px 0 !important;
    background-color: #ebebeb;
    border-left: 5px solid #112373;
}
.card-header span {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin: 10px auto;
}
.card-header h3, .card-header h4 {
    font-size: 14px;
    /* color: #112373; */
    padding-left: 0;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin: auto;
}
h5.collapsed {
    color: #000000;
}
.card-header h3:hover, .card-header h4:hover {
    color: #112373;
}
/*.card-header h3::before, .card-header h4::before {
    list-style: circle;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #112373;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: -20px;
}*/
.card-body {
    background-color: #1123730a;
    padding: 20px 40px;
}
.card-body p {
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}
.card-body p a {
    color: #0027c4;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.card-body p a:hover {
    color: #112373;
}
.pricing-box {
    display: block;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0px 2px 8px #e7e7e7;
    background-color: #ffffff;
    width: 100%;
    margin: 30px 0;
}
.pricing-box h3 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
}
.pricing-box.free h3 {
    color: #112373;
}
.pricing-box.free .wrap_number {
    background-color: #112373;
    color: #ffffff;
    margin: 15px 0;
}
.pricing-box.free .wrap_button a {
    background: #112373;
    border: 3px solid;
}
.pricing-box.standard h3 {
    color: #e50a0a;
}
.pricing-box.standard .wrap_number {
    background-color: #e50a0a;
    color: #ffffff;
    margin: 15px 0;
}
.pricing-box.standard .wrap_button a {
    background: #e50a0a;
    border: 3px solid;
}
.pricing-box.premium h3 {
    color: #ffbc00;
}
.pricing-box.premium .wrap_number {
    background-color: #ffbc00;
    color: #ffffff;
    margin: 15px 0;
}
.pricing-box.premium .wrap_button a {
    background: #ffbc00;
    border: 3px solid;
}
.pricing-box ._package-info {
    margin-bottom: 30px;
}
.pricing-box ._package-info ul li {
    padding: 5px 0;
    display: inline-block;
    width: 49%;
}
.pricing-box .wrap_button {
    text-align: right;
}
.pricing-box .wrap_button a:hover {
    background: #ffffff!important;
}
/*  ---FRONTPAGE - About---  */
.about_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/about-us-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/about-us-background.webp) 1x);
    text-align: center;
    padding: 60px 0;
    min-height: 300px;
}
.page_img {
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: -100px auto 0;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}
.page_img img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 5px solid #ffffff;
    border-radius: 50%;
    margin: auto;
    display: block;
}
.page_img h3 {
    margin: 20px auto 0;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    font-size: 28px;
}
.page_img span {
    font-size: 1.3rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.highlight_text {
    color: #112373;
    font-style: italic;
    font-size: 22px;
    margin: 30px 0;
}
.sub_text {
    margin: 30px 0 20px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.page_sig {
    display: block;
    position: relative;
    text-align: center;
    padding: 50px 0;
}
.page_sig img {
    width: 500px;
    margin-bottom: 20px;
}
.page_sig h3 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: auto;
}
.page_link {
    display: block;
    padding: 30px 0;
    text-align: center;
}
.page_link span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

/*  ---NEW ABOUT PAGE---  */

.page_heading .heading3 {
    font-size: 3rem;
    font-weight: bold;
    color: #112373;
    font-family: 'Poppins', sans-serif;
}
.team-item {
    display: block;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 8px #e7e7e7;
    background-color: #112373;
    width: 100%;
    margin: 30px 0;
    position: relative;
}
.team-item div {
    vertical-align: middle;
}
.team-image {
    display: inline-block;
    width: 30%;
    max-width: 100%;
    position: relative;
    text-align: center;
    color: #ffffff;
    padding: 50px 30px 50px 45px;
    margin: auto;
}
.team-image img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 3px solid #ffffff;
    border-radius: 50%;
    margin: auto;
}
.team-image h4 {
    margin: 15px 0 5px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.team-image span {
    font-size: 14px;
    display: block;
    color: #ededed;
    width: 250px;
    max-width: 100%;
    margin: auto;
}
.team-image .social_icons .hover-fx.yt-icon {
    font-size: 10px;
}
.team-description {
    display: inline-block;
    width: 69%;
    max-width: 100%;
    position: relative;
    padding: 60px 30px 40px;
    background-color: #ffffff;
    right: -1%;
    min-height: 400px;
}
.team-description h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.gray-text p {
    color: #c4c4c4;
}

/*  ---Free Standard Account---  */
.account_header {
    background-image: url(../images/background/free-account-background.jpg);
    background-image: -webkit-image-set(url(../images/background/free-account-background.webp) 1x);
    text-align: center;
    padding: 60px 0;
}
.account_heading {
    display: block;
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding: 30px 20px;
}
.page_header.account_header .header_text {
    font-size: 55px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    text-transform: inherit;
    line-height: 70px;
}
.topheader_box {
    display: inline-block;
    padding: 5px 20px;
    margin: 10px 0;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #e50a0a;
}
.account_digit {
    display: block;
    position: relative;
    width: 215px;
    margin: 50px auto;
    text-align: right;
}
.account_digit h2 {
    display: block;
    font-size: 120px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -8px;
    color: #ffffff;
    line-height: 120px;
    margin: 0;
}
.account_digit span {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    margin-top: -15px;
}
.account_digit h2::after {
    content: " ";
    position: absolute;
    background: #e50c0c;
    display: block;
    width: 16px;
    height: 180px;
    top: -32px;
    right: 80px;
    transform: skew(-40deg, 0deg);
    text-align: center;
    margin: auto;
}
.account_plan {
    display: block;
    position: relative;
}
.account_info {
    display: block;
    position: relative;
    vertical-align: top;
}
.account_plan_list {
    display: inline-block;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    width: 80%;
    max-width: 100%;
    vertical-align: top;
}
.account_plan_list ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 13px;
    display: inline-block;
    width: 32%;
    vertical-align: top;
}
.account_plan_list ul li i {
    color: #2da959;
    font-size: 18px;
    padding-right: 10px;
}
.account_plan_reg {
    display: inline-block;
    width: 17%;
    max-width: 100%;
    margin-left: 20px;
    
}
.account_plan_reg a, .account_plan_reg button {
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    background-color: #e50c0c;
    color: #ffffff;
    display: block;
    border-radius: 10px;
    padding: 32px 20px;
    border: unset;
    width: 100%
}
.account_plan_reg a span, .account_plan_reg button span {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    line-height: 40px;
    margin: auto;
}
.account_plan span {
    display: block;
    font-size: 14px;
    color: #ffffff;
    margin: 20px auto 0;
}
.free_form_section {
    display: none;
    position: relative;
    padding: 100px 0;
}
.account_form_box div {
    vertical-align: bottom;
    text-align: center;
}
.account_form_box {
    display: block;
    position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 30px;
    box-shadow: 1px 1px 10px #dfdfdf;
}
.account_form_box .section_heading {
    padding: 0;
}
.free_account_form_img {
    width: 49%;
    display: inline-block;
    margin-bottom: -20px;
}
.free_account_form_img img {
    width: 350px;
}
.free_account_form {
    width: 50%;
    display: inline-block;
}
.free_form_container .btn {
    width: 100%;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}
.signup_arrow {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
}
.signup_arrow i {
    font-size: 60px;
    color: #2ecc8f;
}




/*  ---FRONTPAGE - Affiliate---  */
.faqs1_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/page-header-background.png);
}
.heading_img_16::before {
    background-image: url(../images/background/oj-layer-22.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 392px;
    width: 430px;
    max-width: 100%;
    top: -95px;
    right: 0;
}
.page_heading h3 {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 10px auto;
}
.content_img {
    padding: 30px;
}
.affiliate_wrap {
    display: block;
    position: relative;
    margin-top: -100px;
}
.affiliate_item {
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    margin: 30px 0;
    position: relative;
}
.aff_txt {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 30px;
    margin: 5px;
    width: 900px;
    max-width: 100%;
    border: 2px solid #dcdcdc;
}
.aff_txt h4 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.aff_num {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    background-color: #ededed;
    color: #ffffff;
    border-radius: 50%;
    margin-right: 30px;
    font-size: 20px;
}
.aff_num.n1 {
    background-color: #112373;
}
.aff_num.n2 {
    background-color: #e50a0a;
}
.aff_num.n3 {
    background-color: #ffbc00;
}

.affiliate_header {
    background-image: url(../images/background/affiliate-header.png);
    padding: 80px 0;
}
.heading_img_35::before {
    background-image: url(../images/background/affiliate.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 295px;
    width: 100%;
    max-width: 100%;
    top: 0;
    right: 0;
}
.heading_img_36::before {
    background-image: url(../images/background/marketplace-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 250px;
    width: 70%;
    max-width: 100%;
    top: -50px;
    right: 0;
}
.affiliate-wrap {
    padding: 30px 0;
}
.affiliate-wrap h2 {
    font-size: 40px;
    font-weight: 700;
    color: #112373;
    margin: 0 0 20px;
}
.affiliate-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 2px solid #15365f;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
    background-color: #112373;
}
.affiliate-text, .affiliate-img {
    width: 50%;
    max-width: 100%;
}
.affiliate-text {
    padding: 30px 25px;
    background-color: #ffffff;
}
.affiliate-group-img {
    display: flex;
    justify-content: center;
}
.affiliate-group-img img {
    width: 150px;
    max-width: 100%;
    background-color: #cacaca;
    border-radius: 50%;
    height: 150px;
    object-fit: contain;
    margin: 10px 20px;
}
.affiliate-group-img .aff-icon::after {
    content: '\27A7';
    font-size: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #2fcc90;
}
.affiliate-wrap.sub-heading {
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 0;
}
.affiliate-img img {
    height: 290px;
    object-fit: cover;
}
.affiliate-wrap h3, .affiliate-content-wrap h3 {
    font-size: 35px;
    font-weight: 700;
    color: #112373;
    margin: 0 0 20px;
}
.affiliate-content-wrap p {
    font-size: 16px;
}
.affiliate-content-wrap .btn-txt {
    font-weight: 600;
    font-style: italic;
}
.affiliate-content-wrap .btn-txt:nth-child(1) {
    color: #000000;
}
.affiliate-content-wrap .btn-txt:hover {
    opacity: .8;
}
.affiliate-wrap .btn_wrap, .affiliate-content-wrap .btn_wrap {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    text-align: center;
    background-color: #17b8a3;
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
}
.affiliate-btn {
    background-image: linear-gradient(#001050, #001050a1), url(../images/background/slider-profile2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 40px 40px;
    margin-bottom: 30px;
}
.affiliate-btn h3 {
    color: #ffffff;
    font-size: 35px;
}
.affiliate-btn h3 span {
    color: #ffbc00;
}
.affiliate-btn .btn_wrap:hover {
    background-color: #ffbc00;
    color: #112373;
}
.affiliate-container {
    display: flex;
    padding: 20px 0 50px;
}
.aff-performance {
    display: block;
    width: 30%;
    max-width: 100%;
    border: 2px solid #cacaca;
    border-radius: 20px;
    margin-right: 20px;
}
.aff-performance-value {
    padding: 20px 20px 0;
}
.aff-performance-value .btn_wrap:hover {
    background-color: #29dbc4;
}
.aff-performance-value h3 {
    font-size: 18px;
    color: #112373;
    font-weight: 600;
}
.aff-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aff-info span {
    font-size: 12px;
}
.aff-value {
    color: #112373;
    font-size: 13px;
    font-weight: 600;
}
.aff-performance-value .btn_wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    background-color: #17b8a3;
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 14px;
    padding: 8px;
    margin: 20px 0;
}
.aff-total-value {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: 2px solid #cacaca;
    padding-top: 20px;
}
.aff-total-value .dropdown {
    display: none;
    width: 100%;
    text-align: center;
}
.affiliate-values {
    display: flex;
}
.aff-wrap {
    display: block;
    width: 25%;
    max-width: 100%;
    text-align: center;
    padding: 0px 10px;
}
.aff-wrap .figure {
    font-size: 14px;
    font-weight: 600;
    color: #112373;
}
.aff-wrap .text {
    display: block;
    font-size: 10px;
}

.aff-links {
    display: block;
    width: 70%;
    max-width: 100%;
    border: 2px solid #cacaca;
    border-radius: 20px;
    overflow: hidden;
}
.aff-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-image: url(../images/background/affiliate-header.png);
}
.aff-header::before {
    background-image: url(../images/background/affiliate-header-info.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 160px;
    width: 300px;
    max-width: 100%;
    top: 0;
    right: 0;
}
.aff-header-info h3 {
    font-family: 'bebas_neueregular', sans-serif;
    color: #ffffff;
}
.aff-button {
    display: block;
}
.aff-button a {
    background-color: #cacaca;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-right: 5px;
}
.aff-button a:hover {
    background-color: #17b8a3;
    color: #ffffff;
}
.affiliate-buttons {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center;
}
.affiliate-buttons a {
    width: 48%;
    display: block;
    text-align: center;
    margin: 2px;
    border: 1px solid #cacaca;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase;
    padding: 10px;
}
.affiliate-buttons a:hover {
    background-color: #112373;
    color: #ffffff;
}

.affiliate-content-wrap {
    margin: 50px 0;
    padding: 0 20px;
}
.affiliate-content-wrap h4 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #112373;
    margin-bottom: 20px;
    margin-left: -20px;
    padding-left: 20px;
}
.affiliate-content-wrap h4::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
    margin-left: -15px;
}
.affiliate-content-wrap .aff-performance {
    width: 100%;
    margin: 0;
}
.affiliate-content-wrap .aff-info {
    padding: 7px;
}
.affiliate-content-wrap .aff-info span {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.affiliate-content-wrap .aff-info:nth-child(odd) {
    background-color: #f9f9f9;
}
.commission-wrap {
    display: flex;
    margin: 10px auto;
}
.commission-text {
    display: block;
    padding: 15px 20px;
    margin: 8px;
    border-radius: 15px;
    width: 32%;
    text-align: center;
    color: #ffffff;
}
.commission-text span {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
}
.commission-text p {
    font-size: 12px;
    margin: auto;
}
.commission-text:nth-child(1) {
    background-color: #112373;
}
.commission-text:nth-child(2) {
    background-color: #e50a0a;
}
.commission-text:nth-child(3) {
    background-color: #ffbc00;
}
.subscription-wrap {
    display: flex;
    margin: 30px auto;
    align-items: center;
}
.subscription-wrap img {
    width: 85px;
    max-width: 100%;
    margin-right: 20px;
}
.subscription-text {
    /*width: 90%;*/
    max-width: 100%;
}
.subscription-text span {
    font-size: 16px;
    font-style: italic;
    display: block;
}
.account-type .aff-info {
    padding: 8px 20px;
    border-radius: 6px;
    color: #ffffff;
    margin: 8px 0;
    font-weight: 500;
}
.account-type .aff-info:nth-child(1) {
    background-color: #707070;
}
.account-type .aff-info:nth-child(2) {
    background-color: #112373;
}
.account-type .aff-info:nth-child(3) {
    background-color: #e50a0a;
}
.account-type .aff-info:nth-child(4) {
    background-color: #ffbc00;
}
.account-type .aff-info .aff-value {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 0 0 4px #141414;
    line-height: 20px;
}
.aff-container {
    max-width: 1000px;
}
.aff-container .row {
    align-items: center;
}
.payment-logos {
    display: flex;
    width: 900px;
    max-width: 100%;
    margin: 30px auto;
    flex-wrap: wrap;
    justify-content: center;
}
.payment-logos img {
    width: 75px;
    border: 2px solid #cacaca;
    border-radius: 50%;
    margin: 5px;
}
.payment-logos img:hover {
    border: 2px solid #1123a0;
}
.affiliateint_header {
    background-image: url(../images/background/affiliate-banner.png);
    padding: 80px 0;
    min-height: unset;
}
.aff-container-sub {
    background-color: #202022;
    color: #ffffff;
}
.aff-container-sub .affiliate-wrap h3 {
    color: #ffffff;
}
.aff-container p {
    margin: 0;
    font-size: 18px;
}
.affiliate-program {
    padding: 80px 0;
}
.aff-container-sub {
    padding: 50px 0;
}
.hdw-img {
    padding: 30px 0 50px;
    width: 700px;
    max-width: 100%;
    margin: auto;
}
.affiliate-wrap.sub-heading h3 {
    text-align: center;
}
.affiliate-wrap.sub-heading p {
    font-size: 16px;
}
.aff-container-sub ul {
    margin: 30px 0;
}
.aff-container-sub ul li {
    font-size: 16px;
    margin-bottom: 5px;
}
.aff-img {
    width: 400px;
    max-width: 100%;
    margin: 10px auto 20px;
}


/*  ---FRONTPAGE - Contact us---  */
.heading_img_14::before {
    background-image: url(../images/background/contact-us-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 500px;
    width: 100%;
    max-width: 100%;
    top: -150px;
    right: 0;
}
.heading_img_37::before {
    background-image: url(../images/background/contact-us-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 500px;
    width: 100%;
    max-width: 100%;
    top: -150px;
    right: 0;
}

/*  ---FRONTPAGE - Signup---  */
.signup_section {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/map-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/map-background.webp) 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
}
.form_container {
    position: relative;
    display: block;
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 30px;
    overflow: hidden;
    z-index: 2;
}
.form_container .btn {
    text-transform: uppercase;
}
.container_wrap {
    padding: 50px;
}
.container_wrap .title {
    color: #000000;
    font-size: 3.5rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
}
.container_wrap .title span {
    color: #112373;
}
.btmcontainer_wrap {
    display: block;
    background-color: #112373;
    padding: 30px 50px;
    text-align: center;
    color: #ffffff;
}
.btmcontainer_wrap {
    display: block;
    background-color: #112373;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    padding: 30px 50px;
}
.btmcontainer_wrap a {
    color: #ffffff;
    font-weight: bold;
}
.form_section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
}
.form_section .btn {
    padding: 5px 50px;
    text-transform: uppercase;
}
.plan-infos {
    display: block;
    border-radius: 5px;
    font-size: 13px;
    margin: 20px 0 0;
}
.signup_page footer, .login_page footer {
    background-image: linear-gradient(#e50a0ac9, #e50a0ac9), url(../images/background/footer-building.jpg);
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #112373;
    background-color: #112373;
}
.form-group label {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: auto;
    color: #112373;
}
.other_form {
    display: block;
    padding: 50px 20px 0;
}
.other_form span {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.other_form .btn {
    border: 2px solid;
    margin: 5px auto 5px 20px;
}

.employerfields {
    display:none;
}
.form-group select {
    padding: .375rem .75rem;
}
#planToggle {
    border: 2px solid #000000;
    border-radius: 5px;
}

.product_container {
    position: relative;

    margin: 10px 0;
}
.product_container .wrap_item {
    width: 100%;
}
.product_container .wrap_item_box {
    width: 300px;
    max-width: 100%;
    text-align: center;
}
.product_container .free_wrap {
    background: linear-gradient(
360deg
 , #ffffff 50%, #112373 50%);
}
.product_container .wrap_details {
    background-color: #ffffff52;
    margin-left: 40px;
    border-radius: 15px;
    width: 300px;
    max-width: 100%;
}
.signup_section .btmcontainer_wrap {
    background-color: #ab0606;
}
.page_header .topheader_text {
    font-size: 14px;
}
.page_header .header_text {
    width: 100%;
    font-size: 100px;
    line-height: 90px;
    text-transform: uppercase;
    margin: 10px 0;    
}
.page_content {
    padding: 20px 0 30px;
    position: relative;
}
.pricing_container, .list_container {
    display: block;
    position: relative;
    text-align: center;
}
.wrap_item {
    width: 33%;
    display: inline-flex;
    padding: 10px;
    margin: auto;
    position: relative;
}
.wrap_title {
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
}
.wrap_item_box {
    display: block;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0px 2px 8px #e7e7e7;
    background-color: #ffffff;
    width: 100%;
}
.free_wrap {
    background: linear-gradient(
360deg
, #ffffff 80%, #112373 80%);
}
.free_wrap .wrap_button a {
    background: #112373;
    border: 3px solid;
}
.premium_wrap {
    background: linear-gradient(360deg, #ffffff 80%, #e50a0a 80%);
}
.premium_wrap .wrap_button a {
    background: #e50a0a;
    border: 3px solid;
}
.golden_wrap {
    background: linear-gradient(360deg, #ffffff 80%, #ffbc00 80%);
}
.golden_wrap .wrap_button a {
    background: #ffbc00;
    border: 3px solid;
}
.wrap_button a:hover {
    background: #ffffff;
    color: #000000;

}
.wrap_number {
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    margin: 15px;
}
.wrap_number h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 900;
    display: inline-block;
}
.wrap_number span {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.wrap_number span .annual-price {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 900;
}
.wrap_details {
    min-height: 550px;
}
.wrap_details ul {
    list-style: none;
    padding: 10px;
    margin: 0;
}
.wrap_details ul li {
    padding: 5px 10px;
}
.wrap_button a {
    display: inline-block;
    padding: 5px 30px;
    border-radius: 25px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 5px;
    text-transform: uppercase;
    color: #ffffff;
}
.employer_taglines p {
    color: #ffffff;
    width: 486px;
    max-width: 100%;
    margin: 20px 0;
}
.employer_taglines p a {
    color: #ffbc00;
}
.employer_taglines p a:hover {
    color: #bf9215;
}

/* The container */
._radio-btn {
    display: block;
    position: relative;
    padding: 10px 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

/* Hide the browser's default radio button */
._radio-btn input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
._checkmark {
position: absolute;
    top: 8px;
    right: 20px;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
border: 2px solid #0e6d5d;
}

/* On mouse-over, add a grey background color */
._radio-btn:hover input ~ ._checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
._radio-btn input:checked ~ ._checkmark {
background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
._checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
._radio-btn input:checked ~ ._checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
._radio-btn ._checkmark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #112373;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
._signupv4 .wrap_details {
    min-height: unset;
}
._signupv4 .signup_wrap .product_container .free_wrap {
    background: unset;
}
._signupv4 .signup_wrap .product_container .wrap_title {
    background-color: #112373;
    padding: 50px 200px 20px 20px;
    display: block;
}
._signupv4 .signup_wrap .product_container.standard_plan .wrap_title {
    background-color: #e50a0a;
}
._signupv4 .signup_wrap .product_container.premium_plan .wrap_title {
    background-color: #ffbc00;
}
._signupv4 .signup_wrap .product_container .wrap_details ul {
    padding: 20px;
    margin: 45px 0 0;
}
._signupv4 .wrap_item_box {
    padding: 0;
    overflow: hidden;
}
._package-title {
    color: #ffffff;
    padding: 20px;
}
.free_plan ._package-title {
    background-color: #ffbc00;
    color: #000000;
}
.free_plan ._package-title span {
    color: #000000;
}
.standard_plan ._package-title {
    background-color: #112373;
}
.premium_plan ._package-title {
    background-color: #e50a0a;
}
._package-title i {
    font-size: 30px;
}
._package-title .fa-star {
    color: #ffffff;
}
._package-title h2 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    margin: auto;
}
._package-title span {
    font-size: 12px;
    color: #f6f6f6;
    display: block;
}
._package-price {
    padding: 20px;
    background-color: #f6f6f6;
}
._package-price h3 {
    font-size: 40px;
    font-weight: 800;
    margin: 0;
}
._package-price span {
    text-transform: uppercase;
    font-size: 14px;
}
._package-price .annual-price {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}
._package-info {
    background-color: #ffffff;
    padding: 20px;
}
._package-info ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
}
._package-info ul li {
    padding: 5px 0;
}
._package-info ul li i{
    margin-right: 10px;
}
.signup_wrap .section_heading .title {
    margin: auto;
}
.signup_wrap .dots span:nth-child(1) {
    background-color: #112373;
}
.signup_wrap .btn-group-toggle {
    width: 100%;
}
.signup_wrap .employer_btn {
    background-color: #32bea6;
    --rgb: 50, 190, 166;
    --rgb: 48, 72, 179;
}
.signup_wrap .worker_btn {
    background-color: #3048b3; 
    --rgb: 48, 72, 179;
}
.signup_wrap .btn-group-toggle .btn {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    --alpha: 1;
    background-color: rgba(var(--rgb), var(--alpha));
    text-shadow: 0 1px 5px black;
}
.signup_wrap .btn-group-toggle .btn:hover {
    --alpha: .9;
}
.signup_wrap .btn-group-toggle .active {
    background-color: #148572;
}
.signup_wrap .product_container {
    background-image: unset;
}
.signup_wrap .product_container span {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    display: block;
}
.signup_wrap .product_container .free_wrap {
    background: linear-gradient(
360deg
 , #ffffff 80%, #112373 80%);
}
.signup_wrap .product_container .wrap_item {
    width: 100%;
    display: block;
}
.signup_wrap .product_container .wrap_item_box {
    width: 100%;
}
.signup_wrap .product_container .wrap_number {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 15px;
}
.signup_wrap .product_container .wrap_number h4 {
    font-size: 3rem;
}
.signup_wrap .product_container .wrap_number span {
    font-size: 16px;
}
.signup_wrap .product_container .wrap_title {
    text-align: left;
    padding-right: 200px;
}
.signup_wrap .product_container .wrap_details {
    background-color: #ffffff52;
    width: 100%;
    margin: auto;
    text-align: left;
}
.signup_wrap .product_container .wrap_details ul {
    padding: 0;
    margin: 80px 0 0;
}
.signup_wrap .product_container .wrap_details ul li {
    padding: 10px 0;
}
.signupfooter_section {
    background-image: url(../images/background/background-07.png);
    background-image: -webkit-image-set(url(../images/background/background-07.webp) 1x);
    height: 600px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -290px;
    padding: 400px 0 50px;
}
.signupfooter_section::before {
    content: " ";
    position: absolute;
    display: block;
    background-image: url(../images/background/sign-up.png);
    background-image: -webkit-image-set(url(../images/background/sign-up.webp) 1x);
    height: 625px;
    width: 600px;
    max-width: 100%;
    background-position: top;
    background-size: cover;
    bottom: 50px;
    left: 100px;
}
.widget_container {
    display: block;
    position: relative;
    text-align: right;
}
.widget_container img {
    width: 400px;
    margin-bottom: 10px;
}
.widget_container p {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
}
.g-recaptcha div {
    margin: auto;
}
.form-control {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid;
    max-width: 100%;
    margin: 5px 10px 5px 0;
    vertical-align: middle;
    border-radius: 0;
    font-size: 14px;
}
.generate_password {
    padding: 2px 10px;
    background-color: #ececec;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #112373;
    float: right;
}
.generate_password:hover {
    color: #17b8a2;
    background-color: #eeeeee;
}
.alert {
    font-size: 13px;
    padding: 5px 10px;
}
.alert-info {
    color: #000000;
    background-color: #ffbc00;
    border-color: #ffbc00;
}
.alert-danger {
    color: #ffffff;
    background-color: #ce2626;
    border-color: #ce2626;
}
.alert-danger a {
    color: #ffbc00;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.alert-danger a:hover {
    color: #ffffff;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(34, 237, 61, 0.2);
    -webkit-transition: all .275s;
            transition: all .275s;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2713';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #17b8a2;
    line-height: 0;
    -webkit-transition: all .2s;
            transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
.uneditable-input:focus,
.form-control:focus {
  border-color: #141414;
  box-shadow: 0 1px 1px #dadada inset, 0 0 8px #dadada;
  outline: 0 none;
}

/*  --- VERIFY PAGE---  */
.verify_signup {
    padding-bottom: 400px;
}
.verify_signup .btmcontainer_wrap {
    background-color: unset;
    color: #112373;
    padding-top: 10px;
}
.verify_signup .btmcontainer_wrap a {
    color: #112373;
}
.verify_signup .btn_wrap {
    border-radius: 5px;
    width: 100%;
    padding: 12px 10px;
}
.verify_signup .container_wrap {
    padding-bottom: 0;
}

.head-text {
    width: 62%;
    max-width: 100%;
}
.email-note {
    display: block;
    font-size: 13px;
    font-style: italic;
}

/*  ---FRONTPAGE - Login---  */
.login_page {
    background-color: #e50a0a;
}
.oj_section {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/login-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/login-background.webp) 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
}
.ojfooter_section {
    background-image: url(../images/background/background-00.png);
    height: 420px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -290px;
    padding: 250px 0 50px;
    overflow: hidden;
}
.ojfooter_section::before {
    content: " ";
    position: absolute;
    display: block;
    background-image: url(../images/background/log-in.png);
    height: 500px;
    width: 700px;
    max-width: 100%;
    background-position: top;
    background-size: cover;
    bottom: -100px;
    left: -100px;
}
.widget_container {
    display: block;
    position: relative;
    text-align: right;
}
.widget_container img {
    width: 400px;
    margin-bottom: 30px;
}
.widget_container p {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
}
.widget_container a {
    color: #ffffff;
}
.widget_container a:hover {
    color: #e50a0a;
}
.login-v3 {
    padding: 100px 0 200px;
}
.form_wrapperv3 {
    position: relative;
    z-index: 2;
}
.form_contentv3 {
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 30px;
    padding: 50px 30px 60px;
}
.form_contentv3 .title {
    text-align: center;
    color: #112373;
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    margin: auto;
    padding: 0 30px;
    font-family: 'Roboto', sans-serif;
}
.form_contentv3 .dots span:nth-child(1) {
    background-color: #112373;
}
.form_contentv3 form {
    padding: 30px 20px 0;
}
.form_contentv3 .text_center span {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.w-icon {
    position: relative;
}
.w-icon .form-control {
    padding-left: 2.375rem;
    border: 2px solid #000000;
    border-radius: 5px;
}
.w-icon .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 0;
}
.w-icon .form-control-icon::before {
    color: #858585;
}
.login-v3 .btn_wrap {
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 8px 10px;
    letter-spacing: 1px;
    margin: 10px auto;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
}
.login-v3 .btn-label {
    width: 30px;
    height: 30px;
    line-height: 34px;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 5px;
    font-size: 16px;
}
.btn-fb {
    background-color: #3b5999;
}
.btn-fb .btn-label {
    color: #3b5999;
}
.btn-in {
    background-color: #0077b4;
}
.btn-in .btn-label {
    color: #0077b4;
}
.social_login {
    display: flex;
    justify-content: space-between;
}
.social_login .btn_wrap {
    font-size: 12px;
    display: flex;
    width: 49%;
    line-height: 40px;
    padding: 0 5px;
    margin: 5px 0;
    justify-content: space-between;
    letter-spacing: 5px;
}
.social_login .btn_wrap:hover {
    opacity: .9;
}
.form_wrapperv3 .login-note {
    position: relative;
    display: block;
    padding: 20px;
    text-align: center;
    color: #ffffff;
}
.form_wrapperv3 .login-note span {
    text-shadow: 2px 2px 5px #101737;
}
.form_wrapperv3 .login-note a {
    color: #ffbc00;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.ojfooter_sectionv3 {
    background-image: url(../images/background/background-12.png);
    background-image: -webkit-image-set(url(../images/background/background-12.webp) 1x);
    height: 600px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -330px;
    padding: 400px 0 50px;
}
.ojfooter_sectionv3::before {
    content: " ";
    position: absolute;
    display: block;
    background-image: url(../images/background/log-in.png);
    background-image: -webkit-image-set(url(../images/background/log-in.webp) 1x);
    height: 577px;
    width: 700px;
    max-width: 100%;
    background-position: top;
    background-size: cover;
    bottom: 50px;
    left: 100px;
}
.rpw-section {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/forgot-pw-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/forgot-pw-background.webp) 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0 200px;
}
.rpw-section .heading_container {
    width: 500px;
    max-width: 100%;
}
.rpw-section .header_text {
    font-family: 'bebas_neueregular', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 6rem;
    line-height: 5.2rem;
}
.rpw-section .form_contentv3 .text_center {
    padding: 0;
}
.rpw-section .form_contentv3 .title {
    text-align: center;
    color: #112373;
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 auto 20px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
.rpw-footer-section {
    background-image: url(../images/background/background-14.png);
    background-image: -webkit-image-set(url(../images/background/background-14.webp) 1x);
    height: 690px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -162px;
    padding: 400px 0 100px;
}
.rpw-footer-section::before {
    content: " ";
    position: absolute;
    display: block;
    background-image: url(../images/background/forgot-pw.png);
    background-image: -webkit-image-set(url(../images/background/forgot-pw.webp) 1x);
    height: 600px;
    width: 560px;
    max-width: 100%;
    background-position: top;
    background-size: cover;
    bottom: 150px;
    left: 100px;
}
.rpw-button {
    padding: 0;
}

/*  ---FRONTPAGE - Policy---  */
.container-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    padding: 120px 0;
    background-image: url(../images/background/sp-bg.png);
}
.heading_img_11::before {
    background-image: url(../images/background/cookie-policy.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 500px;
    width: 100%;
    max-width: 100%;
    top: -130px;
    right: 0;
}
.content a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.heading_img_12::before {
    background-image: url(../images/background/privacy-policy.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 340px;
    width: 100%;
    max-width: 100%;
    top: -5px;
    right: 0;
}
.heading_img_13::before {
    background-image: url(../images/background/terms-and-conditions.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 700px;
    max-width: 100%;
    top: -98px;
    right: 0;
}
.box_content {
    padding: 0 0 100px;
}
.box_content .page_heading {
    position: unset;
    padding: 30px 30px 20px;
}
.box_content .page_heading h3 {
    display: inline-block;
    position: relative;
    padding: 0 50px;
}
.box_content .cat_container {
    border: 2px solid #cacaca;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #00000063;
    background-color: #f2f2f2;
}
.box_content .cat_container ul li {
    padding: 8px 50px;
    background-color: #112373;
}
.box_content .cat_container ul li:hover {
    background-color: #b7b7b7;
}

/*  ---FRONTPAGE WORKER/EMPLOYER--- */
.fullslide_banner {
    height: 100%;
    min-height: unset;
    position: relative;
    width: 100%;
    transition: 1s;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0 120px;
    overflow: hidden;
}
.fullslide_banner::before {
    content: '';
    height: 100vh;
    width: 100%;
    background-color: #112373;
    clip-path: polygon(0 0, 60% 0, 40% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 60% 0, 40% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 60% 0, 40% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 60% 0, 40% 100%, 0% 100%);
    display: block;
    position: absolute;
    top: 0;
}
#page_header2 .header_text {
    width: 100%;
}
.fullslide_banner .heading_container p {
    width: 60%;
    color: #ffffff;
}
.worker_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/w-homebanner.png);
}
#page_header2 {
    background-image: url(../images/background/homebanner-01.jpg);
}
#page_header3 {
    background-image: url(../images/background/homebanner-02.jpg);
}
.bg_section {
    background-image: url(../images/background/background-11.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eab32a;
}
.bg_section .dots span:nth-child(3) {
    background-color: #ffffff;
}
.homepage_blog .blog_post_item {
    width: 32%;
}
.homepage_blog .blog_post_item .lines {
    text-align: left;
}
.lines .l2 {
    display: inline-block;
    background-color: #e50a0a;
}
.lines .l3 {
    background-color: #ffbc00;
}
.text_link {
    color: #112373;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #112373;
}
.blog_post_list {
    text-align: center;
    padding-bottom: 50px;
}
.blog_post_item {
    position: relative;
    display: inline-block;
    width: 49%;
    max-width: 100%;
    vertical-align: top;
    padding: 20px 15px;
}
.blog_thumbnail {
    display: block;
    width: 100%;
    min-height: 230px;
    margin-bottom: 20px;
}
.blog_thumbnail img {
    object-fit: cover;
    height: 230px;
}
.blog_title {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: 2px auto 20px;
    text-align: center;
}
.blog_excerpt {
    font-size: 14px;
    text-align: left;
}
.blog_btn {
    display: block;
    text-align: center;
}
.blog_btn .btn_wrap {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 15px;
}
.blog_btn .btn_wrap:hover {
    color: #ffffff;
}

/*  ---FRONTPAGE WORKER/EMPLOYER FAQs--- */
.faqs1_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/page-header-background.png);
}
.heading_img_05::before {
    background-image: url(../images/background/employers-faqs.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 500px;
    width: 600px;
    max-width: 100%;
    top: -150px;
    right: 0;
}
.heading_img_06::before {
    background-image: url(../images/background/workers-faqs.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 320px;
    width: 100%;
    max-width: 100%;
    top: -22px;
    right: 0;
}
.step_txt {
    display: inline-block;
    padding: 5px 50px 5px 20px;
    background-color: #112373;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    border-radius: 20px;
    position: relative;
}
.step_txt .number {
    position: absolute;
    right: -2px;
    padding: 10px;
    top: -5px;
    background-color: #e50a0a;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}
.faqs-wrapper .column_wrap {
    background-color: #1123730a;
}
.faqs-wrapper h3 {
    margin-top: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    color: #112373;
}
.faqs-wrapper h4 {
    font-size: 16px;
}
.faqs-wrapper h4 i {
    color: #25b9a0;
    margin-right: 10px;
}

.has-search {
    position: relative;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 0;
    left: 0;
    font-size: 18px;
}
.has-search .form-control {
    border-radius: 30px;
    padding: 8px 100px 8px 40px;
    height: auto;
    border: 1px solid #aaaaaa;
}
.has-search .btn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 12px;
    padding: 6px 30px;
    margin: 10px 0;
    border-radius: 20px;
    background-color: #112373;
    border-color: #112373;
}
.has-search .btn:hover {
    background-color: #0027c4;
    color: #ffffff;
}
.post_btn {
    width: 100%;
    text-align: center;
}
.sitemap-links span {
    color: #141414;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
}
.sitemap-links ul li::marker {
    color: #e50a0a;
}
.sitemap-links ul li a {
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 400;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.sitemap-links ul li a:hover {
    color: #0027c4;
}
.sitemap_header {
    background-image: url(../images/background/sitemap-background.png);
}
.sitemap-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sitemap-box {
    width: 370px;
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0px 2px 8px #d1d1d1;
}
.heading_img_18::before {
    background-image: url(../images/background/sitemap.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 100%;
    max-width: 100%;
    top: -50px;
    right: 0;
}
.search-profile {
    pointer-events: none;
}
.search-profile .has-search .btn {
    top: -1px;
    padding: 5px 30px;
}
.search-profile {
    pointer-events: none;
}
.search-profile .has-search .btn {
    top: -1px;
    padding: 5px 30px;
}
/*  ---EMPLOYER - FAQs v2---  */
._faqs-v2 .page_heading {
    width: 100%;
    background-color: #ffbc01;
}
._faqs-v2 .column_wrap {
    border-radius: 0 0 20px 20px;
    box-shadow: unset;
    background-color: #4355af;
}
._faqs-v2 .content_wrap_sm {
    color: #ffffff;
}
._faqs-v2 .has-search .btn {
    background-color: #17b8a2;
    border-color: #17b8a2;
}
._faqs-v2 .btn:hover, ._faqs-v2 .btn_wrap:hover {
    background-color: #11dcc1;
    border-color: #11dcc1;
}
._step_txt2 {
    background-color: #e50a0a;
}
.faqs-section {
    padding-top: 0;
    margin-top: -70px;
}

/*  ---WORKER - FAQs v2---  */
._worker-faqs-v2 .page_heading h3 {
    text-shadow: 0 0 5px #ffffff;
}
._worker-v2 {
    overflow: hidden;
    padding: 50px 0 130px;
}
._worker-v2::before {
    content: '';
    width: 680px;
    height: 680px;
    border-radius: 50%;
    position: absolute;
    background-color: #ffbc00;
    top: 0;
    right: -150px;
    z-index: -1;
}
._worker1-v2 {
    margin-top: -100px;
}
._worker2-v2 {
    overflow: hidden;
    padding: 150px 0 150px;
    margin: -220px 0 -100px;
}
._worker2-v2::before {
    content: '';
    width: 800px;
    height: 800px;
    border-radius: 50%;
    position: absolute;
    background-color: #3f57af;
    top: 0;
    left: -150px;
    z-index: -1;
}

/*  ---WORKER - Find Job---  */
.heading_img_02::before {
    background-image: url(../images/background/oj-layer-02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 580px;
    max-width: 100%;
    top: -25px;
    right: 0;
}
.worker_header .btn_link {
    background-color: #e50a0a;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    width: 230px;
    padding: 10px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left;
    display: block;
}
.page_heading_l {
    text-align: left;
}
.list_container .wrap_item_box {
    padding: 20px;
    margin-bottom: 30px;
}
.list_container .wrap_item_box img {
    border-radius: 10px;
    margin-bottom: 20px;
}
.job_title h4 {
    text-transform: uppercase;
    font-weight: 800;
    color: #112373;
}
.job_title h4 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #1e1e1e;
}
.list_container .btn {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    border: 2px solid;
    border-radius: 30px;
    width: 200px;
    margin: 10px auto 20px;
}

/*  ---EMPLOYER - Find Job---  */
.heading_img_03::before {
    background-image: url(../images/background/oj-layer-03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 580px;
    max-width: 100%;
    top: -80px;
    right: 0;
}
.list_container .icon_image {
    padding: 20px;
    width: 200px;
}
.w_image {
    position: relative;
    width: 200px;
    max-width: 100%;
    margin: auto;
}
.w_image .w_dp {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50% !important;
}
.w_image .w_badge {
    width: 30px;
    position: absolute;
    bottom: 0;
    right: 40px;
}
.w_name {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}
.w_position {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #23378e;
    margin-bottom: 15px;
}
.w_rate {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #23378e;
    padding: 20px 0;
}
.category_list ul {
    margin: auto;
    padding: 0;
    list-style: none;
}
.category_list ul li {
    display: inline-block;
    margin: 2px;
}
.category_list ul li a {
    display: inline-block;
    font-size: 12px;
    padding: 2px 15px;
    border: 1px solid;
    border-radius: 20px;
    color: #000000;
}

/*  ---FRONTPAGE - Blogs--- */
.blog_header {
    background-image: url(../images/background/background-10.png);
}
.heading_img_15::before {
    background-image: url(../images/background/oj-layer-19.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 100%;
    max-width: 100%;
    top: -98px;
    right: 0;
}
.blog_post_list {
    text-align: center;
    padding-bottom: 50px;
}
.main_blog_post {
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 20px auto;
}
.main_blog_post > .main_blog_header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(#ffffff00, #000000bf);
}
.main_blog_post > .main_blog_header > h2 {
    color: white;
    text-shadow: 0 1px 0 black;
    text-align: left;
    font-size: 30px;
    margin: 10px 0;
    display: block;
}
.main_blog_header .blog_excerpt {
    color: #ffffff;
}
.main_blog_header .blog_excerpt a {
    color: #ffffff;
    text-transform: uppercase;
}
.blog_post_item {
    position: relative;
    display: inline-block;
    width: 49%;
    max-width: 100%;
    vertical-align: top;
    padding: 20px 15px;
}
.blog_thumbnail {
    display: block;
    width: 100%;
    min-height: 230px;
    margin-bottom: 20px;
}
.blog_thumbnail img {
    object-fit: cover;
    height: 230px;
}
.blog_title {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: 2px auto 20px;
    text-align: center;
}
.blog_excerpt {
    font-size: 14px;
    text-align: left;
}
.blog_btn {
    display: block;
    text-align: center;
}
.blog_btn .btn_wrap {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 15px;
}
.blog_btn .btn_wrap:hover {
    color: #ffffff;
}
.detail_group h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.popular_post_list {
    display: block;
    position: relative;
    padding: 20px 0 50px;
}
.popular_post_item {
    display: inline-flex;
    display: -ms-flex;
    flex-direction: row;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
    margin: 15px auto;
}
.popular_post_item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.ppost_title {
    display: block;
    padding: 10px;
    margin-left: 10px;
}
.ppost_title h4 {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: 0;
}
.ppost_title span {
    font-size: 11px;
    text-transform: uppercase;
}
.twt_logo {
    width: 30px;
}
.twt_post_title {
    padding: 10px;
    display: inline-block;
}
.twt_post_title h4 {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: auto;
}
.twt_post_title span {
    font-size: 11px;
    display: block;
    color: #999999;
}
.twitter_post {
    font-size: 12px;
    padding-left: 40px;
}
.twitter_post img {
    display: block;
    width: 300px;
    height: 100px;
    object-fit: cover;
    margin: 10px 0;
}
.popular_post_list .hover-fx:hover {
  background-color: #112373;
  color: #ffffff;
}
.popular_post_list .hover-fx:after {
  box-shadow: 0 0 0 1px #112373;
}

/*  ---BLOGPOST---  */
._featured-img {
    position: relative;
    display: block;
    margin-top: -250px;
}
._featured-img img {
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000063;
    margin-bottom: 50px;
    height: 500px;
    object-fit: cover;
}
._blog-post {
    display: block;
    width: 1000px;
    max-width: 100%;
    margin: auto;
}
._blog-title {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 40px;
    color: #112373;
}
._blog-post .dots {
    text-align: center;
}
._blog-post .dots span:nth-child(1) {
    background-color: #112373;
}
._blog-content h2 {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 15px;
    color: #112373;
}
.align-right {
    float: right;
    width: 500px;
    margin: 5px 0 5px 15px;
}

.request-pw .head-text {
    width: 80%;
}
.sub-text {
    display: block;
    width: 100%;
    padding: 20px 50px;
    background-color: #ffbc00;
    border: 5px solid #112373;
    text-align: center;
    margin: 40px auto 0;
}
.sub-text p {
    margin: auto;
}
.text-terms .page_heading {
    width: 100%;
    padding: 30px 5px;
}
.text-terms h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #112373;
}
.text-terms h4 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.text-terms strong {
    color: #505050;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.text-terms .sub-text {
    margin: auto;
    border-radius: 10px;
    border: 2px solid #000000;
    padding: 50px;
    background-color: #112373;
    color: #ffffff;
    box-shadow: 1px 1px 5px #cacaca;
}

/*  ---NEW PRICING SECTION--- */
.pricing-item {
    display: flex;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 8px #e7e7e7;
    background-color: #ffffff;
    width: 100%;
    margin: 30px 0;
    position: relative;
}
.pricing-item div {
    vertical-align: top;
}
.price-list {
    flex: auto;
    width: 30%;
    max-width: 100%;
    box-shadow: 10px 0px 10px -5px rgb(0 0 0 / 20%);
    /*min-height: 480px;*/
    position: relative;
}
.plan-price {
    display: block;
    padding: 50px 30px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    color: #ffffff;
}
.plan-price:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #cacaca;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}
.plan-price h3 {
    font-size: 5rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.plan-price h3 span {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}
.pricing-item.free-plan .plan-price h3, .free-plan .plan-description h4, .free-plan .plan-button a {
    color: #141414;
}
.plan-price h5, .plan-price h4 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-top: 0.5rem;
}
.plan-price h5 span, .plan-price h4 span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    display: block;
}
.plan-button {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: 0;
    padding: 30px 20px 50px;
}
.plan-button a {
    background-color: #cacaca;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}
.plan-description {
    display: inline-block;
    width: 69%;
    max-width: 100%;
    position: relative;
    padding: 70px 30px 40px;
}
.plan-description h4 {
    position: absolute;
    right: -1%;
    top: 0;
    padding: 10px 20px 10px 40px;
    background-color: #cacaca;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    width: 260px;
    text-align: right;
    max-width: 100%;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.plan-list ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 15px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.plan-list ul li {
    padding: 5px 0 5px 30px;
    vertical-align: bottom;
    position: relative;
}
.plan-list ul li i {
    color: #2da959;
    font-size: 18px;
    padding-right: 10px;
    position: absolute;
    left: 0;
}
.plan-list ul li i.fa-times {
    color: #e50a0a;
    left: 5px;
    bottom: 8px;
}
.plan-text {
    display: block;
    padding-top: 50px;
}
.plan-text p {
    font-size: 14px;
    margin-bottom: 12px;
}
.free-plan .plan-price, .free-plan .plan-description h4, .free-plan .plan-button a {
    background-color: #ffbc00;
}
.free-plan .plan-price:after {
    border-top-color: #ffbc00;
}
.free-plan .plan-list ul {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}
.standard-plan .plan-price, .standard-plan .plan-description h4, .standard-plan .plan-button a {
    background-color: #23378e;
}
.standard-plan .plan-price:after {
    border-top-color: #23378e;
}
/*.standard-plan .price-list {
    min-height: 500px;
}
.premium-plan .price-list {
    min-height: 785px;
}*/
.premium-plan .plan-price, .premium-plan .plan-description h4, .premium-plan .plan-button a {
    background-color: #e50a0a;
}
.premium-plan .plan-price:after {
    border-top-color: #e50a0a;
}
.plus-service {
    position: relative;
    display: inline-block;
}
.plus-service span {
    position: relative;
    font-size: 17px !important;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    display: block;
}
.plus-service .fa-plus-square {
    color: #2da959;
    font-size: 18px;
    padding-right: 10px;
}
.plus-service {
    margin: auto;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 15px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.plus-service li, .plan-text span {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.plan-text span .highlight-text {
    display: inline-block;
    color: #007bff;
    margin-bottom: 0;
}
.plan-list .plus-service ul {
    width: 100%;
}
.plan-text span {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    display: block;
}
.plan-text .plan-text-highlight {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.not-included ul li {
    text-decoration: red line-through;
}

/*  ---v2 PRICING page--- */
.free-plan2 .plan-price, .free-plan2 .plan-description h4, .free-plan2 .plan-button a {
    background-color: #919191;
}
.free-plan2 .plan-price:after {
    border-top-color: #919191;
}
.paid-listing-plan .plan-price, .paid-listing-plan .plan-description h4, .paid-listing-plan .plan-button a {
    background-color: #ffbc00;
}
.paid-listing-plan .plan-price:after {
    border-top-color: #ffbc00;
}

/*  ---v3 PRICING page--- */
.pricing-plan {
    display: flex;
    flex-wrap: wrap;
}
.pricing-wrap {
    flex: auto;
    position: relative;
    width: 300px;
    max-width: 100%;
    margin: 10px;
}
.price-item {
    display: block;
    text-align: center;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    /*overflow: hidden;*/
    box-shadow: 0px 2px 8px #e7e7e7;
    position: relative;
}
.pricing-title {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px 10px 40px;
    background-color: #625f5f;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    width: 260px;
    text-align: right;
    max-width: 100%;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    border-radius: 0 15px 0 0;
}
.pricing-title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.tab-content {
    position: relative;
}
.pricing-note {
    display: flex;
    min-height: 105px;
    margin-bottom: 50px;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}
.pricing-note span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    display: block;
    padding: 10px 30px;
}
.pricing-note span .highlight-text {
    display: inline-block;
    color: #007bff;
    margin-bottom: 0;
    padding: 0;
}
.pricing-note span em {
    font-size: 13px;
}
.tooltipwrap {
    /* position: relative; */
    color: #ffffff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    background-color: #625f5f;
    display: inline-block;
    text-align: center;
    border: 1px solid #6c5353;
    box-shadow: 0px 2px 8px #e7e7e7;
    font-size: 12px;
    line-height: 16px;
}
.tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #625f5f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    display: block;
    font-weight: 300;
}
.tooltiptext p {
    font-size: 12px;
    margin: 0;
}
.tooltipwrap:hover .tooltiptext {
    visibility: visible;
}
#nav-lifetime-tab .tooltipwrap  {
    visibility: hidden;
    display: none;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
    /*position: absolute;
    right: -18px;
    color: #ffffff;
    
    width: 16px;
    height: 16px;
    border-radius: 30px;
    background-color: #625f5f;
    display: inline-block;
    text-align: center;
    border: 1px solid #625f5f;
    
    line-height: 16px;*/
}
.active#nav-lifetime-tab .tooltipwrap {
    position: absolute;
    display: inline-block;
    visibility: visible;
    width: 225px;
    right: -6px;
    text-align: right;
    background-color: unset;
    border: unset;
    box-shadow: unset;
    top: -10px;
}
.active#nav-lifetime-tab .tooltipwrap .info-icon {
    background-color: #625f5f;
    padding: 2px 6px;
    border-radius: 15px;
    display: inline-block;
}
.active#nav-lifetime-tab .tooltipwrap .tooltiptext {
    width: 212px;
    bottom: 18px;
}
.active#nav-lifetime-tab .lt-note:hover > span {
    display: inline-block;
    visibility: visible;
}
/*.active#nav-lifetime-tab .tooltiptext {
    bottom: 25px;
    right: 0;
    left: unset;
    min-width: 300px;
    text-transform: initial;
}*/
.pricing-description {
    display: block;
    min-height: 640px;
    position: relative;
}
.pricing-description ul {
    display: block;
    margin-top: 55px;
    margin-bottom: 0;
    padding: 20px;
    text-align: left;
    list-style-type: none;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}
.pricing-description ul li {
    padding: 5px 0 5px 30px;
    vertical-align: bottom;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}
.pricing-description ul li i {
    color: #2da959;
    font-size: 18px;
    padding-right: 10px;
    position: absolute;
    left: 0;
}
.pricing-note-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 155px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    border-top: 2px dotted #cacaca;
}
.pricing-note-info span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    display: block;
    padding: 10px 0;
}
.pricing-section {
    display: flex;
    min-height: 240px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    background-color: #625f5f;
    color: #ffffff;
    border-radius: 0 0 13px 13px;
}
.pricing-section h4 {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
}
.pricing-section h4 span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.pricing-section h5 {
    font-size: 18px;
    margin: 20px auto 0;
}
.pricing-note {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    top: -156px;
    border-top: 2px dotted #cacaca;
}
.pricing-button {
    display: block;
    padding: 30px;
    text-align: center;
}
.pricing-button a {
    background-color: #625f5f;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 20px;
}
.pricing-notes {
    display: block;
    padding: 20px;
}
.pricing-notes {
    display: block;
    padding: 20px;
    font-size: 13px;
}
.pricing-notes p {
    margin-bottom: 15px;
}
.pricing-notes span {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    display: block;
}
.pricing-notes span .highlight-text {
    display: inline-block;
    color: #007bff;
    margin-bottom: 0;
}
.pricing-notes span em {
    font-size: 13px;
}
.paid-listing .pricing-title, .paid-listing .pricing-section, .paid-listing .pricing-button a {
    background-color: #ffbc00;
    color: #000000;
}
.standard-acct .pricing-title, .standard-acct .pricing-section, .standard-acct .pricing-button a {
    background-color: #23378e;
}
.standard-acct nav {
    position: relative;
    margin-top: -50px;
}
.standard-acct nav .nav {
    display: flex;
    justify-content: center;
    margin-bottom: 6px;
    border-bottom: unset;
}
.standard-acct nav .nav-tabs .nav-link {
    margin: 5px;
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    position: relative;
}
.standard-acct .nav-tabs .nav-item.show .nav-link, .standard-acct .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #23378e;
}
.standard-acct .nav-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #23378e;
    border-bottom: 0;
    margin-left: -8px;
    margin-bottom: -10px;
}
.badge-tab {
    position: absolute;
    right: 20px;
    top: 0;
    background-color: #fc4242;
    padding: 20px 6px 6px;
    border-radius: 0 0 5px 5px;
    width: 70px;
    max-width: 100%;
}
.badge-tab p {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    line-height: 15px;
    display: block;
    text-transform: uppercase;
    margin: 0;
}
.badge-tab p span {
    font-size: 20px;
}
.active#nav-lifetime-tab, #nav-lifetime .pricing-section {
    background-color: #e50a0a;
}
.standard-acct .nav-tabs .nav-link.active#nav-lifetime-tab:after {
    border-top-color: #e50a0a;
}
.standard-acct #nav-lifetime .badge-tab {
    background-color: #23378e;
    right: unset;
    left: 20px;
}
.standard-acct .pricing-button {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -59px;
}
.standard-acct #nav-lifetime .pricing-button a {
    background-color: #e50a0a;
}


/*  ---NEW ABOUT page--- */
.os-team {
    position: relative;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: stretch;
    flex-wrap: wrap;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    margin: 30px auto;
}
.os-item {
    flex: 0 0 auto;
    padding: 40px 20px;
}
.os-item.os-details {
    width: 30%;
    background-color: #112373;
    border-radius: 15px 0 0 15px;
    text-align: center;
    color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.os-clarke {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/clarke-outsourcingstaff-ceo.jpg);
    padding-top: 135px;
}
.os-jethro {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/jethro-designer.jpg);
}
.os-mo {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/mo-developer.jpg);
}
.os-anthony {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/anthony-developer.png);
}
.os-isabel {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/isabel-admin.jpg);
}
.os-marlon {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/marlon-designer.jpg);
}
.os-carena {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/carena-developer.jpg);
}
.os-gi {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/gi-developer.jpg);
}
.os-leanne {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/leanne-admin.jpg);
}
.os-john {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/john-video-editor.jpg);
}
.os-item.os-details img {
    margin-bottom: 20px;
}

.os-team {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    box-shadow: 0px 2px 8px #e7e7e7;
    margin: 20px auto;
}
.os-item {
    align-content: stretch;
    flex: auto;
    /* align-self: center; */
    padding: 50px 30px;
}
.os-item.os-details {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 30%;
    text-align: center;
    border-radius: 15px 0 0 15px;
}
.os-item.os-details.os-clarke {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/clarke-outsourcingstaff-ceo.jpg);
    padding-top: 155px;

}
.os-item.os-details.os-jethro {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/jethro-designer.jpg);
}
.os-item.os-details.os-mo {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/mo-developer.jpg);
}
.os-item.os-details.os-anthony {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/anthony-developer.png);
}
.os-item.os-details.os-isabel {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/isabel-admin.jpg);
}
.os-item.os-details.os-marlon {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/marlon-designer.jpg);
}
.os-item.os-details.os-carena {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/carena-developer.jpg);
}
.os-item.os-details.os-gi {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/gi-developer.jpg);
}
.os-item.os-details.os-leanne {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/leanne-admin.jpg);
}
.os-item.os-details.os-john {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/john-video-editor.jpg);
}
.os-item.os-details.os-jane {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/set/jane-admin.jpg);
}
.os-details img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 3px solid #ffffff;
    border-radius: 50%;
    margin: auto;
}
.os-item.os-details h3 {
    margin: 15px 0 5px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.os-item.os-details span {
    font-size: 14px;
    display: block;
    color: #ededed;
    width: 250px;
    max-width: 100%;
    margin: auto;
}
.os-item.os-bio {
    width: 70%;
}
.os-item.os-bio h4 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.os-item.os-bio p:last-child {
    margin: 0;
}
/*  ---HOMEPAGE BANNER BTN--- */
.banner-button {
    display: block;
}
.banner-btn {
    background-color: #ffffff;
    padding: 10px 20px 10px 15px;
    border-radius: 30px;
    margin: 2px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    display: inline-flex;
    align-items: center;
}
.banner-btn i {
    font-size: 25px;
    padding-right: 10px;
    line-height: 25px;
}
.cln-btn {
    color: #23378e;;
}
.wrk-btn {
    color: #e50a0a;
}

.faded-btn {
    opacity: 0.4;
}

.cln-btn:hover {
    background-color: #3048b3;
    color: #ffffff;
}
.wrk-btn:hover {
    background-color: #e50a0a;
    color: #ffffff;
}

/*  ---MONEYBACK Page--- */
.moneyback_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/money-back-background.png);
}
.moneyback-section {
    position: relative;
    display: block;
    padding-bottom: 80px;
}
.heading_img_17::before {
    background-image: url(../images/background/money-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 430px;
    width: 100%;
    max-width: 100%;
    top: -45px;
    right: 0;
}
.img-container {
    position: relative;
    display: block;
    margin: 50px 0;
    text-align: center;
    vertical-align: middle;
}
.money-back-img {
    display: block;
    width: 500px;
    max-width: 100%;
    margin: -50px auto 0;
}
.non-valid-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 50px 20px;
    background-image: linear-gradient(#e50a0ac9, #e50a0ac9), url(../images/non-valid-money-back.jpg);
}
.valid-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 50px 20px;
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/valid-money-back.jpg);
}
.money-back-text {
    position: relative;
    display: block;
    width: 500px;
    max-width: 100%;
    margin: auto;
    padding-left: 60px;
    text-align: left;
    vertical-align: middle;
    color: #ffffff;
}
.money-back-text i {
    position: absolute;
    left: 0;
    font-size: 50px;
}
.money-back-text h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}
.idea-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/outsourcingstaff-idea.jpg);
    margin-bottom: 0;
}
.money-back-idea {
    position: relative;
    padding: 50px;
    padding-left: 300px;
    text-align: left;
    overflow: hidden;
}
.money-back-idea .os-idea {
    position: absolute;
    left: 50px;
    width: 200px;
    max-width: 100%;
    bottom: -25px;
}
.money-back-idea p {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    margin: 0;
}
.money-back-idea a {
    color: #ffbc00;
}
.money-back-idea a:hover {
    color: #cd9700;
}
.guarantee-page {
    display: block;
    padding: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-image: url(../images/background/guarantee-bg.png);
}
.guarantee-page h2, .guarantee-note, .guarantee-note h3, .guarantee-note p, .stamp-signature p {
    font-family: "Times New Roman", Times, serif;
}
.guarantee-page h2 {
    text-align: center;
    font-size: 45px;
    line-height: 45px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 50px auto;
}
.guarantee-page h2 span {
    display: block;
    font-size: 4rem;
    color: #112373;
}
.guarantee-note {
    display: block;
    margin: 50px 0 0;
    padding: 30px 80px;
}
.guarantee-note h3 {
    font-size: 18px;
}
.guarantee-note a {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}
.guarantee-note a:hover {
    color: #ac9f7e;
}
.guarantee-img {
    display: block;
    text-align: center;
    margin-bottom: 50px;
    pointer-events: none;
}
.guarantee-img div {
    vertical-align: middle;
}
.stamp {
    display: inline-block;
    width: 200px;
}
.stamp-signature {
    display: inline-block;
    padding: 20px;
    text-align: center;
}
.stamp-signature span {
    font-size: 40px;
    border-bottom: 1px solid #000000;
    font-weight:normal;
    font-style:normal;
    font-family: 'autograf_personal_use_onlyRg';
}
.stamp-signature p {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    margin: auto;
}

/*  ---ONLINEJOBS--- */
.accordion-jobs {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 5px;
}
.active-items, .accordion-jobs:hover {
    background-color: #041663;
    color: #ffffff;
}
.content-jobs {
    margin: 50px auto 0;
}
.panel-job-contents {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    box-shadow: 0 0 5px #dfdfdf;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
}
.panel-job-contents p:first-child {
    padding-top: 15px;
}

/*  ---ONLINEJOBS-v2--- */
.os-content {
    padding: 20px 15px;
    margin: 50px auto 0;
    background-color: #f2f2f2;
    border: 2px solid #cacaca;
    border-radius: 6px;
    list-style-type: none;
}
.os-content a {
    font-size: 14px;
    padding: 5px;
    display: block;
    color: #112373;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
}
.os-content a:hover {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.os-content li ul {
    list-style-type: none;
    padding-left: 20px;
}
.content-job-title h2 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: 50px 0 15px;
}
.content-job-title h3 {
    font-size: 18px;
    margin: 50px 0 15px;
}
.job-contents ul li {
    padding-bottom: 15px;
    font-size: 15px;
}
.content-jobs.pay-guide {
    align-items: flex-start;
}
.content-jobs.pay-guide .ol-item.ol-image {
    width: 460px;
    margin-bottom: 0;
    margin-right: 50px;
}
.heading_img_34::before {
    background-image: url(../images/background/13th-month.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 350px;
    width: 485px;
    max-width: 100%;
    top: -45px;
    right: 0;
}
.monthpay-header .heading_container {
    text-align: left;
}
.monthpay-header .header_text {
    font-size: 80px;
    line-height: 60px;
}
.monthpay-header .header_text span {
    font-size: 45px;
}

/*  ---ONLINEJOBS-v3--- */
.content-jobs {
    margin: 50px auto 0;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.text-jobs {
    width: 60%;
    max-width: 100%;
    padding-right: 40px;
}
.os-nav {
    overflow: hidden;
    background-color: #f2f2f2;
    margin: 0;
    border-radius: 6px;
    border: 2px solid #112373;
    position: absolute;
    width: 40%;
    max-width: 100%;
    right: 0;
}
.os-nav a {
    display: block;
    color: #112373;
    text-align: left;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 13px;
}
.os-nav a:hover {
    background-color: #ddd;
    color: black;
}
.os-nav a.os-nav-active {
    background-color: #112373;
    color: white;
    pointer-events: none;
}
.os-nav .icon {
    display: none;
}

/*  ---ONLINEJOBS-v4--- */
.ol-page-head h2 {
    font-size: 2rem;
    font-weight: 800;
}
.online-jobs-menu {
    display: block;
    padding: 20px 0 20px;
    margin-top: 20px;
}
.online-jobs-menu a {
    display: block;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
}
.online-jobs-menu a i {
    border-radius: 50%;
    border: 1px solid;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px;
    margin-right: 5px;
    color: #17a99d;
}
.online-jobs-image-01::before {
    background-image: url(../images/background/online-jobs-image-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 648px;
    width: 100%;
    max-width: 100%;
    top: 20px;
    right: 0;
}
.online-jobs-content {
    color: #ededed;
    padding: 50px 0 10px;
}
.content.online-jobs-content p a {
    color: #5cc7d8;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    word-break: unset;
}
.online-jobs-image-02::before {
    background-image: url(../images/background/online-jobs-image-02.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 350px;
    width: 100%;
    max-width: 100%;
    bottom: 30px;
    right: 0;
}
.online-jobs-image-03::before {
    background-image: url(../images/background/online-jobs-image-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 360px;
    width: 100%;
    max-width: 100%;
    bottom: 30px;
    right: 0;
}
.online-jobs-image-04::before {
    background-image: url(../images/background/online-jobs-image-04.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 380px;
    width: 100%;
    max-width: 100%;
    bottom: 30px;
    right: 0;
}
.online-jobs-image-05::before {
    background-image: url(../images/background/online-jobs-image-05.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 340px;
    width: 100%;
    max-width: 100%;
    bottom: 40px;
    right: 0;
}
.online-jobs-image-06::before {
    background-image: url(../images/background/online-jobs-image-06.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 648px;
    width: 100%;
    max-width: 100%;
    bottom: 20px;
    right: 0;
}
.online-jobs-image-07::before {
    background-image: url(../images/background/online-jobs-image-07.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 648px;
    width: 100%;
    max-width: 100%;
    top: 20px;
    right: 0;
}

/*  ---ONLINEJOBS-v5--- */
.online_jobs_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/online-jobs-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/online-jobs-background.webp) 1x);
    text-align: center;
    padding: 60px 0;
    min-height: 300px;
}
.ol-nav-item {
    padding: 80px 0 60px;
}
.ol-nav-item .os-nav {
    right: unset;
    left: 0;
    position: relative;
    background-color: #112473;
    border-radius: unset;
    border: unset;
    width: 90%;
}
.ol-nav-item .os-nav a.os-nav-active {
    background-color: #394B93;
    color: white;
    pointer-events: none;
    padding: 10px 30px 10px 10px !important;
    border-left: 20px solid #2ecc8f;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ol-nav-item .os-nav a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    padding: 6px 0;
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    padding-left: 30px;
}
.ol-nav-item .os-nav a:hover {
    background: transparent;
    color: #2ecc8f;
}
.ol-nav-item .os-nav a i {
    border-radius: 50%;
    border: 1px solid;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    padding: 0 6px;
    margin-right: 5px;
    color: #17a99d;
}
.ol-nav-item .os-nav a i.fa-angle-right {
    position: absolute;
    left: 0;
}
.ol-nav-item .ol-image {
    margin-bottom: -60px;
}
.ol_page_content {
    padding: 50px 0;
    background-color: #f8f8f8;
}
.content-jobs-item {
    margin: 50px auto;
}
.content-jobs-item:first-child {
    margin-top: 0;
}
.content-jobs-item:last-child {
    margin-bottom: 0;
}
.ol-item {
    width: 100%;
    max-width: 100%;
}
.job-contents p:last-child {
    margin: 0;
}
.ol-r-img .ol-item, .ol-l-img .ol-item {
    width: 50%;
    max-width: 100%;
}
.ol-r-img .ol-content, .ol-l-img .ol-image {
    margin-right: 30px;
}
.ol-r-img .ol-image, .ol-l-img .ol-content {
    margin-left: 30px;
}
.ol-item.ol-content img {
    margin: 0 0 40px;
}
.icon-bar, .os-nav a.icon-bar  {
    display: none;
    border-radius: 0;
    background-color: #2ecc8f;
    padding: 10px 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 0;
    right: 0;
}
.os-nav a.icon-bar:hover, .os-nav a.icon-bar:active {
    background-color: #2ecc8f;
    color: #ffffff;
}

/*  ---ONLINEJOBS-v6--- */
.job-image-right {
    float: right;
    width: 50%;
    max-width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
.job-image-left {
    float: left;
    width: 50%;
    max-width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.job-contents h2 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #112373;
    margin: 0 0 15px;
}
.job-contents img {
    width: 300px;
    background-color: #cacaca;
    border-radius: 20px;
    padding: 20px;
}

/*  ---WORK-FROM-HOME-Guide--- */
.page-work-from-home-jobs .ol-nav-item {
    padding: 80px 0 80px;
}
.page-work-from-home-jobs .ol-nav-item .ol-image {
    margin-bottom: -30px;
}


/*  ---FOOTER--- */
.top-bar-footer {
    display: block;
    position: relative;
    padding: 50px 0;
    background-color: #ebebeb;
}
.footer-menu {
    display: block;
}
.footer-item {
    display: inline-block;
    width: 288px;
    max-width: 100%;
    vertical-align: top;
    padding: 20px;
}
.footer-item span {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #112373;
    display: block;
}
.footer-item ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.footer-item ul li a {
    font-size: 13px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.footer-item ul li a:hover {
    color: #112373;
    font-weight: 600;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.footer-item ul li a.btn_wrap:hover {
    color: #ffffff;
}
.bottom-bar-footer {
    display: block;
    position: relative;
    text-align: center;
    background-color: #112373;
    padding: 50px 20px;
}
.widget_wrap img {
    width: 400px;
    margin-bottom: 40px;
}
.widget_wrap p {
    font-size: 13px;
    margin-bottom: 10px;
}
.widget_wrap a {
    color: #ffffff;
}
.widget_wrap a:hover {
    color: #e50a0a;
}
.hover-fx {
    font-size: 15px;
    display: inline-block !important;
    cursor: pointer;
    margin: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    color: #fff;
    background-color: rgb(229 10 10);
    transition: 300ms;
    vertical-align: middle;
}
.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 1px #fff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}
.hover-fx:hover {
  background-color: #fff;
  color: #e50a0a;
}

.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}
.content-box {
    background-color: #f7f7f7;
    margin: 5px;
    border-radius: 10px;
    border: 2px solid #112473;
    box-shadow: 1px 1px 5px #cacaca;
    padding: 40px 30px 20px;
}


/* NEW FOOTER*/
.footer-bar {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/footer-background.png);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/footer-background.webp) 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.footer-bar .widget_wrap {
    text-align: right;
}


/* ERROR - 404 page*/
.error-page {
    background: linear-gradient(180deg, #23378e 60%, #ffffff 60%);
    padding: 100px 0;
    text-align: center;
}
.error-page span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    color: #ffffff;
}
.error-page h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
}
.error-page p {
    margin: 50px 0;
    font-size: 18px;
}

/* ERROR - 401 page*/
.error-section1 {
    position: relative;
    display: block;
    text-align: center;
    padding: 80px 30px 50px; 
    background-color: #000000; 
    background: radial-gradient(circle, rgba(4,22,117,1) 0%, rgba(0,0,0,1) 38%);
}
.error-section1 h1 {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.error-section1 h1 span:nth-child(1) {
    color: #ffbc00;
}
.error-section1 h1 span:nth-child(2) {
    color: #e50a0a;
}
.error-section1 h1 span:nth-child(3) {
    color: #32BEA6;
}
.error-section1 p {
    font-size: 16px;
    color: #ffffff;
}
.error-section1 img {
    width: 400px;
    margin: 30px 0;
}
.error-section2 {
    position: relative;
    display: block;
    text-align: center;
    padding: 80px 30px; 
    background-color: #000000; 
    background: linear-gradient(0deg, rgba(2,5,14,1) 0%, rgba(17,23,59,1) 100%);
}



.upload-modal, .profile-save-loader, .work-history-modal, .valid-id-instructions {
    display: none;
}

.wwvw-bubble-container {
    visibility: hidden;
    z-index: 99!important;
    display: none;
}
.acct-nav {
    z-index: 3147483640!important;
}

.copy_password {
    position: absolute;
    display: inline-block;
    right: 38px;
    top: 10px;
    color: #cacaca !important;
}

.copy_password:hover {
    color: #112373 !important;
}


.view_password {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 10px;
    color: #cacaca !important;
}

.view_password.open {
    color: #112373 !important;
}


.employer-notes {
    position: relative;
    display: block;
    background-image: url(../images/outsourcingstaff-idea.png);
    background-image: -webkit-image-set(url(../images/outsourcingstaff-idea.webp) 1x);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ffffff;
    background-position: right;
    width: 650px;
    max-width: 100%;
    border: 5px solid #ffbc00;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
    padding: 50px 100px 50px 30px;
    margin: 30px 0;
    text-align: left;    
}

.unsubscribe {
    position: relative;
    display: block;
    text-align: center;
    padding: 100px 30px;
    background-color: #212121;
    border-radius: 20px;
}
.unsubscribe img {
    width: 100px;
    max-width: 100%;
    margin: auto;
    display: block;
}
.unsubscribe h1 {
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'bebas_neueregular', sans-serif;
    letter-spacing: 1px;
}
.unsubscribe .topheader_text {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    margin: 0 auto 20px;
    width: 500px;
    max-width: 100%;
}
.inner-page-header {
    background-image: url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 30px 0;
}
.no-gigs {
    text-align: center;
    padding: 100px 30px;
}
.no-gigs h1 {
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 600;
    color: #112373;
    margin: 20px 0;
}
.no-gigs img {
    width: 300px;
    max-width: 100%;
}
.no-gigs p {
    width: 900px;
    max-width: 100%;
    margin: 20px auto;
}

.auth-wrap {
    display: block;
    background-color: #e5e5e5;
    padding: 20px;
    color: black;
    height: -webkit-fill-available;
}
.authentication {
    position: absolute;
    display: block;
    width: 350px;
    max-width: 100%;
    margin: 50px auto;
    border: 5px solid #141414;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    z-index: 99;
    padding: 20px 30px;
    box-shadow: 1px 1px 15px #6b6b6b;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
.authentication .dots span:nth-child(1) {
    background-color: #01215b;
}
.authentication h1 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 800;
    margin: 20px 0;
}
.authentication span {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.authentication .form-control {
    margin: auto;
    border-radius: 0;
}
.authentication .w-icon .form-control-icon {
    height: 35px;
    line-height: 35px;
}
.authentication .view_password {
    top: 7px;
}
.authentication .btn {
    display: block;
    text-align: center;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    margin: auto;
}


.footer-bar .widget_wrap.seen-in-logo {
    text-align: left;
    padding-top: 30px;
}
.as-seen-1, .as-seen-2 {
    display: block;
}
.as-seen-1 img, .as-seen-2 img {
    filter: brightness(0) invert(1);
}
.as-seen-1 img:hover, .as-seen-2 img:hover {
    filter: unset;
}
.footer-bar .widget_wrap .as-seen-1 img {
    width: 90px;
    margin: 0;
    padding: 5px 10px 5px 0;
}
.footer-bar .widget_wrap .as-seen-1 .msn-logo {
    width: 70px;
}
.footer-bar .widget_wrap .as-seen-1 .yahoo-logo {
    width: 70px;
}
.footer-bar .widget_wrap .as-seen-2 img {
    width: 220px;
    margin: 0;
    padding: 5px 10px 5px 0;
}
.footer-bar .widget_wrap .as-seen-2 .marketwatch-logo {
    width: 150px;
}

@media screen and (max-width:1500px) {
    .subheader_text {
        font-size: 22px;
        line-height: 24px;
    }
    .heading_img_01::before {
        height: 350px;
        top: -50px;
    }
}

@media screen and (max-width:1300px) {
    .header_text {
        width: 100%;
    }
    .head-text .header_text, .employer_taglines .header_text, .worker_taglines .header_text {
        font-size: 100px;
        line-height: 80px;
        margin-bottom: 30px;
    }
    .heading_img_03::before, .heading_img_04::before {
        top: 0;
    }
    .btn_hover {
        padding: 10px 30px;
    }
    .left_btn::after {
        width: 16px;
        transform: skew( 151deg , 0deg );
    }
    .heading_img_07::before {
        top: 0;
    }
    ._radio-btn {
      padding: 10px 40px 10px 20px;
    }
    ._checkmark {
        right: 20px;
    }
    ._im {
        display: none;
    }
}

@media screen and (max-width:1200px) {
    .banner_1 {
        background-image: linear-gradient(#00125f6b, #00125fc9), url(../images/background/slider-home.png);
    }
    .topheader_text {
        font-size: 14px;
    }
    .list_item {
        width: 170px;
        padding: 10px;
    }
    .list_item h4, .list_item span {
        font-size: 14px;
    }
    .portfolio_img span img {
        width: 50px;
        height: 50px;
    }
    .star_rating {
        width: 75px;
    }
    .wrap_title {
        font-size: 1.5rem;
    }
    .wrap_number h4 {
        font-size: 4rem;
    }
    .wrap_details ul li {
        font-size: 14px;
    }
    .heading_img_02::before {
        top: -36px;
    }
    .image_container img {
        width: 400px;
    }
    .content_wrap_sm img {
        width: 220px;
        /*height: 220px;*/
    }
    .img_03 {
        left: 36px;
    }
    .img_02 {
        left: 175px;
    }
    .left_btn, .right_btn {
        clip-path: unset;
        -webkit-clip-path: unset;
        -o-clip-path: unset;
        -ms-clip-path: unset;
        margin: 5px auto;
    }
    .left_btn::after {
        display: none;
    }
    .btn_hover {
        width: 305px;
        max-width: 100%;
    }
    .section_bg04 .step_txt {
        background-color: #32bea6;
    }
    .section_bg04 .page_heading h3 {
        color: #ffffff;
    }
    .signupfooter_section::before {
        left: 0;
    }
    .hero_view.alreadyScrolled .front_header {
        max-height: 500px;
        padding-top: 70px;
    }
    #page_header, #page_header2, #page_header4 {
        padding-top: 200px !important;
    }
    .verify_signup .container_wrap .title {
        font-size: 2rem;
    }
    .head-text {
        width: 100%;
    }
    .price-list {
        min-height: 550px;
    }
    .premium-plan .price-list {
        min-height: 900px;
    }
    .banner-btn {
        padding: 5px 15px 5px 10px;
        font-size: 14px;
        width: 230px;
        max-width: 100%;
        text-align: center;
    }
    .banner-btn i {
        font-size: 20px;
        padding-right: 5px;
    }
    .pricing-plan {
        margin-bottom: 100px;
    }
    .rpw-section .form_contentv3 .title {
        font-size: 40px;
    }
    .rpw-footer-section::before {
        bottom: 50px;
    }
}
@media screen and (max-width:1024px) {
    .review_client {
        position: relative;
        right: unset;
        top: unset;
        padding: 10px 20px;
    }
    .wrap_title {
        font-size: 1.2rem;
    }
    .wrap_number h4 {
        font-size: 3rem;
    }
    .heading_img_02::before {
        top: 0;
    }
    .ojfooter_sectionv3::before {
        height: 412px;
        width: 500px;
        left: 0;
    }
    .fullslide_banner .heading_container p {
        width: 70%;
        font-size: 14px;
    }
    .box_content .cat_container ul li {
        padding: 8px 30px;
    }
    .employer-v2 ._dp {
        width: 120px;
        height: 120px;
    }
    .employer-v2 ._infobox .info_details {
        width: 100%;
    }
    .employer-v2 ._infobox .icon_sm img {
        width: 20px;
    }
    ._dashnav li {
        font-size: 14px;
    }
    ._dashnav li a {
        font-weight: 500;
    font-family: 'Poppins', sans-serif;
    }
    ._signupv4 .btn-group {
        display: block;
    }
    ._signupv4 .btn-group .btn {
        border-radius: 5px !important;
    }
    ._package-title h2 {
        font-size: 30px;
    }
    ._package-price h3 {
        font-size: 30px;
        font-weight: 700;
    font-family: 'Poppins', sans-serif;
        margin-bottom: 10;
    }
    .loginv1 .banner_text h2, .main-home-v1 .banner_text h1 {
        font-size: 65px;
        line-height: 65px;
    }
    .ojph_btn {
        font-size: 16px;
    }
    .error-page h1 {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .error-page p {
        margin: 50px 0 20px;
        font-size: 16px;
    }
    .request-pw .head-text {
        width: 100%;
    }
    .team-item div {
        vertical-align: top;
    }
    .social_login .btn_wrap {
        letter-spacing: 3px;
    }
    .g-recaptcha, .eapps-form-recaptcha {
        transform: scale(0.77);
        margin-left: -20px;
    }
}
@media screen and (max-width:991px) {
    header .navbar-nav .btn_wrap,
    header .navbar-nav .nav-link {
        padding: 5px 15px;
        border-radius: unset;
        font-weight: 500;
    font-family: 'Poppins', sans-serif;
        margin: 5px auto;
        display: block;
    }
    .profile_img .display_img {
        width: 150px;
        height: 150px;
    }
    .profile_img h2, .profile_details .sub_title{
        font-size: 1rem;
    }
    .profile_img .btn_wrap, .info_details .btn_wrap {
        font-size: .6rem;
    }
    .info_title, .detail_group p {
        font-size: .9rem;
    }
    .info_details {
        padding: 8px 15px;
        font-size: .9rem;
    }
    .loginv1 .banner_text h2, .main-home-v1 .banner_text h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .login_section .banner_text p {
        font-size: 18px;
    }
    .login_section .ojph_btn {
        font-size: 16px;
        margin: auto;
    }
    .login_section form {
        padding: 0 30px;
    }
    .header_text {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .page_header, .container-bg {
        min-height: 300px;
        padding: 50px 0 0;
    }
    .page_header .topheader_text, .container-bg .topheader_text {
        font-size: 15px;
        margin-bottom: 0;
    }
    .page_header .header_text, .container-bg .header_text {
        font-size: 50px;
        line-height: 50px;
    }
    .heading_img_01::before {
        height: 200px;
        top: 50px;
        position: relative;
        bottom: 0;
        width: 100%;
        right: 0;
        left: 0;
        margin-right: 0;
    }
    .list_container .wrap_item {
        width: 30%;
    }
    .list_container .wrap_item_box {
        margin-bottom: 0;
    }
    .job_title h4 {
        font-size: 1.3rem;
    }
    .list_container .btn {
        font-size: 12px;
        width: 150px;
    }
    .heading_img_02::before, .heading_img_03::before {
        height: 240px;
        top: 22px;
        position: relative;
        bottom: 0;
        width: 350px;
        right: 0;
        left: 0;
        margin-right: 0;
    }
    .section_heading .text_top {
        font-size: 14px;
    }
    .section_heading .text_bottom {
        font-size: 2rem;
    }
    .section_content p {
        font-size: 15px;
    }
    .front_header {
        padding: 50px 0;
    }
    .product_container .wrap_details {
        background-color: #ffffffe8;
    }
    .bg_img01 .content_wrap ul {
        margin: 0 0 30px;
    }
    .bg_img01 .content_wrap ul li {
        padding: 8px 0;
        font-size: 16px;
    }
    .signup_section .form_container .container_wrap {
        padding: 40px 20px;
    }
    .signup_section .container_wrap .title {
        font-size: 2.5rem;
    }
    .signupfooter_section::before {
        height: 300px;
        width: 350px;
        bottom: 0;
    }
    .hero_view header .navbar-nav {
        background-color: #ffffff;
        margin: 0 -10px !important;
        padding: 0 10px 10px;
    }
    .hero_view .navbar-light .navbar-nav .nav-link {
        color: #000000;
        background-color: transparent;
        padding: 5px 0;
        border-radius: unset;
        margin: 5px auto;
    }
    .side_nav_msg a {
        font-size: 20px;
    }
    .jobpost_header {
        padding: 50px 0;
    }
    .heading_img_09::before {
        height: 300px;
        top: unset;
        right: 0;
    }
    .item_col {
        width: 49% !important;
    }
    .contact_info img {
        width: 40px;
    }
    .sidebar_wrap .sub_title, .view_details .btn_wrap {
        font-size: 10px;
    }
    .search_fields a {
        padding: 5px 15px;
    }
    .job_info .info_title {
        font-size: 14px;
    }
    .search_item .profile_image, .search_details {
        width: 100%;
        text-align: left;
        padding: 0
    }
    #header .navbar-nav .nav-item {
        display: inline-block;
        width: unset;
    }
    #header .navbar-nav .menunav-link {
        display: inline-block;
        width: unset;
    }
    #header .front-menu .nav-link {
        padding: 0 5px !important;
    }
    #header .menu-bar {
        display: block !important;
    }
    .header-menu .navbar-brand {
        margin: 0;
        padding: 0;
    }
    .navbar-nav-menu .navbar-menu {
        display: none;
    }
    .navbar-nav-menu .nav-item .nav-link {
        padding: 0;
        margin-right: -10px;
    }
    .mob_link a:hover, .btn_link a:hover {
        background-color: #32bea6;
        color: #ffffff;
    }
    .mob_link {
        display: block !important;
    }
    .nav-item.dropdown,  .de_link {
        display: none;
    }
    .btn_link {
        margin: 5px auto;
        display: block;
        width: 100%;
    }
    .latest_job_item .search_item .profile_image {
        width: 20%;
        text-align: center;
        padding: 10px;
    }
    .latest_job_item .profile_image img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .latest_job_item .search_details {
        width: 80%;
    }
    .latest_job_item .rank .btn_wrap {
        margin: 3px 0;
    }
    .cat_container ul li {
        font-size: 1rem;
    }
    .nav-content {
        width: 80%;
    }
    .nav-title {
        display: block;
        position: absolute;
        width: 150px;
        max-width: 100%;
        top: 0;
        right: 0;
    }
    .nav-title .nav-tabs li {
        font-size: 28px;
        padding: 10px;
    }
    .nav-title .nav-tabs img {
        width: 35px;
    }
    .nav-label .p_item {
        white-space: unset;
        text-overflow: unset;
        font-size: 10px;
    }
    .nav-title .nav-label .p_item {
        margin: 18px 0;
    }
    .nav-title .nav-label .profile_picture {
        line-height: unset;
        width: 100%;
        display: block;
        padding: 10px;
        margin: 32px 0 40px;
    }
    .nav-content .p_item {
        padding: 17px 20px;
        font-size: 15px;
    }
    .nav-content .profile_picture {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    .nav-content .profile_picture img {
        width: 120px;
        height: 120px;
    }
    .page_img {
        margin-top: -70px;
    }
    .page_img img {
        width: 150px;
        height: 150px;
    }
    .aff_num {
        position: absolute;
        z-index: 1;
        top: 15px;
        border: 2px solid #ffffff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 20px;
    }
    .aff_txt h4 {
        padding-left: 40px;
    }
    ._worker2-v2 {
        padding: 50px 0 150px;
        margin: -50px 0 -150px;
    }
    ._worker2-v2::before {
        width: 750px;
        height: 750px;
    }
    ._featured-img {
        margin-top: -150px;
        padding: 0 20px;
    }
    ._featured-img img {
        height: 400px;
    }
    ._blog-post {
        padding: 0 50px;
    }
    ._blog-title {
        font-size: 30px;
    }
    ._blog-content h2 {
        font-size: 20px;
    }
    .login-v3 .col-md-7, .login-v3 .col-md-5,
    .signup-v4 .col-md-7, .signup-v4 .col-md-5,
    .verify_signup .col-md-7, .verify_signup .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .login-v3 .form_wrapperv3, .signup-v4 .form_container, .verify_signup .form_container {
        width: 500px;
        max-width: 100%;
        margin: 50px auto;
    }
    .login-v3 .btn-label {
        position: relative;
        display: inline-block;
        text-align: center;
    }
    .pricing_container .wrap_item {
        width: 100%;
    }
    .pricing_container .wrap_item_box {
        background: unset;
        padding: 0 0 20px;
        margin: 30px 0;
        border-radius: 0 0 15px 15px;
    }
    .pricing_container .wrap_item_box h3 {
        text-align: left;
        padding: 20px;
        margin: 0 0 10px;
    }
    .pricing_container .free_wrap h3 {
        background-color: #112373;
    }
    .pricing_container .premium_wrap h3 {
        background-color: #e50a0a;
    }
    .pricing_container .golden_wrap h3 {
        background-color: #ffbc00;
    }
    .pricing_container .wrap_title {
        font-size: 2rem;
    }
    .pricing_container .wrap_details {
        min-height: unset;
    }
    .pricing_container .wrap_number {
        position: absolute;
        right: 20px;
        top: -25px;
        padding: 10px;
    }
    .worker_list .wrap_item {
        width: 49%;
    }
    .worker_list .wrap_item:nth-child(3) {
        display: none;
    }
    ._infobox.sub-acc-info2 .col-md-6, ._infobox.sub-acc-info3.social_links .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .social_links .info_details, .employer-search-v2 ._info1, .employer-search-v2 ._info2{
        width: 100%;
    }
    .employer-search-v2 .search_result_wrap {
        padding-left: 0;
    }
    ._settings-wrap ._formnav .nav-pills {
        padding: 0;
    }
    ._step-settings ._formnav ._infobox .nav-link {
        padding: 10px 0;
        font-size: 13px;
    }
    ._step-settings ._formnav ._infobox i {
        font-size: 15px;
    }
    .verify_signup {
        padding-bottom: 200px;
        text-align: center;
    }
    .plan-price h3 {
        font-size: 3rem;
    }
    .plan-button a {
        font-size: 14px;
    }
    .plan-description h4 {
        width: 100%;
        right: 0;
        padding: 10px;
        clip-path: unset;
        text-align: center;
    }
    .plan-list ul {
        font-size: 14px;
        -moz-column-count: 1;
        -moz-column-gap: 10px;
        -webkit-column-count: 1;
        -webkit-column-gap: 10px;
        column-count: 1;
        column-gap: 10px;
    }
    .price-list {
        min-height: 460px;
    }
    .standard-plan .price-list {
        min-height: 600px;
    }
    .premium-plan .price-list {
        min-height: 900px;
    }
    .page_heading .heading3 {
        font-size: 2rem;
    }
    .team-image img {
        width: 120px;
        height: 120px;
    }
    .team-image h4 {
        font-size: 18px;
    }
    .team-image span {
        font-size: 12px;
    }
    .team-description h5 {
        font-size: 16px;
    }
    .team-description p {
        font-size: 14px;
    }
    .plus-service span {
        font-size: 15px !important;
    }
    .plus-service li {
        font-size: 14px;
    }
    .price-list {
        display: block;
        width: 100%;
        min-height: unset;
        box-shadow: none;
    }
    .standard-plan .price-list, .premium-plan .price-list {
        min-height: unset;
    }
    .plan-button {
        position: relative;
    }
    .plan-description {
        display: block;
        width: 100%;
        position: unset;
        padding-top: 0;
    }
    .plan-description h4 {
        background-color: #f6f6fa !important;
    }
    .free-plan .plan-description h4 {
        color: #ffbc00;
    }
    .standard-plan .plan-description h4 {
        color: #23378e;
    }
    .premium-plan .plan-description h4 {
        color: #e50a0a;
    }
    .plan-price {
        padding-top: 80px;
    }
    #header .navbar-nav .btn_link {
        display: none;
    }
    .money-back-idea {
        padding-left: 250px;
    }
    .money-back-idea p {
        font-size: 18px;
    }
    .guarantee-page h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 30px auto;
    }
    .guarantee-page h2 span {
        font-size: 3rem;
    }
    .guarantee-note {
        margin: 0;
        padding: 30px;
    }
    .guarantee-img {
        margin-bottom: 30px;
    }
    .stamp {
        width: 150px;
    }
    .stamp-signature span {
        font-size: 30px;
    }
    .stamp-signature p {
        font-size: 12px;
    }
    .employer-notes {
        margin: 50px auto 0;
        padding: 30px 100px 30px 30px;
    }
    .employer-notes h3 {
        font-size: 18px;
    }
    .content-jobs-item {
        display: block;
        align-items: unset;
        width: 100%;
    }
    .ol-item, .ol-nav-item .os-nav {
        width: 100%;
    }
    .ol-r-img .ol-item, .ol-l-img .ol-item {
        width: 100%;
        max-width: 100%;
        margin: auto;
    }
    .ol-r-img .ol-image {
        width: 500px;
        margin: 40px auto 0;
        max-width: 100%;
    }
    .ol-l-img .ol-image {
        width: 500px;
        margin: 40px auto;
        max-width: 100%;
    }
    .ol-nav-item .os-nav a.icon {
        border-radius: 0;
        background-color: #2ecc8f;
        padding: 9px;
    }
    .ol-nav-item .os-nav a.icon i {
        border-radius: unset;
        border: unset;
        width: unset;
        height: unset;
        text-align: center;
        line-height: unset;
        padding: 0 6px;
        margin-right: unset;
        color: #ffffff;
    }
    .ol-nav-item .os-nav a.os-nav-active {
        padding: 10px 40px 10px 20px !important;
        border-left: unset;
        font-size: 16px;
        font-weight: 500;
    font-family: 'Poppins', sans-serif;
    }
    .ol-nav-item .ol-image {
        width: 500px;
        max-width: 100%;
        margin: 20px auto -60px;
    }
    .icon-bar {
        display: inline-block;
    }
    .os-nav a.icon-bar {
        display: none;
        padding: 0 12px !important;
        line-height: 43px;
    }
    .ol-nav-item .os-nav a.icon-bar i {
        border-radius: unset;
        border: unset;
        padding: 0 6px;
        margin: auto;
        color: #ffffff;
    }
    .ol-nav-item .os-nav a {
        font-size: 14px;
        font-weight: 400;
    font-family: 'Poppins', sans-serif;
    }
    .plan-price {
        padding: 80px 25px 50px;
        font-size: 14px;
    }
    .account_plan_list {
        width: 100%;
    }
    .account_plan_reg {
        width: 100%;
        margin: 20px 0 0;
    }
    .account_plan_reg a, .account_plan_reg button {
        font-size: 20px;
        line-height: 20px;
        padding: 15px 20px 10px;
    }
    .account_plan_reg a span, .account_plan_reg button span {
        font-size: 35px;
    }
    .free_account_form_img {
        display: none;
    }
    .free_account_form {
        width: 100%;
    }
    .account_digit {
        width: 160px;
    }
    .account_digit h2 {
        font-size: 80px;
        letter-spacing: 0;
        line-height: 80px;
    }
    .account_digit h2::after {
        height: 110px;
        top: -15px;
        right: 60px;
    }
    .account_digit span {
        font-size: 16px;
        font-weight: 600;
    font-family: 'Poppins', sans-serif;
        margin-top: -5px;
    }
    .page_header.account_header .header_text {
        font-size: 40px;
        line-height: 50px;
    }
    .account_plan span {
        margin-bottom: 50px;
    }
    .signup_arrow i {
        font-size: 40px;
    }
    .signup_arrow {
        top: -10px;
    }
    .form_contentv3 .title {
        font-size: 30px;
        margin: 0 auto 20px;
        padding: 0;
    }
    .pricing-item {
        display: block;
    }
    .free-plan2 .plan-description h4 {
        color: #919191;
    }
    .paid-listing-plan .plan-description h4 {
        color: #ffbc00;
    }
    .rpw-section .header_text {
        font-size: 50px;
        line-height: 60px;
    }
    .rpw-section .heading_container {
        margin: auto;
    }
    .monthpay-header .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .monthpay-header .heading_container {
        text-align: center;
    }    
    .heading_img_34::before {
        display: none;
    }
    .monthpay-header .header_text {
        font-size: 50px;
        line-height: 50px;
    }
    .monthpay-header .header_text span {
        font-size: 35px;
    }
    .content-jobs.pay-guide {
        align-items: flex-start;
        display: flex;
        flex-direction: row-reverse;
    }
    .affiliate-text, .affiliate-img {
        width: 100%;
    }
    .affiliate-img img {
        height: 200px;
    }
    .affiliate-wrap h2 {
        font-size: 25px;
    }
    .affiliate-wrap h3, .affiliate-content-wrap h3 {
        font-size: 22px;
        font-weight: 600;
    }
    .affiliate-container {
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .aff-performance, .aff-links {
        width: 100%;
        margin-right: 0;
    }
    .aff-performance {
        margin-bottom: 20px;
    }
    .affiliate-buttons {
        padding: 10px 0;
    }
    .aff-header::before {
        height: 85px;
        width: 150px;
        top: unset;
        bottom: 0;
    }
    .affiliate-content-wrap {
        margin: 20px 0 50px;
    }
    .affiliate-content-wrap h4 {
        font-size: 16px;
    }
    .commission-wrap {
        display: block;
    }
    .commission-text {
        width: 100%;
    }
    .commission-text span {
        font-size: 25px;
    }
    .payment-logos img {
        width: 50px;
    }
    .affiliateint_header {
        min-height: unset;
        padding: 50px 0
    }
    .affiliate-program, .aff-container-sub {
        padding: 30px 0;
    }
    .affiliate-content-wrap {
        margin: 50px 0;
    }
    .list_wrap {
        display: flex;
        position: relative;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .list_item {
        width: 300px;
        padding: 10px;
        display: flex;
        display: -ms-flex;
        justify-content: flex-start;
        flex-direction: row;
        overflow: hidden;
        vertical-align: middle;
        align-items: center;
        background-color: #f3f3f3;
        border-radius: 5px;
        margin: 5px;
        text-align: left;
    }
    .list_wrapv3 .list_item span {
        background-color: transparent;
    }
    .list_wrapv3 .list_item .icon {
        margin: 0 15px 0 0;
    }
    .heading_img_17::before {
        height: 300px;
    }
    .heading_img_06::before {
        height: 230px;
        top: 20px;
    }
    /*.heading_img_14::before {
        height: 225px;
        top: 25px;
    }*/
    .heading_img_13::before {
        height: 300px;
        width: 100%;
        top: -50px;
    }
    .heading_img_12::before {
        height: 240px;
        top: 35px;
    }
    .heading_img_11::before {
        height: 390px;
        width: 100%;
        top: -30px;
    }
    .heading_img_18::before {
        height: 300px;
        width: 100%;
        top: 0;
    }
    .head-text .header_text, .employer_taglines .header_text, .worker_taglines .header_text {
        font-size: 70px;
        line-height: 60px;
        text-align: left;
        padding: 20px 0 30px 0;
    }
    .subheader_text {
        font-size: 18px;
        line-height: 22px;
    }
    ._signupv4 .btn-group .btn {
        margin: 5px;
    }
    .social_login {
        flex-direction: column;
    }
    .social_login .btn_wrap {
        width: 100%;
        margin: 5px 0;
        letter-spacing: 5px;
    }
    .rpw-section {
        text-align: center;
    }
    .rpw-section .form_contentv3 .title {
        font-size: 30px;
    }
}
@media screen and (max-width:810px) {

    .ojfooter_section {
        margin-top: -118px;
    }

}
@media screen and (max-width:768px) {
    .main-home-v1 .row_wrap {
        position: relative;
    }
    .txt_wrap.text_left {
        right: 0;
        top: 25%;
    }
    .txt_wrap.text_right {
        position: absolute;
        left: 0;
        right: 0;
        top: 25%;
    }
    .heading_wrap {
        width: 100%;
        text-align: center;
    }
    .banner_text h1 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 40px;
    }
    .ojph_btn {
        margin: 30px auto 10px;
        font-size: 18px;
        border-radius: 50px;
    }
    .txt_wrap {
        position: absolute;
        z-index: 2;
    }
    .img_wrap, .txt_wrap, .img_wrapper, .box_overlay, .profile_wrap-l, .worker_details .info_details {
        width: 100%;
    }
    .img_wrap {
        margin: 5px auto;
    }
    .img_1 {
        background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/image1.jpg);
    }
    .img_2 {
        background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/image2.jpg);
    }
    .box_overlay, .text_content, .btn_text, .btn_text2, .banner_text p {
        font-size: 1.2rem;
    }
    .img_content, .image_text_content2 img {
        width: 70px;
        text-align: center;
        display: block;
        margin: 0 auto 20px;
    }
    .image_text_content, .txt_wrapper, .txt_wrap {
        text-align: center !important;
    }
    .section_title {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .widget_wrap, .banner_text {
        text-align: center;
        margin: 20px auto;
    }
    .btn_text, ._settings-wrap {
        display: block;
    }
    .text_right .box_overlay, .text_left .box_overlay {
        float: none;
    }
    .list_wrap {
        text-align: left;
    }
    .list_item h4 br, .section_bg_2 img {
        display: none;
    }
    .header_section h2 {
        font-size: 4rem;
    }
    .job_form form {
        padding: 50px 30px 30px;
    }

    .info_details {
        margin: 8px 0 0 0;
    }
    .header_section {
        min-height: 200px;
    }
    .profile_wrap {
        padding: 0;
    }
    .worker_details p {
        padding: 0 0 20px;
        font-size: 13px;
    }
    .review_text {
        margin: 0 auto 20px;
    }
    .form_section {
        padding: 20px 0 60px;
    }
    .other_form {
        padding-top: 20px;
    }
    .login_section .form_note {
        padding: 20px 30px;
        font-size: 16px;
    }
    .text_line {
        height: 5px;
        margin: 10px auto 40px;
    }
    .oj_section {
        padding: 50px 20px 200px;
    }
    .oj_section .col-md-7, .oj_section .col-md-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .form_container {
        width: 500px;
        max-width: 100%;
        margin: 50px auto;
    }
    #page_header4 .heading_container {
        background-color: #15277294;
        padding: 20px 0;
    }
    .ojfooter_section::before {
        height: 400px;
        width: 500px;
    }
    .widget_container img {
        width: 200px;
        margin-bottom: 50px;
    }
    .page_heading h2 {
        font-size: 30px;
    }
    .content_wrap h3 {
        font-size: 1.3rem;
    }
    .wrap_item {
        width: 100%;
        display: block;
    }
    .list_container .wrap_item {
        display: inline-block;
    }
    .job_title h4 {
        font-size: 1.2rem;
        font-weight: 700;
    font-family: 'Poppins', sans-serif;
    }
    .job_title h4 span {
        font-size: 14px;
    }
    .list_container .btn {
        font-size: 12px;
        width: 150px;
        padding: 2px 5px;
    }
    .page_heading_l .topheader_text {
        text-align: center;
        font-size: 18px;
    }
    .product_container .wrap_item_box {
        margin: auto;
    }
    .product_container .wrap_details {
        margin: 20px auto;
    }
    .page_heading h3 {
        font-size: 1.5rem;
    }
    .step_txt {
        font-size: 1rem;
    }
    .section_bg01, .section_bg02, .section_bg03, .section_bg04  {
        background-size: cover;
        background-position: center;
    }
    .content_img_sm {
        margin: 15px 0;
    }
    .content_wrap_sm h4 {
        font-size: 1.1rem;
    }
    .signup_section .col-md-7, .signup_section .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .side_nav_wrap {
        width: 100%;
        margin: 10px auto;
        text-align: left;
        position: relative;
        min-height: 200px;
    }
    .side_nav_msg {
        width: 50px;
        height: 100%;
        max-width: 100%;
        display: inline-block;
        margin: 0;
        padding: 18px 0;
        position: absolute;
        overflow: auto;
    }
    .side_nav_msg a {
        font-size: 16px;
        margin: 8px 10px;
    }
    .side_nav_list {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-left: 70px;
    }
    .side_nav_list .has-search .form-control {
        padding: 8px 30px;
    }
    .main_msg_wrap {
        width: 100%;
        margin: auto;
        min-height: 300px;
        line-height: 300px;
    }
    .blog_section .col-md-9, .blog_section .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fullslide_banner .heading_container p {
        width: 100%;
    }
    .fullslide_banner::before {
        clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -o-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -ms-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
    }
    .homepage_blog .blog_post_item {
        width: 32%;
    }
    .wrap_details {
        min-height: unset;
    }
    .hosw_item {
        width: 100%;
    }
    .hosw_txt {
        width: 80%;
    }
    .form_wrapperv3 {
        width: 500px;
        max-width: 100%;
        margin: 50px auto 0;
    }
    .worker_section .profile_wrap {
        padding: 0 20px;
    }
    .contact_info {
        margin: 8px;
    }
    .contact_info div {
        margin-left: 15px;
    }
    .contact_info img {
        width: 34px;
    }
    ._info1, ._info5, ._info2, ._info6, ._formnav, ._formwrap {
        width: 100%;
    }
    ._display {
        margin: auto;
    }
    ._dp {
        width: 150px;
        height: 150px;
    }
    ._info {
        text-align: center;
    }
    ._info h2 {
        font-size: 22px;
    }
    ._formnav .nav-pills h3 {
        font-size: 18px;
    }
    ._formwrap .tab-pane .btn {
        padding: 5px 20px;
    }
    .desk_view {
        display: none;
    }
    .mob_view {
        display: block;
    }
    ._job-post .info_details {
        width: 100%;
    }
    ._signupv4 .btn-group {
        display: inline-flex;
    }
    ._step {
        font-size: 14px;
        padding: 5px 10px;
    }
    ._featured-img {
        margin-top: -200px;
    }
    ._blog-title {
        font-size: 25px;
        margin-bottom: 30px;
    }
    ._blog-content h2 {
        font-size: 18px;
    }
    ._blog-content p {
        font-size: 14px;
    }
    .align-right {
        float: none;
        display: block;
        max-width: 100%;
        margin: 20px auto;
    }
    ._review-overview {
        display: block;
    }
    ._review-box {
        width: 98%;
    }
    ._infobox .icon_sm {
        line-height: unset;
    }
    .employer-search-v2 .search_result_wrap {
        padding-left: 0;
    }
    ._workersearch .job_title h2 {
        margin-top: 20px;
    }

    #header .head-item .menunav-link {
        display: block;
        color: #000000;
    }
    .header-menu-wrap {
        border-radius: 30px;
        margin-right: -10px;
        margin-top: 8px;
    }
    .navbar-brand {
        margin-left: -10px;
    }
    .front-menu .nav-link, .navbar-light .navbar-toggler {
        font-size: 14px;
    }
    .list_wrapv3 .list_item .icon {
        width: 80px;
        height: 80px;
        padding: 10px;
        margin: 10px;
    }
    .pricing-box {
        padding: 30px 20px;
    }
    .pricing-box p {
        font-size: 14px;
    }
    .pricing-box ._package-info ul li {
        display: block;
        width: 100%;
    }
    .pricing-box h3 {
        font-size: 30px;
    }
    .pricing-box ._package-info {
        padding: 0;
    }
    .sub-text, .text-terms .sub-text {
        padding: 20px;
    }
    #header .navbar-brand, .navbar-brand img {
        width: 200px;
    }
    .account-nav span {
        display: none;
    }
    .account-nav {
        padding: 0 5px 0 0;
        background-color: unset;
        border-radius: unset;
    }
    .header-menu .account-nav {
        background-color: unset;
        border-radius: unset;
    }
    #header .header-menu-wrap {
        padding: 5px 15px;
    }
    .page_heading h3 {
        font-size: 16px;
    }
    .guarantee-page h2 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
    }
    .guarantee-page h2 span {
        font-size: 2rem;
    }
    .guarantee-note {
        padding: 30px 0;
    }
    .guarantee-img {
        margin-bottom: 0;
    }
    .stamp {
        width: 100px;
    }
    .footer-bar {
        background-position: left;
        padding: 50px 0;
    }
    .footer-bar .widget_wrap {
        text-align: center;
    }
    .footer-bar .widget_wrap img {
        margin-bottom: 20px;
    }
    .content-job-title h2, .job-contents h2 {
        font-size: 18px;
        margin: 40px 0 10px;
    }
    .content-jobs {
        display: block;
    }
    .text-jobs {
        margin-top: 50px;
    }
    .text-jobs, .os-nav {
        width: 100%;
        padding-right: 0;
        position: relative;
        right: unset;
    }
    .os-nav a:not(:first-child) {
        display: none;
    }
    .os-nav a.icon-bar {
        display: block;
    }
    .os-nav a.icon {
        float: none;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 4px 4px 0;
        background-color: #cacaca;
    }
    .os-nav.responsive {position: relative;}
    .os-nav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 4px 0 0;
    }
    .os-nav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .job-image-right, .job-image-left {
        float: none;
        width: 500px;
        margin: 20px auto;
        display: block;
    }
    .os-team {
        display: block;
        flex-direction: unset;
        flex-wrap: unset;
        align-items: unset;
        align-content: unset;
    }
    .os-item.os-details, .os-item.os-bio {
        width: 100%;
        flex-wrap: unset;
        align-items: unset;
        align-content: unset;
    }
    .os-item.os-details {
        border-radius: 15px 15px 0 0;
    }
    .os-item.os-details.os-clarke {
        padding-top: 50px;
    }
    .os-item.os-details, .os-item.os-bio {
        width: 100%;
    }
    .os-bio p {
        font-size: 14px;
    }
    .os-details img {
        width: 120px;
        height: 120px;
    }
    .footer-bar .widget_wrap.seen-in-logo {
        text-align: center;
        margin-bottom: 50px;
    }
    #header .navbar {
        padding: 30px 10px 50px;
    }
    #header {
        margin-bottom: -130px;
    }
    .rpw-footer-section::before {
        height: 400px;
        width: 372px;
    }
    .rpw-footer-section {
        margin-top: -200px;
        padding: 200px 0 100px;
    }
    .rpw-section {
        padding: 100px 0 100px;
    }
    .rpw-footer-section::before {
        height: 210px;
        width: 200px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .content_wrap #accordion .card-body p {
        font-size: 14px;
    }
    .content_wrap #accordion .card-header h3, .content_wrap #accordion .card-header h4 {
        font-size: 14px;
        font-weight: 500;
    }
    .error-section1 {
        background: radial-gradient(circle, rgba(4,22,117,1) 0%, rgba(0,0,0,1) 100%);
    }
    .error-section1 h1 {
        font-size: 30px;
    }
    .error-section1 p {
        font-size: 14px;
    }
    .error-section2 {
        padding: 50px 30px;
    }
    .error-section2 .btn_wrap {
        font-size: 12px;
    }
    .content-jobs.pay-guide {
        display: block;
    }
    .content-jobs.pay-guide .ol-item.ol-image {
        width: 250px;
        margin: auto;
        margin-bottom: 20px;
    }
    .ol-nav-item {
        padding: 40px 0 30px;
    }
    .affiliate-group-img img {
        width: 90px;
        height: 90px;
        margin: 10px;
    }
    .affiliate-text {
        padding: 20px;
    }
    .affiliate-wrap h2 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }
    .affiliate-wrap h3 {
        font-size: 18px;
    }
    .affiliate-wrap {
        padding: 20px 10px;
    }
    .subscription-wrap {
        align-items: start;
    }
    .aff-container p {
        font-size: 15px;
        text-align: center;
    }
    .subscription-text span, .affiliate-content-wrap p,
    .affiliate-wrap.sub-heading p, .aff-container-sub ul li,
    .affiliate-content-wrap .aff-info span {
        font-size: 14px;
    }
    .content_wrap ul li, .content_wrap_sm ul li {
        font-size: 15px;
    }
    .content_row_wrap p {
        font-size: 16px;
        line-height: 30px;
    }
    .content_wrap #accordion h3 {
        font-size: 16px;
    }
    .unsubscribe h1 {
        font-size: 30px;
    }
    .unsubscribe .topheader_text {
        font-size: 14px;
    }
    .unsubscribe img {
        width: 70px;
    }
    .no-gigs h1 {
        font-size: 30px;
    }
    .no-gigs .btn_wrap {
        display: block;
        padding: 5px 10px;
    }
}
@media screen and (max-width:767px) {
    .profile_info .page_title {
        background-color: #112373;
        clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        max-width: 100%;
        padding: 10px 20px;
        color: #ffffff;
        font-weight: 600;
    font-family: 'Poppins', sans-serif;
        text-transform: capitalize;
        font-size: 1.3rem;
        margin-bottom: 20px;
        margin-left: 0;
        margin-top: 50px;
    }
    .page_header, .container-bg {
        min-height: 200px;
        padding: 50px 0;
    }
    .heading_img_01::before, .heading_img_02::before, .heading_img_03::before,
    .heading_img_04::before, .heading_img_05::before, .heading_img_06::before, .heading_img_07::before,
    .heading_img_08::before, .hero_view.alreadyScrolled .heading_img_04::before, .heading_img_09::before,
    .heading_img_10::before, .heading_img_11::before, .heading_img_12::before, .heading_img_13::before,
    .heading_img_14::before, .heading_img_15::before, .heading_img_16::before, .heading_img_17::before,
    .heading_img_18::before, .heading_img_19::before, .heading_img_34, .heading_img_35, .heading_img_37 {
        display: none;
    }
    .row_wrap {
        display: block;
    }
    .rimg_container {
        text-align: right;
    }
    .limg_container {
        text-align: left;
    }
    .content_row_wrap {
        padding: 0;
    }
    .content_row_wrap p {
        margin: 15px auto;
    }
    .hero_view .heading_container {
        background-color: #16317975;
    }
    .hero_view.alreadyScrolled .front_header {
        max-height: 400px;
    }
    .contact_info {
        width: 100%;
        margin: 10px auto;
    }
    .contact_info img {
        width: 100px;
    }
    .search_fields {
        width: 220px;
        padding: 10px;
    }
    .fullslide_banner::before {
        background-color: #112373cc;
        clip-path: unset;
        -webkit-clip-path: unset;
        -o-clip-path: unset;
        -ms-clip-path: unset;
    }
    .homepage_blog .blog_post_item {
        width: 49%;
    }
    .homepage_blog .blog_thumbnail {
        min-height: 160px;
    }
    .homepage_blog .blog_thumbnail img {
        height: 160px;
    }
    .page_heading_l h2, .page_heading_l h3 {
        text-align: center;
    }
    .loginv1 .heading_wrap {
        padding: 20px 20px 80px;
    }
    .skills_rating .detail_group {
        width: 300px;
        max-width: 100%;
    }
    .worker_section .review_wrap .profile_wrap {
        width: 100%;
    }
    .footer-item, .head-item {
        padding: 20px 5px;
    }
    .footer-item span, .head-item span {
        font-size: 14px;
    }
    .footer-item ul li a, .head-item ul li a {
        font-size: 12px;
    }
    .page_img {
        margin-top: 50px;
    }
    .page_img h3 {
        font-size: 22px;
    }
    .page_img span {
        font-size: 1rem;
    }
    .highlight_text {
        font-size: 18px;
    }
    ._featured-img {
        margin-top: -100px;
    }
    ._featured-img img {
        height: 300px;
    }
    .loginv1 .form_wrap {
        width: 500px;
        max-width: 100%;
        margin: auto;
    }
    .plan-list ul, .plus-service {
        display: block;
        width: 100%;
    }
    .plus-service {
        margin-top: 30px !important;
    }
    .money-back-text i {
        font-size: 40px;
    }
    .money-back-text h2 {
        font-size: 20px;
    }
    .money-back-idea {
        padding-left: 200px;
    }
    .money-back-idea .os-idea {
        width: 150px;
        left: 10px;
        bottom: -25px;
    }
    .content_wrap_sm.left_img, .content_wrap_sm.right_img {
        text-align: center;
        margin: 50px 0;
    }
    .content_row_wrap {
        text-align: center;
    }
    .widget_container {
        text-align: center;
    }
    .widget_wrap img {
        width: 250px;
        margin-bottom: 50px;
    }
    .signupfooter_section {
        padding: 250px 20px 520px;
    }
    .pricing-new .plus-service {
        margin-top: 0 !important;
    }
    .pricing-description {
        min-height: unset;
    }
    .standard-acct .pricing-description {
        min-height: 650px;
    }
    .pricing-note-info {
        position: relative;
        height: unset;
    }
    .pricing-wrap {
        margin-bottom: 50px;
    }
    .pricing-section h4 {
        font-size: 50px;
    }
    .dots, .heading_container, .head-text .header_text, .worker_taglines .header_text {
        text-align: center;
    }
    .signup_section, .head-text .header_text, .employer_taglines .header_text, .worker_taglines .header_text {
        text-align: center;
    }
}
@media screen and (max-width:700px) {
    .list_container .wrap_item {
        width: 49%;
    }
    .page_heading .heading3 {
        font-size: 26px;
    }
    .team-image {
        width: 100%;
        padding: 50px 20px;
    }
    .team-description {
        width: 100%;
        right: 0;
    }
}
@media screen and (max-width:600px) {
    .other_form .btn {
        margin: 5px auto;
    }
    .list_container .wrap_item, .worker_list .wrap_item {
        width: 100%;
    }
    .hero_view.alreadyScrolled .front_header {
        padding-top: 40px;
    }
    .item_col {
        width: 100% !important;
    }
    .contact_info img {
        width: 50px;
        position: absolute;
        top: 0;
        background-color: #ffbc00;
        padding: 10px;
    }
    .contact_info div {
        width: 100%;
        margin-left: unset;
    }
    .contact_info span {
        margin-left: 60px;
    }
    .search_item .profile_image, .job_title {
        text-align: center;
    }
    .view_details {
        float: none;
    }
    .skill_item {
        font-size: 11px;
        margin: 2px 0;
    }
    .blog_post_item {
        width: 100%;
    }
    .hosw_img {
        width: 60px;
        height: 60px;
    }
    .hosw_txt {
        padding: 15px;
    }
    .hosw_txt p {
        font-size: 14px;
        text-align: left;
    }
    .ojfooter_sectionv3::before {
        height: 247px;
        width: 300px;
    }
    ._step {
        display: block;
    }
    ._step span {
        padding: 15px 10px;
        margin: 5px auto;
        height: 30px;
        width: 30px;
        display: block;
        position: relative;
        z-index: 2;
    }
    ._step::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        top: 25px;
    }
    .ojfooter_sectionv3 {
        padding: 150px 0 400px;
    }
    .content_row_wrap p {
        font-size: 15px;
        line-height: 25px;
        text-align: center;
    }
    .account_plan_list ul {
        width: 100%;
    }
    .page_header.account_header .header_text {
        font-size: 25px;
        line-height: 35px;
    }
    .topheader_box {
        font-size: 18px;
    }
    .account_digit h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .account_digit h2::after {
        height: 75px;
        top: -10px;
        right: 52px;
        width: 10px;
    }
    .account_digit {
        width: 105px;
    }
    .account_plan_reg a span, .account_plan_reg button span {
        font-size: 26px;
    }
    .account_plan_reg a, .account_plan_reg button {
        font-size: 16px;
        line-height: 15px;
    }
    .free_form_section {
        padding: 70px 0;
    }
    .account_form_box .container_wrap {
        padding: 10px 0;
    }
    .account_form_box .container_wrap .title {
        font-size: 40px;
    }
    
    
}
@media screen and (max-width:500px) {
    .table td, .table td:first-child, .table td:nth-child(3) {
      border: unset
    }
    .table_container .cta_btn {
        padding: 10px 20px !important;
        letter-spacing: 0;
        font-size: 14px;
    }
    .box_content .cat_container ul li {
        padding: 8px 10px;
        border-radius: 5px;
        background-color: #112373;
    }
    .cat_container ul li {
        font-size: 1rem;
        display: block;
        padding: 8px 20px;
    }
    .employer-v2 ._address {
        float: none !important;
    }
    .employer-v2 ._infobox .info_details {
        border-radius: 5px;
    }
    ._signupv4 .btn-group {
        display: block;
    }
    ._review-box {
        display: block;
        padding: 30px;
        text-align: center;
    }
    ._review-info ._name {
        padding: 0;
    }
    ._review-rating ._score {
        width: 100%;
    }
    ._review-rating ._score h3 {
        font-size: 60px;
        line-height: 60px;
    }
    ._review-rating ._reviews span {
        font-size: 18px;
    }
    .pricing_container .wrap_item_box h3 {
        text-align: center;
        margin: 0;
    }
    .pricing_container .wrap_number {
        position: relative;
        right: 0;
        top: 0;
        padding: 10px;
        border-radius: 0;
        border: 0;
        margin: 0;
        background-color: #f2f2f2;
    }
    .verify_signup .container_wrap .title {
        font-size: 2rem;
        padding: 20px 0;
    }
    .generate_password {
        float: none;
    }
    .wrap_number h4 {
        font-size: 2rem;
    }
    .wrap_number span {
        font-size: 11px;
    }
    .banner-btn {
        display: block;
        margin: 5px auto;
    }
    #header .head-item {
        width: 100%;
    }
    .list_item {
        padding: 0;
    }
    p {
        font-size: 15px;
    }
    .form_contentv3 {
        padding: 30px 20px;
    }
    .form_contentv3 form {
        padding: 0;
    }

    .form_contentv3 .title, .signup_section .container_wrap .title {
        margin-bottom: 20px;
    }
    .money-back-idea {
        padding: 30px 30px 150px;
    }
    .money-back-idea .os-idea {
        margin: auto;
        right: 10px;
        width: 100px;
    }
    .money-back-text h2, .money-back-idea p {
        font-size: 16px;
    }
    .container {
        padding: 0 15px;
    }
    .pricing-notes {
        font-size: 14px;
    }
    .pricing-notes span, .pricing-notes span em {
        font-size: 15px;
    }
    .rpw-section .header_text {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width:414px) {
    .box_overlay, .text_content, .btn_text, .btn_text2, .banner_text p {
        font-size: 14px;
    }
    .navbar {
        padding: 20px 10px;
    }
    .navbar-brand img {
        width: 180px;
    }
    #header .header-menu-wrap {
        padding: 0 10px;
    }
    .header_section h2 {
        font-size: 3rem;
    }
    .upload_img span {
        width: 70px;
        height: 70px;
    }
    .ojph_btn {
        padding: 5px 50px;
        font-size: 16px;
    }
    .login_section .form_note a {
        display: block;
    }
    .login_section .ojph_btn, .main-home-v1 .btn_wrap {
        padding: 5px 20px;
        border-radius: 5px;
        font-size: 14px;
    }
    .login_section .banner_text h2, .banner_text h1, .container_wrap .title, .form_contentv3 .title, .main-home-v1 .banner_text h1, .rpw-section .form_contentv3 .title {
        font-size: 28px;
        line-height: 32px;
    }
    .text_line {
        height: 5px;
        margin-bottom: 20px;
    }
    .login_section .banner_text p {
        font-size: 14px;
    }
    .header_text {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .subheader_text {
        font-size: 16px;
        line-height: 22px;
    }
    .container_wrap {
        padding: 30px 20px;
    }
    .form_container {
        border-radius: 20px;
    }
    .info_details, .form-control, .form-group label {
        font-size: 14px;
    }
    .form-group {
        margin-bottom: .5rem;
    }
    .ojfooter_section::before {
        height: 100%;
        width: 100%;
        right: 0;
        left: unset;
    }
    .widget_container {
        display: block;
        position: relative;
        text-align: center;
    }
    .widget_container img {
        -webkit-filter: drop-shadow(2px 2px 0px #141414);
        filter: drop-shadow(2px 2px 0px #141414);
    }
    .widget_container p {
        text-shadow: 1px 1px 7px #000000;
    }
    .page_header .topheader_text, .container-bg .topheader_text {
        font-size: 13px;
    }
    .page_header .header_text, .container-bg .header_text {
        font-size: 2.5rem;
    }
    .page_heading_l .topheader_text {
        font-size: 16px;
    }
    .image_container, .image_container_list {
        display: none;
    }
    .rtxt_container, .ltxt_container, .section_content {
        text-align: center;
    }
    .category_section {
        padding: 50px 0;
    }

    .testimonial_wrap {
        padding: 20px 0;
        text-align: center;
    }
    .content_wrap_sm img {
        width: 150px;
        /*height: 150px;*/
        margin: auto;
        text-align: center;
        display: block;
        margin-bottom: 50px;
    }
    .product_container {
        padding: 20px;
    }
    .product_container .wrap_item_box {
        padding: 20px 10px;
    }
    .has-search .form-control-feedback {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }
    .has-search .btn {
        padding: 5px 10px;
    }
    .has-search .form-control {
        padding-right: 80px;
    }
    .column_wrap {
        padding: 20px 10px;
        margin: auto;
    }
    .card-header {
        padding: 10px 0;
    }
    .card-body {
        padding: 20px;
    }
    .box_content .page_heading h3 {
        padding: 0;
        font-size: 1.2rem;
    }
    .content_row_wrap p {
        text-align: center;
    }
    .signupfooter_section {
        padding-top: 250px;
    }
    .signupfooter_section::before {
        height: 200px;
        width: 70%;
        margin: auto;
        left: 0;
        right: 0;
    }
    .signup_wrap .product_container, .signup_wrap .product_container .wrap_item {
        padding: 0;
    }
    .signup_wrap .product_container .wrap_title {
        text-align: center;
        padding-right: 0;
        font-size: 2rem;
    }
    .signup_wrap .product_container .wrap_number {
        position: relative;
        right: unset;
        top: unset;
    }
    .signup_wrap .product_container .wrap_details ul {
        margin: 20px 0 0;
        text-align: center;
    }
    .signup_wrap .product_container .wrap_item_box {
        padding: 0;
    }
    .heading_btn {
        display: block;
    }
    .heading_btn .btn_wrap {
        width: 170px;
    }
    .search_fields {
        width: 100%;
    }
    .main_blog_post {
        height: 300px;
    }
    .homepage_blog .blog_post_item {
        width: 100%;
    }
    .latest_job_item .search_item {
        display: block;
    }
    .latest_job_item .search_item .profile_image {
        width: 100%;
        padding: 20px;
    }
    .latest_job_item .search_details {
        width: 100%;
    }
    .worker_section .profile_details {
        margin-bottom: 0;
    }
    #page_header2, #page_header3 {
        padding: 120px 0px !important;
    }
    .nav-content .profile_check_info {
        padding: 0 30px 30px 0;
        text-align: left;
    }
    .footer-item, .head-item {
        text-align: center;
        margin-bottom: 30px;
        width: 100%;
    }
    .footer-item:last-child, .head-item:last-child{
        margin-bottom: 0;
    }
    .ojfooter_sectionv3::before {
        bottom: 0;
    }
    .verify_signup {
        padding-bottom: 100px;
    }
    ._signupv4 .signup_wrap .product_container .wrap_title, ._content-review-box {
        padding: 20px;
    }
    ._featured-img {
        margin-top: -150px;
        padding: 0;
    }
    ._featured-img img {
        height: 200px;
        margin-bottom: 30px;
    }
    ._blog-post {
        padding: 0 20px;
    }
    ._blog-content p {
        text-align: justify;
    }
    ._header-review-box ._review-details img {
        width: 40px;
        height: 40px;
        margin: 0 5px 0 0;
    }
    ._header-review-box ._review-details div {
        margin-top: 0;
    }
    ._header-review-box ._review-details div span, ._content-review-box p {
        font-size: 14px;
    }
    ._header-review-box ._review-details div small {
        font-size: 70%;
    }
    ._header-review-box ._review-star {
        float: none;
        line-height: unset;
        text-align: right;
    }
    .list_wrapv3 .list_item .icon {
        width: 60px;
        height: 60px;
        padding: 12px 10px;
    }
    .list_item img {
        width: 100%;
        height: 35px;
    }
    .list_item h4 {
        width: 160px;
        max-width: 100%;
    }
    .guarantee-page {
        padding: 30px;
    }
    .page_heading h2 {
        font-size: 22px;
    }
    .page_header.account_header .header_text {
        font-size: 20px;
        line-height: 30px;
    }
    .topheader_box {
        font-size: 16px;
    }
    .standard-acct .pricing-description {
        margin-bottom: 70px;
    }
    .standard-acct nav .nav-tabs .nav-link {
        padding: 5px 10px;
    }
    /*.active#nav-lifetime-tab .tooltiptext {
        right: 10px;
        min-width: 250px;
    }*/
    .price-item {
        overflow: unset;
    }
    .stamp-signature {
        padding: 20px 0;
    }
    .stamp-signature span {
        font-size: 28px;
        margin-bottom: 15px;
        display: inline-block;
    }
    .monthpay-header .header_text {
        font-size: 35px;
        line-height: 35px;
    }
    .ol-nav-item {
        padding: 40px 0 30px;
    }
    .online-jobs-content {
        padding: 30px 0 10px;
    }
    .page_heading.ol-page-head {
        padding: 20px 20px 0;
    }
    .affiliate-group-img img {
        width: 60px;
        height: 60px;
        margin: 0 10px;
    }
    .affiliate-wrap h2 {
        font-size: 18px;
    }
    .affiliate-img img {
        height: 150px;
    }
    .affiliate-wrap h3 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .affiliate-buttons a {
        width: 100%;
    }
    .affiliate-group-img .aff-icon::after {
        font-size: 17px;
        margin-right: 0;
    }
    .commission-text span {
        font-size: 20px;
    }
    .payment-logos img {
        width: 40px;
        margin: 3px;
    }
    .head-text .header_text, .employer_taglines .header_text, .worker_taglines .header_text {
        font-size: 45px;
        line-height: 50px;
    }
}
@media screen and (max-height:390px) {
    #page_header, #page_header2, #page_header3, #page_header4 {
        padding: 120px 0px !important;
    }
    .banner_headingtext {
        display: none;
    }
    
}
@media screen and (max-width: 375px) {
    .g-recaptcha {
        transform-origin: 0 0;
    }
    #header .navbar-brand, .navbar-brand img {
        width: 195px;
    }
    #header {
        margin-bottom: -160px;
    }
    #page_header, #page_header2, #page_header3, #page_header4 {
        padding: 120px 0px !important;
    }
    .card-header {
        padding: 10px;
    }
    .content_wrap #accordion .card-header h3, .content_wrap #accordion .card-header h4 {
        line-height: 22px;
    }
    
}