.product-innerpage-banner .banner-text.emploeye-banner .right img{max-width: 100% !important;}
.emploeye-banner .orange-btn{background-color: transparent; border: 1px solid #6ab023; color: #000; font-size: 18px; padding: 12px 40px;}
.emploeye-banner .orange-btn svg path{fill: #000;}
.emploeye-banner .orange-btn img{ max-width: 120px; position: relative; top: -1px; margin-left: 8px;}
.employeye-blog h2 span{color: #6ab023 !important;}
.emploeye-banner p{max-width: 90%;}
.new-inner-banner-section .banner-text h1{color: #6ab023;}
.color-green{color: #6ab023;}
.trusted-company{padding-top: 70px;}
.trusted-company h2{font-size: 36px; font-family: 'Rubik'; font-weight: 600; color: #000; text-align: center; margin-bottom: 20px;}
.trusted-company p{font-size: 15px; color: #000; font-family: 'Poppins'; font-weight: normal; text-align: center; margin-bottom: 50px;}
.trusted-company ul{margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;}
.trusted-company ul li{list-style: none;}
.trusted-company ul li img{opacity: 30%; transition: 0.3s ease-in-out}
.trusted-company ul li img:hover{opacity: 100%;}
.employ-how-it-works{padding-top: 90px;}
.employ-how-it-works h2{font-size: 36px; font-family: 'Rubik'; font-weight: 600; color: #000; text-align: center; margin-bottom: 20px;}
.employ-how-it-works p{font-size: 15px; color: #000; font-family: 'Poppins'; font-weight: normal; text-align: center; margin-bottom: 30px;}
.employ-how-it-works .marquee1 { animation-name: marquee1;}
.employ-how-it-works .marquee2 { animation-name: marquee2;}
@keyframes marquee1 { 0% { left: 0; } 100% {left: -100%;}}
@keyframes marquee2 { 100% { left: 0; } 0% {left: -100%;}}
.employ-how-it-works .marquee-block { animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; display: flex; width: 100%; justify-content: space-between; position: relative;}
.employ-how-it-works .marquee-item-list{display: inline-flex; margin: 0;}
.employ-how-it-works .marquee-item-list li{font-family: 'Poppins'; font-weight: 500; padding: 14px 30px; margin-right: 30px; color: #000; font-size: 16px; white-space: nowrap; background-color: #fff; display: flex; align-items: center; margin-bottom: 20px; border-radius: 8px; border: 1px solid #ccc;}
.employ-how-it-works .marquee-item-list li img{margin-right: 8px;}
.employ-dashbord{padding-top: 70px;}
.employ-dashbord h2{font-size: 36px; font-family: 'Rubik'; font-weight: 600; color: #000; margin-bottom: 20px; max-width: 85%;}
.employ-dashbord p{font-size: 15px; color: #000; font-family: 'Poppins'; font-weight: normal; margin-bottom: 30px; max-width: 90%;}
.employ-dashbord .employ-green-btn{background-color: #6ab023; color: #fff; display: inline-block; border-radius: 50px; font-size: 16px; font-family: 'Poppins'; font-weight: 600; padding: 11px 45px;}
.employ-dashbord .employ-green-btn:hover{background-color: #004489; text-decoration: none;}
.employ-dashbord .employ-green-btn img{margin-left: 8px; position: relative; top: -2px;}
.employ-dashbord .small-title{display: inline-block; font-size: 14px; background-color: #004489; color: #fff; border-radius: 5px; padding: 6px 20px; text-align: center; font-family: 'Poppins'; font-weight: 500; margin-bottom: 20px;}
.employ-dashbord .row{margin-bottom: 70px; align-items: center;}
.employ-dashbord .row-reverse .col-lg-5{text-align: end;}
.employ-dashbord .row-reverse h2, .employ-dashbord .row-reverse p{margin-left: auto;}
.employ-features{padding-top: 40px;}
.employ-features h2{font-size: 36px; font-family: 'Rubik'; font-weight: 600; color: #000; margin-bottom: 20px; text-align: center;}
.employ-features p.title-text{font-size: 15px; color: #000; font-family: 'Poppins'; font-weight: normal; margin-bottom: 30px; text-align: center;}
.employ-features .feature-box h3{font-family: 'Poppins'; font-weight: 600; margin: 15px 0; font-size: 18px; color: #6ab023;}
.employ-features .feature-box p{font-size: 15px; color: #000; font-family: 'Poppins'; font-weight: normal; margin-bottom: 0;}
.employ-features .feature-box{background-color: #fff; height: 100%; box-shadow: 0 0 5px -2px #000; border-radius: 15px; padding: 30px;}
.employ-features .col-lg-4{margin-bottom: 30px;}
.employ-faq{padding-top: 40px; padding-bottom: 30px;}
.employ-faq h2{font-size: 36px; font-family: 'Rubik'; font-weight: 600; color: #000; margin-bottom: 20px; text-align: center;}
.employ-faq .card{border: 0; background-color: transparent; border-radius: 0;}
.employ-faq .card .card-header{background-color: transparent; border: 0; border-radius: 0; padding: 0 !important;}
.employ-faq .card .card-header button{font-size: 18px !important; position: relative; font-family: 'Poppins'; font-weight: 600; color: #6ab023; padding: 25px 0 !important; padding-right: 40px !important;}
.employ-faq .card .card-body{padding: 0; padding-right: 40px;}
.employ-faq .card .card-body p{font-family: 'Poppins';font-weight: normal; font-size: 15px;}
.employ-faq .card .card-header button.collapsed{color: #000;}
.employ-faq .card .card-header button::after{display: none !important;}
.employ-faq .card .card-header button.collapsed::before{content: ''; position: absolute; right: 0; top: 26px; background: url('../product/product-img/faq-plus.png') no-repeat; height: 22px; width: 22px; background-size: 22px;}
.employ-faq .card .card-header button::before{content: ''; position: absolute; right: 0; top: 37px; background: url('../product/product-img/green-minus.svg') no-repeat; height: 20px; width: 20px; background-size: 20px;}


@media(max-width:1399px){
    .trusted-company ul li img { max-width: 200px;}
    .trusted-company ul { justify-content: center; gap: 80px;}
}
@media(max-width:991px){
    .trusted-company ul li img { max-width: 180px;}
    .trusted-company ul { gap: 50px;}
    .employ-dashbord .employ-green-btn { margin-bottom: 30px;}
    .employ-dashbord .row-reverse{flex-direction: column-reverse;}
    .employ-dashbord .row-reverse .col-lg-5 { text-align: left;}
    .employ-dashbord .row-reverse h2, .employ-dashbord .row-reverse p { margin-left: 0;}
    .product-employeye .new-inner-first-section .mt-60 { margin-top: 0px;}
}
@media(max-width:767px){
    .product-employeye .product-innerpage-banner { height: 700px !important; padding-bottom: 100px;}
     .new-inner-first-section .mt-60{margin-top: 0 !important;}
    .emploeye-banner p { max-width: 100%;}
    .trusted-company h2, .employ-how-it-works h2, .employ-features h2 { font-size: 26px;}
    .trusted-company ul { gap: 15px;}
    .trusted-company ul li img { max-width: 100px;}
    .trusted-company p { margin-bottom: 30px;}
    .employ-how-it-works { padding-top: 60px;}
    .employ-how-it-works .marquee-item-list li { padding: 10px 20px; font-size: 14px; margin-bottom: 15px;}
    .employ-dashbord h2 { font-size: 26px; max-width: 100%;}
    .employ-dashbord p { max-width: 100%;}
    .employ-dashbord .employ-green-btn { font-size: 14px; padding: 10px 30px;}
    .employ-features { padding-top: 0px;}
    .employ-features .feature-box { padding: 20px;}
    .employ-faq h2 { font-size: 26px; margin-bottom: 0px;}
    .employ-faq .card .card-header button { font-size: 15px !important; padding: 15px 0 !important; padding-right: 30px !important;}
    .employ-faq .card .card-header button.collapsed::before { top: 20px; height: 16px; width: 16px; background-size: 16px;}
    .employ-faq .card .card-header button::before { top: 26px; height: 15px; width: 15px; background-size: 15px;}
    .employ-dashbord .row .col-lg-5 { text-align: center;}
    .employ-faq .card .card-body p { text-align: justify;}
    .employ-features .feature-box img { max-width: 60px;}
    .employ-faq .card .card-body { padding-right: 0;}
}