.header{background: var(--theme-color); backdrop-filter: blur(20px); z-index: 99; padding: 5px 0px 0px;}
.header.my-fixed{ background: rgba(46, 6, 65, 0.5); transition: all 500ms linear;}
.header .header-logo{padding: 10px 0px; position: relative; z-index: 9;}
.header-logo a{ font-size: 26px; font-weight: 700; color: #fff;}
.header .container{position: relative;}
.header-logo a .blacklogo{ display: none;}

.about-page .header{background: #fff;}
.about-page .header-logo a{ color: #000;}
.about-page a .whitelogo{ display: none;}
.about-page a .blacklogo{ display: block;}
.about-page .header.my-fixed{ background: rgba(255, 255, 255, 0.5); transition: all 500ms linear;} 
.about-page .menu-container .menu-mobile::after {color: #000;}
.about-page .menu-container .mlink{ color: #000;}
.about-page .menu-container .mlink:hover{ color: #FF5200;}
.about-page .mlink.only-dropdown::after {color: #000;}

@-moz-document url-prefix() { 
    .header.my-fixed{ background: rgba(46, 6, 65, 0.9);}
    .about-page .header.my-fixed{ background: rgba(255, 255, 255, 0.95);}
  }

.home-banner h3{ font-size: 20px; margin-bottom: 20px;}
.home-banner h4{ font-weight: 400; margin-top: 20px;}
.hbanner-pic{ margin-top: 30px; text-align: center;}

.home-banner.sticky-top{ z-index: 0; top:64px;}
.home-banner.sticky-top.hb-fixed{ position: unset;}
.home-content-area{ position: relative; z-index: 2;}
/*@media (max-width: 1199px) {
    .home-banner.sticky-top{ position: unset;}
}*/
 @media (min-width: 992px) {
    .home-banner h3{ font-size: 30px; margin-bottom: 20px;}
    .home-banner h4{ font-weight: 400; margin-top: 30px;}
 }

 @media (min-width: 1200px) {
    .home-banner.sticky-top{ z-index: 0; top:64px;}
    .home-banner.sticky-top.hb-fixed{ position: unset;}
    .home-content-area{ position: relative; z-index: 2;}
    .home-banner.sp-50{ padding-top: 10px;}
 }

 @media (min-width: 1440px) {
    .home-banner.sp-50{ padding-top: 50px;}
 }

 .hand{
    animation: handanim 2s linear;
    animation-delay: 1s;
    animation-iteration-count: 2;
    display: inline-block;
    margin: 0px 5px;
  }
  
  @keyframes handanim {
    50% {transform: rotate(30deg);}
  }

 .winning-sec{background: linear-gradient(to bottom, #fffbed 0%,#fffbed 65%,#53435E 65%,#53435E 100%);}
 .winning-sec-titl h4{ font-weight: 400;}
 .winning-box{ background: #2E0641; border-radius: 9px; padding: 30px; max-width: 1100px; margin:30px auto 0px; position: relative;}
 .wb-txt-row{ max-width: 712px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative; z-index: 9;}
 .wb-txt-btn { background: rgba(255, 255, 255, 0.1); font-size: 20px; color: #fff; font-weight: 500; border-radius: 34px; padding: 5px  20px;}
 .wb-txt-no{ font-size: 60px; font-weight: 900; color: #fff;}
 .wb-img-lft{ position: absolute; left: -38px; top: 0px; display: inline-block;}
 .wb-img-lft img{ width: 130px;}
 .wb-img-rht{ position: absolute; right: -23px; bottom: 0px; display: inline-block;}
 .wb-img-rht img{ width: 130px;}

 @media (min-width: 768px) {
    .wb-txt-row{ flex-direction: row;}
    .wb-img-lft{ position: absolute; left: -38px; top: -31px;}
    .wb-img-lft img{ width: unset;}
    .wb-img-rht{ position: absolute; right: -23px; top: -70px; bottom: unset;}
    .wb-img-rht img{ width: unset;}
 }

 @media (min-width: 992px) {
    .winning-box{margin:50px auto 0px;}
 }

 @media (min-width: 1200px) {
    .wb-txt-btn{ min-width: 200px; text-align: center;}
    .wb-txt-no {min-width: 200px; text-align: center;}
 }

 /***************Talents Between Section*******************/
.talents-between{ background: #FFFBED; border-radius: 50px 50px 0px 0px; margin-top: -30px; position: relative; z-index: 9;}
.talents-between h2{padding-top: 10px;}
.talents-between img{padding: 10px 0px 80px;}
.vs-box{background: #ffffff; border-radius: 18px;  padding: 66px 20px 20px 20px; position: relative; margin-bottom: 20px; display: flex;
    flex-direction: column; justify-content: space-between;}
.number-box{background: #4E0073; width: 86px; height: 86px; display: flex; align-items: flex-end; position: absolute; top: -40px;}
.number-box p{color: #ffffff; padding-left: 18px;}

@media (min-width: 992px) {
    .talents-between{ border-radius: 50px 50px 0px 0px; margin-top: -50px;}
    .vs-box{padding: 66px 20px 32px 42px; margin-bottom: unset;}
}
@media (min-width: 1600px) {
    .talents-between{ border-radius: 50px 50px 0px 0px; margin-top: -70px;}
}

/******************SuperCharge Section*********************/
.super-charge{ background: #53435E; position: relative;}
.super-box{padding: 30px 20px 20px 20px; margin-bottom: 20px; text-align: center; background: #2E0641; color: #E3E3E3;}
.super-box h3{padding-bottom: 20px;}
.super-charge-titl h4{ font-weight: 400;}
.super-box p{color: #E3E3E3;}
.btn-d-blue{background: #4E0073; color: #ffffff; border-radius: 0; padding: 10px 20px; margin-top: 15px;}
.btn-d-blue:hover{background: #00CC83; color: #ffffff;}
.sch-btn a{ color: #fff; text-decoration: underline;}
.sch-btn a:hover{ text-decoration: none;}
.sb-blue{ border-top: 3px solid #1B99DF;}
.sb-yellow{border-top: 3px solid #E7D10C;}
.sb-red{border-top: 3px solid #FF5C46;}

@media(min-width: 768px){
	.super-box{ padding: 30px; text-align: left; margin-bottom: 0px;}
}

@media(min-width: 992px){
    .super-box .equal-content{ min-height: 250px;}
}

/*********************One Community Section********************/
.one-community{background: #FFFBED;}
.community-box{background: #ffffff; padding:30px 20px; margin-top: 20px; position: relative;}
.community-box a{font-size: 16px; color:#000000; text-decoration: underline;}
.community-box a:hover{text-decoration: none;}
.community-box h4, .community-box p{margin-bottom: 20px;}
.one-community-titl h4{ font-weight: 400;}
.bg-border-orange{ border-top: 5px solid #EA7038;}
.bg-border-orange::before{content: ""; width: 40px; height: 5px; position: absolute; left: 0; top: -5px; background: #4E0073;}
.bg-border-yellow{border-top: 5px solid #F3B72D;}
.bg-border-red{ border-top: 5px solid #DC6973;}
.bg-border-blue{border-top: 5px solid #17CDDF;}
.bg-border-pink{border-top: 5px solid #F385B3;}
.bg-border-lblue{border-top: 5px solid #9ACBF9;}
.bg-border-lavendar{ border-top: 5px solid #B1B4FD;}
.bg-border-green{border-top: 5px solid #92CD31;}
.bg-border-lpink{border-top: 5px solid #FF9898;}

@media(min-width: 768px){
    .community-box {display: flex; flex-direction: column; justify-content: space-between;}
}

@media(min-width: 992px){
    .one-community{ padding: 85px 0px 150px;}
    .community-box{padding: 40px; margin-top: 40px;}
    .community-box a{font-size: 20px;}
}


/*****************Contact form slider section***************/
.home-contact-sec{ background: #FFFBED; position: relative; padding-bottom: 0px;}
.home-contact-form {background: #000000; padding: 30px 0px 50px 0px;}
.home-cform{ background: #000;}
.theme-form h2{ color: #ffffff; margin-bottom: 30px;}
.theme-form label{ color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 5px;}
.theme-form .form-control{ background: #000000; border: 1.25012px solid rgba(255, 255, 255, 0.4);  border-radius: 1.25012px;}
.theme-form .form-btn{background: #00CC83; border: 0; border-radius: 1.25012px; color: #ffffff; font-size: 15px; font-weight: 400; padding: 8px 50px;}
.theme-form .btn-light {background: transparent; border: 1px solid rgba(255, 255, 255, 0.4); font-size: 16px; color: #FFFBED;}
.theme-form .bootstrap-select.show-tick .dropdown-menu li a span.text {font-size: 16px !important;}

.home-cslid{ position: relative;}
.home-cslid .swiper { width: 100%;  height: 100%;}
.home-cslid .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
  }
.home-cslid .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.home-cslid .swiper-slide .container {position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.hireBox {background: #FFFFFF; border-radius: 0px 30px 0px 0px; padding: 10px 20px 0px 10px; position: absolute; top: 50px; right: 15px; 
    z-index: 101;}
.hireBox p{ font-size: 14px; line-height: 18px;}
.hireBox .loc{ position: relative; padding-left: 20px;}
.hireBox .loc:before{ content: url(../images/marker.svg); position: absolute; left: 0; top: 3px;}
.home-cslid .swiper-pagination {position: absolute; text-align: center;}
.home-cslid .swiper-pagination-bullet {width: 10px; height: 10px; background: #fff; opacity:1;}
.home-cslid .swiper-pagination-bullet-active{ background: #4E0073;}

@media(min-width: 992px){
    .theme-form h2{ font-size: 20px;}
    .home-contact-sec{ padding: 70px 0px 0px;}
    .home-contact-form {background: #000000; padding: 30px 20px 40px 20px; max-width: 467px; margin-left: auto;}
    .home-contact-form .col-md-12 {width: 50%;}
    .home-contact-form .col-md-12.col-full {width: 100%;}
    .home-cform{ position: absolute; top: 0; left: 0; right: 0; z-index: 9; background: unset;}
    .home-cslid .swiper-pagination {position: absolute; text-align: left; left: 15px !important; bottom: 20px !important;}
    .home-cslid .swiper-pagination-bullet {width: 16px; height: 16px;}
    .hireBox {border-radius: 0px 80px 0px 0px; padding: 40px 70px 20px 30px; position: absolute; top: 50px; left: 0px; right: unset;}
    .hireBox p{ font-size: 20px; line-height: 31px;}
    .home-contact-form input, .home-contact-form textarea, .home-contact-form .form-control{ color: #fff;}
    .home-contact-form .form-control::placeholder{ color: #fff;}
}

@media(min-width: 1200px){
    .theme-form h2{ font-size: 32px; margin-bottom: 30px;}
    .home-contact-form {max-width: 567px;  padding: 30px 40px 50px 40px;}
    .home-contact-form .col-md-12 {width: 100%;}
}
@media(min-width: 1440px){
    .home-cslid .swiper-slide img {width: 100%; height: 800px; object-fit: cover; object-position: top;}
}
@media(min-width: 1600px){
    .home-cslid .swiper-slide img {height: 850px;}
}

.contact-banner{ background: var(--theme-color); padding: 60px 0px 150px;}
.contact-page-form {padding: 30px 20px 50px 20px; background: #FFFBED; margin-top: -100px;
    border-top: 5px solid #00CC83;}
.cp-form h2{ color: #000; margin-bottom: 30px;}
.cp-form label{ color: #000; font-size: 15px; font-weight: 400; margin-bottom: 5px;}
.cp-form .form-control{ background: transparent; border: 1.25012px solid #BCBCBC;  border-radius: 1.25012px;}
.cp-form .form-btn{background: #00CC83; border: 0; border-radius: 1.25012px; color: #ffffff; font-size: 15px; font-weight: 400; 
    padding: 8px 50px;}
.cp-form .btn-light {background: transparent; border: 1px solid #BCBCBC; font-size: 16px; color: #000;}
.cp-form .bootstrap-select.show-tick .dropdown-menu li a span.text {font-size: 16px !important;}
.contact-right{ margin-top: 50px;}
.contact-right a{ color: #000;}
.contact-right ul{ padding: 0px 0px 0px 0px;}
.contact-page-addr{ margin-top: 30px;}
.contact-right h3{ padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #969696;}
.contact-right .csol li{ margin-bottom: 10px; list-style-type: none;}
.contact-right .csol li a{ color: #000; position: relative; display: block; padding-right: 60px;}
.contact-right .csol li a:after{ content: url(../images/ex-link.svg); position: absolute; right: 0; top: 0;}
.contact-page-community .img-content{ background: #00CC83;}
@media(min-width: 768px){
    .contact-page-addr .ftr-email, .contact-page-addr .ftr-phone{ font-size: 20px; padding-left: 40px;}
    .contact-right .csol li{ margin-bottom: 20px;}
    .contact-page-form .cp-form textarea{ height: 130px;}
    .contact-page-form .cp-form input{ height: 50px;}
    .contact-page-form .cp-form .btn-light{ height: 50px;}
    .contact-page-form .bootstrap-select .dropdown-toggle .filter-option {line-height: 32px;}
    .contact-page-form .form-control::file-selector-button {height:50px;}
    .contact-page-form .cp-form .form-btn{ padding: 12px 50px; font-size: 16px;}
}

@media(min-width: 1200px){
    .contact-page-form {padding: 30px 40px 50px 40px; margin-top: -100px; border-top: 10px solid #00CC83;}
}

/* Home Community section*/
.sec-community{ position: relative; background: #fff;}
.sec-com-btn .btn{ background: #4E0073; padding: 10px 30px; color: #fff; font-size: 18px; font-weight: 700;} 
.sec-community-txt{ max-width: 425px; margin: auto; text-align: center; position: relative; z-index: 99;}
.sec-community-txt h4{ font-weight: 400; margin: 20px 0px;}
.sec-community-inner{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}

@media(max-width: 991px){
    .com-1, .com-2{ display: none;} 
    .sec-community{ background: url(../images/home-community-bg-sm.jpg) no-repeat fixed center center; background-size: cover;}
    .sec-community-txt{ background: rgba(255, 255, 255, 0.8); padding: 10px;}
}

@media(min-width: 992px){
    .sec-community{ position: relative; height: 1500px; overflow: hidden;} 
    .com-1{ position: absolute; left: -100px; right: 0; text-align: center; top: 50px;}
    .com-2{ position: absolute; left: 0; right: 0; text-align: center; top:50px}
}

/* Role Pages */
.roles-banner{position: relative; color: #fff; padding-top: 30px;}
.roles-ban-bg{ background-color: #2E0641;}
.roles-banner .roles-banner-btn{ margin-top: 20px;}
.roles-banner .roles-banner-btn .btn{background: #D17042; border-radius: 8px; color: #fff;}
.roles-banner h3{color: #D17042; font-weight: 700;}
.roles-banner h1{ padding: 20px 0px; margin: 0;}

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

@media(max-width: 767px){
    .ux-research-banner{ background-size: 350px;}
    .roles-banner-text{padding-bottom: 270px;}
}

@media(min-width: 768px){
    .roles-banner{padding-top: 50px;}
    .roles-banner-text{padding-bottom: 50px;}
}

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

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

@media(min-width: 1200px){
    .roles-banner-text{ padding-left: 5%; padding-bottom: 50px;}
    .roles-banner .roles-banner-btn{ margin-top: 30px;}
}
@media(min-width: 1366px){
    .roles-banner-text{ padding-left: 5%; padding-bottom: 80px;}
}

@media(min-width: 1600px){
    .roles-banner{padding-top: 150px;}
    .roles-banner-text{padding-bottom: 150px;}
}

.why-hire{ position: relative;}
.why-hire-header{max-width: 840px; margin: auto;}
.why-hire-header h2{ margin-bottom: 30px;}
.why-hire-box{ background: #FFFBED; padding: 30px; margin-bottom: 20px;}
.why-hire-box h3{ margin-bottom: 30px;}

.why-hire-ux-researcher .why-hire-box{box-shadow: 10px 10px 0px 0px #A8400F;}

@media(min-width: 768px){
    .why-hire .why-hire-col{ display: flex; align-items: stretch;}
    .why-hire-box h3{ min-height: 60px;} 
}

@media(min-width: 992px){
    .why-hire-box{ padding: 30px; margin-bottom: 50px;}
}

.r3w-box{
    background: #fff; 
    border-bottom-color: #EBEBEB; 
    border-left-color: #EBEBEB; 
    border-right-color: #EBEBEB; 
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding: 30px;
    margin-bottom: 20px;
}
.r3w-box h3{ margin-bottom: 30px;}
.r3w-link a{ color: #000; text-decoration-line: underline;}
.r3w-link a:hover{ color: #000; text-decoration-line: none;}

.r3w-box.border-blue{ border-top-color: #1B99DF; border-top-width: 3px;}
.r3w-box.border-yellow{ border-top-color: #E7D10C; border-top-width: 3px;}
.r3w-box.border-red{ border-top-color: #FF5C46; border-top-width: 3px;}

@media(min-width: 768px){
    .r3w-box{ margin-bottom: unset;}
}

.why-work-wts{ position: relative; background: url(../images/roles/wts-top-bg.png) no-repeat center top; background-size: 100%;}
.why-work-wts-inner{ background: url(../images/roles/wts-btm-bg.png) no-repeat center bottom; background-size: 100%; padding-top: 100px; padding-bottom: 100px;}
.wts-titl{ position: relative; display: inline-block;}
.wts-titl:after{ content: url(../images/roles/titl-art.svg); position: absolute; right: 0px; left: 0; top: -68px;}
.wts-box{background: #F8F8F8; border-radius: 12px; padding: 20px; margin-bottom: 20px;}

@media(min-width: 768px){
    .wts-titl:after{ position: absolute; right: -65px; left: unset; top: -32px;}
    .wts-box{padding: 30px; margin-bottom: unset;}
}

@media(min-width: 992px){
    .wts-box p{ font-size: 20px; line-height: 28px; font-weight: 500;}
}

@media(min-width: 1366px){
    .why-work-wts{background-size: unset;}
    .why-work-wts-inner{ background-size: unset; padding-top: 170px; padding-bottom: 320px;}
    .wts-box p{ font-size: 22px; line-height: 30px;}
    
}

.ux-researcher-join-community .img-content{ background: #D17042;}


.roles-faq .accordion{ max-width: 1080px; margin: auto; border: 0;}
.roles-faq .accordion-item {border-bottom: 3px solid rgba(205, 214, 218, 0.25); border-top: 0; border-left: 0; border-right: 0; margin-bottom: 30px; padding-bottom: 20px;}
.roles-faq .accordion-item, .roles-faq .accordion-button{background: transparent; color: #000;}
.roles-faq .accordion-button{ padding:0px 40px 0px 0px; font-size: 18px; line-height: 22px; font-weight: 600; font-family: var(--font-main); 
position: relative;}
.roles-faq .accordion-body{ padding: 20px 0px 10px; color: #3C3C43; font-size: 16px;}
.roles-faq .accordion-button::after{ content: "+"; background-image: none; font-size: 30px; font-weight: 300; position: absolute; top: 0px;
right: 0;} 
.accordion-button:not(.collapsed)::after {content: "-"; background-image: none; transform: none; font-size: 30px; font-weight: 300;}
.roles-faq .accordion-item:nth-last-of-type(1){ border-bottom: 0 ;}

.roles-faq .accordion-item{counter-increment: step-counter !important; position: relative; padding-left: 40px;}
.roles-faq .accordion-item::before {content: "0"counter(step-counter)" "; position: absolute; left: 0; top: -3px; font-size: 22px; font-weight: 700;}

@media (min-width: 1200px) {
    .roles-faq .accordion-button{ padding:20px 20px 20px 0px; font-size: 24px;}
    .roles-faq .accordion-body{ font-size: 18px; padding-right: 30px;}
    .roles-faq .accordion-item{padding-left: 80px;}
    .roles-faq .accordion-item::before {left: 0; top: 0px; font-size: 38px;}
    .roles-faq .accordion-button::after{top: 20px;
        right: 0;}
}
@media (min-width: 1366px) {
    .roles-faq .accordion-button {padding-right: 50px;}
    .roles-faq .accordion-item{padding-left: 100px;}
    .roles-faq .accordion-item::before {left: 0; top: 0px; font-size: 48px;}
}

.roles--form {background: #FFFBED; border-top: 5px solid #291336; padding: 30px 20px; max-width: 1090px; margin: auto;}
.rf-title {position: relative; z-index: 2; margin: 30px 0px 10px;}
.rf-title:before{ content: ""; background: #000; height: 1px; width: 100%; position: absolute; left: 0; top: 15px; z-index: 1;}
.rf-title h3{ background: #FFFBED; position: relative; z-index: 3; display: inline-block; padding-right: 10px;}
.roles-form .form-btn{background: #291336; border: 0; border-radius: 1.25012px; color: #ffffff; font-size: 15px; font-weight: 400; padding: 8px 50px;}
.roles-form .btn-light {background: transparent; border: 1px solid #ced4da; font-size: 16px; color: #000;}
.roles-form .bootstrap-select.show-tick .dropdown-menu li a span.text {font-size: 16px !important;}
.roles-form .form-control{ background: #FFFBED; color: #000; border-radius: 0;}
.roles-form label{ margin-bottom: 5px;}
.roles-form textarea{ height: 100px;}
.add-btn{ position: relative; padding-left: 25px; margin-left: 10px;}
.add-btn:before{ content: url(../images/add.svg); position: absolute; left: 0; top: 3px;}
.add-btn a{ color: #000;}
.add-btn button{ background: none; border: 0; padding: 0;}
.trash-btn button{ background: none; border: 0; padding: 0;}
#talentdetails .trash-btn{ display: none;}
.roles--form #moretalent .row{ margin-bottom: 20px;}
.roles--form #moretalent .removebtn{ position: relative; top: 20px;}
.roles--form .form-select{ background-color: #FFFBED; border-radius: 0;}
select, option{ font-family: 'lato' !important;}

@media (min-width: 768px) {
    .roles--form{ padding: 30px; border-top: 15px solid #291336;}
    .rf-title h3{ padding-right: 20px;}
    .trash-btn{ position: relative; top: 10px;}
}

@media (min-width: 1200px) {
    .roles--form{ padding: 50px 80px 50px;}
    .roles-form textarea{ height: 150px;}
    .rf-title h3{ padding-right: 30px;}
}

/*Solutions Page*/

.sol-ban-bg{ background: #2E0641; color: #fff; text-align: center;}
.sol-ban-btn .btn{ border-radius: 13px;}
.contract-staffing .sol-ban-btn .btn{ background: #1B99DF; padding: 10px 20px; font-size: 16px;}
.contract-staffing h1 span{ color: #1B99DF; }
.solutions-banner p{ margin: 30px 0px;}

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

.on-demand-sol{ background: #A9D6EF;}
.ods-box{ background: #fff; border-radius: 32px; margin-bottom: 20px;}
.ods-txt{ text-align: center; padding: 30px 30px 0px; max-width: 728px; margin: auto;}
.ods-txt h3{ margin-bottom: 30px;}
.ods-box-top{ padding-bottom: 10px;}
.ods-box-btm-1 .ods-img{ padding: 0px 20px;}
.ods-btn{ margin: 20px 0px 0px; text-align: center;}
.ods-btn .btn{ background: #E0F0FB; margin: 10px 0px; padding: 10px 20px; box-shadow: 0px 18.9px 37.8px rgba(66, 66, 66, 0.18); border-radius: 10px; font-size: 16px;}

@media (min-width: 768px) {
    .ods-box-btm-1{ position: relative;}
    .ods-box-btm-1 .ods-img{ position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden;}
}

@media (min-width: 992px) {
    .ods-txt{ text-align: center; padding: 50px 30px 0px;}
    .ods-btn .btn{margin: 20px 0px; padding: 10px 40px; font-size: 18px;}
}

.odh-box{ margin-bottom: 20px; text-align: center;}
.odh-box h3{ font-weight: 400; margin-bottom: 20px;}
.odh-count{ border: 1px solid #000; height: 53px; width: 53px; border-radius: 100%; display: flex; align-items: center; 
    justify-content: center; font-size: 24px; margin:0px auto 20px;}

@media (min-width: 768px) {
    .odh-box{ margin-bottom: unset; text-align: unset;}
    .odh-count{margin: 0px 0 20px;}
}

@media (min-width: 992px) {
    .odh-box h3{ line-height: 31px;}
}

.sol-form-sec{ position: relative;}
.sol-form-content{ text-align: center; max-width: 1440px; margin: auto; position: relative; width: 100%; height: 100%;}
.sol-form-content img{ width: 100%; height: 100%; object-fit: cover; object-position: top;}
.sol-page-form{ margin-top: -80px; position: relative; z-index: 3;}

.sol-hireBox {background: #FFFFFF; border-radius: 0px 30px 0px 0px; padding: 10px 20px 0px 10px; position: absolute; top: 20px; right: 15px; 
    z-index: 3; text-align: left;}
.sol-hireBox p{ font-size: 14px; line-height: 18px;}
.sol-hireBox .loc{ position: relative; padding-left: 20px;}
.sol-hireBox .loc:before{ content: url(../images/marker.svg); position: absolute; left: 0; top: 3px;}

@media (min-width: 768px) {
    .sol-page-form{ margin-top: -200px;}
}

@media(min-width: 992px){
    .sol-hireBox {border-radius: 0px 80px 0px 0px; padding: 40px 70px 20px 30px; position: absolute; top: 15%; left: unset; right: 20%;}
    .sol-hireBox p{ font-size: 20px; line-height: 31px;}
    
}

@media (min-width: 1366px) {
    .sol-page-form{ margin-top: -300px; padding-bottom: 30px;}
}

.contract-staffing-join-community .img-content {background: #1B99DF;}
.contract-staffing-form.roles--form{ border-color: #1B99DF;}
.contract-staffing-form .roles-form .form-btn {background: #1B99DF;}

.hiring-business-banner{ padding: 60px 0px 150px;}
.hiring-business-form{ max-width: 840px; margin: auto;}
.hiring-business-banner h1{ margin: 10px 0px 30px;}
.hiring-business-banner h4{ font-weight: 500;}

.ui-ux-talent-banner{ padding: 60px 0px 150px;}
.ui-ux-talent-form{ max-width: 840px; margin: auto;}
.ui-ux-talent-banner h1{ margin: 10px 0px 30px;}
.ui-ux-talent-banner h4{ font-weight: 500;}

.thank-you-common{ color: #fff;}
.thank-you-common .thank-you-box a{ text-decoration: underline; color: #000;}
.thank-you-common .thank-you-box a:hover{ color: #FF5200;}
.pmss-btn a, .ph-btn a{ color: #000;}

.faq-tab.sticky-top{ top: 63px;}

/*Confetti burst*/
.winning-sec{ position: relative; overflow: hidden;}
.winning-sec .confetti-sec{display: none; position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 99;}
.winning-sec.enable .confetti-sec{ display: block !important;}
.confetti{max-width: 100%; height: 450px; margin: 0 auto; user-select: none; display: block;}    

@media (min-width: 992px) {
    .winning-sec{ position: relative;}
    .confetti{max-width: 1000px; height: 70%;}
}

/*Confetti burst end*/


.error-sec{ background: #F4F4F4;}
.error-sec .max-900{ max-width: 900px; margin-left: auto; margin-right: auto;}
.error-sec .btn-green{ background: #00CC83; color: #fff; font-weight: 500;}
.error-page .mlink.only-dropdown::after{ content: none !important;}
@media (min-width: 992px) {
   
}


.roles-faq{ display: none;}