/***********************About Us Page***********************/

.about-banner{
    background: #fff;
    padding: 10px;
}

@media(max-width: 991px){
    .about-banner{
        background: url('../images/about-us/about-banner-inner.jpg') no-repeat center center #fff;
        padding: 10px;
        background-size: cover;
    }
}

.about-banner-content {
    background: rgba(255, 255, 255, 0.7);
}

.how-it-works{
    background: #4E0073;
}

.how-it-works h2{
    color: #ffffff;
    text-align: center;
    padding: 0px 0px 50px;
}

.how-works-box{
    background: #FFFBED;
    padding: 30px;
    border-radius: 18px;
}

.how-works-box h3, .how-works-box p, .how-works-box img{
    padding: 10px 0px;
}

.how-works-box h3{
    font-weight: 400;
}


.inner-header .menu > ul > li a{
    color:#000000;
}

.inner-header .menu > ul > li a:hover{
    color: var(--theme-green);
}

.inner-header .header{
    background: #ffffff;
}

.inner-header .header-logo a{
    color: #000000;
}

.inner-header .menu-mobile:after{
    color: #000000;
}

.img-box{
    margin-top: 50px;
    position: relative;
}

.img-content {
    background: #4E0073;
    padding: 20px 20px;
    position: absolute;
    width: 250px;
    bottom: 0;
    right: 0;
}

.img-content h2{
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
}

@media(min-width: 768px){
   
    .about-banner-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 460px;
        width: 250px;
        margin: auto;
    }
    
    .about-mobile-banner img{
        display: none;
    }

    .about-banner-inner {
        margin-top: 50px;
    }

    .how-works-box h3 {
        font-size: 17px;
    }

    .how-works-box p {
        min-height: 430px;
    }
}

@media(min-width: 992px){
    .about-banner-inner{
        background: url('../images/about-us/about-banner-inner.jpg') no-repeat center center;
        background-size: cover;
        height: 660px;
    }

    .about-banner-content {
        height: 550px;
        width: 300px;
    }

    .img-content{
        padding: 45px 35px;
        width: 350px;
    }

    .how-works-box p {
        min-height: 360px;
    }
}

@media(min-width: 1200px){
    .how-works-box p {
        min-height: 310px;
    }

    .about-banner-inner{
        height: 770px;
    }

    .about-banner-content {
        height: 650px;
        width: 350px;
        background: transparent;
    }

    .how-works-box h3 {
        font-size: 24px;
        line-height: 31px;
    }
}

@media(min-width: 1366px){
    .about-banner-inner{
        height: 897px;
    }

    .about-banner-content {
        height: 700px;
        width: 370px;
    }

    .how-works-box p {
        min-height: 280px;
    }
}

@media(min-width: 1400px){
    .about-banner-inner{
        height: 940px;
    }

    .how-works-box p {
        min-height: 260px;
    }
}

@media(min-width: 1600px){
    .about-banner-inner{
        height: 1050px;
    }

    .about-banner-content {
        height: 800px;
    }

    .how-works-box p {
        min-height: 230px;
    }
}

@media(min-width: 1920px){
    .about-banner-inner{
        height: 1070px;
    }

    .about-banner-content {
        height: 900px;
    }
}


/********************Hire UX Architect page**********************/

.ux-architect-banner{
    background-image: url('../images/roles/ux-architect.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ux-architect-banner h3 {
    color: #F3B72D;
}

.ux-architect-banner .roles-banner-btn .btn{
    background: #F3B72D;
}

.why-hire-ux-architect .why-hire-box{box-shadow: 10px 10px 0px 0px #A97B12;}

.why-hire-ux-architect h2, .why-hire-ux-architect p{
    color: #000000;
}

.ux-architect-join-community .img-content{ background: #F3B72D;}

@media(max-width: 767px){
    .ux-architect-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ux-architect-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ux-architect-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ux-architect .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire UX Designer page**********************/

.ux-designer-banner{
    background-image: url('../images/roles/ux-designer.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ux-designer-banner h3 {
    color: #DC6973;
}

.ux-designer-banner .roles-banner-btn .btn{
    background: #DC6973;
}

.why-hire-ux-designer .why-hire-box{box-shadow: 10px 10px 0px 0px #BE3440;}


.ux-designer-join-community .img-content{ background: #DC6973;}

@media(max-width: 767px){
    .ux-designer-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ux-designer-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ux-designer-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ux-designer .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire UI Designer page**********************/

.ui-designer-banner{
    background-image: url('../images/roles/ui-designer.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ui-designer-banner h3 {
    color: #17CDDF;
}

.ui-designer-banner .roles-banner-btn .btn{
    background: #17CDDF;
    color: #000000;
}

.why-hire-ui-designer .why-hire-box{box-shadow: 10px 10px 0px 0px #007A86;}

.why-hire-ui-designer h2, .why-hire-ui-designer p{
    color: #000000;
}

.ui-designer-join-community .img-content{ background: #17CDDF;}

@media(max-width: 767px){
    .ui-designer-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui-designer-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-designer-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ui-designer .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire Visual Designer page**********************/

.visual-designer-banner{
    background-image: url('../images/roles/visual-designer.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.visual-designer-banner h3 {
    color: #F385B3;
}

.visual-designer-banner .roles-banner-btn .btn{
    background: #F385B3;
}

.why-hire-visual-designer .why-hire-box{box-shadow: 10px 10px 0px 0px #C8105D;}


.visual-designer-join-community .img-content{ background: #F385B3;}

@media(max-width: 767px){
    .visual-designer-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visual-designer-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visual-designer-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-visual-designer .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire Front End Developer page**********************/

.front-end-developer-banner{
    background-image: url('../images/roles/front-end-developer.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.front-end-developer-banner h3 {
    color: #9ACBF9;
}

.front-end-developer-banner .roles-banner-btn .btn{
    background: #9ACBF9;
    color: #000000;
}

.why-hire-front-end-developer h2, .why-hire-front-end-developer p{
    color: #000000;
}

.why-hire-front-end-developer .why-hire-box{box-shadow: 10px 10px 0px 0px #3788E5;}


.front-end-developer-join-community .img-content{ background: #9ACBF9;}

@media(max-width: 767px){
    .front-end-developer-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .front-end-developer-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .front-end-developer-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-front-end-developer .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire UX Analyst page**********************/

.ux-analyst-banner{
    background-image: url('../images/roles/ux-analyst.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ux-analyst-banner h3 {
    color: #B1B4FD;
}

.ux-analyst-banner .roles-banner-btn .btn{
    background: #B1B4FD;
    color: #000000;
}

.why-hire-ux-analyst .why-hire-box{box-shadow: 10px 10px 0px 0px #6265B6;}

.why-hire-ux-analyst h2, .why-hire-ux-analyst p{
    color: #000000;
}

.ux-analyst-join-community .img-content{ background: #B1B4FD;}

@media(max-width: 767px){
    .ux-analyst-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ux-analyst-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ux-analyst-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ux-analyst .why-hire-box h3 {
        min-height: auto;
    }
}


/********************Hire UX Design Lead page**********************/

.ux-design-lead-banner{
    background-image: url('../images/roles/ux-design-lead.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ux-design-lead-banner h3 {
    color: #92CD31;
}

.ux-design-lead-banner .roles-banner-btn .btn{
    background: #92CD31;
    color: #000000;
}

.why-hire-ux-design-lead .why-hire-box{box-shadow: 10px 10px 0px 0px #456F01;}

.why-hire-ux-design-lead h2, .why-hire-ux-design-lead p{
    color: #000000;
}

.ux-design-lead-join-community .img-content{ background: #92CD31;}

@media(max-width: 767px){
    .ux-design-lead-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ux-design-lead-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ux-design-lead-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ux-design-lead .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Hire UI Design Lead page**********************/

.ui-design-lead-banner{
    background-image: url('../images/roles/ui-design-lead.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ui-design-lead-banner h3 {
    color: #FF9898;
}

.ui-design-lead-banner .roles-banner-btn .btn{
    background: #FF9898;
    color: #000000;
}

.why-hire-ui-design-lead .why-hire-box{box-shadow: 10px 10px 0px 0px #B51414;}

.why-hire-ui-design-lead h2, .why-hire-ui-design-lead p{
    color: #000000;
}

.ui-design-lead-join-community .img-content{ background: #FF9898;}

@media(max-width: 767px){
    .ui-design-lead-banner{ background-size: 350px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui-design-lead-banner{ background-position: right -160px bottom;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-design-lead-banner{ background-position: right -100px bottom;}
}

@media(min-width: 768px){
    .why-hire-ui-design-lead .why-hire-box h3 {
        min-height: auto;
    }
}

/********************Program Managed Staffing page**********************/
.sol-ban-bg{ 
    background: #2E0641; 
    color: #fff; 
    text-align: center;
}
.sol-ban-btn .btn{ 
    border-radius: 13px;
}
.program-managed-staffing-banner .sol-ban-btn .btn{ 
    background: #E7D10C; 
    color: #000000 !important;
    padding: 10px 20px; 
    font-size: 16px;
}
.program-managed-staffing-banner h1 span{ 
    color: #E7D10C; 
}
.solutions-banner p{ 
    margin: 30px 0px;
}
.pmss-sec{
    background: rgba(255, 249, 192, 0.5);
}
.content-box-big{
    background: #FFFFFF;
    border-radius: 32px;
    text-align: center;
    padding: 30px 20px 30px 20px;
    margin-top: 30px;
}

.ensure-img-box{
    text-align: left;
    margin-top: 50px;
}

.content-box-small{
    background: #FFFFFF;
    border-radius: 32px;
    padding: 30px 20px 25px 30px;
    margin-top: 30px;
    text-align: center;
}

.content-box-small img{
    margin-top: 20px;
}

.pmss-btn{
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
    
}

.pmss-btn p{
    background: #F8F2C1;
    padding: 12px 20px;
    border-radius: 10px;
    box-shadow: 0px 18.9px 37.8px rgb(66 66 66 / 18%);
}

.on-demand-sol-pmss h2{
    margin-bottom: 30px;
    text-align: center;
}

.on-demand-sol-pmss h3{
    font-weight: 400;
    padding: 15px 0px;
}

.pmss-sol-hire{
    background: url('../images/solutions/pmss-sol-hire.jpg') no-repeat center center;
    background-size: cover;
    height: 230px;
    position: relative;
}

.pmss-sol-hire .hireBox {
    border-radius: 0px 30px 0px 0px;
    padding: 10px 20px 0px 10px;
    position: absolute;
    top: 15px;
    left: auto;
    right: 10;
    z-index: unset;
}

.program-managed-staffing .roles-form {
    border-top: 15px solid #E7D10C;
}

.pmss-join-community .img-content{ 
    background: #E7D10C;
}

.pmss-join-community h2{
    color: #000000;
}

.pmss-staffing-form.roles--form{ 
    border-color: #E7D10C;
}
.pmss-staffing-form .roles-form .form-btn {
    background: #E7D10C;
    color: #000000;
}

@media(min-width: 768px){
    .pmss-sol-hire{
        height: 480px;
    }

    .program-managed-staffing .roles-form {
        margin-top: -215px;
        z-index: 1;
        position: relative;
    }

    .pmss-btn p{
        display: inline;
        padding: 12px 40px;
    }
}

@media(min-width: 992px){
    .pmss-sec h3{
        font-size: 28px;
        margin-bottom: 15px;
    }

    .content-box-big{
        padding: 74px 20px 74px 20px;
        margin-top: 50px;
    }

    .content-box-small{
        padding: 50px 0px 25px 0px;
    }

    .pmss-btn{
        margin-top: 50px;
    }

    .on-demand-sol-pmss h2{
        margin-bottom: 50px;
    }

    .pmss-sol-hire .hireBox {
        border-radius: 0px 80px 0px 0px;
        padding: 40px 70px 20px 30px;
        top: 170px;
        right: 115px;
    }

    .pmss-sol-hire{
        height: 865px;
    }

    .program-managed-staffing .roles-form {
        margin-top: -380px;
    }
}



@media (min-width: 1200px) {
    .solutions-banner p{ 
        font-size: 20px; 
        line-height: 29px; 
        max-width: 730px;
        margin: 30px auto 40px;
    }
    .program-managed-staffing-banner .sol-ban-btn .btn{
        padding: 10px 30px; 
        font-size: 22px;
    }
}


/********************Permanent Hiring page**********************/
.sol-ban-bg{ 
    background: #2E0641; 
    color: #fff; 
    text-align: center;
}
.sol-ban-btn .btn{ 
    border-radius: 13px;
}
.permanent-hiring-banner .sol-ban-btn .btn{ 
    background: #FF5C46; 
    color: #000000 !important;
    padding: 10px 20px; 
    font-size: 16px;
}
.permanent-hiring-banner h1 span{ 
    color: #FF5C46; 
}
.solutions-banner p{ 
    margin: 30px 0px;
}
.permanent-hiring-sec{
    background: rgba(255, 234, 232, 0.5);
}
.content-box-big{
    background: #FFFFFF;
    border-radius: 32px;
    text-align: center;
    padding: 30px 20px 30px 20px;
    margin-top: 30px;
}

.permanent-hiring-sec .ensure-img-box{
    text-align: left;
    margin-top: 20px;
}

.content-box-small{
    background: #FFFFFF;
    border-radius: 32px;
    padding: 30px 20px 25px 30px;
    margin-top: 30px;
    text-align: center;
}

.content-box-small img{
    margin-top: 20px;
}

.ph-btn{
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
    
}

.ph-btn p{
    background: #FFCBC6;
    padding: 12px 20px;
    border-radius: 10px;
    box-shadow: 0px 18.9px 37.8px rgb(66 66 66 / 18%);
}

.ph-join-community .img-content{ 
    background: #FF5C46;
}

.ph-form.roles--form{ 
    border-color: #FF5C46;
}
.ph-form .roles-form .form-btn {
    background: #FF5C46;
}

.cut-time-img p{
    background: #F84837;
    color: #ffffff;
    border-radius: 8px;
    padding: 5px 20px;
    font-size: 14px;
}

.permanent-hiring-sec .circle-img{
    margin-top: 0px;
}

.basic-table h4{
    font-size: 14px;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 30px;
}

.basic-table-circle{
    margin-top: 0px !important;
}

.basic-table td{
    font-size: 12px;
    color: #000000;
    font-weight: 400;
}

.green-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #A3DE83;
    margin-top: 5px;
}

.red-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF5C46;
    margin-top: 5px;
}

@media(min-width: 768px){
    .ph-btn p{
        display: inline;
        padding: 12px 40px;
    }
}

@media(min-width: 992px){
    .permanent-hiring-sec h3{
        font-size: 28px;
        margin-bottom: 15px;
    }

    .permanent-hiring-sec .content-box-big{
        padding: 74px 20px 10px 20px;
        margin-top: 30px;
    }

    .content-box-small{
        padding: 50px 0px 25px 0px;
    }

    .ph-btn{
        margin-top: 50px;
    }
}



@media (min-width: 1200px) {
    .solutions-banner p{ 
        font-size: 20px; 
        line-height: 29px; 
        max-width: 730px;
        margin: 30px auto 40px;
    }
    .permanent-hiring-banner .sol-ban-btn .btn{
        padding: 10px 30px; 
        font-size: 22px;
    }
}


/********************Thank you page**********************/

.thank-you-box{
    background: #FFFFFF;
    padding: 30px 30px;
    margin: auto;
    text-align: left;
}

.thank-you-box h3{
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400;
    margin-bottom: 50px;
}

.thank-you-box p{
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400;
}

@media(min-width: 768px){
    .thank-you-box{
        padding: 80px 70px;
        width: 710px;
        height: 450px;
    }
}

@media(min-width: 992px){
    .thank-you-box h3{
        font-size: 28px;
    }
}

/***************************FAQ Page*********************/

.faq-tab{
    background: #e7fced;
}

.faq-tab .nav {
    justify-content: center;
}

.faq-tab .nav-tabs {
    border-bottom: 1px solid transparent;
}

.faq-tab .nav-link{
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    padding: 1rem 1rem;
}

.faq-tab .nav-tabs .nav-item.show .nav-link, .faq-tab .nav-tabs .nav-link.active {
    color: #16825B;
    background-color: transparent;
    border-color: #16825B;
    border: 1px solid transparent;
    border-bottom: 3px solid #16825B;
}

.faq-tab-body .roles-faq .container > h2{
    display: none;
}

.faq-tab-body .roles-faq {
    background: rgba(238, 238, 238, 0.3);
    margin-top: 50px;
    padding-top: 0px;
}

@media(min-width: 768px){
    .faq-tab .nav-link{
        font-size: 25px;
    }
}


/***************FAQ page*****************************/

.faq-tab-body .faq-number {
    padding-right: 20px;
    font-size: 16px;
    color: #C4C4C4;
}

.faq-tab-body .accordion-button{
	font-weight: 600;
	font-size: 16px;
	line-height: 38px;
	letter-spacing: 0.01em;
	color: #0F2420;
	background-color: rgba(238, 238, 238, 0.3);
}

.faq-tab-body .accordion-body{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.02em;
	background-color: #F3F3F3;
}

.faq-tab-body .accordion-button:not(.collapsed){
	color: #0F2420;
    background-color: #F3F3F3;
	box-shadow: none;
}

.faq-tab-body .accordion-item{
	border: 1px solid transparent;
}

.faq-tab-body .accordion-button::after{
	background-image: url('../images/faq/faq-icon-plus.png');
	width: 2.25rem;
    height: 2.25rem;
	background-size: 2rem;
}

.faq-tab-body .accordion-button:not(.collapsed)::after{
	background-image: url('../images/faq/faq-icon-minus.png');
}

.faq-tab-body .accordion-button:not(.collapsed) .faq-number{
	color: #0F2420;
}

@media(min-width: 768px){
	.faq-tab-body .accordion-button{
		font-size: 28px;
		padding: 50px 50px 30px;
	}

	.faq-tab-body .accordion-body{
		font-size: 18px;
		padding: 0px 135px 50px 196px;
	
	}

	.faq-tab-body .faq-number{
		padding-right: 95px;
		font-size: 45px;
	}
    .faq-tab-body .accordion-body{
        line-height: 30px;
    }
}

/*******************For Talents Page**********************/

/************For talents banner section********************/

.for-talents-banner{ 
    background-image: url('../images/talents/for-talents-banner.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.for-talents-banner .roles-banner-btn .btn {
    background: #EB3BD9;
}

@media(max-width: 991px){
    .for-talents-banner .roles-banner-btn .btn {
        font-size: 15px;
    }
}

@media(max-width: 767px){
    .for-talents-banner{ 
        background-size: 350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .for-talents-banner{ 
        background-position: right -160px bottom;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .for-talents-banner{ 
        background-position: right -100px bottom;
    }
}

/***************For talents community section*********************/

.for-talent-community{
    background: #fff;
    padding: 10px;
}

.for-talent-community .roles-banner-btn{
    background: #FFABF7;
    color: #000000;
    border-radius: 12px;
    display: inline-block;
}

@media(max-width: 991px){
    .for-talent-community .roles-banner-btn .btn{
        font-size: 15px;
    }
}

@media(max-width: 991px){
    .for-talent-community{
        background: url('../images/talents/for-talents-community-banner.jpg') no-repeat center center #fff;
        padding: 10px;
        background-size: contain;
    }
}

.for-talent-community-content {
    background: rgba(255, 255, 255, 0.7);
}

@media(min-width: 768px){
   
    .for-talent-community-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 460px;
        margin: auto;
    }

    .for-talent-community-inner {
        margin-top: 50px;
    }
}

@media(min-width: 992px){
    .for-talent-community-inner{
        background: url('../images/talents/for-talents-community-banner.jpg') no-repeat center center;
        background-size: cover;
        height: 660px;
    }

    .for-talent-community-content {
        height: 550px;
    }
}

@media(min-width: 1200px){

    .for-talent-community-inner{
        height: 770px;
    }

    .for-talent-community-content {
        height: 650px;
        width: 450px;
        background: transparent;
    }
}

@media(min-width: 1366px){
    .for-talent-community-inner{
        height: 897px;
    }

    .for-talent-community-content {
        height: 700px;
        width: 450px;
    }

    .for-talent-community h1{
        margin-bottom: 40px;
    }
}

@media(min-width: 1400px){
    .for-talent-community-inner{
        height: 940px;
    }
}

@media(min-width: 1600px){
    .for-talent-community-inner{
        height: 1050px;
    }

    .for-talent-community-content {
        height: 800px;
    }
}

@media(min-width: 1920px){
    .for-talent-community-inner{
        height: 1070px;
    }

    .for-talent-community-content {
        height: 900px;
    }
}

/******************Career Path Section************************/
.career-path{
    background: rgba(235, 59, 217, 0.05);
}

.career-path h2{
    text-align: center;
    margin-bottom: 50px;
}

/* .career-path-box{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 30px 20px 10px 20px;
    width: 100%;
} */

.career-path-box {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 50px 20px 10px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.career-path-box p{
    display: flex;
    margin-bottom: 35px;
    font-weight: 600;
}

.career-path-box p::before{
    content: url('../images/talents/check-circle.png');
    margin-right: 10px;
}

.career-path-img-box {
    position: relative;
    background: url('../images/talents/career-path-img-1.png') no-repeat center center;
    background-size: cover;
    height: 350px;
    border-radius: 15px;
    overflow: hidden;
}
.career-path-img-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('../images/talents/career-path-img-overlay.png');
    background-size: 100% 100%;
}

.img-text p{
    color: #ffffff;
}

.career-path-img-box .img-text{
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.boosts-img{
    background: url('../images/talents/career-path-img-2.png') no-repeat center center;
}

@media(min-width: 992px){
    .career-path-img-box {
        height: 313px;
    }

    .career-path-box p{
        display: flex;
        margin-bottom: 35px;
        font-size: 22px;
        font-weight: 600;
    }
}

@media(min-width: 1200px){
    .career-path-img-box {
        height: 280px;
    }
}

@media(min-width: 1366px){
    .career-path-img-box {
        height: 313px;
    }
}

@media(min-width: 1400px){
    .career-path-img-box {
        height: 325px;
    }
}

@media(min-width: 1600px){
    .career-path-img-box {
        height: 295px;
        width: 100%;
        background-size: cover;
    }
}

/****************Choose Your Career Style Section**********************/
.career-style{
    background: #2E0641;
}

.career-style h2{
    color: #ffffff;
    text-align: center;
    padding: 0px 0px 50px;
}

.career-style-box{
    background: #FFFBED;
    padding: 30px;
    border-radius: 18px;
    width: 100%;
}

.career-style-box h3{
    padding: 20px 0px 20px;
}

.career-style-box p{
    display: flex;
    margin-bottom: 35px;
    color: #000
}

.career-style-box p::before{
    content: url('../images/talents/check-circle.png');
    margin-right: 10px;
}

.btn-pink{
    background: #EB3BD9;
    border-radius: 7px;
    color: #ffffff;
}

.what-link{
    font-size: 14px;
    color: #000000;
    text-decoration: underline;
    display: block;
    margin-top: 25px;
}

.career-style-box h3{
    font-weight: 400;
}

@media(max-width: 991px){
    .btn-pink{
        font-size: 15px;
    }
}

@media(min-width: 768px){
    .career-style-box h3 {
        font-size: 17px;
    }

    .career-style-points {
        min-height: 530px;
    }
}

@media(min-width: 992px){
    .career-style-points {
        min-height: 500px;
    }
}

@media(min-width: 1200px){

    .career-style-box h3 {
        font-size: 24px;
        line-height: 31px;
    }
}

@media(min-width: 1366px){
    .career-style-points {
        min-height: 440px;
    }
}

@media(min-width: 1400px){
    .career-style-points {
        min-height: 410px;
    }
}


@media(min-width: 1600px){
    .career-style-points {
        min-height: 390px;
    }
}

/*********************Meet Your Peers Section******************/
.meet-peers{
    background: #FBFBFB;
}

.meet-peers h2{
    color: #000000;
    text-align: center;
    padding: 0px 0px 50px;
}

.meet-peers-box{
    background: #FFFFFF;
    padding: 30px;
    box-shadow: 0px 0px 34px 13px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
}

.meet-peers-box h3{
    padding: 10px 0px 20px;
    font-weight: 400;
    color: #000000;
}

.meet-peers-box p{
    margin-bottom: 35px;
}


.btn-black-peer{
    background: #000000;
    border-radius: 7px;
    color: #ffffff;
    font-size: 14px;
}

.btn-black-peer:hover{
    color: #ffffff;
}

@media(min-width: 768px){
    .meet-peers-box{
        padding: 30px 30px 50px 30px;
    }

    .meet-peers-box h3 {
        font-size: 17px;
    }

    .meet-peers-points {
        min-height: 410px;
    }

    .btn-black-peer{
        font-size: 17px;
    }
}

@media(min-width: 992px){
    .meet-peers-points {
        min-height: 330px;
    }
}

@media(min-width: 1200px){

    .meet-peers-box h3 {
        font-size: 24px;
        line-height: 31px;
    }
}

@media(min-width: 1366px){
    .meet-peers-points {
        min-height: 230px;
    }
    .meet-peers-box p {
        margin-bottom: 15px;
        min-height: 230px;
    }
}

@media(min-width: 1400px){
    .meet-peers-points {
        min-height: 210px;
    }
}


@media(min-width: 1600px){
    .meet-peers-points {
        min-height: 190px;
    }
}

@media(max-width: 991px){

    .faq-tab-body .accordion-button {
        font-size: 16px;
        line-height: 20px;
        position: relative;
        padding-right: 50px;
    }
    .faq-tab-body .accordion-button::after {
        position: absolute;
        right: 5px;
    }
}

.accordion-item a{ color: #FF5200;}
.accordion-item a:hover{ color: #FF5200;}
input.error{border:1px solid #ff0000 !important;}
@media (min-width: 768px){
.cmfaq .accordion-button, .cmfaq .accordion-body {
    font-size: 28px;
    padding: 1rem 1.25rem !important;
}}