*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-image.smooth-transition {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
a {
	text-decoration: none;
}


.sem-seo-header .sub-header .nav-links a {
	text-decoration: none;
}

.sem-seo-header .pull-right {
	float: right;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.container:before,
.row:before {
	display: table;
	content: " ";
}

.container:after,
.row:after {
	clear: both;
	display: table;
	content: " ";
}

.container {
	position: relative;
}

.sem-seo-header.expertrec+.header-seperator {
	height: 100px;
	transition: height 90ms linear;
}

.sem-seo-header.small+.header-seperator {
	height: 100px;
}

.fa.fa-arrow-left:after {
	content: "";
	border-top: 2px solid var(--text-color);
	width: 15px;
	height: 2px;
	display: block;
	position: absolute;
	top: 7px;
	right: -4px;
}

.fa.fa-arrow-left:before {
	border-style: solid;
	border-width: 2px 2px 0 0;
	display: inline-block;
	height: 10px;
	position: relative;
	top: 3px;
	vertical-align: top;
	width: 10px;
	left: 3px;
	transform: rotate(-135deg);
	content: "";
}

.fa.fa-arrow-left {
	position: relative;
	width: 15px;
	height: 15px;
	display: block;
	margin: 0;
	left: -8px;
}

.sem-seo-header.onscroll {
	background-color: var(--main-bg-color) ;
	box-shadow: 0px 4px 8px 0px rgba(91, 115, 139, 0.16);
}

.sem-seo-header {
	padding: 30px 0;
	position: fixed;
	top: 0;
	z-index: 999;
	height: 100px;
	width: 100%;
	left: 0;
	line-height: 2rem;
}

.header-logo svg path {
	fill: var(--text-color);
}

.small .header-logo svg path {
	fill: var(--text-color);
}

.sem-seo-header .dark-logo {
	display: inline-block;
}

.sem-seo-header .dark-logo svg {
	height: 32px;
	width: 90px;
	margin: 4px 0;
}
.sem-seo-header+.header-seperator {
	transition: height 90ms linear;
}

.sem-seo-header .header-right {
	position: relative;
}
.er_append_body_template.hidden {
  display: none;
}
.rn-logo-img {
    height: 32px;
    width: 90px;
    margin: 4px 0;
}
.nav-item-btn {
    padding: 10px 0 0 24px;
}
.sem-seo-header .sub-nav .nav-item{
    position: relative;
    border-radius: 8px;
}
.sem-seo-header .header-right .nav-links a.head-btn {
    border-radius: var(--btn-border-radius);
    color: var(--main-bg-color);
    background: var(--primary-btn-bg);
    padding: 16px 10px;
    display: block;
    text-align: center;
    line-height: 1.6rem;
}
.large-btn {
    min-width: 250px;
}
.sem-seo-header .sub-nav .nav-item a.link-img-flex {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    min-width: 350px;

}
.nav-item-img .link-img-flex .img-hover {
    width: 40%;
}
.nav-item-img .link-img-flex .builder-text-wrap {
    width: 60%;
    padding-left: 16px;
}
.nav-item-img .link-img-flex .builder-text-wrap p.bolder-content {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 8px;
}
.nav-item-img .link-img-flex .builder-text-wrap p.normal-content{
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
}
.nav-item .lottie-container {
    margin-top: -12px;
    position: relative;
    display: inline-block;
    margin-left: -12px;
    border-radius: 8px;
    height: 161px;
}
.nav-item-btn .hd{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 8px;

}
.nav-item-btn .hd-desc{
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 24px; 
    color:#787878;
}
.sem-seo-header .header-right .nav-links.login a{
    border-radius: var(--btn-border-radius);
    padding: 12px 48px;
    display: inline;
}
.sem-seo-header .icon_arrow{
    align-self: center;
}
.sem-seo-header .icon_arrow:before {
        content: '';
        left: -8px;
        top: 4px;
        position: absolute;
        width: 10px;
        height: 6px; 
        background-image: url(/sapp/themes/resumenow/img/megamenu/down-arrow.svg);
}
.label-arrow-wrap{
    display: flex;
}
.sem-seo-header .sub-nav .nav-item a{
    position: relative;
}
.header-progress-container{
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.header-progress-bar{
    height: 5px;
    background: #2F5CF8;
    border-radius: 24px;
    width: 0%;
}
body .sem-seo-header .header-right .nav-links.login a{
        padding: 15px 56px;
        background: var(--white);
        border: 1px solid var(--black);
}
body .sem-seo-header .header-right .nav-links.login a,
body .sem-seo-header .header-right .nav-links.free-account a{
        border-radius: var(--btn-border-radius);
        display: inline;
}
body .sem-seo-header .header-right .nav-links.free-account a {
        color: var(--white);
        padding: 15px 29px;
}
@media (min-width: 768px) {
    .sem-seo-header .col-sm-2 ,
    .sem-seo-header .col-sm-10{
        padding-right: 15px;
        padding-left: 15px;
    }
    .mobile-info-img {
        display: none;
    }

	.home-page .sem-seo-header+.header-seperator {
		height: 100px;
	}

	.container {
		width: 750px;
	}

	a:focus,
	a:hover {
		text-decoration: none;
	}
  .sem-seo-header .header-right .nav-links a.head-btn:hover {
    color: #ffffff;
    background-color: var(--primary-btn-bg-hover);
  }

  .sem-seo-header.small {
		height: 100px;
	}


	.sem-seo-header+.header-seperator {
		height: 100px
	}

	.sem-seo-header .header-left {
		height: 40px;
	}

	.sem-seo-header .header-right {
		margin-top: 7px;
		float: right;
	}

	.sem-seo-header .header-right .nav-links {
		padding: 0;
		vertical-align: middle;
		display: inline-block;
		cursor: pointer;
		float: left;
		margin: 0 0 8px 10px;
	}

    .sem-seo-header .header-right .nav-links:last-child{
        position: relative; 
    }

	.sem-seo-header .header-right .nav-links:first-child {
		margin-left: 0;
	}

	.sem-seo-header .header-right .nav-links:last-child {
		padding-right: 0;
	}

	.sem-seo-header .header-right .nav-links a.desk-vsble,
	.sem-seo-header .header-right .nav-links.home-li-links a {
		padding-bottom: 0;
	}

	.sem-seo-header .desk-vsble {
		display: block;
	}

	.col-sm-2 {
		float: left;
		width: 16.66666667%;
	}

	.nav-sub-hover {
		position: relative;
	}
}

@media (min-width: 992px) {
    .sem-seo-header .sub-nav .nav-item-btn.nav-item:hover{
        background: #fff;
    }
    .sem-seo-header .sub-nav .nav-item .nav-item-icon::before ,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cv-temp .nav-item-icon::before{
        content: "";
        position: absolute;
        width: 24px;
        height: 25px;
        top: 12px;
        left: 12px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-temp .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-temp .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cv-template .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cv-template .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cl-temp .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cl-temp .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-cl .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-cl .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/rs-temp.svg);
        width: 26px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-sum-gen .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-sum-gen .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/ai-sum-gen.svg);
        width: 25px;
        height: 26px;
    }
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-skills-gen .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-skills-gen .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/rs-skills-gen.svg);
        width: 25px;
        height: 26px;
    }
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-resume-review .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-resume-review .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/ai-resume-review.svg);
        width: 25px;
        height: 26px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-ex .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cv-ex .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cl-ex .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-ex .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cv-ex .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cl-ex .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/rs-ex.svg);
        height: 26px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-htw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cv-htw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cl-htw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-htw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cv-htw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cl-htw .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/how-to-rs.svg);
        width: 26px;
        height: 27px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cv-maker .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cl-build .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cv-maker .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cl-build .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/cv-maker.svg);
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-formt .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.cl-for .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-formt .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.cl-for .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/rs-for.svg);
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-ats .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-ats .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/ats-rs.svg);
        width: 25px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-res .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-res .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/resumes.svg);
        width: 25px;
        height: 24px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-intw .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-intw .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/interview.svg);
        width: 25px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-js .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-js .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/job-sr.svg);
        width: 24px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-help .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-help .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/cv-help.svg);
        width: 24px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.ad-ca .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.ad-ca .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/career.svg);
        width: 24px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-contact-us .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-contact-us .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/contact.svg);
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-eg .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-eg .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/guidelines.png);
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-press .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-press .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/press.svg);
        width: 29px;
        height: 25px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-cr .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-cr .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/cust-rvws.svg);
        width: 26px;
        height: 28px;
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-faq .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-faq .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/faq.svg);
    }
    .sem-seo-header .hover-on-nav:hover>.sub-nav .nav-item.rs-pricing .nav-item-icon::before,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item.rs-pricing .nav-item-icon::before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/pricing.svg);
    }
    .sem-seo-header .sub-nav .nav-item.rs-skills-gen .item-link {
        padding-right: 22px;
    }
    .sem-seo-header .sub-nav .nav-item.cl-htw .item-link {
        padding-right: 26px;
    }
    .sem-seo-header .sub-nav .nav-item.rs-skills-gen .nav-item-wrap .des-text {
        margin-top: 24px;
    }
    .sem-seo-header .sub-nav .nav-item.cl-htw .nav-item-wrap .des-text {
        margin-top: 24px;
    }
    
    .nav-item .lottie-container {
        max-width: 274px;
    }
    .label-arrow-wrap::before {
        content: "";
        width: 100%;
        margin: 0 auto;
        bottom: -4px;
        height: 2px;
        position: absolute;
        left: 6px;
        background: #2F5CF8;
        z-index: 1;
        right: 0;
        display: none;
    }
    .sem-seo-header .hover-on-nav:hover .label-arrow-wrap::before,
    .sem-seo-header .hover-on-nav:focus-within .label-arrow-wrap::before{
        display: inline;
    }
    .label-arrow-wrap{
        position: relative;
    }
    .sem-seo-header .icon_arrow:before {
        transition: transform 0.5s ease;
    }
    .sem-seo-header .hover-on-nav:hover .icon_arrow:before,.sem-seo-header .sub-header .nav-links.active>.icon_arrow:before, .sem-seo-header .hover-on-nav:focus-within .icon_arrow:before{
        background-image: url(/sapp/themes/resumenow/img/megamenu/up-arrow.svg);
        transform: rotate(-180deg);
    }
    .sem-seo-header .icon_arrow{
        position: relative;
    }
    .nav-item-img .link-img-flex .img-hover{
        width:37%;
    }
    .sub-nav .nav-wrapper{
        position: relative;
    }
    .sem-seo-header .sub-nav .nav-item{
        max-width: 284px;
    }
    .sem-seo-header .sub-nav .links .nav-item {
        display: flex;
        flex-wrap: wrap;
    }
    .sem-seo-header .rs-builder  .sub-nav .nav-item{
        max-width: unset;
    }
    .sub-nav .links ul {
        flex-direction: column;
        width: 48%;
        display: flex;
    }
    .rs-resume .sub-nav .links ul {
        width: 32%;
    }
    .rs-builder .links ul{
        width: 100%;
    }
    .sem-seo-header .header-right .nav-links.login{
        right: 166px;
        position: absolute;
    }
    .sem-seo-header .header-right .nav-links.free-account{
        right: 0;
        position: absolute;
    }
    .search-label,
	.sem-seo-header .header-right .nav-links a,
	.sem-seo-header .header-right .nav-links span:not(.desktop-icon) {
		color: var(--text-color);
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 2rem;
		padding: 0px 13px 7px;
	}
    .sem-seo-header .icon_arrow:before {
        left: -5px;
    }

	.sem-seo-header .sub-nav .nav-item:active,
	.sem-seo-header .sub-nav .nav-item:focus,
	.sem-seo-header .sub-nav .nav-item:hover {
		background: #F4F5FB;
	}
    .sem-seo-header .sub-nav .nav-item:hover .nav-item-wrap .des-text{
        color: #000;
    }
	.sem-seo-header .header-right .sub-nav .nav-item a.item-link{
        display: block;
        line-height: 1.6rem;
        position: absolute;
        width: 100%;
        height: 100%;
        display: inline-block;
	}

    .sem-seo-header .header-right .sub-nav  .nav-item a .hd ,
    .sem-seo-header .header-right .sub-nav .nav-item:hover a .arrow{
        position: relative;
        padding: 0;
        line-height: 1.6rem;
    }
    .sem-seo-header .header-right .sub-nav .nav-item a .arrow{
        padding: 0;
        line-height: 0;
    }
    .sem-seo-header .header-right .sub-nav .nav-item a .arrow::after,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item a .arrow::after,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item:focus a .arrow::after {
        top: 2px;
        content: '';
        right: -22px;
        position: absolute;
        width: 14px;
        height: 13px;
        display: none;
        background-image: url(/sapp/themes/resumenow/img/megamenu/arrow.svg);
    }

    .sem-seo-header .header-right .sub-nav .nav-item:hover a .arrow::after,
    .sem-seo-header .hover-on-nav:focus-within>.sub-nav .nav-item:focus a .arrow::after {
        display: inline;
    }
    .nav-item-wrap {
        position: relative;
        padding-bottom: 12px;
        margin-bottom: 8px;
    }
    .sem-seo-header .sub-nav .nav-item .nav-item-wrap .des-text{
        margin-top: 8px;
        font-weight: 400;
        line-height: 1.6rem;
        font-size: 1.2rem;
        color: #787878;
        padding-top: 28px;
        padding-left: 52px;
        padding-right: 22px;
    }

    .sem-seo-header .hover-on-nav:hover .focus-block,
    .sem-seo-header .hover-on-nav:focus-within .focus-block {
		color: var(--primary-btn-bg) !important;
	}

	.sem-seo-header.onscroll .nav-links:before {
		background-color: var(--text-color);
	}
    .sem-seo-header .hover-on-nav:hover>.sub-nav,
	.sem-seo-header .hover-on-nav:focus-within>.sub-nav {
		left: -28px;
		right: auto;
		opacity: 1;
		visibility: visible;
		transition: transform 0.4s ease-in-out;
        cursor: default;
        z-index: 1;
	}
    .sem-seo-header .rs-resume.hover-on-nav:hover>.sub-nav,
	.sem-seo-header .rs-resume.hover-on-nav:focus-within>.sub-nav {
        left: -211px;
    }
    .sub-nav.sub-inner-header .links{
        display: flex;
        flex-wrap: wrap;
        border-right: 1px solid #DDE2E7;
    }
    .sub-nav.sub-inner-header .links li a{
        border-radius: 8px;
        padding: 12px 12px 12px 52px ;
        margin-bottom: 8px;
        margin-right: 12px;
    }
	.sub-nav {
		left: -9999px;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		-webkit-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
		top: 22px;
	}
    .sub-nav .nav-wrapper{
        padding: 24px 24px 16px;
        border-radius: 24px;
        box-shadow: 4px 4px 32px 0px #C4BCDC7A;
        display: flex;
        margin-top: 40px;
        background-color: var(--main-bg-color);
        max-width: 880px;
        margin-right: -38px;
    }
    .rs-resume .sub-nav .nav-wrapper{
        max-width: 1142px;
    }
    .rs-builder .sub-nav .nav-wrapper{
        max-width: 448px;
    }
    .rs-builder .sub-nav.sub-inner-header .links,
    .rs-resource .sub-nav.sub-inner-header .links{
        border: 0;
    }
    .sem-seo-header .rs-resource.hover-on-nav:hover>.sub-nav,
	.sem-seo-header .rs-resource.hover-on-nav:focus-within>.sub-nav {
		left: 120px;
	}
    .rs-resource .sub-nav .nav-wrapper{
        max-width: 572px;
    }
    .rs-resource .sub-nav .links ul{
        width:50%;
    }
    .rs-resource .sub-nav.sub-inner-header .links li a{
        padding: 12px 0px 12px 52px;
    }
	.container {
		width: 970px;
	}
      .sem-seo-header .menu-wrapper,
      .sem-seo-header .mob-vsble,
      .sem-seo-header .mob-vsble.nav-links,
      .sem-seo-header .nav-links .menu-check-action {
          display: none
      }
}

@media (min-width: 1280px) {

	.sem-seo-header a:focus,
	.sem-seo-header .focus-block:focus {
		outline: #0084d1 dashed 2px;
		outline-offset: 4px;
	}

}
@media only screen and (min-width: 991px) {
	.sem-seo-header .header-right {
		padding-right: 267px;
	}
}
@media (max-width: 1200px) and (min-width: 1025px) {
    .sem-seo-header .header-right .nav-links a, .sem-seo-header .header-right .nav-links span:not(.desktop-icon) {
        padding: 0px 7px 7px;
    }
    .sem-seo-header .header-right {
        padding-right: 270px;
    }
    .sem-seo-header .icon_arrow:before {
        left: 0px;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .sem-seo-header .rs-resume.hover-on-nav:hover>.sub-nav, .sem-seo-header .rs-resume.hover-on-nav:focus-within>.sub-nav {
        left: -170px;
    }
    .sub-nav .nav-wrapper {
        padding: 24px 15px 16px;
    }
    .sem-seo-header .header-right .nav-links.login a {
        padding: 12px 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .sem-seo-header .header-right .nav-links a.head-btn{
        max-width: 300px;
    }
    .breadcrumb {
        margin: 20px 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sem-seo-header .header-right .nav-links {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 991px) {
    .nav-item .lottie-container {
        margin-top: -40px;
        margin-left: -34px;
    }
    .nav-item-btn .hd {
        margin-top: -24px;
    }
    .sem-seo-header .icon_arrow:before {
        right: 30px;
        left: unset;
        top:17px;
    }
    .sem-seo-header .icon_arrow:before {
        background-image: url(/sapp/themes/resumenow/img/megamenu/down-arrow.png);
        width: 14px;
        height: 8px;
    }
    .sem-seo-header .sub-header .nav-links.active .icon_arrow:before{
        transform: rotate(-180deg);
    }
    .sem-seo-header .sub-nav .nav-item .nav-item-wrap .des-text{
        display: none;
    }
    .sem-seo-header .sub-nav .nav-item::before{
        content: unset;
    }
    .er_append_body_template .er-suggestion-sm {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: white;
        z-index: 2147483647;
        height: 100%;
    }
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
    .search-label,
	.sem-seo-header .header-right .nav-links a,
	.sem-seo-header .header-right .nav-links span:not(.desktop-icon) {
		padding: 0px 15px 7px;
	}
    .sem-seo-header .header-right {
		padding-right: 340px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sem-seo-header .header-right .nav-links {
		margin: 0 0 8px 0px;
	}
}
@media (min-width:992px) and (max-width:1199px){
    body .sem-seo-header .header-right .nav-links.login a {
    padding: 12px 25px;
}
.sem-seo-header .header-right .nav-links.login {
        right: 160px;
}
}
@media only screen and (max-width:991px) {
    .sem-seo-header .sub-nav .nav-item a.link-img-flex {
        min-width: unset;
        padding-right: 0;
    }
    .nav-item-btn {
        padding: 0;
        margin-top: 20px;
    }
    .sem-seo-header .sub-inner-header .nav-item.nav-item-img {
        padding: 0;
    }
    .rn-logo-img {
        width: 85px;
        height: 30px;
        margin: 0;
    }
  .sem-seo-header .header-left {
      height: 30px;
      width: 100%;
    }
  
  .sem-seo-header .header-right {
      display: block;
      width: 100%;
      padding-right: 0;
  }
  
  .sem-seo-header .icon_close {
      position: absolute;
      right: 30px;
      width: 24px;
      height: 24px;
      top: 25px;
  }
  
  .nav-links.mob-vsble .js-header-logo svg path {
      fill: var(--text-color);
  }
  
  .sem-seo-header .icon_close:after,
  .sem-seo-header .icon_close:before {
      content: "";
      color: var(--text-color);
      border: 1.5px solid;
      width: 1px;
      height: 24px;
      display: block;
      position: absolute;
      right: 4px;
      top: 0;
      transform: rotate(-45deg);
  }
  
  .sem-seo-header .icon_close:before {
      transform: rotate(45deg);
  }
  
  .sem-seo-header .icon_menu {
      float: right;
      position: relative;
      cursor: pointer;
      padding-left: 20px;
      height: 28px;
  }
  
  .sem-seo-header .icon_menu {
      color: var(--text-color);
  }
  
  .sem-seo-header.small.onscroll .icon_menu {
      color: var(--text-color);
  }
  
  .sem-seo-header .icon_menu .bar {
      position: absolute;
      top: 7px;
      left: -3px;
  }
  
  .sem-seo-header .icon_menu .bar span {
      border: 1px solid;
      width: 22px;
      height: 3px;
      display: block;
      margin-bottom: 5px;
      background: var(--text-color);
  }
  
    .sem-seo-header .icon_menu .bar span {
      background: var(--text-color);
    }
  
  .small.sem-seo-header .icon_menu .bar span {
      background: var(--text-color);
  }
  
  
  .sem-seo-header .sub-header .nav-links.active>.icon_arrow:before {
      transform: rotate(-135deg);
      top:17px;
  }
  
  .sem-seo-header {
      padding: 15px;
  }
  
  .sem-seo-header.small {
      padding: 15px;
  }
  
  .sem-seo-header+.header-seperator {
      height: 60px;
  }
  
  .sem-seo-header .header-logo svg,
  .sem-seo-header.small .dark-logo svg {
      width: 85px;
      height: 30px;
      margin: 0;
  }
  
  .sem-seo-header .menu-wrapper {
      display: block;
      float: right;
      position: relative;
  }
  
  .sem-seo-header .sidebar-menu {
      overflow: auto;
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      text-align: left;
      background-color: var(--main-bg-color);
      height: 100vh;
      cursor: default;
      z-index: 12;
   }
  
    .sem-seo-header .sidebar-menu.in {
      right: 0;
      padding: 0;
    }
  
    .sem-seo-header .sub-header {
      padding-bottom: 30px;
      display: flex;
      flex-direction: column;
    }
  
    .sem-seo-header .sub-header .nav-links,
    .sem-seo-header .sub-inner-header .nav-links {
      padding: 15px;
      text-align: left;
      position: relative;
    }
  
    .sem-seo-header .sub-header .nav-links {
      padding: 12px 30px;
      text-align: left;
      position: relative;
      width: 100%;
    }
  
    .sem-seo-header .sub-header .nav-links a,
    .sem-seo-header .sub-header .nav-links span.focus-block {
      color: var(--text-color);
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.6rem;
    }
  
    .sem-seo-header .sub-nav .nav-item a {
      font-size: 1.2rem;
      line-height: 1.6rem;
      display: block;
    }
  
    .sem-seo-header .sub-header .nav-links.login {
      padding-top: 25px;
      padding-bottom: 32px;
    }
  
    .sem-seo-header .sub-header>.nav-links:first-child {
      padding: 20px 30px 35px;
    }
  
    .sem-seo-header .sub-header>.nav-links:first-child a {
      padding: 0;
      display: block;
      height: 40px;
    }
  
    .sem-seo-header .sub-inner-header {
      overflow: auto;
      display: block;
    }
    .sem-seo-header .sub-inner-header ul{
        margin-top: 8px;
    }
    .sem-seo-header .sub-inner-header ul:last-child{
        border-bottom: 1px solid #DDE2E7;
        padding-bottom: 10px;
    }
    .sem-seo-header .sub-inner-header.builder-logo-mobile {
        padding-left: 0;
    }
  
    .sem-seo-header .sub-inner-header::-webkit-scrollbar {
      width: 0;
    }
  
  .sem-seo-header .sub-inner-header .nav-links {
      padding: 20px 0 0;
  }
  
  .sem-seo-header .sub-inner-header .nav-links a {
      padding: 0;
  }
  
  .sem-seo-header .menu-wrapper .menu-check-action {
      position: absolute;
      top: 3px;
      left: 1px;
      width: 100%;
      opacity: 0;
      margin: 0;
      cursor: pointer;
      height: 25px;
  }
  
  .sem-seo-header .sub-header .menu-check-action {
      top: 10px;
      width: 18px;
      right: 25px;
      z-index: 9;
      left: auto;
  }
  
  .sem-seo-header .menu-check-action.in {
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      margin: 0;
      position: fixed;
  }
  
  .sem-seo-header .desk-vsble,
  .sem-seo-header .sub-inner-header.out {
      display: none;
  }
  
  .sem-seo-header .mob-vsble {
      display: block;
  }
  
  .sem-seo-header .sidebar-menu .menu-check-action {
      position: absolute;
      opacity: 0;
      margin: 0;
      cursor: pointer;
      height: 25px;
  }
  
  .sem-seo-header .sub-inner-header .nav-item {
    padding: 8px 12px;
    text-align: left;
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
  }
  .sub-nav.sub-inner-header .nav-item a,
  .sub-nav.sub-inner-header .nav-item a span {
      font-weight: 400;
  }
  .sub-nav.sub-inner-header .nav-item.nav-item-btn a{
    font-weight: 700;
  }
	body:not(.expertrec-search) .er_gcs_fixed_facets_btn {
		display: none !important
	}

	.sem-seo-header.small+.header-seperator {
		height: 60px;
	}
	.sem-seo-header,
	.sem-seo-header.small {
		height: 60px
	}

	.sem-seo-header.small.expertrec {
		height: auto;
	}

	.search-label {
		display: none
	}

	.sem-seo-header .sub-header .nav-sub-hover .icon_arrow:before {
		transform: rotate(45deg)
	}

	.sem-seo-header .sub-header .nav-sub-hover.active .icon_arrow:before {
		transform: rotate(-135deg)
	}
    .sub-header li.nav-links a:not(.hover-on-nav a, .login a){
        display: block;
    }
    .chatLive{
        width: 100%;
        text-align: left;
    }
}
@media only screen and (max-width: 767px) {
    .desktop-info-img {
        display: none;
    }
    .nav-item-img .link-img-flex .img-hover{
        max-height: 100px;
    }
    .sem-seo-header .sub-inner-header .lottie-container{
        width: 100%;
        max-width: unset;
        margin-top: -23px;
        margin-left: -18px;
        height: 171px;
    }
    .nav-item-btn .hd {
        margin-top: -5px;
    }

    .sem-seo-header.expertrec+.header-seperator {
        height: 60px;
    }
    .sem-seo-header .icon_close {
        top: 34px;
    }
    .sem-seo-header {
        padding: 15px 30px;
    }
    .sem-seo-header.small {
        padding: 15px 30px;
    }
    .sem-seo-header .sub-header>.nav-links:first-child{
        padding: 30px 30px 35px;
    }
    .sem-seo-header .header-left {
        padding: 0;
    }
    .sem-seo-header.expertrec+.header-seperator {
		height: 60px
	}
    .sem-seo-header .sub-header .nav-links.free-account {
        margin-top: 8px;
        padding-top: 0;
    }
    .sem-seo-header .sub-header .nav-links.login {
        padding-top: 24px;
        padding-bottom: 0;
    }
    body .sem-seo-header .header-right .nav-links.login a,
    body .sem-seo-header .header-right .nav-links.free-account a{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15.5px 20px;
        height: auto;
        max-width: 100%;
    }
}