*,body{margin:0;padding:0;outline:0}#wrapper,.about-banner,.about-internal,.postimage,.xyz{position:relative}.sec-2 h3::after,.sec-5 h3::after{bottom:14px;height:2px;background:0 0}.ftr_btm,#sidebar #block-5 li,#sidebar #block-6 li,.ftr_scl,.pricebox ul{list-style:none}.clear,.ftr_btm{clear:both}.panel,.tab{overflow:hidden}html{scroll-behavior:smooth}img{max-width:100%}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}a:hover{text-decoration:none}body{font-weight:400;color:#444;background:#f5f5f5;overflow-x:hidden!important}#sidebar #block-4,.accordion input[type=radio],.accordion__radio,.comment-form-cookies-consent,.custom_radio input[type=radio],.dwnld-table th,.ftr_tp .tnp-field label,.mobile-menu,.mobile-menu .toggle,.price-fr-mobile,.pricing-table.mobile,.sc6,.single-mailpoet_page .footer-nav-widgets-wrapper{display:none}a:focus{outline:0!important}.vert-move{-webkit-animation:1s infinite alternate mover;animation:1s infinite alternate mover;cursor:pointer}.container-fluid{padding:0 25px;width:100%}@keyframes mover{0%{transform:translate(0)}100%{transform:translateY(-10px)}}.hdr_sec{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:99999;box-shadow:0 2px 6px 0 #000}.logged-in .hdr_sec{top:31px}.hdr_sec .logo{max-width:204px}.hdr_sec .row{align-items:center;min-height:70px}.slider_btn a{background:#091d25;color:#fff;padding:9px 10px 7px;min-width:130px;text-align:center;border-radius:100px;text-transform:uppercase;border:2px solid #091d25;font-size:15px;margin-right:15px}.slider_btn a:first-child{background:0 0;color:#091d25}.slider_btn a:hover{background:#091d25;color:#fff}.slider_text h3{color:#091d25;font-size:45px;text-transform:capitalize;line-height:60px;margin-bottom:50px}.slider_text h3 span{display:block;color:#32ff7e;padding:0;text-transform:capitalize;margin:0;border-right:2px}.sec-5 .but,.sec-heading,.sidenav a,body .mlt-tabbtn button{text-transform:uppercase}.sidenav{height:100%;width:245px;position:fixed;z-index:1;top:122px;left:0;background-color:#f3f3f3;overflow-x:hidden;padding:0;border-right:1px solid #ddd}.sidenav a{text-decoration:none;font-size:13px;color:#222;display:block;border-bottom:1px solid #ddd;padding:13px 12px}.sidenav a:hover{color:#2095f1}.sidenav a i{float:right;font-size:17px}.page-id-166{background:url(../images/texture.png) #f2fafd}#myDIV .scplan,#sidebar h2,.sc3 .card-body{border-bottom:1px solid #ddd}.contact-div{padding:100px 0 0;width:100%;float:left}.slider .slider_text h1{font-weight:800;font-size:43px;line-height:50px;color:#091d25;margin-bottom:10px}.slider .slider_text p{margin:0 0 25px!important;color:#333;font-weight:400}.slider .slider_text a,a.join-us-btn{background:#fff;color:#32ff7e;font-size:14px;font-weight:500;border-radius:5px;padding:12px 20px 10px;line-height:normal}.sc1 .but a,.sc2 .but a,.sc7 .but a,.sc8 .but a{padding:10px 25px 8px;display:inline-block;transition:.4s;font-size:14px}.sc2 li,.sc4 li{padding-left:25px}.slider .slider_text a:first-child:hover,.slider .slider_text a:hover{background:#32ff7e;color:#fff;border:2px solid #32ff7e}.sc1{padding:70px 0 0;}.sc1 h3,.sc8 h3{font-weight:900;font-size:35px;line-height:normal;margin:0 0 10px}.all-heading span,.sc1 h3 span,.sc4 h3 span,.sc5 h3 span,.sc7 h3 span,.sc8 h3 span{color:#32ff7e}.sc1 p,.sc2 li,.sc8 p{text-align:justify;color:#333}.sc1 p,.sc8 p{font-size:17px;line-height:25px;margin:0 0 25px}.sc1 .but a,.sc7 .but a,.sc8 .but a{font-weight:600;border-radius:5px}.accordion{background:0 0;color:#444;cursor:pointer;padding:0;border:none;text-align:left;outline:0;font-size:15px;transition:.4s}.accordion .card .btn{background:0 0;width:100%;text-align:left;position:relative;padding-right:30px;color:#555}.accordion .card .btn i{position:absolute;right:10px;top:10px;font-size:12px}.accordion .card p{margin:0 0 10px}.banner-text,.sidenav1{height:100%;left:0;top:0}#mobile-navbr ul li a,.sidenav1 a.mob-anchor-tag{padding:16px 20px;letter-spacing:.84px;color:#fff}.sc3 .card-body{padding:15px 15px 5px;background:#000}#myDIV{width:100%;padding:0;margin-top:0;display:none}#myDIV .scplan{padding:5px 0 60px!important;margin:0;background:#eee}.banner-text{position:absolute;bottom:0;width:100%;right:0;display:flex;align-items:center}.sidenav1{width:0;position:fixed;z-index:999;background:#fff;overflow-x:hidden;transition:.5s;padding-top:0}.sidenav1 a{padding:12px 20px;text-decoration:none;font-size:16px;color:#fff;display:block;transition:.3s;text-align:left}.sidenav1 a.mob-anchor-tag:first-child{margin-top:10px;color:red}.sidenav1 a.mob-anchor-tag{font-size:17px;border-bottom:1px solid #edededab;font-weight:500}.sidenav1 a.mob-anchor-tag i{font-size:16px;color:#32ff7e;width:25px}.sidenav1 .closebtn{position:absolute;top:-6px;right:14px;font-size:36px;margin-left:0;border:none}@media screen and (max-height:450px){.sidenav,.sidenav1{padding-top:15px}.sidenav a,.sidenav1 a{font-size:18px}}.content-page{padding:100px 0 45px;min-height:calc(100vh - 50px)}.blog-box{background:#fff;padding:0;text-align:left;transition:.5s}.blog-box h2{font-size:25px;margin:10px 0 0;min-height:90px;color:#3f4a56;font-weight:600;line-height:26px}.blog-box p{font-size:14px;line-height:22px;margin:0 0 10px}.blog-box a.read_more{color:#32ff7e;border:1px solid #32ff7e;padding:5px 20px;margin:10px 0;border-radius:50px;transition:.5s}.blog-detail{padding:100px 0 40px}.blog-detail-hedr{padding:100px 0 2px}.blog-detail-archive{padding:30px 0 40px}.blg-title,.related-blog h3.heading{padding:5px 0 20px;position:relative}.blog-detail-archive>.container>article{margin-bottom:40px}.blog-detail-archive>.container,.blog-detail>.container{background:#fff;padding:30px}.blog-detail-hedr>.container{background:#fff;padding:15px 30px}.blog-detail-hedr>.container>header>h1{font-size:28px}.blog-box:hover{box-shadow:0 0 10px 5px #000;cursor:pointer}#mobile-navbr{position:relative;margin:0;width:100%}#mobile-navbr ul{list-style:none;margin:0;padding:0}#mobile-navbr ul li a{font-size:15px;border-bottom:1px solid #edededab;font-weight:500;display:block;text-decoration:none;-webkit-transition:.2s linear;-moz-transition:.2s linear;-ms-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}#mobile-navbr ul li a:hover{background:#f8f8f8;color:#515151}#mobile-navbr ul li a .fa.dropdown-mb{width:16px;text-align:center;margin-right:5px;color:#525151;float:right}#mobile-navbr ul li a .fa{width:16px;text-align:center;color:#32ff7e;margin-right:12px}#mobile-navbr ul ul{background-color:#ebebeb}#mobile-navbr ul li ul li a{background:#f8f8f8;border-left:4px solid #fff0;padding:10px 20px}#mobile-navbr ul li ul li a:hover{background:#ebebeb;border-left:4px solid #3498db}
/*Resumne-assesment */
/* ================================
COMMON RESET / FIX
================================ */
h2, h3, h4 {
margin-bottom: 12px;
}
p {
margin-bottom: 16px;
}
ul {
margin-top: 0;
padding-left: 18px;
}
li {
line-height: 1.6;
}
.gradient-text {
background: linear-gradient(90deg, #a700ff, #8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ================================
TOP SECTION (UNCHANGED)
================================ */
.resume-assessment-section{
padding: 90px 0 60px;
position: relative;
width: 100%;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-cndt-1.webp) no-repeat center;
background-size: cover;
}
.resume-assessment-title{
font-size: 40px;
font-weight: 700;
line-height: 1.2;
}
.resume-assessment-title span{
color: #8105B2;
}
.resume-assessment-description{
font-size: 16px;
color: #535353;
max-width: 420px;
margin-bottom: 40px;
}
.resume-assessment-btn{
background: linear-gradient(90deg,#7F05AF,#350249);
color:#fff;
padding: 14px 35px;
border-radius: 20px;
font-size: 18px;
font-weight:600;
border:none;
display: inline-block;
text-decoration: none;
transition: 0.3s ease-in-out;
}
.resume-assessment-btn:hover{
background:#fff;
color:#000;
border:1px solid #000;
}
/* ================================
YOUR RESUME SECTION
================================ */
.your-resume-section{
padding: 80px 0 60px;
background:#fff;
}
.your-resume-section h2{
font-size: 34px;
font-weight: 600;
}
.your-resume-section p{
font-size: 16px;
color: #535353;
}
.your-resume-list li{
font-size: 16px;
color: #535353;
margin-bottom: 8px;
}
.your-resume-image-box img{
width:100%;
height:auto;
}
/* ================================
INTERVIEW CALLS SECTION
================================ */
.interview-calls-section{
padding: 80px 0 60px;
}
.interview-calls-title{
font-size: 34px;
font-weight: 600;
line-height: 1.3;
}
.interview-calls-text{
font-size: 16px;
color: #535353;
}
.interview-calls-list li{
font-size: 16px;
color: #535353;
margin-bottom: 8px;
}
.interview-calls img{
width:100%;
max-width:420px;
border-radius:20px;
}
.purple-text{
background: linear-gradient(90deg,#a100ff,#8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* BOTH LISTS SAME LEFT ALIGN */
.your-resume-list,
.interview-calls-list{
padding-left: 0;
margin-left: 0;
}
/* LIST ITEMS */
.your-resume-list li,
.interview-calls-list li{
list-style-position: outside;
margin-left: 20px; /* bullet ke liye */
padding-left: 0;
text-align: left;
font-size: 15px;
line-height: 20px;
color: #535353;
}
/* MOBILE FIX */
@media(max-width:768px){
.your-resume-list li,
.interview-calls-list li{
margin-left: 18px;
font-size: 14px;
}
}
/* ================================
RESUME CHECKER SECTION
================================ */
.resume-checker-section{
padding: 80px 0 90px;
}
.resume-checker-title,
.resume-checker-title-head{
font-size: 34px;
font-weight: 600;
}
.resume-checker-card{
text-align:center;
padding:20px 10px;
}
.resume-checker-icon{
width:70px;
height:70px;
margin:0 auto 25px;
border-radius:16px;
background:linear-gradient(145deg,#8105B2,#7500b8);
display:flex;
align-items:center;
justify-content:center;
}
.resume-checker-img-box img{
width:32px;
height:32px;
}
.resume-checker-card-title{
font-size:20px;
font-weight:600;
}
.resume-checker-card-desc{
font-size:16px;
line-height:1.6;
}
.resume-checker-solu-btn{
background: linear-gradient(90deg,#7F05AF,#350249);
color:#fff;
padding:14px 35px;
border-radius:30px;
font-size:18px;
border:none;
display:inline-block;
margin-top:40px;
}
/* ================================
EVERYTHING RESUME SECTION
================================ */
.everything-resume{
background:#f7f7f7;
}
.everything-resume-heading{
font-size:30px;
font-weight:600;
margin-bottom:60px;
}
.everything-resume-wrapper{
position:relative;
min-height:520px;
}
.everything-resume-image{
width:50%;
margin-left:auto;
border-radius:22px;
overflow:hidden;
}
.everything-resume-badge{
position:absolute;
bottom:20px;
right:20px;
background:#c9f3ff;
padding:12px 16px;
border-radius:12px;
font-size:14px;
}
.everything-resume-box{
position:absolute;
left:0;
top:47%;
transform:translateY(-50%);
background:#fff;
padding:34px;
border-radius:22px;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
width:600px;
z-index:5;
}
.everything-resume-box h5{
font-size:22px;
font-weight:600;
margin-bottom:20px;
}
.everything-resume-box p{
font-size:14px;
line-height:1.6;
}
.everything-item{
display:flex;
align-items:center;
gap:8px;
font-size:15px;
margin-bottom:8px;
}
/* ================================
TABLET RESPONSIVE
================================ */
@media(max-width:991px){
.everything-resume-wrapper{
display:flex;
flex-direction:column;
gap:30px;
}
.everything-resume-image,
.everything-resume-box{
width:100%;
position:static;
transform:none;
}
}
/* ================================
MOBILE RESPONSIVE
================================ */
@media (min-width: 768px) and (max-width: 914px){
section{
text-align:left;
}
.resume-assessment-title{
font-size:28px;
text-align:left;
margin-top:20px;
}
.your-resume-section h2,
.interview-calls-title,
.everything-resume-heading{
font-size:26px;
text-align:left;
}
.resume-checker-title-head,
.resume-checker-title{
font-size:26px;
}
p, li{
font-size:15px;
}
ul{
text-align:left;
margin:0 auto;
max-width:90%;
}
}
/* ================================
SMALL MOBILE (320px)
================================ */
@media(max-width:480px){
.resume-assessment-title{
font-size:24px;
}
.your-resume-section h2,
.interview-calls-title,
.resume-checker-title{
font-size:24px;
}
p, li{
font-size:14px;
}
.everything-item {
justify-content: flex-start;
text-align: left;
}
.resume-checker-title,
.resume-checker-title-head{
font-size: 26px;
font-weight: 600;
}
}
/* one-pager */
.hero-section{
padding: 120px 0 60px;position: relative;width: 100%;height: auto;background-size: cover !important;background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-cndt-1.webp) no-repeat center center;
}
.hero-title{
font-size: 40px;
font-weight: 700;
line-height: 1.2;
}
.hero-title span{
color: #8105B2;
}
.hero-description{
font-size: 16px;
color: #535353;
max-width: 420px;
margin-bottom:40px;!important
}
.hero-btn{
background: linear-gradient(90deg,#7F05AF,#350249);
color:#fff;
padding: 14px 35px;
border-radius: 20px;
font-size: 18px;
border:none;
font-weight:600;
display: inline-block;
text-decoration: none; /* If used on tag */
transition: 0.3s ease-in-out;
}
.hero-btn:hover {
background: #fff; /* Background white on hover */
color: #000; /* Text black */
cursor: pointer;
border:1px solid #000;
}
.resume-section {
padding: 80px 0;
background-color: #f5f5f5;
}
.resume-section h2 {
font-size: 36px;
font-weight: 600;
}
.resume-section p {
font-size: 16px;
color: #535353;
margin: 20px 0;
}
.resume-ignore-section {
padding: 80px 0 60px;position: relative;width: 100%;height: auto;background-size: cover !important;background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/why-use-ai-banner.webp) no-repeat center center;
}
.resume-left-placeholder img {
width: 70%;
height: auto;
border-radius: 20px;
}
.resume-heading {
font-size: 38px;
font-weight: 600;
line-height: 1.3;
}
.purple-text {
background: linear-gradient(90deg, #a100ff, #8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.resume-text {
font-size: 16px;
color: #535353;
line-height: 1.7;
}
/* Section base */
.why-onepager-section {
background: #ffffff;
}
.why-title {
font-size: 36px;
font-weight: 600;
}
.gradient-text {
background: linear-gradient(90deg, #a700ff, #8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.why-card {
text-align: center;
padding: 10px;
}
.img-box {
width: 70px;
height: 70px;
margin: 0 auto 30px;
border-radius: 16px;
background: linear-gradient(145deg, #8105B2, #7500b8);
box-shadow: 0 10px 15px #8a3ba9;;
display: flex;
justify-content: center;
align-items: center;
}
.img-box img {
width: 32px;
height: 32px;
}
.why-card-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.why-card-desc {
font-size: 15px;
color: #535353;
line-height: 1.5;
}
.features-section-Advance {
background: #fdfbff;
}
.feature-title-Advance {
font-size: 38px;
font-weight: 600;
line-height: 1.2;
color:#303030;
}
.feature-desc {
color: #535353;
font-size: 16px;
max-width: 450px;
}
.feature-item {
font-size: 16px;
color: #535353;
margin-bottom: 12px;
display: flex;
align-items: center;
}
.tick-icon {
width: 20px;
height: 20px;
margin-right: 8px;
}
.feature-btn {
background: linear-gradient(90deg,#7F05AF,#350249);
color: #fff;
padding: 14px 10px;
border-radius: 30px;
font-size: 17px;
border: none;
display: inline-block;
text-decoration: none; /* If used on tag */
transition: 0.3s ease-in-out;
}
.feature-btn {
margin-top: auto; /* magic line */
}
.feature-btn:hover {
background: #fff; /* Background white on hover */
color: #000; /* Text black */
cursor: pointer;
border:1px solid #000;
}
.job-card {
background: #fff;
border-radius: 18px;
padding: 30px;
border: 2px solid #f3c5ff;
box-shadow: 0 8px 25px rgba(180, 80, 255, 0.15);
min-height: 260px;
position: relative;
}
.empty-text {
color: #bbb;
font-size: 14px;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
@media(max-width: 992px) {
.hero-title, .feature-title {
font-size: 32px;
}
.hero-description {
font-size: 15px;
max-width: 100%;
}
.percent-box {
width: 55%;
}
}
@media(max-width: 768px) {
.hero-section {
text-align: center;
}
.hero-title {
font-size: 28px;
padding-top: 20px;
}
.hero-btn {
padding: 12px 30px;
font-size: 16px;
}
.percent-box {
width: 60%;
margin: 20px auto 0;
padding: 18px;
}
.resume-section {
text-align: center;
}
.resume-image-box {
height: 300px;
margin-top: 25px;
}
.resume-heading {
font-size: 28px;
text-align: center;
}
.resume-text {
text-align: center;
font-size: 15px;
}
.why-title , .feature-title {
font-size: 28px;
}
.img-box {
width: 60px;
height: 60px;
margin-bottom: 20px;
}
.why-card-title {
font-size: 18px;
}
.why-card-desc {
font-size: 14px;
}
.feature-desc {
max-width: 100%;
text-align: center;
}
.feature-item {
justify-content: center;
}
.feature-btn {
padding: 12px 30px;
font-size: 16px;
}
.job-card {
min-height: 200px;
margin-top: 30px;
}
}
@media(max-width: 480px) {
.hero-title {
font-size: 24px;
line-height: 1.3;
}
.hero-btn {
padding: 10px 25px;
font-size: 15px;
}
.percent-box {
width: 75%;
font-size: 14px;
}
.percent-box h3 {
font-size: 22px !important;
}
.resume-image-box {
height: 240px;
}
.why-title,.feature-title {
font-size: 24px;
}
.feature-item {
font-size: 14px;
}
}
/*Skill-upgrade */
.ai-skill-gap-section{
padding: 120px 0 60px;position: relative;width: 100%;height: auto;background-size: cover !important;background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-cndt-1.webp) no-repeat center center;
}
.ai-skill-gap-title{
font-size: 40px;
font-weight: 700;
line-height: 1.2;
}
.ai-skill-gap-title span{
color: #8105B2;
}
.ai-skill-gap-description{
font-size: 16px;
color: #535353;
max-width: 420px;
}
.ai-skill-gap-btn{
background: linear-gradient(90deg,#7F05AF,#350249);
color:#fff;
padding: 14px 35px;
border-radius: 20px;
font-size: 18px;
border:none;
font-weight:600;
display: inline-block;
text-decoration: none; /* If used on tag */
transition: 0.3s ease-in-out; /* Smooth hover animation */
}
.ai-skill-gap-btn:hover {
background: #fff; /* Background white on hover */
color: #000; /* Text black */
cursor: pointer;
border:1px solid #000;
}
.no-clarity-section {
padding: 80px 0;
background-color: #f5f5f5;
}
.no-clarity-section h2 {
font-size: 36px;
font-weight: 600;
}
.no-clarity-section p {
font-size: 16px;
color: #535353;
margin: 20px 0;
}
.hard-to-know-section {
padding: 90px 0 60px;position: relative;width: 100%;height: auto;background-size: cover !important;background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/why-use-ai-banner.webp) no-repeat center center;
}
.hard-to-section .row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.content-column {
padding-left: 50px !important;
}
.hard-to-know-left-placeholder img {
width: 100%;
height: auto;
border-radius: 20px;
}
.hard-to-know-heading {
font-size: 36px;
font-weight: 600;
line-height: 1.3;
}
.purple-text {
background: linear-gradient(90deg, #a100ff, #8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hard-to-know-text {
font-size: 16px;
color: #535353;
line-height: 1.7;
}
/* Section base */
.talentanywhere-solution-section {
background: #ffffff;
}
.talentanywhere-solution-title {
font-size: 36px;
font-weight: 600;
}
.gradient-text {
background: linear-gradient(90deg, #a700ff, #8105B2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.talentanywhere-solution {
text-align: center;
padding: 10px;
}
.talentanywhere-solution-icon-box {
width: 70px;
height: 70px;
margin: 0 auto 30px;
border-radius: 16px;
background: linear-gradient(145deg, #8105B2, #7500b8);
box-shadow: 0 10px 15px #8a3ba9;;
display: flex;
justify-content: center;
align-items: center;
}
.talentanywhere-solution-icon-box img {
width: 32px;
height: 32px;
}
.talentanywhere-solution-card-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.talentanywhere-solution-desc {
font-size: 15px;
color: #535353;
line-height: 1.5;
}
.talent-solu-btn{
background: linear-gradient(90deg,#7F05AF,#350249);
color:#fff;
padding: 14px 35px;
border-radius: 30px;
font-size: 18px;
border:none;
width: auto;
display: inline-block;
text-align: center;
margin-top: 40px;
font-weight:600;
}
.talent-solu-btn:hover {
background: #fff;
color: #000;
cursor: pointer;
border:1px solid #000;
}
/* Full width background image */
.last-human-section{
padding: 90px 0 60px;position: relative;width: 100%;height: auto;background-size: cover!important;background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/human-bg.webp) no-repeat center center;
}
.last-human-content-box {
background: linear-gradient(
135deg,
#7f129873,
rgba(124, 9, 142, 0.41)
);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
font-size: 20px;
width: 68%!important;
border-radius: 20px;
color: #fff;
box-shadow: 0 0 25px rgba(0,0,0,0.4);
border: 1px solid rgba(255,255,255,0.2);
padding: 30px 25px!important; /* ADD THIS */
}
.last-human-content-box h3{
font-size: 30px!important;
font-weight:600;
}
.last-human-content-box p{
font-size: 16px!important;
line-height:1.7rem
font-weight:none;
}
.last-human-content-box .Everything-item{
font-size: 14px!important;
line-height:2.9rem;
color:#ffff;
}
/* ---------------------------
MOBILE STYLES
---------------------------- */
@media (max-width: 992px) {
.last-human-bg {
padding: 40px 50px 40px 50px;
}
.last-human-content-box {
width: 100%;
padding: 10px;
margin: 0 auto;
border-radius: 15px;
}
.last-human-content-box h3 {
font-size: 1.5rem;
}
.last-human-content-box p,
.last-human-content-box {
font-size: 0.9rem;
}
.last-human-content-box .feature-item {
margin-bottom: 8px;
}
}
@media (max-width: 767px) {
.last-human-bg {
padding: 40px 50px 40px 50px; /* Top/Bottom same, left/right 0 */
}
.last-human-content-box {
width: 100%; /* Full width on mobile */
padding: 10px; /* Mobile friendly padding */
margin: 0 auto; /* Center horizontally */
border-radius: 15px;
}
.last-human-content-box h3 {
font-size: 1.5rem;
}
.last-human-content-box p,
.last-human-content-box .feature-item {
font-size: 0.9rem;
}
.last-human-content-box .feature-item {
margin-bottom: 8px;
}
}
/* Extra small mobile devices */
@media (max-width: 320px) {
.last-human-bg {
padding-left: 20px!important; /* Left gap remove */
padding-right: 20px; /* Right side thoda spacing for content */
}
.last-human-content-box {
width: 95%; /* Mobile me box almost full width */
padding: 15px; /* Mobile friendly padding */
margin: 0 auto; /* Center horizontally */
}
.last-human-content-box h3 {
font-size: 1.4rem;
}
.last-human-content-box p,
.last-human-content-box .feature-item {
font-size: 0.85rem;
}
}
@media(max-width: 992px) {
.ai-skill-gap-title {
font-size: 32px;
}
.ai-skill-gap-description {
font-size: 15px;
max-width: 100%;
}
}
@media(max-width: 768px) {
.ai-skill-gap-section {
text-align: center;
}
.ai-skill-gap-title {
font-size: 28px;
padding-top: 20px;
}
.ai-skill-gap-btn {
padding: 12px 30px;
font-size: 16px;
}
.no-clarity-section {
text-align: center;
}
/* .resume-image-box {
height: 300px;
margin-top: 25px;
} */
.hard-to-know-heading {
font-size: 28px;
text-align: center;
}
.hard-to-know-text {
text-align: center;
font-size: 15px;
}
.talentanywhere-solution-title {
font-size: 28px;
}
.icon-box {
width: 60px;
height: 60px;
margin-bottom: 20px;
}
.talentanywhere-solution-card-title {
font-size: 18px;
}
.talentanywhere-solution-desc {
font-size: 14px;
}
.job-card {
min-height: 200px;
margin-top: 30px;
}
}
@media(max-width: 480px) {
.ai-skill-gap-title {
font-size: 24px;
line-height: 1.3;
}
.ai-skill-gap-btn {
padding: 10px 25px;
font-size: 15px;
}
/* .resume-image-box {
height: 240px;
} */
.talentanywhere-solution-title{
font-size: 24px;
}
}
/* ================= SHORTLISTER HERO ================= */
.shortlister-hero {
padding: 120px 0;
background: #ffffff;
position: relative;
background-size: cover !important;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-cndt-1.webp) no-repeat center center;
width: 100%;
height: auto;
}
/* ================= TEXT ================= */
.shortlister-title {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
color: #000;
margin-bottom: 20px;
min-height: 100px;
}
.shortlister-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
margin-bottom: 30px;
}
/* ================= BUTTON ================= */
.shortlister-btn {
background: linear-gradient(180deg, #8A0FC5, #4B0073);
color: #fff;
padding: 16px 36px;
border-radius: 20px;
font-size: 18px;
font-weight: 600;
border: none;
transition: all 0.3s ease;
}
.shortlister-btn:hover {
background: #fff;
color: #303030;
border:1px solid#303030;
transform: translateY(-2px);
}
/* ================= IMAGE ================= */
.shortlister-image img {
max-width: 100%;
height: auto;
}
/* ================= RESPONSIVE ================= */
/* Tablet */
@media (max-width: 992px) {
.shortlister-title {
font-size: 34px;
}
}
/* Mobile */
@media (max-width: 768px) {
.shortlister-hero {
padding: 120px 0;
text-align: center;
}
.shortlister-title {
font-size: 28px;
}
.shortlister-desc {
font-size: 15px;
margin-left: auto;
margin-right: auto;
}
.shortlister-btn {
padding: 12px 30px;
margin-bottom:40px;
}
}
/* ===============================
PAIN POINT SECTION
================================ */
.painpoint-section {
background-color: #f5f5f5;
min-height: 500px;
}
/* MAIN HEADING */
.painpoint-main-title {
font-size: 36px;
font-weight: 600;
color: #111827;
}
.painpoint-main-title span {
color: #8A0FC5;
}
/* PAINT EFFECT */
.paint-text {
position: relative;
color: #7a00b3;
padding: 0 10px;
}
.paint-text::before {
content: "";
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
height: 14px;
background: #f3e8ff;
z-index: -1;
border-radius: 6px;
}
/* IMAGE */
.painpoint-image-box {
border-radius: 14px;
overflow: hidden;
}
/* LIST */
.painpoint-list {
list-style: none;
padding: 0;
margin: 0;
}
.painpoint-list li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
font-size: 16px;
line-height: 30px;
color: #303030;
}
.painpoint-list img {
width: 20px;
height: 20px;
margin-top: 3px;
}
/* NOTE TEXT */
.painpoint-note {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
@media (max-width: 992px) {
.painpoint-main-title {
font-size: 30px;
margin-top:30px;
}
}
/* RESPONSIVE */
@media (max-width: 768px) {
.painpoint-main-title {
font-size: 26px;
margin-top:30px;
}
.painpoint-subtitle {
font-size: 20px;
}
.painpoint-note {
font-size: 14px;
}
}
/* ================= PRECISION SECTION ================= */
.precision-section {
padding: 100px 0;
width: 100%;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/why-use-ai-banner.webp)
no-repeat center center / cover;
}
/* TOP CENTER H2 */
.precision-main-title {
font-size: 36px;
font-weight: 600;
line-height: 1.3;
color: #000;
}
/* LEFT COLUMN H3 */
.precision-subtitle {
font-size: 34px;
font-weight: 500;
color: #222;
margin-bottom: 18px;
}
.precision-subtitle span {
color: #8A0FC5;
}
/* DESCRIPTION */
.precision-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
/* IMAGE */
.precision-image-wrapper {
width: 100%;
min-height: 420px;
display: flex;
align-items: center;
justify-content: center;
}
/* ================= RESPONSIVE ================= */
/* Tablet */
@media (max-width: 992px) {
.precision-main-title {
font-size: 32px;
}
.precision-subtitle {
font-size: 30px;
}
.precision-image-wrapper {
min-height: 360px;
margin-top: 40px;
}
}
/* Mobile */
@media (max-width: 768px) {
.precision-section {
padding: 70px 0;
}
.precision-main-title {
font-size: 26px;
}
.precision-subtitle {
font-size: 20px;
text-align:center;
}
.precision-desc {
font-size: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.precision-image-wrapper {
min-height: 300px;
}
}
/* ================= BUILT PURELY SECTION ================= */
.built-purely-section {
padding: 100px 0;
background:#f5f5f5;
overflow: hidden;
}
/* ================= IMAGE ================= */
.built-purely-image {
position: relative;
width: 100%;
min-height: 420px;
}
/* ================= TEXT ================= */
.built-purely-title {
font-size: 36px;
font-weight: 600;
line-height: 1.3;
color: #111;
margin-bottom: 20px;
}
.built-purely-title span {
color: #8A0FC5;
}
.built-purely-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
margin-bottom: 18px;
}
.built-purely-desc.bold {
font-weight: 600;
color: #222;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
.built-purely-title {
font-size: 32px;
}
.built-purely-image {
min-height: 360px;
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.built-purely-section {
padding: 70px 0;
text-align: center;
}
.built-purely-title {
font-size: 26px;
}
.built-purely-desc {
margin-left: auto;
margin-right: auto;
}
.built-purely-features {
justify-content:center;
flex-wrap: wrap;
gap: 20px;
}
.built-purely-tag {
top: -14px;
font-size: 13px;
}
}
/* ===============================
RANKING SECTION
================================ */
.ranking-section {
padding: 100px 0;
width: 100%;
height: auto;
position:relative;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-job-talent.webp) no-repeat center center / cover;
}
/* TITLE */
.ranking-title {
font-size: 36px;
font-weight: 600;
line-height: 1.25;
color: #111827;
}
.ranking-highlight {
color: #7a00b3;
}
/* DESCRIPTION */
.ranking-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
/* LIST */
.ranking-list {
list-style: none;
padding: 0;
margin: 0;
}
.ranking-list li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
font-size: 15px;
color: #111827;
}
.ranking-list img {
width: 20px;
height: 20px;
}
.ranking-image-box img {
width: 100%;
border-radius: 16px;
}
/* BADGE */
.ranking-badge {
position: absolute;
bottom: 20px;
right: 20px;
background-color: #f5eeff;
color: #7a00b3;
padding: 10px 18px;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
.ranking-title {
font-size: 34px;
}
}
/* RESPONSIVE */
@media (max-width: 768px) {
.ranking-title {
font-size: 26px;
}
.ranking-desc {
font-size: 15px;
}
.ranking-badge {
font-size: 13px;
padding: 8px 14px;
bottom: 12px;
right: 12px;
}
}
/* ================= OPTIMIZATION SECTION ================= */
.optimization {
padding: 110px 0;
background:#f5f5f5;
}
/* ================= TITLE ================= */
.optimization-title {
font-size: 36px;
font-weight: 600;
color: #0f172a;
}
.optimization-title span {
color: #8A0FC5;
font-weight: 600;
}
/* ================= STEPS WRAPPER ================= */
.optimization-steps {
margin-top: 80px;
}
/* ================= CARD ================= */
.process-card {
text-align: center;
max-width: 320px;
margin: 0 auto 60px;
}
/* ================= ICON ================= */
.process-icon {
width: 70px;
height: 70px;
border-radius: 16px;
background: linear-gradient(145deg, #8105B2, #7500b8);
box-shadow: 0 10px 15px #8a3ba9;
color: #ffffff;
font-size: 28px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
}
/* ================= TEXT ================= */
.process-card h3 {
font-size: 20px;
font-weight: 500;
color: #0f172a;
margin-bottom: 12px;
}
.process-card p {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
}
/* ================= BUTTON ================= */
.optimization-btn {
display: inline-block;
background: linear-gradient(180deg, #8A0FC5, #4B0073);
color: #fff;
padding: 16px 36px;
border-radius: 25px;
font-size: 18px;
font-weight: 600;
border: none;
transition: all 0.3s ease;
}
.optimization-btn:hover {
transform: translateY(-2px);
background:#ffff;
color:#303030;
border:1px solid#303030;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
.optimization-title {
font-size: 34px;
}
}
@media (max-width: 768px) {
.optimization {
padding: 80px 0;
}
.optimization-steps {
margin-top: 50px;
}
.optimization-title {
font-size: 28px;
}
.process-card {
margin-bottom: 50px;
}
}
@media (max-width: 480px) {
.optimization-title {
font-size: 24px;
}
.process-card p {
font-size: 14.5px;
}
}
/* ===============================
ENTERPRISE SECTION
================================ */
.enterprise-section {
background: radial-gradient(circle at top, #3a0a6a, #140027);
padding: 90px 0!important;
}
/* TITLE */
.enterprise-title {
font-size: 36px;
font-weight: 600;
}
.enterprise-highlight {
color: #a855f7;
}
/* SUBTITLE */
.enterprise-subtitle {
font-size: 16px;
opacity: 0.85;
}
/* FEATURE BOX */
.enterprise-feature-box {
background: linear-gradient(135deg, #4c1d95, #2e1065);
border-radius: 22px;
padding: 35px 40px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}
/* LIST */
.enterprise-list {
list-style: none;
padding: 0;
margin: 0;
}
.enterprise-list li {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
margin-bottom: 14px;
color: #ffffff;
}
.enterprise-list img {
width: 20px;
height: 20px;
}
/* RESPONSIVE */
@media (max-width: 767px) {
.enterprise-title {
font-size: 28px;
}
.enterprise-feature-box {
padding: 25px;
}
.enterprise-list li {
font-size: 15px;
}
}
.role-relevant-hero {
padding: 120px 0;
position: relative;
width: 100%;
height: auto;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-cndt-1.webp)
no-repeat center center / cover;
}
.role-relevant-eyebrow {
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #8A0FC5;
margin-bottom: 12px;
}
/* ================= TEXT ================= */
.role-relevant-title {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
color: #000;
margin-bottom: 20px;
}
.role-relevant-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
margin-bottom: 30px;
}
/* ================= BUTTON ================= */
.role-relevant-btn {
background: linear-gradient(180deg, #8A0FC5, #4B0073);
color: #fff;
padding: 16px 36px;
border-radius: 20px;
font-size: 18px;
font-weight: 600;
border: none;
transition: all 0.3s ease;
}
.role-relevant-btn:hover {
background: linear-gradient(180deg, #4B0073, #8A0FC5);
color: #fff;
transform: translateY(-2px);
}
/* ================= IMAGE ================= */
.role-relevant-image img {
max-width: 100%;
height: auto;
}
/* ================= RESPONSIVE ================= */
/* Tablet */
@media (max-width: 992px) {
.role-relevant-title {
font-size: 34px;
text-align: left;
}
.role-relevant-desc {
margin-left: 0;
margin-right: 0;
text-align: left;
}
}
/* Mobile */
@media (max-width: 768px) {
.role-relevant-hero {
padding: 90px 0;
text-align: left;
}
.role-relevant-title {
font-size: 28px;
text-align: left;
}
.role-relevant-desc {
font-size: 15px;
margin-left: 0;
margin-right: 0;
text-align: left;
}
.role-relevant-btn {
padding: 12px 30px;
margin-bottom: 10px!important;
}
}
/* ================= WHY CANDIDATE TRADITIONAL SECTION ================= */
.why-candidate-traditional {
padding: 100px 0;
width: 100%;
background-color: #f5f5f5;
}
/* TITLE */
.why-candidate-title {
font-size: 36px;
font-weight: 600;
line-height: 1.25;
color: #111827;
}
.why-candidate-highlight {
color: #7a00b3;
}
/* DESCRIPTION */
.why-candidate-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
/* LIST */
.why-candidate-list {
list-style: none;
padding: 0;
margin: 0;
}
.why-candidate-list li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
font-size: 15px;
color: #111827;
}
.why-candidate-list img {
width: 20px;
height: 20px;
}
/* IMAGE */
.why-candidate-image img {
width: 100%;
border-radius: 16px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
.why-candidate-title {
font-size: 34px;
}
}
@media (max-width: 768px) {
.why-candidate-title {
font-size: 26px;
}
.why-candidate-desc {
font-size: 15px;
}
}
/* ================= SCREEN SMARTER SECTION ================= */
.screen-smarter {
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-job-talent.webp)
no-repeat center center / cover;
}
/* MAIN HEADING */
.screen-smarter-title {
font-size: 36px;
font-weight: 600;
color: #111827;
}
.screen-smarter-title span {
color: #8A0FC5;
}
/* PAINT EFFECT */
.screen-smarter-highlight {
position: relative;
color: #7a00b3;
padding: 0 10px;
}
.screen-smarter-highlight::before {
content: "";
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
height: 14px;
background: #f3e8ff;
z-index: -1;
border-radius: 6px;
}
/* IMAGE */
.screen-smarter-image {
border-radius: 14px;
overflow: hidden;
}
/* LIST */
.screen-smarter-list {
list-style: none;
padding: 0;
margin: 0;
}
.screen-smarter-list li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
font-size: 16px;
line-height: 30px;
color: #303030;
}
.screen-smarter-list img {
width: 20px;
height: 20px;
margin-top: 3px;
}
/* NOTE TEXT */
.screen-smarter-note {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
.screen-smarter-title {
font-size: 30px;
margin-top: 30px;
}
}
@media (max-width: 768px) {
.screen-smarter-title {
font-size: 26px;
margin-top: 30px;
}
.screen-smarter-note {
font-size: 14px;
}
}
/* ================= SPOT QUALIFIED CANDIDATE SECTION ================= */
.spot-qualified-candidate {
padding: 80px 0;
width: 100%;
background-color: #f5f5f5;
}
/* TOP CENTER H2 */
.spot-qualified-title {
font-size: 36px;
font-weight: 600;
line-height: 1.3;
color: #000;
margin-bottom: 20px!important;
}
.spot-qualified-subtitle span {
color: #8A0FC5;
}
/* DESCRIPTION */
.spot-qualified-desc {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
max-width: 520px;
}
/* IMAGE */
.spot-qualified-image {
width: 100%;
min-height: 420px;
display: flex;
align-items: center;
justify-content: center;
}
/* ================= RESPONSIVE ================= */
/* Tablet */
@media (max-width: 992px) {
.spot-qualified-title {
font-size: 32px;
}
.spot-qualified-subtitle {
font-size: 30px;
}
.spot-qualified-image {
min-height: 360px;
margin-top: 40px;
}
}
/* Mobile */
@media (max-width: 768px) {
.spot-qualified-candidate {
padding: 70px 0;
text-align: left;
}
.spot-qualified-title {
font-size: 26px;
text-align: left;
}
.spot-qualified-subtitle {
font-size: 20px;
text-align: left;
}
.spot-qualified-desc {
font-size: 15px;
margin-left: 0;
margin-right: 0;
text-align: left;
}
.spot-qualified-image {
min-height: 300px;
}
}
/* ================= CANDIDATE TOOL SECTION ================= */
.candidate-tool {
padding: 80px 0;
background: url(https://talentanywhere.ai/wp-content/themes/wanywhere/img/asset-new/candidate-inner/bg-job-talent.webp)
no-repeat center center / cover;align-content;
}
/* ================= TITLE ================= */
.candidate-tool-title {
font-size: 36px;
font-weight: 600;
color: #111827;
}
.candidate-tool-title span {
color: #8A0FC5;
font-weight: 600;
}
/* ================= CARD ================= */
.candidate-tool-card {
text-align: center;
padding: 30px 20px;
max-width: 320px;
margin: 0 auto;
}
/* ================= ICON ================= */
.candidate-tool-icon {
width: 64px;
height: 64px;
border-radius: 16px;
background: linear-gradient(145deg, #8105B2, #7500b8);
box-shadow: 0 14px 30px rgba(139, 0, 255, 0.35);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 18px;
}
.candidate-tool-icon img {
max-width: 32px;
}
/* ================= TEXT ================= */
.candidate-tool-card h4 {
font-size: 18px;
font-weight: 600;
color: #111827;
margin-bottom: 10px;
}
.candidate-tool-card p {
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #303030;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
.candidate-tool-title {
font-size: 30px;
}
}
@media (max-width: 768px) {
.candidate-tool {
padding: 70px 0;
}
.candidate-tool-card {
margin-bottom: 40px;
}
.candidate-tool-title {
font-size: 26px;
}
}
@media (max-width: 480px) {
.candidate-tool-title {
font-size: 22px;
}
.candidate-tool-card p {
font-size: 14px;
}
}
.candidate-tool-btn {
display: inline-block;
background: linear-gradient(180deg, #8A0FC5, #4B0073);
color: #fff;
padding: 16px 36px;
border-radius: 25px;
font-size: 18px;
font-weight: 600;
border: none;
transition: all 0.3s ease;
}
.candidate-tool-btn:hover {
background: linear-gradient(180deg, #4B0073, #8A0FC5);
color: #fff;
transform: translateY(-2px);
}
/*Pricing-page-css */
/* ========== TOGGLE CSS ========== */
.toggle-wrapper{
background:#fff;
border-radius:50px;
padding:6px 14px;
display:inline-flex;
align-items:center;
gap:10px;
cursor:pointer;
}
.toggle-text{
font-size:14px;
color:#777;
white-space:nowrap;
transition: all 0.3s ease;
}
.toggle-text.active{
color:#8e2de2;
font-weight:500;
}
.toggle-switch{
width:48px;
height:26px;
background:#8e2de2;
border-radius:50px;
position:relative;
flex-shrink:0;
}
.toggle-circle{
width:20px;
height:20px;
background:#fff;
border-radius:50%;
position:absolute;
top:3px;
left:4px;
transition: all 0.3s ease;
}
/* Toggle content */
.toggle-content{
padding:30px 0;
background:#f8f8f8;
border-radius:16px;
margin-bottom:50px;
}
.real-stories-pricing{
background:#fff;
margin-top: 0 !important;
padding-top: 0;
}
/* Heading */
.stories-label{
font-size:14px;
letter-spacing:2px;
color:#8e2de2;
font-weight:500;
}
.stories-title{
font-size:48px;
font-weight:600;
color:#6a1b9a; /* IMAGE WALA PURPLE */
}
.stories-desc{
font-size:18px;
color:#6b6f76;
max-width:600px;
margin-bottom:90px;
}
.stories-desc span{
color:#8e2de2;
font-weight:500;
}
/* Cards */
.testimonial-card{
background:#fff;
border-radius:26px;
padding:32px 28px;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
position:relative;
height:100%;
}
.testimonial-card.active{
box-shadow:0 35px 70px rgba(142,45,226,0.45);
}
/* Quote */
.quote-box{
position:absolute;
top:-32px;
right:-5px;
width:86px;
height:76px;
background:linear-gradient(135deg,#8e2de2,#a855f7);
color:#fff;
font-size:36px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
/* 👇 IMPORTANT PART */
transform: rotate(12deg) translateZ(0) !important;
will-change: transform;
z-index: 10;
}
.quote-box-middle{
position:absolute;
top:-32px;
right:-5px!important;
width:76px;
height:76px;
background:linear-gradient(135deg,#8e2de2,#a855f7);
color:#fff;
font-size:36px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
}
.quote-img{
width:32px; /* 👈 tum yaha size control kar sakti ho */
height:32px;
object-fit:contain;
display:block;
}
/* User */
.user-info{
display:flex;
align-items:center;
gap:14px;
margin-bottom:20px;
}
.user-info img{
width:84px;
height:84px;
border-radius:50%;
border:3px solid #fff;
box-shadow:
0 0 0 3px rgba(130, 0, 219, 0.35), /* purple ring */
0 0 25px rgba(130, 0, 219, 0.55), /* blur glow */
0 10px 35px rgba(130, 0, 219, 0.45);
}
.user-name{
font-size:18px;
font-weight:600;
}
.user-role{
font-size: 16px;
color: #8e2de2;
font-weight: 600;
}
/* Text */
.testimonial-card p{
font-size:16px;
line-height:1.6;
color:#4b5563;
margin-bottom:22px;
}
/* Stars */
.stars{
color:#ffc107;
font-size:28px;
}
/* Responsive */
@media(max-width:768px){
.stories-title{
font-size:32px;
}
.testimonial-card{
text-align:center;
}
.user-info{
justify-content:center;
}
.quote-box{
right:50%;
transform:translateX(50%);
}
}
.pricing-page-hero-section{
background:radial-gradient(circle at top,#8e2de2,#4a0072);
color:#fff;
/* padding:0px 0!important; */
}
/* Hero */
.hero-title h1{font-size:42px;font-weight:600; line-height:1.6; margin: 20px 0;}
@media(max-width:768px){.hero-title{font-size:32px;}}
.feature-card {
background: #faf6fb;
border-radius: 24px;
padding: 25px 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.icon-circle.yellow {
background: #fff2c6;
}
.icon-circle.purple {
background: #eadbff;
}
.icon-circle img {
width: 28px;
}
.card-title {
font-weight: 700;
color: #5b007a;
margin-bottom: 20px;
font-size:20px;
}
.feature-list {
list-style: none;
padding: 0;
margin: 0 0 24px;
}
.feature-list li {
display: flex;
gap: 10px;
margin-bottom: 14px;
color: #3d3d3d;
font-size: 15px;
line-height: 1.3;
}
.tick-icon {
width: 18px;
height: 18px;
margin-top: 3px;
}
.feature-btn {
background: #9810FA;
color: #fff;
border-radius: 14px;
padding: 12px 30px;
font-weight: 600;
border: none;
width:100%;
justify-content:center;
}
.feature-btn:hover {
background: #7415d8;
color: #fff;
}
.btn-warning{
font-size:20px;
font-weight:600;
}
/* Free CTA */
.free-card {
background: #fbf6ff;
border-radius: 28px;
padding: 40px 10px;
max-width: 1100px;
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
.free-title {
font-size: 35px;
font-weight: 700;
color: #5b1a8c;
padding-bottom:10px;
}
.free-subtitle {
font-size: 18px;
color: #000;
font-weight:500;
max-width: 720px;
margin:5px auto;
}
.free-list li,.para-center
{
font-size: 16px;
color: #3e3e3e;
margin: 15px 0;
font-weight:600;
display: flex;
align-items: center;
gap: 8px;
}
.tick {
color: #00a63e;
font-size: 22px;
font-weight: 700;
}
.free-btn {
background: linear-gradient(90deg, #a100ff, #7b00c9);
color: #fff;
padding: 16px 48px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
box-shadow: 0 15px 35px rgba(123,0,201,0.4);
}
.free-btn:hover {
background: linear-gradient(90deg, #7b00c9, #5a0099);
color: #fff;
}
/* 🔽 Mobile */
@media (max-width: 768px) {
.free-card {
padding: 40px 20px;
}
.free-title {
font-size: 30px;
}
.free-subtitle {
font-size: 16px;
}
.free-list li,
.free-center {
font-size: 16px;
}
}
.pricing-page-hero-section{
background:radial-gradient(circle at top,#8e2de2,#4a0072);
color:#fff;
/* padding:120px 0!important; */
}
/* Hero */
.hero-title h1{font-size:42px;font-weight:600; line-height:1.6; margin:0;}
@media(max-width:768px){.hero-title{font-size:32px;}}
.feature-card {
background: #faf6fb;
border-radius: 24px;
padding: 25px 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.icon-circle {
width: 84px;
height: 84px;
border-radius: 50%;
background: #f0e4ff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.icon-circle-c2 {
width: 54px;
height: 54px;
border-radius: 50%;
background: #f0e4ff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.icon-circle.yellow {
background: #fff2c6;
}
.icon-circle.purple {
background: #eadbff;
}
.icon-circle img {
width: 28px;
}
.card-title {
font-weight: 700;
color: #5b007a;
margin-bottom: 20px;
font-size:20px;
}
.feature-list {
list-style: none;
padding: 0;
margin: 0 0 24px;
}
.feature-list li {
display: flex;
gap: 10px;
margin-bottom: 14px;
color: #3d3d3d;
font-size: 15px;
line-height: 1.3;
}
.tick-icon {
width: 18px;
height: 18px;
margin-top: 3px;
}
.feature-btn {
background: #9810FA;
color: #fff;
border-radius: 14px;
padding: 12px 10px!important;
font-weight: 600;
border: none;
width:100%;
justify-content:center;
}
.feature-btn:hover {
background: #7415d8;
color: #fff;
}
.cta-card {
background: #FFC400;
padding:0px;
border-radius: 24px;
display: inline-block;
/* card feel */
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
/* inner pill (design only) */
.cta-yellow {
display: inline-block;
background-color: #FFC400 !important;
color: #000;
padding: 12px 36px;
border-radius: 29px;
font-size: 18px;
font-weight: 600;
cursor: default;
user-select: none;
pointer-events: none;
}
/* Free CTA */
.free-card {
background: #fbf6ff;
border-radius: 28px;
padding: 40px 10px;
max-width: 1100px;
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
.free-title {
font-size: 35px;
font-weight: 700;
color: #5b1a8c;
padding-bottom:10px;
}
.free-subtitle {
font-size: 18px;
color: #000;
font-weight:500;
max-width: 720px;
margin:5px auto;
}
.free-list li,.para-center
{
font-size: 16px;
color: #3e3e3e;
margin: 15px 0;
font-weight:600;
display: flex;
align-items: center;
gap: 8px;
}
.tick {
color: #00a63e;
font-size: 22px;
font-weight: 700;
}
.free-btn {
background: linear-gradient(90deg, #a100ff, #7b00c9);
color: #fff;
padding: 16px 48px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
box-shadow: 0 15px 35px rgba(123,0,201,0.4);
}
.free-btn:hover {
background: linear-gradient(90deg, #7b00c9, #5a0099);
color: #fff;
}
/* 🔽 Mobile */
@media (max-width: 768px) {
.free-card {
padding: 40px 20px;
}
.free-title {
font-size: 30px;
}
.free-subtitle {
font-size: 16px;
}
.free-list li,
.free-center {
font-size: 16px;
}
}
.contact-connect-section{
background:radial-gradient(circle at top,#8e2de2,#4a0072);
color:#fff;
}
.contact-card {
background: #ffffff;
border-radius: 16px;
padding: 22px 32px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
/* .enterprise-tittle-pricing h2{
color: #fff;
font-weight: 600!important;
font-size:42px!important;
} */
.enterprise-subtittle-pricing{
color: #fff;
font-weight: 500;
font-size: 16px;
}
.section-title-pricing {
color: #8200DB;
font-weight: 600;
font-size: 28px;
text-align: left !important;
display: block;
}
.location-price{
font-size:15px;
color:#000;
}
.our-pricing{
font-size:14px;
padding-top:20px;
}
.section-subtitle-pricing{
color: #4A5565;
font-weight: 500;
font-size:15px
}
.pricing-strong {
color: #4A5565;
font-weight: 600;
font-size: 16px;
text-align: left !important;
display: block; /* IMPORTANT */
padding-left:10px;
padding-bottom:3px;
}
.small-pricing{
color: #4A5565;
font-weight: 600;
font-size: 14px;
padding-left:10px;
}
.small-pricing-enterprise{
justify-content:left;
text-align:left;
font-size:20px;
}
.btn-gradient {
background: linear-gradient(90deg, #7D05A8, #9A06D5);
color: #fff;
border: none;
border-radius:16px;
padding: 7px 20px;
font-weight:600;
}
.btn-gradient:hover {
opacity: 0.9;
color: #fff;
}
.form-control {
min-height: 35px;
padding: 8px 16px !important;
border-radius: 12px!important;
border: 1px solid #0000002B!important;
font-size: 15px;
font-weight: 400;
color: #1F2937;
box-shadow: none;
transition: all 0.3s ease;
font-size:14px;
}
.opacity-90 {
opacity: 0.9;
}
.fake-captcha {
padding: 8px 10px;
width: 180px;
}
.captcha-box {
display: flex;
align-items: center;
gap: 3px;
cursor: pointer;
}
.captcha-box input {
width: 15px;
height: 15px;
border:1px solid #00000080;
}
.captcha-text {
font-size: 14px;
color: #000;
}
.fake-captcha img {
margin-left: auto;
width: 20px;
}
.info-card {
background: #ffffff;
border-radius: 24px;
padding: 10px 85px; /* 👈 horizontal kam */
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
margin-top: 80px; /* 👈 thoda kam */
max-height: 270px; /* ✅ yahin se height kam hogi */
overflow: hidden;
}
.info-icon {
width: 64px;
height: 64px;
margin: 20px auto;
background: #9906D4;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #ffffff;
}
.info-card h5 {
font-weight: 600;
color: #0f172a;
font-size:18px;
}
.info-link {
color: #9333ea;
font-weight: 500;
font-size:15px;
text-decoration: none;
}
.info-link:hover {
text-decoration: underline;
}
.small-card{
font-size:15px;
}
/* 🔹 Fix gap above Real Stories section */
.toggle-content {
margin-bottom: 0 !important;
padding-bottom: 60px!important;
}
.toggle-content .container {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.real-stories-pricing {
margin-top: 0 !important;
padding: 80px 0!important;
}
/* 🔥 CLEAN & COMPACT MOBILE FIX */
@media (max-width: 768px) {
/* 🧯 GLOBAL SAFETY */
html, body {
overflow-x: hidden !important;
width: 100%;
}
section,
.pricing-page-hero-section,
.toggle-content,
.real-stories-pricing {
max-width: 100%;
overflow-x: hidden;
}
.row {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 🔹 HERO */
.pricing-page-hero-section {
padding: 10px !important;
}
/* 🔹 TOGGLE */
.toggle-wrapper {
width: 100%;
padding: 8px !important;
margin-top: 32px;
margin-bottom: 0 !important;
gap: 6px;
justify-content: space-between;
}
.toggle-text {
font-size: 13px;
white-space: normal !important;
text-align: center;
flex: 1;
}
/* 🔹 TOGGLE CONTENT */
.toggle-content {
padding: 18px 10px 24px !important;
margin-bottom: 24px !important;
}
.toggle-content .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 🔹 INFO CARD */
.info-card {
padding: 18px 12px !important;
margin: 26px 0 !important;
max-width: 100%;
}
/* 🔹 FEATURE + TESTIMONIAL CARD SPACING */
.pricing-page-hero-section .row > [class*="col-"],
.real-stories-pricing .row > [class*="col-"] {
margin-bottom: 26px !important;
}
.pricing-page-hero-section .row > [class*="col-"]:last-child,
.real-stories-pricing .row > [class*="col-"]:last-child {
margin-bottom: 0 !important;
}
.feature-card,
.testimonial-card {
height: auto !important;
}
/* 🔹 TESTIMONIAL CARD */
.testimonial-card {
padding: 14px 12px !important;
text-align: left;
}
/* 🔹 USER INFO */
.user-info {
flex-direction: row;
justify-content: flex-start;
gap: 12px;
margin-bottom: 14px;
}
/* 🔹 QUOTE */
.quote-box,
.quote-box-middle {
width: 52px;
height: 52px;
font-size: 22px;
top: -20px;
right: 6px !important;
}
/* 🔹 REAL STORIES */
.real-stories-pricing {
padding: 32px 10px !important;
margin-top: 0 !important;
}
.stories-desc {
margin-bottom: 28px !important;
}
/* 🔹 FREE CARD ALIGNMENT */
.free-card {
padding: 14px !important;
}
.free-title {
text-align: center !important;
}
.free-subtitle {
text-align: left !important;
margin: 0 !important;
}
.free-list li {
justify-content: flex-start !important;
align-items: flex-start;
gap: 10px;
text-align: left;
}
.free-btn {
display: inline-block;
margin-left: 0 !important;
}
}
/* contact-us-page*/
/* ===============================
CONTACT SECTION
================================= */
.contact-us {
min-height: 100vh;
background: linear-gradient(180deg,#65048C 0%, #7D05A8 40%, #9A06D5 100%);
padding: 100px 20px 80px;
color: #ffffff;
}
.contact-us .row {
row-gap: 40px;
}
/* ===============================
HEADER AREA
================================= */
.help-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.15);
padding: 8px 20px;
border-radius: 50px;
font-size: 14px;
backdrop-filter: blur(10px);
}
.contact-title {
font-size: 60px;
font-weight: 600;
max-width: 1300px;
margin: auto;
}
.contact-subtitle {
font-size: 24px;
font-weight: 500;
}
.contact-description {
font-size: 16px;
max-width: 850px;
margin: auto;
padding-bottom: 40px;
opacity: 0.9;
font-weight: 500;
}
/* ===============================
CARDS
================================= */
.contact-info-card,
.contact-form-card {
background: #f3f3f3;
padding: 40px;
border-radius: 25px;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
color: #000;
}
.contact-form-card {
margin-bottom: 40px;
}
/* ===============================
LEFT CARD CONTENT
================================= */
.icon-box {
width: 60px;
height: 65px;
background: #9906D4;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.contact-info-head {
font-size: 18px;
padding-left: 20px;
padding-top: 8px;
font-weight: 500;
}
.support-email {
color: #7b1fa2;
font-weight: 500;
font-size: 18px;
padding-left: 20px;
margin-bottom: 2px;
}
.support-email-small {
padding-left: 20px;
font-size: 14px;
margin-bottom: 30px !important;
}
.feature-item {
background: #ffffff;
padding: 12px 18px;
border-radius: 12px;
margin-bottom: 12px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 500;
}
.connect-with-form {
margin-top: 25px;
color: #9810FA;
}
.social-media-icons {
margin-top: 15px;
}
.social-media-icons a {
display: inline-flex;
width: 55px;
height: 55px;
background: linear-gradient(135deg, #B455F9, #881AD7);
border-radius: 15px;
align-items: center;
justify-content: center;
margin-right: 10px;
}
/* .social-icons img {
width: 20px;
} */
/* ===============================
FORM STYLING
================================= */
.contact-form-card h2 {
color: #8200DB;
font-weight: 500;
font-size: 28px;
}
.custom-input {
border-radius: 12px;
padding: 12px 15px;
border: 1px solid #ddd;
color: #000;
}
.custom-input::placeholder {
color: #333;
opacity: 1;
}
.custom-input:focus {
border-color: #7b1fa2;
box-shadow: none;
}
.send-btn {
background: linear-gradient(135deg, #7b1fa2, #9c27b0);
color: #fff;
padding: 14px;
border-radius: 30px;
font-weight: 600;
border: none;
transition: 0.3s;
}
.send-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.send-btn:hover:not(:disabled) {
transform: translateY(-2px);
}
/* ===============================
CUSTOM RECAPTCHA
================================= */
.custom-recaptcha {
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap;
margin-top: 10px;
}
.robot-label {
margin-left: 8px;
color: #000;
font-weight: 600;
margin-bottom: 0;
}
.recaptcha-side {
display: flex;
align-items: center;
gap: 6px;
}
.recaptcha-side img {
width: 26px;
height: 26px;
}
.recaptcha-text {
font-size: 11px;
color: #555;
line-height: 1.2;
}
.recaptcha-text small {
display: block;
font-size: 9px;
color: #888;
}
.form-check-label{
color:#303030!important;
padding:0 20px!important;
}
/* ===============================
TABLET RESPONSIVE
================================= */
@media (max-width: 992px) {
.contact-title {
font-size: 42px;
}
.contact-subtitle {
font-size: 20px;
}
}
/* ===============================
MOBILE RESPONSIVE
================================= */
@media (max-width: 768px) {
.contact-us {
padding: 60px 15px 60px;
}
.contact-title {
font-size: 28px;
line-height: 1.3;
}
.contact-subtitle {
font-size: 18px;
}
.contact-description {
font-size: 14px;
}
.contact-info-card,
.contact-form-card {
padding: 20px;
border-radius: 18px;
}
.contact-form-card {
margin-bottom: 60px;
}
.social-icons {
text-align: center;
}
}
/* Extra Small Devices */
@media (max-width: 480px) {
.custom-recaptcha {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
/* ===============================
MOBILE TEXT OVERFLOW FIX
================================= */
/* Prevent horizontal scroll */
html, body {
overflow-x: visible;
}
/* Ensure cards never overflow */
.contact-info-card,
.contact-form-card {
max-width: 100%;
overflow: hidden;
}
/* Fix long email/text breaking */
.support-email {
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
display: block;
max-width: 100%;
}
/* Extra safety for all text inside card */
.contact-info-card p,
.contact-info-card h1,
.contact-info-card h2,
.contact-info-card h3,
.contact-info-card h4,
.contact-info-card h5,
.contact-info-card h6,
.contact-info-card span {
word-break: break-word;
overflow-wrap: break-word;
}
/* Small mobile extra fix */
@media (max-width: 480px) {
.support-email {
font-size: 16px;
}
}
body.single-post {
overflow-x: visible !important;
}
/* testimonial */
.ta-testimonials-page {
--ta-purple: #a307e2;
--ta-purple-dark: #190f2d;
--ta-purple-deep: #5a037d;
--ta-purple-soft: #ddd0f3;
--ta-purple-pale: #f3ecfa;
--ta-candidate-border: #d8ccf5;
--ta-candidate-pill-bg: #f3ecfa;
--ta-candidate-pill-text: #7c3aed;
--ta-candidate-accent: #7c3aed;
--ta-candidate-shadow: rgba(124, 58, 237, 0.22);
--ta-enterprise-border: #b8e6d5;
--ta-enterprise-pill-bg: #ecfdf5;
--ta-enterprise-pill-text: #166534;
--ta-enterprise-accent: #166534;
--ta-enterprise-shadow: rgba(22, 101, 52, 0.2);
--ta-all-accent: #2563eb;
--ta-all-shadow: rgba(37, 99, 235, 0.22);
--ta-stats-bg: #faf8f5;
--ta-text: #303030;
--ta-muted: #6b7280;
--ta-font-display: 'Bricolage Grotesque', sans-serif;
--ta-font-body: 'DM Sans', sans-serif;
--ta-font-quote: 'Libre Baskerville', Georgia, serif;
font-family: var(--ta-font-body);
color: var(--ta-text);
background: #fff;
}
.ta-testimonials-page .testimonial-hero {
background: #fff;
padding: 97px 0 32px!important;
text-align: center;
color: var(--ta-text);
}
.ta-testimonials-page .testimonial-hero .ta-eyebrow {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ta-muted);
margin-bottom: 0.85rem;
transition: color 0.2s ease;
}
.ta-testimonials-page .testimonial-hero[data-active-filter="all"] .ta-eyebrow {
color: var(--ta-all-accent);
}
.ta-testimonials-page .testimonial-hero[data-active-filter="candidate"] .ta-eyebrow {
color: var(--ta-candidate-accent);
}
.ta-testimonials-page .testimonial-hero[data-active-filter="enterprise"] .ta-eyebrow {
color: var(--ta-enterprise-accent);
}
.ta-testimonials-page .testimonial-hero h1 {
font-family: var(--ta-font-display);
font-weight: 700;
font-size: clamp(1.85rem, 4.5vw, 2.65rem);
margin-bottom: 0.75rem;
padding: 0;
color: #111827;
line-height: 1.15;
}
.ta-testimonials-page .testimonial-hero p {
max-width: 620px;
margin: 0 auto;
padding: 0;
color: var(--ta-muted);
font-weight: 400;
line-height: 1.6;
font-size: clamp(0.95rem, 2vw, 1.08rem);
}
.ta-testimonials-page .ta-btn-purple {
display: none;
}
/* Filter tabs — isolated reset (overrides theme button / .mlt-tabbtn / Bootstrap) */
.ta-testimonials-page .ta-filter-tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.65rem;
margin: 0 auto 2.25rem;
padding: 0;
list-style: none;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab,
.ta-testimonials-page button.ta-filter-tab {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.45rem !important;
margin: 0 !important;
padding: 0.55rem 1.15rem !important;
font-family: var(--ta-font-body) !important;
font-size: 0.88rem !important;
font-weight: 500 !important;
line-height: 1.4 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
letter-spacing: normal !important;
color: #374151 !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
border: 1px solid #e5e7eb !important;
border-radius: 999px !important;
box-shadow: none !important;
outline: none !important;
cursor: pointer !important;
width: auto !important;
min-width: 0 !important;
min-height: 0 !important;
height: auto !important;
float: none !important;
opacity: 1 !important;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab .fa,
.ta-testimonials-page button.ta-filter-tab .fa {
font-size: 0.82rem !important;
opacity: 0.75 !important;
color: inherit !important;
background: transparent !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab:not(.is-active):hover,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab:not(.is-active):focus,
.ta-testimonials-page button.ta-filter-tab:not(.is-active):hover,
.ta-testimonials-page button.ta-filter-tab:not(.is-active):focus {
color: #374151 !important;
background: #f9fafb !important;
background-color: #f9fafb !important;
background-image: none !important;
border-color: #d1d5db !important;
box-shadow: none !important;
text-decoration: none !important;
outline: none !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab:not(.is-active):active,
.ta-testimonials-page button.ta-filter-tab:not(.is-active):active {
color: #374151 !important;
background: #f3f4f6 !important;
background-color: #f3f4f6 !important;
background-image: none !important;
border-color: #d1d5db !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="all"],
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="all"]:hover,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="all"]:focus,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="all"]:active,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="all"],
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="all"]:hover,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="all"]:focus,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="all"]:active {
border-color: var(--ta-all-accent) !important;
color: var(--ta-all-accent) !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
font-weight: 600 !important;
box-shadow: 0 4px 14px var(--ta-all-shadow) !important;
text-decoration: none !important;
outline: none !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="candidate"],
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="candidate"]:hover,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="candidate"]:focus,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="candidate"]:active,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="candidate"],
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="candidate"]:hover,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="candidate"]:focus,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="candidate"]:active {
border-color: var(--ta-candidate-accent) !important;
color: var(--ta-candidate-accent) !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
font-weight: 600 !important;
box-shadow: 0 4px 14px var(--ta-candidate-shadow) !important;
text-decoration: none !important;
outline: none !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="enterprise"],
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="enterprise"]:hover,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="enterprise"]:focus,
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab.is-active[data-filter="enterprise"]:active,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="enterprise"],
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="enterprise"]:hover,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="enterprise"]:focus,
.ta-testimonials-page button.ta-filter-tab.is-active[data-filter="enterprise"]:active {
border-color: var(--ta-enterprise-accent) !important;
color: var(--ta-enterprise-accent) !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
font-weight: 600 !important;
box-shadow: 0 4px 14px var(--ta-enterprise-shadow) !important;
text-decoration: none !important;
outline: none !important;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab:focus-visible,
.ta-testimonials-page button.ta-filter-tab:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.35) !important;
outline-offset: 2px !important;
}
.ta-testimonials-page .ta-filter-panel {
display: none;
margin-bottom: 1.75rem;
}
.ta-testimonials-page .ta-filter-panel.is-visible {
display: block;
}
.ta-testimonials-page .ta-filter-panel__head {
display: flex;
align-items: flex-start;
gap: 0.85rem;
margin-bottom: 1.25rem;
}
.ta-testimonials-page .ta-filter-panel__icon {
width: 42px;
height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 1rem;
}
.ta-testimonials-page .ta-filter-panel--all .ta-filter-panel__icon {
background: #eff6ff;
color: var(--ta-all-accent);
}
.ta-testimonials-page .ta-filter-panel--candidate .ta-filter-panel__icon {
background: var(--ta-candidate-pill-bg);
color: var(--ta-candidate-accent);
}
.ta-testimonials-page .ta-filter-panel--enterprise .ta-filter-panel__icon {
background: var(--ta-enterprise-pill-bg);
color: var(--ta-enterprise-accent);
}
.ta-testimonials-page .ta-filter-panel__title {
font-family: var(--ta-font-display);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 0.2rem;
line-height: 1.3;
}
.ta-testimonials-page .ta-filter-panel--all .ta-filter-panel__title {
color: var(--ta-all-accent);
}
.ta-testimonials-page .ta-filter-panel--candidate .ta-filter-panel__title {
color: var(--ta-candidate-accent);
}
.ta-testimonials-page .ta-filter-panel--enterprise .ta-filter-panel__title {
color: var(--ta-enterprise-accent);
}
.ta-testimonials-page .ta-filter-panel__sub {
font-size: 0.88rem;
color: var(--ta-muted);
margin: 0;
line-height: 1.45;
}
.ta-testimonials-page .ta-stats-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
@media (max-width: 480px) {
.ta-testimonials-page .ta-stats-row {
grid-template-columns: 1fr;
}
}
.ta-testimonials-page .ta-stat-card {
background: var(--ta-stats-bg);
border-radius: 10px;
padding: 1rem 0.85rem;
text-align: center;
}
.ta-testimonials-page .ta-stat-card strong {
display: block;
font-family: var(--ta-font-display);
font-size: clamp(1.35rem, 3vw, 1.65rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.25rem;
}
.ta-testimonials-page .ta-stat-card span {
font-size: 0.78rem;
color: var(--ta-muted);
line-height: 1.3;
}
.ta-testimonials-page .ta-filter-panel--all .ta-stat-card strong {
color: var(--ta-all-accent);
}
.ta-testimonials-page .ta-filter-panel--candidate .ta-stat-card strong {
color: var(--ta-candidate-accent);
}
.ta-testimonials-page .ta-filter-panel--enterprise .ta-stat-card strong {
color: var(--ta-enterprise-accent);
}
.ta-testimonials-page .enterprise-sec.filter-candidate .ent-card--candidate {
border-color: var(--ta-candidate-border);
box-shadow: 0 4px 18px var(--ta-candidate-shadow);
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise {
border-color: var(--ta-enterprise-border);
box-shadow: 0 4px 18px var(--ta-enterprise-shadow);
}
.ta-testimonials-page .enterprise-sec.filter-all .ent-card {
border-color: #bfdbfe;
box-shadow: 0 4px 18px var(--ta-all-shadow);
}
.ta-testimonials-page .enterprise-sec {
padding: 0 0 clamp(2.5rem, 6vw, 4.5rem);
background: #fff;
overflow: visible;
}
.ta-testimonials-page .ta-section-heading,
.ta-testimonials-page .ta-section-sub {
display: none;
}
.ta-testimonials-page .ta-cards-grid .ent-card.is-filtered-out {
display: none !important;
}
/* CSS Grid — no Bootstrap row/col (theme overrides those) */
.ta-testimonials-page .ta-cards-grid,
.ta-testimonials-page .ta-featured-grid {
display: grid !important;
width: 100% !important;
gap: 1.5rem;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: both;
column-count: unset !important;
columns: unset !important;
list-style: none;
align-items: stretch !important;
}
.ta-testimonials-page .ta-featured-grid {
display: none !important;
}
.ta-testimonials-page .ta-cards-grid {
grid-template-columns: 1fr;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ta-cards-grid {
grid-template-columns: 1fr !important;
width: 100%;
max-width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.ta-testimonials-page .ta-cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.ta-testimonials-page .ta-filter-tabs {
flex-direction: column;
align-items: stretch;
}
.ta-testimonials-page .ta-filter-tabs button.ta-filter-tab,
.ta-testimonials-page button.ta-filter-tab {
justify-content: center !important;
width: 100% !important;
}
.ta-testimonials-page .enterprise-sec .ent-card {
padding: 1.25rem 1.1rem 1.15rem;
}
}
/* Kill theme float/column on grid children — stretch to equal row height */
.ta-testimonials-page .ta-cards-grid > *,
.ta-testimonials-page .ta-featured-grid > * {
float: none !important;
position: relative !important;
min-width: 0;
max-width: 100%;
height: 100% !important;
align-self: stretch !important;
display: flex !important;
flex-direction: column !important;
}
.ta-testimonials-page .enterprise-sec .container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
float: none !important;
}
.ta-testimonials-page .enterprise-sec .ent-card {
background: #fff;
border: 1px solid var(--ta-candidate-border);
border-radius: 14px;
padding: 1.5rem 1.4rem 1.35rem;
width: 100% !important;
height: 100% !important;
min-height: 100%;
flex: 1 1 auto;
display: flex !important;
flex-direction: column;
float: none !important;
position: relative !important;
box-shadow: none;
transition: box-shadow .3s, transform .3s, border-color .3s;
margin: 0 !important;
align-self: stretch !important;
box-sizing: border-box;
}
.ta-testimonials-page .enterprise-sec .ent-card--enterprise {
border-color: var(--ta-enterprise-border);
}
.ta-testimonials-page .enterprise-sec .ent-card:hover {
box-shadow: 0 8px 28px rgba(17, 24, 39, 0.06);
transform: translateY(-2px);
}
.ta-testimonials-page .ent-card__category {
position: absolute;
top: 1.15rem;
right: 1.25rem;
z-index: 2;
display: inline-block;
font-size: 0.65rem;
font-weight: 600;
border-radius: 999px;
padding: 0.22rem 0.6rem;
margin: 0;
width: auto !important;
float: none !important;
line-height: 1.2;
flex-shrink: 0;
white-space: nowrap;
}
.ta-testimonials-page .ent-card--candidate .ent-card__category {
color: var(--ta-candidate-pill-text);
background: var(--ta-candidate-pill-bg);
border: 1px solid var(--ta-candidate-border);
}
.ta-testimonials-page .ent-card--enterprise .ent-card__category {
color: var(--ta-enterprise-pill-text);
background: var(--ta-enterprise-pill-bg);
border: 1px solid var(--ta-enterprise-border);
}
.ta-testimonials-page .ta-know-more,
.ta-testimonials-page .ta-full-testimonials {
display: none !important;
}
.ta-testimonials-page .ta-card-media {
display: flex !important;
align-items: center !important;
gap: 0.75rem;
margin-bottom: 0.75rem;
float: none !important;
width: 100%;
}
.ta-testimonials-page .ta-card-media-body {
flex: 1 1 auto;
min-width: 0;
float: none !important;
width: auto !important;
}
.ta-testimonials-page .ta-profile-img {
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--ta-candidate-border);
flex-shrink: 0;
float: none !important;
display: block;
}
.ta-testimonials-page .ent-card--enterprise .ta-profile-img {
border-color: var(--ta-enterprise-border);
}
.ta-testimonials-page .ta-card-name {
font-family: var(--ta-font-display);
font-size: 0.95rem;
font-weight: 700;
color: #111827;
line-height: 1.3;
margin: 0;
padding: 0;
float: none !important;
width: auto !important;
}
.ta-testimonials-page .ta-card-status {
display: none !important;
}
.ta-testimonials-page .ta-card-role {
font-size: 0.78rem;
color: var(--ta-muted);
margin-top: 2px;
margin-bottom: 0;
padding: 0;
float: none !important;
width: auto !important;
}
.ta-testimonials-page .ta-star-review {
margin-top: 4px;
color: #fbbf24;
font-size: 0.72rem;
letter-spacing: 1px;
line-height: 1;
}
.ta-testimonials-page .ent-card__badge {
display: none;
}
.ta-testimonials-page .ent-card__quote-wrap {
position: relative;
flex: 1 1 auto;
display: flex;
flex-direction: column;
float: none !important;
width: 100%;
min-height: 0;
margin-top: 0.5rem;
}
.ta-testimonials-page .ent-card__quote {
font-family: var(--ta-font-quote);
font-style: normal;
font-size: 0.92rem;
line-height: 1.7;
color: #1f2937;
padding: 0;
margin: 0;
border: none;
float: none !important;
width: 100% !important;
display: block;
flex: 0 0 auto;
}
.ta-testimonials-page .ent-card__quote::before,
.ta-testimonials-page .ent-card__quote::after {
content: none;
}
.ta-testimonials-page .ent-card--featured {
padding: 2rem 1.75rem;
}
.ta-testimonials-page .ta-featured-grid .ent-card--featured .ent-card__quote {
font-size: 0.92rem;
line-height: 1.7;
}
/* Brand logo + company name — side by side at card bottom */
.ta-testimonials-page .ta-brand-footer {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 0.65rem;
margin-top: auto;
padding-top: 1rem;
border-top: 1px solid var(--ta-purple-soft);
width: 100%;
float: none !important;
}
.ta-testimonials-page .ta-brand-logo {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
object-fit: contain;
flex-shrink: 0;
border: none;
border-radius: 0;
display: block;
}
.ta-testimonials-page .ta-brand-name {
font-family: var(--ta-font-display);
font-size: 0.85rem;
font-weight: 700;
color: var(--ta-purple-dark);
line-height: 1.2;
margin: 0;
padding: 0;
}
/* Preview cards — clamp long quotes */
.ta-testimonials-page .ent-card--preview .ent-card__quote-wrap {
flex: 0 1 auto;
}
.ta-testimonials-page .ent-card__quote--preview {
display: -webkit-box !important;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* All Reviews — clamp long enterprise quotes with Show More / Show Less */
.ta-testimonials-page .enterprise-sec:not(.filter-all) .ta-show-more-btn {
display: none !important;
}
.ta-testimonials-page .enterprise-sec.filter-all .ent-card--collapsible:not(.is-expanded) .ent-card__quote {
display: -webkit-box !important;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ta-testimonials-page .enterprise-sec.filter-all .ent-card--collapsible.is-expanded .ent-card__quote {
display: block !important;
-webkit-line-clamp: unset;
overflow: visible;
}
.ta-testimonials-page .enterprise-sec.filter-all .ent-card--collapsible .ta-show-more-btn {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-block !important;
margin-top: 0.65rem;
padding: 0 !important;
font-family: var(--ta-font-body) !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: var(--ta-enterprise-accent) !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
text-decoration: underline !important;
text-underline-offset: 2px;
cursor: pointer !important;
width: auto !important;
}
.ta-testimonials-page .enterprise-sec.filter-all .ent-card--collapsible .ta-show-more-btn:hover,
.ta-testimonials-page .enterprise-sec.filter-all .ent-card--collapsible .ta-show-more-btn:focus {
color: var(--ta-enterprise-accent) !important;
background: transparent !important;
border: none !important;
outline: none !important;
opacity: 0.85;
}
.ta-testimonials-page .ent-card--enterprise .ta-brand-footer {
border-top-color: var(--ta-enterprise-border);
}
/* Enterprise tab — full-width horizontal layout, same card styling as All Reviews */
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise {
display: grid !important;
grid-template-columns: minmax(240px, 300px) 1fr;
grid-template-rows: auto auto auto;
gap: 0 1.5rem;
padding: 1.5rem 1.4rem 1.35rem !important;
align-items: start;
width: 100% !important;
max-width: 100% !important;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ent-card__category {
position: static !important;
grid-column: 2;
grid-row: 1;
justify-self: end;
align-self: start;
margin: 0 0 0.75rem 0;
width: auto !important;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ta-card-media {
grid-column: 1;
grid-row: 1 / span 3;
align-self: center;
margin-bottom: 0;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ent-card__quote-wrap {
grid-column: 2;
grid-row: 2;
margin-top: 0;
padding-right: 0;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ta-brand-footer {
grid-column: 2;
grid-row: 3;
margin-top: 0.75rem;
}
@media (max-width: 767px) {
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 0.75rem;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ent-card__category {
position: absolute !important;
top: 1.15rem;
right: 1.25rem;
grid-column: auto;
grid-row: auto;
margin: 0;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ta-card-media,
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ent-card__quote-wrap,
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ta-brand-footer {
grid-column: 1;
grid-row: auto;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ent-card__quote-wrap {
padding-right: 5.25rem;
padding-top: 0.15rem;
}
.ta-testimonials-page .enterprise-sec.filter-enterprise .ent-card--enterprise .ta-card-media {
align-self: auto;
margin-bottom: 0.75rem;
}
}
.ta-testimonials-page .ta-know-more {
display: inline-block;
margin-top: 1rem;
padding: 0.45rem 1.1rem;
font-size: 0.8rem;
font-weight: 600;
color: var(--ta-purple);
background: var(--ta-purple-pale);
border: 1px solid var(--ta-purple-soft);
border-radius: 6px;
text-decoration: none;
transition: all 0.25s;
width: fit-content;
}
.ta-testimonials-page .ta-know-more:hover {
background: var(--ta-purple);
color: #fff;
border-color: var(--ta-purple);
}
/* Full testimonial anchor sections (Know More targets) */
.ta-testimonials-page .ta-full-testimonials {
margin-top: 2.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.ta-testimonials-page .ta-full-testimonial {
scroll-margin-top: 100px;
background: #fff;
border: 1px solid var(--ta-enterprise-border);
border-radius: 14px;
padding: 2rem 1.75rem;
box-shadow: none;
}
.ta-testimonials-page .ta-full-testimonial .ent-card__category {
margin-bottom: 0.75rem;
}
.ta-testimonials-page .ta-full-testimonial:target {
box-shadow: 0 0 0 3px rgba(163, 7, 226, 0.25), 0 8px 32px rgba(163, 7, 226, 0.12);
}
.ta-testimonials-page .ta-full-testimonial__label {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--ta-purple);
margin-bottom: 0.75rem;
}
.ta-testimonials-page .ta-full-testimonial .ent-card__quote-wrap {
margin-top: 1rem;
}
.ta-testimonials-page .ta-full-testimonial .ent-card__quote {
font-size: 0.92rem;
line-height: 1.75;
}
/* testimonial */
.testimonial-sec .swiper-wrapper {
align-items: stretch !important;
}
.testimonial-sec .swiper-slide {
height: auto !important;
display: flex !important;
align-items: stretch !important;
box-sizing: border-box !important;
}
.testimonial-sec .swiper-slide .swiper-zoom-container {
display: flex !important;
flex: 1 1 auto !important;
width: 100% !important;
height: 80% !important;
box-sizing: border-box !important;
}
.testimonial-sec .swiper-slide .testimonial {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
}
/* Enterprise cards — extra footer fits inside same card size */
.testimonial-sec .testimonial--enterprise {
overflow: hidden !important;
}
.testimonial-sec .ta-card-bottom {
display: flex !important;
flex-direction: column !important;
margin-top: 0 !important;
padding-top: 6px !important;
padding-bottom: 0 !important;
border-top: none !important;
flex-shrink: 0;
width: 100%;
}
.testimonial-sec .ta-card-bottom--sync {
margin-top: 0 !important;
padding-top: 6px !important;
border-top: none !important;
}
.testimonial-sec .ta-brand-footer {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 12px;
flex-shrink: 0;
width: 100%;
}
.testimonial-sec .ta-brand-footer--sync {
margin-top: 0 !important;
}
.testimonial-sec .ta-brand-footer--wide {
justify-content: flex-start !important;
gap: 14px !important;
}
.testimonial-sec .ta-brand-footer--wide .ta-brand-name {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #190f2d !important;
}
.testimonial-sec .ta-brand-footer .ta-brand-logo {
width: 84px !important;
height: 84px !important;
max-width: 64px !important;
max-height: 64px !important;
min-width: 64px !important;
min-height: auto !important;
object-fit: contain !important;
flex: 0 0 64px !important;
border-radius: 0 !important;
display: block !important;
}
.testimonial-sec .ta-brand-logo--sync {
width: auto !important;
max-width: 140px !important;
height: 52px !important;
max-height: 52px !important;
min-width: unset !important;
flex: 0 0 auto !important;
}
.testimonial-sec .ta-brand-logo--wide {
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
max-height: 72px !important;
min-width: 72px !important;
min-height: auto !important;
object-fit: contain !important;
flex: 0 0 72px !important;
}
.testimonial-sec .ta-brand-name {
font-size: 18px;
font-weight: 700;
color: #190f2d;
line-height: 1.25;
margin: 0;
white-space: nowrap;
}
.testimonial-sec .ta-brand-footer--sync .ta-brand-name {
font-size: 18px !important;
}
.testimonial-sec .testimonial--enterprise .ta-quote-clamp {
display: -webkit-box !important;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden !important;
flex: 0 1 auto !important;
min-height: 0 !important;
margin-bottom: 8px !important;
font-size: 14px !important;
line-height: 1.55 !important;
color: #333 !important;
}
.testimonial-sec .testimonial--enterprise > .know-more {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
align-self: center !important;
text-align: center !important;
float: none !important;
position: relative !important;
z-index: 2 !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 0 4px 0 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
line-height: 1.3 !important;
text-transform: uppercase !important;
color: #a307e2 !important;
text-decoration: none !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
transition: color 0.25s ease !important;
flex-shrink: 0 !important;
}
.testimonial-sec .testimonial--enterprise > .know-more::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 2px !important;
background: rgba(163, 7, 226, 0.35) !important;
transition: background 0.25s ease !important;
}
.testimonial-sec .testimonial--enterprise > .know-more:hover {
color: #7b05ad !important;
background: none !important;
border: none !important;
transform: none !important;
box-shadow: none !important;
}
.testimonial-sec .testimonial--enterprise > .know-more:hover::after {
background: #a307e2 !important;
}