a:focus, a:hover {
    text-decoration: none;
	outline: none;
}

/* salary-banner-sec start */

.salary-banner-sec { padding:44px 0 209px; position:relative; z-index:2; background-color:#fff; }
body.page-template-salary-calculator-new .main-header > .row:before { display:none; }
body.page-template-salary-calculator-new .main-header > .row:after { display:none; }
.salary-calculator-new-pg { font-family:"Montserrat", sans-serif !important; }
.salary-calculator-new-pg .cta-btn { text-decoration:none !important; }
.salary-calculator-new-pg h1,
.salary-calculator-new-pg h2,
.salary-calculator-new-pg h3,
.salary-calculator-new-pg h4,
.salary-calculator-new-pg h5,
.salary-calculator-new-pg h6 { margin-top:0; }
*, *:after, *:before { box-sizing:border-box; }
.salary-banner-sec .rapper .sub-title { font-size:24px; line-height:36px; color:#231F20; font-weight:600; margin-bottom:16px; display:inline-block; }
.salary-banner-sec .rapper h1 { font-size:48px; line-height:70px; color:#231F20; margin-bottom:48px; font-weight:500; }
.salary-banner-sec .rapper h1 span { /*color:#D6A900;*/ font-weight:700; display:block; }
.salary-banner-sec .rapper h1 #role-text-change { min-height: 40px; }
.salary-banner-sec .rapper form { position:relative; max-width: 600px; display: flex; gap: 20px; }
.salary-banner-sec .rapper form input[type="search"]::-webkit-search-cancel-button,
.salary-banner-sec .rapper form input[type="text"]::-webkit-clear-button {-webkit-appearance: none; appearance: none; }
.salary-banner-sec .rapper form input[type="search"]::-moz-search-clear-button,
.salary-banner-sec .rapper form input[type="text"]::-moz-clear-button { display: none; }
.salary-banner-sec .rapper form input[type="search"]::-ms-clear,
.salary-banner-sec .rapper form input[type="text"]::-ms-clear { display: none; }
.salary-banner-sec .rapper form input[type="search"]::placeholder { color: #808285; }
.salary-banner-sec .rapper form input[type="search"]::-ms-input-placeholder { color: #808285; }
.salary-banner-sec .rapper form input { width: calc(100% - 175px); height:64px; background-color:#fff; border: 2px solid #CACACA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 100px; padding:10px 24px 10px 48px; background-image:url('../images/salary-calculator/search-new.svg'); background-repeat:no-repeat; background-size:18px; background-position: 5% center; font-size:16px; line-height:26px; font-weight:400; color:#000000; z-index:1; }
.salary-default-pg .salary-banner-sec .rapper form input { width: calc(100% - 155px); }
.salary-banner-sec .rapper form button { border:0; outline:0; }
.salary-banner-sec .rapper form button.cta-btn:hover { background: #000000;color: #ffffff; }
.salary-banner-sec .rapper form .form-loader {right: -30px;}


@media(min-width:1651px){
	.salary-calculator-new-pg .container { max-width:1315px; width:100%; }
	/* .grid-box-section .container { max-width:1525px; } */
	.manage-section .container { max-width:1464px; }
}

@media(max-width:1650px){
	.salary-banner-sec .rapper h1 { font-size:38px; line-height:48px; margin-bottom:30px; }
	.salary-banner-sec .rapper form input { height:50px; padding:10px 15px 10px 45px; background-size:14px; }
	.salary-banner-sec { padding:10px 0 100px; }
}

@media(max-width:1440px){
	.salary-banner-sec .rapper h1 { font-size:34px; line-height:44px; margin-bottom:20px; }
}

@media(max-width:1280px){
	.salary-banner-sec .rapper h1 { font-size:30px; line-height:40px; }
	.salary-banner-sec .rapper form {gap: 12px;}
	.salary-banner-sec .rapper form input {width: calc(100% - 156px);padding: 10px 15px 10px 45px;}
	.salary-default-pg .salary-banner-sec .rapper form input {width: calc(100% - 140px);padding: 10px 15px 10px 35px;}
	
}

@media(max-width:1024px){
	.salary-banner-sec .rapper form input { background-size:14px; }
}

@media(max-width:767px){
	.salary-banner-sec { padding:10px 0 100px; }
	.salary-banner-sec .rapper h1 { font-size:28px; line-height:37px; }
}
@media(max-width:490px){
	.salary-banner-sec .rapper form {gap: 15px;flex-direction: column;}
	.salary-banner-sec .rapper form input {width: 100%;}
}

/* salary-banner-sec end */


/* graph-section start */

.section-wrapper { background-color:#FAF7EF; padding:0 0 0px; }
.graph-section { padding:0 0 100px; }
.graph-section .content { display:flex; flex-wrap:wrap; margin:0 -15px; margin-top:-140px; position:relative; z-index:3;align-items: flex-start; }
.graph-section .content .item { padding:0 15px; display:flex; flex-direction:column; }
.graph-section .content .left { width:59%; }
.graph-section .content .left .rapper { background-color:#FDEDBD; }
.graph-section .content .right { width:41%; }
.graph-section .content .right .rapper { background-color:#FFEB82; }
.graph-section .content .item .rapper { border-radius:32px; padding:42px 42px 20px; height:100%;position: relative; }
.graph-section .content .item .rapper .title { display:flex; align-items: center; margin-bottom:34px; }
.graph-section .content .item .rapper .title img { margin-right:18px; }
.graph-section .content .item .rapper .title h2 { margin-bottom:0; font-size:24px; line-height:31px; color:#231F20; font-weight:400; }
.graph-section .content .item .rapper .title h2 strong { font-weight:700; display:inline-block; }
.graph-section .content .item form .monthly { display:flex; align-items:baseline; margin-bottom:20px; }
.graph-section .content .item form .monthly label { font-size:48px; line-height:58px; font-weight:700; color:#231F20; margin-right:3px; }
.graph-section .content .item form .monthly .rev-select { height:auto; }
.graph-section .content .item form .monthly .select-options { max-width:100px; border-radius:15px; }
.graph-section .content .item form .monthly .select-styled.active::after { top:11px; }
.graph-section .content .item form .monthly .select-styled:after { top:7px; }
.graph-section .content .item form .monthly .select-styled { font-size:16px; line-height:25px; color:#231F20; border:0; border-radius:0; background-color:transparent; outline:none; box-shadow:none; font-weight:600; max-width:100px; height:auto; top:-4px; }
.graph-section .content .item form .experience .select-options { max-width:145px; border-radius:15px; }
.graph-section .content .item form .experience .select-styled.active::after { top:14px; }
.graph-section .content .item form .experience .select-styled:after { top:10px; right:15px; }
.graph-section .content .item form .experience .select-styled { max-width:145px; border-radius: 100px; background-color:#fff; height:auto; font-size:12px; line-height:25px; color:#231F20; border:0; outline:none; box-shadow:none; padding:4px 22px 4px 12px; }
.graph-section .content .item .range-salary { display:flex; justify-content:space-between; margin-top:50px;position: absolute;bottom: 15px; width: calc(100% - 84px); }
.graph-section .content .item .range-salary h4 { font-size:20px; line-height:28px; font-weight:500; color:#231F20; margin-bottom:0; }
.graph-section .content .item .range-salary h4 strong { font-weight:700; }
.graph-section .content .item .range-salary h4 br { display:block; }
.graph-section .content .item .range-salary h4:last-child { text-align:right; }

.graph-section .content-listing {margin: 30px 0px; background: #ffffff; border-radius: 32px; padding: 30px; align-items: normal;}
.graph-section .content-listing .left {width: 49%; border-right: 1px solid #BCBEC0; margin-right: 1%;}
.graph-section .content-listing .right {width: 50%;}
.graph-section .content-listing ul { margin-bottom:0; margin-top:0px; }
.graph-section .content-listing ul li { margin-bottom:32px; display:flex; }
.graph-section .content-listing ul li .circle { width:64px; height:64px; display:flex; align-items:center; justify-content:center; margin-right:16px; }
.graph-section .content-listing ul li p { margin-bottom:0; font-size:18px; line-height:30px; font-weight:400; color:#231F20; width:calc(100% - 80px); }
.graph-section .content-listing ul li:last-child { margin-bottom:0; }

@media(max-width:1650px){
	.graph-section .content { margin-top:-60px; }
	.graph-section .content .item .rapper .title h2 { font-size:18px; line-height:28px; }
	.graph-section .content .item form .monthly label { font-size:26px; line-height:36px; }
	.graph-section { padding:0 0 70px; }
	.graph-section .content .item .rapper { padding:30px 25px 20px; }
	.graph-section .content .item .rapper .title img { max-width:45px; margin-right:15px; }
	.graph-section .content .item .rapper .title { margin-bottom:15px; }
	.graph-section .content .item .range-salary { margin-top:20px; }
	.graph-section .content .item .range-salary h4 { font-size:17px; line-height:24px; }
	.graph-section .content .left,
	.graph-section .content .right { width:50%; }

	.graph-section .content-listing {margin-top: 30px;}
	.graph-section .content-listing .left {width: 49%;}
	.graph-section .content-listing ul li p { font-size:16px; line-height:26px; width:calc(100% - 65px); }
	.graph-section .content-listing ul li .circle { width:50px; height:50px; margin-right:15px; }
}

@media(max-width:1279px){
	.graph-section .content .item form .monthly { margin-bottom:10px; }
	.section-wrapper { padding:0 0 0px; }
	.graph-section .content-listing ul li {margin-bottom: 25px;}
	.graph-section .listing ul li .circle {width: 40px;height: 40px;margin-right: 15px;}
	.graph-section .listing ul li p {font-size: 14px;line-height: 20px;width: calc(100% - 40px);}
	
}

@media(max-width:990px){
	.graph-section .content .item .rapper .title { flex-direction:column; align-items:flex-start; }
	.graph-section .content .item .rapper .title img { margin-right:0; margin-bottom:15px; }
}

@media(max-width:767px){
	.graph-section .content .left { margin-bottom:30px; }
	.graph-section .content .left,
	.graph-section .content .right { width:100%; }
	.graph-section { padding:0 0 50px; }
	.section-wrapper { padding:0 0 0px; }
	.graph-section .content-listing {padding: 30px 5px;}
	.graph-section .content-listing .left {border-right: 0;margin-right: 0;}
}

/* graph-section end */


/* shoring-section start */

/* .shoring-section { padding:0; } */
.shoring-section{background: #ffffff;}
.shoring-section h2 { text-align:center; font-size:30px; line-height:41px; font-weight:600; color:#231F20; margin-bottom:49px; }
.shoring-section .content { display:flex; flex-wrap:wrap; margin:0 -10px 0px; }
.shoring-section .content .left { width:29%; padding:0 10px; }
.shoring-section .content .left .rapper { background-color:rgba(255, 222, 47, 0.2); border-radius:32px; overflow:hidden; height:100%; display:flex; flex-direction:column; }
.shoring-section .content .left .rapper .inner-text { padding:54px 45px 11px; }
.shoring-section .content .left .rapper .inner-text p { font-size:18px; line-height:28px; color:#231F20; font-weight:500; margin-bottom:0; }
.shoring-section .content .left .rapper .inner-text h3 { font-size:80px; line-height:87px; color:#231F20; font-weight:400; margin-bottom:0; }
.shoring-section .content .left .rapper .inner-text h4 { font-size:18px; line-height:24px; color:#231F20; font-weight:600; margin-bottom:0; }
.shoring-section .content .left .rapper .img-lower { display:flex; align-items:flex-end; height:100%; }
.shoring-section .content .left .rapper .img-lower img { width:100%; }
.shoring-section .content .right { width:100%; padding:0 10px; }
.shoring-section .content .right .right-rapper { background-color:rgba(50, 147, 111, 0.1); border-radius:32px; overflow:hidden; text-align: center; padding:40px 30px 23px; height:100%; }
.shoring-section .content .right h3 { font-size:24px; line-height:24px; font-weight:700; color:#231F20; margin-bottom:22px; }
.shoring-section .content .right figure { max-width:728px; margin:0 auto; }
.shoring-section .content .right figure img { width:100%; }
.shoring-section .content .right p { font-size:18px; line-height:25px; color:#231F20; font-weight:400; margin-bottom:0; padding-top: 10px; }

@media(max-width:1650px){
	.shoring-section h2 { font-size:26px; line-height:36px; margin-bottom:35px; }
	.shoring-section .content .left .rapper .inner-text h3 { font-size:40px; line-height:50px; }
	.shoring-section .content .left .rapper .inner-text { padding:25px 20px 11px; }
	.shoring-section .content .right .right-rapper { padding:25px 20px; }
	.shoring-section .content .right h3 { font-size:22px; }
}
@media(max-width:1300px){
	.shoring-section .content .right p {font-size: 16px;line-height: 22px;}
}

@media(max-width:767px){
	.shoring-section .content .left { margin-bottom:30px; }
	.shoring-section .content .left,
	.shoring-section .content .right { width:100%; }
	.shoring-section .content .right figure { max-width:100%; margin-bottom:20px; }
	.shoring-section .content .right .right-rapper { padding:35px 20px 23px; }
	.shoring-section .content .left .rapper .inner-text { padding:35px 20px 11px; }
}

/* shoring-section end */


/* talent-section start */

.talent-section { padding:0; background: #ffffff; }
.talent-section .content { display:flex; flex-wrap:wrap; background-color:rgba(233, 225, 214, 0.5); border-radius: 32px; overflow:hidden; padding:24px 50px 20px 50px; align-items:center; position:relative; margin-bottom:0px; height: 100%; }
.talent-section .content .left { width:49%; position:relative; z-index:2; }
.talent-section .content .left figure { width:100%; position:relative; z-index:2; }
.talent-section .content .left figure img { width:100%; }
.talent-section .content .left figure:before { content:''; position:absolute; bottom:5.2%; left:5%; width:400%; height:1px; background-color:#0A0A0A; z-index:-1; display:none; }
.talent-section .content .right { width:51%; position:relative; z-index:2; }
.talent-section .content .right .text { max-width: 360px;margin-left: 30px;margin-right: 0px; }
.talent-section .content .right .text span { display:inline-block; font-size:24px; line-height:30px; font-weight:700; color:#231F20; margin-bottom:20px; }
.talent-section .content .right .text h2 { font-size:64px; line-height:normal; font-weight:400; margin-bottom:0; }
.talent-section .content .right .text p { font-size:18px; line-height:1.7; font-weight:400; margin-bottom:0; }

.talent-section .row { flex-wrap: wrap; margin: 0 -10px 0; }
.talent-section .left-cnt { width: 55%; padding: 0 10px; }
.talent-section .right-cnt { width: 45%; padding: 0 10px; }
.talent-section .right-cnt .rapper { padding: 50px 40px; display: flex; flex-wrap: wrap; background-color: rgba(255, 222, 47, .2); border-radius: 32px; overflow: hidden; height: 100%; position: relative;  }
.talent-section .right-cnt .rapper .inner-text { max-width: 340px; width: 100%; position: relative; z-index: 1; margin-right: auto; }
.talent-section .right-cnt .rapper .inner-text h3 { font-size: 80px; font-weight: 400; }
.talent-section .right-cnt .rapper .inner-text h4 { font-size: 18px; font-weight: 600; }
.talent-section .right-cnt .rapper .inner-text p { margin-bottom: 10px; font-weight: 500; }
.talent-section .right-cnt .rapper .img-lower { position: absolute; right: 0; bottom: 0; width: 100%; }
.talent-section .right-cnt .rapper .img-lower img { margin-left: auto; display: block; margin-right: 0; }



@media(max-width:1650px){
	.talent-section .content .right .text h2 { font-size:40px; }
	.talent-section .content .right .text p { font-size:16px; line-height:23px; }
	.talent-section .right-cnt .rapper .inner-text h3 { font-size: 56px; }
	.talent-section .right-cnt .rapper .inner-text h4 { font-size: 16px; }

}

@media(max-width:1300px){
	.talent-section .content .right .text { max-width:340px; margin-left:20px; }
	.talent-section .content .right .text span { margin-bottom:10px; }
	.talent-section .content { padding:24px 30px 20px 30px; }
	.talent-section .right-cnt .rapper { padding: 30px; }
}
@media(max-width:1280px){
	.talent-section .right-cnt .rapper .inner-text h3 { font-size: 46px; }
}

@media(max-width:991px){
	.talent-section .right-cnt .rapper .inner-text h3 { font-size: 40px; }
	.talent-section .content { padding:24px 20px 20px 20px;  }
	.talent-section .content .right .text { margin-left:20px; margin-top:20px; }
	.talent-section .content .right .text p { font-size:15px; line-height:23px; }
	.talent-section .content .right .text h2 { font-size:32px; }
	.talent-section .right-cnt .rapper { padding: 20px; }
}

@media(max-width:767px){
	.talent-section .content .left { margin-bottom:30px; }
	.talent-section .content .left,
	.talent-section .content .right { width:100%; }
	.talent-section .content .right .text { margin-left:0; margin-top:0; max-width:100%; }
	.talent-section .content { padding:25px 20px 30px; }
	.talent-section .left-cnt { width: 100%; margin-bottom: 15px; }
	.talent-section .right-cnt { width: 100%; }
	.talent-section .right-cnt .rapper .img-lower { position: relative; }
	.talent-section .right-cnt .rapper { padding: 0; }
	.talent-section .right-cnt .rapper .inner-text { max-width: 100%; padding: 25px; }
	
}

/* talent-section end */


/* choice-section start */

.choice-section { padding:0; background: #ffffff; }
.choice-section .content { padding:66px 63px 61px; background-color:rgba(255, 222, 47, 0.1); border-radius:32px; overflow:hidden; display:flex; flex-wrap:wrap; }
.choice-section .content .left { width:27%; }
.choice-section .content .left .rapper { margin-right:20px; height:100%; display:flex; flex-direction:column; }
.choice-section .content .left .rapper h2 { font-size:24px; line-height:1.55; font-weight:700; margin-bottom:20px; }
.choice-section .content .left .rapper .text { display:flex; height:100%; align-items: flex-start;flex-direction: column;justify-content: flex-end; }
.choice-section .content .left .rapper p { font-size:18px; line-height:26px; font-weight:400; margin-bottom:0; }
.choice-section .content .left .rapper .text .listing ul li { display:flex; align-items: center; gap: 10px; margin: 8px 0px; }
.choice-section .content .right { width:73%; }
.choice-section .content .right figure { width:100%; max-width:800px; margin-left:auto; }
.choice-section .content .right figure img { width:100%; }

@media(max-width:1650px){
	.choice-section .content .left .rapper h2 { font-size:22px; line-height:33px; }
	.choice-section .content .left { width:35%; }
	.choice-section .content .right { width:65%; }
	.choice-section .content .left .rapper p { font-size:16px; line-height:24px; }
	.choice-section .content .left .rapper .text .listing ul li .circle{max-width: 42px;}
}

@media(max-width:1300px){
	.choice-section .content {padding: 50px 50px 50px;}
	.choice-section .content .left .rapper h2 {font-size: 18px;line-height: 26px;}
	.choice-section .content .left .rapper p { font-size:14px; line-height:22px; }
	.choice-section .content .left .rapper .text .listing ul li .circle{max-width: 35px;}
}

@media(max-width:1279px){
	.choice-section .content { padding:40px 30px; }
	.choice-section .content { align-items:center; }
}

@media(max-width:990px){
	.choice-section .content .left { margin-bottom:50px; }
	.choice-section .content .left,
	.choice-section .content .right { width:100%; }
	.choice-section .content .left .rapper { margin-right:0; }
}

@media(max-width:767px){
	.choice-section .content .left { margin-bottom:35px; }
	.choice-section .content { padding:30px 20px; }
	.salary-banner-sec .rapper form .cta-btn { padding: 16px 20px; font-size: 16px; } 
}	

/* choice-section end */


/* grid-box-section start */

.grid-box-section { padding:100px 0; }
.grid-box-section .content { display:flex; flex-wrap:wrap; margin:0 -16px; }
.grid-box-section .content .item { width:33.33%; padding:0 16px; }
.grid-box-section .content .item {width: 50%;}
.grid-box-section .content .item .rapper { background-color:#FAF7EF; border-radius:32px; border: 1px solid #DCDCDC; padding: 25px 15px; height:100%; display:flex; align-items: center; }
.grid-box-section .content .item .rapper figure{flex: 0 0 130px;}
.grid-box-section .content .item .rapper .rapper-text { padding-left: 10px; }
.grid-box-section .content .item .rapper span { display:inline-block; font-size:14px; line-height:26px; font-weight:400; color:#000; background-color:#DCDCDC; border-radius:4px; padding:4px 9px; margin-bottom:10px; max-width:max-content; }
.grid-box-section .content .item .rapper h4 { font-size:16px; line-height:1.65; font-weight:700; margin-bottom:10px; }
.grid-box-section .content .item .rapper p { font-size:14px; line-height:1.65; font-weight:400; margin-bottom:20px; }
.grid-box-section .content .item .rapper .button { display:flex; align-items:flex-end; }
.grid-box-section .content .item .rapper .cta-btn { font-weight:500; text-transform:uppercase; font-size:12px; line-height:16px; min-height:auto; padding:8px 16px; }
.grid-box-section .content .item .rapper .cta-btn:hover { background-color: #000000; color: #FFF; }


@media(max-width:1300px){
	.grid-box-section .content .item .rapper figure{flex: 0 0 120px;}
	.grid-box-section .content .item .rapper h4 {font-size: 14px;line-height: 18px;margin-bottom: 5px;}
	.grid-box-section .content .item .rapper p {font-size: 14px;line-height: 22px;margin-bottom: 10px;}
}
@media(max-width:1279px){
	.grid-box-section { padding:65px 0; }
}

@media(max-width:990px){
	.grid-box-section { padding:50px 0; }
	.grid-box-section .content { margin:0 -10px; }
	.grid-box-section .content .item { padding:0 10px; }
	.grid-box-section .content .item .rapper { padding:30px 20px; }
}

@media(max-width:767px){
	.grid-box-section .content .item { width:100%; margin-bottom:30px; }
	.grid-box-section .content .item:last-child { margin-bottom:0; }
}
@media(max-width:490px){
	.grid-box-section .content .item .rapper {padding: 25px 15px;align-items: flex-start;flex-direction: column;}
	.grid-box-section .content .item .rapper figure{margin-bottom: 20px;}
}


/* grid-box-section end */


/* dev-networks start */

.salary-calculator-new-pg .dev-networks { padding:92px 0 103px; }
.salary-calculator-new-pg .dev-networks .container { max-width:1065px; }
.salary-calculator-new-pg .dev-networks .section-heading { font-size:32px; line-height:45px; font-weight:600; text-align:center; margin-bottom:45px; }
.salary-calculator-new-pg .dev-networks .button-cta { text-align:center; margin-top:80px; }
.salary-calculator-new-pg .dev-networks .button-cta .cta-btn { font-weight:400; }
.salary-calculator-new-pg .dev-networks .button-cta .cta-btn:hover { background-color:#000; color:#FFDA30; }

@media(max-width:1650px){
	.salary-calculator-new-pg .dev-networks { padding:70px 0; }
	.salary-calculator-new-pg .dev-networks .section-heading { font-size:26px; line-height:36px; margin-bottom:15px; }
	.salary-calculator-new-pg .dev-networks .button-cta { margin-top:40px; }
}

@media(max-width:1024px){
	.salary-calculator-new-pg .dev-networks { padding:55px 0; }
}

@media(max-width:767px){
	.salary-calculator-new-pg .dev-networks { padding:50px 0; }
	.salary-calculator-new-pg .dev-networks .section-heading { font-size:22px; line-height:32px; margin-bottom:5px; }
	.salary-calculator-new-pg .dev-networks .button-cta .cta-btn { padding:0 20px; }
}

/* dev-networks end */


/* developer-sec start */

.developer-sec { background-color:#FFDE2F; }
.developer-sec .content { display:flex; flex-wrap:wrap; align-items:center; }
.developer-sec .content .left { width:52%; }
.developer-sec .content .left .rapper { max-width:584px; margin-right:50px; background-color:#fff; border-radius: 32px; box-shadow: 0px 16px 24px 4px rgba(90, 82, 128, 0.12); padding:10px 52px 66px; }
.developer-sec .content .left .rapper figure { width:calc(100% + 120px); position:relative; left:-60px; }
.developer-sec .content .left .rapper figure img { width:100%; }
.developer-sec .developer-form { width:100%; }
.developer-sec .developer-form input[type=text] { border-radius: 100px; box-sizing:border-box; padding: 10px 24px; width:100%; height:64px; border: 1.5px solid #CACACA; background-color:#fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); font-size:16px; line-height:26px; font-weight:500; color:#808285; color:#000000; }
.developer-sec .developer-form .item.multi-select-option .rev-select { height:100%; }
.developer-sec .developer-form .item { margin-bottom:24px; }
.developer-sec .developer-form .item:last-child { margin-bottom:0; }
.developer-sec .developer-form input[type=text]::placeholder { font-size:16px; line-height:26px; font-weight:500; opacity:100%; color:#808285; }
.developer-sec .developer-form .multi-select-option .select-styled:after { display:none; }
.developer-sec .developer-form .select-styled.active:after { transform:translateY(-50%) rotate(-225deg); }
.developer-sec .developer-form .select-styled:after { top:50%; transform:translateY(-50%) rotate(-45deg); right:24px; }
.developer-sec .developer-form .select-styled { border-radius: 100px; box-sizing:border-box; padding: 11px 24px 10px; width:100%; height:64px; border: 1.5px solid #CACACA; background-color:#fff; font-size:16px; font-weight:500; color:#808285; }
.developer-sec .developer-form .multi-select-option .select-styled { display:none; }
.developer-form .select2-container { width:100% !important; }
.developer-form .select2-container .select2-selection--multiple { width:100%; border-radius: 100px !important; box-sizing:border-box; padding: 11px 24px 10px; min-height:64px; border: 1.5px solid #CACACA !important; background-color:#fff; font-size:16px; font-weight:500; color:#808285; }


.developer-form .select2-container .select2-selection__rendered { padding:0 !important; position:relative; top:-3px; overflow:visible !important; }
.developer-form .select2-container .select2-selection__rendered li.select2-search--inline { display:none !important; }
.developer-form .select2-container .select2-selection__rendered li { background-color:rgba(255, 222, 47, 0.30); border-radius: 100px; font-size:12px; line-height:16px; font-weight:500; color:#231F20; padding:8px 16px; position:relative; text-transform:uppercase; border:0; margin-top:8px; margin-right:8px; }
.developer-form .select2-container .select2-selection__rendered li:last-child { margin-right:0; }
.developer-form .select2-container .select2-selection__rendered li .select2-selection__choice__remove { position:absolute; top:-5px; right:-5px; width:14px; height:14px; background-color:#FBB034; color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; border-radius:50%; }

.developer-sec .developer-form .select-options { margin-top:9px; border-radius: 16px; border: 1px solid #BCBEC0; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10); padding:13px 0; }
.developer-sec .developer-form .select-options li { padding:4px 24px; font-size:12px; line-height:23px; color:#808285; font-weight:500; border:0; }
.developer-sec .developer-form .cta-btn { padding:7px 20px; }

ul.select2-results__options { border-radius: 16px; border: 1px solid #BCBEC0; background-color:#fff; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10); padding:11px 24px; max-height:162px !important; margin-top:9px; }
ul.select2-results__options li.select2-results__option:first-child { font-weight:700; color:#231F20 !important; }
ul.select2-results__options li.select2-results__option { font-size:12px; line-height:23px; font-weight:500; color:#808285 !important; font-family:"Montserrat", sans-serif !important; background-color:#fff !important; padding:0; text-transform:uppercase; }
.select2-dropdown { border:0 !important; border-radius:0; }

.developer-sec .content .right { width:48%; }
.developer-sec .right .inner-rapper { background-color:#FAF7EF; border-radius:26px; overflow:hidden; position:relative; }
.developer-sec .right .inner-rapper .title-description { display:flex; justify-content:space-between; padding:21px 46px 16px; background-color:rgba(255, 222, 47, 0.1); }
.developer-sec .right .inner-rapper .title-description .title-content { margin-right:20px; }
.developer-sec .right .inner-rapper .title-description .title-content h3 { font-size:24px; line-height:40px; font-weight:700; margin-bottom:7px; }
.developer-sec .right .inner-rapper { overflow:hidden; }
.developer-sec .right .inner-rapper .text-rapper { padding:0 0 76px; }
.developer-sec .right .inner-rapper .text-rapper.longEnough { height:655px; }
.developer-sec .right .inner-rapper.locked .lock-logo { position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index:3; text-align:center; }
.developer-sec .right .inner-rapper.locked:before { background-image:none; width:100%; height:65%; display:block; opacity:90%; background: linear-gradient(180deg, rgba(250, 247, 239, 0.00) 0%, #FAF7EF 17.5%); }
.developer-sec .right .inner-rapper:before { content:''; background-image:url('../images/salary-calculator/pattern-1.svg'); background-size:cover; background-position:center; background-repeat:no-repeat; width:90%; height:140px; z-index:1; position:absolute; bottom:0; left:0; right:0; margin:0 auto; }
.developer-sec .right .inner-rapper .title-description .title-content p { font-size:16px; line-height:26px; font-weight:400; }
.developer-sec .right .inner-rapper .title-description .developer-logo { margin-top:-20px; }
.developer-sec .job-brief { padding:17px 46px 35px; }
.developer-sec .inner-rapper.locked .job-brief { padding-bottom:0; }
.developer-sec .job-brief h4 { font-size:16px; line-height:26px; font-weight:700; margin-bottom:10px; }
.developer-sec .inner-rapper.locked .job-brief p + h4 { filter: blur(2px); }
.developer-sec .job-brief p { font-size:14px; line-height:24px; font-weight:400; margin-bottom:10px; }
.developer-sec .inner-rapper.locked .job-brief p { filter: blur(2px); }
.developer-sec .job-brief ul { margin-bottom:20px; margin-left:10px; }
.developer-sec .inner-rapper.locked .job-brief ul { filter: blur(2px); }
.developer-sec .job-brief ul li { font-size:14px; line-height:24px; font-weight:400; margin-bottom:10px; position:relative; padding-left:10px; }
.developer-sec .job-brief ul li:before { content:''; width:3px; height:3px; background-color:#000; border-radius:50%; position:absolute; top:10px; left:0; }
.developer-sec .job-brief ul li:last-child { margin-bottom:0; }
.developer-sec .job-brief *:last-child { margin-bottom:0; }
.developer-sec .download-btn { padding:0 46px; position:absolute; bottom:26px; z-index:2; left:0; right:0; margin:0 auto; }
.developer-sec .inner-rapper.locked .download-btn { text-align:center; }
.developer-sec .inner-rapper.locked .download-btn .cta-btn { max-width:max-content; font-weight:600; padding:12px 18px; }
.developer-sec .download-btn .cta-btn { font-size:14px; font-weight:600; text-transform:capitalize; min-height:inherit; line-height:normal; padding:12px 10px; width:100%; text-align:center; }
.developer-sec .download-btn .cta-btn:hover { background-color:#000; color:#fff; }
.developer-sec .download-btn .cta-btn strong { text-decoration:underline; }
.developer-sec .mCSB_inside > .mCSB_container { margin-right:0; }
.developer-sec .mCSB_scrollTools { right:15px; }
.developer-sec .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#BCBEC0 !important; width:7px; }
.developer-sec .mCSB_scrollTools .mCSB_draggerRail { display:none; }

.page-template-salary-calculator-new .ui-autocomplete{max-height: 230px; overflow-y: auto; overflow-x: hidden; z-index: 2; }
.page-template-salary-calculator-new .ui-menu .ui-menu-item{padding: 5px 5px; }
/* .page-template-salary-calculator-new .ui-state-active{border: 1px solid #FFDA30; background: #ffda30; color: #000; font-weight: 600; } */
.page-template-salary-calculator-new .ui-widget.ui-widget-content{border-radius: 15px; box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: #fff; }
.page-template-salary-calculator-new .ui-menu .ui-menu-item-wrapper { border-radius: 0; font-size: 14px; padding: 3px 1em 3px .4em; position: relative;color: #000000; font-weight: 400; font-family: "Montserrat", sans-serif; display: inline-block; border: 0; border-bottom: 1.8px solid #fff; }
.page-template-salary-calculator-new .ui-menu .ui-menu-item-wrapper.ui-state-active{border-bottom-color:#ffdd00; background: none; color: #231f20; font-weight: 400; margin: 0; }


@media(max-width:1650px){
	.page-template-salary-calculator-new .ui-menu .ui-menu-item-wrapper{font-size: 14px; }
}

@media(max-width:1440px){
	.page-template-salary-calculator-new .ui-menu .ui-menu-item-wrapper{font-size: 14px; }
}

@media(max-width:1280px){
	.page-template-salary-calculator-new .ui-menu .ui-menu-item-wrapper{font-size: 14px; }
}



@media(max-width:1650px){
	.developer-sec .developer-form input[type=text] { height:50px; }
	.developer-sec .developer-form .select-styled { height:50px; padding:4px 24px 10px; }
	.developer-form .select2-container .select2-selection--multiple { min-height:50px; padding:4px 24px 3px; }
	.developer-sec .developer-form .cta-btn { min-height:50px; padding:0 20px; font-size:16px; line-height:normal; }
	.developer-sec .right .inner-rapper .text-rapper.longEnough { height:525px; }
	.help-section .right .rapper p { font-size:14px; line-height:21px; }
}

@media(max-width:1279px){
	.developer-sec .content .left .rapper { padding:10px 25px 40px; }
	.developer-sec .right .inner-rapper .title-description { padding:21px 35px 16px 25px; }
	.developer-sec .job-brief { padding:17px 35px 35px 25px; }
	.developer-sec .right .inner-rapper .title-description .title-content h3 { font-size:22px; line-height:32px; }
	.developer-sec .right .inner-rapper .title-description .developer-logo { max-width:140px; margin-top:0; }
	.developer-sec .download-btn { padding:0 25px; }
}

@media(max-width:990px){
	.developer-sec { padding:50px 0 0; }
	.developer-sec .content { margin-top:0; }
	.developer-sec .content .left { width:100%; margin-bottom:40px; }
	.developer-sec .content .right { padding-top:0; width:100%; }
	.developer-sec .content .left .rapper { max-width:100%; margin-right:0; }
}

@media(max-width:767px){
	.developer-sec .content .left .rapper figure { width:calc(100% + 80px); left:-35px; }
	.developer-form .select2-container .select2-selection__rendered li { font-size:10px; }
	.developer-form .select2-container .select2-selection__rendered { top:-1px; }
	.developer-sec .right .inner-rapper .title-description { flex-wrap:wrap; padding:21px 35px 16px 20px; }
	.developer-sec .right .inner-rapper .title-description .title-content { width:100%; margin-right:0; order:2; }
	.developer-sec .right .inner-rapper .title-description .developer-logo { margin-bottom:20px; }
	.developer-sec .right .inner-rapper:before { display:none; }
	.developer-sec .job-brief { padding:17px 35px 55px 20px; }

}

/* developer-sec end */


/* help-section start */

.help-section { padding:100px 0; background-color:#FFDE2F; }
.help-section .right .rapper { margin-bottom:60px; }
.help-section .right .rapper h2 { font-size:32px; line-height:45px; font-weight:600; margin-bottom:32px; }
.help-section .right .rapper p { font-size:16px; line-height:1.6; font-weight:400; margin-bottom:0; }

@media(max-width:1650px){
	.help-section { padding:65px 0; }
	.help-section .right .rapper h2 { font-size:22px; line-height:30px; margin-bottom:25px; }
	.help-section .right .rapper p { font-size:14px; line-height:24px; }
	.help-section .right .rapper { margin-bottom:40px; }
}

@media(max-width:990px){
	.help-section { padding:50px 0; }
	.help-section .right .rapper h2 { font-size:27px; line-height:40px; margin-bottom:25px; }
	.help-section .right .rapper { width:100%; margin-left:0; }
}

@media(max-width:767px){
	.help-section .right .rapper h2 { font-size:24px; line-height:34px; margin-bottom:20px; }
}

/* help-section end */


/* about-sec start */

.about-sec { padding:97px 0 100px; background-color:#FAF7EF; }
.about-sec .description { margin-bottom:52px; }
.about-sec .description .left-cnt { width: 65%; }
.about-sec .description .right-img { width: 35%; }
.about-sec .description span { display:inline-block; margin-bottom:20px; font-size:24px; line-height:34px; font-weight:600; }
.about-sec .description h2 { font-size:32px; line-height:42px; font-weight:600; margin-bottom:32px; }
.about-sec .description p { font-size:16px; line-height:26px; font-weight:400; margin-bottom:0; max-width:1190px; }
.tabing-sec h3 { font-size:18px; line-height:40px; font-weight:700; margin-bottom:60px; text-transform:capitalize; }
.tabing-sec ul { margin-bottom:50px; display:flex; flex-wrap:wrap; }
.tabing-sec ul li { width:20%; position:relative; text-align:center; }
.tabing-sec ul li:before { content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; height:3px; background-color:#DCDCDC; z-index:1; }
.tabing-sec ul li:first-child span { background-color:#32936F; color:#fff; }
.tabing-sec ul li:first-child:before { background-color:#32936F; }
.tabing-sec ul li span { width:32px; height:32px; background-color:#FFDE2F; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; line-height:26px; font-weight:700; position:relative; z-index:2; margin:0 auto; }
.tabing-grid { display:flex; flex-wrap:wrap; margin:0 -10px; }
.tabing-grid .item { width:20%; padding:0 10px; }
.tabing-grid .item .rapper { height:100%; padding:32px 24px; background-color:#fff; border: 1px solid #DCDCDC; border-radius:32px; }
.tabing-grid .item .rapper span { width:32px; height:32px; background-color:#FFDE2F; border-radius:50%; display:none; align-items:center; justify-content:center; font-size:16px; line-height:26px; font-weight:700; position:relative; z-index:2; margin-bottom:20px; }
.tabing-grid .item .rapper h4 { font-size:16px; line-height:22px; font-weight:700; margin-bottom:16px; }
.tabing-grid .item .rapper p { font-size:16px; line-height:26px; font-weight:400; margin-bottom:0; }

@media(max-width:1650px){
	.about-sec .description h2 { font-size:28px; line-height:38px; margin-bottom:20px; }
	.tabing-sec ul { margin-bottom:30px; }
	.about-sec .description { margin-bottom:30px; }
	.tabing-grid .item .rapper { padding:25px 15px; }
	.tabing-sec h3 { margin-bottom:30px; }
	.tabing-grid .item .rapper p { font-size:13px; line-height:21px; }
	.tabing-grid .item .rapper h4 { margin-bottom:10px; }
	.tabing-grid { margin:0 -5px; }
	.tabing-grid .item { padding:0 5px; }
}

@media(max-width:1280px){
	.about-sec { padding:65px 0; }
	.about-sec .description .left-cnt { width: 65%; }
	.about-sec .description .right-img { width: 35%; }
}

@media(max-width:991px){
	.about-sec { padding:50px 0 30px; }
	.tabing-sec ul { display:none; }
	.tabing-grid .item .rapper span { display:flex; }
	.tabing-grid .item { width:33.33%; margin-bottom:20px; padding:0 10px; }
	.tabing-grid { margin:0 -10px; }
	.about-sec .description .left-cnt { width: 60%; }
	.about-sec .description .right-img { width: 40%; }
}

@media(max-width:767px){
	.tabing-grid .item { width:50%; }
	.about-sec { padding:50px 0; }
	.about-sec .description h2 { font-size:24px; line-height:34px; }

	.about-sec .description .left-cnt { width: 100%; order: 2; margin-top: 15px; }
	.about-sec .description .right-img { width: 100%; text-align: center; order: 1; }
}

@media(max-width:569px){
	.about-sec .description .right-img figure { max-width: 280px; }
	.tabing-grid .item { width:100%; }
	.tabing-grid .item:last-child { margin-bottom:0; }
}

/* about-sec end */


/* manage-section start */

.manage-section { padding:100px 0 84px; }
.manage-section h2 { text-align:center; font-size:32px; line-height:45px; font-weight:700; margin-bottom:50px; }
.manage-section .help-grid { display:flex; flex-wrap:wrap; margin:0 -8px; }
.manage-section .help-grid .item { width:20%; padding:0 8px; margin-bottom:16px; }
.manage-section .help-grid .item .rapper { height:100%; background-color:#fff; padding: 20px 17px 21px 17px; border-radius: 20px; border: 1px solid #DCDCDC; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10); }
.manage-section .help-grid .item .rapper .content { display:flex; }
.manage-section .help-grid .item .rapper .content figure { width:56px; height:56px; background-color:rgba(255, 222, 47, 0.30); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:18px; }
.manage-section .help-grid .item .rapper .content h3 { font-size:24px; line-height:32px; font-weight:700; letter-spacing: -0.48px; margin-bottom:0; width:calc(100% - 74px); }
.manage-section .help-grid .item .rapper .content h3 span { display:block; /*color:#BCBEC0;*/ font-weight:500; font-size:14px; line-height:24px; letter-spacing: -0.28px; }

@media(max-width:1650px){
	.manage-section h2 { font-size:28px; line-height:38px; }
	.manage-section .help-grid .item { width:33.33%; }
	.manage-section .help-grid .item .rapper .content h3 { font-size:20px; line-height:30px; }
	.manage-section .help-grid .item .rapper .content figure { width:46px; height:46px; }
	.manage-section .help-grid .item .rapper .content figure img { max-width:20px; }
}

@media(max-width:1279px){
	.manage-section { padding:55px 0 49px; }
	.manage-section h2 { margin-bottom:35px; }
}

@media(max-width:990px){
	.manage-section { padding:50px 0 44px; }
}

@media(max-width:767px){
	.manage-section h2 { font-size:24px; line-height:34px; }
	.manage-section .help-grid .item { width:50%; }
	.manage-section .help-grid .item .rapper .content { flex-wrap:wrap; flex-direction:column; }
	.manage-section .help-grid .item .rapper .content figure { margin:0 auto 20px; }
	.manage-section .help-grid .item .rapper .content h3 { width:100%; text-align:center; }
}

@media(max-width:559px){
	.manage-section { padding:50px 0; }
	.manage-section .help-grid .item { width:100%; }
	.manage-section .help-grid .item:last-child { margin-bottom:0; }
}

/* manage-section end */


/* Graph Section */
.graph-section-global, .graph-section-india{
    margin-left: -42px;
    margin-right: -42px;
	position: relative;
}
.graph-section-india {
    margin-top: 40%;
}
.graph-section-global .graph-img, .graph-section-india .graph-img{
    width: 100%;
}
.graph-tooltip{
	position: absolute;
    left: 50%;
    top: 45%;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transform: translate(-50%, -45%);
}
.tooltip-low, .tooltip-high{
	display: none;
}
.graph-tooltip::after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
    border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
  }
.graph-tooltip-inner{
	display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    gap: 16px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.graph-tooltip-amount{
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}
.graph-tooltip-diff{
	display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 12px;
    gap: 8px;
    background: #FDE0DD;
    border-radius: 100px;
    flex: none;
	position: relative;
}

.graph-tooltip-diff-percent{
	display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
}
.graph-tooltip-diff-percent-text{
	font-weight: 700;
    font-size: 16px;
    line-height: 28px;
	position: relative;
	color: #FF0000;
}
.graph-tooltip-diff-percent-info {
    position: absolute;
    width: 16px;
    height: 16px;
    right: -2px;
    top: -5px;
    text-align: center;
}
.graph-tooltip-diff-percent-info-icon{
	background: #8F8F8F;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #FDE0DD;
    height: 100%;
	cursor: pointer;
}
.info-tooltiptext{
	position: absolute;
    width: 185px;
    left: -25px;
    bottom: 23px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-shadow: 1px 1px 5px rgba(51, 55, 81, 0.2);
    font-weight: 400;
    font-size: 12px;
    color: #808285;
    visibility: hidden;
    border-radius: 6px;
    padding: 10px;
    text-align: left;
}
.info-tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 33px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
.graph-tooltip-diff-percent-info-icon:hover .info-tooltiptext {
	visibility: visible;
}

.tooltip-low {
    left: 32px;
    top: 44%;
    transform: translate(0, -44%);
}
.tooltip-low::after {
    top: 100%;
    left: 25px;
    border-color: #ffffff transparent transparent transparent;
}
.tooltip-high {
    right: 23px;
    top: 36px;
	left: auto;
    transform: translate(0, 0);
}
.tooltip-high::after {
    right: 28px;
	z-index: -1;
	left: auto;
}
.tooltip-high .info-tooltiptext {
    right: -15px; 
	left: auto;
}
.tooltip-high .info-tooltiptext::after {
    right: 15px;
	left: auto;	
}
.graph-section-india .graph-tooltip {
    left: 43%;
    top: -60px;
    transform: translate(-43%, 0);
}
.graph-section-india .graph-tooltip::after {
    top: 100%;
    bottom: auto;
    border-color: #ffffff transparent transparent transparent;
}
.graph-section-india .graph-tooltip-diff {
    background: #D1F7EA;
}
.graph-section-india .graph-tooltip-diff-percent-text {
    color: #08BA6F;
}
.graph-section-india .graph-tooltip-diff-percent-info-icon {
    color: #ffffff;
}
.graph-section-india .tooltip-low {
    left: 25px;
    top: -40px;
    transform: translate(0, 0);
}
.graph-section-india .tooltip-high {
    right: 15px;
    left: auto;
    top: -80px;
    transform: translate(0, 0);
}
.graph-section-india .tooltip-high::after {
    right: 22px;
}

@media(max-width:1650px){
	.graph-section-global, .graph-section-india {
		margin-left: -25px;
		margin-right: -25px;
	}
	.graph-section-india {
		margin-top: 15%;
	}
	.graph-section .content .item .range-salary {
		width: calc(100% - 50px);
	}
	.graph-tooltip {
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.graph-tooltip-inner {
		padding: 15px;
		gap: 15px;
	}
	.tooltip-low {
		top: 38%;
		transform: translate(0, -38%);
		left: 17px;
	}
	.tooltip-high {
		top: 30px;
		right: 15px;
		transform: translate(0, 0);
	}
	.tooltip-high::after {
		right: 18px;
	}
	.graph-section-india .graph-tooltip {
		left: 43%;
		top: -50px;
		transform: translate(-43%, 0);
	}
	.graph-section-india .tooltip-low {
		left: 28px;
		top: -25px;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-high {
		right: 20px;
		left: auto;
		top: -70px;
		transform: translate(0, 0);
	}
}

@media(max-width:1440px){
	.graph-tooltip-amount {
		font-size: 22px;
	}
	.graph-tooltip-diff {
		padding: 3px 10px;
	}
	.graph-tooltip-diff-percent-text {
		font-size: 14px;
	}
	.graph-tooltip-diff-percent-info {
		width: 14px;
		height: 14px;
		right: -3px;
    	top: -4px;
	}
	.info-tooltiptext {
		width: 171px;
		font-size: 11px;
	}
}
@media(max-width:1300px){
	.graph-section-india {
		margin-top: 15%;
	}
	.tooltip-low {
		top: 31%;
		transform: translate(0, -31%);
		left: 9px;
	}
	.tooltip-high {
		top: 28px;
	}
	.tooltip-high::after {
		right: 11px;
	}
	.tooltip-high .info-tooltiptext::after {
		right: 13px;
	}
	.graph-section-india .info-tooltiptext::after {
		right: auto;
	}
	.graph-section-india .tooltip-low {
		left: 20px;
		top: -30px;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-high .info-tooltiptext::after {
		right: 15px;
		left: auto;
	}
	.graph-section-india .tooltip-high {
		right: 11px;
	}
}

@media(max-width:1280px){
	.graph-tooltip-inner {
		padding: 12px;
	}
	.graph-tooltip-amount {
		font-size: 20px;
	}
	.graph-tooltip-diff {
		padding: 3px 10px;
		gap: 8px;
	}
	.graph-tooltip-diff-percent-text {
		font-size: 12px;
		line-height: 1;
	}
	.graph-tooltip-diff-percent-info {
		width: 12px;
		height: 12px;
	}
	.graph-tooltip-diff-percent-info-icon {
		font-size: 8px;
	}
	.info-tooltiptext {
		width: 152px;
		font-size: 10px;
		padding: 7px;
	}
	.tooltip-low {
		left: 10px;
	}
	.graph-section-india .graph-tooltip {
		top: -40px;
	}
	.graph-section-india .tooltip-low {
		left: 19px;
		top: -20px;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-high {
		right: 11px;
		left: auto;
		top: -60px;
		transform: translate(0, 0);
	}
}

@media(max-width:991px){
	.graph-section-india {
		margin-top: 15%;
	}
	.graph-tooltip {
		top: 55%;
		transform: translate(-50%, -55%);
	}
	.graph-tooltip-inner {
		padding: 10px;
    	gap: 10px;
	}
	.graph-tooltip-amount {
		font-size: 18px;
	}
	.graph-tooltip-diff {
		padding: 3px 8px;
    	gap: 6px;
	}
	.graph-tooltip-diff-percent-text {
		font-size: 11px;
	}
	.graph-tooltip-diff-percent-info {
		width: 11px;
		height: 11px;
		right: -2px;
	}
	.graph-tooltip-diff-percent-info-icon {
		font-size: 7px;
	}
	.info-tooltiptext {
		width: 138px;
		left: -50px;
		font-size: 9px;
	}
	.info-tooltiptext::after {
		left: 55px;
	}
	.tooltip-low {
		top: 28%;
		transform: translate(0, -28%);
		left: 5px;
	}
	.tooltip-low::after {
		left: 21px;
	}
	.tooltip-high {
		top: 24px;
		right: 10px;
		transform: translate(0, 0);
	}
	.tooltip-high::after {
		right: 6px;
	}
	.info-tooltiptext {
		right: -15px;
	}
	.tooltip-high .info-tooltiptext::after {
		left: auto;
		right: 12px;
	}
	.graph-section-india .graph-tooltip {
		top: -40px;
		transform: translate(-43%, 0);
	}
	.graph-section-india .tooltip-low {
		left: 13px;
		top: -25px;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-high {
		right: 12px;
		left: auto;
		top: -52px;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-high::after {
		right: 9px;
	}
}
@media(max-width:767px){
	.graph-tooltip {
		top: 40%;
		transform: translate(-50%, -40%);
	}
	.tooltip-low {
		top: 46%;
		transform: translate(0, -46%);
		left: 4%;
	}
	.tooltip-high {
		top: 35px;
		right: 5%;
		transform: translate(0, 0);
	}
	.graph-section-india .graph-tooltip {
		top: -25px;
		transform: translate(-43%, 0);
	}
	.graph-section-india .tooltip-low {
		left: 7%;
		top: 0%;
		transform: translate(0, -7%);
	}
	.graph-section-india .tooltip-high {
		right: 5%;
		left: auto;
		top: -52px;
		transform: translate(-5%, 0%);
	}
}
@media(max-width:575px){
	.graph-tooltip {
		top: 55%;
		transform: translate(-50%, -55%);
	}
	.tooltip-low {
		top: 40%;
		transform: translate(0, -40%);
		left: 3%;
	}
	.tooltip-high {
		top: 30px;
		right: 4%;
		transform: translate(0, 0);
	}
	.graph-section-india .graph-tooltip {
		top: -35px;
		transform: translate(-43%, 0);
	}
	.graph-section-india .tooltip-low {
		left: 5%;
		top: -14%;
		transform: translate(0, -5%);
	}
	.graph-section-india .tooltip-high {
		right: 4%;
		left: auto;
		top: -52px;
		transform: translate(-4%, 0%);
	}
}
@media(max-width:430px){
	.tooltip-low {
		top: 33%;
		transform: translate(0, -33%);
		left: 2%;
	}
	.tooltip-high {
		top: 25px;
		right: 3%;
		transform: translate(0, 0);
	}
	.graph-section-india .tooltip-low {
		left: 4%;
		top: -23px;
		transform: translate(0, -4%);
	}
	.graph-section-india .tooltip-high {
		right: 3%;
		left: auto;
		top: -52px;
		transform: translate(-3%, 0%);
	}
}

.submit-btn-wrap{
	position: relative;
}
.submit-btn-wrap .form-loader {
    right: -25px;
}



/* AUTOCOMPLETE STYLES */

.default.selectize-control.multi {
    width: 100%;
    position: relative;
}

.selectize-input.items{
    color: rgb(48, 48, 48);
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 7px;
	border: 1.5px solid #CACACA;
    background-color: #fff;
    border-radius: 30px;
    padding: 11px 24px;
}

.selectize-input.items:focus{
    border-bottom: 1px solid #ffda30;
}

.selectize-input.items .item{ 
    color: #000;
    background: rgba(255,222,47,0.3);
    border-radius: 20px;
    cursor: default;
    margin: 0 5px 0px 0;
    padding: 5px 10px;
    font-weight: 500;
	position: relative;
}

.selectize-input.items .item .remove {
    background: #FBB034;
    border-radius: 100%;
    color: #fff;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    line-height: 12px;
    text-align: center;
    top: 0;
    right: 0;
	cursor: pointer;
}

.selectize-input.items input[type='text']:focus{
    border:none;
    box-shadow: none;
}

.selectize-input.items input[type='text']{
    border:none;
    transition: none;
    padding: 0;
	border-radius: 0;
    height: auto;
    box-shadow: none;
}

.selectize-dropdown .create{
    padding:5px 5px;
    border-radius:7px;
    cursor: pointer;
}

.selectize-dropdown .create.active{
    background:#ffda30;

}


.selectize-dropdown {
    border: 1px solid #c5c5c5;
    min-width: 274px !important;
    border-radius: 12px;
    padding: 10px;
    font-size: 14px;
    max-height: 175px;
    overflow: auto;
	margin-top: 10px;
}

.selectize-dropdown .option {
    padding: 5px;
    cursor: pointer;
}

.selectize-dropdown .option.active {
    background:#ffda30;
    border-radius:7px;
}
@media(max-width:1300px){
    .selectize-dropdown {
        max-height: 150px;
    }
}


.disable-skills{
	position: relative;
}
.disable-skills:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	z-index: 10; 
	cursor: not-allowed;
}
.skills-loader{
	display: none;
	position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
}
#developer-jd-form .submit-btn-wrap .cta-btn{
	background-position: 100%;
}
#developer-jd-form .progressbar{
	background: linear-gradient(to right, #ffdd00 50%, #e5e5e5 50%);
	background-size: 200% 100%;
  	/* transition: all .5s ease-out; */
}

/* Talent Network */
.dev-networks .dev-talents-item .vetted-skills .vetted-skill-item {
    padding: 5px 8px;
    background: rgba(254,216,46,0.32);
    border-radius: 5px;
    color: #231f20;
	height: auto;
    display: inline-block;
    margin: 3px;
}
.dev-networks .vetted-info .profiles-det .vetted-name {
    color: #010101;
}
.dev-networks .dev-talents-item .vetted-info .profiles-det .vetted-desgn {
    color: #575757;
}
.dev-networks .dev-talents-item .vetted-info .vetted-exp {
    background: rgba(254,214,46,0.7);
    color: #010101;
}
.dev-networks .dev-talents-item .vetted-info .vetted-exp::after {
    right: -6px;
    top: 4px;
    height: 20px;
    width: 21px;
}
.dev-networks .vetted-ratings-wrapper .vetted-ratings {
    margin-top: 25px;
    margin-bottom: 10px;
    min-height: 115px;
}
.dev-networks .vetted-ratings .vet-rates .vet-rate-wrapper {
    justify-content: space-between;
	align-items: flex-start;
}
.dev-networks .vet-rate-wrapper .rate-type {
    flex: 0 0 53%;
    color: #010101;
}
.dev-networks .vet-rate-wrapper .rate-points {
    justify-content: end;
    flex: 0 0 43%;
}
.dev-networks .dev-talents-item .vetted-ratings .rate-points .progress {
    width: 100%;
    max-width: 77px;
    background-color: #D9D9D9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    height: 17px;
    margin: 0px;
}
.dev-networks .dev-talents-item .vetted-ratings .rate-points .progress .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
	width: 72%;
    background-color: #81C457;
}
.dev-networks .no-vetted-info .vet-rate-wrapper .rate-type {
    flex: 0 0 100%;
    font-weight: 600;
}
.dev-networks .dev-talents-item .vetted-skills {
    display: block;
}
.dev-networks .dev-talents-item .vetted-skills.show-all-skills {
    max-height: 200px;
	height: 200px;
    margin-bottom: 18px;
}
.dev-networks .dev-talents-item .tools-list-wrap .tools-list {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
	margin-top: 20px;
    max-height: 115px;
    overflow: hidden;
    margin-bottom: 20px;
}
.dev-networks .dev-talents-item .tools-list-wrap .tools-list li .tools-wrap {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    padding: 5px 8px;
    min-width: 80px;
    background: #FFFFFF;
    border: 1px solid #CECCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
}
.dev-networks .dev-talents-item .tools-list-wrap .tools-list li .tools-wrap img {
    margin-bottom: 4px;
    height: 22px;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
.dev-networks .dev-talents-item .tools-list-wrap .tools-list li .tools-wrap p {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}
.dev-networks .dev-talents-item .vetted-info figure {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dev-networks .dev-talents-item .vetted-info figure img {
    border-radius: 0;
    border: 0;
}

/* Salary default page */
.salary-default-pg .salary-banner-sec .rapper h1 {
	font-size: 40px;
    line-height: 57px;
    color: #231F20;
    margin-bottom: 30px;
}
.salary-default-pg .salary-banner-sec .rapper h1 #default-role-text-change {
    min-height: 40px;
}
.salary-default-pg .salary-banner-sec .rapper .rapper-desc{font-size: 18px;line-height: 42px;color: #000000; margin-bottom: 40px;}

.salary-default-pg .default-graph{
	padding: 0;
}
.salary-default-pg .default-graph .content {
    margin-top: 0px;
	align-items: flex-start;
}
.salary-default-pg .default-graph .content .left {
    width: 50%;
	padding-left: 0;
}
.salary-default-pg .default-graph .content .right {
    width: 50%;
	padding-right: 0px;
	padding-top: 150px;
}
.salary-default-pg .default-graph .content .left .rapper {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
}
.salary-default-pg .default-graph .content .item .rapper {
    border-radius: 32px;
    padding: 15px 15px 15px;
}
.salary-default-pg .default-graph .content .item .rapper .title img {
    margin-right: 15px;
}
.salary-default-pg .default-graph .content .item .rapper .title h2 {
    font-size: 18px;
    line-height: 28px;
}
.salary-default-pg .default-graph .graph-section-global, .salary-default-pg .default-graph .graph-section-india {
    margin-left: -15px;
    margin-right: -15px;
}
.salary-default-pg .default-graph .graph-section-global h4, .salary-default-pg .default-graph .graph-section-india h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #231F20;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.salary-default-pg .default-graph .graph-section-india h4{
	top: -20px;
}
.salary-default-pg .default-graph .content .item .range-salary h4 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}
.salary-default-pg .default-graph .content .item .range-salary {
    width: calc(100% - 30px);
}
.salary-default-pg .default-graph .content .right .range-salary {
    bottom: 40px;
}
.salary-default-pg .default-graph .graph-section-india {
    margin-top: 40px;
}

@media(max-width:1650px){
	.salary-default-pg .salary-banner-sec .rapper h1 {
		font-size: 36px;
		line-height: 50px;
		margin-bottom: 25px;
	}
	.salary-default-pg .default-graph .content {
		margin-top: 0px;
	}
	.salary-default-pg .default-graph .content .item .rapper {
		padding: 15px 15px 15px;
	}
	.salary-default-pg .default-graph .content .item .rapper .title h2 {
		font-size: 16px;
		line-height: 22px;
	}
	.salary-default-pg .default-graph .content .item .rapper .title img {
		max-width: 42px;
		margin-right: 10px;
	}
}

@media(max-width:1440px){
	.salary-default-pg .salary-banner-sec .rapper h1 {
		font-size: 34px;
		line-height: 48px;
		margin-bottom: 22px;
	}
	.salary-default-pg .salary-banner-sec .rapper .rapper-desc {
		font-size: 16px;
		line-height: 36px;
		margin-bottom: 35px;
	}
	.salary-default-pg .default-graph .content .right {
		padding-top: 120px;
	}
}

@media(max-width:1300px){
	.salary-default-pg .salary-banner-sec .rapper h1 {
		font-size: 30px;
    	line-height: 42px;
	}
	.salary-default-pg .salary-banner-sec .rapper .rapper-desc {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	.salary-default-pg .default-graph .content .left {
		padding-right: 10px;
	}
	.salary-default-pg .default-graph .content .right {
		padding-left: 10px;
	}
	.salary-default-pg .default-graph .content .item .rapper .title img {
		max-width: 35px;
		margin-right: 5px;
	}
	.salary-default-pg .default-graph .content .item .rapper .title h2 {
		font-size: 14px;
		line-height: 18px;
	}
	.salary-default-pg .default-graph .graph-section-global, .salary-default-pg .default-graph .graph-section-india {
		margin-left: -10px;
		margin-right: -10px;
	}
	.salary-default-pg .default-graph .content .item .rapper {
		padding: 15px 10px 15px;
	}
	.salary-default-pg .default-graph .graph-section-global h4, .salary-default-pg .default-graph .graph-section-india h4 {
		font-size: 18px;
		line-height: 22px;
	}
	.salary-default-pg .default-graph .content .item .range-salary {
		width: calc(100% - 20px);
	}
	.salary-default-pg .default-graph .content .item .range-salary h4 {
		font-size: 12px;
		line-height: 16px;
	}
}
@media (max-width: 990px){
	.salary-default-pg .default-graph .content .item .rapper .title {
		flex-direction: row;
		align-items: center;
	}
	.salary-default-pg .default-graph .content .item .rapper .title img {
		margin-bottom: 0px;
	}
}
@media (max-width: 767px){
	.salary-default-pg .default-graph {
		padding: 50px 0px 0px;
	}
	.salary-default-pg .default-graph .content .left {
		padding-left: 10px;
	}
	.salary-default-pg .default-graph .content .right {
		padding-right: 10px;
		padding-top: 0;
	}
	.salary-default-pg .salary-banner-sec {
		padding: 10px 0 70px;
	}
}
@media (max-width: 490px){
	.salary-default-pg .default-graph .content .left {
		width: 100%;
	}
	.salary-default-pg .default-graph .content .right {
		width: 100%;
	}
	.salary-default-pg .default-graph .content .item .rapper .title img {
		max-width: 40px;
		margin-right: 10px;
	}
	.salary-default-pg .default-graph .content .item .rapper .title h2 {
		font-size: 16px;
		line-height: 18px;
	}
	.salary-default-pg .default-graph .content .item .range-salary h4 {
		font-size: 14px;
		line-height: 18px;
	}
}


/* client main */
.salary-default-pg .clientMain{background:#FAF7EF;}
.salary-default-pg .clientMain .container .row{align-items: center;}
.salary-default-pg .clientMain h4 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #808285;
    font-weight: 500;
}
@media(max-width:575px){
	.salary-default-pg .clientMain h4 {
		text-align: center;
		margin-bottom: 30px;
	}
}


/* Compare Salaries */
.salary-default-pg .compare-salaries-section .container .row{
	align-items: center;
}
.salary-default-pg .compare-salaries-section h2 {
    text-align: left;
    font-size: 30px;
    line-height: 41px;
    font-weight: 500;
    color: #231F20;
    margin-bottom: 20px;
}
.salary-default-pg .compare-salaries-section h2 strong{
	/* color: #FBB034; */
    font-weight: 800;
}
.salary-default-pg .compare-salaries-section .salaries-desc{
	color: #808285;
	margin-bottom: 30px;
	max-width: 450px;
	line-height: 1.68;
}
.salary-default-pg .compare-salaries-section .cta-btn{
	font-weight: 600;
}
.salary-default-pg .compare-salaries-section .cta-btn:hover{
	background: #000000;
	color: #ffffff;
}
.salary-default-pg .compare-salaries-section .salaries-content-wrap {
    display: flex;
    gap: 20px;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 15px;
}
.salary-default-pg .compare-salaries-section .salaries-content-wrap:last-child {
	margin-bottom: 0px;
	position: relative;
}
.salary-default-pg .compare-salaries-section .salaries-content-wrap .salaries-inner-section{
	flex: 0 0 266px;
	border-radius: 20px;
    padding: 16px 24px;
	box-shadow: 0px 6px 16px 2px rgba(90, 82, 128, 0.12)
}
.salary-default-pg .compare-salaries-section .salaries-global {
    border: 1px solid #ffe7c0;
    background: #fdf4e3;
}
.salary-default-pg .compare-salaries-section .salaries-india {
    border: 1px solid #fff3b4;
    background: #fcf9e7;
	margin-top: 16px;
}
.salary-default-pg .compare-salaries-section .salaries-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.salary-default-pg .compare-salaries-section .salaries-header figure {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.salary-default-pg .compare-salaries-section .salaries-header h3 {
    font-size: 22px;
    line-height: 36px;
    color: #231F20;
    font-weight: 600;
}
.salary-default-pg .compare-salaries-section .salaries-text-item h4{
	font-size: 14px;
    line-height: 25px;
    color: #000000;
    font-weight: 600;
}
.salary-default-pg .compare-salaries-section .salaries-text-item p{
	font-size: 12px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
	margin-bottom: 0px;
}
.salary-default-pg .compare-salaries-section .salaries-text-item {
    padding: 20px 0px;
    border-bottom: 1.5px solid rgba(35, 31, 32, 20%);
}
.salary-default-pg .compare-salaries-section .salaries-text-item:last-child{
	padding: 20px 0px 0px;
    border-bottom: 0;
}

.salary-default-pg .compare-salaries-section .salaries-analysis-wrap {
    display: flex;
    gap: 20px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item {
    background: #ffffff;
    border: 1px solid #DCDCDC;
    border-radius: 16px;
    box-shadow: 7px 7px 22px rgba(51, 55, 81, 0.1);
    padding: 15px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item h4{
	font-size: 14px;
    font-weight: 500;
    color: #23262F;
    margin-bottom: 10px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content {
    display: flex;
    align-items: center;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text-item {
    margin-bottom: 12px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text-item:last-child {
    margin-bottom: 0px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text {
    margin-right: 15px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-country {
    color: #787486;
    font-size: 8px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-country::before {
    content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	margin-right: 5px;
    display: inline-block;
	background: #FFDE2F;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text-item:nth-child(2) .analysis-country::before {
    background: #FFCB05;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text-item:last-child .analysis-country::before {
    background: #FBAF34;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-amount {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    margin-top: 5px;
}
.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-content .analysis-img{
	max-width: 100px;
}
.salary-default-pg .compare-salaries-section .beyond-salaries {
    width: 315px;
}
.salary-default-pg .compare-salaries-section .beyond-salaries h4 {
    color: #000000;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-row {
    display: flex;
    gap: 0px 2px;
	margin: 6px 0px;
    align-items: center;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-row-count {
    font-size: 10px;
    line-height: 20px;
    color: #6B7280;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-row-x-axis {
    width: calc(100% - 5px);
    height: 1px;
    background: #F3F4F6;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-footer-item {
    font-size: 8px;
    line-height: 20px;
    color: #6B7280;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph {
    position: relative;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.salary-default-pg .compare-salaries-section .beyond-salaries-graph-img img{
    font-size: 9px;
    font-weight: 500;
    color: #808285;
    font-family: "Montserrat", sans-serif !important;
    line-height: 14px;
}
.salary-default-pg .compare-salaries-section .salaries-content-inner {
	background: url('../images/salary-calculator/compare-salaries-bg.png'); background-repeat:no-repeat; background-size:90%; background-position: center center;;
}
.salary-default-pg .compare-salaries-section .salaries-dashed-bg {
    position: absolute;
    bottom: 65px;
    right: -22px;
    max-width: 550px;
}


@media(max-width:1650px){
    .salary-default-pg .compare-salaries-section .salaries-header figure {
		width: 40px;
		height: 40px;
	}
	.salary-default-pg .compare-salaries-section .salaries-header h3 {
		font-size: 20px;
		line-height: 34px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item h4 {
		font-size: 13px;
		line-height: 24px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item p {
		font-size: 11px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-img{
		max-width: 95px;
	}
}

@media(max-width:1440px){
    .salary-default-pg .compare-salaries-section h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.salary-default-pg .compare-salaries-section .salaries-header figure {
		width: 35px;
		height: 35px;
	}
	.salary-default-pg .compare-salaries-section .salaries-header h3 {
		font-size: 18px;
		line-height: 32px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item {
		padding: 15px 0px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item h4 {
		font-size: 13px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-country {
		font-size: 7px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-amount {
		font-size: 11px;
	}
	
}
@media(max-width:1300px){
	.salary-default-pg .compare-salaries-section .salaries-content-wrap .salaries-inner-section {
		flex: 0 0 215px;
		padding: 15px 15px;
	}
	.salary-default-pg .compare-salaries-section .salaries-header figure {
		width: 30px;
		height: 30px;
	}
	.salary-default-pg .compare-salaries-section .salaries-header h3 {
		font-size: 16px;
		line-height: 30px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item h4 {
		font-size: 12px;
		line-height: 23px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item p {
		font-size: 10px;
		line-height: 18px;
	}
	.salary-default-pg .compare-salaries-section .salaries-text-item {
		padding: 12px 0px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item h4 {
		font-size: 12px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-img{
		max-width: 80px;
	}
	.salary-default-pg .compare-salaries-section .beyond-salaries {
		width: 255px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-text {
		margin-right: 5px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-amount {
		font-size: 10px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content .analysis-country::before {
		margin-right: 3px;
	}
	.salary-default-pg .compare-salaries-section .beyond-salaries-graph-row {
		margin: 0px 0px;
	}
	.salary-default-pg .compare-salaries-section .beyond-salaries-graph-row-count {
		font-size: 9px;
		line-height: 18px;
	}
	.salary-default-pg .compare-salaries-section .beyond-salaries-graph-footer {
		margin-top: 0px;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item {
		padding: 10px 15px;
	}
	.salary-default-pg .compare-salaries-section .salaries-dashed-bg {
		bottom: 45px;
		right: -18px;
		max-width: 460px;
	}
}

@media(max-width:1280px){
    .salary-default-pg .compare-salaries-section h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.salary-default-pg .compare-salaries-section .salaries-desc {
		font-size: 14px;
	}
}

@media(max-width:991px){
    .salary-default-pg .compare-salaries-section .salaries-content-wrap {
		justify-content: flex-start;
		margin-top: 30px;
	}
	.salary-default-pg .compare-salaries-section .salaries-desc {
		max-width: 100%;
	}
	.salary-default-pg .compare-salaries-section .salaries-content-inner {
		background-size: 430px;
		background-position: left center;
	}
	.salary-default-pg .compare-salaries-section .salaries-dashed-bg {
		bottom: 58px;
		left: 38px;
	}
}
@media(max-width:490px){
    .salary-default-pg .compare-salaries-section .salaries-content-wrap {
		justify-content: center;
		flex-wrap: wrap;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}
	.salary-default-pg .compare-salaries-section .salaries-dashed-bg {
		display: none;
	}
	.salary-default-pg .compare-salaries-section .salaries-content-inner {
		background: none;
	}
	.salary-default-pg .compare-salaries-section .salaries-content-wrap .salaries-inner-section {
		flex: 0 0 290px;
		max-width: 100%;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item {
		flex: 0 0 290px;
		max-width: 100%;
	}
	.salary-default-pg .compare-salaries-section .salaries-analysis-item .analysis-content {
		justify-content: space-between;
	}
}


/* JdPro */
.salary-default-pg .developer-sec .content .left .rapper {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.salary-default-pg .developer-sec .content .left .rapper figure {
    width: 100%;
    position: relative;
    left: 0;
}
.salary-default-pg .help-section .right .rapper {
    margin-bottom: 0px;
}
.salary-default-pg .help-section .right .rapper h2 {
    font-size: 30px;
    line-height: 41px;
    font-weight: 500;
    color: #231F20;
}
.salary-default-pg .help-section .right .rapper h2 strong{
    font-weight: 800;
    /* color: #ffffff; */
}
.salary-default-pg .help-section .right .rapper .cta-btn{
    background: #ffffff;
    margin-top: 35px;
    min-height: 64px;
    line-height: 64px;
    border-radius: 64px;
	font-weight: 600;
	padding: 0 25px;
}
.salary-default-pg .help-section .right .rapper .cta-btn:hover{
    background: #000000;
    color: #ffffff;
}

@media(max-width:1440px) {
    .salary-default-pg .help-section .right .rapper h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.salary-default-pg .help-section .right .rapper .cta-btn {
		margin-top: 30px;
		min-height: 55px;
		line-height: 55px;
		border-radius: 55px;
	}
}

@media(max-width:1280px) {
    .salary-default-pg .help-section .right .rapper h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.salary-default-pg .help-section .right .rapper .cta-btn {
		margin-top: 25px;
		min-height: 45px;
		line-height: 45px;
		border-radius: 45px;
	}
}

@media(max-width:767px) {
	.salary-default-pg .help-section .right .rapper .cta-btn {
		min-height: 40px;
		line-height: 40px;
		border-radius: 40px;
	}
}


/* manage section */
.salary-default-pg .manage-section .row{
	justify-content: space-between;
    align-items: center;
}
.salary-default-pg .manage-section h2 {
    text-align: left;
    font-size: 30px;
    line-height: 41px;
    font-weight: 500;
    color: #231F20;
    margin-bottom: 20px;
}
.salary-default-pg .manage-section h2 strong {
	/* color: #FBB034; */
    font-weight: 800;
}
.salary-default-pg .manage-section p{
	color: #808285;
	margin-bottom: 0px;
	line-height: 1.6;
}
.salary-default-pg .manage-section .help-grid {
    margin: 0 0px;
    justify-content: center;
    align-items: flex-end;
	flex-direction: column;
}
.salary-default-pg .manage-section .help-grid .item {
    width: 377px;
    margin-bottom: 20px;
	position: relative;
}
.salary-default-pg .manage-section .help-grid .item:nth-child(2) {
    left: -115px;
}
.salary-default-pg .manage-section .help-grid .item:last-child {
    left: -60px;
}
.salary-default-pg .manage-section .help-grid .item .rapper {
    background-color: #FFDE2F;
    border-radius: 16px;
    border: 0;
    box-shadow: none;
}
.salary-default-pg .manage-section .help-grid .item:nth-child(2) .rapper {
    background-color: #FFCB05;
}
.salary-default-pg .manage-section .help-grid .item:last-child .rapper {
    background-color: #D7D8D9;
}
.salary-default-pg .manage-section .help-grid .item .rapper .content {
    align-items: center;
}
.salary-default-pg .manage-section .help-grid .item .rapper .content figure {
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    max-width: 125px;
}
.salary-default-pg .manage-section .help-grid .item .rapper .content figure img {
	max-width: 100%;
    height: 90px;
}
.salary-default-pg .manage-section .help-grid .item .rapper .content h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 0;
    width: auto;
}
.salary-default-pg .manage-section .help-grid .item .rapper .content h3 span {
    color: #000;
    font-size: 16px;
    line-height: 25px;
}

@media(max-width:1650px){
    .salary-default-pg .manage-section .help-grid .item {
		width: 355px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content figure img {
		height: 80px;
	}
}

@media(max-width:1440px){
    .salary-default-pg .manage-section h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content figure img {
		max-width: 100%;
		height: 65px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 {
		font-size: 20px;
		line-height: 20px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 span {
		font-size: 16px;
		line-height: 22px;
	}
	.salary-default-pg .manage-section .help-grid .item {
		width: 320px;
	}
}

@media(max-width:1280px){
    .salary-default-pg .manage-section h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.salary-default-pg .manage-section .help-grid .item {
		width: 295px;
	}
	.salary-default-pg .manage-section .help-grid .item:nth-child(2) {
		left: -60px;
	}
	.salary-default-pg .manage-section .help-grid .item:last-child {
		left: -30px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 span {
		font-size: 14px;
		line-height: 22px;
	}
	.salary-default-pg .manage-section p {
		font-size: 14px;
	}

	.salary-default-pg .manage-section .help-grid .item .rapper .content figure img {
		height: 50px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 {
		font-size: 18px;
		line-height: 18px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 span {
		font-size: 14px;
		line-height: 20px;
	}
}

@media(max-width:767px){
	.salary-default-pg .manage-section .help-grid {
		margin: 35px 0px 0px;
		justify-content: center;
		align-items: center;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content {
		flex-wrap: nowrap;
		flex-direction: row;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content figure {
		margin: 0 20px 0px 0px;
	}
	.salary-default-pg .manage-section .help-grid .item .rapper .content h3 {
		text-align: left;
	}
	.salary-default-pg .manage-section .help-grid .item:nth-child(2) {
		left: 0px;
	}
	.salary-default-pg .manage-section .help-grid .item:last-child {
		left: 0px;
	}
}


/*----- Expenses Beyond Salaries section start -----*/
.expens-beyond-sal { padding: 150px 0 0; }
.expens-beyond-sal h2 { text-align: center; color: #231F20; font-size: 30px; font-weight: 600; padding-bottom: 100px; }
.expens-beyond-sal .box { padding: 0 15px; width: 33.33%; }
.expens-beyond-sal .row.flex-wrap { justify-content: center; }
.expens-beyond-sal .box .wrap { border-radius: 24px; height: 100%; position: relative; }
.expens-beyond-sal .box .wrap .flag { height: 72px; width: 72px; background-color: #DCDCDC; padding: 2px; border-radius: 50%; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); }
.expens-beyond-sal .box .wrap .flag img { border-radius: 50%; }
.expens-beyond-sal .expens-box .wrap { background-color: #F7F7F7; border: 1px solid #BCBEC0; padding: 40px 40px 20px; }
.expens-beyond-sal .insurance-box .wrap { background-color: #FDEDBD; border: 1px solid #FFCB05; padding: 40px 40px 20px; }
.expens-beyond-sal .expens-box ul { padding: 0; margin: 0; }
.expens-beyond-sal .expens-box ul li { width: 100%; display: block; text-align: center; padding: 35px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.expens-beyond-sal .expens-box ul li h3 { font-size: 24px; line-height: 1.1; font-weight: 600; color: #000; }
.expens-beyond-sal .expens-box ul li h3 span { font-size: 18px; }
.expens-beyond-sal .expens-box ul li h3 small { font-weight: 400; font-size: 16px; width: 100%; display: block;
text-align: center; margin-top: 4px; }
.expens-beyond-sal .insurance-box ul li { align-items: center; display: flex; padding: 18px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.expens-beyond-sal .insurance-box ul li:last-child { border: 0; } 
.expens-beyond-sal .insurance-box figure { width: 64px; height: 64px; border-radius: 50%; background-color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; padding: 15px; }
.expens-beyond-sal .insurance-box ul li span { font-size: 18px; padding-left: 20px; font-weight: 600; line-height: 1.4; }
.expens-beyond-sal .btm-cnt { text-align: center; padding: 18px 0 0;  }
.expens-beyond-sal .btm-cnt figure { margin: 15px 0; }
.expens-beyond-sal .btm-cnt h3 { font-size: 24px; line-height: 1.1; font-weight: 600; color: #000; margin-bottom: 15px; }
.expens-beyond-sal .btm-cnt span { font-size: 18px; line-height: 1.5; font-weight: 600; color: #000; display: block; width: 100%; margin-bottom: 15px; }
.expens-beyond-sal .btm-cnt p { font-size: 14px; line-height: 1.7; font-weight: 400; color: #000; display: block; width: 100%; margin-top: 10px; }
.expens-beyond-sal .btm-cnt p:last-of-type { margin-bottom: 0; }
.fixed-yellow-box { position: absolute; left: -111px; top: 130px; text-align: center; border-radius: 0; }
.fixed-yellow-box strong { font-size: 16px; font-weight: 600; padding: 8px; background-color: #FFDE2F; 
transform: rotate(-90deg); left: -71px; top: 35px; right: auto; position: absolute; width: 324px;
height: 40px; text-align: center; justify-content: center; display: flex; align-items: center; border-radius: 16px 16px 0 0; }
.expens-beyond-sal .expens-box ul li > small { font-size: 14px; display: block; width: 100%; margin-top: 8px; }




@media(max-width:1440px) {
	.expens-beyond-sal { padding: 100px 0 40px; }
	.expens-beyond-sal h2 { font-size: 26px; padding-bottom: 60px; }
	.expens-beyond-sal .box .wrap .flag { height: 62px; width: 62px; top: -31px; }
	.expens-beyond-sal .insurance-box ul li span { font-size: 16px; padding-left: 15px; }
	.expens-beyond-sal .insurance-box figure { width: 54px; height: 54px; padding: 10px; }
	.expens-beyond-sal .expens-box ul li h3 { font-size: 20px; }
	.expens-beyond-sal .expens-box ul li h3 span { font-size: 18px; }
	.expens-beyond-sal .insurance-box ul li { padding: 14px 0; }
	.expens-beyond-sal .expens-box ul li { padding: 30px 0; }
	.expens-beyond-sal .btm-cnt span { font-size: 16px; line-height: 1.4; }
	.expens-beyond-sal .btm-cnt p { font-size: 12px; }
	.fixed-yellow-box strong { font-size: 14px; left: -36px; width: 254px; top: 10px; } 
	.expens-beyond-sal .btm-cnt h3 { font-size: 20px; }
	.expens-beyond-sal .expens-box ul li h3 small { font-size: 14px; }

}

@media(max-width:1366px) {
	
	.expens-beyond-sal { padding: 40px 0 10px; }
	.expens-beyond-sal h2 { font-size: 22px; }
	.expens-beyond-sal .box .wrap .flag { height: 48px; width: 48px; top: -24px; }
	.expens-beyond-sal .insurance-box ul li span { font-size: 14px; padding-left: 10px; }
	.expens-beyond-sal .insurance-box figure { width: 40px; height: 40px; }
	.expens-beyond-sal .expens-box ul li h3 { font-size: 16px; }
	.expens-beyond-sal .expens-box ul li h3 span { font-size: 14px; }
	.expens-beyond-sal .insurance-box ul li { padding: 8px 0; }
	.expens-beyond-sal .expens-box ul li { padding: 20px 0; }
	.expens-beyond-sal .btm-cnt span { font-size: 13px; line-height: 1.4; }
	.expens-beyond-sal .btm-cnt p { font-size: 11px; }
	.expens-beyond-sal .btm-cnt h3 { font-size: 16px; }
	.expens-beyond-sal .expens-box .wrap { padding: 30px 30px 20px; }
	.expens-beyond-sal .insurance-box .wrap { padding: 30px 30px 20px; }
	.expens-beyond-sal .expens-box ul li h3 small { font-size: 12px; }
	.fixed-yellow-box strong { left: 5px; width: 170px; top: -36px; }

}

@media(max-width:1280px){
	.expens-beyond-sal .btm-cnt figure + span { margin-bottom: 0; }
}

@media(max-width:1024px){
	.expens-beyond-sal { padding: 50px 0; }
	.expens-beyond-sal h2 { font-size: 20px; }
	.expens-beyond-sal .btm-cnt { padding: 15px 0 0; }
	.expens-beyond-sal h2 { padding-bottom: 40px; }
	.expens-beyond-sal .box { margin-bottom: 40px; }
}

@media(max-width:991px){
	.expens-beyond-sal .row.flex-wrap { padding: 0 25px; }
}

@media(max-width:580px){
	.expens-beyond-sal { padding: 50px 0 0; }
	.fixed-yellow-box { left: -100px; }
	.fixed-yellow-box strong { padding: 4px; width: 170px; height: 25px; border-radius: 10px 10px 0 0; left: 2px; }
	.expens-beyond-sal .insurance-box .wrap { padding: 20px; }
	.expens-beyond-sal .box:last-of-type { margin-bottom: 0; }
	.expens-beyond-sal h2 { padding-bottom: 30px; }
	.expens-beyond-sal .box { min-width: 360px; max-width: 100%; }
	.expens-beyond-sal .row.flex-wrap { padding: 0; }
	
}
/*----- Expenses Beyond Salaries section End -----*/