.page-template-master-management .hublog-get-started a,
.page-template-master-innerpage .hublog-get-started a {
margin-left: 33px;
background: linear-gradient(145deg, #f2d373, #b47b3c) !important; 
padding: 5px 16px;
color: white;
text-transform: none;
border-radius: 15px;
text-decoration: none;
}
.page-template-master-innerpage .dynamic-text2 {
color: #b47b3c !important;
}
.page-template-master-management #mega-menu-wrap-master_menu #mega-menu-master_menu>li.mega-menu-item>a.mega-menu-link {
color: #fff;
}
.page-template-master-management .hub-log-main.sticky #mega-menu-wrap-master_menu #mega-menu-master_menu>li.mega-menu-item>a.mega-menu-link {
color: #000000;
}
.page-template-master-management .hub-log-main.sticky #mega-menu-wrap-master_menu #mega-menu-master_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ffc45a !important;
}
.sidebar-menu .close-btn {
display: none;
}
#menu-main-menu {
gap: 40px;
}
#menu-main-menu a {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.page-template-master-management .hub-log-main {
position: absolute;
width: 100%;
}
.page-template-master-management .hub-log-main.sticky {
background-color: #fff;
position: sticky;
top: 0px;
z-index: 9;
}
.page-template-master-management .hub-log-main.sticky .hublog-menu{
padding: 0px;
}
.page-template-master-innerpage .hublog-hero-section {
text-align: center;
background: linear-gradient(90deg, #3b3b42 2.15%, #d8e3ef 31.64%, #d5d4d4 120.91%, #e19710 121.07%);
}
.page-template-master-innerpage .hub-log-main {
background-color: transparent;
position: absolute;
top: 100;
width: 100%;
z-index: 10;
transition: background-color 0.3s ease, box-shadow 0.3s ease,
position 0.3s ease;
}
.page-template-master-innerpage .hub-log-main.sticky .hublog-menu{
padding: 0px;
}
.page-template-master-innerpage .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-master-innerpage .hublog-hero-section .winter {
display: flex;
justify-content: center;
align-items: center;
margin-top: 90px;
}
.page-template-master-innerpage .hublog-hero-section .winter .inside-winter {
display: flex;
align-items: center;
border-radius: 18px;
padding: 1px 0px 6px 0;
justify-content: center;
margin-bottom: 16px;
width: 335px;
color: white;
background-image: radial-gradient(100% 100% at 100% 0,
#0593d7 0,
#0d4b76 100%);
box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
transition: box-shadow 0.15s, transform 0.15s;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 22px;
}
.page-template-master-innerpage .hublog-hero-section .winter .inside-winter img {
width: 7%;
background-color: white;
border-radius: 50%;
margin-top: 4px;
}
.page-template-master-innerpage .hublog-hero-section .winter .inside-winter h4 {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 15px;
}
.page-template-master-innerpage .hublog-hero-section .winter .inside-winter p {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 13px;
}
.page-template-master-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-master-innerpage .hublog-hero-section .heading span.dynamic-text,
.page-template-master-innerpage .hublog-hero-section .heading span.dynamic-text-two {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-master-innerpage .hublog-hero-section .demo-button {
display: flex;
justify-content: center;
gap: 23px;
margin: 40px 0px 0px 0px;
}
.page-template-master-innerpage .hublog-hero-section .demo-button a.demo {
text-decoration: none;
background: linear-gradient(145deg, #f2d373, #b47b3c);
border-radius: 4px;
color: white;
padding: 10px 45px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-master-innerpage .hublog-hero-section .demo-button a.trial {
text-decoration: none;
background: linear-gradient(215deg, #0e244e 2.15%, #0e244e 31.64%, #262628 120.91%, #0500db 121.07%);
border-radius: 4px;
color: white;
padding: 10px 26px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-master-innerpage .hublog-hero-section .heading p {
font-size: 20px;
margin: 20px 0px;
}
.page-template-master-innerpage .hublog-hero-section .button-under-text {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 28px 0px 45px 0px;
}
.page-template-master-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding: 0px 18px 0px 0px;
border-right: 0.5px solid #999;
}
.page-template-master-innerpage .hublog-hero-section .button-under-text span {
font-size: 14px;
font-weight: 500;
}
.page-template-master-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-master-innerpage .hublog-hero-section .heading h1.mobile-text {
display: none;
}
.page-template-master-innerpage .solution-tabs-section-column ul#myTab {
justify-content: center;
gap: 14px;
border: none;
}
.page-template-master-innerpage .solution-tabs-section-column ul#myTab .nav-link.active {
box-shadow: 0 4px 16px #00218933;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: white;
color: #000000;
}
.page-template-master-innerpage .solution-tabs-section-column ul#myTab button {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #0e244e;
color: white;
}
.page-template-master-innerpage .solution-tabs-section-column ul#myTab button:hover,
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active:hover {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #002b7e;
color: white;
transition: all 0.2s ease-in-out !important;
}
.page-template-master-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 80%;
}
.page-template-master-innerpage .under-tab-text h2 {
color: #0e244e;
}
.page-template-master-innerpage .under-tab-text p {
font-size: 18px;
margin: 4px 0px;
}
.page-template-master-innerpage .under-tab-text p a {
text-decoration: none;
font-weight: 600;
color: black;
}
.page-template-master-innerpage .under-tab-text {
margin-bottom: 47px;
}
.page-template-master-innerpage .solution-tabs-section-column {
margin-bottom: 60px;
}
.page-template-master-innerpage .hublog-hero-section .heading span.dynamic-text1,
.page-master-template-innerpage .hublog-hero-section .heading span.dynamic-text-three {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-master-innerpage .our-customer-says {
background: linear-gradient(137deg, #ededed, #dda0338c);
}
.hublog-sections-headings {
text-align: center;
font-size: 45px;
color: #140855;
}
.dynamic-text2 {
color: #ef972b !important;
}
.dynamic-text-four {
color: #ef972b !important;
} .page-template-master-innerpage .our-customer-says .three-cards img {
width: 25%;
}
.page-template-master-innerpage .our-customer-says {
background: linear-gradient(137deg, #ededed, #fff3de8c);
}
.page-template-master-innerpage .our-customer-says div#first-card {
background: linear-gradient(215deg, #0e244e 2.15%, #0e244e 31.64%, #262628 120.91%, #0500db 121.07%);
border-radius: 5px;
}
.page-template-master-innerpage .our-customer-says div#first-card .head-text h3 {
text-transform: capitalize;
color: white;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-master-innerpage .our-customer-says div#first-card h3 {
font-size: 22px;
color: #f2d373;
}
.page-template-master-innerpage .our-customer-says .three-cards {
background-color: white;
box-shadow: 0 10px 25px #0000000d;
padding: 40px 40px;
height: 100%;
}
.page-template-master-innerpage .our-customer-says div#first-card .head-text span {
color: #f2d373;
font-size: 36px;
}
.page-template-master-innerpage .our-customer-says div#first-card p {
color: white;
}
.page-template-master-innerpage .our-customer-says div#first-card hr {
color: white;
}
.page-template-master-innerpage .our-customer-says div#second-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-master-innerpage .our-customer-says div#second-card .head-text span {
color: #2168d7;
font-size: 36px;
}
.page-template-master-innerpage .our-customer-says div#second-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-master-innerpage .our-customer-says div#third-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-master-innerpage .our-customer-says div#third-card .head-text span {
color: #2168d7;
font-size: 36px;
}
.page-template-master-innerpage .our-customer-says div#third-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-master-innerpage .our-customer-says .heading-texts {
text-align: center !important;
margin-bottom: 40px;
}
.page-template-master-innerpage .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-master-innerpage .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-master-innerpage .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-master-innerpage .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
} .page-template-master-innerpage .three-stage-usings {
padding: 80px 0; background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=1920&auto=format&fit=crop);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.page-template-master-innerpage .three-stage-usings .heading-texts p,
.page-template-master-innerpage .three-stage-usings .heading-texts h1 {
color: #ffffff !important;
}
.page-template-master-innerpage .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-master-innerpage .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-innerpage .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-master-innerpage .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-master-innerpage .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-master-innerpage .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-master-innerpage .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-master-innerpage .try-free {
background-color: #122947;
color: #fff;
}
.page-template-master-innerpage .try-free:hover {
background-color: #0a1a30;
}
.page-template-master-innerpage .right-side-box {
background-color: #fff;
border-radius: 12px;
padding: 15px 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 12px;
position: relative;
transition: all 0.3s ease;
min-height: 90px;
}
.page-template-master-innerpage .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-master-innerpage .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-master-innerpage .right-side-box .number-box {
display: flex;
align-items: center;
gap: 8px;
min-width: 65px;
}
.page-template-master-innerpage .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 38px;
height: 38px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-master-innerpage .number {
font-size: 22px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-innerpage .text h3 {
font-size: 15px;
font-weight: 600;
margin-bottom: 0px;
}
.page-template-master-innerpage .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
} .page-template-master-innerpage .premium-feature-saasy {
padding: 60px 0;
background: linear-gradient(102deg, #d0edff 2.15%, #f4f9ff 31.64%, #ffffff 120.91%, #cd660b 121.07%);
}
.page-template-master-innerpage .feature-wrapper {
display: flex;
gap: 60px;
align-items: center;
}
.page-template-master-innerpage .feature-image img {
width: 100%;
max-width: 520px;
border-radius: 20px;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}
.page-template-master-innerpage .feature-content {
max-width: 560px;
}
.page-template-master-innerpage .feature-content h2 {
font-size: 42px;
font-weight: 600;
color: #101828;
margin-bottom: 20px;
}
.page-template-master-innerpage .feature-content p {
font-size: 18px;
color: #475467;
margin-bottom: 35px;
}
.page-template-master-innerpage .feature-points {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 40px;
}
.page-template-master-innerpage .point {
display: flex;
gap: 20px;
}
.page-template-master-innerpage .icon-circle {
width: 60px;
height: 60px;
background: #fff !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 20px rgba(0, 132, 255, 0.2);
}
.page-template-master-innerpage .icon-circle img {
width: 30px;
}
.page-template-master-innerpage .point h4 {
font-size: 18px;
font-weight: 600;
color: #1d2939;
margin-bottom: 4px;
}
.page-template-master-innerpage .point p {
font-size: 16px;
color: #667085;
margin: 0;
}
.page-template-master-innerpage .cta-button {
display: inline-block;
padding: 14px 36px;
background: linear-gradient(215deg, #0e244e 2.15%, #0e244e 31.64%, #262628 120.91%, #0500db 121.07%);
color: #fff;
font-weight: 600;
font-size: 16px;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 12px 24px rgba(0, 71, 255, 0.3);
transition: all 0.3s ease;
}
.page-template-master-innerpage .cta-button:hover {
background: #fff;
color: #00295c;
} .page-template-master-innerpage .teams-success-premium {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
padding: 80px 0;
color: #fff;
}
.page-template-master-innerpage .teams-success-premium .heading h2 {
font-size: 44px;
color: #fff;
margin-bottom: 20px;
}
.page-template-master-innerpage .teams-success-premium .heading h2 span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-innerpage .teams-success-premium .heading p {
font-size: 18px;
color: #cccccc;
max-width: 700px;
margin: 0 auto 40px;
}
.page-template-master-innerpage .teams-success-premium .benefits-list {
list-style: none;
padding: 0;
}
.page-template-master-innerpage .teams-success-premium .benefits-list li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 30px;
background: rgba(255, 255, 255, 0.05);
padding: 20px;
border-radius: 12px;
transition: 0.3s ease;
}
.page-template-master-innerpage .teams-success-premium .benefits-list li:hover {
background: rgba(255, 255, 255, 0.1);
}
.page-template-master-innerpage .teams-success-premium .benefits-list i {
font-size: 28px;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
min-width: 36px;
}
.page-template-master-innerpage .teams-success-premium .benefits-list h4 {
margin: 0 0 6px;
font-size: 20px;
color: #ffffff;
}
.page-template-master-innerpage .teams-success-premium .benefits-list p {
margin: 0;
font-size: 16px;
color: #bbbbbb;
}
.page-template-master-innerpage .teams-success-premium .cta-buttons {
margin-top: 30px;
display: flex;
gap: 20px;
}
.page-template-master-innerpage .teams-success-premium .btn-orange {
background: linear-gradient(145deg, #f39c12, #e67e22);
color: white;
padding: 12px 28px;
border: none;
border-radius: 8px;
font-weight: 600;
transition: 0.3s ease;
text-decoration: none;
}
.page-template-master-innerpage .teams-success-premium .btn-orange:hover {
background: linear-gradient(145deg, #e67e22, #f39c12);
}
.page-template-master-innerpage .teams-success-premium .btn-outline {
border: 2px solid #ffffff55;
background: transparent;
color: #ffffff;
padding: 12px 28px;
border-radius: 8px;
font-weight: 600;
transition: 0.3s ease;
text-decoration: none;
}
.page-template-master-innerpage .teams-success-premium .btn-outline:hover {
background: #ffffff;
color: #0f1324;
}
.page-template-master-innerpage .teams-success-premium .mini-text {
font-size: 15px;
color: #bbbbbb;
margin-top: 10px;
}
.page-template-master-innerpage .teams-success-premium .right img {
width: 100%;
border-radius: 18px;
padding-top: 60px;
} .page-template-master-innerpage .workflow-timeline-section {
padding: 100px 0;
background: #f8fafc;
font-family: 'Inter', sans-serif;
overflow: hidden;
}
.page-template-master-innerpage .workflow-timeline-section .section-header {
text-align: center;
margin-bottom: 80px;
}
.page-template-master-innerpage .workflow-timeline-section .label-tag {
display: inline-block;
padding: 8px 20px;
background: rgba(255, 122, 24, 0.1);
color: #ff7a18;
font-weight: 600;
font-size: 14px;
border-radius: 50px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.page-template-master-innerpage .workflow-timeline-section h2 {
font-size: 46px;
font-weight: 700;
color: #0f172a;
margin-bottom: 20px;
}
.page-template-master-innerpage .workflow-timeline-section p.subheading {
font-size: 18px;
color: #64748b;
max-width: 650px;
margin: 0 auto;
line-height: 1.6;
}
.page-template-master-innerpage .workflow-timeline-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .page-template-master-innerpage .workflow-line {
position: absolute;
top: 38px; left: 12%;
right: 12%;
height: 4px;
background: linear-gradient(90deg, #ffcf18, #f1921a);
z-index: 1;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(255, 122, 24, 0.2);
}
.page-template-master-innerpage .workflow-steps {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
}
.page-template-master-innerpage .workflow-step {
flex: 1;
text-align: center;
padding: 0 15px;
position: relative;
}
.page-template-master-innerpage .step-number {
width: 76px;
height: 76px;
background: #ffffff;
border: 4px solid #f0b636;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
color: #0f172a;
margin: 0 auto 30px;
box-shadow: 0 10px 25px rgba(255, 122, 24, 0.2);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
z-index: 3;
}
.page-template-master-innerpage .workflow-step:hover .step-number {
transform: scale(1.15);
background: linear-gradient(90deg, #ffcf18, #f1921a);
color: #ffffff;
border-color: #ffffff;
box-shadow: 0 15px 35px rgba(255, 122, 24, 0.4);
}
.page-template-master-innerpage .step-card {
background: #ffffff;
padding: 35px 25px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
transition: all 0.4s ease;
border: 1px solid rgba(15, 23, 42, 0.05);
position: relative;
}
.page-template-master-innerpage .step-card::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 4px;
background: linear-gradient(90deg, #ffcf18, #f1921a);
transition: width 0.4s ease;
border-radius: 0 0 20px 20px;
}
.page-template-master-innerpage .workflow-step:hover .step-card {
transform: translateY(-10px);
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.1);
border-color: rgba(255, 122, 24, 0.2);
}
.page-template-master-innerpage .workflow-step:hover .step-card::after {
width: 100%;
}
.page-template-master-innerpage .step-card h3 {
font-size: 22px;
font-weight: 600;
color: #0f172a;
margin: 0;
} .page-template-master-innerpage .try-demo-now {
background: #f2f6fc;
padding: 60px 0;
position: relative;
}
.page-template-master-innerpage .try-demo-now .try-demo-now-row {
background: linear-gradient(215deg, #0e244e 2.15%, #0e244e 31.64%, #262628 120.91%, #0500db 121.07%);
align-items: center;
border-radius: 20px;
padding: 70px 60px;
position: relative;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}
.page-template-master-innerpage .try-demo-now .text-side h1 {
font-size: 42px;
font-weight: 700;
color: #ffffff;
line-height: 1.3;
margin-bottom: 24px;
}
.page-template-master-innerpage .text-side h1 span {
color: #ffb44f;
background: linear-gradient(145deg, #f2d373, #b47b3c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-innerpage .try-demo-now .text-side p {
color: #e2e6f0;
font-size: 18px;
max-width: 95%;
margin-bottom: 40px;
line-height: 1.6;
}
.page-template-master-innerpage .try-demo-now .text-side a {
text-decoration: none;
padding: 14px 36px;
font-size: 18px;
font-weight: 600;
color: #fff;
background: linear-gradient(145deg, #f2d373, #b47b3c);
border-radius: 8px;
box-shadow: 0 6px 18px rgba(255, 122, 24, 0.3);
transition: all 0.3s ease-in-out;
}
.page-template-master-innerpage .try-demo-now .text-side a:hover {
background: linear-gradient(145deg, #f2d373, #b47b3c);
box-shadow: 0 8px 20px rgba(255, 122, 24, 0.5);
transform: translateY(-2px);
}
.page-template-master-innerpage .try-demo-now .image-wrapper {
position: relative;
z-index: 2;
text-align: center;
}
.page-template-master-innerpage .try-demo-now .image-wrapper img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
transform: scale(1.03);
transition: transform 0.4s ease;
} .page-template-master-innerpage .happy-customer-says {
padding: 100px 0;
background-color: #f8fafc;
overflow: hidden;
}
.page-template-master-innerpage .happy-customer-says .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-master-innerpage .happy-customer-says .heading-text h1,
.page-template-master-innerpage .happy-customer-says .heading h2 {
font-size: 42px;
color: #0e244e;
margin-bottom: 15px;
}
.page-template-master-innerpage .workflow-timeline-section .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-master-innerpage .workflow-timeline-section .heading h2,
.page-template-master-innerpage .workflow-timeline-section .heading h2 {
font-size: 42px;
color: #0e244e;
margin-bottom: 15px;
} .page-template-master-innerpage .happy-customer-says .testimonial-item,
.page-template-master-innerpage .happy-customer-says .inside-card {
position: relative;
margin: 40px 15px 20px;
padding: 50px 30px 30px;
background: #ffffff;
border-radius: 24px;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.06);
transition: all 0.4s ease;
border: 1px solid rgba(0, 0, 0, 0.03);
text-align: center;
height: 100%;
}
.page-template-master-innerpage .happy-customer-says .testimonial-item:hover,
.page-template-master-innerpage .happy-customer-says .inside-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 45px rgba(15, 23, 42, 0.1);
border-color: rgba(255, 145, 0, 0.3);
} .page-template-master-innerpage .happy-customer-says .testimonial-item::before,
.page-template-master-innerpage .happy-customer-says .inside-card::before {
content: '❝';
position: absolute;
top: 30px;
left: 30px;
font-size: 60px;
color: rgba(255, 145, 0, 0.1);
line-height: 1;
font-family: serif;
} .page-template-master-innerpage .happy-customer-says .testimonial-image,
.page-template-master-innerpage .happy-customer-says .testimonial-item .testimonial-img img,
.page-template-master-innerpage .happy-customer-says .inside-card .image img {
width: 90px !important;
height: 90px !important;
border-radius: 50%;
object-fit: cover;
margin: -80px auto 20px !important;
border: 4px solid #ffffff;
box-shadow: 0 10px 20px rgba(255, 145, 0, 0.2);
display: block;
position: relative;
z-index: 2;
left: 0;
top: 0;
}
.page-template-master-innerpage .happy-customer-says .inside-card .image {
position: relative;
top: 0;
left: 0;
} .page-template-master-innerpage .happy-customer-says .testimonial-item .para-text,
.page-template-master-innerpage .happy-customer-says .inside-card p {
font-size: 16px;
line-height: 1.7;
color: #475467;
margin-bottom: 25px;
font-style: italic;
position: relative;
z-index: 2;
} .page-template-master-innerpage .happy-customer-says .client-details,
.page-template-master-innerpage .happy-customer-says .inside-card .user-details {
border-top: 1px solid #f1f5f9;
padding-top: 20px;
margin-top: 20px;
display: block;
}
.page-template-master-innerpage .happy-customer-says .testimonial-title {
display: flex;
flex-direction: column;
}
.page-template-master-innerpage .happy-customer-says .client-name,
.page-template-master-innerpage .happy-customer-says .inside-card .user-details .name,
.page-template-master-innerpage .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin-bottom: 4px;
text-transform: none;
}
.page-template-master-innerpage .happy-customer-says .client-position,
.page-template-master-innerpage .happy-customer-says .inside-card .user-details .position,
.page-template-master-innerpage .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 14px;
color: #ff9100;
font-weight: 500;
} .page-template-master-innerpage .star-color {
color: #ffc94a;
font-size: 16px;
margin-top: 15px;
display: block;
letter-spacing: 2px;
} .page-template-master-management .feature-hero-section.premium {
background: linear-gradient(135deg, #0a243c, #1b4869, #06112a);
padding: 120px 0;
color: #fff;
position: relative;
overflow: hidden;
}
.page-template-master-management .feature-hero-section.premium::before {
content: "";
position: absolute;
top: -20%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(255, 136, 0, 0.2), transparent 70%);
filter: blur(100px);
z-index: 1;
}
.page-template-master-management .left-section {
position: relative;
z-index: 2;
}
.page-template-master-management .top-label {
font-size: 14px;
color: #ffc15f;
margin-bottom: 10px;
letter-spacing: 1.3px;
text-transform: uppercase;
font-weight: 600;
}
.page-template-master-management .title {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
color: #ffffff;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.page-template-master-management .subtitle {
font-size: 18px;
color: #d2d2d2;
margin-bottom: 15px;
max-width: 90%;
}
.page-template-master-management .description {
font-size: 18px;
color: #fff;
margin-bottom: 35px;
}
.page-template-master-management .features-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(200px, 1fr));
gap: 26px 36px;
}
.page-template-master-management .feature-item {
display: flex;
align-items: center;
font-size: 17px;
color: #f4f4f4;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
}
.page-template-master-management .feature-item i {
font-size: 22px;
font-weight: 800;
margin-right: 14px;
background: linear-gradient(90deg, #f2d373, #b47b3c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: transform 0.3s ease;
}
.page-template-master-management .feature-item:hover i {
transform: scale(1.2);
}
.page-template-master-management.feature-item:hover {
color: #ffae00;
}
.page-template-master-management .form-section {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px);
border-radius: 24px;
padding: 50px 35px 30px 35px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.page-template-master-management .form-title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.page-template-master-management .form-title i {
color: #ffc45a;
font-size: 26px;
}
.page-template-master-management .form-section .wpcf7-form-control {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 12px;
color: #fff;
margin-bottom: 15px;
border-radius: 8px;
}
.page-template-master-management .form-section .wpcf7-submit {
background: linear-gradient(145deg, #f2d373, #b47b3c) !important;
color: #fff;
margin-top: 30px !important;
font-size: 20px !important;
border: none;
padding: 12px 28px !important;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(255, 136, 0, 0.4);
transition: all 0.3s ease;
}
.page-template-master-management .wpcf7-submit:hover {
background: linear-gradient(135deg, #ff9e2c, #f3a531);
box-shadow: 0 5px 9px rgba(255, 136, 0, 0.4);
transform: translateY(-3px);
}  @media (min-width: 1200px) {
.page-template-master-innerpage .happy-customer-says .owl-item.active {
transform: scale(0.9);
opacity: 0.5;
z-index: 1;
transition: all 0.5s ease;
}
.page-template-master-innerpage .happy-customer-says .owl-item.active+.owl-item.active {
transform: scale(1.05);
opacity: 1;
z-index: 10;
}
.page-template-master-innerpage .happy-customer-says .owl-item.active+.owl-item.active+.owl-item.active {
transform: scale(0.9);
opacity: 0.5;
z-index: 1;
}
} .page-template-master-innerpage .testimonial-carousel .owl-dots {
display: none !important;
} .page-template-master-innerpage .happy-customer-says .owl-nav {
display: block !important;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
z-index: 20;
}
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-prev,
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-next {
position: absolute;
width: 50px;
height: 50px;
background: #ffffff !important;
border-radius: 50% !important;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15) !important;
color: #ff9100 !important;
font-size: 28px !important;
display: flex !important;
align-items: center;
justify-content: center;
transition: all 0.3s ease !important;
pointer-events: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
transform: translateY(-50%);
margin: 0 !important;
}
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-prev:hover,
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-next:hover {
background: linear-gradient(90deg, #ffcf18, #ff9100) !important;
color: #ffffff !important;
transform: translateY(-50%) scale(1.1);
}
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-prev {
left: -10px;
}
.page-template-master-innerpage .happy-customer-says .owl-nav .owl-next {
right: 10px;
} .page-template-master-innerpage .awards-section-certificate .animated-images-container {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
}
.page-template-master-innerpage .awards-section-certificate .animated-images {
display: flex;
gap: 20px;
animation: moveLeft 20s linear infinite;
}
.page-template-master-innerpage .awards-section-certificate .animated-images img {
max-width: 100px;
height: auto;
flex-shrink: 0;
}
.page-template-master-innerpage .awards-section-certificate .heading p {
color: #0a0a85;
}
.page-template-master-innerpage .awards-section-certificate .heading h2 {
font-size: 40px;
color: #0e244e;
margin-bottom: 13px;
}
.page-template-master-innerpage .awards-section-certificate .heading .para {
font-weight: 300;
font-size: 18px;
width: 80%;
margin: auto;
color: black;
}
.page-template-master-innerpage .awards-section-certificate {
background-color: white;
}
.page-template-master-innerpage .awards-section-certificate .heading {
text-align: center;
margin-bottom: 52px;
} .page-template-master-innerpage .get-started-offer-pro {
padding: 100px 0;
background: linear-gradient(to left,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
position: relative;
z-index: 1;
overflow: hidden;
}
.page-template-master-innerpage .get-started-box {
background: linear-gradient(135deg, #2c6ca6, #00488b, #2a3550);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 60px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(12px);
max-width: 900px;
margin: 0 auto;
}
.page-template-master-innerpage .get-started-box::before,
.get-started-box::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
z-index: -1;
}
.page-template-master-innerpage .get-started-box::before {
top: -40px;
left: -60px;
}
.page-template-master-innerpage .get-started-box::after {
bottom: -40px;
right: -60px;
}
.page-template-master-innerpage .get-started-box .title {
font-size: 36px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.page-template-master-innerpage .get-started-box .subtitle {
font-size: 18px;
color: #d6e5f5;
max-width: 700px;
margin: 0 auto 40px;
line-height: 1.7;
}
.page-template-master-innerpage .get-started-box .subtitle a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.page-template-master-innerpage .btn-get-started {
display: inline-block;
background: #ffffff;
color: #0f3558;
padding: 15px 50px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
text-decoration: none;
}
.page-template-master-innerpage .btn-get-started:hover {
background: #f2f6ff;
color: #00488b;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}
.page-template-master-innerpage .get-started-box .note {
font-size: 14px;
color: #b4c6de;
margin-top: 20px;
letter-spacing: 0.8px;
}
@keyframes moveLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 1024px) {
.page-template-master-innerpage .awards-section-certificate .animated-images {
animation-duration: 25s;
}
}
@media (max-width: 768px) {
.page-template-master-innerpage .awards-section-certificate .animated-images {
animation-duration: 30s;
}
} .page-template-master-management .tab-featurelink-section {
position: relative;
background-color: white;
}
.page-template-master-management .premium-feature-section .container-fluid {
padding: 40px 110px;
}
.page-template-master-management .tab-featurelink-section-left-column .tab-featurelink-section-image .bg-color-set {
background: linear-gradient(321deg,
#102752 2.15%,
#1b4493 31.64%,
#72cbff 120.91%,
#1914ef 121.07%);
background-position: 50%;
background-size: cover;
border-radius: 12px;
position: absolute;
top: -2%;
bottom: 4%;
left: -2%;
right: 7%;
overflow: hidden;
box-shadow: inset 3px 3px 12px rgba(14, 34, 73, 0.25);
}
.page-template-master-management .tab-featurelink-section-left-column {
position: sticky;
top: 75px;
align-self: flex-start;
}
.page-template-features .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
}
.page-template-master-management .feature-tabs-wrapper {
max-width: 460px;
background: rgba(255, 255, 255, 0.75);
border-radius: 20px;
padding: 24px 20px;
backdrop-filter: blur(16px);
box-shadow: 0 16px 48px rgba(20, 30, 80, 0.1);
border: 1px solid rgba(200, 210, 230, 0.3);
}
.page-template-master-management .sidebar-heading {
font-size: 20px;
font-weight: 600;
color: #1e2a38;
margin-bottom: 18px;
padding-left: 14px;
border-left: 3px solid #102348;
letter-spacing: -0.25px;
}
.page-template-master-management .feature-tab-links {
display: flex;
flex-direction: column;
gap: 10px;
}
.page-template-master-management .feature-tab {
display: flex;
align-items: center;
gap: 14px;
padding: 8px 16px;
border-radius: 14px;
background: transparent;
text-decoration: none;
color: #1e2a38;
font-size: 16px;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
border: 1px solid transparent;
}
.page-template-master-management .feature-tab .icon svg {
width: 24px;
height: 24px;
stroke: currentColor;
color: #9aa5b1;
transition: color 0.2s ease;
}
.page-template-master-management .feature-tab .label {
flex: 1;
line-height: 1.4;
}
.page-template-master-management .feature-tab:hover {
background: #f1f6fd;
color: #2e7de1;
border-color: rgba(46, 125, 225, 0.2);
}
.page-template-master-management .feature-tab:hover .icon svg {
color: #2e7de1;
}
.page-template-master-management .feature-tab.active {
background: linear-gradient(145deg, #1b4869, #186095) !important;
color: #ffffff;
border: none;
box-shadow: 0 8px 24px rgba(30, 60, 130, 0.25);
}
.page-template-master-management .feature-tab.active .icon svg {
color: #102348;
}
.page-template-master-management .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
}  .page-template-master-management .tab-featurelink-section-right-column {
padding: 60px 40px;
background: linear-gradient(135deg, #f0f9ff, #e0f0ff);
border-radius: 24px;
}
.page-template-master-management .feature-block {
background: rgba(255, 255, 255, 0.85);
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
padding: 40px 20px;
transition: box-shadow 0.3s ease;
margin-bottom: 20px;
}
.page-template-master-management .feature-block:hover {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.page-template-master-management .inside-text-section {
padding: 10px 30px;
}
.page-template-master-management .inside-text-section h5 {
font-size: 28px;
font-weight: 600;
color: #102348;
margin-bottom: 20px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-management .inside-text-section p {
font-size: 18px;
}
.page-template-master-management .inside-text-section .list {
list-style: none;
padding: 0;
margin: 0;
}
.page-template-master-management .inside-text-section .list li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
font-size: 17px;
line-height: 1.7;
color: #333;
transition: transform 0.3s ease;
}
.page-template-master-management .inside-text-section .list li:hover {
transform: translateX(6px);
}
.page-template-master-management .inside-text-section .list li i {
color: #00bcd4;
font-size: 20px;
margin-top: 3px;
transition: color 0.3s, text-shadow 0.3s;
}
.page-template-master-management .inside-text-section .list li:hover i {
color: #0097a7;
text-shadow: 0 0 8px rgba(0, 188, 212, 0.3);
}
.page-template-master-management .image-side {
overflow: hidden;
border-radius: 18px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: transform 0.4s ease;
}
.page-template-master-management .image-side img {
width: 100%;
border-radius: 18px;
transition: transform 0.4s ease;
}
.page-template-master-management .premium-feature-section .container-fluid {
padding: 40px 60px;
} .page-template-master-management .install-all-technologies-enhanced {
padding: 70px 0;
background: linear-gradient(135deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-top: 2px solid #d0e6ff;
border-bottom: 2px solid #d0e6ff;
}
.page-template-master-management .install-all-technologies-enhanced .main-row {
margin-bottom: 60px;
}
.page-template-master-management .install-all-technologies-enhanced .install-text h2 {
font-size: 36px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-management .install-all-technologies-enhanced .install-text p {
font-size: 20px;
color: #4a4a4a;
margin-top: 10px;
}
.page-template-master-management .install-all-technologies-enhanced .install-button {
background: linear-gradient(90deg, #00488b, #0270e0);
text-decoration: none;
color: #fff;
padding: 14px 32px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
box-shadow: 0 10px 25px rgba(0, 72, 139, 0.3);
transition: all 0.3s ease;
display: inline-block;
}
.page-template-master-management .install-all-technologies-enhanced .install-button:hover {
background: linear-gradient(90deg, #003465, #025bb3);
transform: translateY(-2px);
}
.page-template-master-management .install-all-technologies-enhanced .icons-row .os-card {
background: #ffffff;
padding: 30px 20px;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-master-management .install-all-technologies-enhanced .icons-row .os-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}
.page-template-master-management .install-all-technologies-enhanced .os-card img {
width: 60px;
margin-bottom: 15px;
}
.page-template-master-management .install-all-technologies-enhanced .os-card .text span {
display: block;
font-size: 14px;
color: #777;
}
.page-template-master-management .install-all-technologies-enhanced .os-card .text h4 {
font-size: 20px;
color: #0e244e;
font-weight: 600;
margin-top: 5px;
}
.page-template-master-management .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-master-management .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-master-management .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-master-management .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
}  .page-template-master-management .three-stage-usings {
padding: 80px 0; background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=1920&auto=format&fit=crop);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.page-template-master-management .three-stage-usings .heading-texts p,
.page-template-master-management .three-stage-usings .heading-texts h1 {
color: #ffffff !important;
}
.page-template-master-management .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-master-management .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-management .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-master-management .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-master-management .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-master-management .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-master-management .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-master-management .try-free {
background-color: #122947;
color: #fff;
}
.page-template-master-management .try-free:hover {
background-color: #0a1a30;
}
.page-template-master-management .right-side-box {
background-color: #fff;
border-radius: 12px;
padding: 15px 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 12px;
position: relative;
transition: all 0.3s ease;
min-height: 90px;
}
.page-template-master-management .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-master-management .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-master-management .right-side-box .number-box {
display: flex;
align-items: center;
gap: 8px;
min-width: 65px;
}
.page-template-master-management .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 38px;
height: 38px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-master-management .number {
font-size: 22px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-management .text h3 {
font-size: 15px;
font-weight: 600;
margin-bottom: 0px;
}
.page-template-master-management .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
} .page-template-master-management .happy-customer-says {
padding: 100px 0;
background-color: #f8fafc;
overflow: hidden;
}
.page-template-master-management .happy-customer-says .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-master-management .happy-customer-says .heading-text h1,
.page-template-master-management .happy-customer-says .heading h2 {
font-size: 42px;
color: #0e244e;
margin-bottom: 15px;
}
.page-template-master-management .workflow-timeline-section .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-master-management .workflow-timeline-section .heading h2,
.page-template-master-management .workflow-timeline-section .heading h2 {
font-size: 42px;
color: #0e244e;
margin-bottom: 15px;
} .page-template-master-management .happy-customer-says .testimonial-item,
.page-template-master-management .happy-customer-says .inside-card {
position: relative;
margin: 40px 15px 20px;
padding: 50px 30px 30px;
background: #ffffff;
border-radius: 24px;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.06);
transition: all 0.4s ease;
border: 1px solid rgba(0, 0, 0, 0.03);
text-align: center;
height: 100%;
}
.page-template-master-management .happy-customer-says .testimonial-item:hover,
.page-template-master-management .happy-customer-says .inside-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 45px rgba(15, 23, 42, 0.1);
border-color: rgba(255, 145, 0, 0.3);
} .page-template-master-management .happy-customer-says .testimonial-item::before,
.page-template-master-management .happy-customer-says .inside-card::before {
content: '❝';
position: absolute;
top: 30px;
left: 30px;
font-size: 60px;
color: rgba(255, 145, 0, 0.1);
line-height: 1;
font-family: serif;
} .page-template-master-management .happy-customer-says .testimonial-image,
.page-template-master-management .happy-customer-says .testimonial-item .testimonial-img img,
.page-template-master-management .happy-customer-says .inside-card .image img {
width: 90px !important;
height: 90px !important;
border-radius: 50%;
object-fit: cover;
margin: -80px auto 20px !important;
border: 4px solid #ffffff;
box-shadow: 0 10px 20px rgba(255, 145, 0, 0.2);
display: block;
position: relative;
z-index: 2;
left: 0;
top: 0;
}
.page-template-master-management .happy-customer-says .inside-card .image {
position: relative;
top: 0;
left: 0;
} .page-template-master-management .happy-customer-says .testimonial-item .para-text,
.page-template-master-management .happy-customer-says .inside-card p {
font-size: 16px;
line-height: 1.7;
color: #475467;
margin-bottom: 25px;
font-style: italic;
position: relative;
z-index: 2;
} .page-template-master-management .happy-customer-says .client-details,
.page-template-master-management .happy-customer-says .inside-card .user-details {
border-top: 1px solid #f1f5f9;
padding-top: 20px;
margin-top: 20px;
display: block;
}
.page-template-master-management .happy-customer-says .testimonial-title {
display: flex;
flex-direction: column;
}
.page-template-master-management .happy-customer-says .client-name,
.page-template-master-management .happy-customer-says .inside-card .user-details .name,
.page-template-master-management .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin-bottom: 4px;
text-transform: none;
}
.page-template-master-management .happy-customer-says .client-position,
.page-template-master-management .happy-customer-says .inside-card .user-details .position,
.page-template-master-management .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 14px;
color: #ff9100;
font-weight: 500;
} .page-template-master-management .star-color {
color: #ffc94a;
font-size: 16px;
margin-top: 15px;
display: flex !important;
justify-content: center;
align-items: center;
letter-spacing: 2px;
} .page-template-master-management .happy-customer-says .owl-nav {
display: block !important;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
z-index: 20;
}
.page-template-master-management .happy-customer-says .owl-nav .owl-prev,
.page-template-master-management .happy-customer-says .owl-nav .owl-next {
position: absolute;
width: 50px;
height: 50px;
background: #ffffff !important;
border-radius: 50% !important;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15) !important;
color: #ff9100 !important;
font-size: 28px !important;
display: flex !important;
align-items: center;
justify-content: center;
transition: all 0.3s ease !important;
pointer-events: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
transform: translateY(-50%);
margin: 0 !important;
}
.page-template-master-management .happy-customer-says .owl-nav .owl-prev:hover,
.page-template-master-management .happy-customer-says .owl-nav .owl-next:hover {
background: linear-gradient(90deg, #ffcf18, #ff9100) !important;
color: #ffffff !important;
transform: translateY(-50%) scale(1.1);
}
.page-template-master-management .happy-customer-says .owl-nav .owl-prev {
left: -10px;
}
.page-template-master-management .happy-customer-says .owl-nav .owl-next {
right: 10px;
} .page-template-master-management .feature-page-faq {
background: linear-gradient(250deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-radius: 20px 20px 0px 0px;
}
.page-template-master-management h2.feature-page-faq-heading {
font-size: 44px;
font-weight: 600;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 10px;
}
.page-template-master-management p.feature-page-faq-para {
font-size: 18px;
text-align: center;
color: #444;
max-width: 750px;
margin: 10px auto 40px auto;
padding: 0 15px;
}
.page-template-master-management .premium-faq-accordion .accordion-item {
border: none;
border-radius: 16px;
margin-bottom: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.page-template-master-management .premium-faq-accordion .accordion-item:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.page-template-master-management .premium-faq-accordion .accordion-button {
background: #fff;
color: #102348;
font-weight: 600;
font-size: 18px;
padding: 18px 24px;
border-radius: 16px;
transition: background-color 0.3s ease;
}
.page-template-master-management .premium-faq-accordion .accordion-button::after {
filter: hue-rotate(200deg);
}
.page-template-master-management .premium-faq-accordion .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, #e0f2ff, #f0faff);
color: #004e92;
box-shadow: inset 0 0 0 1px #b3d8f8;
color: #00295c !important;
}
.page-template-master-management .premium-faq-accordion .accordion-body {
padding: 18px 26px;
font-size: 16px;
color: #333;
line-height: 1.6;
}
.page-template-master-management .text-gradient {
background: linear-gradient(90deg, #005bea, #00c6fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .page-template-master-solution .hublog-get-started a{
background: linear-gradient(145deg, #f2d373, #b47b3c);
}
.page-template-master-solution .hero-section {
padding: 140px 0px 60px 20px;
position: relative;
overflow: hidden;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
margin-top: -72px;
}
.page-template-master-solution .hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 107, 221, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 107, 221, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.page-template-master-solution .hero-container {
max-width: 1180px;
margin: 0 auto;
}
.page-template-master-solution .hero-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 60px;
}
.page-template-master-solution .hero-text {
flex: 1 1 520px;
z-index: 2;
}
.page-template-master-solution .hero-text h2 {
font-size: 35px;
font-weight: 600;
line-height: 1.3;
color: #0b1f33;
margin-bottom: 25px;
}
.page-template-master-solution .hero-text h2 span {
color: #004c99;
font-weight: 700;
}
.page-template-master-solution .hero-text p {
font-size: 18px;
line-height: 1.6;
color: #444;
margin-bottom: 35px;
}
.page-template-master-solution .cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #004c99;
color: #fff;
padding: 14px 34px;
border-radius: 40px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 18px rgba(0, 76, 153, 0.2);
}
.page-template-master-solution .cta-button:hover {
background-color: #003366;
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0, 76, 153, 0.25);
}
.page-template-master-solution .cta-button .btn-icon {
margin-bottom: -8px;
transform: rotate(180deg);
}
.page-template-master-solution .hero-image-wrapper {
flex: 1 1 500px;
position: relative;
text-align: center;
}
.page-template-master-solution .hero-image-wrapper img {
max-width: 100%;
border-radius: 16px;
position: relative;
z-index: 2;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}
.page-template-master-solution .hero-image-shadow {
content: "";
position: absolute;
top: -50px;
right: -60px;
width: 120%;
height: 120%;
z-index: 1;
pointer-events: none;
}  .page-template-master-solution .premium-key-features {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 60px 0;
}
.page-template-master-solution .section-heading {
font-size: 40px;
font-weight: 600;
color: #1c1f30;
margin-bottom: 40px;
line-height: 1.4;
}
.page-template-master-solution .solution-key-features-section .gradient-text {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-solution .features-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.page-template-master-solution .feature-card {
display: flex;
gap: 20px;
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
align-items: center;
}
.page-template-master-solution .feature-card:hover {
transform: translateY(-6px);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
}
.page-template-master-solution.feature-icon {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 12px;
background: #f1f3f9;
display: flex;
justify-content: center;
align-items: center;
margin-right: 24px;
}
.page-template-master-solution .feature-icon img {
width: 50px;
}
.page-template-master-solution .feature-content h3 {
font-size: 20px;
color: #1c1f30;
margin-bottom: 10px;
}
.page-template-master-solution .feature-content p {
font-size: 16px;
color: #6a6f81;
line-height: 1.6;
}
.page-template-master-solution .solution-organization-section-button {
text-align: center;
margin-top: 60px;
}
.page-template-master-solution .solution-organization-section-button button {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-master-solution .solution-organization-section-button button:hover {
transform: translateY(-4px);
}  .page-template-master-solution .Still-Need-Help {
padding: 80px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
background-size: cover;
background-position: center;
position: relative;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.page-template-master-solution .Still-Need-Help .help-heading {
font-size: 50px;
font-weight: 700;
margin-bottom: 20px;
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-master-solution .Still-Need-Help .help-description {
font-size: 18px;
color: #2c3e50;
line-height: 1.6;
margin-bottom: 40px;
max-width: 750px;
margin: 0 auto;
}
.page-template-master-solution .Still-Need-Help .help-link {
color: #ff7a18;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.page-template-master-solution .Still-Need-Help .help-link:hover {
color: #0064ff;
}
.Still-Need-Help .help-buttons {
margin-top: 20px;
}
.page-template-master-solution .Still-Need-Help .help-buttons button {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
border: none;
}
.page-template-master-solution .Still-Need-Help .help-buttons button:hover {
transform: translateY(-5px);
}
.page-template-master-solution .Still-Need-Help .help-image {
max-width: 80%;
height: auto;
border-radius: 15px;
}
.page-template-master-solution .Still-Need-Help ul li {
position: relative;
padding-left: 36px;
margin-bottom: 1rem;
list-style: none;
}
.page-template-master-solution .Still-Need-Help ul li::before{
content: '\f00c';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
left: 0;
top: 2px;
color: var(--mm-accent);
background: rgba(249,147,11,0.1);
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
} .page-template-master-pricing .hub-log-main.sticky {
background-color: #fff;
position: fixed;
width: 100%;
left: 0;
top: 0px;
}
.page-template-master-pricing .hub-log-main #mega-menu-wrap-master_menu #mega-menu-master_menu > li.mega-menu-item > a.mega-menu-link{
color: #fff !important;
}
.page-template-master-pricing .hub-log-main.sticky #mega-menu-wrap-master_menu #mega-menu-master_menu > li.mega-menu-item > a.mega-menu-link{
color: #000 !important;
}
.page-template-master-pricing .hub-log-main.sticky .hublog-menu{
padding: 0px;
} .page-template-master-resources .hub-log-main #mega-menu-wrap-master_menu #mega-menu-master_menu > li.mega-menu-item > a.mega-menu-link{
color: #fff !important;
}
.page-template-master-resources .hub-log-main.sticky #mega-menu-wrap-master_menu #mega-menu-master_menu > li.mega-menu-item > a.mega-menu-link{
color: #000 !important;
}
.page-template-master-resources .hub-log-main.sticky .hublog-menu{
padding: 0px;
}   .page-template-HRMS-innerpage .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-HRMS-innerpage .hub-log-main {
background-color: transparent;
position: absolute;
top: 100;
width: 100%;
z-index: 12;
transition: background-color 0.3s ease, box-shadow 0.3s ease,
position 0.3s ease;
}
.page-template-HRMS-innerpage .hublog-hero-section {
text-align: center;
background: linear-gradient(135deg, #fdfdfd 0%, #a2edf5eb 45%, #1f7eadf7 100%);
}
.page-template-HRMS-innerpage .hublog-hero-section .winter {
display: flex;
justify-content: center;
align-items: center;
margin-top: 90px;
}
.page-template-HRMS-innerpage .hublog-hero-section .winter .inside-winter { display: flex;
align-items: center;
border-radius: 18px;
padding: 1px 0px 6px 0;
justify-content: center;
margin-bottom: 16px;
width: 335px;
color: white;
background-image: radial-gradient(100% 100% at 100% 0,
#0593d7 0,
#0d4b76 100%);
box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
transition: box-shadow 0.15s, transform 0.15s;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 22px;
}
.page-template-HRMS-innerpage .hublog-hero-section .winter .inside-winter img {
width: 7%;
background-color: white;
border-radius: 50%;
margin-top: 4px;
}
.page-template-HRMS-innerpage .hublog-hero-section .winter .inside-winter h4 {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 15px;
}
.page-template-HRMS-innerpage .hublog-hero-section .winter .inside-winter p {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 13px;
}
.page-template-HRMS-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-HRMS-innerpage .hublog-hero-section .heading span.dynamic-text,
.page-template-HRMS-innerpage .hublog-hero-section .heading span.dynamic-text-two {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-HRMS-innerpage .hublog-hero-section .demo-button {
display: flex;
justify-content: center;
gap: 23px;
margin: 40px 0px 0px 0px;
}
.page-template-HRMS-innerpage .hublog-hero-section .demo-button a.demo {
text-decoration: none;
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
border-radius: 4px;
color: white;
padding: 10px 45px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-HRMS-innerpage .hublog-hero-section .demo-button a.trial {
text-decoration: none;
background: linear-gradient(
179deg, #188f95 0%, #0f797e 50%, #022a2ef2 100%);
border-radius: 4px;
color: white;
padding: 10px 26px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-HRMS-innerpage .hublog-hero-section .heading p {
font-size: 20px;
margin: 20px 0px;
}
.page-template-HRMS-innerpage .hublog-hero-section .button-under-text {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 28px 0px 45px 0px;
}
.page-template-HRMS-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding: 0px 18px 0px 0px;
border-right: 0.5px solid #999;
}
.page-template-HRMS-innerpage .hublog-hero-section .button-under-text span {
font-size: 14px;
font-weight: 500;
}  .page-template-HRMS-innerpage .solution-tabs-section-column ul#myTab {
justify-content: center;
gap: 14px;
border: none;
}
.page-template-HRMS-innerpage .solution-tabs-section-column ul#myTab button:hover,
.page-template-HRMS-innerpage .solution-tabs-section-column ul#myTab .nav-link.active:hover {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #0e4b4e;
color: white;
transition: all 0.2s ease-in-out !important;
}
.page-template-HRMS-innerpage .solution-tabs-section-column ul#myTab button {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #0e244e;
color: white;
}
.page-template-HRMS-innerpage .solution-tabs-section-column ul#myTab .nav-link.active {
box-shadow: 0 4px 16px #00218933;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: white;
color: #000000;
}
.page-template-HRMS-innerpage .solution-tabs-section-tabs-content {
margin-top: 40px !important;
display: flex;
justify-content: center;
}
.page-template-HRMS-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 80%;
}
.page-template-HRMS-innerpage .solution-tabs-section-column {
margin-bottom: 33px;
}
.page-template-HRMS-innerpage .under-tab-text {
margin-bottom: 47px;
}
.page-template-HRMS-innerpage .under-tab-text p {
font-size: 18px;
margin: 4px 0px;
}
.page-template-HRMS-innerpage .under-tab-text p a {
text-decoration: none;
font-weight: 600;
color: black;
}
.page-template-HRMS-innerpage .under-tab-text h2 {
color: #0e244e;
}
.page-template-HRMS-innerpage .hublog-hero-section .heading span.dynamic-text5,
.page-template-HRMS-innerpage .hublog-hero-section .heading span.dynamic-text-five {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}  .hrm-carousel-premium {
background: linear-gradient(to right, #f9fbff, #f2f6ff);
padding: 80px 0;
border-top: 1px solid #e4ecf7;
}
.page-template-HRMS-innerpage .carousel-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.page-template-HRMS-innerpage .carousel-text {
flex: 1;
min-width: 300px;
}
.page-template-HRMS-innerpage .carousel-text h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 12px;
color: #0a2a66;
}
.page-template-HRMS-innerpage .carousel-text h2 span {
background: linear-gradient(to right, #33c58a, #005aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .carousel-text p {
font-size: 18px;
color: #444;
}
.page-template-HRMS-innerpage .carousel-logos {
position: relative;
overflow: hidden;
}
.carousel-logos::before,
.carousel-logos::after {
content: "";
position: absolute;
top: 30px;
width: 80px;
height: 70%;
z-index: 2;
pointer-events: none;
}
.carousel-logos::before {
left: 0;
background: linear-gradient(to right, #f9fbff 0%, transparent 100%);
}
.carousel-logos::after {
right: 0;
background: linear-gradient(to left, #d9efff 0%, transparent 100%);
}
.page-template-HRMS-innerpage .logo-track {
display: flex;
gap: 40px;
animation: scrollInfinite 15s linear infinite;
}
.page-template-HRMS-innerpage .logo-slide {
flex: none;
width: 160px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.page-template-HRMS-innerpage .logo-slide:hover {
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}
.page-template-HRMS-innerpage .logo-slide img {
max-height: 60px;
max-width: 100%;
object-fit: contain;
}
@keyframes scrollInfinite {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .page-template-HRMS-innerpage .our-growth {
background: linear-gradient(
182deg, #188f95 0%, #0f797e 50%, #022a2ef2 100%);
}
.page-template-HRMS-innerpage .our-growth .heading h2 {
font-size: 20px;
color: white;
}
.page-template-HRMS-innerpage .our-growth .heading {
text-align: center;
margin-bottom: 20px;
}
.page-template-HRMS-innerpage .our-growth-row .number-text {
text-align: center;
padding: 11px 19px;
color: white;
}
.page-template-HRMS-innerpage .clients-logo {
padding: 20px 59px;
}
.page-template-HRMS-innerpage .clients-logo .client-logo-inside {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25px;
}
.page-template-HRMS-innerpage .our-growth .our-growth-row {
width: 76%;
margin: auto;
}
.page-template-HRMS-innerpage .our-growth-row .number-text .number h2 {
font-weight: 800;
margin: 0;
}    .page-template-HRMS-innerpage .sales-growth-section {
padding: 60px 0;
position: relative;
background: linear-gradient(250deg, #dceaf2 0%, #c7e4eb 40%, #b0dcde 80%, #a0cccc 100%);
}
.page-template-HRMS-innerpage .sales-growth-section .heading h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .sales-growth-section .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text {
background: #ffffff;
padding: 50px 45px;
border-radius: 20px;
transition: all 0.3s ease;
position: relative;
z-index: 2;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text:hover {
border-bottom: 3.5px solid #0e4b4e;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text:hover {
transform: translateY(-6px);
box-shadow: 0 25px 90px rgba(0, 0, 0, 0.09);
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text h3 {
font-size: 28px;
font-weight: 500;
color: #102348;
margin-bottom: 15px;
background: linear-gradient(90deg, #017e7e, #002228);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text p {
font-size: 18px;
color: #444;
margin-top: 10px;
line-height: 1.7;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text ul {
list-style: none;
padding-left: 0;
margin-top: 25px;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text ul li {
margin-bottom: 15px;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text ul li h4 {
font-size: 21px;
font-weight: 600;
color: #0e244e;
margin-bottom: 6px;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text ul li p {
font-size: 16px;
color: #5a5a5a;
margin: 0;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text hr {
border: 0;
height: 1px;
background: linear-gradient(to right, #646464, #004a99, #16a9ff);
margin: 8px 0;
}
.page-template-HRMS-innerpage .sales-growth-section .get-started {
display: inline-block;
padding: 14px 34px;
background: linear-gradient(179deg, #188f95 0%, #0f797e 50%, #022a2ef2 100%);
border-radius: 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.3px;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 72, 139, 0.3);
text-decoration: none;
margin-top: 20px;
}
.page-template-HRMS-innerpage .sales-growth-section .get-started:hover {
background: linear-gradient(90deg, #01365c 0%, #035fa1 100%);
box-shadow: 0 12px 35px rgba(0, 72, 139, 0.4);
transform: translateY(-2px);
}
.page-template-HRMS-innerpage .sales-growth-section .insidethe-image {
text-align: center;
}
.page-template-HRMS-innerpage .sales-growth-section .insidethe-image img {
width: 100%;
max-width: 520px;
border-radius: 20px;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}
.sales-growth-section .col-md-6 {
place-content: center;
}
.page-template-HRMS-innerpage .sales-growth-section .insidethe-image.right-side {
text-align: right;
}
.page-template-HRMS-innerpage .sales-growth-section::before {
content: "";
background: url(https://www.transparenttextures.com/patterns/cubes.png); position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.04;
z-index: 0;
pointer-events: none;
}
.page-template-HRMS-innerpage .sales-growth-section .inside-text:hover {
box-shadow: 0 12px 50px rgba(0, 72, 139, 0.1), 0 0 12px rgba(2, 98, 196, 0.2);
transform: translateY(-8px);
} .page-template-HRMS-innerpage .our-customer-says .heading-texts {
text-align: center;
margin-bottom: 40px;
}
.page-template-HRMS-innerpage .our-customer-says .three-cards {
background-color: white;
box-shadow: 0 10px 25px #0000000d;
padding: 40px 40px;
height: 100%;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card {
background-color: #0e4b4e;
border-radius: 5px;
}
.page-template-HRMS-innerpage .our-customer-says .three-cards .image {
min-width: 300px;
min-height: 64px;
}
.page-template-HRMS-innerpage .our-customer-says .three-cards img {
width: 25%;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card .head-text h3 {
text-transform: capitalize;
color: white;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card h3 {
font-size: 22px;
color: #ffba36;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card .head-text span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
}
.page-template-HRMS-innerpage .our-customer-says div#second-card .head-text span {
color: #124b4e;
font-size: 36px;
}
.page-template-HRMS-innerpage .our-customer-says div#third-card .head-text span {
color: #124b4e;
font-size: 36px;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card p {
color: white;
}
.page-template-HRMS-innerpage .our-customer-says div#first-card hr {
color: white;
}
.page-template-HRMS-innerpage .our-customer-says div#second-card .image img {
width: 22%;
}
.page-template-HRMS-innerpage .our-customer-says div#second-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-HRMS-innerpage .our-customer-says div#third-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 107px;
}
.page-template-HRMS-innerpage .our-customer-says div#second-card .last-text p {
font-size: 16px;
}
.page-template-HRMS-innerpage .our-customer-says div#second-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-innerpage .our-customer-says .three-cards .image img {
width: 22%;
}
.page-template-HRMS-innerpage .our-customer-says div#third-card .last-text h3 {
font-size: 22px;
margin-bottom: 8px;
}
.page-template-HRMS-innerpage .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-HRMS-innerpage .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-HRMS-innerpage .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-HRMS-innerpage .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
} .page-template-HRMS-innerpage .try-demo-now {
background: #f2f6fc;
padding: 60px 0;
position: relative;
}
.page-template-HRMS-innerpage .try-demo-now .try-demo-now-row {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
align-items: center;
border-radius: 20px;
padding: 70px 60px;
position: relative;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}
.page-template-HRMS-innerpage .try-demo-now .text-side h1 {
font-size: 42px;
font-weight: 700;
color: #ffffff;
line-height: 1.3;
margin-bottom: 24px;
}
.page-template-HRMS-innerpage .try-demo-now .text-side h1 span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .try-demo-now .text-side p {
color: #e2e6f0;
font-size: 18px;
max-width: 95%;
margin-bottom: 40px;
line-height: 1.6;
}
.page-template-HRMS-innerpage .try-demo-now .text-side a {
text-decoration: none;
padding: 14px 36px;
font-size: 18px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #ff7a18, #ffb14e);
border-radius: 8px;
box-shadow: 0 6px 18px rgba(255, 122, 24, 0.3);
transition: all 0.3s ease-in-out;
}
.page-template-HRMS-innerpage .try-demo-now .text-side a:hover {
background: linear-gradient(135deg, #f97c1d, #ec9b1c);
box-shadow: 0 8px 20px rgba(255, 122, 24, 0.5);
transform: translateY(-2px);
}
.page-template-HRMS-innerpage .try-demo-now .image-wrapper {
position: relative;
z-index: 2;
text-align: center;
}
.page-template-HRMS-innerpage .try-demo-now .image-wrapper img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
transform: scale(1.03);
transition: transform 0.4s ease;
} .page-template-HRMS-innerpage .daily-work-routine {
background: #f6f9fc;
padding: 60px 0;
position: relative;
}
.page-template-HRMS-innerpage .daily-work-routine-heading h2 {
font-size: 46px;
font-weight: 500;
line-height: 1.3;
color: #0f1d3d;
margin-bottom: 40px;
text-align: center;
}
.page-template-HRMS-innerpage .daily-work-routine .inside-box {
background: #ffffff;
border-radius: 20px;
padding: 30px 20px;
box-shadow: 0px 10px 40px rgba(18, 38, 63, 0.07);
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.4s ease;
height: 100%;
}
.page-template-HRMS-innerpage .daily-work-routine .inside-box h3 {
font-size: 22px;
font-weight: 600;
color: #1d2a50;
margin-bottom: 20px;
position: relative;
}
.page-template-HRMS-innerpage .daily-work-routine .inside-box .hover-box {
background: #f2f5f9;
border-radius: 16px;
padding: 14px 20px;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 16px;
width: 100%;
transition: 0.3s;
border: 1px solid transparent;
}
.page-template-HRMS-innerpage .daily-work-routine .inside-box .hover-box:hover {
background: #ffffff;
border-color: #d4e1ff;
box-shadow: 0 8px 24px rgba(13, 39, 80, 0.08);
transform: translateY(-3px);
}
.page-template-HRMS-innerpage .daily-work-routine .hover-box img {
width: 38px;
height: 38px;
border-radius: 12px;
background: linear-gradient(to right, #ff9900, #ffcc70);
padding: 6px;
box-shadow: 0 3px 6px rgba(255, 153, 0, 0.3);
}
.page-template-HRMS-innerpage .hover-box p {
margin: 0;
font-size: 17px;
font-weight: 500;
color: #2b3553;
}
.page-template-HRMS-innerpage #daily-work-image {
max-width: 75%;
margin: auto;
margin-top: 40px;
border-radius: 24px;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(10px);
padding: 8px;
}  .page-template-HRMS-innerpage .three-stage-usings {
padding: 60px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-HRMS-innerpage .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-HRMS-innerpage .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-HRMS-innerpage .try-free {
background-color: #122947;
color: #fff;
}
.page-template-HRMS-innerpage .try-free:hover {
background-color: #0a1a30;
}
.page-template-HRMS-innerpage .inside-right-box {
display: flex;
flex-direction: column;
gap: 15px;
position: relative;
align-items: flex-start;
}
.page-template-HRMS-innerpage .right-side-box {
background: #ffffff;
border-radius: 12px;
padding: 12px 24px 12px 14px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
gap: 16px;
transition: all 0.3s ease;
width: fit-content;
max-width: 100%;
}
.page-template-HRMS-innerpage .right-side-box:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}
.page-template-HRMS-innerpage .right-side-box .number-box {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-HRMS-innerpage .icon {
background: #1e3a68;
color: #fff;
border-radius: 8px;
width: 42px;
height: 42px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-HRMS-innerpage .text h3 {
font-size: 15px;
font-weight: 700;
color: #122947;
margin-bottom: 0;
line-height: 1.3;
}
@media (max-width: 768px) {
.page-template-HRMS-innerpage .three-stage-usings .inside-text {
margin-bottom: 40px;
padding-right: 0;
text-align: center;
}
.page-template-HRMS-innerpage .three-stage-usings .inside-text .buttons {
justify-content: center;
flex-wrap: wrap;
}
} .page-template-HRMS-innerpage .hrms-workflow-section {
padding: 80px 0;
background-color: #f8fbff;
text-align: center;
}
.page-template-HRMS-innerpage .hrms-workflow-section h2 {
font-size: 36px;
color: #122947;
font-weight: 700;
margin-bottom: 60px;
}
.page-template-HRMS-innerpage .hrms-workflow-section h2 span {
color: #ff7a18;
}
.page-template-HRMS-innerpage .workflow-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
max-width: 1200px;
margin: 0 auto;
} .page-template-HRMS-innerpage .workflow-container::before {
content: '';
position: absolute;
top: 40px; left: 5%;
right: 5%;
height: 4px;
background: linear-gradient(90deg, #d0e3ff, #ffb14e);
z-index: 1;
}
.page-template-HRMS-innerpage .workflow-step {
position: relative;
z-index: 2;
flex: 1;
text-align: center;
padding: 0 10px;
}
.page-template-HRMS-innerpage .workflow-icon {
width: 80px;
height: 80px;
background: #fff;
border: 3px solid #ffb44f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px auto;
font-size: 28px;
color: #1e3a68;
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
transition: all 0.4s ease;
}
.page-template-HRMS-innerpage .workflow-step:hover .workflow-icon {
background: linear-gradient(135deg, #ff730f, #ffb44f);
color: #fff;
border-color: transparent;
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(255,115,15,0.25);
}
.page-template-HRMS-innerpage .workflow-title {
font-size: 16px;
font-weight: 700;
color: #122947;
line-height: 1.4;
transition: color 0.3s ease;
}
.page-template-HRMS-innerpage .workflow-step:hover .workflow-title {
color: #ff730f;
} @media (max-width: 992px) {
.page-template-HRMS-innerpage .workflow-container {
flex-direction: column;
align-items: flex-start;
width: fit-content;
margin: 0 auto;
}
.page-template-HRMS-innerpage .workflow-container::before {
top: 0;
bottom: 0;
left: 50px;
width: 4px;
height: auto;
transform: none;
background: linear-gradient(180deg, #d0e3ff, #ffb14e);
}
.page-template-HRMS-innerpage .workflow-step {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 40px;
text-align: left;
}
.page-template-HRMS-innerpage .workflow-icon {
margin: 0 25px 0 0;
flex-shrink: 0;
}
.page-template-HRMS-innerpage .workflow-title {
font-size: 18px;
}
} .page-template-HRMS-innerpage .happy-customer-says .heading {
text-align: center;
margin-bottom: 35px;
}
.page-template-HRMS-innerpage .happy-customer-says .heading h2 {
font-size: 43px;
color: #0e244e;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card .user-details .name {
padding: 0;
margin: 0;
font-size: 13px;
text-transform: capitalize;
color: #ff9900;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card .user-details .position {
padding: 0;
margin: 0;
font-weight: 300;
font-size: 11px;
}
.page-template-HRMS-innerpage .happy-customer-says {
background-color: white;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card {
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
padding: 40px 40px;
height: 100%;
border-radius: 0px 0px 0px 80px;
position: relative;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card .image {
position: absolute;
top: -17px;
left: 19px;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card .image img {
width: 36%;
border-radius: 50%;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card .stars img {
width: 6%;
}
.page-template-HRMS-innerpage .happy-customer-says .inside-card p {
font-size: 14px;
margin-top: 8px;
color: #525252;
} .page-template-HRMS-innerpage .happy-customer-says .testimonial-item {
position: relative;
margin-bottom: 30px;
padding: 0 25px 25px 25px;
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
border-radius: 0px 0px 0px 38px;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 50px);
bottom: 0;
left: 0;
border-radius: 10px;
background: rgb(255, 255, 255);
z-index: -1;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .testimonial-img img {
width: 100px;
height: 100px;
border-radius: 100px;
background: white;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .para-text {
font-size: 14px;
color: #545454;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .client-details {
margin-top: 12px;
}
.page-template-HRMS-innerpage .happy-customer-says .heading-text h1 {
font-size: 40px;
color: #0e244e;
font-weight: 500;
}
.page-template-HRMS-innerpage .happy-customer-says .heading-text h4 {
font-weight: 400;
font-size: 19px;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .client-details .client-name {
font-size: 19px;
line-height: normal;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .client-details .client-position {
font-size: 11px;
line-height: normal;
margin-bottom: 12px;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .testimonial-title {
display: flex;
justify-content: space-between;
}
.page-template-HRMS-innerpage .happy-customer-says .owl-nav .owl-prev {
position: absolute;
top: -58px;
left: 0;
background: dodgerblue;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-HRMS-innerpage .happy-customer-says .owl-nav .owl-prev:hover {
background: green;
color: white;
}
.page-template-HRMS-innerpage .happy-customer-says .owl-nav .owl-next {
position: absolute;
top: -58px;
right: 0;
background: forestgreen;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-HRMS-innerpage .happy-customer-says .owl-nav .owl-next:hover {
background: yellow;
color: white;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots {
display: flex;
justify-content: center;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots .owl-dot {
width: 20px;
height: 20px;
border-radius: 30px;
margin: 20px 10px 0 10px;
background: #ff9100;
transition: 0.5s;
}
.page-template-HRMS-innerpage .star-color {
color: #ffc94a;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 12px;
line-height: normal;
padding: 0;
margin: 0;
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 16px;
line-height: normal;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots .owl-dot.active {
width: 20px;
height: 20px;
border-radius: 30px;
background: #d3d3c4;
transition: 0.5s;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots .owl-dot span {
position: relative;
margin-left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots .owl-dot.active span::after {
background: rgb(255, 145, 0);
}
.page-template-HRMS-innerpage .happy-customer-says .testimonial-image {
width: 16%;
border-radius: 50%;
margin-bottom: 20px;
margin-left: -18px;
}
.page-template-HRMS-innerpage .testimonial-carousel .owl-dots .owl-dot span::after {
content: "";
width: 12px;
height: 12px;
border-radius: 15px;
position: absolute;
top: 47%;
left: -1px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: white;
transition: 0.5s;
} .page-template-HRMS-innerpage .try-demo-now {
padding: 100px 0;
overflow: hidden;
position: relative;
}
.try-demo-now::before {
top: -80px;
left: -80px;
}
.page-template-HRMS-innerpage .try-demo-now .try-demo-now-row {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.07);
backdrop-filter: blur(16px);
border-radius: 16px;
padding: 70px 50px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.page-template-HRMS-innerpage .try-demo-now .text-side h1 {
font-size: 48px;
font-weight: 800;
color: #ffffff;
margin-bottom: 25px;
line-height: 1.3;
}
.page-template-HRMS-innerpage .try-demo-now .text-side h1 span {
background: linear-gradient(90deg, #00ffe0, #4facfe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-HRMS-innerpage .try-demo-now .text-side p {
font-size: 20px;
color: #c8dff9;
margin-bottom: 40px;
max-width: 90%;
line-height: 1.7;
}
.page-template-HRMS-innerpage .try-demo-now .demo-btn {
padding: 14px 36px;
font-size: 18px;
font-weight: 600;
color: #0f3558;
background: #ffffff;
border-radius: 10px;
text-decoration: none;
box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2);
transition: all 0.3s ease-in-out;
}
.page-template-HRMS-innerpage .try-demo-now .demo-btn:hover {
background: linear-gradient(90deg, #00ffe0, #4facfe);
color: #ffffff;
box-shadow: 0 0 25px rgba(0, 255, 224, 0.4);
transform: translateY(-4px);
}
.page-template-HRMS-innerpage .try-demo-now .image {
text-align: center;
}
.page-template-HRMS-innerpage .try-demo-now .image img {
max-width: 100%;
filter: drop-shadow(0 8px 30px rgba(0, 255, 224, 0.2));
animation: float 6s ease-in-out infinite;
border-radius: 6px;
}
@keyframes float {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
@media (max-width: 768px) {
.page-template-HRMS-innerpage .try-demo-now .try-demo-now-row {
padding: 40px 25px;
text-align: center;
}
.page-template-HRMS-innerpage .try-demo-now .text-side h1 {
font-size: 36px;
}
.page-template-HRMS-innerpage .try-demo-now .text-side p {
font-size: 17px;
}
.page-template-HRMS-innerpage .try-demo-now .demo-btn {
padding: 12px 28px;
font-size: 17px;
}
} @media (min-width: 500px) {
.page-template-HRMS-innerpage .hublog-hero-section .heading h1.mobile-text {
display: none;
} }
@media (max-width: 767px) {
.page-template-master-solution .Still-Need-Help {
padding: 60px 20px;
}
.page-template-master-solution .Still-Need-Help .help-description {
font-size: 16px;
}
.page-template-master-solution .Still-Need-Help .btn-help {
padding: 16px 40px;
font-size: 18px;
}
} @media (max-width: 991px) {
.page-template-master-innerpage .workflow-timeline-wrapper {
padding: 0 15px;
}
.page-template-master-innerpage .workflow-line {
width: 4px;
height: calc(100% - 76px);
left: 51px; top: 38px;
right: auto;
background: linear-gradient(180deg, #ff7a18, #ffb14e);
}
.page-template-master-innerpage .workflow-steps {
flex-direction: column;
gap: 30px;
}
.page-template-master-innerpage .workflow-step {
display: flex;
align-items: center;
text-align: left;
padding: 0;
}
.page-template-master-innerpage .step-number {
margin: 0 30px 0 0;
flex-shrink: 0;
z-index: 5;
}
.page-template-master-innerpage .step-card {
flex: 1;
padding: 30px;
}
.page-template-master-innerpage .step-card::after {
left: 0;
transform: none;
width: 4px;
height: 0;
border-radius: 20px 0 0 20px;
}
.page-template-master-innerpage .workflow-step:hover .step-card::after {
width: 4px;
height: 100%;
}
}
@media (max-width: 767px) {
.page-template-master-innerpage .workflow-timeline-section {
padding: 60px 0;
}
.page-template-master-innerpage .workflow-timeline-section h2 {
font-size: 34px;
}
.page-template-master-innerpage .workflow-timeline-section .section-header {
margin-bottom: 50px;
}
.page-template-master-innerpage .step-number {
width: 60px;
height: 60px;
font-size: 20px;
margin: 0 20px 0 0;
}
.page-template-master-innerpage .workflow-line {
left: 43px; height: calc(100% - 60px);
top: 30px;
}
.page-template-master-innerpage .step-card {
padding: 25px 20px;
}
.page-template-master-innerpage .step-card h3 {
font-size: 18px;
} .page-template-master-innerpage .three-stage-usings {
padding: 40px 0;
}
.page-template-master-innerpage .right-side-box {
flex-direction: column;
text-align: center;
padding: 30px 20px;
}
.page-template-master-innerpage .right-side-box .number-box {
justify-content: center;
margin-bottom: 15px;
}
.page-template-master-innerpage .number {
font-size: 28px;
}
.page-template-master-innerpage .icon {
width: 60px;
height: 60px;
font-size: 24px;
}
.page-template-master-innerpage .inside-right-box {
margin-bottom: 30px;
}
.page-template-master-innerpage .heading-texts {
margin-bottom: 30px;
} .page-template-master-innerpage .happy-customer-says {
padding: 60px 0;
}
.page-template-master-innerpage .happy-customer-says .heading-text h1,
.page-template-master-innerpage .happy-customer-says .heading h2 {
font-size: 32px;
}
.page-template-master-innerpage .happy-customer-says .testimonial-item,
.page-template-master-innerpage .happy-customer-says .inside-card {
margin: 40px 10px 10px;
padding: 40px 20px 20px;
}
}
.page-template-master-solution .hub-log-main.sticky {
background-color: #fff;
position: fixed;
width: 100%;
left: 0;
top: 0px;
z-index: 9999;
}
.page-template-master-solution .hublog-menu{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px;
margin: 0px 78px;
} .have-children a::after { margin-left: 30px !important;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
transform: rotate(270deg);
}
#mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
padding: 0px 0px 0px 18px;
}
.page-template-security #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ff7800 !important;
}
.page-template-partners #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ff7800 !important;
}
.page-template-documentation #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ff7800 !important;
}
#mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
color: #ff7800;
}
#mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item>a.mega-menu-link:hover {
color: #ff7800;
}
.modal-body-hublog-form {
overflow: hidden;
}
.hub-log-main {
position: relative;
z-index: 99;
}
.second-have-children a::after {
display: none;
}
.sticky-logo {
display: none;
transition: opacity 0.3s ease;
}
.non-stick-logo {
transition: opacity 0.3s ease;
} .hub-log-main.sticky .sticky-logo {
display: inline-block;
opacity: 1;
}
.hub-log-main.sticky .non-stick-logo {
display: none;
}
.page-template-documentation .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.hublog-nav .have-children .dropdown-menu {
display: none;
position: absolute;
background: #ffffff;
list-style: none;
top: 0%;
left: 255px;
padding: 10px 0;
width: max-content;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
} .page-template-features #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item>a.mega-menu-link {
color: #ffffff;
}
.page-template-features .hub-log-main.sticky #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item>a.mega-menu-link {
color: #000;
}
#mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #fff;
} li.dont-children.menu-item.menu-item-type-post_type.menu-item-object-page>a {
position: relative;
display: inline-block;
padding-bottom: 2px;
}
li.dont-children.menu-item.menu-item-type-post_type.menu-item-object-page>a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #0091f2;
transition: width 0.3s;
}
li.dont-children.menu-item.menu-item-type-post_type.menu-item-object-page>a:hover::after {
width: 50%;
} :root {
--primary-color: #1d548d;
--secondary-color: #ff7a3d;
--tertiary-color: #ff5100;
--quaternary-color: #f47e20;
--font-family: "Outfit", serif;
}
:root {
--font-roboto: "Outfit", serif;
--font-thin: 100;
--font-extralight: 200;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 800;
--font-black: 900;
}
.Roboto-thin {
font-family: var(--font-roboto);
font-weight: var(--font-thin);
}
.Roboto-extralight {
font-family: var(--font-roboto);
font-weight: var(--font-extralight);
}
.Roboto-light {
font-family: var(--font-roboto);
font-weight: var(--font-light);
}
.Roboto-regular {
font-family: var(--font-roboto);
font-weight: var(--font-regular);
}
.Roboto-medium {
font-family: var(--font-roboto);
font-weight: var(--font-medium);
}
.Roboto-semibold {
font-family: var(--font-roboto);
font-weight: var(--font-semibold);
}
.Roboto-bold {
font-family: var(--font-roboto);
font-weight: var(--font-bold);
}
.Roboto-extrabold {
font-family: var(--font-roboto);
font-weight: var(--font-extrabold);
}
.Roboto-black {
font-family: var(--font-roboto);
font-weight: var(--font-black);
}
.Roboto-thin-italic {
font-family: var(--font-roboto);
font-weight: var(--font-thin);
font-style: italic;
}
.Roboto-extralight-italic {
font-family: var(--font-roboto);
font-weight: var(--font-extralight);
font-style: italic;
}
.Roboto-light-italic {
font-family: var(--font-roboto);
font-weight: var(--font-light);
font-style: italic;
}
.Roboto-regular-italic {
font-family: var(--font-roboto);
font-weight: var(--font-regular);
font-style: italic;
}
.Roboto-medium-italic {
font-family: var(--font-roboto);
font-weight: var(--font-medium);
font-style: italic;
}
.Roboto-semibold-italic {
font-family: var(--font-roboto);
font-weight: var(--font-semibold);
font-style: italic;
}
.Roboto-bold-italic {
font-family: var(--font-roboto);
font-weight: var(--font-bold);
font-style: italic;
}
.Roboto-extrabold-italic {
font-family: var(--font-roboto);
font-weight: var(--font-extrabold);
font-style: italic;
}
.Roboto-black-italic {
font-family: var(--font-roboto);
font-weight: var(--font-black);
font-style: italic;
}
body {
background-color: #f8f9fa;
font-family: var(--font-roboto) !important;
}
h4 {
font-size: 25px;
line-height: 32px;
}
p {
margin: 0;
padding: 0;
line-height: 28px;
font-size: 16px;
}
h2.comman_heading,
h2.core-values-heading {
font-size: 40px;
color: var(--primary-color);
font-family: var(--font-family);
}
p.common_para {
margin: 0;
padding: 0;
line-height: 28px;
font-size: 16px;
} i.fas.fa-blog {
background-image: linear-gradient(45deg, #ff6b6b, #f7a200);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
transition: background-image 0.3s ease;
}
i.fas.fa-cogs {
background-image: linear-gradient(45deg, #0067ff, #000000);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
transition: background-image 0.3s ease;
}
i.fas.fa-tasks {
background-image: linear-gradient(45deg, #6a11cb, #2575fc);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
transition: background-image 0.3s ease;
}
i.fas.fa-book {
background-image: linear-gradient(45deg, #ff6b6b, #f7a200);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
transition: background-image 0.3s ease;
}
i.fas.fa-user {
background-image: linear-gradient(45deg, #ff6b6b, #f7a200);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
transition: background-image 0.3s ease;
} .page-template-home header {
background-color: white;
position: sticky;
top: 0px;
z-index: 11;
box-shadow: 0px 0px 5px 0px #e9dddd;
}
.page-template-innerpage .hub-log-main {
background-color: transparent;
position: absolute;
top: 100;
width: 100%;
z-index: 12;
transition: background-color 0.3s ease, box-shadow 0.3s ease,
position 0.3s ease;
}
.page-template-crm-innerpage .hub-log-main {
background-color: transparent;
position: absolute;
top: 100;
width: 100%;
z-index: 10;
transition: background-color 0.3s ease, box-shadow 0.3s ease,
position 0.3s ease;
}
a.hublog_logo img {
width: 157px;
}
.page-template-innerpage .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-crm-innerpage .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}   #enquiryModal .premium-modal {
border: none;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 0, 0, 0.12);
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
#enquiryModal br {
display: none !important;
}
#enquiryModal .premium-header {
background: linear-gradient(135deg, #0e244e 0%, #1a3a7a 100%);
color: white;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 25px 30px;
position: relative;
}
#enquiryModal .premium-title {
font-size: 28px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 auto;
text-align: center;
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
#enquiryModal .premium-close {
position: absolute;
right: 20px;
top: 20px;
color: rgba(255, 255, 255, 0.8);
opacity: 0.8;
transition: all 0.3s ease;
filter: invert(1);
}
#enquiryModal .premium-close:hover {
opacity: 1;
transform: scale(1.1);
}
#enquiryModal .modal-body-enquiry-form {
padding: 30px 30px 0px 30px;
}
#enquiryModal p {
line-height: 20px;
}
#enquiryModal .premium-form-container {
max-width: 600px;
margin: 0 auto;
}
#enquiryModal .wpcf7-form {
padding: 0;
}
#enquiryModal .wpcf7-form label {
display: block;
margin-bottom: 8px;
font-size: 15px;
color: #4a5568;
font-weight: 500;
}
#enquiryModal .wpcf7-form input,
#enquiryModal .wpcf7-form select,
#enquiryModal .wpcf7-form textarea {
width: 100%;
padding: 14px 18px;
margin-bottom: 20px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 15px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
background-color: #f8fafc;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}
#enquiryModal .wpcf7-form input:focus,
#enquiryModal .wpcf7-form select:focus,
#enquiryModal .wpcf7-form textarea:focus {
border-color: #0e244e;
background-color: white;
box-shadow: 0 0 0 3px rgba(14, 36, 78, 0.1),
inset 0 1px 3px rgba(0, 0, 0, 0.05);
outline: none;
}
#enquiryModal .wpcf7-form textarea {
height: 150px;
resize: vertical;
}
#enquiryModal .enquiry-submit {
text-align: center;
margin-top: 25px;
}
#enquiryModal .enquiry-submit .wpcf7-submit {
background: linear-gradient(135deg, #0e244e 0%, #1a3a7a 100%);
color: white;
padding: 16px 40px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.5px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(14, 36, 78, 0.2);
text-transform: uppercase;
}
#enquiryModal .enquiry-submit .wpcf7-submit:hover {
background: linear-gradient(135deg, #1a3a7a 0%, #0e244e 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(14, 36, 78, 0.3);
}
#enquiryModal .premium-footer {
background-color: #f8fafc;
border-top: 1px solid #edf2f7;
padding: 15px 30px;
text-align: center;
display: block !important;
}
#enquiryModal .premium-assurance {
color: #718096;
font-size: 13px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#enquiryModal .premium-assurance i {
color: #38a169;
}
#enquiryModal .modal-dialog {
max-width: 700px !important;
} @media (max-width: 768px) {
#enquiryModal .premium-header {
padding: 10px !important;
}
#enquiryModal .premium-title {
font-size: 22px;
padding-bottom: 20px;
}
#enquiryModal .modal-body-enquiry-form {
padding: 20px;
}
#enquiryModal .premium-assurance {
line-height: 18px;
}
} #enquiryModal .modal.fade .modal-dialog {
transition: transform 0.3s ease-out, opacity 0.3s ease;
transform: translate(0, -50px);
}
#enquiryModal .modal.show .modal-dialog {
transform: translate(0, 0);
} .page-template-home .premium-faq-accordion .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, #e0f2ff, #f0faff);
color: #004e92;
box-shadow: inset 0 0 0 1px #b3d8f8;
color: #00295c !important;
}
.page-template-home .text-gradient {
background: linear-gradient(90deg, #005bea, #00c6fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-home .premium-faq-accordion .accordion-button {
background: transparent;
color: #102348;
font-weight: 600;
font-size: 18px;
padding: 18px 24px;
border-radius: 16px;
transition: background-color 0.3s ease;
}
.page-template-home .premium-faq-accordion .accordion-body {
padding: 18px 26px;
font-size: 16px;
color: #333;
line-height: 1.6;
}
.page-template-home .feature-page-faq {
background: linear-gradient(145deg, #f3f9ff, #eaf2ff);
border-radius: 24px;
}
.page-template-home h2.feature-page-faq-heading {
font-size: 44px;
font-weight: 600;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 10px;
}
.page-template-home p.feature-page-faq-para {
font-size: 18px;
text-align: center;
color: #444;
max-width: 750px;
margin: 10px auto 40px auto;
padding: 0 15px;
}
.page-template-home .premium-faq-accordion .accordion-item {
border: none;
background: rgba(255, 255, 255, 0.7);
border-radius: 16px;
margin-bottom: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
backdrop-filter: blur(6px);
overflow: hidden;
transition: all 0.3s ease-in-out;
}   #hublogModal .modal-dialog {
max-width: 1000px !important;
margin: 1.75rem auto;
}
#hublogModal .premium-hublog-content {
border: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.25), 0 15px 40px rgba(0, 0, 0, 0.15);
min-height: 600px;
}
#hublogModal .premium-hublog-header {
border: none;
padding: 0;
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
}
#hublogModal .premium-close-btn {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
margin: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
}
#hublogModal .premium-close-btn:hover {
background: rgba(255, 255, 255, 0.25);
transform: rotate(90deg);
}
#hublogModal .premium-image-col {
padding: 0;
position: relative;
}
#hublogModal .premium-image-side {
height: 100%;
min-height: 600px;
position: relative;
overflow: hidden;
}
#hublogModal .premium-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(39, 37, 76, 0.85) 0%, rgba(63, 99, 255, 0.7) 100%);
z-index: 1;
}
#hublogModal .premium-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
#hublogModal .premium-image-content {
position: relative;
z-index: 2;
padding: 60px 40px;
color: white;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
#hublogModal .premium-image-content h3 {
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.3;
}
#hublogModal .premium-image-content p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
opacity: 0.9;
}
#hublogModal .premium-contacts {
margin-top: 40px;
}
#hublogModal .contact-item {
display: flex;
align-items: center;
margin-bottom: 15px;
}
#hublogModal .contact-item i {
font-size: 18px;
margin-right: 15px;
color: #63b6ff;
}
#hublogModal .contact-item span {
font-size: 15px;
font-weight: 500;
}
#hublogModal .premium-form-col {
padding: 13px 40px;
display: flex;
align-items: center;
}
#hublogModal .premium-form-container {
width: 100%;
}
#hublogModal .premium-form-heading {
margin-bottom: 30px;
text-align: center;
}
#hublogModal .premium-form-heading h2 {
font-size: 28px;
font-weight: 700;
color: #27254c;
margin-bottom: 10px;
}
#hublogModal .premium-form-heading .premium-subtitle {
font-size: 15px;
color: #6b7280;
margin-bottom: 0;
} #hublogModal .input-sections p {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 25px;
position: relative;
}
#hublogModal .hublog-form-textarea p {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 25px;
position: relative;
}
#hublogModal .input-sections p:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, #63b6ff 0%, #27254c 100%);
transition: width 0.4s ease;
}
#hublogModal .hublog-form-textarea p:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, #63b6ff 0%, #27254c 100%);
transition: width 0.4s ease;
}
#hublogModal .input-sections p input:focus+.input-label,
#hublogModal .input-sections p textarea:focus+.input-label {
transform: translateY(-25px);
font-size: 12px;
color: #63b6ff;
}
#hublogModal .input-sections p input,
#hublogModal textarea.wpcf7-form-control.wpcf7-textarea {
padding: 12px 0 8px 0;
outline: none;
border: none;
border-radius: 0;
background: transparent;
border-bottom: 1px solid #e5e7eb;
width: 100%;
font-size: 15px;
transition: all 0.3s ease;
}
#hublogModal .input-sections p input:focus,
#hublogModal textarea.wpcf7-form-control.wpcf7-textarea:focus {
border-bottom-color: transparent;
}
#hublogModal .input-sections p:focus-within:after {
width: 100%;
}
#hublogModal .hublog-form-textarea p:focus-within:after {
width: 100%;
}
#hublogModal textarea.wpcf7-form-control.wpcf7-textarea {
height: 100px !important;
resize: none;
} #hublogModal .hublog-form-modal .hublog-form-submit p {
margin: 40px 0 0;
}
#hublogModal .wpcf7-submit {
border: none;
width: 100%;
background: linear-gradient(135deg, #27254c 0%, #3f63ff 100%);
color: white;
font-weight: 600;
font-size: 16px;
padding: 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(39, 37, 76, 0.2);
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 12px;
}
#hublogModal .wpcf7-submit:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(39, 37, 76, 0.3);
background: linear-gradient(135deg, #3f63ff 0%, #27254c 100%);
} #hublogModal .premium-form-footer {
margin-top: 10px;
}
#hublogModal .premium-trust-badges {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
#hublogModal .trust-badge {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: #6b7280;
}
#hublogModal .trust-badge i {
color: #63b6ff;
font-size: 14px;
} @media (max-width: 992px) {
#hublogModal .premium-image-col {
display: none;
}
#hublogModal .premium-form-col {
padding: 40px 30px;
}
}
@media (max-width: 576px) {
#hublogModal .premium-form-col {
padding: 30px 20px;
}
#hublogModal .premium-form-heading h2 {
font-size: 24px;
}
#hublogModal .premium-form-heading .premium-subtitle {
font-size: 14px;
}
#hublogModal .input-sections p {
flex-direction: column;
gap: 25px;
}
}   :root {
--primary-color1: #2EBB0A;
--primary-dark: #1E7A07;
--accent-color: #153C76;
--text-dark: #2D3748;
--text-light: #718096;
--light-bg: #F8FAFC;
--white: #FFFFFF;
--gray-light: #E2E8F0;
--transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
} #crmModal .modal-dialog {
max-width: 1000px;
margin: 1.75rem auto;
}
#crmModal .hublog-form-modal .modal-content {
border: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
} #crmModal .hublog-form-close-button {
position: absolute;
right: 20px;
top: 20px;
z-index: 10;
border: none;
padding: 0;
background: transparent;
}
#crmModal .hublog-form-close-button .btn-close {
opacity: 1;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 50%;
padding: 8px;
transition: var(--transition);
}
#crmModal .hublog-form-close-button .btn-close:hover {
background: rgba(255, 255, 255, 0.3);
transform: rotate(90deg);
} #crmModal .image-side {
position: relative;
height: 100%;
min-height: 500px;
overflow: hidden;
}
#crmModal .image-side img {
width: 100%;
height: 100%;
object-fit: cover;
}
#crmModal .image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00488b9c 0%, #0262c4ed 100%);
z-index: 1;
}
#crmModal .image-content {
position: absolute;
top: 30%;
left: 40px;
right: 40px;
z-index: 2;
color: var(--white);
}
#crmModal .container-fluid {
padding: 0px !important;
}
#crmModal .image-content h3 {
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.3;
}
#crmModal .image-content p {
font-size: 16px;
opacity: 0.9;
margin-bottom: 30px;
}
#crmModal .contact-info {
display: flex;
flex-direction: column;
gap: 15px;
}
#crmModal .info-item {
display: flex;
align-items: center;
gap: 10px;
}
#crmModal .info-item svg {
flex-shrink: 0;
}
#crmModal .info-item span {
font-size: 15px;
opacity: 0.9;
} #crmModal .form-side {
padding: 50px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
#crmModal .hublog-form-heading {
margin-bottom: 30px;
}
#crmModal .hublog-form-heading h2 {
font-size: 32px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 10px;
}
#crmModal .hublog-form-heading p {
font-size: 16px;
color: var(--text-light);
} #crmModal .input-sections p {
margin-bottom: 25px;
position: relative;
}
#crmModal .input-sections p:last-child {
margin-bottom: 0;
}
#crmModal .input-sections p input,
#crmModal .hublog-form-textarea p textarea {
width: 100%;
padding: 12px 0;
border: none;
border-bottom: 1px solid var(--gray-light);
background: transparent;
font-size: 15px;
color: var(--text-dark);
transition: var(--transition);
margin-bottom: 10px;
}
#crmModal .hublog-form-textarea p textarea {
height: 110px;
}
#crmModal .input-sections p input:focus,
#crmModal .hublog-form-textarea p textarea:focus {
outline: none;
border-bottom-color: var(--primary-color1);
}
#crmModal .input-sections p textarea {
height: 100px !important;
resize: none;
}
#crmModal .input-sections p label {
position: absolute;
top: 12px;
left: 0;
color: var(--text-light);
font-size: 15px;
pointer-events: none;
transition: var(--transition);
}
#crmModal .input-sections p input:focus+label,
#crmModal .input-sections p input:not(:placeholder-shown)+label,
#crmModal .input-sections p textarea:focus+label,
#crmModal .input-sections p textarea:not(:placeholder-shown)+label {
top: -15px;
font-size: 12px;
color: var(--primary-color);
}
#crmModal .wpcf7-submit {
width: 100%;
padding: 15px;
background: linear-gradient(90deg, #00488b 0%, #0262c4 100%);
color: white;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: var(--transition);
box-shadow: 0 4px 15px #d0e3ff;
margin-top: 10px;
}
#crmModal .wpcf7-submit:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px #d0e3ff;
} #crmModal .form-footer {
margin-top: 20px;
text-align: center;
font-size: 13px;
color: var(--text-light);
}
#crmModal .form-footer a {
color: #0e244e;
text-decoration: none;
transition: var(--transition);
}
#crmModal .form-footer a:hover {
text-decoration: underline;
} @media (max-width: 991.98px) {
#crmModal .form-side {
padding: 30px;
}
#crmModal .image-content {
left: 30px;
right: 30px;
bottom: 30px;
}
}
@media (max-width: 767.98px) {
#crmModal .hublog-form-modal .modal-dialog {
margin: 0.5rem auto;
}
#crmModal .form-side {
padding: 25px;
}
#crmModal .hublog-form-heading h2 {
font-size: 26px;
}
#crmModal .image-side {
min-height: 300px;
}
}  .page-template-master-resources .hub-log-main.sticky{
background-color: white;
position: fixed;
width: 100%;
left: 0;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
} .page-template-master-resources .feature-page-faq {
background: linear-gradient(250deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-radius: 20px 20px 0px 0px;
}
.page-template-master-resources h2.feature-page-faq-heading {
font-size: 44px;
font-weight: 600;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 10px;
}
.page-template-master-resources p.feature-page-faq-para {
font-size: 18px;
text-align: center;
color: #444;
max-width: 750px;
margin: 10px auto 40px auto;
padding: 0 15px;
}
.page-template-master-resources .premium-faq-accordion .accordion-item {
border: none;
border-radius: 16px;
margin-bottom: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.page-template-master-resources .premium-faq-accordion .accordion-item:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.page-template-master-resources .premium-faq-accordion .accordion-button {
background: #fff;
color: #102348;
font-weight: 600;
font-size: 18px;
padding: 18px 24px;
border-radius: 16px;
transition: background-color 0.3s ease;
}
.page-template-master-resources .premium-faq-accordion .accordion-button::after {
filter: hue-rotate(200deg);
}
.page-template-master-resources .premium-faq-accordion .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, #e0f2ff, #f0faff);
color: #004e92;
box-shadow: inset 0 0 0 1px #b3d8f8;
color: #00295c !important;
}
.page-template-master-resources .premium-faq-accordion .accordion-body {
padding: 18px 26px;
font-size: 16px;
color: #333;
line-height: 1.6;
}
.page-template-master-resources .text-gradient {
background: linear-gradient(90deg, #005bea, #00c6fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}     .hublog-nav .dropdown-menu li a:hover {
color: #0091f2;
}
div#navbarNav ul {
background-color: #ffffff;
width: 100%;
flex-direction: row;
display: flex;
gap: 29px;
text-decoration: none;
align-items: center;
padding-left: 20px;
margin: 0px;
}
div#navbarNav ul li a {
text-decoration: none;
color: var(--primary-color);
font-size: 16px;
font-weight: 600;
position: relative;
padding-bottom: 4px;
}
div#navbarNav ul li a:hover {
color: var(--tertiary-color);
}
div#navbarNav ul li a:hover::after {
width: 100%;
}
div#navbarNav ul li a:hover::after {
width: 100%;
opacity: 1;
}
img.img-fluid {
width: 128px;
}
.header-next {
background: #fff;
}
button#enroll_now_header {
width: max-content;
background-color: var(--primary-color);
color: white;
font-weight: 600;
padding: 3px 16px;
border-radius: 7px;
border: var(--primary-color) 1px solid;
cursor: pointer;
transition: background-color 0.4s ease, transform 0.4s ease;
}
button#enroll_now_header:hover {
color: white;
background-color: var(--primary-color);
transform: translateY(-2px);
}
button#enroll_now_header:active {
transform: translateY(2px);
}
@media (max-width: 600px) {
button.navbar-toggler i {
color: #1d548d;
font-size: 36px;
}
.mobile-menu {
padding: 20px;
}
.navbar-nav {
list-style: none;
padding-left: 0;
}
.navbar-nav li {
padding: 10px 0;
}
.navbar-nav a {
color: white;
text-decoration: none;
display: block;
}
body.menu-open::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
transition: opacity 0.3s ease-in-out;
}
body:not(.menu-open)::before {
display: none;
}
div#navbarNav ul {
flex-direction: column;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
display: block !important;
flex-basis: auto;
}
}
.mobile-menu {
display: flex;
}  .main_banner_section {
display: flex;
width: 100%;
}
.product_side {
max-width: 390px;
background-color: #fff;
border: 1px solid #e7ebf0;
border-radius: 5px;
width: 100%;
}
.ovreall_banner_main {
width: 90%;
max-width: 1280px;
margin: 0 auto;
}
h1.banner_heade_text {
text-align: left;
font-size: 50px;
overflow: hidden;
color: #fff;
font-family: var(--font-family);
}
span#span_under_text {
display: block;
}
.content_side p {
color: #eee;
display: block;
text-align: left;
width: 100%;
max-width: 650px;
margin: 20px 0 30px;
font-size: 20px;
}
.action_button {
display: flex;
text-align: left;
width: 100%;
}
a.actionbutton_atag:hover {
background-color: var(--tertiary-color);
}
.header_image img {
width: 60%;
float: left;
padding-top: 20px;
}
.web_product_name {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--primary-color);
text-align: left;
font-weight: 600;
text-align: left;
padding: 20px 20px;
}
a.product_links {
display: flex;
text-decoration: none;
transition: all 0.3s ease;
color: #1d548d;
}
ul.products_ulist li {
text-decoration: none;
list-style: none;
padding-bottom: 20px;
}
ul.products_ulist {
padding: 10px 40px;
margin-bottom: 0;
}
span.product_logo {
font-size: 27px;
width: 25px;
}
.text_product {
text-align: start;
display: inline-block;
padding-left: 35px;
}
span#paranames {
display: block;
color: black;
font-family: var(--font-roboto);
font-weight: var(--font-light);
}
span.link_mark_icon {
display: flex;
align-items: center;
color: var(--primary-color);
transition: transform 0.3s ease;
}
.text_product label {
font-size: 22px;
color: black;
transition: transform 0.3s ease;
font-family: var(--font-roboto);
font-weight: var(--font-regular);
}
.explore_link {
padding: 16px 41px 20px;
border-top: 1px solid #e7ebf0;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
font-weight: 600;
}
ul.products_ulist li:hover .link_mark_icon {
transform: translateX(10px);
}
ul.products_ulist li:hover .text_product label {
color: #1d548d;
}
ul.products_ulist li:hover span.product_logo {
color: black;
}  .btn-one {
transition: background-color 0.3s ease;
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
padding: 10px 28px;
border-radius: 3px;
color: white;
text-decoration: none;
font-size: 16px;
font-family: var(--font-roboto);
font-weight: var(--font-regular);
border: none;
transition: background-color 0.3s ease;
}
.btn-one:hover {
background-color: var(--tertiary-color);
}  .section-three-left-column h2 {
font-size: 50px;
}
.section-three-left-column {
width: 600px;
}
p.section-three-left-column-discription {
font-size: 20px;
padding: 15px 0;
margin-bottom: 0px;
}
section#our_success_section {
background: linear-gradient(135deg,
rgba(26, 82, 139, 0.9) 0%,
rgba(18, 113, 209, 0.9) 40%,
rgba(71, 157, 237, 0.9) 100%);
color: white;
padding: 60px 0px 210px 0px;
}
.section-three-right-column-img img {
width: 463px;
height: 510px;
z-index: 2;
position: relative;
border-radius: 10px;
}
.section-three-right-column-img {
text-align: right;
}
.section-three-right-column-absolute-text .details {
position: absolute;
bottom: 70px;
text-align: left;
left: 163px;
right: 28px;
backdrop-filter: blur(21.7710590363px);
font-weight: 500;
bottom: 58px;
padding: 22px 28px;
font-size: 16px;
z-index: 3;
border-radius: 10px;
animation: floating 3s ease-in-out infinite;
}
.row.g-4.main_flex_section_three .col-md-6 {
position: relative;
}
.section-three-right-column-absolute-text .details h4 {
font-size: 48px;
line-height: 56px;
margin-bottom: 3px;
}
.section-three-right-column-img::after {
width: 903px;
height: 542px;
display: inline-block;
content: "";
background: #57bffd;
opacity: 1;
filter: blur(132px);
position: absolute;
left: -35px;
bottom: -282px;
z-index: 1;
}
a.explore.lrng-btn {
width: 204px;
display: block;
margin: 0 auto;
line-height: 48px;
border-radius: 6px;
text-align: center;
font-size: 16px;
font-weight: 500;
background: #fff;
border: 1px solid #fff;
color: var(--primary-color);
cursor: pointer;
text-decoration: none;
}
a.explore.lrng-btn:hover {
background-color: transparent;
color: white;
}
.section-three-left-column-btns {
display: flex;
margin-top: 30px;
gap: 42px;
}
a.lrng-btn.contact-us {
background: transparent;
color: #fff;
width: 204px;
display: block;
margin: 0 auto;
line-height: 48px;
border-radius: 6px;
text-align: center;
font-size: 16px;
font-weight: 500;
border: 1px solid #fff;
cursor: pointer;
text-decoration: none;
}
.partenr-logo-section-three-container {
margin-top: -130px;
margin-bottom: 60px;
padding: 50px 16px 80px 16px;
background: #fff;
border-radius: 15px;
box-shadow: 0px 216px 60px 0px rgba(214, 214, 214, 0),
0px 35px 35px 0px rgba(214, 214, 214, 0.09),
0px 9px 19px 0px rgba(214, 214, 214, 0.1);
text-align: center;
z-index: 4;
position: relative;
}
.partenr-logo-section-three h3 {
color: #111827;
font-size: 24px;
font-weight: 500;
line-height: 32.4px;
margin: 0;
padding-bottom: 15px;
}
.container.partenr-logo-section-three-container .list {
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 83px;
flex-wrap: wrap;
width: 95%;
margin: auto;
margin-top: 33px;
justify-content: center;
}
.container.partenr-logo-section-three-container .logo {
width: 136px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.logo img {
border-right: 4px solid #008eff7a;
width: 85%;
border-radius: 70px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.logo img:hover {
transform: rotate(10deg);
border-right: 6px solid #008eff7a;
}  .page-template-home section.c-section {
background-color: white;
}
.c-section-overaly-image img {
width: 26%;
position: absolute;
right: 81px;
top: 35px;
}
ul.c-services li {
cursor: pointer;
}
section.c-section .container {
position: relative;
}
.section-title {
text-align: center;
position: relative;
font-size: 28px;
color: #000;
}
.container.section-title p {
padding: 10px 0;
}
.section-title h2:after {
content: "";
position: absolute;
display: block;
width: 50px;
height: 3px;
background: var(--accent-color);
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
section,
.section {
color: var(--default-color);
padding: 60px 0;
scroll-margin-top: 90px;
overflow: clip;
}  section.privilege-section {
margin: 0px !important;
padding-top: 40px !important;
padding-bottom: 80px;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.accordion-button:not(.collapsed) {
background: linear-gradient(135deg,
rgba(26, 82, 139, 0.9) 0%,
rgba(18, 113, 209, 0.9) 40%,
rgba(71, 157, 237, 0.9) 100%);
color: #fff !important;
}
.accordion-button:focus {
border: none;
box-shadow: none;
}
button.privilage_learn_button:hover {
background-color: var(--tertiary-color);
}
.privilege-section {
padding: 50px 0;
}
.badge {
background-color: var(--secondary-color);
color: white;
padding: 10px 15px;
font-size: 14px;
border-radius: 20px;
}
.image-container img {
width: 100%;
border-radius: 10px;
}
.accordion-button {
font-weight: bold;
font-size: 16px;
color: #333;
}
.accordion-body {
font-size: 14px;
color: #555;
}
.accordion-button:not(.collapsed) {
color: #323b49;
background-color: #ffffff;
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}  .trusted-clients {
padding: 50px 0;
}
p.client_para {
padding: 11px 0px 15px 0px;
}
.client-slider .client-item {
padding: 10px 20px 0px 20px;
width: 80%;
text-align: center;
}
.client-slider .client-item img {
max-width: 100%;
height: auto;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}  .value-box img {
width: 20%;
}
div#core-values .text-center {
width: 100%;
display: flex;
justify-content: center;
z-index: 1;
position: relative;
}
.value-box i {
font-size: 28px;
color: #ff7a3d;
}
.core-values {
background-color: #fff;
padding: 0px;
}
a.core-values-button:hover {
background-color: var(--tertiary-color);
}
.value-box {
text-align: center;
padding: 20px;
background: #fff;
cursor: pointer;
border-radius: 10px;
transition: transform 0.3s ease-in-out;
box-shadow: 0px 216px 60px 0px rgb(255 255 255 / 45%),
0px 35px 35px 0px rgb(197 197 197 / 25%),
0px 9px 19px 0px rgb(255 250 250 / 22%);
}
.value-box:hover {
transform: translateY(-5px);
border-bottom: 3px solid #1d548d;
}
.btn-primary {
background-color: #007bff;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
transition: background 0.3s ease-in-out;
}
.core_value_button {
margin-top: 50px;
}
.btn-primary:hover {
background-color: #0056b3;
}  .what-we-do {
padding: 20px 10%;
margin-top: 46px;
}
.whatwe-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.section-text {
max-width: 500px;
}
.section-text h4 {
font-size: 16px;
color: #555;
text-transform: uppercase;
letter-spacing: 1px;
}
.section-text h2:first-of-type {
font-size: 36px;
font-weight: bold;
margin: 10px 0;
}
.highlight-text {
color: #666;
margin: 10px 0;
}
.description {
color: #777;
}
.stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.stat-box {
padding: 25px;
border-radius: 8px;
color: #fff;
font-size: 18px;
text-align: center;
font-weight: bold;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.stat-box:hover {
transform: translateY(-5px);
}
.stat-box h3 {
font-size: 28px;
font-weight: bold;
}
.stat-box p {
font-size: 14px;
margin-top: 5px;
font-weight: normal;
}
.gray {
background-color: #888;
}
.blue {
background-color: #1d548d;
}
.teal {
background-color: #20c997;
}
.orange {
background-color: #ff7a3d;
}  footer {
background-color: #10316e;
color: #ffffff;
padding: 60px 0 0px 0;
box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.2);
}
.footer-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
}
.footer-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 40px;
}
.footer-column h3 {
font-size: 20px;
margin-bottom: 16px;
font-weight: 600;
color: #ffffff;
position: relative;
}
.footer-column h3::after {
content: "";
width: 40px;
height: 3px;
background-color: #f57e20;
position: absolute;
bottom: -6px;
left: 0;
border-radius: 3px;
}
.footer-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-column ul li {
margin-bottom: 10px;
}
.footer-column ul li a {
text-decoration: none;
color: #c7d9f1;
font-size: 15px;
display: inline-block;
transition: all 0.3s ease;
}
.footer-column ul li a:hover {
color: #ffffff;
transform: translateX(5px);
}
.enquery-input {
display: flex;
align-items: center;
background-color: #fff;
border-radius: 6px;
overflow: hidden;
width: fit-content;
margin-top: 20px;
}
.enquery-input input {
border: none;
padding: 10px 15px;
font-size: 15px;
width: 250px;
outline: none;
}
.enquery-input i {
background-color: #f57e20;
color: white;
padding: 10px 14px;
cursor: pointer;
font-size: 18px;
}
.cp-right-area {
margin-top: 40px;
background-color: #0b2554;
padding: 18px 0;
font-size: 14px;
color: #a9c1e8;
}
i.footer_icon_color {
color: #ffffff;
font-size: 18px;
margin: 0 6px;
transition: color 0.3s ease;
}
i.footer_icon_color:hover {
color: #f57e20;
}
@media (max-width: 768px) {
.footer-links {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 20px;
}
} .image-overlay {
position: relative;
display: inline-block;
width: 100%;
}
.image-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000047;
}
div#core-values {
margin-top: -313px;
position: relative;
background-color: white;
padding: 74px 33px;
border-radius: 20px;
}
h2.core-values-heading {
width: 442px;
padding-bottom: 25px;
}
.text-center.heading_corevalu {
width: 100%;
display: flex;
justify-content: center;
}
@media (max-width: 650px) {
.image-overlay {
display: none;
}
div#core-values {
margin-top: 0 !important;
padding: 0px 18px !important;
}
} .c-section__title {
display: flex;
flex-direction: column;
position: relative;
padding: 53px 53px;
margin: 0 -68px;
}
span.service_subtitle {
color: white;
font-size: 20px;
font-weight: normal;
max-width: 500px;
}
.c-services {
grid-template-columns: repeat(7, 1fr);
grid-template-rows: minmax(100px, 1fr);
padding: 0 50px;
display: grid;
grid-gap: 37px;
margin: 0 -60px;
position: relative;
z-index: 1;
margin-top: 113px;
}
.c-services__item {
background: #fff;
padding: 20px;
border-radius: 25px;
box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
transition: all 300ms ease,
transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
z-index: 1;
transform: translateY(-130px);
}
ul.c-services li {
text-decoration: none;
list-style: none;
}
.c-services__item:nth-of-type(1) {
grid-column: 5/-1;
grid-row: 3;
}
.c-services__item:nth-of-type(2) {
grid-column: 1 / span 3;
grid-row: 2;
}
.c-services__item:nth-of-type(2) {
grid-column: 3 / span 2;
grid-row: auto;
}
.c-services__item:nth-of-type(3) {
grid-column: 4/-1;
}
.c-services__item:nth-of-type(3) {
grid-column: 4/-1;
grid-row: 2;
}
.c-services__item:nth-of-type(4) {
grid-column: 1 / span 4;
}
.c-services__item:nth-of-type(4) {
grid-column: 1 / span 3;
}
.c-services__item:nth-of-type(5) {
grid-column: 5/-1;
}
.c-services__item:nth-of-type(5) {
grid-column: 1 / span 4;
}
.c-services__item:nth-of-type(6) {
grid-column: 1 / span 4;
grid-row: 1;
}
.c-services__item:nth-of-type(6) {
grid-column: 1 / span 2;
grid-row: 1;
}
.c-services__item:after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
border-radius: 25px 0;
cursor: pointer;
transition: inherit;
background-color: #0c4a97;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://qubinex.com/wp-content/uploads/2025/01/download-2.png);
}
.c-services__item:hover {
background-color: #012c58;
transform: translateY(-138px);
}
.c-services__item:hover h3 {
color: #fff;
}
.c-services__item:hover p {
color: rgba(255, 255, 255, 0.8);
}  .page-template-innerpage .shadow-effect {
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 16px;
text-align: center;
border: none;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-innerpage .testimonials h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .testimonials p {
font-size: 18px;
}
.page-template-innerpage .shadow-effect:hover {
box-shadow: 0 35px 65px rgba(0, 0, 0, 0.12);
}
#customers-testimonials2 .shadow-effect p {
font-size: 18px;
line-height: 1.7;
margin: 0 0 20px;
font-weight: 400;
color: #555;
}
.page-template-innerpage .testimonial-name {
margin-top: -10px;
display: inline-block;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 10px 40px;
border-radius: 30px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.testimonial-position {
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
color: #64748b;
font-size: 15px;
font-weight: 500;
margin-top: 4px;
}
#customers-testimonials2 .item {
text-align: center;
padding: 40px 20px;
opacity: 0.6;
transform: scale(0.9);
transition: all 0.4s ease-in-out;
}
#customers-testimonials2 .owl-item.active.center .item {
opacity: 1;
transform: scale(1);
}
.owl-carousel .owl-item img {
max-width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 4px solid #e3e9f5;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
#customers-testimonials2.owl-carousel .owl-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
#customers-testimonials2.owl-carousel .owl-dot span {
background: #cbd5e1;
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
transition: all 0.3s ease;
}
#customers-testimonials2.owl-carousel .owl-dot.active span,
#customers-testimonials2.owl-carousel .owl-dot:hover span {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
transform: scale(1.2);
}    .page-template-innerpage #rmp_menu_trigger-347 {
position: absolute;
}
.hublog-sections-headings {
text-align: center;
font-size: 45px;
color: #140855;
}
.transparent-gradiend {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hublog-menu {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 0px;
margin: 0px 78px;
}
.menus_hublog-links {
display: flex;
align-items: center;
justify-content: space-between;
}
.hublog-menu-container {
padding: 0px 24px;
}
ul.hublog-nav {
display: flex;
align-items: center;
list-style: none;
padding: 0px;
margin: 0px;
}
.hublog-nav li {
position: relative;
}
.hublog-nav li a {
text-decoration: none;
color: #000000;
display: block;
margin-left: 25px;
font-size: 17px;
}
.hublog-nav .menu-item-has-children>a {
cursor: pointer;
position: relative;
}
.hublog-nav .dropdown-menu {
display: none;
position: absolute;
background: #fff;
list-style: none;
top: 100%;
left: 0;
padding: 10px 0;
width: max-content;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow-y: scroll;
max-height: 500px;
}
.hublog-nav .dropdown-menu::-webkit-scrollbar {
display: none;
}
.hublog-nav .dropdown-menu li {
margin: 0;
}
.hublog-nav .dropdown-menu li a {
margin: 10px 12px;
padding: 4px 0px;
display: block;
color: #333;
}
.hublog-nav li:hover>.dropdown-menu {
display: block;
}  h1.hublog-hero-title {
font-size: 120px;
text-align: center;
color: #1873ff;
padding: 57px 25px 15px;
}
p.hublog-hero-subtitle {
font-size: 32px;
padding: 0px 100px 52px;
line-height: 42px;
color: #000000;
}
.hublog-get-started a {
margin-left: 33px;
background: linear-gradient(145deg, #f39c12, #e67e22);
padding: 5px 16px;
color: white;
text-transform: none;
border-radius: 15px;
text-decoration: none;
}
.page-template-innerpage .hublog-hero-section {
text-align: center;
background: linear-gradient(313deg, #74bea8, #ffffff);
}
.page-template-innerpage .hublog-hero-section .winter {
display: flex;
justify-content: center;
align-items: center;
margin-top: 90px;
}
.page-template-innerpage .hublog-hero-section .winter .inside-winter { display: flex;
align-items: center;
border-radius: 18px;
padding: 1px 0px 6px 0;
justify-content: center;
margin-bottom: 16px;
width: 335px;
color: white;
background-image: radial-gradient(100% 100% at 100% 0,
#0593d7 0,
#0d4b76 100%);
box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
transition: box-shadow 0.15s, transform 0.15s;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 22px;
}
.page-template-innerpage .hublog-hero-section .winter .inside-winter img {
width: 7%;
background-color: white;
border-radius: 50%;
margin-top: 4px;
}
.page-template-innerpage .hublog-hero-section .winter .inside-winter h4 {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 15px;
}
.page-template-innerpage .hublog-hero-section .winter .inside-winter p {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 13px;
}
.page-template-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-innerpage .hublog-hero-section .heading span.dynamic-text,
.page-template-innerpage .hublog-hero-section .heading span.dynamic-text-two {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-innerpage .hublog-hero-section .demo-button {
display: flex;
justify-content: center;
gap: 23px;
margin: 40px 0px 0px 0px;
}
.page-template-innerpage .hublog-hero-section .demo-button a.demo { text-decoration: none;
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
border-radius: 4px;
color: white;
padding: 10px 45px;
box-shadow: 3px 3px 5px 2px #99999975;
} .page-template-innerpage .hublog-hero-section .demo-button a.trial { text-decoration: none;
background: linear-gradient(215deg,
#0e244e 2.15%,
#0e244e 31.64%,
#4155e1 120.91%,
#1914ef 121.07%);
border-radius: 4px;
color: white;
padding: 10px 26px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-innerpage .hublog-hero-section .heading p {
font-size: 20px;
margin: 20px 0px;
}
.page-template-innerpage .hublog-hero-section .button-under-text {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 28px 0px 45px 0px;
}
.page-template-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding: 0px 18px 0px 0px;
border-right: 0.5px solid #999;
}
.page-template-innerpage .hublog-hero-section .button-under-text span {
font-size: 14px;
font-weight: 500;
} .page-template-innerpage .solution-tabs-section-column ul#myTab {
justify-content: center;
gap: 14px;
border: none;
}
.page-template-innerpage .solution-tabs-section-column ul#myTab button:hover,
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active:hover {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #002b7e;
color: white;
transition: all 0.2s ease-in-out !important;
}
.page-template-innerpage .solution-tabs-section-column ul#myTab button {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #0e244e;
color: white;
}
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active {
box-shadow: 0 4px 16px #00218933;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: white;
color: #000000;
}
.page-template-innerpage .solution-tabs-section-tabs-content {
margin-top: 40px !important;
display: flex;
justify-content: center;
}
.page-template-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 80%;
}
.page-template-innerpage .solution-tabs-section-column {
margin-bottom: 33px;
}
.page-template-innerpage .under-tab-text {
margin-bottom: 47px;
}
.page-template-innerpage .under-tab-text p {
font-size: 18px;
margin: 4px 0px;
}
.page-template-innerpage .under-tab-text p a {
text-decoration: none;
font-weight: 600;
color: black;
}
.page-template-innerpage .under-tab-text h2 {
color: #0e244e;
}
.page-template-innerpage .our-growth {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
}
.page-template-innerpage .our-growth .heading h2 {
font-size: 20px;
color: white;
}
.page-template-innerpage .our-growth .heading {
text-align: center;
margin-bottom: 20px;
}
.page-template-innerpage .our-growth-row .number-text {
text-align: center;
padding: 11px 19px;
color: white;
}
.page-template-innerpage .clients-logo {
padding: 20px 59px;
}
.page-template-innerpage .clients-logo .client-logo-inside {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25px;
}
.page-template-innerpage .our-growth .our-growth-row {
width: 76%;
margin: auto;
}
.page-template-innerpage .our-growth-row .number-text .number h2 {
font-weight: 800;
margin: 0;
} .page-template-innerpage .our-customer-says .heading-texts {
text-align: center;
margin-bottom: 40px;
}
.page-template-innerpage .our-customer-says .three-cards {
background-color: white;
box-shadow: 0 10px 25px #0000000d;
padding: 40px 40px;
height: 100%;
}
.page-template-innerpage .our-customer-says div#first-card {
background-color: #0e244e;
border-radius: 5px;
}
.page-template-innerpage .our-customer-says .three-cards .image {
min-width: 300px;
min-height: 64px;
}
.page-template-crm-innerpage .our-customer-says .three-cards img {
width: 25%;
}
.page-template-innerpage .our-customer-says div#first-card .head-text h3 {
text-transform: capitalize;
color: white;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-innerpage .our-customer-says div#first-card h3 {
font-size: 22px;
color: #ffba36;
}
.page-template-innerpage .our-customer-says div#first-card .head-text span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
}
.page-template-innerpage .our-customer-says div#second-card .head-text span {
color: #2168d7;
font-size: 36px;
}
.page-template-innerpage .our-customer-says div#third-card .head-text span {
color: #5d59ff;
font-size: 36px;
}
.page-template-innerpage .our-customer-says div#first-card p {
color: white;
}
.page-template-innerpage .our-customer-says div#first-card hr {
color: white;
}
.page-template-innerpage .our-customer-says div#second-card .image img {
width: 22%;
}
.page-template-innerpage .our-customer-says div#second-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-innerpage .our-customer-says div#third-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 107px;
}
.page-template-innerpage .our-customer-says div#second-card .last-text p {
font-size: 16px;
}
.page-template-innerpage .our-customer-says div#second-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-innerpage .our-customer-says .three-cards .image img {
width: 22%;
}
.page-template-innerpage .our-customer-says div#third-card .last-text h3 {
font-size: 22px;
margin-bottom: 8px;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-innerpage .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
} .page-template-innerpage .try-demo-now {
background: #f2f6fc;
padding: 60px 0;
position: relative;
}
.page-template-innerpage .try-demo-now .try-demo-now-row {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
align-items: center;
border-radius: 20px;
padding: 70px 60px;
position: relative;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}
.page-template-innerpage .try-demo-now .text-side h1 {
font-size: 42px;
font-weight: 700;
color: #ffffff;
line-height: 1.3;
margin-bottom: 24px;
}
.page-template-innerpage .try-demo-now .text-side h1 span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .try-demo-now .text-side p {
color: #e2e6f0;
font-size: 18px;
max-width: 95%;
margin-bottom: 40px;
line-height: 1.6;
}
.page-template-innerpage .try-demo-now .text-side a {
text-decoration: none;
padding: 14px 36px;
font-size: 18px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #ff7a18, #ffb14e);
border-radius: 8px;
box-shadow: 0 6px 18px rgba(255, 122, 24, 0.3);
transition: all 0.3s ease-in-out;
}
.page-template-innerpage .try-demo-now .text-side a:hover {
background: linear-gradient(135deg, #f97c1d, #ec9b1c);
box-shadow: 0 8px 20px rgba(255, 122, 24, 0.5);
transform: translateY(-2px);
}
.page-template-innerpage .try-demo-now .image-wrapper {
position: relative;
z-index: 2;
text-align: center;
}
.page-template-innerpage .try-demo-now .image-wrapper img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
transform: scale(1.03);
transition: transform 0.4s ease;
} .page-template-innerpage .premium-feature-saasy {
padding: 60px 0;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-innerpage .feature-wrapper {
display: flex;
gap: 60px;
align-items: center;
}
.page-template-innerpage .feature-image img {
width: 100%;
max-width: 520px;
border-radius: 20px;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}
.page-template-innerpage .feature-content {
max-width: 560px;
}
.page-template-innerpage .feature-content h2 {
font-size: 42px;
font-weight: 600;
color: #101828;
margin-bottom: 20px;
}
.page-template-innerpage .feature-content p {
font-size: 18px;
color: #475467;
margin-bottom: 35px;
}
.page-template-innerpage .feature-points {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 40px;
}
.page-template-innerpage .point {
display: flex;
gap: 20px;
}
.page-template-innerpage .icon-circle {
width: 60px;
height: 60px;
background: #fff !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 20px rgba(0, 132, 255, 0.2);
}
.page-template-innerpage .icon-circle img {
width: 30px;
}
.page-template-innerpage .point h4 {
font-size: 18px;
font-weight: 600;
color: #1d2939;
margin-bottom: 4px;
}
.page-template-innerpage .point p {
font-size: 16px;
color: #667085;
margin: 0;
}
.page-template-innerpage .cta-button {
display: inline-block;
padding: 14px 36px;
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
color: #fff;
font-weight: 600;
font-size: 16px;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 12px 24px rgba(0, 71, 255, 0.3);
transition: all 0.3s ease;
}
.page-template-innerpage .cta-button:hover {
background: #fff;
color: #00295c;
} .page-template-innerpage .daily-work-routine {
background: #f6f9fc;
padding: 60px 0;
position: relative;
}
.page-template-innerpage .daily-work-routine-heading h2 {
font-size: 46px;
font-weight: 500;
line-height: 1.3;
color: #0f1d3d;
margin-bottom: 40px;
text-align: center;
}
.page-template-innerpage .daily-work-routine .inside-box {
background: #ffffff;
border-radius: 20px;
padding: 30px 20px;
box-shadow: 0px 10px 40px rgba(18, 38, 63, 0.07);
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.4s ease;
height: 100%;
}
.page-template-innerpage .daily-work-routine .inside-box h3 {
font-size: 22px;
font-weight: 600;
color: #1d2a50;
margin-bottom: 20px;
position: relative;
}
.page-template-innerpage .daily-work-routine .inside-box .hover-box {
background: #f2f5f9;
border-radius: 16px;
padding: 14px 20px;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 16px;
width: 100%;
transition: 0.3s;
border: 1px solid transparent;
}
.page-template-innerpage .daily-work-routine .inside-box .hover-box:hover {
background: #ffffff;
border-color: #d4e1ff;
box-shadow: 0 8px 24px rgba(13, 39, 80, 0.08);
transform: translateY(-3px);
}
.page-template-innerpage .daily-work-routine .hover-box img {
width: 38px;
height: 38px;
border-radius: 12px;
background: linear-gradient(to right, #ff9900, #ffcc70);
padding: 6px;
box-shadow: 0 3px 6px rgba(255, 153, 0, 0.3);
}
.page-template-innerpage .hover-box p {
margin: 0;
font-size: 17px;
font-weight: 500;
color: #2b3553;
}
.page-template-innerpage #daily-work-image {
max-width: 75%;
margin: auto;
margin-top: 40px;
border-radius: 24px;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(10px);
padding: 8px;
}  .page-template-innerpage .transform-your-time {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-innerpage .transform-your-time .left-content {
padding: 20px 40px;
color: #fff;
}
.page-template-innerpage .transform-your-time .section-heading {
font-size: 44px;
font-weight: 700;
color: #ffffff;
margin-bottom: 18px;
}
.page-template-innerpage .transform-your-time .sub-heading {
font-size: 26px;
color: #d1d1ff;
margin-bottom: 32px;
}
.page-template-innerpage .transform-your-time .stats {
display: flex;
gap: 30px;
margin-bottom: 30px;
}
.page-template-innerpage .transform-your-time .stat-item {
display: flex;
align-items: center;
font-size: 18px;
gap: 12px;
color: #ffffffb2;
}
.page-template-innerpage .transform-your-time .stat-item i {
font-size: 22px;
color: #ff9800;
}
.page-template-innerpage .transform-your-time .badge-group img {
width: 100%;
border-radius: 10px;
}
.page-template-innerpage .transform-your-time .right-form-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
border-radius: 20px;
padding: 40px 30px;
color: #fff;
box-shadow: 0 0 40px rgba(255, 255, 255, 0.05);
margin-top: 20px;
}
.page-template-innerpage .transform-your-time .form-title {
font-size: 28px;
text-align: center;
margin-bottom: 30px;
color: #ffffff;
}
.page-template-innerpage .transform-your-time .flicker {
animation: flicker 2s infinite;
color: #ffc107;
}
@keyframes flicker {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
}
.page-template-innerpage .transform-your-time .form-wrapper label {
color: #fff;
font-size: 18px;
}
.page-template-innerpage .transform-your-time .form-wrapper input[type="text"],
.page-template-innerpage .transform-your-time .form-wrapper input[type="email"] {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 12px;
color: #fff;
width: 130%;
margin-bottom: 15px;
border-radius: 8px;
}
.page-template-innerpage .transform-your-time .form-wrapper input[type="submit"] {
background: linear-gradient(145deg, #f39c12, #e67e22);
border: none;
padding: 12px 30px;
color: #ffffff;
font-weight: bold;
font-size: 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}
.page-template-innerpage .transform-your-time .form-wrapper input[type="submit"]:hover {
background-color: #ffc107;
transform: scale(1.02);
} .page-template-innerpage .teams-success-premium {
background: linear-gradient(135deg, #0e244e 0%, #1a2a6c 50%, #3b3f99 100%);
padding: 80px 0;
color: #fff;
}
.page-template-innerpage .teams-success-premium .heading h2 {
font-size: 44px;
color: #fff;
margin-bottom: 20px;
}
.page-template-innerpage .teams-success-premium .heading h2 span {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .teams-success-premium .heading p {
font-size: 18px;
color: #cccccc;
max-width: 700px;
margin: 0 auto 40px;
}
.page-template-innerpage .teams-success-premium .benefits-list {
list-style: none;
padding: 0;
}
.page-template-innerpage .teams-success-premium .benefits-list li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 30px;
background: rgba(255, 255, 255, 0.05);
padding: 20px;
border-radius: 12px;
transition: 0.3s ease;
}
.page-template-innerpage .teams-success-premium .benefits-list li:hover {
background: rgba(255, 255, 255, 0.1);
}
.page-template-innerpage .teams-success-premium .benefits-list i {
font-size: 28px;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
min-width: 36px;
}
.page-template-innerpage .teams-success-premium .benefits-list h4 {
margin: 0 0 6px;
font-size: 20px;
color: #ffffff;
}
.page-template-innerpage .teams-success-premium .benefits-list p {
margin: 0;
font-size: 16px;
color: #bbbbbb;
}
.page-template-innerpage .teams-success-premium .cta-buttons {
margin-top: 30px;
display: flex;
gap: 20px;
}
.page-template-innerpage .teams-success-premium .btn-orange {
background: linear-gradient(145deg, #f39c12, #e67e22);
color: white;
padding: 12px 28px;
border: none;
border-radius: 8px;
font-weight: 600;
transition: 0.3s ease;
text-decoration: none;
}
.page-template-innerpage .teams-success-premium .btn-orange:hover {
background: linear-gradient(145deg, #e67e22, #f39c12);
}
.page-template-innerpage .teams-success-premium .btn-outline {
border: 2px solid #ffffff55;
background: transparent;
color: #ffffff;
padding: 12px 28px;
border-radius: 8px;
font-weight: 600;
transition: 0.3s ease;
text-decoration: none;
}
.page-template-innerpage .teams-success-premium .btn-outline:hover {
background: #ffffff;
color: #0f1324;
}
.page-template-innerpage .teams-success-premium .mini-text {
font-size: 15px;
color: #bbbbbb;
margin-top: 10px;
}
.page-template-innerpage .teams-success-premium .right img {
width: 100%;
border-radius: 18px;
padding-top: 60px;
} .page-template-innerpage .happy-customer-says .heading {
text-align: center;
margin-bottom: 35px;
}
.page-template-innerpage .happy-customer-says .heading h2 {
font-size: 43px;
color: #0e244e;
}
.page-template-innerpage .happy-customer-says .inside-card .user-details .name {
padding: 0;
margin: 0;
font-size: 13px;
text-transform: capitalize;
color: #ff9900;
}
.page-template-innerpage .happy-customer-says .inside-card .user-details .position {
padding: 0;
margin: 0;
font-weight: 300;
font-size: 11px;
}
.page-template-innerpage .happy-customer-says {
background-color: white;
}
.page-template-innerpage .happy-customer-says .inside-card {
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
padding: 40px 40px;
height: 100%;
border-radius: 0px 0px 0px 80px;
position: relative;
}
.page-template-innerpage .happy-customer-says .inside-card .image {
position: absolute;
top: -17px;
left: 19px;
}
.page-template-innerpage .happy-customer-says .inside-card .image img {
width: 36%;
border-radius: 50%;
}
.page-template-innerpage .happy-customer-says .inside-card .stars img {
width: 6%;
}
.page-template-innerpage .happy-customer-says .inside-card p {
font-size: 14px;
margin-top: 8px;
color: #525252;
} .page-template-innerpage .happy-customer-says .testimonial-item {
position: relative;
margin-bottom: 30px;
padding: 0 25px 25px 25px;
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
border-radius: 0px 0px 0px 38px;
}
.page-template-innerpage .happy-customer-says .testimonial-item::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 50px);
bottom: 0;
left: 0;
border-radius: 10px;
background: rgb(255, 255, 255);
z-index: -1;
}
.page-template-innerpage .happy-customer-says .testimonial-item .testimonial-img img {
width: 100px;
height: 100px;
border-radius: 100px;
background: white;
}
.page-template-innerpage .happy-customer-says .testimonial-item .para-text {
font-size: 14px;
color: #545454;
}
.page-template-innerpage .happy-customer-says .testimonial-item .client-details {
margin-top: 12px;
}
.page-template-innerpage .happy-customer-says .heading-text h1 {
font-size: 40px;
color: #0e244e;
font-weight: 500;
}
.page-template-innerpage .happy-customer-says .heading-text h4 {
font-weight: 400;
font-size: 19px;
}
.page-template-innerpage .happy-customer-says .testimonial-item .client-details .client-name {
font-size: 19px;
line-height: normal;
}
.page-template-innerpage .happy-customer-says .testimonial-item .client-details .client-position {
font-size: 11px;
line-height: normal;
margin-bottom: 12px;
}
.page-template-innerpage .happy-customer-says .testimonial-item .testimonial-title {
display: flex;
justify-content: space-between;
}
.page-template-innerpage .happy-customer-says .owl-nav .owl-prev {
position: absolute;
top: -58px;
left: 0;
background: dodgerblue;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-innerpage .happy-customer-says .owl-nav .owl-prev:hover {
background: green;
color: white;
}
.page-template-innerpage .happy-customer-says .owl-nav .owl-next {
position: absolute;
top: -58px;
right: 0;
background: forestgreen;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-innerpage .happy-customer-says .owl-nav .owl-next:hover {
background: yellow;
color: white;
}
.page-template-innerpage .testimonial-carousel .owl-dots {
display: flex;
justify-content: center;
}
.page-template-innerpage .testimonial-carousel .owl-dots .owl-dot {
width: 20px;
height: 20px;
border-radius: 30px;
margin: 20px 10px 0 10px;
background: #ff9100;
transition: 0.5s;
}
.page-template-innerpage .star-color {
color: #ffc94a;
}
.page-template-innerpage .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 12px;
line-height: normal;
padding: 0;
margin: 0;
}
.page-template-innerpage .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 16px;
line-height: normal;
}
.page-template-innerpage .testimonial-carousel .owl-dots .owl-dot.active {
width: 20px;
height: 20px;
border-radius: 30px;
background: #d3d3c4;
transition: 0.5s;
}
.page-template-innerpage .testimonial-carousel .owl-dots .owl-dot span {
position: relative;
margin-left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-template-innerpage .testimonial-carousel .owl-dots .owl-dot.active span::after {
background: rgb(255, 145, 0);
}
.page-template-innerpage .happy-customer-says .testimonial-image {
width: 16%;
border-radius: 50%;
margin-bottom: 20px;
margin-left: -18px;
}
.page-template-innerpage .testimonial-carousel .owl-dots .owl-dot span::after {
content: "";
width: 12px;
height: 12px;
border-radius: 15px;
position: absolute;
top: 47%;
left: -1px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: white;
transition: 0.5s;
} .page-template-innerpage .install-all-technologies-premium {
background: linear-gradient(135deg, #ebf4ff 0%, #cce0f4 100%);
padding: 80px 0;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.page-template-innerpage .install-all-technologies-premium .text h2 {
font-size: 40px;
color: #00295c;
font-weight: 600;
}
.page-template-innerpage .install-all-technologies-premium .text .highlight {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .install-all-technologies-premium .subheading {
font-size: 20px;
color: #333;
margin-top: 10px;
}
.page-template-innerpage .install-all-technologies-premium .cta-button {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: white;
padding: 12px 30px;
font-size: 18px;
font-weight: 500;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}
.page-template-innerpage .install-all-technologies-premium .cta-button:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.page-template-innerpage .install-all-technologies-premium .platforms-row .platform-card {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.page-template-innerpage .platforms-row {
margin-top: 24px;
}
.page-template-innerpage .install-all-technologies-premium .platforms-row .platform-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
.page-template-innerpage .install-all-technologies-premium .platforms-row img {
width: 60px;
margin-bottom: 15px;
}
.page-template-innerpage .install-all-technologies-premium .platforms-row h4 {
margin-top: 5px;
font-size: 20px;
color: #0e244e;
}
.page-template-innerpage .install-all-technologies-premium .platforms-row span {
font-size: 15px;
color: #6c757d;
display: block;
}  .page-template-innerpage .three-stage-usings {
padding: 60px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-innerpage .three-stage-usings .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-innerpage .three-stage-usings .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-innerpage .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-innerpage .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-innerpage .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-innerpage .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-innerpage .try-free {
background-color: #122947;
color: #fff;
}
.page-template-innerpage .try-free:hover {
background-color: #0a1a30;
}
.page-template-innerpage .right-side-box {
background-color: #fff;
border-radius: 16px;
padding: 20px 25px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 20px;
position: relative;
transition: all 0.3s ease;
}
.page-template-innerpage .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-innerpage .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-innerpage .right-side-box .number-box {
display: flex;
align-items: center;
gap: 12px;
min-width: 90px;
}
.page-template-innerpage .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-innerpage .number {
font-size: 32px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-innerpage .text h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.page-template-innerpage .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
} .page-template-innerpage .awards-section-certificate .animated-images-container {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
}
.page-template-innerpage .awards-section-certificate .animated-images {
display: flex;
gap: 20px;
animation: moveLeft 20s linear infinite;
}
.page-template-innerpage .awards-section-certificate .animated-images img {
max-width: 100px;
height: auto;
flex-shrink: 0;
}
.page-template-innerpage .awards-section-certificate .heading p {
color: #0a0a85;
}
.page-template-innerpage .awards-section-certificate .heading h2 {
font-size: 40px;
color: #0e244e;
margin-bottom: 13px;
}
.page-template-innerpage .awards-section-certificate .heading .para {
font-weight: 300;
font-size: 18px;
width: 80%;
margin: auto;
color: black;
}
.page-template-innerpage .awards-section-certificate {
background-color: white;
}
.page-template-innerpage .awards-section-certificate .heading {
text-align: center;
margin-bottom: 52px;
}
@keyframes moveLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 1024px) {
.page-template-innerpage .awards-section-certificate .animated-images {
animation-duration: 25s;
}
}
@media (max-width: 768px) {
.page-template-innerpage .awards-section-certificate .animated-images {
animation-duration: 30s;
}
} .page-template-innerpage .contact-us-premium {
background: linear-gradient(to left,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
padding: 60px 0;
position: relative;
overflow: hidden;
}
.page-template-innerpage .contact-box {
position: relative;
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 20px;
padding: 40px 40px;
max-width: 860px;
margin: 0 auto;
box-shadow: 0 45px 120px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(16px);
text-align: center;
overflow: hidden;
}
.page-template-innerpage .contact-box .blur-glow {
position: absolute;
top: -60px;
right: -60px;
width: 250px;
height: 250px;
background: radial-gradient(circle, #ffa94d55, transparent 60%);
filter: blur(60px);
z-index: 0;
}
.page-template-innerpage .contact-box .highlight {
color: #ffb457;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 12px;
z-index: 2;
position: relative;
}
.page-template-innerpage .contact-box .headline {
font-size: 38px;
font-weight: 700;
color: #ffffff;
margin-bottom: 22px;
line-height: 1.4;
position: relative;
z-index: 2;
}
.page-template-innerpage .contact-box .subtext {
font-size: 18px;
color: #c9d6e0;
margin-bottom: 40px;
line-height: 1.7;
max-width: 660px;
margin-inline: auto;
position: relative;
z-index: 2;
}
.page-template-innerpage .cta-group {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
position: relative;
z-index: 2;
}
.page-template-innerpage .cta-btn {
background: linear-gradient(135deg, #ff730f, #ffaf2d);
color: #fff;
padding: 16px 42px;
font-size: 18px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 10px 25px rgba(255, 122, 24, 0.4);
transition: 0.3s ease all;
position: relative;
z-index: 2;
}
.page-template-innerpage .cta-btn:hover {
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(255, 122, 24, 0.6);
}
.page-template-innerpage .disclaimer {
font-size: 14px;
color: #a9b8c9;
}
.page-template-innerpage .trust-badges {
display: flex;
gap: 14px;
margin-top: 12px;
opacity: 0.85;
}
.page-template-innerpage .trust-badges img {
width: 28px;
height: 28px;
filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.1));
}    .hublog-section-two-title {
font-size: 45px;
color: #222;
}
.hublog-section-two-title span {
background: linear-gradient(90deg, #06aa66, #58a92f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hublog-section-two-description {
font-size: 20px;
color: #555;
margin-top: 15px;
}
.hublog-section-two-form {
display: flex;
margin-top: 20px;
}
.hublog-section-two-input {
padding: 12px;
width: 250px;
outline: none;
border: 1px solid #ccc;
border-radius: 10px 0px 0px 10px;
}
.hublog-section-two-button {
background: linear-gradient(90deg, #10aa60, #027afd);
color: white;
border: none;
padding: 12px 20px;
border-radius: 0px 10px 10px 0px;
cursor: pointer;
}
.hublog-section-two-info {
display: flex;
gap: 20px;
font-size: 14px;
margin-top: 15px;
color: #777;
}
.hublog-section-two-info span {
display: flex;
align-items: center;
gap: 8px;
position: relative;
}
.hublog-circle {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: white;
border: 2px solid #6a5acd;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.hublog-circle::after {
content: "\2713";
font-size: 12px;
color: #6a5acd;
font-weight: bold;
}
.hublog-section-two-image img {
width: 100%;
}
@media (max-width: 650px) {
.hublog-section-two-title {
font-size: 31px;
}
.hublog-section-two-description {
font-size: 17px;
}
.hublog-section-two-info {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 15px;
}
}  .hublog-section-three-premium {
padding: 60px 0;
text-align: center;
background: linear-gradient(145deg, #f5f8ff, #eaf1ff);
}
.hublog-section-three-premium .heading {
font-size: 42px;
font-weight: 500;
color: #102348;
margin-bottom: 40px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hublog-section-three-premium .premium-cards-wrapper {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.hublog-section-three-premium .premium-card {
flex: 1 1 400px;
background: #ffffff;
border-radius: 15px;
padding: 40px;
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
transition: transform 0.3s ease;
text-align: left;
}
.hublog-section-three-premium .premium-card:hover {
transform: translateY(-10px);
}
.hublog-section-three-premium .premium-card.before {
border-left: 6px solid #1d548d;
}
.hublog-section-three-premium .premium-card.after {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
color: white;
border-left: 6px solid #ffffff50;
}
.hublog-section-three-premium .card-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.hublog-section-three-premium .card-label {
background-color: #1d548d;
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
.premium-card.after .card-label {
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid #ffffff4d;
}
.hublog-section-three-premium .card-header h3 {
font-size: 22px;
font-weight: 600;
margin: 0;
}
.hublog-section-three-premium .card-subtitle {
font-size: 18px;
margin: 10px 0 25px;
color: inherit;
}
.hublog-section-three-premium .card-list {
list-style: none;
padding: 0;
margin: 0;
}
.hublog-section-three-premium .card-list li {
display: flex;
align-items: center;
font-size: 16px;
line-height: 30px;
gap: 12px;
margin-bottom: 15px;
color: inherit;
}
.hublog-section-three-premium .card-list img {
width: 18px;
height: auto;
}
.hublog-section-three-premium .card-list.white li {
color: #ffffffde;
}  .page-template-solutions .premium-gradient-section {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 60px 0;
}
.page-template-solutions .section-subtitle {
font-size: 20px;
color: #6c6f82;
margin-bottom: 15px;
font-weight: 400;
}
.page-template-solutions .hublog-sectionfour-title {
font-size: 42px;
font-weight: 700;
margin-bottom: 40px;
line-height: 1.3;
color: #1f2340;
}
.page-template-solutions .gradient-accent-text {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-solutions .step-box {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #dce7fa;
border-radius: 16px;
padding: 30px 24px;
display: flex;
align-items: center;
gap: 20px;
box-shadow: 0 12px 40px rgba(0, 85, 255, 0.07);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
position: relative;
}
.page-template-solutions .step-box:hover {
transform: scale(1.03);
box-shadow: 0 20px 40px rgba(0, 85, 255, 0.15);
}
.page-template-solutions .step-number {
background: linear-gradient(135deg, #7b61ff, #00c4ff);
color: white;
font-size: 28px;
font-weight: 700;
width: 70px;
height: 70px;
border-radius: 50%;
display: grid;
place-items: center;
box-shadow: 0 6px 20px rgba(123, 97, 255, 0.3);
flex-shrink: 0;
}
.page-template-solutions .step-content h3 {
font-size: 20px;
font-weight: 600;
color: #2e3c58;
margin-bottom: 6px;
}
.page-template-solutions .step-content p {
font-size: 16px;
line-height: 1.5;
color: #56606e;
margin: 0;
}
.step-content {
text-align: left;
}  .hublog-section-six-row {
margin: 20px 111px;
display: flex;
align-items: end;
justify-content: center;
}
.hublog-section-six-heading img {
width: 39%;
}
.beem-one {
background-color: #81c2ff;
height: 310px;
width: 270px;
border-radius: 180px 180px 0px 0px;
position: relative;
color: rgb(0, 0, 0);
margin-right: -17px;
z-index: 3;
}
section#grow-with-hublog {
background-color: #faebd766;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.beem-two {
background-color: #b2f4ff;
height: 435px;
width: 270px;
color: #000000;
border-radius: 180px 180px 0px 0px;
margin-right: -10px;
z-index: 2;
}
.beem-three {
background-color: #b9efd4;
height: 536px;
width: 270px;
color: #000000;
border-radius: 180px 180px 0px 0px;
}
.beem-content {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
}
span.beem-content-first {
font-size: 52px;
font-weight: 400;
}
span.beem-content-second {
font-size: 26px;
font-weight: 400;
text-align: center;
line-height: 33px;
}
span.beem-content-third {
font-size: 18px;
font-weight: 400;
line-height: 30px;
padding-top: 10px;
}
.beem-one-icon {
text-align: center;
}
.beem-one-icon img {
width: 42%;
}
.beem-two-icon {
text-align: center;
margin-top: 53px;
}
.beem-three-icon {
margin-top: 25px;
}
.beem-three-icon img {
width: 100%;
}
.hublog-section-six-container {
position: relative;
}
.hublog-section-six-heading {
position: absolute;
top: 0;
left: 172px;
}
.hublog-section-six-heading h2 {
font-size: 43px;
color: #495057;
}
@media (max-width: 650px) {
.hublog-section-five-text p {
font-size: 16px;
line-height: 30px;
}
.hublog-section-five-img img {
width: 100%;
}
.hublog-section-six-row {
margin: 0 !important;
}
.beem-one {
background-color: #007cf1;
height: auto;
border-radius: 0px 180px 180px 0px;
margin-right: 0;
display: flex;
flex-direction: row-reverse;
}
.beem-content {
display: flex;
flex-direction: column;
margin: 0;
justify-content: center;
}
span.beem-content-first {
font-size: 29px;
font-weight: 400;
display: flex;
}
span.beem-content-second {
font-size: 20px;
font-weight: 400;
width: auto;
text-align: center;
line-height: 24px;
}
.beem-one-icon img {
width: 59%;
padding: 24px 0px;
}
span.beem-content-third {
font-size: 12px;
font-weight: normal;
line-height: normal;
max-width: 77px;
padding: 0px 0px 10px 5px;
}
.beem-two {
background-color: #3de4ff;
height: auto;
color: white;
border-radius: 0px 180px 180px 0px;
margin-right: -10px;
z-index: 2;
display: flex;
flex-direction: row-reverse;
}
.beem-two-icon {
margin-top: 0px;
}
.beem-two-icon img {
width: 73%;
padding: 12px 0px;
}
.beem-three {
background-color: #114f58;
height: auto;
color: white;
display: flex;
border-radius: 0px 180px 180px 0px;
flex-direction: row-reverse;
}
.beem-three-icon {
margin-top: 0;
width: 170px;
}
.beem-three-icon img {
width: 51%;
padding: 10px 0px;
}
.hublog-section-six-heading {
position: relative;
left: 0;
top: 0;
}
.hublog-section-six-heading h2 {
font-size: 44px;
color: #495057;
}
.hublog-section-six-heading img {
display: none;
}
.hublog-section-six-row {
justify-content: start;
}
}  .col-md-4.hublog-section-seven-box {
background-color: #fff;
width: 98%;
border: 1px #000;
border-radius: 10px;
padding: 10px 20px 4px;
position: relative;
box-shadow: 0 1px 18px -10px #999999;
}
.col-md-6.hublog-section-seven-box {
background-color: #fff;
border: 1px #000;
border-radius: 10px;
padding: 10px 20px 4px;
position: relative;
box-shadow: 0 1px 18px -10px #999999;
}
.hublog-section-seven-heading {
margin-bottom: 40px;
}
.col-md-4.hublog-section-seven-box.box-two {
margin-top: 20px;
}
.page-template-innerpage .col-md-4.hublog-section-seven-box .numbers,
.page-template-innerpage .col-md-6.hublog-section-seven-box .numbers {
background-image: linear-gradient(45deg,
#a163f1,
#6363f1 22%,
#3498ea 40%,
#40dfa3 67%,
rgba(64, 223, 163, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.col-md-4.hublog-section-seven-box h2,
.col-md-6.hublog-section-seven-box h2 {
position: absolute;
top: 57px;
left: -8px;
transform: rotate(-90deg);
font-size: 22px;
color: #6c757d78;
font-weight: normal;
}
.col-md-6.hublog-section-seven-box img {
width: 100%;
}
.col-md-4.hublog-section-seven-box p,
.col-md-6.hublog-section-seven-box p {
padding: 10px 20px;
color: #1e2a3dd9;
font-size: 18px;
font-weight: 500;
line-height: 25px;
}
@media (max-width: 650px) {
.hublog-section-seven-heading {
margin-bottom: 0px;
}
.col-md-4.hublog-section-seven-box p,
.col-md-6.hublog-section-seven-box p {
padding: 10px 0px;
text-align: start;
color: #1e2a3dd9;
font-size: 18px;
font-weight: 500;
line-height: 25px;
}
}  h2.hublog-sections-headings.hublog-sections-eight-heading {
width: 85%;
margin: auto;
}
.hublog-sections-eight-para {
text-align: center;
margin: 14px 0px 28px;
}
.hublog-sections-eight-img {
width: 100%;
}
p.hublog-sections-eight-para-two {
color: #1e2a3dcc;
margin-bottom: 8px;
margin-top: 23px;
line-height: 28px;
font-size: 18px;
}
a.hublog-sections-eight-link {
text-decoration: none;
font-weight: 500;
}
@media (max-width: 650px) {
.hublog-sections-eight-para {
margin: 9px 0px 3px;
}
}  .page-template-crm-innerpage .get-started-offer-pro {
padding: 100px 0;
background: linear-gradient(to left,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
position: relative;
z-index: 1;
overflow: hidden;
}
.page-template-crm-innerpage .get-started-box {
background: linear-gradient(135deg, #2c6ca6, #00488b, #2a3550);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 60px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(12px);
max-width: 900px;
margin: 0 auto;
}
.page-template-crm-innerpage .get-started-box::before,
.get-started-box::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
z-index: -1;
}
.page-template-crm-innerpage .get-started-box::before {
top: -40px;
left: -60px;
}
.page-template-crm-innerpage .get-started-box::after {
bottom: -40px;
right: -60px;
}
.page-template-crm-innerpage .get-started-box .title {
font-size: 36px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.page-template-crm-innerpage .get-started-box .subtitle {
font-size: 18px;
color: #d6e5f5;
max-width: 700px;
margin: 0 auto 40px;
line-height: 1.7;
}
.page-template-crm-innerpage .get-started-box .subtitle a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.page-template-crm-innerpage .btn-get-started {
display: inline-block;
background: #ffffff;
color: #0f3558;
padding: 15px 50px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
text-decoration: none;
}
.page-template-crm-innerpage .btn-get-started:hover {
background: #f2f6ff;
color: #00488b;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}
.page-template-crm-innerpage .get-started-box .note {
font-size: 14px;
color: #b4c6de;
margin-top: 20px;
letter-spacing: 0.8px;
}  img.everthing-logo-img {
width: 30%;
}
.everything-tag {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 13px;
background-color: #ffffff;
border-radius: 5px;
margin-top: 150px;
margin-bottom: 33px;
box-shadow: 0 1px 18px -10px #7b61ffa3;
}
.everthing-logo {
display: flex;
align-items: center;
gap: 10px;
width: 27%;
}
h2.everthing-logo-text {
color: #14141e;
margin-top: 0px;
margin-bottom: 0px;
font-size: 14px;
font-weight: 700;
padding: 0px;
}
.everything-text-links {
display: flex;
}
.icon-blocks {
display: flex;
align-items: center;
border-right: 0.3px solid #99999961;
padding: 0px 10px;
}
.icon-img img {
width: 57%;
}
.icon-img {
display: flex;
align-items: center;
justify-content: end;
}
.icon-text {
font-size: 13px;
font-weight: 600;
padding-left: 5px;
}
.hublog-section-ten-container {
margin-top: -185px;
padding-top: 25px;
}
@media (max-width: 650px) {
.everything-tag {
margin-top: 160px;
padding: 9px 2px;
flex-direction: column;
}
.everthing-logo {
width: 100%;
justify-content: space-around;
}
img.everthing-logo-img {
width: 24%;
}
h2.everthing-logo-text {
font-size: 13px;
}
.icon-blocks {
display: block;
margin-top: 10px;
border: none;
padding: 0;
}
.icon-img {
display: block;
}
.icon-img img {
width: 22%;
}
.icon-text {
font-size: 12px;
padding-top: 5px;
padding-left: 0;
}
.everything-text-links {
display: flex;
gap: 7px;
}
}       .page-template-features .hub-log-main.sticky {
position: sticky;
top: 0;
background: white;
box-shadow: 0px 0px 5px rgb(233, 221, 221);
transition: all 0.5s ease-in-out;
opacity: 1;
transform: translateY(0);
z-index: 9;
}
.page-template-features .testimonials {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-features .hublog-nav li a {
color: #ffffff;
}
.page-template-features .hub-log-main.sticky .hublog-nav li a {
color: #000000;
}
.page-template-features ul.dropdown-menu .dont-children a.nav-link {
color: black;
}
.page-template-features .hublog_logo .after-scroll {
display: none;
}
.page-template-features .hublog_logo .without-croll {
display: block;
}
.page-template-features .hublog_logo.scrolleded .without-croll {
display: none;
}
.page-template-features .hublog_logo.scrolleded .after-scroll {
display: block;
} .page-template-features .tab-featurelink-section-content {
display: flex;
flex-direction: column;
height: 429px;
justify-content: center;
}
.page-template-features .tab-featurelink-section {
position: relative;
background-color: white;
}
.page-template-features .tab-featurelink-section-right-column {
display: flex;
flex-direction: column;
gap: 20px;
} .page-template-features .feature-hero-section.premium {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 120px 0;
color: #fff;
margin-top: -60px;
position: relative;
overflow: hidden;
}
.page-template-features .feature-hero-section.premium::before {
content: "";
position: absolute;
top: -20%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(255, 136, 0, 0.2), transparent 70%);
filter: blur(100px);
z-index: 1;
}
.page-template-features .left-section {
position: relative;
z-index: 2;
}
.page-template-features .top-label {
font-size: 14px;
color: #ffc15f;
margin-bottom: 10px;
letter-spacing: 1.3px;
text-transform: uppercase;
font-weight: 600;
}
.page-template-features .title {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
color: #ffffff;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.page-template-features .subtitle {
font-size: 18px;
color: #d2d2d2;
margin-bottom: 45px;
max-width: 90%;
}
.page-template-features .features-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(200px, 1fr));
gap: 26px 36px;
}
.page-template-features .feature-item {
display: flex;
align-items: center;
font-size: 17px;
color: #f4f4f4;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
}
.page-template-features .feature-item i {
font-size: 22px;
font-weight: 800;
margin-right: 14px;
background: linear-gradient(90deg, #ff8a00, #ffc35f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: transform 0.3s ease;
}
.page-template-features .feature-item:hover i {
transform: scale(1.2);
}
.page-template-features .feature-item:hover {
color: #ffae00;
}
.page-template-features .form-section {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px);
border-radius: 24px;
padding: 50px 35px 30px 35px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.page-template-features .form-title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.page-template-features .form-title i {
color: #ffae00;
font-size: 26px;
}
.page-template-features .form-section .wpcf7-form-control {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 12px;
color: #fff;
margin-bottom: 15px;
border-radius: 8px;
}
.page-template-features .form-section .wpcf7-submit {
background: linear-gradient(145deg, #f39c12, #e67e22) !important;
color: #fff;
margin-top: 30px !important;
font-size: 20px !important;
border: none;
padding: 12px 28px !important;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(255, 136, 0, 0.4);
transition: all 0.3s ease;
}
.page-template-features .wpcf7-submit:hover {
background: linear-gradient(135deg, #ff9e2c, #f3a531);
box-shadow: 0 5px 9px rgba(255, 136, 0, 0.4);
transform: translateY(-3px);
}   .page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content h2.heading {
color: #0176dd;
font-size: 30px;
}
.page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content p.para {
font-size: 18px;
width: 420px;
padding: 3px 0px 14px;
}
.page-template-features .tab-featurelink-section-left-column .tab-featurelink-section-image .click-links-set .inside-click-links .active {
color: #fff !important;
}
.page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content .icon-para {
display: flex;
align-items: baseline;
gap: 17px;
margin-bottom: 18px;
}
.page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content .icon-para i {
color: #0085f9;
font-size: 19px;
}
.page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content .icon-para p {
padding: 0px;
margin: 0px;
font-size: 19px;
}
.page-template-features .tab-featurelink-section-right-column .tab-featurelink-section-content .icon-para p span {
font-weight: 600;
font-size: 20px;
} .page-template-features .tab-featurelink-section-right-column {
padding: 60px 40px;
background: linear-gradient(135deg, #f0f9ff, #e0f0ff);
border-radius: 24px;
}
.page-template-features .feature-block {
background: rgba(255, 255, 255, 0.85);
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
padding: 40px 20px;
transition: box-shadow 0.3s ease;
margin-bottom: 20px;
}
.page-template-features .feature-block:hover {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.page-template-features .inside-text-section {
padding: 10px 30px;
}
.page-template-features .inside-text-section h5 {
font-size: 28px;
font-weight: 600;
color: #102348;
margin-bottom: 20px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-features .inside-text-section p {
font-size: 18px;
}
.page-template-features .inside-text-section .list {
list-style: none;
padding: 0;
margin: 0;
}
.page-template-features .inside-text-section .list li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
font-size: 17px;
line-height: 1.7;
color: #333;
transition: transform 0.3s ease;
}
.page-template-features .inside-text-section .list li:hover {
transform: translateX(6px);
}
.page-template-features .inside-text-section .list li i {
color: #00bcd4;
font-size: 20px;
margin-top: 3px;
transition: color 0.3s, text-shadow 0.3s;
}
.page-template-features .inside-text-section .list li:hover i {
color: #0097a7;
text-shadow: 0 0 8px rgba(0, 188, 212, 0.3);
}
.page-template-features .image-side {
overflow: hidden;
border-radius: 18px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: transform 0.4s ease;
}
.page-template-features .image-side img {
width: 100%;
border-radius: 18px;
transition: transform 0.4s ease;
}
.page-template-features .premium-feature-section .container-fluid {
padding: 40px 60px;
} .page-template-features .transform-your-time {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-features .transform-your-time .left-content {
padding: 20px 40px;
color: #fff;
}
.page-template-features .transform-your-time .section-heading {
font-size: 44px;
font-weight: 700;
color: #ffffff;
margin-bottom: 18px;
}
.page-template-features .transform-your-time .sub-heading {
font-size: 26px;
color: #d1d1ff;
margin-bottom: 32px;
}
.page-template-features .transform-your-time .stats {
display: flex;
gap: 30px;
margin-bottom: 30px;
}
.page-template-features .transform-your-time .stat-item {
display: flex;
align-items: center;
font-size: 18px;
gap: 12px;
color: #ffffffb2;
}
.page-template-features .transform-your-time .stat-item i {
font-size: 22px;
color: #ff9800;
}
.page-template-features .transform-your-time .badge-group img {
width: 100%;
border-radius: 10px;
}
.page-template-features .transform-your-time .right-form-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
border-radius: 20px;
padding: 40px 30px;
color: #fff;
box-shadow: 0 0 40px rgba(255, 255, 255, 0.05);
margin-top: 20px;
}
.page-template-features .transform-your-time .form-title {
font-size: 28px;
text-align: center;
margin-bottom: 30px;
color: #ffffff;
}
.page-template-features .transform-your-time .flicker {
animation: flicker 2s infinite;
color: #ffc107;
}
@keyframes flicker {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
}
.page-template-features .transform-your-time .form-wrapper label {
color: #fff;
font-size: 18px;
}
.page-template-features .transform-your-time .form-wrapper input[type="text"],
.page-template-features .transform-your-time .form-wrapper input[type="email"] {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 12px;
color: #fff;
width: 130%;
margin-bottom: 15px;
border-radius: 8px;
}
.page-template-features .transform-your-time .form-wrapper input[type="submit"] {
background: linear-gradient(145deg, #f39c12, #e67e22);
border: none;
padding: 12px 30px;
color: #ffffff;
font-weight: bold;
font-size: 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}
.page-template-features .transform-your-time .form-wrapper input[type="submit"]:hover {
background-color: #ffc107;
transform: scale(1.02);
} .get-started-offer-pro .get-started-offer-pro {
padding: 100px 0;
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
position: relative;
z-index: 1;
overflow: hidden;
}
.get-started-offer-pro .get-started-box {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 60px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(12px);
max-width: 900px;
margin: 0 auto;
}
.get-started-offer-pro .get-started-box::before,
.get-started-box::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
z-index: -1;
}
.get-started-offer-pro .get-started-box::before {
top: -40px;
left: -60px;
}
.get-started-offer-pro .get-started-box::after {
bottom: -40px;
right: -60px;
}
.get-started-offer-pro .get-started-box .title {
font-size: 36px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.get-started-offer-pro .get-started-box .subtitle {
font-size: 18px;
color: #d6e5f5;
max-width: 700px;
margin: 0 auto 40px;
line-height: 1.7;
}
.get-started-offer-pro .get-started-box .subtitle a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.get-started-offer-pro .btn-get-started {
display: inline-block;
background: #ffffff;
color: #0f3558;
padding: 15px 50px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
text-decoration: none;
}
.get-started-offer-pro .btn-get-started:hover {
background: #f2f6ff;
color: #00488b;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}
.get-started-offer-pro .get-started-box .note {
font-size: 14px;
color: #b4c6de;
margin-top: 20px;
letter-spacing: 0.8px;
} .page-template-features .install-all-technologies-premium {
background: linear-gradient(135deg, #ebf4ff 0%, #cce0f4 100%);
padding: 80px 0;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.page-template-features .install-all-technologies-premium .text h2 {
font-size: 40px;
color: #00295c;
font-weight: 600;
}
.page-template-features .install-all-technologies-premium .text .highlight {
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-features .install-all-technologies-premium .subheading {
font-size: 20px;
color: #333;
margin-top: 10px;
}
.page-template-features .install-all-technologies-premium .cta-button {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: white;
padding: 12px 30px;
font-size: 18px;
font-weight: 500;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}
.page-template-features .install-all-technologies-premium .cta-button:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.page-template-features .install-all-technologies-premium .platforms-row .platform-card {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.page-template-features .platforms-row {
margin-top: 24px;
}
.page-template-features .install-all-technologies-premium .platforms-row .platform-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
.page-template-features .install-all-technologies-premium .platforms-row img {
width: 60px;
margin-bottom: 15px;
}
.page-template-features .install-all-technologies-premium .platforms-row h4 {
margin-top: 5px;
font-size: 20px;
color: #0e244e;
}
.page-template-features .install-all-technologies-premium .platforms-row span {
font-size: 15px;
color: #6c757d;
display: block;
}  .page-template-features .three-stage-usings {
padding: 60px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-features .three-stage-usings .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-features .three-stage-usings .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-features .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-features .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-features .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-features .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-features .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-features .try-free {
background-color: #122947;
color: #fff;
}
.page-template-features .try-free:hover {
background-color: #0a1a30;
}
.page-template-features .right-side-box {
background-color: #fff;
border-radius: 16px;
padding: 20px 25px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 20px;
position: relative;
transition: all 0.3s ease;
}
.page-template-features .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-features .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-features .right-side-box .number-box {
display: flex;
align-items: center;
gap: 12px;
min-width: 90px;
}
.page-template-features .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-features .number {
font-size: 32px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-features .text h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.page-template-features .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
} .page-template-features .awards-section-certificate .animated-images-container {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 90%;
margin: auto;
}
.page-template-features .awards-section-certificate .animated-images {
display: flex;
gap: 30px;
animation: moveLeft 20s linear infinite;
}
.page-template-features .awards-section-certificate .animated-images img {
max-width: 101px;
height: auto;
flex-shrink: 0;
}
.page-template-features .awards-section-certificate .heading p {
color: #0a0a85;
}
.page-template-features .awards-section-certificate .heading h2 {
font-size: 42px;
font-weight: 600;
color: #102348;
margin-bottom: 10px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
.page-template-features .awards-section-certificate .heading .para {
font-weight: 300;
font-size: 18px;
width: 80%;
margin: auto;
color: black;
}
.page-template-features .awards-section-certificate {
background: white !important;
}
.page-template-features .awards-section-certificate .heading {
text-align: center;
margin-bottom: 52px;
}
@keyframes moveLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 1024px) {
.page-template-features .awards-section-certificate .animated-images {
animation-duration: 15s;
}
}
@media (max-width: 768px) {
.page-template-features .awards-section-certificate .animated-images {
animation-duration: 10s;
}
}  h1.feature-common-hero-title.Roboto-medium {
margin-top: 66px;
font-size: 56px;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(45deg,
#0c6fed,
#44a4ff 22%,
#34ea5b 40%,
#00700f 67%,
rgb(16 171 112 / 0%));
background-clip: text;
background-size: 150% 100%;
background-repeat: no-repeat;
}
p.feature-common-subtitle.Roboto-light {
letter-spacing: 0.5px;
font-size: 18px;
color: #1a228b;
margin: 19px 0px;
}
a.get-started-button {
letter-spacing: 2px;
text-transform: uppercase;
background-color: #3167ff;
border-radius: 6px;
color: white;
text-decoration: none;
padding: 15px 25px;
font-size: 15px;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
a.get-started-button:hover {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
transform: scale(0.99);
}
.feature-common-buttons-section {
margin: 41px 0px 47px 0px;
display: flex;
align-items: center;
justify-content: center;
gap: 26px;
}
a.schedule-button {
color: #170c4b;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #3898ec00;
flex: none;
justify-content: flex-start;
align-self: flex-start;
align-items: stretch;
padding: 15px 20px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: all 0.2sease -in-out;
display: flex;
}
a.schedule-button:hover {
background-image: linear-gradient(#0000001a, #0000001a);
border-radius: 6px;
transform: scale(1.011);
}
.schedule-button img {
transition: transform 0.3s ease-in-out;
}
.schedule-button:hover img {
transform: translateX(10px);
}
.site-header.text-white {
background-color: white;
box-shadow: 0px 0px 4px 0px #ddd;
}
.page-template-features {
background-color: #9fcaf524;
} ul.feature-common-section-two-ul li {
list-style: none;
display: flex;
align-items: baseline;
gap: 11px;
}
ul.feature-common-section-two-ul i {
font-size: 15px;
color: #008d5d;
}
ul.feature-common-section-two-ul {
padding: 0px;
margin: 20px 0px 0px 0px;
}
ul.feature-common-section-two-ul p {
margin: 0;
padding: 3px;
line-height: 34px;
font-size: 18px;
}
.feature-common-section-two-right img {
width: 75%;
}
.feature-common-section-two-right {
display: flex;
margin: auto;
justify-content: center;
}
section.feature-common-section-two {
background-color: white;
}
.feature-common-section-two-heading h2 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(26deg,
#4295ff,
#44a4ff 22%,
#2927db 40%,
rgb(16 171 112 / 0%));
background-clip: text;
font-size: 40px;
}
.page-template-features .hublog-sections-headings {
text-align: center;
font-size: 40px;
color: #12a5ff;
}
.page-template-features .transparent-gradiend {
background: linear-gradient(90deg, #75beff, #009760);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.reeding-circle-img img {
width: 100%;
margin-top: 52px;
}
.page-template-features .hublog-sectionfour-box {
height: 100%;
}  section.feature-common-section-five {
background-color: #00295c;
}
.feature-common-section-five-heading {
text-align: center;
width: 100%;
display: flex;
justify-content: center;
margin: 24px 0px 0px;
}
h2.feature-common-section-five-heading-text {
font-weight: 600;
background-size: 150% 100%;
background-repeat: no-repeat;
text-align: center;
background-image: linear-gradient(45deg,
#ffffffc4,
#b2adffe0 22%,
#6abcff 40%,
#83ffd0 67%,
rgba(64, 223, 163, 0));
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 43px;
width: 56%;
}
p.feature-common-section-five-para-text {
letter-spacing: 2px;
line-height: 25px;
color: white;
text-align: center;
font-size: 18px;
max-width: 62%;
}
.feature-common-section-five-images {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0px 0px 0px;
gap: 20px;
}
.feature-common-section-five-para {
display: flex;
justify-content: center;
}  h1.feature-common-section-clients-heading {
font-size: 42px;
font-weight: 600;
color: #102348;
margin-bottom: 10px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
h5.feature-common-section-clients-subheading {
text-align: center;
margin: 10px 0px;
font-size: 24px;
}
p.feature-common-section-clients-para-text {
text-align: center;
font-size: 19px;
width: 58%;
}
.feature-common-section-clients-para {
display: flex;
justify-content: center;
}
section.feature-common-section-clients {
padding-bottom: 0px;
padding-top: 60px;
}
.page-template-features section.trusted-clients.text-center {
padding-top: 20px;
}  .page-template-features .happy-customer-says .heading {
text-align: center;
margin-bottom: 33px;
}
.page-template-features .happy-customer-says {
background-color: white;
}
.page-template-features .Still.Need.Help .hublog-section-nine-box h1 {
text-align: center;
font-size: 43px;
color: #0e244e;
margin-bottom: 13px;
}
.page-template-features .hublog-section-nine-button a {
margin-top: 30px !important;
}
.page-template-features .Still.Need.Help {
padding-top: 0;
}
.page-template-features .happy-customer-says .testimonial-item {
position: relative;
margin-bottom: 30px;
padding: 0 25px 25px 25px;
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
border-radius: 0px 0px 0px 38px;
}
.page-template-features .happy-customer-says .testimonial-item::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 50px);
bottom: 0;
left: 0;
border-radius: 10px;
background: rgb(255, 255, 255);
z-index: -1;
}
.page-template-features .happy-customer-says .testimonial-item .testimonial-img img {
width: 100px;
height: 100px;
border-radius: 100px;
background: white;
}
.page-template-features .happy-customer-says .testimonial-item .para-text {
font-size: 14px;
color: #545454;
}
.page-template-features .happy-customer-says .testimonial-item .client-details {
margin-top: 12px;
}
.page-template-features .happy-customer-says .heading-text h1 {
font-size: 40px;
color: #0e244e;
font-weight: 500;
}
.page-template-features .happy-customer-says .heading-text h4 {
font-weight: 400;
font-size: 19px;
}
.page-template-features .happy-customer-says .testimonial-item .client-details .client-name {
font-size: 19px;
line-height: normal;
}
.page-template-features .happy-customer-says .testimonial-item .client-details .client-position {
font-size: 11px;
line-height: normal;
margin-bottom: 12px;
}
.page-template-features .happy-customer-says .testimonial-item .testimonial-title {
display: flex;
justify-content: space-between;
}
.page-template-features .happy-customer-says .owl-nav .owl-prev {
position: absolute;
top: -58px;
left: 0;
background: dodgerblue;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-features .happy-customer-says .owl-nav .owl-prev:hover {
background: green;
color: white;
}
.page-template-features .happy-customer-says .owl-nav .owl-next {
position: absolute;
top: -58px;
right: 0;
background: forestgreen;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-features .happy-customer-says .owl-nav .owl-next:hover {
background: yellow;
color: white;
}
.page-template-features .testimonial-carousel .owl-dots {
display: flex;
justify-content: center;
}
.page-template-features .testimonial-carousel .owl-dots .owl-dot {
width: 20px;
height: 20px;
border-radius: 30px;
margin: 20px 10px 0 10px;
background: #ff9100;
transition: 0.5s;
}
.page-template-features .star-color {
color: #ffc94a;
}
.page-template-features .happy-customer-says .testimonial-image {
width: 16%;
border-radius: 50%;
margin-bottom: 20px;
margin-left: -18px;
}
.page-template-features .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 12px;
line-height: normal;
padding: 0;
margin: 0;
}
.page-template-features .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 16px;
line-height: normal;
}
.page-template-features .testimonial-carousel .owl-dots .owl-dot.active {
width: 20px;
height: 20px;
border-radius: 30px;
background: #d3d3c4;
transition: 0.5s;
}
.page-template-features .testimonial-carousel .owl-dots .owl-dot span {
position: relative;
margin-left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-template-features .testimonial-carousel .owl-dots .owl-dot.active span::after {
background: rgb(255, 145, 0);
}
.page-template-features .testimonial-carousel .owl-dots .owl-dot span::after {
content: "";
width: 12px;
height: 12px;
border-radius: 15px;
position: absolute;
top: 47%;
left: -1px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: white;
transition: 0.5s;
}  .page-template-features .feature-page-faq {
background: linear-gradient(250deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-radius: 20px 20px 0px 0px;
}
.page-template-features h2.feature-page-faq-heading {
font-size: 44px;
font-weight: 600;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 10px;
}
.page-template-features p.feature-page-faq-para {
font-size: 18px;
text-align: center;
color: #444;
max-width: 750px;
margin: 10px auto 40px auto;
padding: 0 15px;
}
.page-template-features .premium-faq-accordion .accordion-item {
border: none;
border-radius: 16px;
margin-bottom: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.page-template-features .premium-faq-accordion .accordion-item:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.page-template-features .premium-faq-accordion .accordion-button {
background: #fff;
color: #102348;
font-weight: 600;
font-size: 18px;
padding: 18px 24px;
border-radius: 16px;
transition: background-color 0.3s ease;
}
.page-template-features .premium-faq-accordion .accordion-button::after {
filter: hue-rotate(200deg);
}
.page-template-features .premium-faq-accordion .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, #e0f2ff, #f0faff);
color: #004e92;
box-shadow: inset 0 0 0 1px #b3d8f8;
color: #00295c !important;
}
.page-template-features .premium-faq-accordion .accordion-body {
padding: 18px 26px;
font-size: 16px;
color: #333;
line-height: 1.6;
}
.page-template-features .text-gradient {
background: linear-gradient(90deg, #005bea, #00c6fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}  .page-template-features .get-started-offer-pro {
padding: 70px 0;
background: linear-gradient(to left,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
position: relative;
z-index: 1;
overflow: hidden;
}
.page-template-features .get-started-box {
background: linear-gradient(135deg, #2c6ca6, #00488b, #2a3550);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 60px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(12px);
max-width: 900px;
margin: 0 auto;
}
.page-template-features .get-started-box::before,
.get-started-box::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
z-index: -1;
}
.page-template-features .get-started-box::before {
top: -40px;
left: -60px;
}
.page-template-features .get-started-box::after {
bottom: -40px;
right: -60px;
}
.page-template-features .get-started-box .title {
font-size: 36px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.page-template-features .get-started-box .subtitle {
font-size: 18px;
color: #d6e5f5;
max-width: 700px;
margin: 0 auto 40px;
line-height: 1.7;
}
.page-template-features .get-started-box .subtitle a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.page-template-features .btn-get-started {
display: inline-block;
background: #ffffff;
color: #0f3558;
padding: 15px 50px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
text-decoration: none;
}
.page-template-features .btn-get-started:hover {
background: #f2f6ff;
color: #00488b;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}
.page-template-features .get-started-box .note {
font-size: 14px;
color: #b4c6de;
margin-top: 20px;
letter-spacing: 0.8px;
}  .page-template-solutions .creative-hero {
background: radial-gradient(circle at top left, #e3f2fd, #fdfdfd);
padding: 120px 0px 60px 0;
position: relative;
margin-top: -62px;
}
.page-template-solutions .hub-log-main.sticky {
background: #fff !important;
}
.page-template-solutions .hero-grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 50px;
}
.page-template-solutions .hero-text {
z-index: 2;
}
.page-template-solutions .hero-title {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
color: #111;
}
.page-template-solutions .hero-title span {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-solutions .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-solutions .hero-subtext {
font-size: 18px;
color: #555;
margin: 20px 0 15px;
max-width: 90%;
line-height: 1.6;
}
.page-template-solutions #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #000;
}
.page-template-solutions .hero-form .wpcf7-form {
background: #fff;
padding: 30px;
border-radius: 16px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}
.hero-form input[type="text"],
.hero-form input[type="email"],
.hero-form input[type="tel"] {
width: 100%;
padding: 14px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 8px;
background: #f9f9f9;
font-size: 16px;
}
.page-template-solutions .hero-form p {
line-height: normal;
}
.page-template-solutions .hero-form input.wpcf7-submit {
background: linear-gradient(to right, #00d4ff, #0055ff);
color: white;
padding: 14px 24px;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
transition: 0.3s;
width: 100%;
box-shadow: 0 6px 20px rgba(0, 85, 255, 0.3);
transition: transform 0.3s ease;
}
.page-template-solutions .hero-form input.wpcf7-submit:hover {
transform: translateY(-2px);
}
.page-template-solutions.hero-visual {
position: relative;
text-align: center;
}
.page-template-solutions .hero-visual img {
width: 85%;
border-radius: 12px;
z-index: 2;
position: relative;
}
.page-template-solutions .floating-shape {
position: absolute;
bottom: 0px;
right: -40px;
width: 150px;
height: 150px;
background: linear-gradient(135deg, #00d4ff, #0055ff);
border-radius: 50%;
filter: blur(60px);
opacity: 0.6;
z-index: 1;
}   .solution-carousel-premium {
background: linear-gradient(to right, #f9fbff, #f2f6ff);
padding: 80px 0;
border-top: 1px solid #e4ecf7;
}
.page-template-solutions .carousel-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.page-template-solutions .carousel-text {
flex: 1;
min-width: 300px;
}
.page-template-solutions .carousel-text h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 12px;
color: #0a2a66;
}
.page-template-solutions .carousel-text h2 span {
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-solutions .carousel-text p {
font-size: 18px;
color: #444;
}
.page-template-solutions .carousel-logos {
position: relative;
overflow: hidden;
}
.carousel-logos::before,
.carousel-logos::after {
content: "";
position: absolute;
top: 30px;
width: 80px;
height: 70%;
z-index: 2;
pointer-events: none;
}
.carousel-logos::before {
left: 0;
background: linear-gradient(to right, #f9fbff 0%, transparent 100%);
}
.carousel-logos::after {
right: 0;
background: linear-gradient(to left, #d9efff 0%, transparent 100%);
}
.page-template-solutions .logo-track {
display: flex;
gap: 40px;
animation: scrollInfinite 15s linear infinite;
}
.page-template-solutions .logo-slide {
flex: none;
width: 160px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.page-template-solutions .logo-slide:hover {
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}
.page-template-solutions .logo-slide img {
max-height: 60px;
max-width: 100%;
object-fit: contain;
}
@keyframes scrollInfinite {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}   .flip-card {
perspective: 1000px;
height: 100%;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 290px;
transition: transform 0.7s;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
backface-visibility: hidden;
border-radius: 12px;
padding: 21px;
background: white;
border: 1px solid #e5e8f0;
box-shadow: 0 8px 55px -40px rgba(123, 97, 255, 0.3);
text-align: center;
}
.flip-card-back {
transform: rotateY(180deg);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
background: rgba(255, 255, 255, 0.25);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1);
color: #1f2340;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
height: 250px;
place-content: center !important;
}
.flip-card-front .image img {
width: 100%;
height: 205px;
object-fit: cover;
}
.flip-card-front .text-area h2 {
margin-top: 25px;
font-size: 21px;
font-weight: 600;
}
.flip-card-back {
transform: rotateY(180deg);
text-align: center;
}
.flip-card-back .text-area p {
color: #000;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 24px;
} .premium-workforce-analytics-section {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 60px 0;
}
.solution-workforce-analytics-section-para {
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
color: #6c6f82;
}
.hublog-sectionfour-title {
font-size: 38px;
font-weight: 700;
margin-bottom: 60px;
line-height: 1.3;
color: #1f2340;
}
.gradient-text {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.solution-workforce-analytics-section-button {
text-align: center;
margin-top: 40px;
}
.solution-workforce-analytics-section-button button {
padding: 14px 40px;
border-radius: 30px;
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
font-weight: 600;
font-size: 16px;
border: none;
box-shadow: 0 10px 25px rgba(0, 100, 255, 0.2);
transition: background 0.3s ease, transform 0.2s ease;
}
.solution-workforce-analytics-section-button button:hover {
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
transform: translateY(-5px);
}
.solution-workforce-analytics-section-button p {
margin-top: 17px;
font-size: 14px;
color: #6c6f82;
} @media (max-width: 768px) {
.solution-workforce-analytics-section-row {
display: flex;
flex-direction: column;
gap: 15px;
}
.hublog-sectionfour-title {
font-size: 30px;
}
.flip-card-front .text-area h2 {
font-size: 18px;
}
}  .page-template-solutions .tab-content {
display: block;
background-color: #ffffff;
border-radius: 20px;
padding: 64px 72px;
box-shadow: 0 15px 50px rgba(0, 128, 255, 0.08);
border: 1px solid #d8eaff;
overflow: hidden;
}
.page-template-solutions ul#myTab {
display: flex;
justify-content: center;
flex-wrap: wrap;
background: #f4f9ff;
padding: 20px;
border-radius: 20px;
gap: 12px;
}
.page-template-solutions .solution-tabs-section-column .nav-link {
color: #2d7dd2;
background: #e7f1ff;
border: none;
padding: 10px 26px;
border-radius: 14px;
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
}
.page-template-solutions .solution-tabs-section-column .nav-link.active {
color: #fff !important;
background: linear-gradient(to right, #33c574, #0064ff);
box-shadow: 0px 5px 15px rgba(0, 102, 255, 0.25);
}
.page-template-solutions .solution-tabs-section-column .nav-link:hover {
outline: none;
transform: translateY(-2px);
}
.page-template-solutions .solution-tabs-section-tabs-content h3 {
font-size: 18px;
color: #1c8aff;
font-weight: 500;
margin-bottom: 12px;
}
.page-template-solutions .solution-tabs-section-tabs-content h2 {
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.page-template-solutions .solution-tabs-section-tabs-content .para p {
font-size: 17px;
line-height: 1.7;
color: #4a4a4a;
}
.page-template-solutions .advantages {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 28px;
}
.page-template-solutions .grid-design-box {
background: linear-gradient(to bottom right, #f2f8ff, #e3efff);
border-radius: 12px;
padding: 14px 20px;
font-size: 15px;
color: #1d3557;
font-weight: 500;
transition: 0.3s ease;
}
.page-template-solutions .grid-design-box:hover {
background: linear-gradient(to bottom right, #e6f0ff, #d0e4ff);
box-shadow: 0 4px 12px rgba(0, 102, 255, 0.1);
}
.tabs-images img {
width: 670px;
border-radius: 18px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}  .solution-organization-section {
padding: 60px 0;
color: #fff;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
background: linear-gradient(230deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.solution-organization-section-heading h2 {
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
}
.solution-organization-section-heading p {
font-size: 18px;
color: #000;
margin-bottom: 70px;
}
.solutions-container {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
margin-top: 40px;
}
.solution-item {
position: relative;
width: 100%;
max-width: 320px;
margin: 0 auto;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.solution-item:hover {
transform: scale(1.05);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}
.solution-image {
position: relative;
}
.solution-image img {
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.solution-item:hover .solution-image img {
transform: scale(1.1);
}
.content-overlay {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.6);
padding: 20px;
border-radius: 15px;
z-index: 2;
text-align: left;
opacity: 0;
transition: opacity 0.3s ease;
}
.solution-item:hover .content-overlay {
opacity: 1;
}
.content-overlay h2 {
font-size: 24px;
color: #fff;
font-weight: 700;
margin-bottom: 15px;
}
.content-overlay p {
font-size: 16px;
color: #e1e1e1;
line-height: 1.6;
}
.solution-business-leaders .content-overlay {
background: rgba(57, 139, 85, 0.8);
}
.solution-hr .content-overlay {
background: rgba(57, 139, 85, 0.8);
}
.solution-employees .content-overlay {
background: rgba(57, 139, 85, 0.8);
}
.solution-organization-section-button {
margin-top: 60px;
}
.solution-organization-section-button button {
background: #fff;
color: #33c574;
font-size: 18px;
padding: 15px 40px;
border-radius: 50px;
border: none;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
transition: background-color 0.3s ease, transform 0.3s ease;
}
.solution-organization-section-button button:hover {
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
transform: translateY(-5px);
}
.solution-organization-section-button p {
margin-top: 20px;
font-size: 14px;
color: #000;
font-weight: 300;
}  .solution-we-belive-section-image img {
width: 90%;
border-radius: 10px;
transition: transform 0.3s ease;
}
.belief-premium {
padding: 60px 0;
background: #f0f4fb;
}
.belief-heading {
font-size: 40px;
font-weight: 600;
text-align: center;
margin-bottom: 60px;
line-height: 1.3;
color: #1f2340;
}
.belief-heading span {
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.belief-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
align-items: center;
gap: 80px;
margin: 0 auto;
}
.belief-image {
text-align: center;
}
.belief-image img {
width: 100%;
border-radius: 8px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.belief-cards {
display: flex;
flex-direction: column;
gap: 40px;
}
.belief-card {
display: flex;
align-items: flex-start;
gap: 30px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e0efff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 15px 40px rgba(95, 165, 255, 0.12);
backdrop-filter: blur(12px);
transition: all 0.3s ease;
}
.belief-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(95, 165, 255, 0.2);
}
.belief-card img {
width: 60px;
height: 60px;
object-fit: contain;
transition: transform 0.3s ease;
}
.belief-card img:hover {
transform: scale(1.1);
}
.belief-card h3 {
font-size: 24px;
font-weight: 700;
background: linear-gradient(to right, #0366d6, #00d2fe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.belief-card p {
margin: 0;
font-size: 16px;
color: #555;
line-height: 1.6;
}
.belief-premium .container {
margin: 0 auto;
}  .page-template-solutions .premium-key-features {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 60px 0;
}
.page-template-solutions .section-heading {
font-size: 40px;
font-weight: 700;
color: #1c1f30;
margin-bottom: 40px;
line-height: 1.4;
}
.page-template-solutions .solution-key-features-section .gradient-text {
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-solutions .features-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.page-template-solutions .feature-card {
display: flex;
gap: 20px;
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
align-items: center;
}
.page-template-solutions .feature-card:hover {
transform: translateY(-6px);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
}
.page-template-solutions.feature-icon {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 12px;
background: #f1f3f9;
display: flex;
justify-content: center;
align-items: center;
margin-right: 24px;
}
.page-template-solutions .feature-icon img {
width: 50px;
}
.page-template-solutions .feature-content h3 {
font-size: 20px;
color: #1c1f30;
margin-bottom: 10px;
}
.page-template-solutions .feature-content p {
font-size: 16px;
color: #6a6f81;
line-height: 1.6;
}
.page-template-solutions .solution-organization-section-button {
text-align: center;
margin-top: 60px;
}
.page-template-solutions .solution-organization-section-button button {
padding: 14px 40px;
border-radius: 30px;
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
font-weight: 600;
font-size: 16px;
border: none;
box-shadow: 0 10px 25px rgba(0, 100, 255, 0.2);
transition: background 0.3s ease, transform 0.2s ease;
}
.page-template-solutions .solution-organization-section-button button:hover {
transform: translateY(-4px);
} .page-template-solutions .Still-Need-Help {
padding: 80px 0;
background: linear-gradient(to right,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg); background-size: cover;
background-position: center;
position: relative;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.page-template-solutions .Still-Need-Help .help-heading {
font-size: 50px;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
background: linear-gradient(to right, #33c574, #0064ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-solutions .Still-Need-Help .help-description {
font-size: 18px;
color: #2c3e50;
line-height: 1.6;
margin-bottom: 40px;
max-width: 750px;
margin: 0 auto;
}
.page-template-solutions .Still-Need-Help .help-link {
color: #33c574;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.page-template-solutions .Still-Need-Help .help-link:hover {
color: #0064ff;
}
.Still-Need-Help .help-buttons {
margin-top: 20px;
}
.page-template-solutions .Still-Need-Help .help-buttons button {
padding: 14px 40px;
border-radius: 30px;
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
font-weight: 600;
font-size: 16px;
border: none;
box-shadow: 0 10px 25px rgba(0, 100, 255, 0.2);
transition: background 0.3s ease, transform 0.2s ease;
}
.page-template-solutions .Still-Need-Help .help-buttons button:hover {
background: linear-gradient(to right, #33c574, #0064ff);
color: #fff;
transform: translateY(-5px);
}
.page-template-solutions .Still-Need-Help .help-image {
max-width: 80%;
height: auto;
border-radius: 15px;
}
@media (max-width: 767px) {
.page-template-solutions .Still-Need-Help {
padding: 60px 20px;
}
.page-template-solutions .Still-Need-Help .help-description {
font-size: 16px;
}
.page-template-solutions .Still-Need-Help .btn-help {
padding: 16px 40px;
font-size: 18px;
}
}   .page-template-security .hublog_logo .after-scroll {
display: none;
}
.page-template-security .hublog_logo .without-croll {
display: block;
}
.page-template-security .hublog_logo.scrolleded .without-croll {
display: none;
}
.page-template-security .hublog_logo.scrolleded .after-scroll {
display: block;
}
.page-template-security .hero-section {
padding: 110px 0 80px;
position: relative;
overflow: hidden;
margin-top: -62px;
background: radial-gradient(ellipse at 70% 30%, #0a1a2f 0%, #020912 70%);
}
.page-template-security #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item>a.mega-menu-link {
color: #fff;
}
.page-template-security .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-security .hub-log-main.sticky #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item>a.mega-menu-link {
color: #000;
}
.page-template-security .hero-section::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMDAwMDAwIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiMxMTM0NTciIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
opacity: 0.3;
animation: gridMove 120s linear infinite;
}
@keyframes gridMove {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(50px, 50px);
}
100% {
transform: translate(0, 0);
}
}
.page-template-security .banner-image {
position: relative;
z-index: 2;
perspective: 1000px;
}
.page-template-security .banner-image img {
width: 100%;
max-width: 600px;
filter: drop-shadow(0 0 20px rgba(44, 235, 171, 0.3));
animation: float 6s ease-in-out infinite;
transform-style: preserve-3d;
border-radius: 5px;
}
@keyframes float {
0%,
100% {
transform: translateY(0) rotateX(5deg) rotateY(5deg);
}
50% {
transform: translateY(-20px) rotateX(-5deg) rotateY(-5deg);
}
}
.page-template-security .hero-section-heading {
color: #fff;
font-size: 52px;
line-height: 1.2;
margin-bottom: 0px;
text-shadow: 0 0 10px rgba(3, 143, 199, 0.5);
font-weight: 300;
letter-spacing: 1px;
position: relative;
}
.page-template-security h2.hero-section-subheading.Roboto-bold {
font-size: 56px;
background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 50%, #00d2ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
background-size: 200% auto;
animation: gradient 3s linear infinite;
font-weight: 700;
margin-bottom: 30px;
line-height: 1.2;
text-shadow: 0 0 20px rgba(58, 123, 213, 0.3);
position: relative;
}
@keyframes gradient {
0% {
background-position: 0% center;
}
100% {
background-position: 200% center;
}
}
.page-template-security p.hero-section-para {
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 40px;
line-height: 1.6;
max-width: 90%;
position: relative;
}
.page-template-security .hero-section-buttons {
display: flex;
gap: 25px;
align-items: center;
flex-wrap: wrap;
}
.page-template-security .get-started-button {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);
border: none;
color: white;
padding: 16px 40px;
font-size: 16px;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(0, 210, 255, 0.2);
position: relative;
overflow: hidden;
z-index: 1;
}
.page-template-security .get-started-button::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.page-template-security .get-started-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0, 210, 255, 0.3);
}
.page-template-security .get-started-button:hover::before {
opacity: 1;
}
.page-template-security .schedule-button {
display: flex;
align-items: center;
gap: 10px;
color: white;
font-size: 16px;
padding: 16px 30px;
border-radius: 50px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.page-template-security .schedule-button:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
border-radius: 50px;
}
.page-template-security .schedule-button img {
width: 20px;
transition: transform 0.3s ease;
filter: invert(1);
}
.page-template-security .schedule-button:hover img {
transform: translateX(5px);
} .particle {
position: absolute;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
pointer-events: none;
} .glow {
position: absolute;
border-radius: 50%;
filter: blur(60px);
opacity: 0.3;
z-index: 0;
}
.glow-1 {
width: 300px;
height: 300px;
background: #00c533ad;
top: -100px;
left: -100px;
}
.glow-2 {
width: 400px;
height: 400px;
background: #3a7bd5;
bottom: -150px;
right: -100px;
}
@media (max-width: 991px) {
.page-template-security .hero-section-heading,
.page-template-security h2.hero-section-subheading.Roboto-bold {
font-size: 40px;
}
.page-template-security p.hero-section-para {
max-width: 100%;
}
.hero-section-buttons {
justify-content: center;
}
}  .page-template-security .standards-section {
background: linear-gradient(135deg, #f4fbff 0%, #e6f6ff 100%);
padding: 60px 0;
position: relative;
overflow: hidden;
}
.page-template-security .standards-section-column {
position: relative;
z-index: 1;
text-align: center;
padding: 40px 0;
}
.page-template-security .standards-section-content p {
color: #1e2a3d;
max-width: 700px;
margin: 20px auto 50px;
font-size: 20px;
line-height: 1.6;
font-weight: 300;
position: relative;
padding: 0 20px;
}
.page-template-security .standards-section-content h2:after {
content: "";
display: block;
width: 80px;
height: 3px;
background: linear-gradient(90deg, #0085f9, #00d4ff);
margin: 12px auto 0;
border-radius: 3px;
}
.page-template-security .standards-section-three-condition {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
width: 100%;
margin: 0 auto;
}
.page-template-security .standards-section-three-condition .boxes {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
border: 1px solid rgba(97, 146, 255, 0.2);
padding: 25px 40px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
box-shadow: 0 10px 30px rgba(0, 133, 249, 0.1);
transition: all 0.3s ease;
min-width: 280px;
position: relative;
overflow: hidden;
z-index: 1;
}
.page-template-security .standards-section-three-condition .boxes:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 133, 249, 0.15);
border-color: rgba(97, 146, 255, 0.4);
}
.page-template-security .standards-section-three-condition .boxes h2 {
font-size: 20px;
font-weight: 600;
padding: 0;
margin: 0;
color: #1e2a3d;
background: linear-gradient(90deg, #0085f9, #00d4ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-security .standards-section-three-condition .boxes i {
color: #0085f9;
font-size: 24px;
background: rgba(0, 133, 249, 0.1);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
}
.page-template-security .standards-section-three-condition .boxes:hover i {
transform: scale(1.1);
background: rgba(0, 133, 249, 0.2);
}  .page-template-security .Compliance-section {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-security .Compliance-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 107, 221, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 107, 221, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.page-template-security .heading-section {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 1;
}
.page-template-security .heading-section .para-initial {
color: #006cdf;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 500;
}
.page-template-security h4.heading-start.Roboto-semibold {
color: #0a2540;
font-size: 48px;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 700;
}
.page-template-security span.trans-color {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-security .heading-section p {
color: #5e6e82;
font-size: 20px;
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}
.page-template-security .Compliance-row {
position: relative;
z-index: 1;
}
.page-template-security .Compliance-section-boxes {
border-radius: 16px;
height: 100%;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 133, 249, 0.15);
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
overflow: hidden;
position: relative;
}
.page-template-security .Compliance-section-boxes:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg,
rgba(0, 133, 249, 0.03) 0%,
rgba(0, 212, 255, 0.03) 100%);
z-index: -1;
}
.page-template-security .Compliance-section-boxes:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-security .Compliance-section-boxes .image {
padding: 40px 30px;
background: linear-gradient(135deg, #f6faff 0%, #e6f3ff 100%);
border-bottom: 1px solid rgba(0, 133, 249, 0.1);
transition: all 0.4s ease;
}
.page-template-security .Compliance-section-boxes:hover .image {
background: linear-gradient(135deg, #edf6ff 0%, #d6ebff 100%);
}
.page-template-security .Compliance-section-boxes .image img {
height: 100px;
width: auto;
max-width: 100%;
object-fit: contain;
filter: grayscale(100%) brightness(0.5);
opacity: 0.8;
transition: all 0.4s ease;
}
.page-template-security .Compliance-section-boxes:hover .image img {
filter: grayscale(0) brightness(1);
opacity: 1;
transform: scale(1.05);
}
.page-template-security .Compliance-section-boxes .content {
padding: 30px;
}
.page-template-security .Compliance-section-boxes .content h4 {
color: #0176dd;
font-size: 22px;
margin-bottom: 15px;
font-weight: 600;
position: relative;
display: inline-block;
}
.page-template-security .Compliance-section-boxes .content h4:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #0176dd, #00b2ff);
border-radius: 3px;
}
.page-template-security .Compliance-section-boxes .content p {
font-size: 16px;
color: #5e6e82;
line-height: 1.6;
margin-bottom: 0;
}
.page-template-security .Compliance-section-boxes:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
box-shadow: 0 0 30px rgba(0, 133, 249, 0);
transition: all 0.4s ease;
z-index: -1;
}
.page-template-security .Compliance-section-boxes:hover:after {
box-shadow: 0 0 30px rgba(0, 133, 249, 0.2);
}  .page-template-security .Deployment-section {
background: linear-gradient(135deg, #f8fbfe 0%, #f0f8ff 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-security .Deployment-section-row {
position: relative;
z-index: 1;
}
.page-template-security .heading-section {
text-align: center;
margin-bottom: 70px;
}
.page-template-security .heading-section .para-initial {
color: #006cdf;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 500;
display: inline-block;
position: relative;
}
.page-template-security .heading-section .para-initial:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 2px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-security h4.heading-start.Roboto-semibold {
color: #0a2540;
font-size: 42px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
}
.page-template-security span.trans-color {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-security .Deployment-section-box {
background: white;
border-radius: 16px;
padding: 50px 35px;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 100%;
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 133, 249, 0.1);
}
.page-template-security .Deployment-section-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-security .Deployment-section-box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-security .Deployment-section-box .img {
margin-bottom: 35px;
text-align: center;
transition: all 0.4s ease;
}
.page-template-security .Deployment-section-box .img img {
height: 80px;
width: auto;
transition: all 0.4s ease;
transform: scale(1.1);
}
.page-template-security .Deployment-section-box:hover .img img {
filter: grayscale(0) brightness(1);
}
.page-template-security .Deployment-section-box h3 {
font-size: 24px;
color: #0176dd;
margin-bottom: 20px;
font-weight: 600;
position: relative;
padding-bottom: 15px;
}
.page-template-security .Deployment-section-box h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #0176dd, #00b2ff);
border-radius: 3px;
}
.page-template-security .Deployment-section-box p {
font-size: 17px;
color: #5e6e82;
line-height: 1.7;
margin-bottom: 0;
}
.page-template-security .demo-button {
text-align: center;
margin-top: 80px;
position: relative;
}
.page-template-security .demo-button a {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
color: white;
letter-spacing: 1px;
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 100%);
border-radius: 8px;
padding: 18px 70px;
font-size: 17px;
text-decoration: none;
font-weight: 500;
display: inline-block;
position: relative;
box-shadow: 0 10px 30px rgba(0, 133, 249, 0.3);
border: none;
}
.page-template-security .demo-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
transition: all 0.6s ease;
}
.page-template-security .demo-button a:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 133, 249, 0.4);
}
.page-template-security .demo-button a:hover:before {
left: 100%;
}
.page-template-security .demo-button p {
margin-top: 25px;
color: #5e6e82;
font-size: 16px;
font-weight: 400;
}  .page-template-security .data-storage-section {
background: linear-gradient(135deg, #f8fbfe 0%, #f0f8ff 100%);
padding: 80px 0;
position: relative;
}
.page-template-security .data-storage-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(-45deg,
rgba(0, 133, 249, 0.03),
rgba(0, 133, 249, 0.03) 1px,
transparent 1px,
transparent 10px);
z-index: 0;
}
.page-template-security .heading-section {
text-align: center;
margin-bottom: 80px;
position: relative;
z-index: 1;
}
.page-template-security .heading-section .para-initial {
color: #006cdf;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 500;
display: inline-block;
position: relative;
}
.page-template-security .heading-section .para-initial:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 2px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-security h4.heading-start.Roboto-semibold {
color: #0a2540;
font-size: 48px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
}
.page-template-security span.trans-color {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-security .data-storage-section-left-column {
position: sticky;
top: 50px;
align-self: flex-start;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding-right: 40px;
}
.page-template-security .data-storage-section-image {
position: relative;
width: 100%;
max-width: 500px;
}
.page-template-security .data-storage-section-image img {
width: 100%;
height: auto;
object-fit: contain;
filter: drop-shadow(0 20px 40px rgba(0, 107, 221, 0.15));
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-security .data-storage-section-right-column {
display: flex;
flex-direction: column;
gap: 80px;
padding-left: 40px;
}
.page-template-security .data-storage-section-content {
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.08);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 1px solid rgba(0, 133, 249, 0.1);
position: relative;
overflow: hidden;
}
.page-template-security .data-storage-section-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #006cdf70, #00d3ffab);
}
.page-template-security .data-storage-section-content:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-security .data-storage-section-content h2.heading {
color: #0176dd;
font-size: 32px;
margin-bottom: 20px;
font-weight: 600;
position: relative;
padding-bottom: 15px;
}
.page-template-security .data-storage-section-content h2.heading:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #0176dd, #00b2ff);
border-radius: 3px;
}
.page-template-security .data-storage-section-content p.para {
font-size: 18px;
color: #5e6e82;
line-height: 1.7;
margin-bottom: 30px;
max-width: 600px;
}
.page-template-security .data-storage-section-content .icon-para {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
position: relative;
padding-left: 10px;
}
.page-template-security .data-storage-section-content .icon-para i {
color: #0085f9;
font-size: 20px;
background: rgba(0, 133, 249, 0.1);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
flex-shrink: 0;
margin-top: 3px;
transition: all 0.3s ease;
}
.page-template-security .data-storage-section-content:hover .icon-para i {
background: rgba(0, 133, 249, 0.2);
transform: scale(1.1);
}
.page-template-security .data-storage-section-content .icon-para p {
font-size: 17px;
color: #5e6e82;
line-height: 1.7;
margin: 0;
}
.page-template-security .data-storage-section-content .icon-para p span {
font-weight: 600;
color: #0a2540;
font-size: 18px;
display: block;
margin-bottom: 5px;
}  .page-template-security .customer-support-section {
background: linear-gradient(135deg, #06a4f29e 0%, #0085f9ed 100%);
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.page-template-security .customer-support-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-security .customer-support-section-column {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.page-template-security .customer-support-section-column p {
font-size: 28px;
color: white;
line-height: 1.5;
margin-bottom: 40px;
font-weight: 300;
letter-spacing: 0.5px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
padding-bottom: 30px;
}
.page-template-security .customer-support-section-column p:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: rgba(255, 255, 255, 0.5);
border-radius: 3px;
}
.page-template-security .customer-support-section-button {
text-align: center;
margin-top: 10px;
position: relative;
z-index: 1;
}
.page-template-security .customer-support-section-button a {
padding: 18px 50px;
border-radius: 50px;
text-decoration: none;
color: #006cdf;
font-size: 18px;
font-weight: 600;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
background: white;
display: inline-block;
position: relative;
overflow: hidden;
letter-spacing: 0.5px;
}
.page-template-security .customer-support-section-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.3),
transparent);
transition: all 0.6s ease;
}
.page-template-security .customer-support-section-button a:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
color: #006cdf;
}
.page-template-security .customer-support-section-button a:hover:before {
left: 100%;
} .page-template-security .customer-support-section:after {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
top: -150px;
right: -150px;
z-index: 0;
}
.page-template-security .customer-support-section:before {
content: "";
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.03);
bottom: -100px;
left: -100px;
z-index: 0;
} @media (max-width: 992px) {
.page-template-security .customer-support-section {
padding: 80px 0;
}
.page-template-security .customer-support-section-column p {
font-size: 24px;
}
}   .page-template-partners .hero-section {
background: linear-gradient(135deg, #f8fbff 0%, #e6f3ff 100%);
padding: 110px 0 120px;
position: relative;
overflow: hidden;
text-align: center;
border-bottom: none;
margin-top: -60px;
}
.page-template-partners .hero-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(0 107 221 / 15%) 1px, transparent 1px),
linear-gradient(90deg, rgb(0 107 221 / 8%) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
mask-image: radial-gradient(circle at center, black 30%, transparent 70%);
}
.page-template-partners .text-section {
position: relative;
z-index: 1;
max-width: 900px;
margin: 0 auto;
}
.page-template-partners .text-section p:first-child {
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
color: #006cdf;
margin-bottom: 15px;
font-weight: 500;
position: relative;
text-align: center;
}
.page-template-partners .text-section p:first-child:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 2px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-partners .text-section h2 {
font-size: 50px;
line-height: 1.2;
margin: 15px 0 40px;
font-weight: 700;
background: linear-gradient(90deg, #006cdf, #0a2540);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-align: center;
}
.page-template-partners .text-section h2 span {
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 50%, #00d4ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners .text-section p:last-child {
font-size: 20px;
line-height: 1.6;
color: #5e6e82;
max-width: 700px;
margin: 0 auto;
padding-top: 5px;
}
.page-template-partners .button {
margin: 40px auto 0;
position: relative;
z-index: 1;
}
.page-template-partners .button a {
padding: 18px 50px;
border-radius: 50px;
text-decoration: none;
color: white;
font-size: 16px;
font-weight: 600;
box-shadow: 0 15px 30px rgba(0, 107, 221, 0.3);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 100%);
display: inline-block;
position: relative;
overflow: hidden;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-template-partners .button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.3),
transparent);
transition: all 0.6s ease;
}
.page-template-partners .button a:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px rgba(0, 107, 221, 0.4);
}
.page-template-partners .button a:hover:before {
left: 100%;
}
.page-template-partners .partenr-page-boxes {
position: relative;
}
.page-template-partners .center-box {
display: flex;
justify-content: center;
position: absolute;
bottom: -50px;
width: 100%;
z-index: 2;
}
.page-template-partners .center-box .box-inside {
width: 80%;
max-width: 1000px;
display: flex;
align-items: center;
justify-content: space-around;
box-shadow: 0 30px 60px -20px rgba(0, 107, 221, 0.2);
border: 1px solid rgba(0, 133, 249, 0.2);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 16px;
padding: 0;
}
.page-template-partners .center-box .box-inside .box .content {
display: flex;
gap: 15px;
padding: 30px 40px;
align-items: center;
justify-content: center;
position: relative;
}
.page-template-partners .center-box .box-inside .box .content.border-line:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: linear-gradient(to bottom,
transparent,
rgba(0, 133, 249, 0.2),
transparent);
}
.page-template-partners .center-box .box-inside .box .content .number {
color: #006cdf;
font-weight: 700;
font-size: 32px;
min-width: 50px;
text-align: center;
}
.page-template-partners .center-box .box-inside .box .content .text {
padding: 8px 15px;
background: rgba(0, 133, 249, 0.1);
border-radius: 8px;
border: 1px solid rgba(0, 133, 249, 0.2);
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: #006cdf;
letter-spacing: 1px;
white-space: nowrap;
} .page-template-partners .hero-section .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(0, 133, 249, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
}
.page-template-partners .hero-section .floating-element:nth-child(1) {
width: 300px;
height: 300px;
top: -100px;
left: -100px;
}
.page-template-partners .hero-section .floating-element:nth-child(2) {
width: 200px;
height: 200px;
bottom: 100px;
right: -50px;
animation-delay: 2s;
}
@keyframes float {
0% {
transform: translateY(0) rotate(0deg);
}
100% {
transform: translateY(-20px) rotate(5deg);
}
} .page-template-partners section.market-potential-section {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 100px 0;
position: relative;
overflow: hidden;
}
.page-template-partners .market-potential-section .text-section {
text-align: center;
max-width: 800px;
margin: 0 auto 60px;
position: relative;
z-index: 1;
}
.page-template-partners h2.Roboto-semibold.market-potential-section-heading {
font-size: 48px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
color: #0a2540;
}
.page-template-partners h2.Roboto-semibold.market-potential-section-heading span {
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 50%, #00d4ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners .market-potential-section .text-section p {
font-size: 20px;
color: #5e6e82;
line-height: 1.6;
}
.page-template-partners .market-potential-section .box-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
position: relative;
z-index: 1;
}
.page-template-partners section.market-potential-section .box {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 133, 249, 0.15);
border-radius: 16px;
padding: 40px;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
align-items: flex-start;
gap: 25px;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
position: relative;
overflow: hidden;
}
.page-template-partners section.market-potential-section .box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-partners section.market-potential-section .box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #006cdf, #00b2ff);
}
.page-template-partners section.market-potential-section .box .number {
width: 80px;
height: 80px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.page-template-partners section.market-potential-section .box .number h2 {
font-size: 60px;
font-weight: 700;
line-height: 1;
margin: 0;
background: linear-gradient(135deg, #006cdf 0%, #00b2ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners section.market-potential-section .box .number:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0, 133, 249, 0.1);
z-index: -1;
}
.page-template-partners section.market-potential-section .box .text {
font-size: 18px;
color: #5e6e82;
line-height: 1.6;
margin: 0;
}
.page-template-partners .market-potential-section .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(0, 133, 249, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
}
.page-template-partners .market-potential-section .floating-element:nth-child(1) {
width: 300px;
height: 300px;
top: 100px;
left: -100px;
}
.page-template-partners .market-potential-section .floating-element:nth-child(2) {
width: 200px;
height: 200px;
bottom: 100px;
right: -50px;
animation-delay: 2s;
}
@keyframes float {
0% {
transform: translateY(0) rotate(0deg);
}
100% {
transform: translateY(-20px) rotate(5deg);
}
}  .page-template-partners section.solution-workforce-analytics-section {
background: linear-gradient(135deg, #f8fbff 0%, #e6f3ff 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-partners section.solution-workforce-analytics-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgwLCAxMzMsIDI0OSwgMC4wNSkiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybikiLz48L3N2Zz4=");
z-index: 0;
}
.page-template-partners .solution-workforce-analytics-section .text-section {
text-align: center;
position: relative;
z-index: 1;
padding-bottom: 40px;
}
.page-template-partners .solution-workforce-analytics-section .text-section p.Roboto-light {
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
color: #006cdf;
margin-bottom: 15px;
font-weight: 500;
position: relative;
display: inline-block;
}
.page-template-partners .solution-workforce-analytics-section .text-section p.Roboto-light:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 2px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-partners .solution-workforce-analytics-section .text-section h2 {
font-size: 48px;
line-height: 1.3;
margin: 0;
font-weight: 700;
color: #0a2540;
}
.page-template-partners .solution-workforce-analytics-section .text-section h2 span {
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 50%, #00d4ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners .solution-workforce-analytics-section-para-box {
background: white;
border-radius: 16px;
padding: 40px;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
border: 1px solid rgba(0, 133, 249, 0.1);
height: 100%;
position: relative;
overflow: hidden;
}
.page-template-partners .solution-workforce-analytics-section-para-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #006cdf, #00b2ff);
}
.page-template-partners .solution-workforce-analytics-section-para-box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-partners .solution-workforce-analytics-section-para-box .image {
width: 80px;
height: 80px;
background: rgba(0, 133, 249, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.page-template-partners .solution-workforce-analytics-section-para-box .image img {
width: 50px;
height: 50px;
object-fit: contain;
}
.page-template-partners .solution-workforce-analytics-section-para-box h2 {
font-size: 26px;
color: #006cdf;
margin-bottom: 15px;
font-weight: 600;
}
.page-template-partners .solution-workforce-analytics-section-para-box p {
font-size: 18px;
color: #5e6e82;
line-height: 1.6;
margin-bottom: 0;
}
.page-template-partners .solution-workforce-analytics-section-para-box a {
color: #006cdf;
font-weight: 600;
text-decoration: none;
border-bottom: 1px dashed #006cdf;
transition: all 0.3s ease;
}
.page-template-partners .solution-workforce-analytics-section-para-box a:hover {
color: #00b2ff;
border-bottom-color: transparent;
} .page-template-partners .solution-workforce-analytics-section .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(0, 133, 249, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
}
.page-template-partners .solution-workforce-analytics-section .floating-element:nth-child(1) {
width: 300px;
height: 300px;
top: 100px;
left: -100px;
}
.page-template-partners .solution-workforce-analytics-section .floating-element:nth-child(2) {
width: 200px;
height: 200px;
bottom: 100px;
right: -50px;
animation-delay: 2s;
}
@keyframes float {
0% {
transform: translateY(0) rotate(0deg);
}
100% {
transform: translateY(-20px) rotate(5deg);
}
}  .page-template-partners .Deployment-section {
background: linear-gradient(135deg, #f8fbfe 0%, #f0f8ff 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-partners .Deployment-section-row {
position: relative;
z-index: 1;
}
.page-template-partners .heading-section {
text-align: center;
margin-bottom: 70px;
}
.page-template-partners .heading-section .para-initial {
color: #006cdf;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 500;
display: inline-block;
position: relative;
}
.page-template-partners .heading-section .para-initial:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 2px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-partners h4.heading-start.Roboto-semibold {
color: #0a2540;
font-size: 42px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
}
.page-template-partners span.trans-color {
background: linear-gradient(90deg, #3999ef, #00c533);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners .Deployment-section-box {
background: white;
border-radius: 16px;
padding: 50px 35px;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 100%;
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 133, 249, 0.1);
}
.page-template-partners .Deployment-section-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #006cdf, #00b2ff);
}
.page-template-partners .Deployment-section-box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-partners .Deployment-section-box .img {
margin-bottom: 35px;
text-align: center;
transition: all 0.4s ease;
}
.page-template-partners .Deployment-section-box .img img {
height: 80px;
width: auto;
transition: all 0.4s ease;
transform: scale(1.1);
}
.page-template-partners .Deployment-section-box:hover .img img {
filter: grayscale(0) brightness(1);
}
.page-template-partners .Deployment-section-box h3 {
font-size: 24px;
color: #0176dd;
margin-bottom: 20px;
font-weight: 600;
position: relative;
padding-bottom: 15px;
}
.page-template-partners .Deployment-section-box h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #0176dd, #00b2ff);
border-radius: 3px;
}
.page-template-partners .Deployment-section-box p {
font-size: 17px;
color: #5e6e82;
line-height: 1.7;
margin-bottom: 0;
}
.page-template-partners .demo-button {
text-align: center;
margin-top: 80px;
position: relative;
}
.page-template-partners .demo-button a {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
color: white;
letter-spacing: 1px;
background: linear-gradient(90deg, #006cdf 0%, #00b2ff 100%);
border-radius: 8px;
padding: 18px 70px;
font-size: 17px;
text-decoration: none;
font-weight: 500;
display: inline-block;
position: relative;
box-shadow: 0 10px 30px rgba(0, 133, 249, 0.3);
border: none;
}
.page-template-partners .demo-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
transition: all 0.6s ease;
}
.page-template-partners .demo-button a:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 133, 249, 0.4);
}
.page-template-partners .demo-button a:hover:before {
left: 100%;
}
.page-template-partners .demo-button p {
margin-top: 25px;
color: #5e6e82;
font-size: 16px;
font-weight: 400;
}  .page-template-partners section.cart-two {
background: linear-gradient(135deg, #092133 0%, #0a2540 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-partners section.cart-two:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-partners section.cart-two .heading {
text-align: center;
margin-bottom: 70px;
position: relative;
z-index: 1;
}
.page-template-partners section.cart-two .heading h2 {
font-size: 48px;
line-height: 1.3;
font-weight: 700;
color: white;
margin: 0;
}
.page-template-partners section.cart-two .heading h2 span {
background: linear-gradient(90deg, #4dc3fb 0%, #00b2ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-partners .cart-two-row {
margin: 0 auto;
position: relative;
z-index: 1;
}
.page-template-partners .inside-box {
background: linear-gradient(135deg, #092133 0%, #0a2540 100%);
border-radius: 20px;
border: 1px solid rgba(77, 195, 251, 0.2);
overflow: hidden;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.page-template-partners .inside-box:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(0, 107, 221, 0.3);
border-color: rgba(77, 195, 251, 0.4);
}
.page-template-partners .inside-box .image {
height: 200px;
overflow: hidden;
position: relative;
}
.page-template-partners .inside-box .image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
z-index: 1;
}
.page-template-partners .inside-box .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.page-template-partners .inside-box:hover .image img {
transform: scale(1.05);
}
.page-template-partners .inside-heading {
padding: 30px 30px 0;
}
.page-template-partners .inside-heading h2 {
font-size: 32px;
font-weight: 600;
color: white;
margin: 0;
position: relative;
display: inline-block;
}
.page-template-partners .inside-heading h2:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #4dc3fb, #00b2ff);
border-radius: 3px;
}
.page-template-partners .para {
padding: 20px 30px 0;
}
.page-template-partners .para p {
font-size: 18px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 20px;
}
.page-template-partners .para a {
color: #4dc3fb;
font-weight: 500;
text-decoration: none;
border-bottom: 1px dashed #4dc3fb;
transition: all 0.3s ease;
}
.page-template-partners .para a:hover {
color: white;
border-bottom-color: transparent;
}
.page-template-partners .para ul {
padding: 0;
margin: 25px 0;
}
.page-template-partners .para ul li {
list-style: none;
margin-bottom: 15px;
}
.page-template-partners .iocn-content {
display: flex;
align-items: center;
gap: 15px;
}
.page-template-partners .iocn-content i {
font-size: 20px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.page-template-partners .iocn-content i.fa-circle-check {
color: #4dc3fb;
background: rgba(77, 195, 251, 0.1);
}
.page-template-partners .iocn-content i.fa-circle-xmark {
color: rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.05);
}
.page-template-partners .iocn-content span {
font-size: 17px;
color: white;
flex: 1;
}
.page-template-partners .inside-button {
padding: 30px;
text-align: center;
}
.page-template-partners .inside-button a {
display: inline-block;
padding: 18px 50px;
border-radius: 50px;
text-decoration: none;
color: white;
font-size: 16px;
font-weight: 600;
background: linear-gradient(90deg, #4dc3fb 0%, #00b2ff 100%);
box-shadow: 0 10px 30px rgba(77, 195, 251, 0.3);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
.page-template-partners .inside-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
transition: all 0.6s ease;
}
.page-template-partners .inside-button a:hover {
box-shadow: 0 15px 40px rgba(77, 195, 251, 0.4);
}
.page-template-partners .inside-button a:hover:before {
left: 100%;
} .page-template-partners .cart-two .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(77, 195, 251, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
}  .page-template-partners .col-md-12.our-partners-logo-section-overall-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-auto-columns: 1fr;
margin-top: 35px;
}
.page-template-partners .col-md-12.our-partners-logo-section-overall-columns .boxes {
grid-column-gap: 36px;
background-color: #fff;
border-color: #dde4fa;
box-shadow: 0 5px 20px -17px #846ad8;
border: 1px solid #f3f5fb;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 96px;
padding: 10px 24px;
transition: border-color 0.2s, box-shadow 0.2s;
display: flex;
}
.page-template-partners section.customer-support-section {
text-align: center;
}
.page-template-partners .col-md-12.customer-support-section-column p {
font-size: 20px;
color: white;
letter-spacing: 1px;
padding: 20px 0px;
}
.page-template-partners .hublog-section-ten-container {
margin-top: 0;
padding-top: 25px;
}
.page-template-partners .everything-tag {
margin-top: 100px;
}
.page-template-partners .customer-support-section-button a {
padding: 13px 25px;
border-radius: 7px;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: 500;
box-shadow: 0 7px 18px 1px #61c0f84a;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
background-color: #1f5db9;
}
.page-template-partners .customer-support-section-button {
text-align: center;
margin-top: -23px;
margin-bottom: 0px;
}
.page-template-partners .customer-support-section-button a:hover {
box-shadow: none;
transform: scale(0.99);
}   .page-template-our-company .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
z-index: 2;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
.page-template-our-company .text-section {
text-align: center;
}
.page-template-our-company .text-section p:first-child {
font-size: 17px;
}
.page-template-our-company .text-section p:last-child {
font-size: 20px;
margin: auto auto;
width: 56%;
color: #3e3f40;
padding-top: 13px;
}
.page-template-our-company .text-section h2 {
font-size: 48px;
color: #003f83;
}
.page-template-our-company .text-section h2 span {
background-color: transparent;
background-image: linear-gradient(70deg,
#0070ff,
#146fc5a1 22%,
#11a12f 40%,
#14b129ad 67%,
rgb(16 171 112 / 0%));
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 150% 100%;
background-repeat: no-repeat;
}
.page-template-our-company section.hero-section {
border-bottom: 0.5px solid #1e6eb326;
}  .page-template-partners .customer-support-section {
background: linear-gradient(135deg, #06a4f29e 0%, #0085f9ed 100%);
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.page-template-partners .customer-support-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-partners .customer-support-section-column {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.page-template-partners .customer-support-section-column p {
font-size: 28px;
color: white;
line-height: 1.5;
margin-bottom: 40px;
font-weight: 300;
letter-spacing: 0.5px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
padding-bottom: 30px;
}
.page-template-partners .customer-support-section-column p:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: rgba(255, 255, 255, 0.5);
border-radius: 3px;
}
.page-template-partners .customer-support-section-button {
text-align: center;
margin-top: 10px;
position: relative;
z-index: 1;
}
.page-template-partners .customer-support-section-button a {
padding: 18px 50px;
border-radius: 50px;
text-decoration: none;
color: #006cdf;
font-size: 18px;
font-weight: 600;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
background: white;
display: inline-block;
position: relative;
overflow: hidden;
letter-spacing: 0.5px;
}
.page-template-partners .customer-support-section-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.3),
transparent);
transition: all 0.6s ease;
}
.page-template-partners .customer-support-section-button a:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
color: #006cdf;
}
.page-template-partners .customer-support-section-button a:hover:before {
left: 100%;
} .page-template-partners .customer-support-section:after {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
top: -150px;
right: -150px;
z-index: 0;
}
.page-template-partners .customer-support-section:before {
content: "";
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.03);
bottom: -100px;
left: -100px;
z-index: 0;
}  .page-template-our-company section.the-origin-section {
background-image: linear-gradient(0deg, #d5eeff78 3%, #fff0 15%),
linear-gradient(162deg, #dbf0ff96, #fff 49%);
}
.page-template-our-company .col-md-12.the-origin-section-column .text {
display: flex;
justify-content: center;
}
.page-template-our-company .col-md-12.the-origin-section-column .image-section {
display: flex;
justify-content: center;
align-items: center;
}
.page-template-our-company .col-md-12.the-origin-section-column .text h5 {
width: 60%;
text-align: center;
margin-top: 20px;
line-height: 1.5;
}
.page-template-our-company .col-md-12.the-origin-section-column .image-section img {
width: 75%;
}
.page-template-our-company section.hr-leaders-section {
background-color: #060a26;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .text h4 {
color: white;
margin: 0px 112px;
}
.page-template-our-company .col-md-12.hr-leaders-section-column {
max-width: 940px;
margin-left: auto;
margin-bottom: 62px;
margin-top: 20px;
margin-right: auto;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content {
margin-top: 52px;
border: 1px solid #c1e2ff80;
border-radius: 16px;
text-align: center;
overflow: hidden;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes {
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
justify-items: start;
box-shadow: 0 20px 20px -10px #eae9f7;
background-color: #fff;
}
.page-template-our-company .inside-box.border-line {
border: 0 solid #7b61ff54;
border-right-width: 1px;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes .inside-box {
width: 100%;
padding: 23px;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes .inside-box img {
border-radius: 6px;
margin-bottom: 17px;
margin-left: auto;
margin-right: auto;
display: block;
background-color: #e6f1ff;
padding: 5px;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes .inside-box .text {
text-align: center;
margin-top: 35px;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes .inside-box .text p:first-of-type {
font-size: 48px;
font-weight: 700;
color: #113791;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .boxes .inside-box .text p:last-of-type {
font-size: 15px;
font-weight: 400;
color: #4965a5;
padding-top: 20px;
text-transform: uppercase;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .row-md-6.content {
padding: 48px;
background-color: #4fbeff;
}
.page-template-our-company .col-md-12.hr-leaders-section-column .boxes-content .row-md-6.content p {
color: white;
font-size: 20px;
}
.page-template-our-company .hublog-section-nine-box h2 {
text-align: center;
font-size: 45px;
color: #3889f1;
}   .page-template-pricing section.hero-section {
background: linear-gradient(313deg, #74bea8, #ffffff);
padding: 120px 0;
position: relative;
overflow: hidden;
margin-top: -60px;
}
.page-template-pricing section.hero-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(-45deg,
rgba(0, 133, 249, 0.03),
rgba(0, 133, 249, 0.03) 1px,
transparent 1px,
transparent 10px);
z-index: 0;
}
.page-template-pricing h2.Roboto-semibold.headings {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
text-align: center;
color: #0e244e;
margin-bottom: 20px;
}
.page-template-pricing h2.Roboto-semibold.headings span {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-pricing section.hero-section .para {
font-size: 20px;
color: #5e6e82;
text-align: center;
max-width: 600px;
margin: 0 auto 22px;
line-height: 1.6;
}
.page-template-pricing .downlode {
display: flex;
justify-content: center;
margin-bottom: 60px;
}
.page-template-pricing .downlode-button {
display: inline-flex;
align-items: center;
gap: 15px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
padding: 12px 30px;
border-radius: 50px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 500;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.3);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
.page-template-pricing .downlode-button:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
transition: all 0.6s ease;
}
.page-template-pricing .downlode-button:hover {
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.4);
transform: translateY(-2px);
}
.page-template-pricing .downlode-button:hover:before {
left: 100%;
}
.page-template-pricing .downlode-button i {
background: rgba(255, 255, 255, 0.2);
padding: 10px;
border-radius: 50%;
font-size: 18px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-pricing .nav-tabs-buttons {
margin-bottom: 50px;
position: relative;
display: flex;
justify-content: center;
}
.page-template-pricing ul#myTab {
background: white;
border-radius: 50px;
padding: 8px;
display: inline-flex;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.1);
border: 1px solid rgba(0, 133, 249, 0.1);
}
.page-template-pricing .nav-item {
margin: 0 5px;
}
.page-template-pricing .nav-link {
padding: 12px 30px;
border-radius: 50px;
color: #5e6e82;
font-weight: 500;
font-size: 16px;
border: none;
transition: all 0.3s ease;
}
.page-template-pricing .nav-link.active {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
color: white;
box-shadow: 0 5px 15px rgba(0, 107, 221, 0.2);
}
.page-template-pricing .tabs-main {
padding: 0 20px;
}
.page-template-pricing .tabs-main .row {
background: transparent;
padding: 0;
position: relative;
}
.page-template-pricing .boxes {
background: white;
border-radius: 20px;
padding: 40px 30px;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.08);
border: 1px solid rgba(0, 133, 249, 0.1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
overflow: hidden;
height: 100%;
}
.page-template-pricing .inside-position-column:hover {
transform: scale(1.06);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.15);
border-color: rgba(0, 133, 249, 0.3);
}
.page-template-pricing .inside-position-column {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
border: none;
z-index: 1;
transform: scale(1.07);
box-shadow: 0 20px 50px rgba(0, 107, 221, 0.3) !important;
}
.page-template-pricing .inside-position-column:before {
content: "Most Popular";
position: absolute;
top: 20px;
right: 20px;
background: rgba(255, 255, 255, 0.2);
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
}
.page-template-pricing .first-sectiont {
margin-bottom: 30px;
position: relative;
}
.page-template-pricing .first-sectiont h3 {
font-size: 28px;
font-weight: 700;
color: #0a2540;
margin-bottom: 15px;
}
.page-template-pricing .inside-position-column .first-sectiont h3 {
color: white;
}
.page-template-pricing .plan-name {
font-size: 16px;
color: #5e6e82;
line-height: 1.6;
margin-bottom: 20px;
}
.page-template-pricing .inside-position-column .plan-name {
color: rgba(255, 255, 255, 0.8);
}
.page-template-pricing .amount-plans {
display: flex;
align-items: baseline;
margin-bottom: 25px;
}
.page-template-pricing .amount-plans i {
font-size: 20px;
color: #5e6e82;
margin-right: 5px;
}
.page-template-pricing .inside-position-column .amount-plans i {
color: rgba(255, 255, 255, 0.8);
}
.page-template-pricing .amount-plans p:first-of-type {
font-size: 40px;
font-weight: 700;
color: #0a2540;
margin: 0;
}
.page-template-pricing .inside-position-column .amount-plans p:first-of-type {
color: white;
}
.page-template-pricing .amount-plans p:last-of-type {
font-size: 16px;
color: #5e6e82;
margin-left: 5px;
}
.page-template-pricing .inside-position-column .amount-plans p:last-of-type {
color: rgba(255, 255, 255, 0.8);
}
.page-template-pricing .custome-message {
font-size: 24px !important;
font-weight: 700 !important;
color: #0a2540 !important;
}
.page-template-pricing .second-button {
margin: 20px 0;
text-align: center;
}
.page-template-pricing .second-button a {
display: inline-block;
padding: 15px 40px;
border-radius: 50px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
color: white;
text-decoration: none;
font-weight: 500;
font-size: 16px;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 107, 221, 0.3);
}
.page-template-pricing .second-button a:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.4);
}
.page-template-pricing .inside-position-column .second-button a {
background: white;
color: #0e244e;
}
.page-template-pricing .inside-position-column .second-button a:hover {
background: rgba(255, 255, 255, 0.9);
}
.page-template-pricing .list-section h4 {
font-size: 18px;
font-weight: 600;
color: #0a2540;
margin-bottom: 20px;
}
.page-template-pricing .inside-position-column .list-section h4 {
color: white;
}
.page-template-pricing .list-section ul {
padding: 0;
margin: 0;
}
.page-template-pricing .list-section ul li {
list-style: none;
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 15px;
color: #5e6e82;
font-size: 16px;
line-height: 1.5;
}
.page-template-pricing .inside-position-column .list-section ul li {
color: rgba(255, 255, 255, 0.9);
}
.page-template-pricing .list-section ul li i {
color: #006cdf;
font-size: 18px;
margin-top: 3px;
}
.page-template-pricing .inside-position-column .list-section ul li i {
color: white;
} .page-template-pricing .hero-section .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(0, 133, 249, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
} .page-template-pricing section.see-all-the-features {
background: radial-gradient(circle at top left, #e3f2fd, #fdfdfd);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-pricing .see-all-the-features-row {
position: relative;
z-index: 1;
}
.page-template-pricing .see-all-the-features .buttons {
text-align: center;
margin-bottom: 55px;
}
.page-template-pricing .see-all-the-features .buttons a {
display: inline-flex;
align-items: center;
gap: 15px;
background: linear-gradient(90deg, #122376 0%, #006cdf 100%);
padding: 20px 60px;
border-radius: 50px;
color: white;
text-decoration: none;
font-size: 20px;
font-weight: 500;
box-shadow: 0 15px 40px rgba(0, 107, 221, 0.3);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
overflow: hidden;
}
.page-template-pricing .see-all-the-features .buttons a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
transition: all 0.6s ease;
}
.page-template-pricing .see-all-the-features .buttons a:hover {
transform: translateY(-5px);
box-shadow: 0 20px 50px rgba(0, 107, 221, 0.4);
}
.page-template-pricing .see-all-the-features .buttons a:hover:before {
left: 100%;
}
.page-template-pricing .see-all-the-features .feature-comparison-card {
background: linear-gradient(135deg, #0b334a 0%, #122376 100%);
border-radius: 20px;
padding: 60px;
box-shadow: 0 30px 60px -20px rgba(0, 107, 221, 0.3);
position: relative;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
}
.page-template-pricing .see-all-the-features .feature-comparison-card:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-pricing .see-all-the-features .feature-comparison-card .icon {
position: absolute;
top: 13px;
left: 12px;
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
.page-template-pricing .see-all-the-features .feature-comparison-card .icon img {
width: 50px;
height: 50px;
object-fit: contain;
}
.page-template-pricing .see-all-the-features .testimonial-content {
position: relative;
z-index: 1;
}
.page-template-pricing .see-all-the-features .testimonial-content p {
font-size: 24px;
line-height: 1.6;
color: white;
margin-bottom: 30px;
font-weight: 300;
position: relative;
padding-left: 40px;
}
.page-template-pricing .see-all-the-features .testimonial-content p:before {
content: "";
position: absolute;
top: -20px;
left: 0;
font-size: 80px;
color: rgba(255, 255, 255, 0.1);
font-family: Georgia, serif;
line-height: 1;
}
.page-template-pricing .see-all-the-features .testimonial-content .author {
font-size: 18px;
color: white;
font-weight: 500;
}
.page-template-pricing .see-all-the-features .testimonial-content .author span {
color: rgba(255, 255, 255, 0.7);
font-weight: 400;
} .page-template-pricing .see-all-the-features .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(0, 133, 249, 0.05);
z-index: 0;
animation: float 15s infinite alternate ease-in-out;
}
.page-template-pricing .see-all-the-features .floating-element:nth-child(1) {
width: 300px;
height: 300px;
top: 100px;
left: -100px;
}
.page-template-pricing .see-all-the-features .floating-element:nth-child(2) {
width: 200px;
height: 200px;
bottom: 100px;
right: -50px;
animation-delay: 2s;
}
@keyframes float {
0% {
transform: translateY(0) rotate(0deg);
}
100% {
transform: translateY(-20px) rotate(5deg);
}
}  .page-template-pricing .solution-carousel-premium {
background: linear-gradient(to right, #f9fbff, #f2f6ff);
padding: 80px 0;
border-top: 1px solid #e4ecf7;
}
.page-template-pricing .carousel-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.page-template-pricing .carousel-text {
flex: 1;
min-width: 300px;
}
.page-template-pricing .carousel-text h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 12px;
color: #0a2a66;
}
.page-template-pricing .carousel-text h2 span {
background: linear-gradient(to right, #3aa7db, #007c53);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .carousel-text p {
font-size: 18px;
color: #444;
}
.page-template-pricing .carousel-logos {
position: relative;
overflow: hidden;
}
.page-template-pricing .carousel-logos::before,
.page-template-pricing .carousel-logos::after {
content: "";
position: absolute;
top: 30px;
width: 80px;
height: 70%;
z-index: 2;
pointer-events: none;
}
.page-template-pricing .carousel-logos::before {
left: 0;
background: linear-gradient(to right, #f9fbff 0%, transparent 100%);
}
.page-template-pricing .carousel-logos::after {
right: 0;
background: linear-gradient(to left, #d9efff 0%, transparent 100%);
}
.page-template-pricing .logo-track {
display: flex;
gap: 40px;
animation: scrollInfinite 15s linear infinite;
}
.page-template-pricing .logo-slide {
flex: none;
width: 160px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.page-template-pricing .logo-slide:hover {
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}
.page-template-pricing .logo-slide img {
max-height: 60px;
max-width: 100%;
object-fit: contain;
}
@keyframes scrollInfinite {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}  .page-template-pricing .premium-rating-showcase {
padding: 80px 0;
background: linear-gradient(313deg, #74bea8, #ffffff);
position: relative;
overflow: hidden;
}
.page-template-pricing .premium-rating-showcase .section-header h2 {
font-weight: 700;
color: #1a2b50;
position: relative;
display: inline-block;
font-size: 40px;
margin-bottom: 30px;
}
.page-template-pricing .premium-rating-showcase .section-header span {
background: linear-gradient(to right, #3aa7db, #007c53);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .premium-rating-showcase .section-header h2::after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
border-radius: 3px;
}
.page-template-pricing .premium-rating-showcase .rating-card {
background: white;
border-radius: 12px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
padding: 2px;
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
height: 100%;
z-index: 1;
}
.page-template-pricing .premium-rating-showcase .rating-card.featured {
transform: translateY(-10px);
}
.page-template-pricing .premium-rating-showcase .rating-card.featured::before {
content: "";
position: absolute;
top: -1px;
right: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 60px 60px 0;
border-color: transparent #0061a5 transparent transparent;
z-index: 2;
}
.page-template-pricing .premium-rating-showcase .featured-badge {
position: absolute;
top: 34px;
border-radius: 10px;
right: -16px;
transform: rotate(45deg);
font-size: 14px;
font-weight: 700;
color: white;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
padding: 3px 30px;
z-index: 3;
box-shadow: 0 2px 10px rgba(74, 108, 247, 0.3);
}
.page-template-pricing .premium-rating-showcase .card-border-animation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(74, 108, 247, 0.1),
transparent);
transform: translateX(-100%);
transition: transform 0.6s ease;
}
.page-template-pricing .premium-rating-showcase .rating-card:hover .card-border-animation {
transform: translateX(100%);
}
.page-template-pricing .premium-rating-showcase .rating-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.page-template-pricing .premium-rating-showcase .rating-card.featured:hover {
transform: translateY(-15px);
}
.page-template-pricing .premium-rating-showcase .card-body {
background: white;
border-radius: 10px;
padding: 40px 30px;
height: 100%;
position: relative;
z-index: 1;
}
.page-template-pricing .premium-rating-showcase .brand-logo {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.page-template-pricing .premium-rating-showcase .brand-logo img {
max-height: 100%;
max-width: 60%;
object-fit: contain;
opacity: 1;
transition: all 0.3s ease;
}
.page-template-pricing .premium-rating-showcase .rating-stars {
margin-bottom: 25px;
}
.page-template-pricing .premium-rating-showcase .stars-container {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.page-template-pricing .premium-rating-showcase .star {
width: 22px;
height: 22px;
position: relative;
}
.page-template-pricing .premium-rating-showcase .star::before {
content: "★";
position: absolute;
top: 0;
left: 0;
font-size: 22px;
color: #e0e0e0;
}
.page-template-pricing .premium-rating-showcase .star.active::before {
color: #ffc107;
text-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
}
.page-template-pricing .premium-rating-showcase .rating-value {
margin-left: 10px;
font-weight: 700;
font-size: 18px;
color: #1a2b50;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .premium-rating-showcase .testimonial-text p {
font-size: 18px;
line-height: 1.6;
color: #4a5568;
font-style: italic;
text-align: center;
margin-bottom: 25px;
position: relative;
}
.page-template-pricing .premium-rating-showcase .testimonial-text p::before,
.page-template-pricing .premium-rating-showcase .testimonial-text p::after {
content: '"';
font-size: 24px;
color: rgba(74, 108, 247, 0.2);
font-weight: bold;
}
.page-template-pricing .premium-rating-showcase .testimonial-text p::before {
margin-right: 5px;
}
.page-template-pricing .premium-rating-showcase .testimonial-text p::after {
margin-left: 5px;
}
.page-template-pricing .premium-rating-showcase .rating-meta {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
font-size: 14px;
}
.page-template-pricing .premium-rating-showcase .verified-badge {
color: #4a6cf7;
font-weight: 600;
display: flex;
align-items: center;
}
.page-template-pricing .premium-rating-showcase .verified-badge::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzRhNmNmNyI+PHBhdGggZD0iTTIzLjI3IDYuNjRsLTguMzktOC4zOWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBsLTguMzkgOC4zOWEuOTk2Ljk5NiAwIDAgMCAwIDEuNDFsOC4zOSA4LjM5Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMGw4LjM5LTguMzlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxem0tMTEuOCAzLjg2bDMuMDktMy4wOEExIDEgMCAwIDEgMTYgOC4wMmwtNCA0YTEgMSAwIDAgMS0xLjQxIDBsLTItMmExIDEgMCAwIDEgMS40MS0xLjQxbDEuMjkgMS4yOCIvPjwvc3ZnPg==") no-repeat center;
background-size: contain;
margin-right: 5px;
}
.page-template-pricing .premium-rating-showcase .review-date {
color: #718096;
} .page-template-pricing .premium-pricing {
background: linear-gradient(135deg, #f8fafc, #f1f5f9);
padding: 5rem 1rem;
position: relative;
z-index: 1;
}
.page-template-pricing .premium-pricing .premium-pricing::before {
content: "";
position: absolute;
top: -100px;
left: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle,
rgba(59, 130, 246, 0.15),
transparent 70%);
z-index: 0;
}
.page-template-pricing .premium-pricing .pricing-header h2 {
font-size: 2.75rem;
font-weight: 800;
margin-bottom: 1rem;
color: #0f172a;
}
.page-template-pricing .premium-pricing .pricing-header .lead {
max-width: 650px;
margin: 10px auto 35px auto;
font-size: 1.125rem;
color: #475569;
text-align: center;
}
.page-template-pricing .premium-pricing .gradient-text {
background: linear-gradient(to right, #3aa7db, #007c53);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .premium-pricing .feature-comparison h3 {
font-size: 1.75rem;
font-weight: 700;
color: #1e293b;
}
.page-template-pricing .premium-pricing .comparison-table-wrapper {
overflow-x: auto;
border-radius: 16px;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.05);
}
.page-template-pricing .premium-pricing .comparison-table {
width: 100%;
min-width: 768px;
border-collapse: collapse;
background: white;
border-radius: 16px;
overflow: hidden;
}
.page-template-pricing .premium-pricing .comparison-table thead {
background: linear-gradient(90deg, #122376 0%, #006cdf 100%);
color: white;
}
.page-template-pricing .premium-pricing .comparison-table th,
.page-template-pricing .premium-pricing .comparison-table td {
padding: 1rem 1.5rem;
text-align: center;
border-bottom: 1px solid #e2e8f0;
font-size: 0.95rem;
}
.page-template-pricing .premium-pricing .comparison-table td:first-child,
.page-template-pricing .premium-pricing .comparison-table th:first-child {
text-align: left;
}
.page-template-pricing .premium-pricing .comparison-table tr:last-child td {
border-bottom: none;
}
.page-template-pricing .premium-pricing .comparison-table tbody tr:nth-child(even) {
background-color: #f9fafb;
}
.page-template-pricing .premium-pricing .plan {
font-weight: 600;
}
.page-template-pricing .premium-pricing .featured {
background-color: #f0fdfa;
color: #059669;
border-left: 4px solid #10b981;
}
.page-template-pricing .premium-pricing .comparison-table i.fa-check {
color: #10b981;
}
.page-template-pricing .premium-pricing .comparison-table i.fa-times {
color: #ef4444;
} @media (max-width: 768px) {
.pricing-header h2 {
font-size: 2rem;
}
.pricing-header .lead {
font-size: 1rem;
}
}  .page-template-pricing .optional-add-ons-premium {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-pricing .optional-add-ons-premium:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 107, 221, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 107, 221, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.page-template-pricing .optional-add-ons-premium .headline .title {
font-size: 40px;
font-weight: 700;
color: #1a1f36;
margin-bottom: 10px;
}
.page-template-pricing .optional-add-ons-premium .headline .highlight {
background: linear-gradient(to right, #3aa7db, #007c53);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .optional-add-ons-premium .headline .subtitle {
font-size: 18px;
color: #5b6b82;
margin-bottom: 50px;
}
.page-template-pricing .addons-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
max-width: 1100px;
margin: 0 auto;
}
.page-template-pricing .addon-card {
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid #dfe8f0;
}
.page-template-pricing .addon-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 60px rgba(58, 167, 219, 0.25);
}
.page-template-pricing .addon-header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.page-template-pricing .addon-header img {
width: 60px;
height: 60px;
object-fit: contain;
}
.page-template-pricing .addon-header h3 {
font-size: 22px;
color: #007c53;
margin: 0;
}
.page-template-pricing .addon-pricing {
display: flex;
align-items: baseline;
gap: 8px;
font-size: 20px;
font-weight: 600;
color: #1a1f36;
margin-bottom: 16px;
}
.page-template-pricing .optional-add-ons-premium .price-icon i {
color: #3aa7db;
font-size: 18px;
}
.page-template-pricing .optional-add-ons-premium .price {
font-size: 28px;
color: #042587;
}
.page-template-pricing .price-unit {
font-size: 16px;
color: #6b7c93;
}
.page-template-pricing .optional-add-ons-premium .addon-feature {
display: flex;
align-items: center;
gap: 12px;
background: #eef6fb;
padding: 12px 10px;
border-radius: 12px;
font-size: 16px;
color: #1d2d44;
}
.page-template-pricing .optional-add-ons-premium .addon-feature i {
font-size: 18px;
color: #042587;
}  .page-template-pricing .comming-soon-section-premium {
padding: 60px 20px;
background: linear-gradient(to right, #f9fcff, #eef4f8);
}
.page-template-pricing .comming-soon-section-premium .headline .subtitle {
font-size: 18px;
color: #6d7a89;
margin-bottom: 8px;
font-weight: 400;
}
.page-template-pricing .comming-soon-section-premium .headline .title {
font-size: 40px;
font-weight: 700;
color: #1a1f36;
}
.page-template-pricing .comming-soon-section-premium .headline .highlight {
background: linear-gradient(to right, #007c53, #3aa7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .comming-soon-section-premium .feature-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 50px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.page-template-pricing .comming-soon-section-premium .feature-card {
background: rgba(255, 255, 255, 0.9);
border-radius: 14px;
padding: 18px 28px;
display: flex;
align-items: center;
gap: 14px;
border: 1.5px solid #dce8f2;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
min-width: 270px;
max-width: 320px;
flex: 1;
}
.page-template-pricing .comming-soon-section-premium .feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(58, 167, 219, 0.18);
}
.page-template-pricing .comming-soon-section-premium .feature-card i {
font-size: 20px;
color: #3aa7db;
}
.page-template-pricing .comming-soon-section-premium .feature-card p {
font-size: 17px;
font-weight: 500;
margin: 0;
color: #1d2d44;
}  .page-template-pricing .missed-opportunities-section-premium {
padding: 60px 20px;
background: linear-gradient(274deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-pricing .missed-opportunities-section-premium .section-title {
font-size: 40px;
font-weight: 700;
color: #1a2c43;
margin-bottom: 25px;
line-height: 1.4;
}
.page-template-pricing .missed-opportunities-section-premium span {
background: linear-gradient(to right, #007c53, #3aa7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-pricing .missed-opportunities-section-premium .lead-text {
font-size: 20px;
color: #4a5768;
margin-bottom: 15px;
}
.page-template-pricing .missed-opportunities-section-premium .benefits-text {
font-size: 18px;
color: #3e5060;
font-weight: 400;
max-width: 720px;
margin: 0 auto;
}
.page-template-pricing .missed-opportunities-section-premium .benefits-text span {
display: inline-block;
margin-right: 10px;
color: #007c53;
font-weight: 500;
}
.page-template-pricing .missed-opportunities-section-premium .benefits-text i {
color: #007c53;
padding-right: 5px;
}
.page-template-pricing .missed-opportunities-section-premium .cta-button {
margin-top: 60px;
}
.page-template-pricing .missed-opportunities-section-premium .cta-button a {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
color: #fff;
padding: 16px 60px;
font-size: 17px;
font-weight: 600;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 12px 25px rgba(0, 125, 255, 0.2);
}
.page-template-pricing .missed-opportunities-section-premium .cta-button a:hover {
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(0, 125, 255, 0.3);
}  .page-template-pricing .hublog-premium-section {
padding: 60px 0;
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
position: relative;
overflow: hidden;
}
.page-template-pricing .hublog-premium-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(0 107 221 / 22%) 1px, #63b6ff24 1px),
linear-gradient(90deg, rgb(0 107 221 / 8%) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.page-template-pricing .hublog-premium-section .container {
position: relative;
z-index: 1;
margin: 0 auto;
padding: 0 20px;
}
.page-template-pricing .hublog-premium-section .premium-header {
text-align: center;
margin-bottom: 60px;
}
.page-template-pricing .hublog-premium-section .premium-title {
font-weight: 700;
font-size: 42px;
line-height: 1.2;
color: #1a1a1a;
margin-bottom: 16px;
}
.page-template-pricing .hublog-premium-section .gradient-highlight {
background: linear-gradient(to right, #007c53, #3aa7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page-template-pricing .hublog-premium-section .premium-subtitle {
font-weight: 400;
font-size: 18px;
color: #64748b;
max-width: 600px;
margin: 0 auto;
}
.page-template-pricing .hublog-premium-section .comparison-cards {
display: flex;
gap: 30px;
margin-bottom: 50px;
}
.page-template-pricing .hublog-premium-section .comparison-card {
flex: 1;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03);
transition: all 0.3s ease;
}
.page-template-pricing .hublog-premium-section .before-card {
background: white;
border: 1px solid #e2e8f0;
}
.page-template-pricing .hublog-premium-section .after-card {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
color: white;
position: relative;
overflow: hidden;
}
.page-template-pricing .hublog-premium-section .after-card::after {
content: "";
position: absolute;
top: -50px;
right: -50px;
width: 200px;
height: 200px;
background: radial-gradient(50% 50% at 50% 50%,
rgba(99, 102, 241, 0.4) 0%,
rgba(99, 102, 241, 0) 100%);
border-radius: 50%;
}
.page-template-pricing .hublog-premium-section .card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.page-template-pricing .hublog-premium-section .card-label {
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 12px;
border-radius: 20px;
}
.page-template-pricing .hublog-premium-section .before-card .card-label {
background: #f1f5f9;
color: #64748b;
}
.page-template-pricing .hublog-premium-section .after-card .card-label {
background: rgba(255, 255, 255, 0.1);
color: white;
}
.page-template-pricing .hublog-premium-section .inefficiency-indicator,
.page-template-pricing .hublog-premium-section .efficiency-indicator {
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
font-size: 14px;
}
.page-template-pricing .hublog-premium-section .inefficiency-indicator {
color: #ff4d4f;
}
.page-template-pricing .hublog-premium-section .efficiency-indicator {
color: #52c41a;
}
.page-template-pricing .hublog-premium-section .card-content h3 {
font-weight: 600;
font-size: 22px;
line-height: 1.4;
margin-bottom: 25px;
}
.page-template-pricing .hublog-premium-section .before-card h3 {
color: #1e293b;
}
.page-template-pricing .hublog-premium-section .after-card h3 {
color: white;
}
.page-template-pricing .hublog-premium-section .premium-feature-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.page-template-pricing .hublog-premium-section .premium-feature-list li {
display: flex;
gap: 15px;
align-items: flex-start;
}
.page-template-pricing .hublog-premium-section .premium-feature-list h4 {
font-weight: 600;
font-size: 18px;
margin-bottom: 4px;
}
.page-template-pricing .hublog-premium-section .before-card h4 {
color: #1e293b;
}
.page-template-pricing .hublog-premium-section .after-card h4 {
color: white;
}
.page-template-pricing .hublog-premium-section .premium-feature-list p {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
.page-template-pricing .hublog-premium-section .before-card p {
color: #64748b;
}
.page-template-pricing .hublog-premium-section .after-card p {
color: #cbd5e1;
}
.page-template-pricing .hublog-premium-section .icon-check,
.page-template-pricing .hublog-premium-section .icon-cross {
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.page-template-pricing .hublog-premium-section .icon-check {
background: rgba(82, 196, 26, 0.1);
}
.page-template-pricing .hublog-premium-section .icon-check::before {
content: "✓";
color: #52c41a;
font-size: 14px;
}
.page-template-pricing .hublog-premium-section .icon-cross {
background: rgba(255, 77, 79, 0.1);
}
.page-template-pricing .hublog-premium-section .icon-cross::before {
content: "✕";
color: #ff4d4f;
font-size: 14px;
}
.page-template-pricing .hublog-premium-section .card-footer {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid;
}
.page-template-pricing .hublog-premium-section .before-card .card-footer {
border-color: #e2e8f0;
}
.page-template-pricing .hublog-premium-section .after-card .card-footer {
border-color: rgba(255, 255, 255, 0.1);
}
.page-template-pricing .hublog-premium-section .efficiency-meter {
width: 100%;
height: 8px;
background: #e2e8f0;
border-radius: 4px;
overflow: hidden;
position: relative;
margin-bottom: 8px;
}
.page-template-pricing .hublog-premium-section .after-card .efficiency-meter {
background: rgba(255, 255, 255, 0.1);
}
.page-template-pricing .hublog-premium-section .meter-bar {
height: 100%;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
}
.page-template-pricing .hublog-premium-section .before-card .meter-bar {
background: #ff4d4f;
}
.page-template-pricing .hublog-premium-section .after-card .meter-bar {
background: #00a12a;
}
.page-template-pricing .hublog-premium-section .efficiency-meter span {
font-weight: 500;
font-size: 14px;
}
.page-template-pricing .hublog-premium-section .before-card .efficiency-meter span {
color: #64748b;
}
.page-template-pricing .hublog-premium-section .after-card .efficiency-meter span {
color: white;
}
.page-template-pricing .hublog-premium-section .premium-cta {
text-align: center;
}
.page-template-pricing .hublog-premium-section .premium-button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
color: white;
border: none;
border-radius: 50px;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3),
0 2px 4px -1px rgba(59, 130, 246, 0.1);
}
.page-template-pricing .hublog-premium-section .premium-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3),
0 4px 6px -2px rgba(59, 130, 246, 0.1);
}  .page-template-pricing.solution-key-features-section {
padding: 80px 0;
background: linear-gradient(180deg, #ffffff 0%, #f9faff 100%);
position: relative;
overflow: hidden;
}
.page-template-pricing.solution-key-features-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjRjBGNUZGIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4K") repeat;
opacity: 0.3;
z-index: 0;
}
.page-template-pricing .container {
position: relative;
z-index: 1;
margin: 0 auto;
padding: 0 20px;
}
.solution-key-features-header {
text-align: center;
margin-bottom: 60px;
}
.solution-key-features-title {
font-weight: 700;
font-size: 42px;
line-height: 1.2;
color: #1a1a1a;
margin-bottom: 16px;
}
.solution-key-features-highlight {
background: linear-gradient(to right, #007c53, #3aa7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.solution-key-features-subtitle {
font-weight: 400;
font-size: 18px;
color: #64748b;
max-width: 600px;
margin: 0 auto;
}
.solution-key-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
gap: 18px;
margin-bottom: 50px;
}
.solution-key-feature-card {
position: relative;
border-radius: 16px;
background: white;
box-shadow: rgb(50 50 93 / 8%) 0px 6px 12px -2px,
rgb(0 0 0 / 16%) 0px 3px 7px -3px;
transition: all 0.3s ease;
overflow: hidden;
z-index: 1;
}
.solution-key-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05),
0 10px 10px -5px rgba(0, 0, 0, 0.01);
}
.feature-card-inner {
padding: 20px;
position: relative;
z-index: 2;
}
.feature-card-icon {
margin-bottom: 20px;
}
.icon-wrapper {
position: relative;
width: 64px;
height: 64px;
}
.icon-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
position: relative;
z-index: 2;
}
.icon-backdrop {
position: absolute;
width: 100%;
height: 100%;
border-radius: 16px;
top: 0;
left: 0;
z-index: 1;
}
.feature-card-content {
margin-bottom: 15px;
}
.feature-card-title {
font-weight: 600;
font-size: 22px;
color: #1e293b;
margin-bottom: 12px;
}
.feature-card-description {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: #64748b;
margin-bottom: 20px;
}
.feature-card-badge {
display: inline-block;
padding: 4px 12px;
background: rgba(59, 130, 246, 0.1);
border-radius: 20px;
font-weight: 500;
font-size: 13px;
color: #007c53;
}
.feature-card-hover-effect {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(135deg,
rgba(59, 130, 246, 0.03) 0%,
rgba(139, 92, 246, 0.03) 100%);
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.solution-key-feature-card:hover .feature-card-hover-effect {
opacity: 1;
}
.solution-key-features-cta {
text-align: center;
margin-top: 40px;
}
.solution-key-features-button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
color: white;
border: none;
border-radius: 50px;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3),
0 2px 4px -1px rgba(59, 130, 246, 0.1);
}
.solution-key-features-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3),
0 4px 6px -2px rgba(59, 130, 246, 0.1);
}
.solution-key-features-disclaimer {
font-weight: 300;
font-size: 14px;
color: #64748b;
margin-top: 16px;
}  .page-template-pricing .customer-support-section {
background: linear-gradient(135deg, #06a4f29e 0%, #0085f9ed 100%);
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.page-template-pricing .customer-support-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-pricing .customer-support-section-column {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.page-template-pricing .customer-support-section-column p {
font-size: 28px;
color: white;
line-height: 1.5;
margin-bottom: 40px;
font-weight: 300;
letter-spacing: 0.5px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
padding-bottom: 30px;
}
.page-template-pricing .customer-support-section-column p:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: rgba(255, 255, 255, 0.5);
border-radius: 3px;
}
.page-template-pricing .customer-support-section-button {
text-align: center;
margin-top: 10px;
position: relative;
z-index: 1;
}
.page-template-pricing .customer-support-section-button a {
padding: 18px 50px;
border-radius: 50px;
text-decoration: none;
color: #006cdf;
font-size: 18px;
font-weight: 600;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
background: white;
display: inline-block;
position: relative;
overflow: hidden;
letter-spacing: 0.5px;
}
.page-template-pricing .customer-support-section-button a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.3),
transparent);
transition: all 0.6s ease;
}
.page-template-pricing .customer-support-section-button a:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
color: #006cdf;
}
.page-template-pricing .customer-support-section-button a:hover:before {
left: 100%;
} .page-template-pricing .customer-support-section:after {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
top: -150px;
right: -150px;
z-index: 0;
}
.page-template-pricing .customer-support-section:before {
content: "";
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.03);
bottom: -100px;
left: -100px;
z-index: 0;
} .page-template-pricing .hublog-section-nine-box {
text-align: center;
}
.page-template-pricing .hublog-section-nine-box h1 {
font-size: 42px;
color: #0b104e;
}
.solution-workforce-analytics-section-para-box img {
width: 100%;
}            .page-template-crm-innerpage .hublog-hero-section .crm-banner-head {
padding-top: 110px;
padding-bottom: 43px;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline {
padding-top: 26px;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .inside-image {
text-align: right;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline h1 {
font-size: 40px;
color: #0e244e;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline p {
font-size: 19px;
margin-top: 14px;
color: #737474;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button {
margin-top: 38px;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button .demo-book {
text-decoration: none;
background-color: #1d548d;
padding: 10px 20px;
color: white;
border-radius: 3px;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button .free-trial {
text-decoration: none;
background-color: #fd5a05c9;
padding: 10px 20px;
color: #ffffff;
border-radius: 3px;
margin-left: 45px;
}
.page-template-crm-innerpage .heading h2,
.page-template-crm-innerpage .hublog-section-seven .heading,
.page-template-crm-innerpage .hublog-section-three .heading {
font-size: 38px;
color: #0e244e;
font-weight: 500;
} .page-template-crm-innerpage .crm-mainpage-section-column .crm-main-page-section-tabs-content .tabs-images {
text-align: center;
}
.page-template-crm-innerpage .crm-mainpage-section-column .crm-main-page-section-tabs-content .tabs-images img {
width: 72%;
} .page-template-crm-innerpage .hublog-section-two .heading {
text-align: center;
}  .page-template-crm-innerpage .sales-growth-section {
padding: 60px 0;
position: relative;
background: linear-gradient(250deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
}
.page-template-crm-innerpage .sales-growth-section .heading h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .sales-growth-section .heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text {
background: #ffffff;
padding: 50px 45px;
border-radius: 20px;
transition: all 0.3s ease;
position: relative;
z-index: 2;
}
.page-template-crm-innerpage .sales-growth-section .inside-text:hover {
border-bottom: 3.5px solid #1d548d;
}
.page-template-crm-innerpage .sales-growth-section .inside-text:hover {
transform: translateY(-6px);
box-shadow: 0 25px 90px rgba(0, 0, 0, 0.09);
}
.page-template-crm-innerpage .sales-growth-section .inside-text h3 {
font-size: 28px;
font-weight: 500;
color: #102348;
margin-bottom: 15px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .sales-growth-section .inside-text p {
font-size: 18px;
color: #444;
margin-top: 10px;
line-height: 1.7;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul {
list-style: none;
padding-left: 0;
margin-top: 25px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul li {
margin-bottom: 15px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul li h4 {
font-size: 21px;
font-weight: 600;
color: #0e244e;
margin-bottom: 6px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul li p {
font-size: 16px;
color: #5a5a5a;
margin: 0;
}
.page-template-crm-innerpage .sales-growth-section .inside-text hr {
border: 0;
height: 1px;
background: linear-gradient(to right, #646464, #004a99, #16a9ff);
margin: 8px 0;
}
.page-template-crm-innerpage .sales-growth-section .get-started {
display: inline-block;
padding: 14px 34px;
background: linear-gradient(90deg, #00488b 0%, #0262c4 100%);
border-radius: 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.3px;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 72, 139, 0.3);
text-decoration: none;
margin-top: 20px;
}
.page-template-crm-innerpage .sales-growth-section .get-started:hover {
background: linear-gradient(90deg, #01365c 0%, #035fa1 100%);
box-shadow: 0 12px 35px rgba(0, 72, 139, 0.4);
transform: translateY(-2px);
}
.page-template-crm-innerpage .sales-growth-section .insidethe-image {
text-align: center;
}
.page-template-crm-innerpage .sales-growth-section .insidethe-image img {
width: 100%;
max-width: 520px;
border-radius: 20px;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}
.sales-growth-section .col-md-6 {
place-content: center;
}
.page-template-crm-innerpage .sales-growth-section .insidethe-image.right-side {
text-align: right;
}
.page-template-crm-innerpage .sales-growth-section::before {
content: "";
background: url(https://www.transparenttextures.com/patterns/cubes.png); position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.04;
z-index: 0;
pointer-events: none;
}
.page-template-crm-innerpage .sales-growth-section .inside-text:hover {
box-shadow: 0 12px 50px rgba(0, 72, 139, 0.1), 0 0 12px rgba(2, 98, 196, 0.2);
transform: translateY(-8px);
} .why-leadgen-premium {
padding: 80px 0;
background: linear-gradient(145deg, #f5f8ff, #eaf1ff);
position: relative;
overflow: hidden;
}
.leadgen-flex-layout {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 60px;
}
.leadgen-text-card {
flex: 1;
padding: 40px;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
backdrop-filter: blur(12px);
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);
}
.leadgen-text-card h2 {
font-size: 36px;
font-weight: 500;
color: #fff;
margin-bottom: 30px;
}
.leadgen-text-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.leadgen-text-card ul li {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 30px;
}
.leadgen-text-card ul li .icon-box {
font-size: 22px;
color: white;
background: linear-gradient(135deg, #00c6ff, #0072ff);
padding: 16px 18px;
border-radius: 50%;
box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4);
}
.leadgen-text-card ul li h4 {
font-size: 20px;
color: #fff;
margin-bottom: 0px;
}
.leadgen-text-card ul li p {
font-size: 16px;
color: #ddd;
}
.leadgen-image-box {
flex: 1;
text-align: center;
}
.leadgen-image-box img {
width: 100%;
border-radius: 20px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.leadgen-image-box img:hover {
transform: scale(1.03);
}   .page-template-crm-innerpage .shadow-effect {
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 16px;
text-align: center;
border: none;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-crm-innerpage .testimonials h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .testimonials p {
font-size: 18px;
}
.page-template-crm-innerpage .shadow-effect:hover {
box-shadow: 0 35px 65px rgba(0, 0, 0, 0.12);
}
#customers-testimonials .shadow-effect p {
font-size: 18px;
line-height: 1.7;
margin: 0 0 20px;
font-weight: 400;
color: #555;
}
.page-template-crm-innerpage .testimonial-name {
margin-top: -10px;
display: inline-block;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 10px 40px;
border-radius: 30px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.testimonial-position {
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
color: #64748b;
font-size: 15px;
font-weight: 500;
margin-top: 4px;
}
#customers-testimonials .item {
text-align: center;
padding: 40px 20px;
opacity: 0.6;
transform: scale(0.9);
transition: all 0.4s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
opacity: 1;
transform: scale(1);
}
.owl-carousel .owl-item img {
max-width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 4px solid #e3e9f5;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
#customers-testimonials.owl-carousel .owl-dots {
display: flex;
justify-content: center;
gap: 10px;
}
#customers-testimonials.owl-carousel .owl-dot span {
background: #cbd5e1;
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
transition: all 0.3s ease;
}
#customers-testimonials.owl-carousel .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dot:hover span {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
transform: scale(1.2);
} .page-template-crm-innerpage .happy-customer-says .testimonial-item {
position: relative;
margin-bottom: 30px;
padding: 0 25px 25px 25px;
background-color: white;
box-shadow: 0 6px 8px 0px #ddd;
border-radius: 0px 0px 0px 38px;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 50px);
bottom: 0;
left: 0;
border-radius: 10px;
background: rgb(255, 255, 255);
z-index: -1;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .testimonial-img img {
width: 100px;
height: 100px;
border-radius: 100px;
background: white;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .para-text {
font-size: 14px;
color: #545454;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .client-details {
margin-top: 12px;
}
.page-template-crm-innerpage .happy-customer-says .heading-text h1 {
font-size: 40px;
color: #0e244e;
font-weight: 500;
}
.page-template-crm-innerpage .happy-customer-says .heading-text h4 {
font-weight: 400;
font-size: 19px;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .client-details .client-name {
font-size: 19px;
line-height: normal;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .client-details .client-position {
font-size: 11px;
line-height: normal;
margin-bottom: 12px;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .testimonial-title {
display: flex;
justify-content: space-between;
}
.page-template-crm-innerpage .happy-customer-says .owl-nav .owl-prev {
position: absolute;
top: -58px;
left: 0;
background: dodgerblue;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-crm-innerpage .happy-customer-says .owl-nav .owl-prev:hover {
background: green;
color: white;
}
.page-template-crm-innerpage .happy-customer-says .owl-nav .owl-next {
position: absolute;
top: -58px;
right: 0;
background: forestgreen;
color: white;
padding: 5px 30px;
border-radius: 30px;
transition: 0.5s;
}
.page-template-crm-innerpage .happy-customer-says .owl-nav .owl-next:hover {
background: yellow;
color: white;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots {
display: flex;
justify-content: center;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots .owl-dot {
width: 20px;
height: 20px;
border-radius: 30px;
margin: 20px 10px 0 10px;
background: #ff9100;
transition: 0.5s;
}
.page-template-crm-innerpage .star-color {
color: #ffc94a;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .testimonial-title p.mb-0 {
font-size: 12px;
line-height: normal;
padding: 0;
margin: 0;
}
.page-template-crm-innerpage .happy-customer-says .testimonial-item .testimonial-title h4.mb-0 {
font-size: 16px;
line-height: normal;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots .owl-dot.active {
width: 20px;
height: 20px;
border-radius: 30px;
background: #d3d3c4;
transition: 0.5s;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots .owl-dot span {
position: relative;
margin-left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots .owl-dot.active span::after {
background: rgb(255, 145, 0);
}
.page-template-crm-innerpage .happy-customer-says .testimonial-image {
width: 16%;
border-radius: 50%;
margin-bottom: 20px;
margin-left: -18px;
}
.page-template-crm-innerpage .testimonial-carousel .owl-dots .owl-dot span::after {
content: "";
width: 12px;
height: 12px;
border-radius: 15px;
position: absolute;
top: 47%;
left: -1px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: white;
transition: 0.5s;
} .page-template-crm-innerpage .have-children .dropdown-menu {
display: none;
position: absolute !important;
background: #fff !important;
list-style: none !important;
top: -20% !important;
left: 205px !important;
padding: 10px 0;
width: max-content !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
z-index: 9;
overflow-y: visible !important;
max-height: 500px;
}
#rmp_menu_trigger-475.menucrm {
top: 0px;
right: 3px;
position: fixed;
}
.page-template-crm-innerpage .hublog-section-two-title span {
background: linear-gradient(142deg, #67c6ff, #0061a9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .hublog-hero-section {
background: white;
}
.page-template-crm-innerpage .hublog-section-two-button {
background: linear-gradient(142deg, #67c6ff, #0061a9);
}
.page-template-crm-innerpage .transparent-gradiend {
background: linear-gradient(142deg, #0e244e, #1d548d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .col-md-4.hublog-section-seven-box .numbers,
.col-md-6.hublog-section-seven-box .numbers {
background-image: linear-gradient(142deg, #0e244e, #1d548d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .hublog-sectionfour-numbers {
background-image: linear-gradient(142deg, #67c6ff, #0061a9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .hublog-section-nine-button a {
box-shadow: 0 7px 10px 1px #767e8547;
background: linear-gradient(142deg, #0e244e, #1d548d);
}
.page-template-crm-innerpage .hublog-hero-title {
color: transparent;
background: linear-gradient(142deg, #0990e1d4, #002c4c);
background-clip: text;
}
.page-template-crm-innerpage .hublog-sections-headings {
color: #01365c;
}
.page-template-crm-innerpage .hublog-section-nine-button a:hover {
box-shadow: none;
}
.page-template-crm-innerpage #rmp_menu_trigger-347 {
position: absolute;
} .awards-section-certificate {
background: linear-gradient(145deg, #f5f8ff, #eaf1ff);
padding: 60px 0;
}
.awards-section-certificate .heading {
margin-bottom: 60px;
}
.awards-section-certificate .sub-title {
color: #01365c;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.awards-section-certificate .main-title {
font-size: 36px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 15px;
}
.awards-section-certificate .description {
font-size: 17px;
color: #444;
width: 80%;
margin: 0 auto;
}
.animated-images-container {
padding: 25px 0;
overflow: hidden;
position: relative;
margin: auto;
}
.animated-images-container::before,
.animated-images-container::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 80px;
height: 80%;
z-index: 2;
pointer-events: none;
}
.animated-images-container::before {
left: 0;
background: linear-gradient(to right,
rgb(255 255 255 / 66%),
rgba(255, 255, 255, 0));
}
.animated-images-container::after {
right: 0;
background: linear-gradient(to left,
rgb(255 255 255 / 66%),
rgba(255, 255, 255, 0));
}
.animated-images {
display: flex;
gap: 24px;
animation: scrollAwards 30s linear infinite;
align-items: center;
}
.animated-images img {
max-height: 90px;
flex-shrink: 0;
transition: transform 0.3s ease;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));
}
.animated-images img:hover {
transform: scale(1.08);
}
@keyframes scrollAwards {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} @media (max-width: 991px) {
.awards-section-certificate .main-title {
font-size: 32px;
}
.animated-images {
animation-duration: 10s;
}
}
@media (max-width: 575px) {
.awards-section-certificate .description {
width: 100%;
font-size: 16px;
}
.animated-images-container {
padding: 15px 0;
}
.animated-images img {
max-height: 70px;
}
} .page-template-crm-innerpage .try-demo-now {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
padding: 100px 0;
overflow: hidden;
position: relative;
}
.try-demo-now::before {
top: -80px;
left: -80px;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.07);
backdrop-filter: blur(16px);
border-radius: 16px;
padding: 70px 50px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.page-template-crm-innerpage .try-demo-now .text-side h1 {
font-size: 48px;
font-weight: 800;
color: #ffffff;
margin-bottom: 25px;
line-height: 1.3;
}
.page-template-crm-innerpage .try-demo-now .text-side h1 span {
background: linear-gradient(90deg, #00ffe0, #4facfe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-innerpage .try-demo-now .text-side p {
font-size: 20px;
color: #c8dff9;
margin-bottom: 40px;
max-width: 90%;
line-height: 1.7;
}
.page-template-crm-innerpage .try-demo-now .demo-btn {
padding: 14px 36px;
font-size: 18px;
font-weight: 600;
color: #0f3558;
background: #ffffff;
border-radius: 10px;
text-decoration: none;
box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2);
transition: all 0.3s ease-in-out;
}
.page-template-crm-innerpage .try-demo-now .demo-btn:hover {
background: linear-gradient(90deg, #00ffe0, #4facfe);
color: #ffffff;
box-shadow: 0 0 25px rgba(0, 255, 224, 0.4);
transform: translateY(-4px);
}
.page-template-crm-innerpage .try-demo-now .image {
text-align: center;
}
.page-template-crm-innerpage .try-demo-now .image img {
max-width: 100%;
filter: drop-shadow(0 8px 30px rgba(0, 255, 224, 0.2));
animation: float 6s ease-in-out infinite;
border-radius: 6px;
}
@keyframes float {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
@media (max-width: 768px) {
.page-template-crm-innerpage .try-demo-now .try-demo-now-row {
padding: 40px 25px;
text-align: center;
}
.page-template-crm-innerpage .try-demo-now .text-side h1 {
font-size: 36px;
}
.page-template-crm-innerpage .try-demo-now .text-side p {
font-size: 17px;
}
.page-template-crm-innerpage .try-demo-now .demo-btn {
padding: 12px 28px;
font-size: 17px;
}
}  .page-template-crm-management #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
color: #fff;
}
.page-template-crm-management .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
color: #000;
}
.page-template-crm-management .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ff6c00 !important;
}
.sidebar-menu .close-btn {
display: none;
}
#menu-main-menu {
gap: 40px;
}
#menu-main-menu a {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.page-template-crm-management .hub-log-main {
position: absolute;
width: 100%;
}
.page-template-crm-management .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
z-index: 9;
} .page-template-crm-management .tab-featurelink-section {
position: relative;
background-color: white;
}
.page-template-crm-management .premium-feature-section .container-fluid {
padding: 40px 110px;
}
.page-template-crm-management .tab-featurelink-section-left-column .tab-featurelink-section-image .bg-color-set {
background: linear-gradient(321deg,
#102752 2.15%,
#1b4493 31.64%,
#72cbff 120.91%,
#1914ef 121.07%);
background-position: 50%;
background-size: cover;
border-radius: 12px;
position: absolute;
top: -2%;
bottom: 4%;
left: -2%;
right: 7%;
overflow: hidden;
box-shadow: inset 3px 3px 12px rgba(14, 34, 73, 0.25);
}
.page-template-crm-management .tab-featurelink-section-left-column {
position: sticky;
top: 75px;
align-self: flex-start;
}
.page-template-features .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
}
.page-template-crm-management .feature-tabs-wrapper {
max-width: 460px;
background: rgba(255, 255, 255, 0.75);
border-radius: 20px;
padding: 24px 20px;
backdrop-filter: blur(16px);
box-shadow: 0 16px 48px rgba(20, 30, 80, 0.1);
border: 1px solid rgba(200, 210, 230, 0.3);
}
.page-template-crm-management .sidebar-heading {
font-size: 20px;
font-weight: 600;
color: #1e2a38;
margin-bottom: 18px;
padding-left: 14px;
border-left: 3px solid #102348;
letter-spacing: -0.25px;
}
.page-template-crm-management .feature-tab-links {
display: flex;
flex-direction: column;
gap: 10px;
}
.page-template-crm-management .feature-tab {
display: flex;
align-items: center;
gap: 14px;
padding: 8px 16px;
border-radius: 14px;
background: transparent;
text-decoration: none;
color: #1e2a38;
font-size: 16px;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
border: 1px solid transparent;
}
.page-template-crm-management .feature-tab .icon svg {
width: 24px;
height: 24px;
stroke: currentColor;
color: #9aa5b1;
transition: color 0.2s ease;
}
.page-template-crm-management .feature-tab .label {
flex: 1;
line-height: 1.4;
}
.page-template-crm-management .feature-tab:hover {
background: #f1f6fd;
color: #2e7de1;
border-color: rgba(46, 125, 225, 0.2);
}
.page-template-crm-management .feature-tab:hover .icon svg {
color: #2e7de1;
}
.page-template-crm-management .feature-tab.active {
background: linear-gradient(120deg, #2e7de1 0%, #1b3a73 100%);
color: #ffffff;
border: none;
box-shadow: 0 8px 24px rgba(30, 60, 130, 0.25);
}
.page-template-crm-management .feature-tab.active .icon svg {
color: #102348;
}
.page-template-crm-management .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
} .page-template-features .tab-featurelink-section-left-column {
position: sticky;
top: 75px;
align-self: flex-start;
}
.page-template-features .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
}
.page-template-features .feature-tabs-wrapper {
max-width: 460px;
background: rgba(255, 255, 255, 0.75);
border-radius: 20px;
padding: 24px 20px;
backdrop-filter: blur(16px);
box-shadow: 0 16px 48px rgba(20, 30, 80, 0.1);
border: none;
height: 600px;
overflow-y: scroll;
scrollbar-width: thin;
scrollbar-color: #c3cad9 transparent; } .page-template-features .feature-tabs-wrapper::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.page-template-features .feature-tabs-wrapper::-webkit-scrollbar-track {
background: transparent;
}
.page-template-features .feature-tabs-wrapper::-webkit-scrollbar-thumb {
background-color: #c3cad9;
border-radius: 6px;
border: 2px solid transparent;
background-clip: content-box;
}
.page-template-features .feature-tabs-wrapper::-webkit-scrollbar-thumb:hover {
background-color: #a5aec4;
}
.page-template-features .sidebar-heading {
font-size: 20px;
font-weight: 600;
color: #1e2a38;
margin-bottom: 18px;
padding-left: 14px;
border-left: 3px solid #102348;
letter-spacing: -0.25px;
}
.page-template-features .feature-tab-links {
display: flex;
flex-direction: column;
gap: 10px;
}
.page-template-features .feature-tab {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 8px;
border-radius: 14px;
background: transparent;
text-decoration: none;
color: #1e2a38;
font-size: 16px;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
border: 1px solid transparent;
}
.page-template-features .feature-tab .icon svg {
width: 24px;
height: 24px;
stroke: currentColor;
color: #9aa5b1;
transition: color 0.2s ease;
}
.page-template-features .feature-tab .label {
flex: 1;
line-height: 1.4;
}
.page-template-features .feature-tab:hover {
background: #f1f6fd;
color: #2e7de1;
border-color: rgba(46, 125, 225, 0.2);
}
.page-template-features .feature-tab:hover .icon svg {
color: #2e7de1;
}
.page-template-features .feature-tab.active {
background: linear-gradient(120deg, #2e7de1 0%, #1b3a73 100%);
color: #ffffff;
border: none;
box-shadow: 0 8px 24px rgba(30, 60, 130, 0.25);
}
.page-template-features .feature-tab.active .icon svg {
color: #102348;
}
.page-template-features .tab-featurelink-section-left-column {
position: sticky;
top: 100px;
align-self: flex-start;
}  .page-template-crm-management .tab-featurelink-section-right-column {
padding: 60px 40px;
background: linear-gradient(135deg, #f0f9ff, #e0f0ff);
border-radius: 24px;
}
.page-template-crm-management .feature-block {
background: rgba(255, 255, 255, 0.85);
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
padding: 40px 20px;
transition: box-shadow 0.3s ease;
margin-bottom: 20px;
}
.page-template-crm-management .feature-block:hover {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.page-template-crm-management .inside-text-section {
padding: 10px 30px;
}
.page-template-crm-management .inside-text-section h5 {
font-size: 28px;
font-weight: 600;
color: #102348;
margin-bottom: 20px;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-management .inside-text-section p {
font-size: 18px;
}
.page-template-crm-management .inside-text-section .list {
list-style: none;
padding: 0;
margin: 0;
}
.page-template-crm-management .inside-text-section .list li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
font-size: 17px;
line-height: 1.7;
color: #333;
transition: transform 0.3s ease;
}
.page-template-crm-management .inside-text-section .list li:hover {
transform: translateX(6px);
}
.page-template-crm-management .inside-text-section .list li i {
color: #00bcd4;
font-size: 20px;
margin-top: 3px;
transition: color 0.3s, text-shadow 0.3s;
}
.page-template-crm-management .inside-text-section .list li:hover i {
color: #0097a7;
text-shadow: 0 0 8px rgba(0, 188, 212, 0.3);
}
.page-template-crm-management .image-side {
overflow: hidden;
border-radius: 18px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: transform 0.4s ease;
}
.page-template-crm-management .image-side img {
width: 100%;
border-radius: 18px;
transition: transform 0.4s ease;
}
.page-template-crm-management .premium-feature-section .container-fluid {
padding: 40px 60px;
}  .page-template-crm-management .feature-hero-section.premium {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 120px 0;
color: #fff;
position: relative;
overflow: hidden;
}
.page-template-crm-management .feature-hero-section.premium::before {
content: "";
position: absolute;
top: -20%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(255, 136, 0, 0.2), transparent 70%);
filter: blur(100px);
z-index: 1;
}
.page-template-crm-management .left-section {
position: relative;
z-index: 2;
}
.page-template-crm-management .top-label {
font-size: 14px;
color: #ffc15f;
margin-bottom: 10px;
letter-spacing: 1.3px;
text-transform: uppercase;
font-weight: 600;
}
.page-template-crm-management .title {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
color: #ffffff;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.page-template-crm-management .subtitle {
font-size: 18px;
color: #d2d2d2;
margin-bottom: 15px;
max-width: 90%;
}
.page-template-crm-management .description {
font-size: 18px;
color: #fff;
margin-bottom: 35px;
}
.page-template-crm-management .features-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(200px, 1fr));
gap: 26px 36px;
}
.page-template-crm-management .feature-item {
display: flex;
align-items: center;
font-size: 17px;
color: #f4f4f4;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
}
.page-template-crm-management .feature-item i {
font-size: 22px;
font-weight: 800;
margin-right: 14px;
background: linear-gradient(90deg, #ff8a00, #ffc35f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: transform 0.3s ease;
}
.page-template-crm-management .feature-item:hover i {
transform: scale(1.2);
}
.page-template-crm-management .feature-item:hover {
color: #ffae00;
}
.page-template-crm-management .form-section {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px);
border-radius: 24px;
padding: 50px 35px 30px 35px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.page-template-crm-management .form-title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.page-template-crm-management .form-title i {
color: #ffae00;
font-size: 26px;
}
.page-template-crm-management .form-section .wpcf7-form-control {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 12px;
color: #fff;
margin-bottom: 15px;
border-radius: 8px;
}
.page-template-crm-management .form-section .wpcf7-submit {
background: linear-gradient(145deg, #f39c12, #e67e22) !important;
color: #fff;
margin-top: 30px !important;
font-size: 20px !important;
border: none;
padding: 12px 28px !important;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(255, 136, 0, 0.4);
transition: all 0.3s ease;
}
.page-template-crm-management .wpcf7-submit:hover {
background: linear-gradient(135deg, #ff9e2c, #f3a531);
box-shadow: 0 5px 9px rgba(255, 136, 0, 0.4);
transform: translateY(-3px);
}  .page-template-crm-management .install-all-technologies-enhanced {
padding: 70px 0;
background: linear-gradient(135deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-top: 2px solid #d0e6ff;
border-bottom: 2px solid #d0e6ff;
}
.page-template-crm-management .install-all-technologies-enhanced .main-row {
margin-bottom: 60px;
}
.page-template-crm-management .install-all-technologies-enhanced .install-text h2 {
font-size: 36px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-management .install-all-technologies-enhanced .install-text p {
font-size: 20px;
color: #4a4a4a;
margin-top: 10px;
}
.page-template-crm-management .install-all-technologies-enhanced .install-button {
background: linear-gradient(90deg, #00488b, #0270e0);
text-decoration: none;
color: #fff;
padding: 14px 32px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
box-shadow: 0 10px 25px rgba(0, 72, 139, 0.3);
transition: all 0.3s ease;
display: inline-block;
}
.page-template-crm-management .install-all-technologies-enhanced .install-button:hover {
background: linear-gradient(90deg, #003465, #025bb3);
transform: translateY(-2px);
}
.page-template-crm-management .install-all-technologies-enhanced .icons-row .os-card {
background: #ffffff;
padding: 30px 20px;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-crm-management .install-all-technologies-enhanced .icons-row .os-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}
.page-template-crm-management .install-all-technologies-enhanced .os-card img {
width: 60px;
margin-bottom: 15px;
}
.page-template-crm-management .install-all-technologies-enhanced .os-card .text span {
display: block;
font-size: 14px;
color: #777;
}
.page-template-crm-management .install-all-technologies-enhanced .os-card .text h4 {
font-size: 20px;
color: #0e244e;
font-weight: 600;
margin-top: 5px;
}
.page-template-crm-management .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-crm-management .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-crm-management .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-crm-management .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
}  .page-template-crm-management .three-stage-usings {
padding: 60px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-crm-management .three-stage-usings .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 500;
}
.page-template-crm-management .three-stage-usings .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-management .three-stage-usings .inside-text {
padding-right: 20px;
}
.page-template-crm-management .three-stage-usings .inside-text .buttons {
margin-top: 40px;
display: flex;
gap: 20px;
}
.page-template-crm-management .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-crm-management .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-crm-management .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-crm-management .try-free {
background-color: #122947;
color: #fff;
}
.page-template-crm-management .try-free:hover {
background-color: #0a1a30;
}
.page-template-crm-management .right-side-box {
background-color: #fff;
border-radius: 16px;
padding: 20px 25px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 20px;
position: relative;
transition: all 0.3s ease;
}
.page-template-crm-management .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-crm-management .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-crm-management .right-side-box .number-box {
display: flex;
align-items: center;
gap: 12px;
min-width: 90px;
}
.page-template-crm-management .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-crm-management .number {
font-size: 32px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-management .text h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.page-template-crm-management .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
} .page-template-crm-management .testimonials h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-management .testimonials p {
font-size: 18px;
}
.page-template-crm-management .shadow-effect {
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 16px;
text-align: center;
border: none;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-crm-management .testimonial-name {
margin-top: -10px;
display: inline-block;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 10px 40px;
border-radius: 30px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.page-template-crm-management .testimonials {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-crm-management .heading h2,
.page-template-crm-management .hublog-section-seven .heading,
.page-template-crm-innerpage .hublog-section-three .heading {
font-size: 38px;
color: #0e244e;
font-weight: 500;
}  .page-template-crm-management .feature-page-faq {
background: linear-gradient(250deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-radius: 20px 20px 0px 0px;
}
.page-template-crm-management h2.feature-page-faq-heading {
font-size: 44px;
font-weight: 600;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 10px;
}
.page-template-crm-management p.feature-page-faq-para {
font-size: 18px;
text-align: center;
color: #444;
max-width: 750px;
margin: 10px auto 40px auto;
padding: 0 15px;
}
.page-template-crm-management .premium-faq-accordion .accordion-item {
border: none;
border-radius: 16px;
margin-bottom: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.page-template-crm-management .premium-faq-accordion .accordion-item:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.page-template-crm-management .premium-faq-accordion .accordion-button {
background: #fff;
color: #102348;
font-weight: 600;
font-size: 18px;
padding: 18px 24px;
border-radius: 16px;
transition: background-color 0.3s ease;
}
.page-template-crm-management .premium-faq-accordion .accordion-button::after {
filter: hue-rotate(200deg);
}
.page-template-crm-management .premium-faq-accordion .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, #e0f2ff, #f0faff);
color: #004e92;
box-shadow: inset 0 0 0 1px #b3d8f8;
color: #00295c !important;
}
.page-template-crm-management .premium-faq-accordion .accordion-body {
padding: 18px 26px;
font-size: 16px;
color: #333;
line-height: 1.6;
}
.page-template-crm-management .text-gradient {
background: linear-gradient(90deg, #005bea, #00c6fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .page-template-crm-management .get-started-offer-pro {
padding: 100px 0;
background: linear-gradient(102deg,
#a4c9ff 2.15%,
#cfe5ff 31.64%,
#ffffff 120.91%,
#ed7912 121.07%);
position: relative;
z-index: 1;
overflow: hidden;
}
.page-template-crm-management .get-started-box {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 60px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(12px);
max-width: 900px;
margin: 0 auto;
}
.page-template-crm-management .get-started-box::before,
.get-started-box::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
z-index: -1;
}
.page-template-crm-management .get-started-box::before {
top: -40px;
left: -60px;
}
.page-template-crm-management .get-started-box::after {
bottom: -40px;
right: -60px;
}
.page-template-crm-management .get-started-box .title {
font-size: 36px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.page-template-crm-management .get-started-box .subtitle {
font-size: 18px;
color: #d6e5f5;
max-width: 700px;
margin: 0 auto 40px;
line-height: 1.7;
}
.page-template-crm-management .get-started-box .subtitle a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.page-template-crm-management .btn-get-started {
display: inline-block;
background: #ffffff;
color: #0f3558;
padding: 15px 50px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
text-decoration: none;
}
.page-template-crm-management .btn-get-started:hover {
background: #f2f6ff;
color: #00488b;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}
.page-template-crm-management .get-started-box .note {
font-size: 14px;
color: #b4c6de;
margin-top: 20px;
letter-spacing: 0.8px;
}   .page-template-features .shadow-effect {
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 16px;
text-align: center;
border: none;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-template-features .testimonials h2 {
font-size: 42px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-features .testimonials p {
font-size: 18px;
}
.page-template-features .shadow-effect:hover {
box-shadow: 0 35px 65px rgba(0, 0, 0, 0.12);
}
#customers-testimonials1 .shadow-effect p {
font-size: 18px;
line-height: 1.7;
margin: 0 0 20px;
font-weight: 400;
color: #555;
}
.page-template-features .testimonial-name {
margin-top: -10px;
display: inline-block;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
padding: 10px 40px;
border-radius: 30px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.testimonial-position {
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
color: #64748b;
font-size: 15px;
font-weight: 500;
margin-top: 4px;
}
#customers-testimonials1 .item {
text-align: center;
padding: 40px 20px;
opacity: 0.6;
transform: scale(0.9);
transition: all 0.4s ease-in-out;
}
#customers-testimonials1 .owl-item.active.center .item {
opacity: 1;
transform: scale(1);
}
.owl-carousel .owl-item img {
max-width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 4px solid #e3e9f5;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
#customers-testimonials1.owl-carousel .owl-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
#customers-testimonials1.owl-carousel .owl-dot span {
background: #cbd5e1;
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
transition: all 0.3s ease;
}
#customers-testimonials1.owl-carousel .owl-dot.active span,
#customers-testimonials1.owl-carousel .owl-dot:hover span {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
transform: scale(1.2);
}  .page-template-crm-solution .hero-section {
padding: 140px 0px 60px 20px;
position: relative;
overflow: hidden;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
margin-top: -72px;
}
.page-template-crm-solution .hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 107, 221, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 107, 221, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.page-template-crm-solution .hero-container {
max-width: 1180px;
margin: 0 auto;
}
.page-template-crm-solution .hero-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 60px;
}
.page-template-crm-solution .hero-text {
flex: 1 1 520px;
z-index: 2;
}
.page-template-crm-solution .hero-text h2 {
font-size: 35px;
font-weight: 600;
line-height: 1.3;
color: #0b1f33;
margin-bottom: 25px;
}
.page-template-crm-solution .hero-text h2 span {
color: #004c99;
font-weight: 700;
}
.page-template-crm-solution .hero-text p {
font-size: 18px;
line-height: 1.6;
color: #444;
margin-bottom: 35px;
}
.page-template-crm-solution .cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #004c99;
color: #fff;
padding: 14px 34px;
border-radius: 40px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 18px rgba(0, 76, 153, 0.2);
}
.page-template-crm-solution .cta-button:hover {
background-color: #003366;
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0, 76, 153, 0.25);
}
.page-template-crm-solution .cta-button .btn-icon {
margin-bottom: -8px;
transform: rotate(180deg);
}
.page-template-crm-solution .hero-image-wrapper {
flex: 1 1 500px;
position: relative;
text-align: center;
}
.page-template-crm-solution .hero-image-wrapper img {
max-width: 100%;
border-radius: 16px;
position: relative;
z-index: 2;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}
.page-template-crm-solution .hero-image-shadow {
content: "";
position: absolute;
top: -50px;
right: -60px;
width: 120%;
height: 120%;
z-index: 1;
pointer-events: none;
}  .solution-carousel-premium {
background: linear-gradient(to right, #f9fbff, #f2f6ff);
padding: 80px 0;
border-top: 1px solid #e4ecf7;
}
.page-template-crm-solution .carousel-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.page-template-crm-solution .carousel-text {
flex: 1;
min-width: 300px;
}
.page-template-crm-solution .carousel-text h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 12px;
color: #0a2a66;
}
.page-template-crm-solution .carousel-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .carousel-text p {
font-size: 18px;
color: #444;
}
.page-template-crm-solution .carousel-logos {
position: relative;
overflow: hidden;
}
.carousel-logos::before,
.carousel-logos::after {
content: "";
position: absolute;
top: 30px;
width: 80px;
height: 70%;
z-index: 2;
pointer-events: none;
}
.carousel-logos::before {
left: 0;
background: linear-gradient(to right, #f9fbff 0%, transparent 100%);
}
.carousel-logos::after {
right: 0;
background: linear-gradient(to left, #d9efff 0%, transparent 100%);
}
.page-template-crm-solution .logo-track {
display: flex;
gap: 40px;
animation: scrollInfinite 15s linear infinite;
}
.page-template-crm-solution .logo-slide {
flex: none;
width: 160px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.page-template-crm-solution .logo-slide:hover {
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}
.page-template-crm-solution .logo-slide img {
max-height: 60px;
max-width: 100%;
object-fit: contain;
}
@keyframes scrollInfinite {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .page-template-crm-solution .why-choose .two-card .card-width-minis {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
padding: 40px 8px;
width: 90%;
margin: auto;
border-radius: 8px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .first-card {
padding: 10px;
color: white;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card {
background-color: white;
padding: 10px;
border-radius: 4px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card h2 {
font-size: 28px;
text-transform: capitalize;
padding: 10px 22px;
color: black;
text-align: left;
margin: 0;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card ul {
padding: 0;
list-style: none;
margin-top: 5px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card li {
padding: 7px 22px 4px;
display: flex;
align-items: center;
gap: 10px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card i {
font-size: 20px;
background: linear-gradient(90deg, #ff8a00, #ffc35f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: transform 0.3s ease;
border-radius: 50px;
margin-right: 6px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .first-card h2 {
font-size: 30px;
text-transform: capitalize;
padding: 10px 22px;
margin: 0px;
color: white;
text-align: left;
font-weight: 600;
letter-spacing: 1.2px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .first-card p {
padding: 7px 22px 4px;
}
.page-template-crm-solution .why-choose h2 {
text-align: center;
text-transform: capitalize;
margin-bottom: 26px;
font-size: 33px;
color: #0d2f52;
}
.page-template-crm-solution .why-choose {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
position: relative;
padding: 60px 0;
}  .page-template-crm-solution .crm-premium-section {
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.page-template-crm-solution .crm-premium-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://example.com/abstract-grid-pattern.png) center/cover no-repeat;
opacity: 0.05;
}
.page-template-crm-solution .crm-premium-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.page-template-crm-solution .crm-premium-header h2 {
font-size: 42px;
font-weight: 700;
color: white;
margin-bottom: 20px;
line-height: 1.3;
text-transform: none;
letter-spacing: -0.5px;
}
.page-template-crm-solution .crm-premium-header .subtitle {
color: rgba(255, 255, 255, 0.85);
font-size: 18px;
max-width: 700px;
margin: 0 auto;
}
.page-template-crm-solution .crm-feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
position: relative;
z-index: 2;
}
.page-template-crm-solution .crm-feature-card {
background: white;
border-radius: 12px;
padding: 35px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
height: 100%;
}
.page-template-crm-solution .crm-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.page-template-crm-solution .crm-feature-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.page-template-crm-solution .crm-feature-icon img {
width: 40px;
height: 40px;
filter: brightness(0) invert(1);
}
.page-template-crm-solution .crm-feature-card h3 {
font-size: 22px;
font-weight: 700;
color: #19599b;
margin-bottom: 15px;
line-height: 1.4;
}
.page-template-crm-solution .crm-feature-card p {
color: #555;
line-height: 1.6;
margin-bottom: 20px;
flex-grow: 1;
}
.page-template-crm-solution .learn-more-link {
color: #19599b;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}
.page-template-crm-solution .learn-more-link:hover {
color: #0d3a6a;
}
.page-template-crm-solution .learn-more-link svg {
margin-left: 8px;
transition: transform 0.3s ease;
}
.page-template-crm-solution .learn-more-link:hover svg {
transform: translateX(3px);
}  .page-template-crm-solution .three-reasons {
background: linear-gradient(102deg,
#a4c9ff 2.15%,
#cfe5ff 31.64%,
#ffffff 120.91%,
#ed7912 121.07%);
padding: 60px 0;
position: relative;
overflow: hidden;
}
.page-template-crm-solution .three-reasons:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==");
z-index: 0;
}
.page-template-crm-solution .three-reasons .container {
position: relative;
z-index: 1;
}
.page-template-crm-solution .three-cards {
display: flex;
justify-content: space-between;
gap: 30px;
}
.page-template-crm-solution .premium-heading {
font-size: 40px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 60px;
text-align: center;
color: #1a2b49;
position: relative;
padding-bottom: 20px;
}
.page-template-crm-solution .premium-heading:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);
border-radius: 2px;
}
.page-template-crm-solution .premium-subheading {
font-size: 22px;
font-weight: 700;
color: #1a2b49;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 15px;
}
.page-template-crm-solution .premium-text {
font-size: 16px;
line-height: 1.8;
color: #4a5a72;
margin-bottom: 0;
}
.page-template-crm-solution .premium-card {
background: white;
padding: 25px 20px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
overflow: hidden;
z-index: 1;
}
.page-template-crm-solution .premium-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.page-template-crm-solution .premium-card:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);
transition: all 0.4s ease;
}
.page-template-crm-solution .premium-card:hover:after {
height: 6px;
}
.page-template-crm-solution .col-md-4 {
flex: 0 0 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
}
.page-template-crm-solution .icon-wrapper {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 25px;
box-shadow: 0 5px 15px rgba(58, 123, 213, 0.3);
}
.page-template-crm-solution .premium-icon {
font-size: 30px;
color: white !important;
} .page-template-crm-solution .three-stage-usings {
padding: 60px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.page-template-crm-solution .three-stage-usings .inside-text h2 {
font-size: 38px;
line-height: 1.3;
color: #122947;
font-weight: 600;
}
.page-template-crm-solution .three-stage-usings .inside-text h2 span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-crm-solution .book-demo {
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-crm-solution .three-stage-usings .inside-text .buttons a {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.page-template-crm-solution .try-free {
background-color: #122947;
color: #fff;
}
.page-template-crm-solution .right-side-box {
background-color: #fff;
border-radius: 16px;
padding: 20px 25px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 20px;
position: relative;
transition: all 0.3s ease;
}
.page-template-crm-solution .icon {
background: #f3f7ff;
color: #133262;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(27, 129, 168, 0.15);
}
.page-template-crm-solution .right-side-box:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.page-template-crm-solution .number {
font-size: 32px;
font-weight: 800;
color: #ffb44f;
background: linear-gradient(90deg, #ff730f, #ffb44f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .text h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.page-template-crm-solution .text p {
font-size: 15px;
color: #5c6f85;
margin: 0;
line-height: 1.5;
}
.page-template-crm-solution .three-stage-usings .inside-text .buttons {
margin-top: 20px;
display: flex;
gap: 20px;
}
.page-template-crm-solution .right-side-box .number-box {
display: flex;
align-items: center;
gap: 12px;
min-width: 90px;
}
.page-template-crm-solution .right-side-box:hover .icon {
background-color: #133262;
color: #fff;
}
.page-template-crm-solution .book-demo:hover {
background: linear-gradient(135deg, #d8660f, #db7e0f);
}
.page-template-crm-solution .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
box-shadow: rgb(233, 221, 221) 0px 0px 5px 0px;
}
#mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
color: #ff6c00;
}
#mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link:hover {
color: #ff6c00;
}
#mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
color: #ff6c00;
} .page-template-crm-solution .belief-heading span {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .belief-card h3 {
font-size: 24px;
font-weight: 700;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .belief-card {
display: flex;
align-items: anchor-center;
gap: 20px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e0efff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 15px 40px rgba(95, 165, 255, 0.12);
backdrop-filter: blur(12px);
transition: all 0.3s ease;
}
.page-template-crm-solution .belief-premium {
padding: 60px 0;
background: linear-gradient(102deg,
#a4c9ff 2.15%,
#cfe5ff 31.64%,
#ffffff 120.91%,
#ed7912 121.07%);
} .page-template-crm-solution .premium-key-features {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
padding: 60px 0;
}
.page-template-crm-solution .section-heading {
font-size: 40px;
font-weight: 600;
color: #1c1f30;
margin-bottom: 40px;
line-height: 1.4;
}
.page-template-crm-solution .solution-key-features-section .gradient-text {
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .features-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.page-template-crm-solution .feature-card {
display: flex;
gap: 20px;
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
align-items: center;
}
.page-template-crm-solution .feature-card:hover {
transform: translateY(-6px);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
}
.page-template-crm-solution.feature-icon {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 12px;
background: #f1f3f9;
display: flex;
justify-content: center;
align-items: center;
margin-right: 24px;
}
.page-template-crm-solution .feature-icon img {
width: 50px;
}
.page-template-crm-solution .feature-content h3 {
font-size: 20px;
color: #1c1f30;
margin-bottom: 10px;
}
.page-template-crm-solution .feature-content p {
font-size: 16px;
color: #6a6f81;
line-height: 1.6;
}
.page-template-crm-solution .solution-organization-section-button {
text-align: center;
margin-top: 60px;
}
.page-template-crm-solution .solution-organization-section-button button {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
}
.page-template-crm-solution .solution-organization-section-button button:hover {
transform: translateY(-4px);
}  .page-template-crm-solution .Still-Need-Help {
padding: 80px 0;
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
background-size: cover;
background-position: center;
position: relative;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.page-template-crm-solution .Still-Need-Help .help-heading {
font-size: 50px;
font-weight: 700;
margin-bottom: 20px;
color: #ff7a18;
background: linear-gradient(45deg, #ff7a18, #ffb14e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-solution .Still-Need-Help .help-description {
font-size: 18px;
color: #2c3e50;
line-height: 1.6;
margin-bottom: 40px;
max-width: 750px;
margin: 0 auto;
}
.page-template-crm-solution .Still-Need-Help .help-link {
color: #ff7a18;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.page-template-crm-solution .Still-Need-Help .help-link:hover {
color: #0064ff;
}
.Still-Need-Help .help-buttons {
margin-top: 20px;
}
.page-template-crm-solution .Still-Need-Help .help-buttons button {
font-weight: 600;
font-size: 16px;
border-radius: 8px;
padding: 12px 30px;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
background: linear-gradient(135deg, #ff730f, #ef8f14, #e1b741);
color: #fff;
border: none;
}
.page-template-crm-solution .Still-Need-Help .help-buttons button:hover {
transform: translateY(-5px);
}
.page-template-crm-solution .Still-Need-Help .help-image {
max-width: 80%;
height: auto;
border-radius: 15px;
}
@media (max-width: 767px) {
.page-template-crm-solution .Still-Need-Help {
padding: 60px 20px;
}
.page-template-crm-solution .Still-Need-Help .help-description {
font-size: 16px;
}
.page-template-crm-solution .Still-Need-Help .btn-help {
padding: 16px 40px;
font-size: 18px;
}
}     .page-template-crm-case-studies #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
color: #fff;
}
.page-template-crm-case-studies .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
z-index: 9;
}
.page-template-crm-case-studies .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
color: #000;
}
.page-template-crm-case-studies .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
color: #ff6c00 !important;
}
.luxury-crm-banner {
position: relative;
display: flex;
align-items: center;
background: linear-gradient(135deg, #0a2540 0%, #1a365d 100%);
overflow: hidden;
padding: 120px 0px 80px 0;
margin-top: -74px;
}
.luxury-crm-banner::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: linear-gradient(135deg,
rgba(212, 175, 55, 0.08) 0%,
transparent 100%);
z-index: 1;
}
.luxury-crm-banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://qubinex.com/wp-content/uploads/2025/03/Untitled-1800-x-730-px.png) no-repeat center/cover;
opacity: 0.12;
z-index: 0;
}
.luxury-banner-content {
position: relative;
z-index: 1;
margin: 0 auto;
}
.luxury-subtitle {
font-size: 14px;
font-weight: 500;
letter-spacing: 4px;
text-transform: uppercase;
color: #d4af37;
margin-bottom: 20px;
position: relative;
display: inline-block;
padding-left: 30px;
}
.luxury-subtitle::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 1px;
background: #d4af37;
transform: translateY(-50%);
}
.luxury-title {
font-size: 56px;
font-weight: 400;
line-height: 1.3;
color: #f9f5f0;
margin-bottom: 20px;
max-width: 800px;
}
.luxury-title strong {
font-weight: 700;
position: relative;
}
.luxury-cta {
display: inline-flex;
align-items: center;
background: transparent;
color: #d4af37;
padding: 18px 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-decoration: none;
position: relative;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.luxury-cta::before {
content: "";
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
height: 1px;
background: #d4af37;
transform-origin: right;
transform: scaleX(1);
transition: transform 0.8s all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.luxury-cta::after {
content: "→";
margin-left: 15px;
transition: transform 0.4s all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.luxury-cta:hover::before {
transform-origin: left;
transform: scaleX(0);
}
.luxury-cta:hover::after {
transform: translateX(8px);
}
.luxury-stats {
display: flex;
gap: 80px;
margin-top: 40px;
padding-top: 50px;
border-top: 1px solid rgba(249, 245, 240, 0.1);
}
.luxury-stat {
position: relative;
}
.luxury-stat-number {
font-size: 52px;
font-weight: 300;
color: #f9f5f0;
margin-bottom: 5px;
}
.luxury-stat-number::after {
content: "+";
font-size: 32px;
vertical-align: super;
margin-left: 2px;
}
.luxury-stat-label {
font-size: 12px;
font-weight: 500;
color: #6b7c93;
text-transform: uppercase;
letter-spacing: 2px;
}  .page-template-crm-case-studies .premium-crm-section {
padding: 100px 0;
background-color: #f9f5f0;
position: relative;
overflow: hidden;
}
.page-template-crm-case-studies .premium-crm-section::before {
content: "";
position: absolute;
top: -50%;
right: -20%;
width: 60%;
height: 200%;
background: radial-gradient(circle at center,
rgba(212, 175, 55, 0.05) 0%,
transparent 70%);
z-index: 0;
}
.page-template-crm-case-studies .premium-crm-section .premium-container {
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 1;
}
.page-template-crm-case-studies .premium-crm-section .premium-trusted {
display: flex;
flex-direction: column;
height: 100%;
}
.page-template-crm-case-studies .premium-crm-section .premium-heading {
margin-bottom: 60px;
}
.page-template-crm-case-studies .premium-crm-section .premium-heading h2 {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
color: #0a2540;
position: relative;
display: inline-block;
}
.page-template-crm-case-studies .premium-crm-section .premium-heading h2::after {
content: "";
position: absolute;
bottom: 8px;
left: 0;
width: 70%;
height: 12px;
background: rgba(212, 175, 55, 0.3);
z-index: -1;
}
.page-template-crm-case-studies .premium-crm-section .premium-image {
position: relative;
padding: 40px;
background: white;
box-shadow: 0 20px 60px -20px rgba(10, 37, 64, 0.1);
border-radius: 8px;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-crm-section .premium-image:hover {
transform: translateY(-5px);
box-shadow: 0 30px 80px -20px rgba(10, 37, 64, 0.15);
}
.page-template-crm-case-studies .premium-crm-section .premium-image img {
width: 100%;
height: auto;
filter: grayscale(100%) contrast(90%);
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-crm-section .premium-image:hover img {
filter: grayscale(0%) contrast(100%);
}
.page-template-crm-case-studies .premium-crm-section .premium-card {
padding: 60px 40px;
background: white;
box-shadow: 0 30px 60px -20px rgba(10, 37, 64, 0.1);
border-radius: 8px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: hidden;
}
.page-template-crm-case-studies .premium-crm-section .premium-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #d4af37;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-crm-section .premium-card:hover {
transform: translateY(-5px);
box-shadow: 0 40px 80px -20px rgba(10, 37, 64, 0.2);
}
.page-template-crm-case-studies .premium-crm-section .premium-card:hover::before {
width: 8px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card h2 {
font-size: 36px;
font-weight: 500;
line-height: 1.3;
color: #0a2540;
margin-bottom: 24px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card p {
font-size: 18px;
line-height: 1.8;
color: #6b7c93;
margin-bottom: 40px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card-image {
margin-top: auto;
text-align: center;
padding: 0 20px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card-image img {
width: 70%;
max-width: 300px;
height: auto;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-crm-section .premium-card:hover .premium-card-image img {
transform: scale(1.03);
}
.page-template-crm-case-studies .premium-crm-section .premium-cta {
display: inline-block;
align-items: center;
background: #0a2540;
color: white;
padding: 16px 32px;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
margin-top: 45px;
width: 100%;
text-align: center;
}
.page-template-crm-case-studies .premium-crm-section .premium-cta:hover {
background: #d4af37;
color: #0a2540;
transform: translateY(-2px);
} .page-template-crm-case-studies .company-reviews {
background-color: #081b46;
}
.page-template-crm-case-studies .company-reviews .heading {
text-align: center;
margin-bottom: 33px;
}
.page-template-crm-case-studies .company-reviews .heading h2 {
font-size: 37px;
color: white;
}
.page-template-crm-case-studies .company-reviews .inside-box .card {
position: relative;
margin: 0 15px;
background: #fff;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
border-radius: 12px;
transition: all ease 0.3s;
box-sizing: border-box;
margin-bottom: 20px;
padding: 39px 33px;
}
.page-template-crm-case-studies .company-reviews .second-card .card {
position: relative;
margin: 0 15px;
background: #fff;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
border-radius: 12px;
transition: all ease 0.3s;
box-sizing: border-box;
margin-bottom: 20px;
padding: 38px 30px 76px;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .image img {
width: 42%;
padding-bottom: 21px;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .text p {
font-size: 16px;
padding-bottom: 10px;
color: #656a6a;
min-height: 91px;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .end-img-tag {
display: flex;
align-items: center;
gap: 10px;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .end-img-tag img {
border-radius: 50%;
width: 20%;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .end-img-tag .names h3 {
padding: 0;
margin: 0;
font-size: 23px;
font-weight: 500;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .end-img-tag .names p {
padding: 0;
font-size: 15px;
line-height: normal;
font-weight: 300;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .link-tag {
padding-bottom: 20px;
width: fit-content;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .link-tag a {
display: inline-flex;
align-items: center;
text-decoration: none;
color: #0b7414;
font-size: 16px;
transition: all 0.3s ease;
}
.page-template-crm-case-studies .readmore-button a {
display: inline-flex;
align-items: center;
text-decoration: none;
color: #081b46;
font-size: 16px;
transition: all 0.3s ease;
background-color: #ffffff;
padding: 7px 27px;
font-weight: 600;
border-radius: 5px;
margin-top: 20px;
}
.page-template-crm-case-studies .readmore-button {
text-align: center;
margin-top: 20px;
}
.page-template-crm-case-studies .readmore-button h2,
.page-template-crm-case-studies .readmore-button p {
color: white;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .link-tag a i,
.page-template-crm-case-studies .readmore-button a i {
margin-left: 5px;
transition: transform 0.3s ease;
padding-top: 3px;
}
.page-template-crm-case-studies .company-reviews .inside-box .card .link-tag:hover a i,
.page-template-crm-case-studies .readmore-button:hover a i {
transform: translateX(5px);
}
.page-template-crm-case-studies #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
color: #ff6c00;
}  .page-template-crm-case-studies .premium-testimonials {
padding: 80px 0;
background-color: #0a2540;
position: relative;
overflow: hidden;
}
.page-template-crm-case-studies .premium-testimonials::before {
content: "";
position: absolute;
top: -50%;
right: -20%;
width: 60%;
height: 200%;
background: radial-gradient(circle at center,
rgba(212, 175, 55, 0.08) 0%,
transparent 70%);
z-index: 0;
}
.page-template-crm-case-studies .premium-testimonials-container {
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 1;
}
.page-template-crm-case-studies .premium-testimonials-heading {
text-align: center;
margin-bottom: 80px;
}
.page-template-crm-case-studies .premium-testimonials-heading h2 {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
color: #f9f5f0;
position: relative;
display: inline-block;
}
.page-template-crm-case-studies .premium-testimonials-heading h2::after {
content: "";
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: #d4af37;
}
.page-template-crm-case-studies .premium-testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 80px;
}
.page-template-crm-case-studies .premium-testimonial-card {
background: white;
border-radius: 12px;
padding: 40px;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: hidden;
box-shadow: 0 20px 60px -20px rgba(10, 37, 64, 0.1);
}
.page-template-crm-case-studies .premium-testimonial-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #d4af37;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-testimonial-card:hover {
transform: translateY(-10px);
box-shadow: 0 40px 80px -20px rgba(10, 37, 64, 0.2);
}
.page-template-crm-case-studies .premium-testimonial-card:hover::before {
width: 8px;
}
.page-template-crm-case-studies .premium-company-logo {
margin-bottom: 30px;
}
.page-template-crm-case-studies .premium-company-logo img {
max-height: 60px;
width: auto;
filter: grayscale(100%) contrast(90%);
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-testimonial-card:hover .premium-company-logo img {
filter: grayscale(0%) contrast(100%);
}
.page-template-crm-case-studies .premium-testimonial-text {
margin-bottom: 30px;
}
.page-template-crm-case-studies .premium-testimonial-text p {
font-size: 18px;
line-height: 1.8;
color: #6b7c93;
font-style: italic;
position: relative;
padding-left: 30px;
}
.page-template-crm-case-studies .premium-testimonial-text p::before {
content: '"';
position: absolute;
left: 0;
top: 0;
font-size: 60px;
line-height: 1;
color: rgb(212 175 55 / 73%);
font-family: Georgia, serif;
}
.page-template-crm-case-studies .premium-read-more {
display: inline-flex;
align-items: center;
color: #d4af37;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
margin-bottom: 30px;
}
.page-template-crm-case-studies .premium-read-more i {
margin-left: 8px;
transition: transform 0.3s ease;
}
.page-template-crm-case-studies .premium-read-more:hover {
color: #0a2540;
}
.page-template-crm-case-studies .premium-read-more:hover i {
transform: translateX(5px);
}
.page-template-crm-case-studies .premium-client-info {
display: flex;
align-items: center;
gap: 20px;
border-top: 1px solid rgba(107, 124, 147, 0.2);
padding-top: 30px;
}
.page-template-crm-case-studies .premium-client-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
border: 2px solid #d4af37;
}
.page-template-crm-case-studies .premium-client-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-crm-case-studies .premium-client-details h3 {
font-size: 20px;
color: #0a2540;
margin: 0 0 5px;
}
.page-template-crm-case-studies .premium-client-details p {
font-size: 14px;
color: #6b7c93;
margin: 0;
}
.page-template-crm-case-studies .premium-testimonials-cta {
text-align: center;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 60px;
backdrop-filter: blur(10px);
}
.page-template-crm-case-studies .premium-testimonials-cta h2 {
font-size: 36px;
font-weight: 500;
color: #f9f5f0;
margin-bottom: 20px;
}
.page-template-crm-case-studies .premium-testimonials-cta p {
font-size: 18px;
color: rgba(249, 245, 240, 0.8);
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.page-template-crm-case-studies .premium-cta-button {
display: inline-flex;
align-items: center;
background: #d4af37;
color: #0a2540;
padding: 18px 36px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.3);
}
.page-template-crm-case-studies .premium-cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px -10px rgba(212, 175, 55, 0.4);
}
.page-template-crm-case-studies .premium-cta-button i {
margin-left: 10px;
transition: transform 0.3s ease;
}
.page-template-crm-case-studies .premium-cta-button:hover i {
transform: translateX(5px);
}  .page-template-crm-case-studies .premium-growth-section {
padding: 100px 0;
background-color: #f9f5f0;
position: relative;
overflow: hidden;
}
.page-template-crm-case-studies .premium-growth-section::before {
content: "";
position: absolute;
top: -50%;
left: -20%;
width: 60%;
height: 200%;
background: radial-gradient(circle at center,
rgba(212, 175, 55, 0.05) 0%,
transparent 70%);
z-index: 0;
}
.page-template-crm-case-studies .premium-growth-container {
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 1;
}
.page-template-crm-case-studies .premium-growth-image {
position: relative;
padding-right: 80px;
}
.page-template-crm-case-studies .premium-growth-image img {
width: 110%;
height: auto;
border-radius: 8px;
padding: 10px;
box-shadow: 0 40px 100px -30px rgba(10, 37, 64, 0.2);
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-growth-image:hover img {
transform: translateY(-10px);
box-shadow: 0 60px 120px -30px rgba(10, 37, 64, 0.3);
}
.page-template-crm-case-studies .premium-growth-content {
padding-left: 80px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.page-template-crm-case-studies .premium-growth-heading {
margin-bottom: 20px;
}
.page-template-crm-case-studies .premium-growth-heading h2 {
font-size: 56px;
font-weight: 500;
line-height: 1.2;
color: #0a2540;
position: relative;
}
.page-template-crm-case-studies .premium-growth-heading h2 span {
position: relative;
display: inline-block;
}
.page-template-crm-case-studies .premium-growth-heading h2 span::after {
content: "";
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 12px;
background: rgba(212, 175, 55, 0.2);
z-index: -1;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-template-crm-case-studies .premium-growth-heading h2:hover span::after {
height: 20px;
}
.page-template-crm-case-studies .premium-growth-subtext {
font-size: 18px;
color: #6b7c93;
margin-bottom: 50px;
letter-spacing: 0.5px;
}
.page-template-crm-case-studies .premium-growth-buttons {
display: flex;
gap: 20px;
}
.page-template-crm-case-studies .premium-primary-button {
display: inline-flex;
align-items: center;
background: #d4af37;
color: #0a2540;
padding: 18px 36px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.3);
}
.page-template-crm-case-studies .premium-primary-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px -10px rgba(212, 175, 55, 0.4);
}
.page-template-crm-case-studies .premium-primary-button i {
margin-left: 10px;
transition: transform 0.3s ease;
}
.page-template-crm-case-studies .premium-primary-button:hover i {
transform: translateX(5px);
}
.page-template-crm-case-studies .premium-secondary-button {
display: inline-flex;
align-items: center;
background: transparent;
color: #0a2540;
padding: 18px 36px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
border: 2px solid #0a2540;
}
.page-template-crm-case-studies .premium-secondary-button:hover {
background: #0a2540;
color: white;
transform: translateY(-3px);
}  :root {
--navy: #0a2540;
--gold: #d4af37;
--ivory: #f9f5f0;
--slate: #6b7c93;
--transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.premium-success-story {
padding: 80px 0;
background-color: var(--navy);
position: relative;
overflow: hidden;
text-align: center;
}
.premium-success-story::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat center/cover;
opacity: 0.7;
z-index: 0;
}
.premium-success-story::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg,
rgba(10, 37, 64, 0.9) 0%,
rgba(10, 37, 64, 0.7) 100%);
z-index: 1;
}
.premium-success-container {
max-width: 1000px;
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 2;
}
.premium-success-heading {
margin-bottom: 40px;
}
.premium-success-heading h2 {
font-size: 52px;
font-weight: 500;
line-height: 1.3;
color: var(--ivory);
position: relative;
display: inline-block;
}
.premium-success-heading h2 span {
color: var(--gold);
}
.premium-success-quote {
margin-bottom: 30px;
position: relative;
}
.premium-success-quote::before,
.premium-success-quote::after {
content: '"';
position: absolute;
font-size: 80px;
line-height: 1;
color: rgba(212, 175, 55, 0.2);
font-family: Georgia, serif;
}
.premium-success-quote::before {
top: -30px;
left: -40px;
}
.premium-success-quote::after {
bottom: -60px;
right: -40px;
}
.premium-success-quote p {
font-size: 28px;
line-height: 1.6;
color: var(--ivory);
font-style: italic;
position: relative;
z-index: 1;
}
.premium-success-author {
margin-bottom: 50px;
}
.premium-success-author h3 {
font-size: 20px;
font-weight: 500;
color: var(--gold);
margin-bottom: 10px;
}
.premium-success-author p {
font-size: 16px;
color: var(--slate);
margin: 0;
}
.premium-success-cta {
display: inline-flex;
align-items: center;
background: transparent;
color: var(--gold);
padding: 16px 0;
font-size: 16px;
font-weight: 600;
text-decoration: none;
position: relative;
transition: var(--transition);
letter-spacing: 1px;
text-transform: uppercase;
}
.premium-success-cta::before {
content: "";
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
height: 1px;
background: var(--gold);
transform-origin: right;
transform: scaleX(1);
transition: transform 0.8s var(--transition);
}
.premium-success-cta::after {
content: "→";
margin-left: 15px;
transition: transform 0.4s var(--transition);
}
.premium-success-cta:hover::before {
transform-origin: left;
transform: scaleX(0);
}
.premium-success-cta:hover::after {
transform: translateX(8px);
}
.premium-achievement-badge {
display: inline-block;
background: var(--gold);
color: var(--navy);
padding: 8px 20px;
border-radius: 30px;
font-size: 14px;
font-weight: 600;
margin-bottom: 30px;
letter-spacing: 1px;
box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.3);
} .page-template-crm-resources .hub-log-main.sticky {
background-color: white;
position: sticky;
top: 0px;
z-index: 9;
}
.page-template-crm-resources .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item>a.mega-menu-link {
color: #000;
}
.page-template-crm-resources .hub-log-main.sticky #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
color: #ff6c00 !important;
}
.page-template-crm-resources #mega-menu-wrap-hublog_menu #mega-menu-hublog_menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
color: #ff7800;
}
.page-template-crm-resources #mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
color: #ff7800;
}
.page-template-crm-resources .crm-resources-hero-section {
padding: 120px 0;
background: linear-gradient(135deg, #f8fafc 0%, #e6f0f9 100%);
position: relative;
overflow: hidden;
margin-top: -63px;
}
.page-template-crm-resources .crm-resources-hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(0 107 221 / 15%) 1px, transparent 1px), linear-gradient(90deg, rgb(0 107 221 / 8%) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
mask-image: radial-gradient(circle at center, black 30%, transparent 70%);
}
.crm-resources-hero-section::before {
content: "";
position: absolute;
top: -50px;
right: -50px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(14, 36, 78, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
z-index: 1;
}
.crm-resources-hero-section::after {
content: "";
position: absolute;
bottom: -100px;
left: -100px;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(239, 143, 20, 0.05) 0%, rgba(255, 255, 255, 0) 70%);
z-index: 1;
}
.crm-resources-hero-section .container {
position: relative;
z-index: 2;
}
.crm-resources-hero-section h2 {
font-size: 50px;
font-weight: 700;
line-height: 1.2;
color: #0e244e;
margin-bottom: 24px;
}
.crm-resources-hero-section p {
font-size: 20px;
line-height: 1.6;
color: #4a5568;
max-width: 600px;
}
.crm-resources-hero-section .guide {
text-decoration: none;
background: linear-gradient(215deg, #ff730f 2.15%, #f9930b 31.64%, #e1b741 120.91%);
border-radius: 8px;
color: white;
padding: 16px 45px;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
border: none;
}
.crm-resources-hero-section .guide::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: linear-gradient(215deg, #e1b741 2.15%, #f9930b 31.64%, #ff730f 120.91%);
transition: all 0.3s ease;
z-index: -1;
}
.crm-resources-hero-section .guide:hover::before {
width: 100%;
}
.crm-resources-hero-section .expert {
text-decoration: none;
background: linear-gradient(215deg, #0e244e 2.15%, #0e244e 31.64%, #4155e1 120.91%);
border-radius: 8px;
color: white;
padding: 16px 45px;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
border: none;
}
.crm-resources-hero-section .expert::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: linear-gradient(215deg, #4155e1 2.15%, #0e244e 31.64%, #0e244e 120.91%);
transition: all 0.3s ease;
z-index: -1;
}
.crm-resources-hero-section .expert:hover::before {
width: 100%;
}
.crm-resources-hero-section .d-flex {
gap: 20px;
margin-top: 40px;
}
.crm-resources-hero-section .img-container {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
transition: transform 0.5s ease;
border: 8px solid white;
}
.crm-resources-hero-section .img-container:hover {
transform: perspective(1000px) rotateY(0) rotateX(0);
}
.crm-resources-hero-section .img-container img {
width: 100%;
height: auto;
display: block;
}
.crm-resources-hero-section .stats-container {
display: flex;
gap: 30px;
margin-top: 30px;
margin-bottom: 20px;
}
.crm-resources-hero-section .stat-item {
background: white;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
min-width: 160px;
}
.crm-resources-hero-section .stat-number {
font-size: 36px;
font-weight: 700;
color: #0e244e;
margin-bottom: 8px;
}
.crm-resources-hero-section .stat-label {
font-size: 14px;
color: #4a5568;
text-transform: uppercase;
letter-spacing: 1px;
} .page-template-crm-resources .crm-resources-section {
background: linear-gradient(102deg, #d0e3ff 2.15%, #f4f9ff 31.64%, #ffffff 120.91%, #cd660b 121.07%);
padding: 80px 0;
position: relative;
}
.page-template-crm-resources .crm-resources-section .section-header {
text-align: center;
margin-bottom: 60px;
}
.page-template-crm-resources .crm-resources-section .section-header h2 {
font-size: 42px;
font-weight: 700;
color: #0e244e;
margin-bottom: 20px;
}
.page-template-crm-resources .crm-resources-section .section-header p {
font-size: 18px;
color: #4a5568;
max-width: 700px;
margin: 0 auto;
}
.page-template-crm-resources .crm-resources-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.page-template-crm-resources .crm-resource-card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #e2e8f0;
}
.page-template-crm-resources .crm-resource-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.page-template-crm-resources .crm-resource-card .card-img {
overflow: hidden;
}
.page-template-crm-resources .crm-resource-card .card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.page-template-crm-resources .crm-resource-card .card-body {
padding: 25px;
}
.page-template-crm-resources .crm-resource-card .card-body h3 {
font-size: 22px;
font-weight: 600;
color: #0e244e;
margin-bottom: 12px;
}
.page-template-crm-resources .crm-resource-card .card-body p {
color: #4a5568;
margin-bottom: 20px;
font-size: 15px;
line-height: 1.6;
}
.page-template-crm-resources .crm-resource-card .card-footer {
padding: 0 25px 25px;
}
.page-template-crm-resources .crm-resource-card .card-footer a {
display: inline-flex;
align-items: center;
color: #4155e1;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease;
}
.page-template-crm-resources .crm-resource-card .card-footer a:hover {
color: #ff730f;
}
.page-template-crm-resources .crm-resource-card .card-footer a i {
margin-left: 8px;
transition: transform 0.3s ease;
}
.page-template-crm-resources .crm-resource-card .card-footer a:hover i {
transform: translateX(5px);
}
.page-template-crm-resources .resource-badge {
display: inline-block;
background: #f0f4f9;
color: #4155e1;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
}  .page-template-crm-resources .crm-testimonials {
padding: 80px 0;
background: linear-gradient(135deg, #0e244e 0%, #1e3a8a 100%);
color: white;
position: relative;
overflow: hidden;
}
.page-template-crm-resources .crm-testimonials::before {
content: "";
position: absolute;
top: -50px;
right: -50px;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
}
.page-template-crm-resources .crm-testimonials .section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.page-template-crm-resources .crm-testimonials .section-header h2 {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
color: white;
}
.page-template-crm-resources .crm-testimonials .section-header p {
font-size: 18px;
opacity: 0.9;
max-width: 700px;
margin: 0 auto;
}
.page-template-crm-resources .testimonial-slider {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.page-template-crm-resources .testimonial-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 16px;
padding: 40px;
margin: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
transition: transform 0.3s ease;
}
.page-template-crm-resources .testimonial-card:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.15);
}
.page-template-crm-resources .testimonial-content {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
position: relative;
}
.page-template-crm-resources .testimonial-content::before {
content: "";
font-size: 80px;
position: absolute;
top: -30px;
left: -20px;
opacity: 0.2;
line-height: 1;
}
.page-template-crm-resources .testimonial-author {
display: flex;
align-items: center;
}
.page-template-crm-resources .author-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
border: 3px solid rgba(255, 255, 255, 0.3);
}
.page-template-crm-resources .author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-crm-resources .author-info h4 {
font-size: 20px;
margin-bottom: 5px;
}
.page-template-crm-resources .author-info p {
opacity: 0.8;
font-size: 14px;
}
.page-template-crm-resources .testimonial-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 40px;
flex-wrap: wrap;
}
.page-template-crm-resources .stat-item {
text-align: center;
}
.page-template-crm-resources .stat-number {
font-size: 38px;
font-weight: 700;
margin-bottom: 10px;
background: linear-gradient(to right, #ff730f, #f9930b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-crm-resources .stat-label {
font-size: 16px;
opacity: 0.9;
}
.page-template-crm-resources .slider-nav {
display: flex;
justify-content: center;
margin-top: 40px;
}
.page-template-crm-resources .slider-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
margin: 0 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.page-template-crm-resources .slider-dot.active {
background: #ff730f;
transform: scale(1.2);
}  .page-template-crm-resources .crm-comparison {
padding: 80px 0;
background: #ffffff;
}
.page-template-crm-resources .crm-comparison .section-header {
text-align: center;
margin-bottom: 60px;
}
.page-template-crm-resources .crm-comparison .section-header h2 {
font-size: 48px;
font-weight: 700;
color: #0e244e;
margin-bottom: 20px;
}
.page-template-crm-resources .crm-comparison .section-header p {
font-size: 18px;
color: #4a5568;
max-width: 700px;
margin: 0 auto;
}
.page-template-crm-resources .comparison-table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border-radius: 12px;
overflow: hidden;
}
.page-template-crm-resources .comparison-table thead {
background: linear-gradient(90deg, #0e244e 0%, #1e3a8a 100%);
color: white;
}
.page-template-crm-resources .comparison-table th {
padding: 20px;
text-align: center;
font-weight: 600;
}
.page-template-crm-resources .comparison-table th:first-child {
text-align: left;
width: 30%;
}
.page-template-crm-resources .comparison-table .highlight-col {
position: relative;
background: rgba(239, 143, 20, 0.1);
padding: 30px 20px;
}
.page-template-crm-resources .comparison-table .highlight-col::after {
content: "BEST VALUE";
position: absolute;
top: 0;
right: 20px;
background: #ff730f;
color: white;
font-size: 10px;
font-weight: 500;
padding: 4px 10px;
border-radius: 0 0 4px 4px;
}
.page-template-crm-resources .comparison-table td {
padding: 20px;
border-bottom: 1px solid #e2e8f0;
text-align: center;
vertical-align: middle;
}
.page-template-crm-resources .comparison-table td:first-child {
text-align: left;
font-weight: 500;
color: #0e244e;
}
.page-template-crm-resources .comparison-table tbody tr:last-child td {
border-bottom: none;
}
.page-template-crm-resources .feature-check {
color: #10b981;
font-size: 20px;
}
.page-template-crm-resources .feature-x {
color: #ef4444;
font-size: 20px;
}
.page-template-crm-resources .feature-partial {
color: #f59e0b;
font-size: 20px;
}
.page-template-crm-resources .pricing {
font-weight: 700;
font-size: 18px;
color: #0e244e;
}
.page-template-crm-resources .pricing small {
font-size: 14px;
font-weight: 400;
color: #64748b;
}
.page-template-crm-resources .table-mobile-header {
display: none;
font-weight: 600;
color: #0e244e;
}
.page-template-crm-resources .mobile-comparison {
display: none;
}
.page-template-crm-resources .schedule {
text-decoration: none;
background: linear-gradient(215deg, #ff730f 2.15%, #f9930b 31.64%, #e1b741 120.91%);
border-radius: 8px;
color: white;
padding: 16px 45px;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
border: none;
}
.page-template-crm-resources .schedule::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: linear-gradient(215deg, #e1b741 2.15%, #f9930b 31.64%, #ff730f 120.91%);
transition: all 0.3s ease;
z-index: -1;
}   .page-template-crm-resources .crm-integrations {
padding: 80px 0;
background: #f8fafc;
}
.page-template-crm-resources .crm-integrations .section-header {
text-align: center;
margin-bottom: 60px;
}
.page-template-crm-resources .crm-integrations .section-header h2 {
font-size: 48px;
font-weight: 700;
color: #0e244e;
margin-bottom: 20px;
}
.page-template-crm-resources .crm-integrations .section-header p {
font-size: 18px;
color: #4a5568;
max-width: 700px;
margin: 0 auto;
}
.page-template-crm-resources .integration-categories {
display: flex;
justify-content: center;
margin-bottom: 40px;
flex-wrap: wrap;
gap: 15px;
}
.page-template-crm-resources .category-btn {
padding: 10px 25px;
border-radius: 30px;
background: white;
border: 1px solid #e2e8f0;
color: #4a5568;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
}
.page-template-crm-resources .category-btn.active,
.page-template-crm-resources .category-btn:hover {
background: #0e244e;
color: white;
border-color: #0e244e;
}
.page-template-crm-resources .integrations-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 30px;
}
.page-template-crm-resources .integration-card {
background: white;
border-radius: 12px;
padding: 30px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.page-template-crm-resources .integration-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
border-color: rgba(14, 36, 78, 0.2);
}
.page-template-crm-resources .integration-logo {
width: 60px;
height: 60px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-crm-resources .integration-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.page-template-crm-resources .integration-name {
font-weight: 600;
color: #0e244e;
margin-bottom: 5px;
}
.page-template-crm-resources .integration-type {
font-size: 13px;
color: #64748b;
}
.page-template-crm-resources .integration-cta {
text-align: center;
margin-top: 60px;
}
.page-template-crm-resources .integration-cta .cta-text {
font-size: 20px;
color: #0e244e;
margin-bottom: 20px;
font-weight: 500;
}  .page-template-crm-resources .final-cta-section {
padding: 80px 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(0, 102, 255, 0.3)), url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
.page-template-crm-resources .final-cta-section::before {
content: "";
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(255, 115, 15, 0.15) 0%, transparent 70%);
}
.page-template-crm-resources .final-cta-section::after {
content: "";
position: absolute;
bottom: -100px;
left: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(255, 96, 0, 0.11) 0%, transparent 70%);
}
.page-template-crm-resources .final-cta-content {
position: relative;
z-index: 2;
max-width: 800px;
margin: 0 auto;
}
.page-template-crm-resources .final-cta-content h2 {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
color: #0e244e;
}
.page-template-crm-resources .final-cta-content p {
font-size: 20px;
opacity: 0.9;
margin-bottom: 40px;
color: #2a2a2a;
}
.page-template-crm-resources .cta-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.page-template-crm-resources .cta-primary {
background: linear-gradient(215deg, #ff730f 2.15%, #f9930b 31.64%);
color: white;
padding: 16px 40px;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(239, 143, 20, 0.3);
border: none;
}
.page-template-crm-resources .cta-primary:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(239, 143, 20, 0.4);
}
.page-template-crm-resources .cta-secondary {
background: linear-gradient(215deg, #0e244e 2.15%, #1e3a8a 100%);
backdrop-filter: blur(5px);
color: white;
padding: 16px 40px;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.page-template-crm-resources .cta-secondary:hover {
transform: translateY(-3px);
}
.page-template-crm-resources .guarantee-badge {
display: inline-flex;
align-items: center;
background: linear-gradient(215deg, #0e244e 2.15%, #1e3a8a 100%);
backdrop-filter: blur(5px);
padding: 10px 20px;
border-radius: 50px;
margin-top: 40px;
font-size: 14px;
}
.page-template-crm-resources .guarantee-badge i {
color: #ff730f;
margin-right: 10px;
font-size: 20px;
} @media (max-width: 992px) {
.page-template-crm-resources .comparison-table {
display: none;
}
.page-template-crm-resources .mobile-comparison {
display: block;
}
.page-template-crm-resources .mobile-comparison-card {
background: white;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
overflow: hidden;
}
.page-template-crm-resources .mobile-comparison-header {
background: linear-gradient(90deg, #0e244e 0%, #1e3a8a 100%);
color: white;
padding: 20px;
font-weight: 600;
font-size: 18px;
position: relative;
}
.page-template-crm-resources .mobile-comparison-header.highlight {
background: linear-gradient(90deg, #ff730f 0%, #f9930b 100%);
}
.page-template-crm-resources .mobile-comparison-header.highlight::after {
content: "BEST VALUE";
position: absolute;
right: 20px;
background: white;
color: #ff730f;
font-size: 12px;
font-weight: 700;
padding: 2px 8px;
border-radius: 4px;
}
.page-template-crm-resources .mobile-comparison-body {
padding: 20px;
}
.page-template-crm-resources .mobile-comparison-row {
display: flex;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px solid #e2e8f0;
}
.page-template-crm-resources .mobile-comparison-row:last-child {
border-bottom: none;
}
.page-template-crm-resources .mobile-feature-name {
font-weight: 500;
color: #0e244e;
width: 60%;
}
.page-template-crm-resources .mobile-feature-value {
text-align: right;
width: 40%;
}
}
@media (max-width: 768px) {
.page-template-crm-resources .crm-comparison .section-header h2 {
font-size: 28px;
margin-bottom: 10px;
}
}  @media (max-width: 700px) {
.page-template-crm-case-studies .banner-section-bg-image .insidethe-banner h1 {
font-size: 25px !important;
text-align: left;
}
.page-template-crm-case-studies .banner-section-bg-image {
min-height: auto;
}
.page-template-crm-case-studies .banner-section-bg-image .insidethe-banner h3 {
font-size: 16px;
margin-bottom: 10px;
text-align: left;
}
.page-template-crm-case-studies .banner-section-bg-image .insidethe-banner a {
display: flex;
max-width: fit-content;
justify-content: start;
align-items: center;
padding: 8px 14px;
background: #ff6600;
color: white;
text-decoration: none;
font-size: 10px;
border-radius: 5px;
margin-top: 15px;
text-align: left;
}
.page-template-crm-case-studies .hero-section .heading h2 {
font-size: 27px;
margin-bottom: 27px;
color: #122c5c;
}
.page-template-crm-case-studies .hero-section .image img {
width: 94%;
}
.page-template-crm-case-studies .hero-section .card h2 {
font-size: 30px;
margin: 0px 0px 9px;
color: #122c5c;
}
.page-template-crm-case-studies .hero-section .card p {
font-size: 18px;
margin: 0px 0px 24px;
}
.page-template-crm-case-studies .hero-section .card .images img {
width: 95%;
}
.page-template-crm-case-studies .company-reviews .heading {
margin-bottom: 0px;
}
.page-template-crm-case-studies .company-reviews .heading h2 {
font-size: 30px;
color: white;
}
.page-template-crm-case-studies .improve-sales .text-area {
padding: 0px 0px 0px;
}
.page-template-crm-case-studies .improve-sales .text-area h2 {
font-size: 30px;
color: #083b5a;
}
.page-template-crm-case-studies .improve-sales .text-area p {
font-size: 20px;
color: #565553;
padding: 6px 0px 11px;
}
.page-template-crm-case-studies .improve-sales .text-area .buttons a:first-of-type {
padding: 7px 12px;
font-size: 11px;
}
.page-template-crm-case-studies .annual-sales p,
.page-template-crm-case-studies .annual-sales h3 {
text-align: start;
}
.page-template-crm-case-studies .improve-sales .text-area .buttons a:last-of-type {
padding: 7px 12px;
font-size: 13px;
}
.page-template-crm-case-studies .improve-sales .text-area .buttons {
display: flex;
gap: 30px;
align-items: center;
justify-content: center;
}
}
.page-template-home select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
padding: 10px 8px !important;
}    @media (min-width: 500px) {
.page-template-innerpage .hublog-hero-section .heading h1.mobile-text,
.page-template-master-innerpage .hublog-hero-section .heading h1.mobile-text {
display: none;
} }
@media (max-width: 540px) {
.page-template-innerpage .hublog-hero-section .heading h1.pc-text,
.page-template-master-innerpage .hublog-hero-section .heading h1.pc-text {
display: none;
}
.page-template-home button#rmp_menu_trigger-356 {
display: none !important;
}
.page-template-innerpage #rmp_menu_trigger-356.scrolled,
.page-template-features #rmp_menu_trigger-356.scrolled,
.page-template-solutions #rmp_menu_trigger-356.scrolled,
.page-template-security #rmp_menu_trigger-356.scrolled,
.page-template-partners #rmp_menu_trigger-356.scrolled,
.page-template-pricing #rmp_menu_trigger-356.scrolled {
top: 0px;
right: 3px;
position: fixed;
display: block !important;
}
button.rmp_menu_trigger {
z-index: 7 !important;
}
.hublog-form-modal .modal-dialog {
margin-top: 12px !important;
}
.modal-body-enquiry-form {
padding: 0px 5px !important;
}
div#enquiryModal .wpcf7-form input,
div#enquiryModal .wpcf7-form textarea {
padding: 4px 7px !important;
margin-bottom: 10px;
border: 2px solid #6c757d6e !important;
font-size: 14px;
}
label.input-names {
color: #0d1d5b !important;
font-size: 15px !important;
padding: 0px 0px !important;
}
.cil-md-12.enguirey-form-textarea .wpcf7-textarea {
max-height: 100px !important;
}
.enquiry-submit p {
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-innerpage .clients-logo .client-logo-inside .logo-img img {
width: 76px;
}
.modal-header {
padding: 3px 10px !important;
margin-top: 4px !important;
}
.modal-title {
margin-bottom: -22px !important;
}
.page-template-home button.rmp_menu_trigger {
z-index: 12 !important;
}
.page-template-home .explain-about-company {
margin-bottom: -20px !important;
}
.page-template-home .accordion-body {
text-align: left;
}
.page-template-home .image-container {
margin-top: 35px;
}
.page-template-home .value-box {
text-align: center;
padding: 10px 0px 15px 0px;
margin-bottom: 20px;
}
.page-template-home .value-box img {
margin-bottom: 20px !important;
}
.page-template-home .core_value_button {
margin-top: 2px !important;
}
.page-template-home .section-text h2:first-of-type {
font-size: 30px !important;
font-weight: 500 !important;
padding: 0px 0px 10px 0px !important;
margin: 0 !important;
}
.page-template-home .whatwe-container {
gap: 27px !important;
}
.page-template-home .what-we-do {
margin-top: 0px !important;
}
}
@media (max-width: 650px) {
section.privilege-section {
margin-top: -100px !important;
text-align: center;
}
}
@media (max-width: 650px) {
.section-three-left-column h2 {
font-size: 31px;
line-height: normal;
letter-spacing: normal;
width: 100%;
}
p.section-three-left-column-discription {
width: 100%;
font-size: 16px;
letter-spacing: normal;
line-height: normal;
}
.section-three-left-column {
width: 100%;
text-align: left !important;
}
.container.partenr-logo-section-three-container .logo {
width: 120px;
height: 67px;
}
.section-three-left-column-btns {
display: flex;
margin-top: 15px;
gap: 15px;
flex-direction: column;
}
.section-three-right-column-img img {
width: 100%;
height: auto;
z-index: 2;
position: relative;
}
.section-three-right-column-absolute-text .details {
left: 28px;
right: 27px;
padding: 10px;
}
.section-three-right-column-absolute-text .details h4 {
font-size: 40px;
line-height: 42px;
margin-bottom: 12px;
letter-spacing: normal;
}
.container.partenr-logo-section-three-container .list {
gap: 17px !important;
}
.partenr-logo-section-three h3 {
font-size: 22px;
line-height: 30.4px;
}
}
@media (max-width: 650px) {
.py-5 {
padding-top: 1rem !important;
padding-bottom: 2rem !important;
}
p.common_para {
padding: 0px 10px;
}
h2.core-values-heading {
font-size: 28px !important;
padding: 0;
}
section.c-section h2.c-section__title.comman_heading {
text-align: center;
font-size: 30px !important;
padding: 8px 0px 44px 0px;
}
section.privilege-section h2.comman_heading {
font-size: 28px !important;
padding: 20px 0px 10px 0px;
text-align: center;
}
}
@media (max-width: 768px) {
.stats {
grid-template-columns: 1fr;
}
.whatwe-container {
flex-direction: column;
}
}
@media (max-width: 1199px) {
section,
.section {
scroll-margin-top: 66px;
}
}
.section-title p {
margin-bottom: 0;
}
.services .service-card {
height: 100%;
padding: 30px;
background: white;
border-radius: 10px;
transition: all 0.3s ease;
}
.services .service-card:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.services .service-card:hover .icon {
background: var(--tertiary-color);
color: white;
}
.services .service-card:hover .read-more {
color: color-mix(in srgb, var(--primary-color), transparent 25%);
}
.services .service-card .icon {
width: 60px;
height: 60px;
margin-right: 30px;
background: color-mix(in srgb, #ff7a3d, transparent 90%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: #ff7a3d;
font-size: 28px;
transition: all 0.3s ease;
line-height: 1;
}
.services .service-card h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
}
.services .service-card p {
margin-bottom: 25px;
color: color-mix(in srgb, rgb(0, 0, 0), transparent 25%);
font-size: 15px;
line-height: 1.6;
}
.services .service-card .read-more {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--primary-color);
font-weight: 500;
transition: all 0.3s ease;
}
.services .service-card .read-more i {
font-size: 14px;
transition: transform 0.3s ease;
}
.services .service-card .read-more:hover i {
transform: translateX(5px);
}
.owl-nav {
display: none;
}
@media (max-width: 650px) {
.c-services {
padding: 1px 62px !important;
display: block !important;
}
ul.c-services li {
margin-bottom: 20px;
}
.c-section-overaly-image {
display: none;
}
}
@media (max-width: 650px) {
ul.hublog-nav {
display: block !important;
} }
@media (max-width: 650px) {
.hublog-menu {
padding: 10px 0px;
margin: 0;
}
h1.hublog-hero-title {
font-size: 37px;
padding: 52px 0px 4px;
}
p.hublog-hero-subtitle {
font-size: 20px;
padding: 0px 0px 24px;
line-height: 35px;
}
button#enroll_now_header {
display: none;
}
section,
.section {
padding: 30px 0 !important;
}
a.hublog_logo img {
width: 119px;
}
} @media (max-width: 700px) { .page-template-master-innerpage .try-demo-now .try-demo-now-row {
padding: 19px 14px !important;
border-radius: 0px !important;
}
.page-template-master-innerpage .try-demo-now .try-demo-now-row .image img {
width: 275px !important;
position: relative !important;
margin-top: 26px !important;
}
.page-template-master-innerpage .try-demo-now .text-side a {
padding: 10px 25px !important;
}
.page-template-master-innerpage .try-demo-now .try-demo-now-row .text-side p {
max-width: 100% !important;
margin-bottom: 25px !important;
} .page-template-innerpage .under-tab-text p {
font-size: 17px !important;
}
.page-template-innerpage .clients-logo {
padding: 10px 0px 10px 0px !important;
}
.page-template-innerpage .hublog-features-sections.one .inside-box {
text-align: center;
}
.page-template-innerpage .hublog-features-sections.two .image-text {
text-align: center;
}
.page-template-innerpage .hublog-features-sections .inside-box .button-text {
margin-top: 22px;
text-align: center;
}
.page-template-innerpage .hublog-features-sections.two .inside-box {
text-align: center;
}
.page-template-innerpage .hublog-hero-section .demo-button a.demo,
.page-template-innerpage .hublog-hero-section .demo-button a.trial,
.page-template-master-innerpage .hublog-hero-section .demo-button a.demo,
.page-template-master-innerpage .hublog-hero-section .demo-button a.trial {
padding: 5px 28px;
color: white;
font-size: 16px;
}
.page-template-innerpage .hublog-hero-section .heading h1,
.page-template-master-innerpage .hublog-hero-section .heading h1 {
font-size: 36px;
}
.page-template-innerpage .hublog-hero-section .button-under-text,
.page-template-master-innerpage .hublog-hero-section .button-under-text {
margin-bottom: 27px;
}
.page-template-innerpage .hublog-hero-section .button-under-text span.border-right-de,
.page-template-master-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding-right: 10px;
}
.page-template-innerpage .hublog-hero-section .button-under-text span,
.page-template-master-innerpage .hublog-hero-section .button-under-text span {
font-size: 12px;
}
.page-template-innerpage .hublog-hero-section .winter,
.page-template-master-innerpage .hublog-hero-section .winter {
margin-top: 66px;
}
.page-template-innerpage .hublog-hero-section .demo-button,
.page-template-master-innerpage .hublog-hero-section .demo-button {
margin-top: 25px;
}
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active,
.page-template-innerpage .solution-tabs-section-column ul#myTab button,
.page-template-innerpage .solution-tabs-section-column ul#myTab button:hover,
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active:hover {
font-size: 13px !important;
}
.page-template-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 100% !important;
}
.page-template-innerpage .under-tab-text {
margin-bottom: 19px !important;
}
.page-template-innerpage .our-growth .our-growth-row {
width: 100% !important;
}
.page-template-innerpage .our-growth-row .number-text .number h2 {
font-size: 43px !important;
}
.page-template-innerpage .our-growth .heading {
margin-bottom: 20px;
margin-top: 20px !important;
}
.page-template-innerpage .clients-logo .client-logo-inside {
flex-wrap: wrap;
gap: 24px;
margin-top: 0 !important;
align-items: center;
padding: 1px 15px;
justify-content: space-around !important;
}
.page-template-innerpage .our-customer-says .heading-texts {
margin-bottom: 0 !important;
}
.page-template-innerpage .how-helps-you .heading-texts p,
.page-template-innerpage .our-customer-says .heading-texts p {
font-size: 16px !important;
margin: 2px 0px 8px !important;
line-height: 19px !important;
}
.page-template-innerpage .our-customer-says div#first-card .head-text h3,
.page-template-innerpage .our-customer-says div#first-card .head-text h3,
.page-template-innerpage .our-customer-says div#third-card .head-text h3 {
margin-top: 13px !important;
}
.page-template-innerpage .our-customer-says .user-rate {
width: 100% !important;
margin: 0 !important;
padding: 10px 0px 10px 0px;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings {
text-align: center !important;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings img {
width: 50%;
margin-bottom: 5px !important;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings p {
font-size: 14px;
line-height: normal;
color: black;
font-weight: 500;
}
.page-template-innerpage .hublog-features-sections.two .row {
flex-direction: column-reverse;
}
.page-template-innerpage .our-customer-says .user-rate .inside-ratings .starts img {
width: 22px !important;
}
.page-template-innerpage .teams-success .demo-buttons .inside-buttons .book-a-demo,
.page-template-innerpage .teams-success .demo-buttons .inside-buttons .try-free {
padding: 6px 15px !important;
}
.page-template-innerpage .teams-success .demo-buttons {
margin-top: 25px !important;
}
.page-template-innerpage .daily-work-routine .inside-box .hover-box p {
font-size: 17px !important;
}
.page-template-innerpage .transform-your-time .legt-side h3 {
font-size: 34px !important;
}
.page-template-innerpage .transform-your-time .legt-side h5 {
font-size: 19px !important;
}
.page-template-innerpage .transform-your-time .legt-side .users-countries .inside-users-countries h2 {
font-size: 19px !important;
}
.page-template-innerpage .transform-your-time .legt-side .users-countries .inside-users-countries {
align-items: baseline !important;
}
.page-template-innerpage .transform-your-time .right-side {
margin-top: 10px;
}
.page-template-innerpage section.innstall-all-technologies .inside-card .text h2 {
margin-top: 12px;
}
.page-template-innerpage .our-customer-says .user-rate .border-right-st {
border-right: none !important;
}
.page-template-innerpage .try-demo-now .try-demo-now-row {
padding: 19px 14px !important;
border-radius: 0px !important;
}
.page-template-innerpage .try-demo-now .try-demo-now-row .image img {
width: 275px !important;
position: relative !important;
margin-top: 26px !important;
}
.page-template-innerpage .how-helps-you h2,
.page-template-innerpage .enterprise-grade-solutions .left-side h2 {
font-size: 30px !important;
}
.page-template-innerpage .two-columns-details {
flex-direction: column;
}
.page-template-innerpage .two-columns-details-right-side .elevet-workflow ul,
.page-template-innerpage .two-columns-details-right-side .effortless-onbording ul {
align-items: start !important;
display: flex;
flex-direction: column;
}
}
@media (max-width: 700px) { .page-template-master-innerpage .hublog-features-sections .features-heading.text-center h2,
.page-template-master-innerpage .daily-work-routine .daily-work-routine-heading h2,
.page-template-master-innerpage .teams-success .heading h2,
.page-template-master-innerpage .happy-customer-says .heading h2,
.page-template-master-innerpage .innstall-all-technologies .inside-card .text h2,
.page-template-master-innerpage .awards-section-certificate .heading h2 {
font-size: 29px !important;
}
.page-template-master-innerpage .awards-section-certificate .heading p {
display: none;
} .page-template-innerpage .hublog-features-sections .features-heading.text-center h2,
.page-template-innerpage .daily-work-routine .daily-work-routine-heading h2,
.page-template-innerpage .teams-success .heading h2,
.page-template-innerpage .happy-customer-says .heading h2,
.page-template-innerpage .innstall-all-technologies .inside-card .text h2,
.page-template-innerpage .awards-section-certificate .heading h2 {
font-size: 29px !important;
}
.page-template-innerpage .hublog-features-sections .features-heading.text-center {
margin-bottom: 21px;
}
.page-template-innerpage .hublog-features-sections .inside-box p {
width: 100%;
}
.page-template-innerpage .hublog-features-sections .inside-box .image-text .inside-image-text {
display: flex;
gap: 10px;
margin-bottom: 20px;
flex-direction: column;
align-items: center;
}
.page-template-innerpage .hublog-features-sections .inside-box .image-text .inside-image-text img {
width: 11%;
height: max-content;
padding-top: 7px;
}
.page-template-innerpage .hublog-features-sections .image img#employee-monitoring-img-width {
width: 100%;
margin-left: 0;
}
.page-template-innerpage .hublog-features-sections .image #usage-analytics-image-wdth {
width: 100%;
margin-left: 0;
margin-top: 18px;
}
.page-template-innerpage .daily-work-routine .daily-work-routine-heading {
text-align: center;
margin-bottom: 22px !important;
}
.page-template-innerpage .daily-work-routine .inside-box h3 {
max-width: 100% !important;
}
.page-template-innerpage .daily-work-routine .inside-box .hover-box {
margin-left: 0 !important;
max-width: 100% !important;
}
.page-template-innerpage .transform-your-time .legt-side {
padding: 0 !important;
}
.page-template-innerpage .transform-your-time .legt-side .image img {
width: 100%;
}
.page-template-innerpage .transform-your-time .right-side .form .user-signup-button p {
text-align: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.page-template-innerpage .transform-your-time .right-side .form .user-signup-button input {
margin-right: 0;
width: 45% !important;
}
.page-template-innerpage .teams-success .heading p {
margin: 21px 0px 0px !important;
font-size: 18px !important;
}
.page-template-innerpage .teams-success .left-side-image img {
width: 100% !important;
}
.page-template-innerpage .teams-success .right-side-text {
margin-top: 10px !important;
}
.page-template-innerpage .teams-success .right-side-text ul {
padding: 0 !important;
text-align: left;
}
.page-template-innerpage .teams-success .right-side-text ul hr.border-bottom-dotted {
margin: 12px 0px !important;
}
.page-template-innerpage .teams-success .right-side-text ul li {
margin-bottom: 13px !important;
}
.page-template-innerpage .happy-customer-says .heading {
margin-bottom: 7px !important;
}
.page-template-innerpage .happy-customer-says .inside-card .image {
position: absolute;
top: -23px !important;
left: -12px !important;
}
.page-template-innerpage .happy-customer-says .inside-card .image img {
width: 42% !important;
}
.page-template-innerpage .happy-customer-says .inside-card .stars img {
width: 10% !important;
}
.page-template-innerpage .happy-customer-says .inside-card p {
font-size: 16px !important;
}
.page-template-innerpage .happy-customer-says #card-two {
margin-top: 29px;
}
.page-template-innerpage .happy-customer-says #card-three {
margin-top: 50px;
}
.page-template-innerpage .three-stage-usings .inside-text h2 {
margin-top: -50px;
}
.page-template-innerpage .three-stage-usings .inside-text .buttons {
margin-top: 26px !important;
display: flex;
gap: 36px;
justify-content: center;
margin-bottom: 25px !important;
}
.page-template-innerpage .try-demo-now .text-side a {
padding: 10px 25px !important;
}
.page-template-innerpage .three-stage-usings .inside-right-box .right-side-box .text {
width: 58%;
text-align: left;
}
.page-template-innerpage .innstall-all-technologies {
padding: 14px !important;
}
.page-template-innerpage section.innstall-all-technologies {
margin-top: 0px;
}
.page-template-innerpage .three-stage-usings .inside-right-box .right-side-box .text p {
line-height: normal;
padding-top: 3px;
font-size: 12px;
}
.page-template-innerpage .three-stage-usings .inside-right-box .right-side-box .icon {
padding: 5px 5px !important;
}
.page-template-innerpage .three-stage-usings .inside-right-box .right-side-box .number {
font-size: 54px !important;
}
.page-template-innerpage .three-stage-usings .inside-right-box .right-side-box.extra-border::before {
top: 76% !important;
left: 24px !important;
}
.page-template-innerpage .happy-customer-says .testimonial-item {
margin-bottom: 6px !important;
min-height: 362px;
height: 100%;
}
.page-template-innerpage .innstall-all-technologies .inside-card .text p {
font-size: 18px !important;
}
.page-template-innerpage section.innstall-all-technologies .inside-card .text {
text-align: center;
}
.page-template-innerpage .three-stage-usings .inside-text h2 {
font-size: 27px;
line-height: normal;
text-align: center;
}
.page-template-innerpage .three-stage-usings .inside-text .buttons .try-free,
.page-template-innerpage .three-stage-usings .inside-text .buttons .book-demo {
padding: 6px 11px !important;
}
.page-template-innerpage .awards-section-certificate .heading p {
display: none;
} .page-template-features .feature-hero-section .left-side-section .first-text {
font-size: 13px !important;
}
.page-template-features .feature-hero-section .left-side-section .heading-title {
font-size: 27px !important;
}
.page-template-features .feature-hero-section .left-side-section .third-text {
font-size: 13px !important;
}
.page-template-features .feature-hero-section .left-side-section #list-of-features ul li {
font-size: 12px !important;
margin-bottom: 10px !important;
}
.page-template-features .feature-hero-section .left-side-section {
margin-top: 34px !important;
} .page-template-features .menuhublog {
display: none !important;
}
.page-template-features a.hublog_logo img {
width: 119px;
}
.page-template-features .feature-hero-section .left-side-section .third-text {
text-align: center !important;
width: 100% !important;
}
.page-template-features .feature-hero-section .left-side-section #list-of-features ul {
text-align: left;
padding-left: 0px !important;
}
.page-template-features .feature-hero-section .left-side-section {
border-right: none !important;
}
.page-template-features .feature-hero-section .left-side-section .image img {
width: 100% !important;
}
.page-template-features .feature-hero-section .left-side-section #list-of-features {
margin-top: 0px !important;
}
.page-template-features .feature-hero-section .left-side-section #list-of-features .col-md-4 {
width: 50%;
margin-top: 13px;
flex-wrap: wrap;
display: flex;
}
.page-template-features .feature-hero-section .right-side-section {
margin-top: 48px !important;
}
.page-template-features .feature-hero-section .right-side-section label {
margin-left: 0 !important;
}
.page-template-features .feature-hero-section .right-side-section .wpcf7-form input {
width: 100% !important;
}
.page-template-features .feature-hero-section .right-side-section .user-signup-button input {
width: 44% !important;
padding: 5px 19px;
font-size: 19px;
}
.page-template-features .feature-hero-section .right-side-section .user-signup-button p {
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-features .feature-hero-section .right-side-section .form .wpcf7-response-output {
color: white;
}
.page-template-features .tab-featurelink-section-right-column .inside-text-section {
padding-left: 10px !important;
padding-right: 10px !important;
}
.page-template-features .tab-featurelink-section-right-column .inside-text-section h5 {
width: 100% !important;
}
.page-template-features .tab-featurelink-section-right-column .inside-text-section .list {
text-align: left !important;
}
.page-template-features .innstall-all-technologies .inside-second-card {
margin-top: 16px !important;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-features .innstall-all-technologies .inside-second-card .icon-image {
width: 60%;
}
.page-template-features .innstall-all-technologies .inside-card .text h2 {
font-size: 25px !important;
}
.page-template-features .innstall-all-technologies .inside-card .text p {
font-size: 17px !important;
}
.page-template-features .three-stage-usings .inside-text h2 {
font-size: 26px !important;
}
.page-template-features .three-stage-usings .inside-right-box .right-side-box .text p {
font-size: 12px !important;
}
.page-template-features .three-stage-usings .inside-right-box .right-side-box .icon {
padding: 5px 5px !important;
}
.page-template-features .three-stage-usings .inside-right-box .right-side-box.extra-border::before {
top: 77% !important;
left: 24px !important;
}
h5.feature-common-section-clients-subheading {
margin: 2px 0px !important;
font-size: 20px !important;
}
.container.partenr-logo-section-three-container .logo img.showing-partenr-logo {
width: 107px;
}
.page-template-features .happy-customer-says .testimonial-item {
min-height: 373px !important;
}
.page-template-features div#faq-mobile-align .container.mt-5 {
margin-top: 9px !important;
}
.page-template-features .innstall-all-technologies .inside-second-card .icon-image img {
width: 38% !important;
}
.page-template-features .innstall-all-technologies .inside-second-card .text {
margin-top: 16px;
width: 45%;
display: flex;
flex-direction: column;
align-items: start;
}
.page-template-features .three-stage-usings .inside-text {
margin-top: 0 !important;
}
.page-template-features .three-stage-usings .inside-text h2 {
line-height: normal !important;
}
.page-template-features .three-stage-usings .inside-text .buttons {
margin-top: 25px !important;
margin-bottom: 30px;
display: flex;
gap: 13px;
justify-content: center;
}
p.feature-common-section-clients-para-text {
width: 100% !important;
font-size: 15px !important;
}
p.feature-page-faq-para {
padding: 1px 0px 10px 0px;
}
h1.feature-common-section-clients-heading,
.page-template-features .awards-section-certificate .heading h2,
h2.feature-page-faq-heading {
font-size: 28px !important;
color: #0e244e !important;
background-image: none !important;
-webkit-text-fill-color: #0e244e !important;
}
.page-template-features .Still.Need.Help .hublog-section-nine-box h1 {
font-size: 29px !important;
}
.page-template-features .hublog-section-nine-button a {
margin-top: 5px !important;
}
.page-template-features .awards-section-certificate .heading {
margin-bottom: 12px !important;
}
.page-template-features .awards-section-certificate .animated-images-container {
width: 100% !important;
}
p.feature-page-faq-para {
margin: 10px auto 18px auto !important;
}
.page-template-innerpage .happy-customer-says {
overflow: inherit;
}
.page-template-innerpage .innstall-all-technologies .inside-second-card {
margin-top: 12px;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
}
.page-template-innerpage .innstall-all-technologies .inside-second-card .icon-image {
width: 60% !important;
}
.page-template-innerpage .innstall-all-technologies .inside-second-card .icon-image img {
width: 40% !important;
}
.page-template-innerpage .innstall-all-technologies .inside-second-card .text {
margin-top: 16px;
width: 40%;
}
.page-template-innerpage .awards-section-certificate .heading .para {
width: 100% !important;
}
.page-template-innerpage .try-demo-now .try-demo-now-row .text-side p {
max-width: 100% !important;
margin-bottom: 25px !important;
}
}
@media (max-width: 650px) {
.hublog-section-nine-box {
padding: 13px 6px;
}
p.hublog-section-nine-para {
font-size: 14px;
margin: 0;
}
.hublog-section-nine-button {
margin-top: 14px;
}
.hublog-section-nine-button a {
margin-top: 0 !important;
padding: 13px 27px;
font-size: 12px;
}
.hublog-section-nine-button .para {
margin-top: 15px;
color: #000000d4;
font-size: 12px;
letter-spacing: 0px;
}
} @media (max-width: 540px) {
#rmp_menu_trigger-356 {
display: block !important;
}
.page-template-solutions button.rmp_menu_trigger.rmp-menu-trigger-boring.rmp-mobile-device-menu.menuhublog {
display: none !important;
}
}  @media (max-width: 570px) {
.page-template-features .tab-featurelink-section hr.tabs-border-bottom {
padding: 0;
margin: 0;
}
.page-template-solutions h2.solution-common-hero-section-heading {
letter-spacing: 0px !important;
margin-top: 0 !important;
margin-bottom: 5px;
font-size: 28px !important;
}
.page-template-solutions section.solution-common-hero-section {
padding-top: 0px !important;
}
.page-template-solutions section.solution-common-hero-section .col-md-6:first-of-type {
margin-top: 10px !important;
}
.page-template-solutions p.solution-common-hero-section-para {
font-size: 15px !important;
letter-spacing: normal !important;
margin: 0px 0px !important;
}
.page-template-solutions .solution-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 42% !important;
padding: 3px 6px;
font-size: 13px;
}
.page-template-solutions .tagline-solution-page {
margin-bottom: 14px !important;
}
.page-template-solutions .solution-banner-image img {
width: 100% !important;
}
.page-template-solutions .tagline-solution-page p {
padding: 5px 8px !important;
border-radius: 12px;
font-size: 13px !important;
text-align: center;
line-height: 19px;
}
.page-template-solutions section.solution-page-carousel-section .slide img {
width: 88%;
}
.page-template-solutions section.solution-page-carousel-section .slide {
width: 130px !important;
height: auto;
}
.row.hublog-sectionfour-row {
margin-top: 9px !important;
}
.hublog-sectionfour-box {
padding: 10px 5px 10px 0 !important;
}
.hublog-sectionfour-box .content p {
margin-top: 0;
font-size: 15px !important;
}
h2#solution-workforce-analytics-section-headings {
margin-bottom: 1px !important;
}
.solution-workforce-analytics-section-para-box {
padding: 15px !important;
}
.solution-workforce-analytics-section-button {
margin-top: 20px !important;
}
.solution-workforce-analytics-section-button p {
margin-top: 8px !important;
}
section.solution-tabs-section {
padding-top: 0 !important;
}
.page-template-solutions .solution-workforce-analytics-section-para {
display: none;
}
.page-template-solutions .col-md-12.solution-tabs-section-column {
margin-top: 1px !important;
}
.page-template-solutions ul#myTab {
padding: 10px 10px !important;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 17px 0px;
}
.page-template-solutions .solution-tabs-section-column .nav-tabs .nav-link {
padding: 7px 30px !important;
border-radius: 12px;
font-size: 12px !important;
font-weight: 500;
}
.page-template-solutions .solution-tabs-section-tabs-left {
margin-top: 26px !important;
}
.page-template-solutions .solution-tabs-section-tabs-content h2 {
font-size: 24px !important;
}
.page-template-solutions .solution-tabs-section-tabs-content .para p {
font-size: 16px !important;
margin-bottom: 5px !important;
}
.page-template-solutions .tab-content .advantages .grid-design-box {
padding-left: 5px !important;
padding-right: 5px !important;
}
.page-template-solutions .tab-content .advantages .grid-design-box p {
text-align: center;
padding: 5px 2px !important;
font-size: 12px !important;
line-height: normal;
}
p.solution-organization-section-para {
margin-bottom: 0px !important;
font-size: 12px;
text-transform: capitalize;
line-height: normal;
}
.solution-organization-section-heading {
margin-bottom: 5px !important;
}
.solution-organization-section-boxes h2 {
margin: 7px 0px 5px 0px !important;
font-size: 20px !important;
}
.solution-organization-section-boxes p {
font-size: 14px !important;
line-height: 22px !important;
}
.solution-organization-section-boxes {
padding: 10px !important;
}
.solution-organization-section-button {
margin-top: 29px !important;
}
.solution-organization-section-button button {
padding: 7px 20px !important;
font-size: 16px !important;
}
.solution-organization-section-button p {
margin-top: 10px;
font-size: 12px;
line-height: normal;
}
.page-template-solutions section.solution-common-hero-section .solution-form p {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.row.solution-we-belive-section-row {
margin-top: 0px !important;
}
.solution-we-belive-section-image img {
width: 100% !important;
}
.solution-we-belive-section-box {
padding: 10px 10px 10px 10px !important;
}
.solution-we-belive-section-box .image img {
width: 55% !important;
}
.solution-we-belive-section-box .contant h2 {
font-size: 16px !important;
margin-bottom: 3px !important;
}
.solution-we-belive-section-box .contant p {
font-size: 13px !important;
line-height: 19px !important;
}
.row.solution-key-features-section-row {
margin-top: 3px !important;
}
.row-md-6.solution-key-features-section-box {
padding: 10px 7px 10px 14px !important;
}
.solution-key-features-section-box-content h2 {
font-size: 19px !important;
margin-bottom: 0 !important;
margin-top: 15px !important;
}
.solution-key-features-section-box-content p {
font-size: 14px;
width: 100%;
margin-top: 9px;
line-height: 22px;
}
.solution-key-features-section-box-icon img {
width: 112%;
}
.solution-key-features-section-box-icon {
margin-bottom: 0;
width: 39px;
height: 39px;
}
.row.solution-key-features-section-row .col-md-6:last-of-type {
margin-top: 0px !important;
}
section.solution-key-features-section .solution-organization-section-button {
margin-top: 4px !important;
}
.page-template-solutions .hublog-section-nine-button a {
margin-top: 2px !important;
}
.page-template-solutions .tab-content {
padding: 0px 7px 10px 12px !important;
}
.page-template-solutions .solution-tabs-section-tabs-content h3 {
padding: 0px 0px !important;
font-size: 14px !important;
}
.hublog-sectionthree-title {
width: 100%;
margin: 0;
}
.hublog-sections-headings {
font-size: 22px;
}
.hublog-sectionthree-before,
.hublog-sectionthree-after {
padding: 14px;
}
.hublog-sectionthree-subtitle {
font-size: 18px;
}
ul.hublog-sectionthree-ul li {
font-size: 14px;
} .page-template-security .hero-section-heading {
margin-top: 9px !important;
font-size: 21px;
line-height: 28px;
}
.page-template-security h2.hero-section-subheading.Roboto-bold {
font-size: 36px !important;
margin-bottom: 15px !important;
}
.page-template-security .hero-section-buttons a.get-started-button {
display: flex;
align-items: center;
justify-content: center;
width: 52%;
padding: 11px 0px;
font-size: 11px !important;
}
.page-template-security .hero-section-buttons a.schedule-button {
display: flex;
align-items: center;
justify-content: center;
width: 52%;
font-size: 11px;
padding: 10px 1px;
}
.page-template-security p.hero-section-para {
font-size: 16px;
margin-top: 7px;
}
.page-template-security .hero-section-buttons {
margin-top: 0px !important;
}
.page-template-security .banner-image img {
width: 100%;
margin-top: 10px !important;
}
.page-template-security .standards-section-content p {
max-width: 100%;
padding: 10px;
margin-top: 0px;
font-size: 16px !important;
text-align: start;
margin-bottom: 9px;
}
.page-template-security .standards-section-three-condition .boxes {
padding: 6px 25px 6px 20px !important;
justify-content: left !important;
}
.page-template-security .standards-section-three-condition .boxes i {
font-size: 16px !important;
}
.page-template-documentation h1 {
font-size: 1.8rem !important;
padding-top: 20px !important;
}
.page-template-security .standards-section-three-condition .boxes h2 {
font-size: 16px !important;
}
.page-template-security h4.heading-start.Roboto-semibold {
font-size: 28px;
}
.page-template-security .Compliance-section .row.Compliance-row .col-md-3 {
margin-bottom: 17px;
}
.page-template-security .heading-section {
margin-bottom: 5px !important;
}
.page-template-security .Deployment-section-box {
padding: 19px !important;
}
.page-template-security .Deployment-section-box .img img {
margin-bottom: 15px !important;
}
.page-template-security .Deployment-section-box h3 {
font-size: 20px !important;
}
.page-template-security .Deployment-section-box p {
font-size: 15px !important;
}
.page-template-security .demo-button {
margin-top: 5px !important;
}
.page-template-security .data-storage-section-left-column {
position: relative !important;
top: 0 !important;
padding: 10px !important;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content h2.heading {
font-size: 25px !important;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content p.para {
font-size: 16px;
width: 100%;
padding: 3px 0px 12px;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content .icon-para {
gap: 12px;
margin-bottom: 18px;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content .icon-para i {
font-size: 17px !important;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content .icon-para p span {
font-size: 17px !important;
}
.page-template-security .col-md-6.data-storage-section-right-column .data-storage-section-content .icon-para p {
font-size: 16px !important;
}
.page-template-security .data-storage-section-content {
height: auto !important;
}
.page-template-security section.customer-support-section {
padding: 20px 2px !important;
}
.page-template-security .col-md-12.customer-support-section-column p {
font-size: 14px !important;
}
.page-template-security .customer-support-section-button {
margin-top: 34px !important;
margin-bottom: 27px;
}
.page-template-partners section.hero-section {
padding-top: 70px !important;
background-image: none;
}
.page-template-partners .text-section h2 {
font-size: 28px !important;
margin-top: 0px;
margin-bottom: 20px !important;
}
.page-template-partners section.hero-section .button {
text-align: center;
margin-top: 27px;
margin-bottom: 0px;
}
.page-template-partners .partenr-page-boxes {
display: none;
}
.page-template-partners h2.Roboto-semibold.market-potential-section-heading {
margin-top: 0px;
font-size: 28px;
}
.page-template-partners .market-potential-section .box-container {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.page-template-partners section.market-potential-section .box {
padding: 15px;
gap: 15px;
}
.page-template-partners section.market-potential-section .box .number {
width: 50px;
height: 50px;
}
.page-template-partners section.market-potential-section .box .number h2 {
font-size: 40px;
}
.page-template-partners .market-potential-section .text-section {
margin: 0 auto 20px;
}
.page-template-partners .text-section p:last-child {
font-size: 16px;
width: 100%;
padding-top: 0px;
}
.page-template-partners section.hero-section .button a {
padding: 12px 14px;
font-size: 13px;
}
.page-template-partners section.market-potential-section .box .text {
font-size: 16px !important;
}
.page-template-partners section.market-potential-section .col-md-6:last-of-type {
padding: 0 !important;
margin-top: 0px !important;
}
.page-template-partners section.solution-workforce-analytics-section .text-section {
margin-bottom: 2px !important;
}
.page-template-partners section.Deployment-section .text-section {
margin-bottom: 0px;
}
.page-template-partners .Deployment-section-box {
padding: 15px !important;
}
.page-template-partners .Deployment-section-box .img img {
margin-bottom: 12px;
}
.page-template-partners .Deployment-section-box h3 {
font-size: 20px;
}
.page-template-partners .Deployment-section-box p {
font-size: 16px !important;
}
.page-template-partners section.cart-two .heading h2 {
font-size: 28px !important;
}
.page-template-partners section.cart-two .heading {
margin-bottom: 2px !important;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .inside-heading {
padding: 17px 16px 0;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .inside-heading h2 {
font-size: 23px;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para {
padding: 0px 12px 0;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para p {
font-size: 16px;
margin-bottom: 7px;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para ul li .iocn-content i.fa-regular.fa-circle-check,
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para ul li .iocn-content i.fa-regular.fa-circle-xmark {
font-size: 18px !important;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para ul li .iocn-content span {
font-size: 16px;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .inside-button a {
padding: 12px 9px;
font-size: 15px;
}
.page-template-partners .col-md-12.our-partners-logo-section-overall-columns {
grid-template-columns: 1fr !important;
}
.page-template-partners .col-md-12.customer-support-section-column p {
font-size: 16px;
}
.page-template-partners .customer-support-section-button a {
padding: 12px 18px;
font-size: 15px;
}
.page-template-partners .customer-support-section-button {
text-align: center;
margin-top: -8px;
margin-bottom: 35px;
}
.page-template-pricing .hero-section {
padding-top: 80px !important;
}
.page-template-pricing section.hero-section h2.Roboto-semibold.headings {
font-size: 30px !important;
}
.page-template-pricing section.hero-section .para {
font-size: 16px !important;
margin: 0 auto 5px;
}
.page-template-pricing section.hero-section .downlode .downlode-button {
margin-top: 19px !important;
margin-bottom: 0px !important;
display: inline-flex;
align-items: center;
gap: 7px;
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
padding: 12px 12px;
border-radius: 50px;
font-size: 16px;
overflow: hidden;
}
.page-template-pricing section.hero-section .downlode .downlode-button i.fa-solid.fa-download {
font-size: 18px !important;
padding: 5px 9px !important;
}
.page-template-pricing section.hero-section .downlode .downlode-button p {
font-size: 17px !important;
}
.hublog-get-started a {
display: none;
}
.page-template-pricing .tabs-main .boxes.inside-position-column {
position: relative !important;
width: 100%;
top: 0;
border-radius: 10px !important;
padding: 10px;
box-shadow: none;
margin-bottom: 15px;
}
.page-template-pricing .tabs-main {
padding: 0px 0px !important;
}
.page-template-pricing .tabs-main .row {
padding: 14px 6px;
}
.page-template-pricing .tabs-main .boxes {
padding: 16px 15px;
}
.page-template-pricing .tabs-main .col-md-3 {
margin-bottom: 20px !important;
}
.page-template-pricing .tab-content.mt-3.pricing-tabs .boxes .first-sectiont p.plan-name {
font-size: 16px;
color: #2a2a2a;
line-height: 19px;
padding-bottom: 9px;
margin-bottom: 5px !important;
}
.page-template-pricing .tab-content.mt-3.pricing-tabs .boxes .first-sectiont h3 {
font-size: 25px !important;
}
.page-template-pricing .amount-plans p:last-of-type {
font-size: 20px !important;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .second-button {
text-align: left;
margin: 7px 0px;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .second-button a {
padding: 12px 36px;
font-size: 16px;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .list-section h4 {
font-size: 16px;
margin: 0;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .list-section ul {
margin-top: 10px !important;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .list-section ul li {
gap: 13px;
margin-bottom: 9px;
font-size: 15px;
}
.page-template-pricing section.hero-section .tab-content.mt-3.pricing-tabs .boxes .list-section ul li i.fa-regular.fa-circle-check {
font-size: 16px;
}
.page-template-pricing .tabs-main .boxes.inside-position-column .popular {
margin: 9px 9px;
}
.page-template-pricing .tabs-main .boxes.inside-position-column .first-sectiont {
margin-top: 18px;
}
.page-template-pricing section.see-all-the-features .buttons a {
font-size: 15px;
padding: 17px 11px;
gap: 5px;
}
.page-template-pricing .premium-pricing .pricing-header h2 {
font-size: 2rem !important;
}
.page-template-pricing section.see-all-the-features .boxes {
padding: 14px 10px;
margin: 52px 1px 0px 0px;
}
.page-template-pricing section.see-all-the-features .boxes img {
position: absolute;
top: -7px;
left: 19px;
width: 7%;
}
.page-template-pricing section.see-all-the-features .boxes p {
color: white;
font-size: 16px;
margin-bottom: 3px;
}
.page-template-pricing section.see-all-the-features .boxes p {
color: white;
font-size: 15px;
margin-bottom: 3px;
}
.page-template-pricing .tagline-solution-page p {
color: #000000;
background-color: #aaddfb6b;
padding: 6px 9px;
border-radius: 12px;
font-size: 13px;
text-align: center;
line-height: 18px;
}
.page-template-pricing .tagline-solution-page {
margin-bottom: 2px !important;
}
.page-template-pricing section.star-rating-images-star .boxes {
padding: 16px 13px 9px;
}
.page-template-pricing section.star-rating-images-star .boxes .text p {
padding: 13px 0px;
font-size: 16px;
line-height: 22px;
}
.page-template-pricing .headline h2.Roboto-semibold.headings {
font-size: 30px !important;
}
.page-template-pricing .headline p.Roboto-light.text-center.para {
font-size: 16px;
line-height: 21px;
}
.page-template-pricing .sticky-element-side-boxes .inside-box-emty {
display: none;
}
.page-template-pricing .headline {
margin-bottom: 5px !important;
}
.page-template-pricing section.optional-add-ons .inside-box .images-text {
padding: 8px 22px;
}
.page-template-pricing section.optional-add-ons .inside-box .images-text img {
width: 10%;
}
.page-template-pricing section.mothly-palns {
display: none;
}
.page-template-pricing section.optional-add-ons .inside-box .images-text h2 {
font-size: 20px;
}
.page-template-pricing section.optional-add-ons .inside-box .rate-month {
padding: 12px 14px;
}
.page-template-pricing section.optional-add-ons .inside-box .rate-month i.fa-solid.fa-indian-rupee-sign {
font-size: 16px;
padding-right: 2px;
}
.page-template-pricing section.optional-add-ons .inside-box .rate-month h4 {
margin: 0;
font-size: 18px;
}
.page-template-pricing section.optional-add-ons .inside-box .rate-month p {
font-size: 16px;
}
.page-template-pricing section.optional-add-ons .inside-box .icon-text {
padding: 12px 14px;
}
.page-template-pricing section.optional-add-ons .inside-box .icon-text p {
font-size: 13px !important;
}
.page-template-pricing section.optional-add-ons .inside-box .icon-text i.fa-regular.fa-circle-check {
font-size: 16px !important;
}
.page-template-pricing section.comming-soon-section .box {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 10px;
padding: 5px 4px 6px 3px;
}
.page-template-pricing section.comming-soon-section .main-box {
display: block !important;
margin-top: 20px !important;
}
.page-template-pricing section.missed-opportunities-section p.color-text-para {
font-size: 17px;
}
.page-template-pricing section.missed-opportunities-section .button {
text-align: center;
margin-top: 34px;
}
.page-template-pricing section.missed-opportunities-section .button a {
padding: 10px 33px;
font-size: 14px;
}
.page-template-pricing ul.hublog-sectionthree-ul li {
align-items: start;
text-align: left;
line-height: 30px;
}
.page-template-pricing .hublog-section-nine-box h1 {
font-size: 25px;
color: #0b104e;
}
.page-template-security .standards-section-three-condition {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 100%;
gap: 18px;
}
.page-template-security section.standards-section {
padding-top: 0 !important;
}
.page-template-security .hero-section .col-md-6 {
margin-top: 0;
}
}    @media (max-width: 600px) {
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .inside-image img {
width: 100%;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head {
padding-top: 0;
padding-bottom: 18px !important;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline h1 {
font-size: 28px !important;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline p {
font-size: 14px;
line-height: 20px;
margin-top: 7px;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button {
margin-top: 30px !important;
}
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button .demo-book,
.page-template-crm-innerpage .hublog-hero-section .crm-banner-head .insidethe-headline .bood-button .free-trial {
padding: 8px 9px;
}
.page-template-crm-innerpage .heading h2,
.page-template-crm-innerpage .hublog-section-seven .heading,
.page-template-crm-innerpage .hublog-section-three .heading {
font-size: 27px !important;
}
.page-template-crm-innerpage .client-slider .client-item {
padding: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-crm-innerpage .sales-growth-section .heading {
margin-bottom: 0px !important;
}
.page-template-crm-innerpage .sales-growth-section .inside-text h3 {
font-size: 21px !important;
}
.page-template-crm-innerpage .sales-growth-section .inside-text p {
font-size: 17px;
margin-top: 8px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul li p {
font-size: 16px;
margin-bottom: -1px;
color: #464646;
margin-top: 0px;
width: auto;
}
.page-template-crm-innerpage .sales-growth-section .insidethe-image img {
width: 100%;
margin-top: 20px;
}
.page-template-crm-innerpage section.sales-growth-section.section-2 .row,
.page-template-crm-innerpage section.sales-growth-section.section-4 .row {
flex-direction: column-reverse;
}
.page-template-crm-innerpage .hublog-section-three .heading {
margin-bottom: 0;
}
.page-template-crm-innerpage .hublog-section-three .hublog-sectionthree-label {
font-size: 8px;
padding: 3px 10px 2px;
border-radius: 3px;
}
.page-template-crm-innerpage .hublog-section-three .hublog-sectionthree-buttons h3 {
font-size: 15px;
}
.page-template-crm-innerpage .hublog-sectionthree-before .hublog-sectionthree-subtitle,
.page-template-crm-innerpage .hublog-sectionthree-after .hublog-sectionthree-subtitle {
margin-top: 11px;
text-align: start;
margin-bottom: 11px;
font-size: 16px !important;
line-height: 22px;
}
.page-template-crm-innerpage .hublog-section-three ul.hublog-sectionthree-ul li {
font-size: 14px;
align-items: start;
line-height: 22px;
text-align: start;
}
.page-template-crm-innerpage .why-hublog-crmpage .heading {
margin-bottom: 0 !important;
}
.page-template-crm-innerpage .awards-section-certificate .heading .para {
font-weight: 300;
font-size: 16px;
width: 100%;
text-align: left;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row {
padding: 21px 10px 23px 10px;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row .image {
display: none;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row .text-side h1 {
font-size: 28px !important;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row .text-side p {
max-width: 100%;
color: white;
font-size: 16px;
margin-bottom: 26px;
}
.page-template-crm-innerpage .try-demo-now .try-demo-now-row .text-side a {
padding: 12px 18px;
font-size: 14px;
}
#crmModal .input-sections p input {
padding-left: 0px;
outline: none;
border-bottom: 0.5px solid #153c764f;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
padding: 5px 12px !important;
}
div#crmModal .input-sections .col-md-6 {
margin: 0 !important;
}
.page-template-crm-management .crm-featurespage-banner .textes-side h1 {
font-size: 28px;
margin-bottom: 4px;
margin-top: 10px;
}
.page-template-crm-management .crm-featurespage-banner .textes-side p {
font-size: 14px;
}
.page-template-crm-management .crm-featurespage-banner .textes-side .two-buttons {
gap: 0;
justify-content: space-around;
}
.page-template-crm-management .crm-featurespage-banner .textes-side .two-buttons .get-free,
.page-template-crm-management .crm-featurespage-banner .textes-side .two-buttons .view-demo {
padding: 9px 11px;
font-size: 12px;
}
.page-template-crm-management .crm-featurespage-banner .textes-side .letnts-more .image img {
width: 48%;
}
.page-template-crm-management .crm-featurespage-banner .textes-side .letnts-more .star-points img {
width: 5%;
margin-top: 0px;
}
.page-template-crm-management .hero-section .head-section h1 {
margin: 3px 3px 0px 0px;
font-size: 30px;
}
.page-template-crm-management .hero-section .head-section p {
margin: 10px 0px 16px 0px;
font-size: 15px;
color: #323231;
line-height: 26px;
}
.page-template-crm-management .under-banner-box .row {
margin-top: 28px !important;
}
.page-template-crm-management .hero-section .button a {
font-size: 11px;
padding: 10px 33px;
}
.page-template-crm-management .hero-section .button {
margin: 0;
}
.page-template-crm-management .under-banner-box .row {
width: 98%;
margin: auto;
padding: 0px 0px;
margin-bottom: 28px;
}
.page-template-crm-management .heading h2 {
font-size: 28px;
}
.page-template-crm-management .heading {
margin-bottom: 0 !important;
}
.page-template-crm-management .accelerate-sales .left-side {
margin-top: 0;
}
.page-template-crm-management .accelerate-sales .left-side h2 {
font-size: 23px;
font-weight: 500;
}
.page-template-crm-management .accelerate-sales .left-side p {
font-size: 16px;
margin-top: 9px;
line-height: 24px;
margin-bottom: 17px;
}
.page-template-crm-management .use-qubinex-crm .heading p {
line-height: normal;
font-size: 17px;
text-align: start;
margin: 10px 0px 25px;
}
.page-template-crm-management .learn-button {
justify-content: start;
}
.page-template-crm-management .image img {
width: 100%;
}
.page-template-crm-management .improve-sales .schedule-button a {
padding: 14px 8px;
font-size: 14px;
}
.page-template-crm-management .improve-sales .left-side {
padding-top: 0;
margin-top: 5px;
}
.page-template-crm-management .improve-sales .left-side h2 {
padding: 0px 0px;
font-size: 22px;
font-weight: 500;
}
.page-template-crm-management .improve-sales .left-side ul {
padding: 0px 21px;
font-size: 16px;
font-weight: 400;
}
.page-template-crm-management .success-stories .row {
width: 100%;
margin: auto;
}
.page-template-crm-management .success-stories .hading h2 {
color: white;
font-size: 28px;
}
.page-template-crm-management .success-stories .col-md-6:first-of-type {
margin-top: 0;
}
.page-template-crm-management .success-stories .row .success-stories-box {
padding: 17px 12px;
margin-top: 0;
}
.page-template-crm-management .success-stories .row .success-stories-box p {
font-weight: 500;
font-size: 12px;
line-height: normal;
}
.page-template-crm-management .success-stories .buttons {
text-align: center;
margin: 52px 0px 15px;
}
.page-template-crm-management .success-stories a {
padding: 12px 7px;
font-size: 13px;
}
.page-template-crm-management .feature-page-faq .container.mt-5 {
margin-top: 0px !important;
padding: 0px;
}
.page-template-crm-management .end-demo-card .col-md-6 {
margin-top: 0px;
margin-bottom: 20px;
}
.page-template-crm-management .end-demo-card .end-demo-text h2 {
font-size: 28px !important;
}
.page-template-crm-management .end-demo-card .end-demo-text a {
padding: 12px 10px;
font-size: 16px;
} .page-template-crm-solution .hero-section .hero-heading h2 {
font-size: 30px;
}
.page-template-crm-solution .hero-section {
padding: 80px 0px 0px 0px !important;
}
.page-template-crm-solution .hero-section .hero-heading p {
margin: 15px 0px;
font-size: 17px;
text-align: left;
line-height: 29px;
}
.page-template-crm-solution .carousel-flex {
display: block !important;
}
.page-template-crm-solution .image img {
width: 100%;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis {
padding: 1px 0px;
width: 100%;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .col-md-6 {
margin-top: 5px;
padding: 0;
background-color: #034f9d;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis {
background-color: transparent;
gap: 20px !important;
}
.page-template-crm-solution .why-choose {
padding-top: 3px;
margin-top: 18px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .first-card h2 {
padding: 5px 10px;
font-size: 21px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .first-card p {
padding: 5px 10px;
line-height: 24px;
font-size: 15px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card h2 {
padding: 5px 10px;
font-size: 21px;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card li {
padding: 5px 8px 0px;
font-size: 14px;
align-items: start;
}
.page-template-crm-solution .why-choose .two-card .card-width-minis .second-card i {
font-size: 13px;
padding-top: 3px;
}
.page-template-crm-solution .why-choose h2 {
margin-bottom: 8px;
font-size: 27px;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row .inside-box {
padding: 15px;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row .inside-box img {
width: 20%;
margin: 8px 1px;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row .inside-box h3 {
font-weight: 600;
font-size: 15px;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row .inside-box {
height: 96%;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row {
width: 100%;
margin: auto;
}
.page-template-crm-solution .why-qubinex-good .why-qubinex-good-row h2 {
font-size: 24px;
margin-bottom: 2px;
}
.page-template-crm-solution h2.comman_heading {
font-size: 26px;
margin-bottom: 2px !important;
}
} .home-hero-section {
background: linear-gradient(135deg,
rgba(26, 82, 139, 0.9) 0%,
rgba(18, 113, 209, 0.9) 40%,
rgba(71, 157, 237, 0.9) 100%);
padding: 80px 0;
}
.explain-about-company {
background: linear-gradient(215deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.explain-about-company .why-choose-desk {
padding: 0;
}
.explain-about-company .section-header h2 {
color: #003366;
font-weight: 700;
}
.explain-about-company .section-header p {
font-size: 16px;
line-height: 1.6;
}
.explain-about-company .why-choose-main {
height: 500px;
max-width: 500px;
background: rgb(227, 227, 227);
background: linear-gradient(90deg,
rgb(182 182 182) 0%,
rgb(230 226 226) 45%,
rgba(182, 182, 182, 1) 100%);
margin: 60px auto;
border-radius: 50%;
place-content: center;
position: relative;
}
.explain-about-company .why-choose-main p {
padding-left: 165px;
padding-right: 60px;
}
@keyframes smoothShine {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 50%;
}
}
.explain-about-company .choose-us {
position: absolute;
height: 300px;
width: 300px;
border-radius: 50%;
place-content: center;
text-align: center;
top: 20%;
left: -30%;
background: linear-gradient(142deg, #67c6ff, #0061a9, #67c6ff);
background-size: 200% 200%;
color: #fff;
animation: smoothShine 4s infinite ease-in-out;
box-shadow: 0 0 60px rgba(255, 255, 255, 0.6);
transition: box-shadow 0.5s ease-in-out;
}
.explain-about-company .choose-us1 {
height: 85px;
width: 85px;
background: rgb(255, 122, 61);
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
border-radius: 50%;
color: #fff;
position: absolute;
place-content: center;
text-align: center;
top: 0;
right: 10%;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
animation: float 3s infinite;
}
.explain-about-company .choose-us2 {
height: 85px;
width: 85px;
background: rgb(1, 44, 88);
background: linear-gradient(90deg,
rgba(1, 44, 88, 1) 0%,
rgba(1, 26, 51, 1) 45%,
rgba(48, 129, 212, 0.7618697137057948) 100%);
border-radius: 50%;
color: #fff;
position: absolute;
place-content: center;
text-align: center;
top: 25%;
right: -7%;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.explain-about-company .choose-us3 {
height: 85px;
width: 85px;
background: rgb(255, 122, 61);
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
border-radius: 50%;
color: #fff;
position: absolute;
place-content: center;
text-align: center;
top: 54%;
right: -8%;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
animation: float 3s infinite;
}
.explain-about-company .choose-us4 {
height: 85px;
width: 85px;
background: rgb(1, 44, 88);
background: linear-gradient(90deg,
rgba(1, 44, 88, 1) 0%,
rgba(1, 26, 51, 1) 45%,
rgba(48, 129, 212, 0.7618697137057948) 100%);
border-radius: 50%;
color: #fff;
position: absolute;
place-content: center;
text-align: center;
top: 80%;
right: 8%;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.explain-about-company .why-choose-main i {
font-size: 45px;
}
@keyframes float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
.explain-about-company .choose-us1::before {
position: absolute;
content: "";
background-color: #737373;
height: 120px;
width: 1.6px;
top: -55%;
transform: rotate(90deg);
right: -108%;
border-radius: 25px;
}
.explain-about-company .choose-us2::before {
position: absolute;
content: "";
background-color: #737373;
height: 120px;
width: 1.6px;
top: -55%;
transform: rotate(90deg);
right: -108%;
border-radius: 25px;
}
.explain-about-company .choose-us3::before {
position: absolute;
content: "";
background-color: #737373;
height: 120px;
width: 1.6px;
top: -55%;
transform: rotate(90deg);
right: -108%;
border-radius: 25px;
}
.explain-about-company .choose-us4::before {
position: absolute;
content: "";
background-color: #737373;
height: 120px;
width: 1.6px;
top: -55%;
transform: rotate(90deg);
right: -108%;
border-radius: 25px;
}
.explain-about-company .why-choose-content h3 {
font-size: 20px;
margin-bottom: 0px;
}
.explain-about-company .why-choose-content {
position: relative;
}
.explain-about-company .choose-us-content1 {
position: absolute;
top: 60px;
left: -40px;
}
.explain-about-company .choose-us-content2 {
position: absolute;
top: 187px;
left: 42px;
}
.explain-about-company .choose-us-content3 {
position: absolute;
top: 327px;
left: 42px;
}
.explain-about-company .choose-us-content4 {
position: absolute;
top: 460px;
left: -30px;
}
.explain-about-company .why-choose-mob {
display: none;
}   .page-template-home .contact-us-premium {
background: linear-gradient(to left,
rgba(255, 255, 255, 0.6),
rgba(0, 102, 255, 0.3)),
url(//qubinex.com/wp-content/themes/qubinex/assets/css/path_to_image.jpg);
padding: 60px 0;
position: relative;
overflow: hidden;
}
.page-template-home .contact-box {
position: relative;
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 20px;
padding: 40px 40px;
max-width: 860px;
margin: 0 auto;
box-shadow: 0 45px 120px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(16px);
text-align: center;
overflow: hidden;
}
.page-template-home .contact-box .blur-glow {
position: absolute;
top: -60px;
right: -60px;
width: 250px;
height: 250px;
background: radial-gradient(circle, #ffa94d55, transparent 60%);
filter: blur(60px);
z-index: 0;
}
.page-template-home .contact-box .highlight {
color: #ffb457;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 12px;
z-index: 2;
position: relative;
}
.page-template-home .contact-box .headline {
font-size: 38px;
font-weight: 700;
color: #ffffff;
margin-bottom: 22px;
line-height: 1.4;
position: relative;
z-index: 2;
}
.page-template-home .contact-box .subtext {
font-size: 18px;
color: #c9d6e0;
margin-bottom: 40px;
line-height: 1.7;
max-width: 660px;
margin-inline: auto;
position: relative;
z-index: 2;
}
.page-template-home .cta-group {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
position: relative;
z-index: 2;
}
.page-template-home .cta-btn {
background: linear-gradient(135deg, #ff730f, #ffaf2d);
color: #fff;
padding: 16px 42px;
font-size: 18px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 10px 25px rgba(255, 122, 24, 0.4);
transition: 0.3s ease all;
position: relative;
z-index: 2;
}
.page-template-home .cta-btn:hover {
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(255, 122, 24, 0.6);
}
.page-template-home .disclaimer {
font-size: 14px;
color: #a9b8c9;
}
.page-template-home .trust-badges {
display: flex;
gap: 14px;
margin-top: 12px;
opacity: 0.85;
}
.page-template-home .trust-badges img {
width: 28px;
height: 28px;
filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.1));
} .our_success_section_img {
width: 85%;
padding-top: 30px;
filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.3));
}
.services-sec {
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.section-title {
color: var(--primary-color);
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.section-heading {
font-size: 36px;
font-weight: 500;
color: #1e1e1e;
margin-bottom: 25px;
margin-top: 10px;
}
.services-head {
display: flex;
justify-content: space-between;
align-items: anchor-center;
}
.premium-service-box {
background: #fff;
height: 300px;
margin: 25px 5px;
border-radius: 18px;
padding: 40px 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
text-align: left;
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.premium-service-box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 0;
width: 100%;
background: linear-gradient(135deg, #009ffd, #2a2a72);
z-index: 0;
transition: height 0.4s ease;
border-radius: 18px;
}
.premium-service-box:hover::before {
height: 100%;
}
.premium-service-box:hover .premium-title {
color: #fff;
}
.premium-service-box:hover .premium-desc {
color: #ddd;
}
.premium-service-box:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.icon-corner {
position: absolute;
top: 0;
right: 0;
background: linear-gradient(135deg, #009ffd, #2a2a72);
padding: 15px;
border-bottom-left-radius: 20px;
font-size: 24px;
color: #fff;
z-index: 2;
transition: all 0.3s ease;
}
.icon-corner i {
color: #fff;
transition: all 0.3s ease;
}
.premium-service-box:hover .icon-corner {
background: #fff;
}
.premium-service-box:hover .icon-corner i {
background: linear-gradient(135deg, #009ffd, #2a2a72);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.premium-title,
.premium-desc {
position: relative;
z-index: 2;
}
.premium-title {
position: relative;
font-size: 22px;
font-weight: 600;
color: #1a1a1a;
margin-top: 40px;
margin-bottom: 15px;
}
.premium-desc {
font-size: 16px;
color: #555;
font-weight: 300;
line-height: 1.6;
margin-bottom: 25px;
} .new-what-we-do {
padding: 60px 20px;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
color: #222;
}
.new-what-we-do h2 {
font-size: 48px;
font-weight: 800;
text-align: center;
margin-bottom: 20px;
color: #1d548d;
}
.new-what-we-do>.container>div>p {
text-align: center;
font-size: 18px;
max-width: 720px;
margin: 0 auto 60px;
line-height: 1.8;
color: #5a6072;
}
.new-what-we-do .card {
display: flex;
align-items: center;
border-radius: 16px;
background: #ffffff;
border: 1px solid #e5e8f0;
padding: 30px;
margin-bottom: 36px;
gap: 24px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.new-what-we-do .card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}
.new-what-we-do .card::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: linear-gradient(135deg, #3b82f6, #06b6d4);
clip-path: polygon(100% 0, 0 0, 100% 100%);
border-top-right-radius: 12px;
}
.new-what-we-do .letter-image {
font-size: 100px;
font-weight: 900;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100px;
height: 100px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.04);
}
.new-what-we-do .card-content h3 {
font-size: 24px;
font-weight: 700;
color: #111827;
margin-bottom: 8px;
}
.new-what-we-do .card-content p {
font-size: 16px;
line-height: 1.7;
color: #4b5563;
margin: 0;
} .new-what-we-do .card.q .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/02/image.avif);
}
.new-what-we-do .card.u .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/03/solution-banner-new-1.png);
}
.new-what-we-do .card.b .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/02/Untitled-design-75.png);
}
.new-what-we-do .card.i .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/01/64d9f5f234d48eb66571556f_field-tracking-software.webp);
}
.new-what-we-do .card.n .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/02/Untitled-design-73.png);
}
.new-what-we-do .card.e .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/03/solution-banner-new.png);
}
.new-what-we-do .card.x .letter-image {
background-image: url(https://qubinex.com/wp-content/uploads/2025/03/attendance-new-1.png);
} .elite-about {
padding: 100px 0;
background: #f8fafc;
position: relative;
overflow: hidden;
background: linear-gradient(102deg,
#d0e3ff 2.15%,
#f4f9ff 31.64%,
#ffffff 120.91%,
#cd660b 121.07%);
}
.elite-about::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 107, 221, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 107, 221, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}
.elite-about .container {
position: relative;
z-index: 1;
}
.elite-about-content {
padding-left: 20px;
}
.elite-about .row {
align-items: center;
}
.about-image-wrapper {
position: relative;
padding-right: 30px;
}
.elite-about img {
width: 92%;
padding: 30px;
height: auto;
display: block;
border-radius: 8px;
padding: 10px;
}
.section-tag {
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
color: #1271d1;
margin-bottom: 20px;
display: inline-block;
position: relative;
padding-left: 24px;
}
.section-tag::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 16px;
height: 1px;
background: #1271d1;
}
.elite-heading {
font-size: 42px;
font-weight: 400;
color: #0f172a;
margin-bottom: 30px;
line-height: 1.3;
}
.elite-heading strong {
font-weight: 700;
}
.elite-description {
font-size: 16px;
line-height: 1.8;
color: #64748b;
margin-bottom: 40px;
max-width: 90%;
font-weight: 300;
}
.icon-features {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 50px;
}
.icon-feature {
display: flex;
align-items: flex-start;
gap: 20px;
}
.icon-circle {
width: 24px;
height: 24px;
background: transparent;
border: 1px solid #1271d1;
color: #1271d1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-size: 12px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.icon-feature:hover .icon-circle {
background: #1271d1;
color: white;
}
.icon-feature h5 {
font-size: 16px;
font-weight: 500;
color: #0f172a;
margin: 0 0 8px;
letter-spacing: 0.5px;
}
.icon-feature p {
font-size: 14px;
color: #64748b;
margin: 0;
line-height: 1.7;
font-weight: 300;
}
.btn-started {
display: inline-flex;
align-items: center;
padding: 0;
color: #1271d1;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-started::after {
content: "";
display: block;
width: 40px;
height: 1px;
background: #1271d1;
margin-left: 15px;
transition: all 0.3s ease;
}
.btn-started:hover {
color: #0f5bb3;
}
.btn-started:hover::after {
width: 50px;
background: #0f5bb3;
} .page-template-crm-innerpage .hublog-hero-section {
text-align: center;
background: linear-gradient(102deg,
#a4c9ff 2.15%,
#cfe5ff 31.64%,
#ffffff 120.91%,
#ed7912 121.07%);
}
.page-template-crm-innerpage .hublog-hero-section .winter {
display: flex;
justify-content: center;
align-items: center;
margin-top: 90px;
}
.page-template-crm-innerpage .hublog-hero-section .winter .inside-winter {
display: flex;
align-items: center;
border-radius: 18px;
padding: 1px 0px 6px 0;
justify-content: center;
margin-bottom: 16px;
width: 335px;
color: white;
background-image: radial-gradient(100% 100% at 100% 0,
#0593d7 0,
#0d4b76 100%);
box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
transition: box-shadow 0.15s, transform 0.15s;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 22px;
}
.page-template-crm-innerpage .hublog-hero-section .winter .inside-winter img {
width: 7%;
background-color: white;
border-radius: 50%;
margin-top: 4px;
}
.page-template-crm-innerpage .hublog-hero-section .winter .inside-winter h4 {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 15px;
}
.page-template-crm-innerpage .hublog-hero-section .winter .inside-winter p {
padding: 3px 0 0px 6px;
margin: 0px 0 0 0;
line-height: normal;
font-size: 13px;
}
.page-template-crm-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-crm-innerpage .hublog-hero-section .heading span.dynamic-text,
.page-template-crm-innerpage .hublog-hero-section .heading span.dynamic-text-two {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-crm-innerpage .hublog-hero-section .demo-button {
display: flex;
justify-content: center;
gap: 23px;
margin: 40px 0px 0px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .demo-button a.demo {
text-decoration: none;
background: linear-gradient(215deg,
#ff730f 2.15%,
#f9930b 31.64%,
#e1b741 120.91%,
#ef8f14 121.07%);
border-radius: 4px;
color: white;
padding: 10px 45px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-crm-innerpage .hublog-hero-section .demo-button a.trial {
text-decoration: none;
background: linear-gradient(215deg,
#0e244e 2.15%,
#0e244e 31.64%,
#4155e1 120.91%,
#1914ef 121.07%);
border-radius: 4px;
color: white;
padding: 10px 26px;
box-shadow: 3px 3px 5px 2px #99999975;
}
.page-template-crm-innerpage .hublog-hero-section .heading p {
font-size: 20px;
margin: 20px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .button-under-text {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 28px 0px 45px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding: 0px 18px 0px 0px;
border-right: 0.5px solid #999;
}
.page-template-crm-innerpage .hublog-hero-section .button-under-text span {
font-size: 14px;
font-weight: 500;
}
.page-template-crm-innerpage .hublog-hero-section .heading h1 {
font-size: 67px;
text-transform: capitalize;
color: #0e244e;
}
.page-template-crm-innerpage .hublog-hero-section .heading h1.mobile-text {
display: none;
}
.page-template-crm-innerpage .solution-tabs-section-column ul#myTab {
justify-content: center;
gap: 14px;
border: none;
}
.page-template-crm-innerpage .solution-tabs-section-column ul#myTab .nav-link.active {
box-shadow: 0 4px 16px #00218933;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: white;
color: #000000;
}
.page-template-crm-innerpage .solution-tabs-section-column ul#myTab button {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #0e244e;
color: white;
}
.page-template-crm-innerpage .solution-tabs-section-column ul#myTab button:hover,
.page-template-innerpage .solution-tabs-section-column ul#myTab .nav-link.active:hover {
box-shadow: 0 4px 16px #25305333;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
width: max-content;
border-radius: 8px;
background-color: #002b7e;
color: white;
transition: all 0.2s ease-in-out !important;
}
.page-template-crm-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 80%;
}
.page-template-crm-innerpage .under-tab-text h2 {
color: #0e244e;
}
.page-template-crm-innerpage .under-tab-text p {
font-size: 18px;
margin: 4px 0px;
}
.page-template-crm-innerpage .under-tab-text p a {
text-decoration: none;
font-weight: 600;
color: black;
}
.page-template-crm-innerpage .under-tab-text {
margin-bottom: 47px;
}
.page-template-crm-innerpage .solution-tabs-section-column {
margin-bottom: 60px;
}
.page-template-crm-innerpage .hublog-hero-section .heading span.dynamic-text1,
.page-crm-template-innerpage .hublog-hero-section .heading span.dynamic-text-three {
background: radial-gradient(100% 100% at 100% 0, #0593d7 0, #0061a5 100%);
background-clip: text;
color: #0000;
}
.page-template-crm-innerpage .our-customer-says {
background: linear-gradient(145deg, #f5f8ff, #eaf1ff);
}
.hublog-sections-headings {
text-align: center;
font-size: 45px;
color: #140855;
}
.page-template-crm-innerpage .our-customer-says div#first-card {
background: linear-gradient(135deg, #0f3558, #00488b, #06112a);
border-radius: 5px;
}
.page-template-crm-innerpage .our-customer-says div#first-card .head-text h3 {
text-transform: capitalize;
color: white;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-crm-innerpage .our-customer-says div#first-card h3 {
font-size: 22px;
color: #ffba36;
}
.page-template-crm-innerpage .our-customer-says .three-cards {
background-color: white;
box-shadow: 0 10px 25px #0000000d;
padding: 40px 40px;
height: 100%;
}
.page-template-crm-innerpage .our-customer-says div#first-card .head-text span {
color: #ffba36;
font-size: 36px;
}
.page-template-crm-innerpage .our-customer-says div#first-card p {
color: white;
}
.page-template-crm-innerpage .our-customer-says div#first-card hr {
color: white;
}
.page-template-crm-innerpage .our-customer-says div#second-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-crm-innerpage .our-customer-says div#second-card .head-text span {
color: #2168d7;
font-size: 36px;
}
.page-template-crm-innerpage .our-customer-says div#second-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-crm-innerpage .our-customer-says div#third-card .head-text h3 {
text-transform: capitalize;
margin-top: 26px;
font-size: 33px;
min-height: 114px;
}
.page-template-crm-innerpage .our-customer-says div#third-card .head-text span {
color: #2168d7;
font-size: 36px;
}
.page-template-crm-innerpage .our-customer-says div#third-card .last-text h3 {
font-size: 19px;
margin-top: 7px;
}
.page-template-crm-innerpage .our-customer-says .heading-texts {
text-align: center;
margin-bottom: 40px;
} .install-all-technologies-enhanced {
padding: 70px 0;
background: linear-gradient(135deg,
#dce5f2 0%,
#c7d6eb 40%,
#b0c4de 80%,
#a0b5cc 100%);
border-top: 2px solid #d0e6ff;
border-bottom: 2px solid #d0e6ff;
}
.install-all-technologies-enhanced .main-row {
margin-bottom: 60px;
}
.install-all-technologies-enhanced .install-text h2 {
font-size: 36px;
font-weight: 500;
color: #102348;
background: linear-gradient(90deg, #004e92, #000428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.install-all-technologies-enhanced .install-text p {
font-size: 20px;
color: #4a4a4a;
margin-top: 10px;
}
.install-all-technologies-enhanced .install-button {
background: linear-gradient(90deg, #00488b, #0270e0);
text-decoration: none;
color: #fff;
padding: 14px 32px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
box-shadow: 0 10px 25px rgba(0, 72, 139, 0.3);
transition: all 0.3s ease;
display: inline-block;
}
.install-all-technologies-enhanced .install-button:hover {
background: linear-gradient(90deg, #003465, #025bb3);
transform: translateY(-2px);
}
.install-all-technologies-enhanced .icons-row .os-card {
background: #ffffff;
padding: 30px 20px;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.install-all-technologies-enhanced .icons-row .os-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}
.install-all-technologies-enhanced .os-card img {
width: 60px;
margin-bottom: 15px;
}
.install-all-technologies-enhanced .os-card .text span {
display: block;
font-size: 14px;
color: #777;
}
.install-all-technologies-enhanced .os-card .text h4 {
font-size: 20px;
color: #0e244e;
font-weight: 600;
margin-top: 5px;
}
.page-template-crm-innerpage .our-customer-says .user-rate .inside-ratings img {
width: 54%;
margin-bottom: 13px;
}
.page-template-crm-innerpage .our-customer-says .user-rate {
width: 73%;
margin: 63px auto 20px auto;
}
.page-template-crm-innerpage .our-customer-says .user-rate .inside-ratings {
text-align: center;
}
.page-template-crm-innerpage .our-customer-says .user-rate .inside-ratings .starts img {
width: 19px;
margin-top: 8px;
}  .page-template-documentation .hublog_logo .after-scroll {
display: none;
}
.page-template-documentation .hublog_logo .without-croll {
display: block;
}
.page-template-documentation .hublog_logo.scrolleded .without-croll {
display: none;
}
.page-template-documentation .hublog_logo.scrolleded .after-scroll {
display: block;
}
.page-template-documentation .sidebar {
width: 280px;
border-radius: 8px;
background: linear-gradient(135deg, #0b1c3c 0%, #10316e 40%, #1c3b6f 100%);
color: white;
padding: 2rem 1.5rem;
position: sticky;
height: 600px;
overflow-y: auto;
transition: top 0.4s ease;
z-index: 100;
top: 30%;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.page-template-documentation .sidebar::-webkit-scrollbar {
width: 8px;
}
.page-template-documentation .sidebar::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}
.page-template-documentation .sidebar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
transition: background 0.3s;
}
.page-template-documentation .sidebar::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.4);
}
.page-template-documentation .sidebar-header {
display: flex;
align-items: center;
margin-bottom: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.page-template-documentation .sidebar-header img {
height: 40px;
margin-right: 12px;
}
.page-template-documentation .sidebar-header h2 {
font-size: 1.25rem;
font-weight: 600;
margin: 0;
color: white;
}
.page-template-documentation .sidebar-nav {
margin-top: 1rem;
}
.page-template-documentation .nav-section {
margin-bottom: 1.5rem;
}
.page-template-documentation .nav-section-title {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 0.75rem;
font-weight: 600;
}
.page-template-documentation .nav-link {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
border-radius: 6px;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
margin-bottom: 0.25rem;
transition: all 0.2s ease;
}
.page-template-documentation .nav-link:hover {
background: rgba(255, 255, 255, 0.1);
color: white;
}
.page-template-documentation .nav-link.active {
background: #2563eb;
color: white;
font-weight: 500;
}
.page-template-documentation .nav-link i {
margin-right: 10px;
width: 20px;
text-align: center;
color: rgba(255, 255, 255, 0.8) !important;
background: none !important;
} .page-template-documentation .main-content {
flex: 1;
padding: 4rem 3rem;
}
.page-template-documentation .documentation-main-sec {
position: relative;
display: flex;
}
.page-template-documentation h1 {
margin: 0;
font-size: 2.5rem;
font-weight: 700;
position: relative;
line-height: 1.2;
}
.page-template-documentation header p {
font-size: 1.1rem;
opacity: 0.9;
max-width: 800px;
margin-top: 1rem;
position: relative;
}
.version-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
color: white;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 500;
margin-top: 1rem;
}
.page-template-documentation footer {
background-color: #10316e;
color: #ffffff;
padding: 60px 0 0px 0;
box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 999;
}
.page-template-documentation .documentation-section {
margin-bottom: 3rem;
background: white;
border-radius: 12px;
padding: 2.5rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e8f0;
}
.page-template-documentation h2 {
color: #0f172a;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid #e2e8f0;
position: relative;
}
.page-template-documentation h2::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100px;
height: 2px;
background: #2563eb;
}
.page-template-documentation .main-content h3 {
color: #2563eb;
font-size: 1.4rem;
font-weight: 600;
margin: 2rem 0 1rem;
}
.page-template-documentation h4 {
color: #0f172a;
font-size: 1.1rem;
font-weight: 600;
margin: 1.5rem 0 0.75rem;
}
.page-template-documentation .main-content p {
margin-bottom: 1rem;
line-height: 1.7;
color: #334155;
}
.page-template-documentation .main-content ul,
.page-template-documentation .main-content ol {
margin-bottom: 1.5rem;
padding-left: 1.5rem;
}
.page-template-documentation .main-content li {
margin-bottom: 0.5rem;
line-height: 1.6;
}
.page-template-documentation .feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.page-template-documentation .feature-card {
background: white;
padding: 1.5rem;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-left: 4px solid #2563eb;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid #e2e8f0;
}
.page-template-documentation .feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.page-template-documentation .feature-card h4 {
margin-top: 0;
color: #0f172a;
font-size: 1.1rem;
display: flex;
align-items: center;
}
.page-template-documentation .feature-card h4 i {
margin-right: 10px;
color: #2563eb;
}
.page-template-documentation .feature-card p {
color: #64748b;
font-size: 0.95rem;
margin-bottom: 0;
}
.page-template-documentation table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 2rem 0;
background: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
border: 1px solid #e2e8f0;
}
.page-template-documentation th,
.page-template-documentation td {
padding: 1rem 1.25rem;
text-align: left;
border-bottom: 1px solid #e2e8f0;
}
.page-template-documentation th {
background-color: #2563eb;
color: white;
font-weight: 600;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.05em;
}
.page-template-documentation tr:nth-child(even) {
background-color: #f1f5f9;
}
.page-template-documentation tr:hover {
background-color: rgba(37, 99, 235, 0.05);
}
.page-template-documentation #employee-guide .screenshot-thumbnail img {
height: 300px;
width: 100%;
object-fit: contain;
}
.page-template-documentation code {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
background-color: rgba(37, 99, 235, 0.1);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9rem;
color: #1e40af;
}
.page-template-documentation pre {
background: #0f172a;
color: white;
padding: 1.25rem;
border-radius: 8px;
overflow-x: auto;
margin: 1.5rem 0;
font-size: 0.9rem;
line-height: 1.5;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.page-template-documentation pre code {
background: transparent;
color: inherit;
padding: 0;
font-size: inherit;
}
.page-template-documentation .api-endpoint {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
background-color: #f1f5f9;
padding: 0.5rem 1rem;
border-radius: 6px;
display: inline-flex;
align-items: center;
margin: 0.5rem 0;
font-size: 0.9rem;
border-left: 4px solid #2563eb;
}
.page-template-documentation .api-endpoint i {
margin-right: 8px;
}
.page-template-documentation .badge {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
margin-right: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.page-template-documentation .badge.get {
background-color: #10b981;
color: white;
}
.page-template-documentation .badge.post {
background-color: #7c3aed;
color: white;
}
.page-template-documentation .badge.put {
background-color: #f59e0b;
color: white;
}
.page-template-documentation .badge.delete {
background-color: #dc2626;
color: white;
}
.page-template-documentation .screenshot {
max-width: 100%;
border: 1px solid #e2e8f0;
border-radius: 8px;
margin: 1.5rem 0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease;
}
.page-template-documentation .screenshot:hover {
transform: scale(1.02);
}
.page-template-documentation .screenshot-container {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 1.5rem 0;
}
.page-template-documentation .screenshot-thumbnail {
flex: 1;
min-width: 250px;
border: 1px solid #e2e8f0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
}
.page-template-documentation .screenshot-thumbnail:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.page-template-documentation .screenshot-thumbnail img {
width: 100%;
height: auto;
display: block;
}
.page-template-documentation .screenshot-caption {
padding: 0.75rem;
font-size: 0.85rem;
color: #64748b;
text-align: center;
background: #f1f5f9;
} .page-template-documentation .callout {
padding: 1.25rem;
border-radius: 8px;
margin: 1.5rem 0;
display: flex;
align-items: flex-start;
border-left: 4px solid;
}
.page-template-documentation .callout i {
margin-right: 0.75rem;
font-size: 1.25rem;
}
.page-template-documentation .callout-info {
background-color: rgba(59, 130, 246, 0.1);
border-left-color: #3b82f6;
color: #3b82f6;
}
.page-template-documentation .callout-warning {
background-color: rgba(245, 158, 11, 0.1);
border-left-color: #f59e0b;
color: #f59e0b;
}
.page-template-documentation .callout-success {
background-color: rgba(16, 185, 129, 0.1);
border-left-color: #10b981;
color: #10b981;
}
.page-template-documentation .callout-danger {
background-color: rgba(220, 38, 38, 0.1);
border-left-color: #dc2626;
color: #dc2626;
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.documentation-section {
animation: fadeIn 0.4s ease forwards;
} .documentation-section:nth-child(1) {
animation-delay: 0.1s;
}
.documentation-section:nth-child(2) {
animation-delay: 0.2s;
}
.documentation-section:nth-child(3) {
animation-delay: 0.3s;
}
.documentation-section:nth-child(4) {
animation-delay: 0.4s;
}
.documentation-section:nth-child(5) {
animation-delay: 0.5s;
}
.documentation-section:nth-child(6) {
animation-delay: 0.6s;
}
.page-template-documentation .mobile-menu-toggle {
display: none;
} @media (min-width: 320px) and (max-width: 1023px) { .page-template-master-innerpage .try-demo-now .text-side h1 {
font-size: 28px;
font-weight: 600;
}
.page-template-master-innerpage .try-demo-now .image-wrapper img {
padding-top: 40px;
}
.page-template-master-innerpage .feature-wrapper {
gap: 20px !important;
display: block !important;
}
.page-template-master-innerpage .feature-image img {
margin-bottom: 20px !important;
}
.page-template-master-innerpage .feature-content h2 {
font-size: 28px;
margin-bottom: 10px;
} .why-choose-desk {
display: none;
}
h1.banner_heade_text {
font-size: 30px;
}
section#our_success_section {
padding: 60px 0px 40px 0px;
}
.content_side p {
margin: 0px 0 20px;
font-size: 16px;
}
.header_image img {
width: 100%;
}
.elite-heading {
font-size: 28px;
margin-bottom: 10px;
}
.why-choose-mob {
display: block !important;
padding: 40px 10px !important;
margin-top: -25px;
}
.elite-description {
font-size: 16px;
line-height: 1.4;
margin-bottom: 23px;
}
.container.partenr-logo-section-three-container .list {
margin-top: 10px;
}
.icon-feature p {
line-height: normal;
}
.icon-features {
gap: 18px;
margin-bottom: 25px;
}
.services-head {
display: block;
}
.partenr-logo-section-three-container {
margin-top: 40px;
}
.btn-one {
padding: 8px 15px;
}
.section-heading {
font-size: 28px;
margin-bottom: 25px;
}
ul.products_ulist {
padding: 10px 20px;
}
.premium-title {
margin-top: 45px;
margin-bottom: 10px;
}
.premium-service-box {
background: #fff;
height: auto;
margin: 10px 5px;
padding: 25px 15px;
}
.core_value_button {
padding-top: 20px;
}
.services-head {
padding-bottom: 20px;
}
.hublog-form-modal .image-side img {
width: 50%;
}
.hublog-form-modal .image-side {
text-align: center;
}
h2.comman_heading,
h2.core-values-heading {
font-size: 30px;
}
p.client_para {
padding: 0px 0px 0px 0px;
}
#rmp_menu_trigger-347 {
width: 40px;
height: 25px;
}
.client-slider .client-item {
width: 100%;
padding: 0;
}
.owl-carousel .owl-item img {
width: 50% !important;
}
.client-slider .client-item {
padding: 0;
display: flex;
justify-content: center;
}
.our_success_section_img {
width: 100%;
}
.logo img {
border: none;
}
br {
display: none;
}
.new-what-we-do h2 {
font-size: 30px;
margin-bottom: 10px;
}
.why-choose-mob {
background: rgb(227, 227, 227);
background: linear-gradient(90deg,
rgba(227, 227, 227, 1) 0%,
rgba(235, 235, 235, 1) 45%,
rgba(182, 182, 182, 1) 100%);
padding: 40px 0;
}
.new-what-we-do .card {
border-radius: 16px;
padding: 20px;
margin-bottom: 20px;
gap: 10px;
}
.new-what-we-do .card-content p {
font-size: 16px;
line-height: 1.5;
margin: 0;
}
.new-what-we-do .card-content h3 {
font-size: 22px;
margin-bottom: 5px;
}
.services-sec {
padding: 40px 0 !important;
}
.choose-us-mob {
text-align: center;
background: linear-gradient(142deg, #67c6ff, #0061a9, #67c6ff);
background-size: 200% 200%;
color: #fff;
animation: smoothShine 4s infinite ease-in-out;
padding: 20px 0;
margin: 0px 40px;
border-radius: 20px;
}
.why-choose-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px 15px;
text-align: center;
padding: 20px 5px 0px 5px;
align-items: center;
}
.choose-us-mob h2 {
font-size: 20px;
margin-bottom: 0px;
}
.explain-about-company .container {
padding: 0;
}
.why-choose-main-mob p {
padding-top: 15px;
margin-bottom: 0;
text-align: center;
line-height: normal;
}
.elite-about {
padding: 40px 0px !important;
}
.choose-us-content1-mob i {
height: 70px;
width: 70px;
font-size: 34px;
background: rgb(255, 122, 61);
background: linear-gradient(90deg,
rgba(255, 122, 61, 1) 0%,
rgba(255, 104, 36, 1) 45%,
rgba(255, 178, 118, 1) 100%);
border-radius: 50%;
color: #fff;
place-content: center;
text-align: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.accordion-button {
font-weight: 500 !important;
}
.choose-us-content2-mob i {
height: 70px;
width: 70px;
font-size: 34px;
background: rgb(1, 44, 88);
background: linear-gradient(90deg,
rgba(1, 44, 88, 1) 0%,
rgba(1, 26, 51, 1) 45%,
rgba(48, 129, 212, 0.7618697137057948) 100%);
border-radius: 50%;
color: #fff;
place-content: center;
text-align: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.choose-us-content3-mob i {
height: 70px;
width: 70px;
font-size: 34px;
background: rgb(255, 122, 61);
background: linear-gradient(90deg,
rgba(255, 122, 61, 1) 0%,
rgba(255, 104, 36, 1) 45%,
rgba(255, 178, 118, 1) 100%);
border-radius: 50%;
color: #fff;
place-content: center;
text-align: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.choose-us-content4-mob i {
height: 70px;
width: 70px;
font-size: 34px;
background: rgb(1, 44, 88);
background: linear-gradient(90deg,
rgba(1, 44, 88, 1) 0%,
rgba(1, 26, 51, 1) 45%,
rgba(48, 129, 212, 0.7618697137057948) 100%);
border-radius: 50%;
color: #fff;
place-content: center;
text-align: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.why-choose-content h3 {
font-size: 16px;
padding: 10px 0;
margin-bottom: 0px;
}
.page-template-crm-innerpage .hublog-hero-section .heading h1 {
font-size: 32px !important;
}
.page-template-crm-innerpage .hublog-hero-section .heading p {
font-size: 16px;
margin: 10px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .button-under-text {
gap: 10px;
margin: 28px 0px 25px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .button-under-text span.border-right-de {
padding: 0px 10px 0px 0px;
}
.page-template-crm-innerpage .hublog-hero-section .demo-button {
margin: 25px 0px 0px 0px;
}
.page-template-crm-innerpage .solution-tabs-section-tabs-content .tab-pane .tabs-images img {
width: 100%;
}
.page-template-crm-innerpage .solution-tabs-section-column {
margin-bottom: 40px;
}
.page-template-crm-innerpage .hublog-sections-headings {
color: #01365c;
font-size: 28px !important;
}
.page-template-crm-innerpage .our-customer-says .heading-texts {
margin-bottom: 0px;
}
.page-template-crm-innerpage .our-customer-says .three-cards {
padding: 20px 25px;
}
.page-template-crm-innerpage .our-customer-says .user-rate {
width: 100%;
margin: 20px auto 3px auto;
}
.page-template-crm-innerpage .sales-growth-section .inside-text {
padding: 20px 15px;
}
.hublog-section-three-premium .heading {
font-size: 28px;
}
.hublog-section-three-premium .premium-card {
padding: 20px;
}
.leadgen-flex-layout {
display: block !important;
}
.leadgen-text-card {
padding: 20px;
margin-bottom: 20px;
}
.leadgen-text-card h2 {
font-size: 26px;
}
.leadgen-text-card ul li .icon-box {
font-size: 16px;
padding: 12px 15px;
}
.install-all-technologies-enhanced .install-text h2 {
font-size: 28px;
}
.install-all-technologies-enhanced .main-row {
margin-bottom: 20px;
}
.awards-section-certificate .heading {
margin-bottom: 20px;
}
.get-started-box {
padding: 20px;
}
.get-started-box .title {
font-size: 28px;
}
.get-started-box .subtitle {
margin: 0 auto 20px;
}
.page-template-crm-innerpage section {
padding: 30px 0 !important;
}
#customers-testimonials .item {
padding: 15px 0px !important;
}
#customers-testimonials1 .item {
padding: 15px 0px !important;
}
#customers-testimonials .shadow-effect p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 20px;
font-weight: 400;
color: #555;
}
#customers-testimonials1 .shadow-effect p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 20px;
font-weight: 400;
color: #555;
}
.page-template-crm-innerpage .shadow-effect {
padding: 15px;
}
.page-template-crm-innerpage .testimonials h2 {
font-size: 26px;
}
.page-template-innerpage .hublog-sections-headings {
font-size: 28px !important;
}
.hublog-section-three-premium .card-header {
margin-bottom: 10px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul {
margin-top: 10px;
}
.page-template-crm-innerpage .sales-growth-section .get-started {
padding: 10px 24px;
margin-top: 5px;
}
.page-template-crm-innerpage .sales-growth-section .inside-text ul li h4 {
font-size: 18px;
}
.page-template-innerpage .transform-your-time .left-content {
padding: 0px 10px;
}
.page-template-innerpage .transform-your-time .section-heading {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-innerpage .transform-your-time .sub-heading {
font-size: 22px;
margin-bottom: 20px;
}
.page-template-innerpage .transform-your-time .right-form-card {
padding: 20px 12px;
margin-top: 10px;
}
.page-template-innerpage .transform-your-time .form-wrapper input[type="text"],
.page-template-innerpage .transform-your-time .form-wrapper input[type="email"] {
padding: 7px;
width: 100%;
margin-bottom: 15px;
}
.page-template-innerpage .daily-work-routine-heading h2 {
margin-bottom: 10px;
}
.page-template-innerpage .daily-work-routine .inside-box {
padding: 20px 15px;
}
.page-template-innerpage .teams-success-premium .heading h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-innerpage .teams-success-premium .heading p {
font-size: 16px;
margin: 0 auto 20px;
}
.page-template-innerpage .teams-success-premium .btn-orange {
padding: 12px 15px;
}
.page-template-innerpage .teams-success-premium .right img {
padding-top: 20px;
}
.page-template-innerpage .install-all-technologies-premium .text h2 {
font-size: 28px;
}
.page-template-innerpage .install-all-technologies-premium .subheading {
font-size: 16px;
padding-bottom: 20px;
}
.page-template-innerpage .three-stage-usings .inside-text h2 {
margin-top: 0px;
}
.page-template-innerpage .try-demo-now .text-side h1 {
font-size: 28px;
font-weight: 600;
}
.page-template-innerpage .try-demo-now .image-wrapper img {
padding-top: 40px;
}
.page-template-innerpage .awards-section-certificate .heading {
margin-bottom: 10px;
}
.page-template-innerpage .contact-box {
padding: 20px 15px;
}
.page-template-innerpage .contact-box .headline {
font-size: 28px;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.2;
}
.page-template-innerpage .three-stage-usings .inside-text {
padding-right: 0px;
}
.page-template-innerpage .transform-your-time .form-title {
font-size: 22px;
margin-bottom: 15px;
}
.page-template-innerpage .feature-wrapper {
gap: 20px !important;
display: block !important;
}
.page-template-innerpage .feature-image img {
margin-bottom: 20px !important;
}
.page-template-innerpage .install-all-technologies-premium .platforms-row .platform-card {
margin-bottom: 15px !important;
}
.page-template-innerpage .feature-content h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-innerpage .feature-content p {
font-size: 16px;
margin-bottom: 15px;
}
.page-template-innerpage .feature-points {
margin-bottom: 20px;
gap: 5px !important;
}
.page-template-features .feature-hero-section {
padding-top: 75px !important;
}
.page-template-innerpage #daily-work-image {
margin-top: 0px;
}
.page-template-features .title {
font-size: 30px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-innerpage .contact-box .subtext {
margin-bottom: 15px;
}
.page-template-innerpage .cta-btn {
padding: 12px 20px;
font-size: 16px;
}
.page-template-features .subtitle {
font-size: 16px;
margin-bottom: 20px;
}
.page-template-features .badge-section img {
width: 100%;
margin-top: 10px;
}
.page-template-features .form-section {
padding: 20px 20px;
margin-top: 20px;
}
.page-template-features .wpcf7-submit {
margin-top: 10px;
}
.page-template-features .premium-feature-section .container-fluid {
padding: 20px 10px;
}
.page-template-features .tab-featurelink-section-right-column {
padding: 25px 20px;
}
.page-template-features .feature-block {
padding: 0px 10px 20px 10px;
margin-bottom: 10px;
}
.page-template-crm-innerpage .our-customer-says div#second-card .head-text h3 {
min-height: auto !important;
}
.page-template-innerpage .our-customer-says div#second-card .head-text h3 {
min-height: auto;
}
.page-template-features .inside-text-section p {
font-size: 16px;
}
.page-template-features .inside-text-section .list li {
gap: 10px;
margin-bottom: 5px;
font-size: 16px;
}
.page-template-features .install-all-technologies-premium .text h2 {
font-size: 28px;
}
.page-template-features .install-all-technologies-premium .subheading {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-features .install-all-technologies-premium .platforms-row .platform-card {
padding: 15px;
}
.page-template-features .number {
font-size: 42px;
}
.page-template-features .three-stage-usings .inside-text .buttons a {
padding: 10px 12px !important;
}
#first-card img {
width: 30%;
}
#second-card img {
width: 30%;
}
#third-card img {
width: 30%;
}
.page-template-crm-innerpage .our-customer-says div#first-card .head-text h3 {
margin-top: 15px;
}
.page-template-crm-innerpage .our-customer-says div#second-card .head-text h3 {
margin-top: 15px;
}
.page-template-crm-innerpage .our-customer-says div#third-card .head-text h3 {
margin-top: 15px;
}
.install-all-technologies-enhanced .install-text p {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.page-template-crm-management .number {
font-size: 42px;
}
.install-all-technologies-enhanced .icons-row .os-card {
margin-bottom: 15px;
}
.page-template-features .testimonials h2 {
font-size: 28px;
}
#customers-testimonials1 .item {
padding: 20px 15px;
}
.page-template-features .shadow-effect {
padding: 10px;
}
#customers-testimonials1 .shadow-effect p {
font-size: 16px;
line-height: normal;
margin: 0 0 20px;
}
#customers-testimonials1.owl-carousel .owl-dots {
margin-top: 0px;
}
.page-template-features .get-started-box {
padding: 20px;
}
.page-template-features .get-started-box .title {
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-features .get-started-box .subtitle {
font-size: 16px;
line-height: 1.6;
}
.page-template-features .btn-get-started {
padding: 10px 30px;
}
.page-template-features .features-wrapper {
display: block;
}
.page-template-features .feature-item {
padding-bottom: 10px;
}
.page-template-features .feature-item i {
font-size: 18px;
margin-right: 7px;
min-width: 10px;
}
.page-template-features .tab-featurelink-section-left-column {
position: relative;
top: 0;
margin-bottom: 25px;
}
.inside-card-button {
text-align: left !important;
}
.page-template-features .transform-your-time .left-content {
padding: 0px 15px;
}
html.mega-menu-hublog_menu-off-canvas-open {
overflow: visible;
}
.page-template-features .transform-your-time .section-heading {
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-features .transform-your-time .sub-heading {
font-size: 18px;
margin-bottom: 20px;
}
.page-template-features .transform-your-time .right-form-card {
padding: 20px 15px;
margin-top: 0px;
}
.page-template-features .transform-your-time .form-wrapper input[type="text"],
.page-template-features .transform-your-time .form-wrapper input[type="email"] {
padding: 8px;
width: 100%;
margin-bottom: 10px;
}
.page-template-crm-management .feature-hero-section.premium {
padding: 60px 0px !important;
}
.page-template-crm-management .title {
font-size: 30px;
margin-bottom: 10px;
}
.page-template-crm-management .subtitle {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-crm-management .description {
font-size: 16px;
margin-bottom: 20px;
}
.page-template-crm-management .features-wrapper {
gap: 26px 0px;
grid-template-columns: repeat(1, minmax(200px, 1fr));
}
.page-template-crm-management .feature-item {
font-size: 16px;
}
.page-template-crm-management .feature-item i {
font-size: 20px;
font-weight: 800;
margin-right: 17px;
}
.page-template-crm-management .form-section {
padding: 30px 20px 0px 20px;
margin-top: 20px;
}
.page-template-crm-management .premium-feature-section .container-fluid {
padding: 5px 20px;
}
.page-template-crm-management .tab-featurelink-section-left-column {
position: relative;
top: 10px;
align-self: flex-start;
margin-bottom: 40px;
}
.page-template-crm-management .tab-featurelink-section-right-column {
padding: 20px 15px;
}
.page-template-crm-management .feature-block {
padding: 0px 5px;
}
.page-template-crm-management .inside-text-section {
padding: 10px 15px;
}
.page-template-crm-management .inside-text-section p {
font-size: 16px;
}
.page-template-crm-management .inside-text-section .list li {
gap: 8px;
margin-bottom: 10px;
font-size: 16px;
}
.page-template-crm-management .inside-text-section h5 {
font-size: 24px;
margin-bottom: 15px;
}
.page-template-crm-management .install-all-technologies-enhanced .install-text h2 {
font-size: 26px;
}
.page-template-crm-management .install-all-technologies-enhanced .install-text p {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-crm-management .install-all-technologies-enhanced .main-row {
margin-bottom: 10px;
}
.page-template-crm-management .install-all-technologies-enhanced .icons-row .os-card {
padding: 20px 10px;
margin: 15px 0;
}
.page-template-crm-management .three-stage-usings .inside-text h2 {
font-size: 28px;
}
.page-template-crm-management .three-stage-usings .inside-text .buttons {
margin-top: 20px;
gap: 15px;
margin-bottom: 25px !important;
}
.page-template-crm-management .right-side-box {
margin-bottom: 25px;
}
.page-template-crm-management .three-stage-usings .inside-text .buttons a {
padding: 10px 15px;
}
.page-template-crm-management .testimonials h2 {
font-size: 28px;
}
.page-template-crm-management .shadow-effect {
padding: 15px;
}
#mega-menu-wrap-crm_menu #mega-menu-crm_menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
background-color: #fff !important;
color: #00295c !important;
padding: 0px 10px;
}
.leadgen-text-card ul li {
gap: 12px;
margin-bottom: 15px;
}
.get-started-offer-pro .get-started-box {
padding: 15px;
}
.get-started-offer-pro .get-started-box .title {
font-size: 24px;
margin-bottom: 10px;
}
.get-started-offer-pro .get-started-box .subtitle {
font-size: 16px;
margin: 0px auto 15px;
}
.get-started-offer-pro .btn-get-started {
padding: 12px 30px;
}
.hublog-section-three-premium .card-subtitle {
margin: 10px 0 10px;
}
.about-image-wrapper {
text-align: center !important;
}
.sidebar-menu {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
background-color: #10316e;
color: white;
z-index: 9999;
transition: right 0.3s ease;
padding: 20px;
overflow-y: auto;
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
}
.sidebar-menu.active {
right: 0; }
.sidebar-menu .close-btn {
text-align: right;
font-size: 24px;
cursor: pointer;
color: rgb(255, 255, 255);
margin-bottom: 20px;
}
.sidebar-menu .navbar-nav {
flex-direction: column;
gap: 5px;
}
.sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 9998;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.sidebar-overlay.active {
display: block;
opacity: 1;
}
.sidebar-menu .navbar-nav .current-menu-item a,
.sidebar-menu .navbar-nav .current_page_item a {
background-color: white;
color: #10316e !important;
border-radius: 6px;
padding: 6px 0px 6px 6px;
font-weight: 600;
}
.sidebar-menu .close-btn {
display: block !important;
}
#menu-main-menu {
gap: 5px !important;
}
#menu-main-menu a {
color: #fff;
}
.hamburger i {
color: #000 !important;
font-size: 25px;
}
.hublog-sectionfour-row {
display: flex;
flex-direction: column;
gap: 30px;
}
.hublog-sectionfour-title {
font-size: 30px;
}
.page-template-solutions .hero-grid {
display: block;
}
.page-template-solutions .hero-title {
font-size: 28px;
font-weight: 600;
}
.page-template-solutions .hero-subtext {
font-size: 16px;
margin: 10px 0 10px;
}
.page-template-solutions .hero-visual img {
width: 100%;
margin-bottom: 20px;
}
.hero-form input[type="text"],
.hero-form input[type="email"],
.hero-form input[type="tel"] {
padding: 10px 10px;
font-size: 14px;
}
.page-template-solutions .hero-form .wpcf7-form {
padding: 20px;
}
.page-template-solutions .hublog-sectionfour-title {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.page-template-solutions .section-subtitle {
font-size: 16px;
margin-bottom: 5px;
}
.page-template-solutions .step-box {
padding: 20px 12px;
gap: 15px;
}
.page-template-solutions .step-number {
font-weight: 600;
width: 50px;
height: 50px;
}
.page-template-solutions .step-content h3 {
font-size: 18px;
}
.page-template-solutions .solution-tabs-section {
padding: 30px 0px !important;
}
.solution-organization-section-heading h2 {
font-size: 28px;
font-weight: 600;
}
.solution-business-leaders .content-overlay {
opacity: 1 !important;
}
.solution-hr .content-overlay {
opacity: 1 !important;
}
.solution-employees .content-overlay {
opacity: 1 !important;
}
.solution-organization-section-heading p {
font-size: 16px !important;
}
.belief-heading {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.belief-grid {
grid-template-columns: auto;
gap: 20px;
}
.belief-card {
align-items: anchor-center;
gap: 18px;
border-radius: 15px;
padding: 15px;
}
.belief-card h3 {
font-size: 20px;
}
.solution-key-features-section .hublog-sections-headings {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.row-md-6.solution-key-features-section-box {
padding: 40px 30px;
width: 100%;
max-width: max-content;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}
.solution-key-features-section-row {
gap: 10px;
margin: 0px 15px;
}
.page-template-solutions .Still-Need-Help .help-heading {
margin-bottom: 10px;
}
.page-template-solutions .Still-Need-Help .help-buttons button {
padding: 10px 30px;
font-size: 16px;
}
.page-template-solutions .Still-Need-Help .help-image {
max-width: 95%;
}
.page-template-solutions .carousel-flex {
flex-direction: column;
align-items: center;
gap: 0px;
}
.page-template-solutions .carousel-text {
text-align: center;
}
.page-template-solutions .carousel-text h2 {
font-size: 26px;
}
.page-template-solutions .carousel-text p {
font-size: 16px;
}
.belief-cards {
gap: 20px;
}
.page-template-solutions .section-heading {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
line-height: normal;
}
.page-template-solutions .features-grid {
display: block;
}
.page-template-solutions .feature-card {
padding: 15px;
margin-bottom: 20px;
gap: 10px;
}
.page-template-solutions .feature-content h3 {
font-size: 18px;
}
.page-template-solutions .Still-Need-Help .help-heading {
font-size: 28px;
}
.tabs-images img {
width: 100%;
}
.content-overlay h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 3px;
}
.flip-card-back {
height: auto !important;
}
.page-template-crm-solution .hero-text h2 {
font-size: 28px;
margin-bottom: 15px;
}
.page-template-crm-solution .hero-content {
gap: 20px;
padding: 5px 15px;
}
.page-template-crm-solution .hero-text p {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-crm-solution .cta-button {
padding: 10px 20px;
}
.page-template-crm-solution .carousel-text h2 {
font-size: 28px;
font-weight: 600;
}
.page-template-crm-solution .why-choose {
padding-top: 30px;
margin-top: 5px;
padding-bottom: 30px;
}
.page-template-crm-solution .premium-heading {
font-size: 28px;
margin-bottom: 20px;
}
.page-template-crm-solution .premium-subheading {
margin-bottom: 10px;
}
.page-template-crm-solution .three-cards {
gap: 15px;
}
.page-template-crm-solution .crm-premium-header h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-crm-solution .crm-premium-header .subtitle {
font-size: 16px;
}
.page-template-crm-solution .crm-premium-header {
margin-bottom: 20px;
}
.page-template-crm-solution .crm-feature-grid {
grid-template-columns: auto;
gap: 20px;
}
.page-template-crm-solution .crm-feature-card {
padding: 15px;
}
.page-template-crm-solution .crm-feature-icon {
margin-bottom: 10px;
}
.page-template-crm-solution .crm-feature-card h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-crm-solution .three-stage-usings .inside-text h2 {
font-size: 26px;
}
.page-template-crm-solution .three-stage-usings .inside-text .buttons a {
padding: 12px 20px;
}
.page-template-crm-solution .three-stage-usings .inside-text .buttons {
margin-bottom: 20px;
}
.page-template-crm-solution .right-side-box {
padding: 15px 15px;
margin-bottom: 25px;
}
.page-template-crm-solution .belief-card {
gap: 15px;
padding: 15px;
}
.page-template-crm-solution .belief-card h3 {
font-size: 20px;
font-weight: 600;
}
.page-template-crm-solution .section-heading {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
line-height: normal;
}
.page-template-crm-solution .features-grid {
grid-template-columns: auto;
gap: 20px;
max-width: fit-content;
margin: 0 auto;
}
.page-template-crm-solution .feature-card {
gap: 10px;
padding: 15px;
}
.page-template-crm-solution .solution-organization-section-button button {
margin-top: 15px;
}
.page-template-crm-solution .Still-Need-Help .help-heading {
font-size: 30px;
margin-bottom: 10px;
}
.Still-Need-Help .help-buttons {
margin-top: 10px;
margin-bottom: 25px !important;
}
.page-template-crm-solution .Still-Need-Help .help-buttons button {
padding: 10px 24px;
}
.page-template-crm-solution .Still-Need-Help .help-image {
max-width: 90%;
}
footer {
padding: 40px 0 0px 0 !important;
}
.page-template-crm-solution .col-md-4 {
flex: auto;
max-width: fit-content;
}
.page-template-crm-solution .number {
font-size: 46px;
}
.page-template-features .install-all-technologies-premium .platforms-row .platform-card {
margin-bottom: 15px;
}
.explain-about-company .section-header h2 {
font-size: 22px !important;
}
.explain-about-company .section-header p {
font-size: 16px;
line-height: normal;
}
.page-template-home .contact-box {
padding: 20px 15px;
}
.page-template-home .contact-box .headline {
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-home .contact-box .subtext {
font-size: 16px;
margin-bottom: 15px;
}
.new-what-we-do>.container>div>p {
font-size: 16px;
margin: 0 auto 0px;
line-height: normal;
}
.page-template-security .hero-section {
padding-top: 70px !important;
}
.page-template-security .hero-section-buttons a.schedule-button {
width: 75%;
}
.page-template-security p.hero-section-para {
margin-bottom: 15px;
}
.page-template-security .hero-section-buttons {
gap: 10px;
margin-bottom: 20px !important;
}
.page-template-security .standards-section-column {
padding: 20px 0;
}
.page-template-security .heading-section .para-initial {
font-size: 16px;
}
.page-template-security .heading-section p {
font-size: 16px;
}
.page-template-security .Compliance-section-boxes .image {
padding: 20px 20px;
}
.page-template-security .Deployment-section-box .img {
margin-bottom: 15px;
}
.page-template-security .Deployment-section .col-md-4 {
margin-bottom: 20px !important;
}
.page-template-security .demo-button a {
padding: 15px 20px;
font-size: 15px;
}
.page-template-security .demo-button p {
margin-top: 13px;
}
.page-template-security .data-storage-section-left-column {
height: auto !important;
}
.page-template-security .data-storage-section-right-column {
gap: 20px;
padding-left: 15px;
}
.page-template-security .data-storage-section-content {
padding: 20px;
}
.page-template-security .data-storage-section-content p.para {
margin-bottom: 10px;
}
.page-template-security .customer-support-section-column p {
margin-bottom: 0px !important;
}
.page-template-security .customer-support-section-button a {
padding: 15px 25px;
} .page-template-documentation .documentation-main-sec {
display: block;
}
.page-template-documentation .sidebar {
transform: translateX(-103%);
width: 280px;
position: fixed;
top: 12% !important;
}
.page-template-documentation .sidebar.active {
transform: translateX(0);
}
.page-template-documentation .main-content {
margin-left: 0;
padding: 0rem;
}
.page-template-documentation .mobile-menu-toggle {
display: block;
position: fixed;
top: 30rem;
right: 1rem;
z-index: 101;
background: var(--primary-color);
color: white;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.page-template-documentation .documentation-section {
box-shadow: none;
border: none;
margin-bottom: 1rem;
}
.page-template-documentation .page-template-documentation h1 {
font-size: 1.6rem;
}
.page-template-documentation .version-badge {
color: #000;
margin-top: 0px;
}
.page-template-documentation header p {
font-size: 1rem;
}
.page-template-documentation .callout {
padding: 1rem;
}
.page-template-documentation th,
.page-template-documentation td {
padding: 6px 6px;
text-align: left;
border-bottom: 1px solid #e2e8f0;
font-size: 12px;
}
.page-template-documentation th {
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
letter-spacing: normal;
}
.page-template-documentation table {
margin: 1rem 0;
}
.page-template-documentation .table-div {
overflow: auto;
}
.page-template-documentation .main-content ul,
.page-template-documentation .main-content ol {
margin-bottom: 10px !important;
}
.page-template-documentation {
margin-top: 0px !important;
}
.page-template-partners section.solution-workforce-analytics-section .text-section {
padding-bottom: 0px !important;
}
.page-template-partners section.cart-two .row.cart-two-row .inside-box .para p {
margin-top: 18px;
}
.page-template-partners .inside-button {
padding: 8px;
text-align: center;
}
.page-template-partners .para ul {
margin: 12px 0;
}
.page-template-partners .col-md-12.our-partners-logo-section-overall-columns {
margin-top: 0px;
}
.page-template-partners .text-section p:first-child {
font-size: 16px;
letter-spacing: 1px;
}
.page-template-partners .solution-workforce-analytics-section .text-section p.Roboto-light {
font-size: 16px;
letter-spacing: 1px;
}
.page-template-pricing .downlode {
margin-bottom: 20px;
}
.page-template-pricing ul#myTab {
justify-content: center;
border-radius: 15px !important;
}
.page-template-pricing .nav-tabs-buttons {
margin-bottom: 15px;
}
.page-template-pricing .amount-plans p:first-of-type {
font-size: 20px;
margin: 0;
}
.page-template-pricing .see-all-the-features .buttons {
margin-bottom: 20px;
}
.page-template-pricing .see-all-the-features .feature-comparison-card {
padding: 15px;
}
.page-template-pricing .see-all-the-features .testimonial-content p {
font-size: 16px;
line-height: normal;
margin-bottom: 10px;
position: relative;
padding-left: 15px;
}
.page-template-pricing .premium-rating-showcase .section-header h2 {
font-size: 28px;
}
.page-template-pricing .optional-add-ons-premium .headline .title {
font-size: 28px;
}
.page-template-pricing .optional-add-ons-premium .headline .subtitle {
font-size: 18px;
margin-bottom: 20px;
}
.page-template-pricing .optional-add-ons-premium .headline .subtitle {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-pricing .comming-soon-section-premium .headline .title {
font-size: 28px;
}
.page-template-pricing .comming-soon-section-premium .feature-grid {
gap: 10px;
margin-top: 15px;
}
.page-template-pricing .missed-opportunities-section-premium .section-title {
font-size: 28px;
margin-bottom: 15px;
line-height: normal;
}
.page-template-pricing .missed-opportunities-section-premium .lead-text {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-pricing .missed-opportunities-section-premium .cta-button {
margin-top: 35px;
margin-bottom: 20px;
}
.page-template-pricing .hublog-premium-section .premium-title {
margin-top: 10px !important;
font-size: 28px;
line-height: normal;
}
.page-template-pricing .hublog-premium-section .premium-subtitle {
font-size: 16px;
}
.page-template-pricing .hublog-premium-section .premium-header {
margin-bottom: 20px;
}
.page-template-pricing .hublog-premium-section .comparison-cards {
display: grid;
gap: 20px;
margin-bottom: 25px;
}
.page-template-pricing .hublog-premium-section .comparison-card {
padding: 15px;
}
.solution-key-features-title {
font-size: 28px;
line-height: normal;
margin-bottom: 10px;
}
.solution-key-features-subtitle {
font-size: 16px;
line-height: normal;
}
.solution-key-features-header {
margin-bottom: 20px;
}
.solution-key-features-grid {
margin-bottom: 15px;
}
.page-template-pricing .customer-support-section-column p {
font-size: 20px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.page-template-pricing .customer-support-section-button a {
padding: 10px 20px;
font-size: 18px;
}
.page-template-pricing .hublog-premium-section .card-label {
font-size: 12px;
padding: 6px 7px;
}
.page-template-pricing .container {
padding: 0 10px;
}
.page-template-pricing .amount-plans {
margin-bottom: 10px;
}
.page-template-pricing .first-sectiont {
margin-bottom: 15px;
}
.page-template-pricing .inside-position-column {
transform: scale(1);
}
.page-template-pricing .see-all-the-features .feature-comparison-card .icon {
opacity: 0;
}
.page-template-pricing .see-all-the-features .feature-comparison-card:before {
opacity: 0.1;
}
.page-template-pricing .addon-header img {
width: 45px;
height: 45px;
}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
width: 100% !important;
}
.page-template-crm-management .wpcf7-submit {
margin-top: 15px;
}
.elite-about img {
width: 100% !important;
padding: 0px !important;
margin-bottom: 15px !important;
}
.about-image-wrapper {
padding-right: 15px !important;
}
.luxury-title {
font-size: 28px;
margin-bottom: 10px;
}
.luxury-subtitle {
margin-bottom: 10px;
padding-left: 30px;
}
.luxury-crm-banner {
padding: 70px 20px 30px 20px !important;
display: block;
margin-top: -62px;
}
.luxury-cta {
padding: 10px 0px 20px 0;
}
.luxury-stats {
gap: 20px;
margin-top: 15px;
padding-top: 10px;
}
.luxury-stat-number {
font-size: 32px;
margin-bottom: 0px;
}
.page-template-crm-case-studies .premium-crm-section .premium-heading h2 {
font-size: 28px;
}
.page-template-crm-case-studies .premium-crm-section .premium-container {
padding: 0 15px;
}
.page-template-crm-case-studies .premium-crm-section .premium-heading {
margin-bottom: 20px;
}
.page-template-crm-case-studies .premium-crm-section .premium-image {
padding: 20px;
margin-bottom: 20px;
}
.page-template-crm-case-studies .premium-crm-section .premium-image img {
filter: none;
}
.page-template-crm-case-studies .premium-crm-section .premium-card {
padding: 20px 15px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card h2 {
font-size: 28px;
margin-bottom: 12px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card p {
font-size: 16px;
line-height: 1.4;
margin-bottom: 25px;
}
.page-template-crm-case-studies .premium-crm-section .premium-card-image img {
width: 100%;
max-width: max-content;
}
.page-template-crm-case-studies .premium-crm-section .premium-cta {
padding: 10px 15px;
margin-top: 30px;
}
.page-template-crm-case-studies .premium-testimonials-container {
padding: 0 15px;
}
.page-template-crm-case-studies .premium-testimonials-heading h2 {
font-size: 28px;
}
.page-template-crm-case-studies .premium-testimonials-heading h2::after {
bottom: -7px;
}
.page-template-crm-case-studies .premium-testimonials-heading {
margin-bottom: 20px;
}
.page-template-crm-case-studies .premium-testimonials-grid {
display: block !important;
margin-bottom: 25px;
}
.page-template-crm-case-studies .premium-testimonial-card {
padding: 20px;
margin-bottom: 15px;
}
.page-template-crm-case-studies .premium-testimonial-text p {
font-size: 16px;
}
.page-template-crm-case-studies .premium-testimonial-text {
margin-bottom: 10px;
}
.page-template-crm-case-studies .premium-read-more {
margin-bottom: 25px;
}
.page-template-crm-case-studies .premium-client-info {
gap: 10px;
padding-top: 22px;
}
.page-template-crm-case-studies .premium-company-logo img {
max-height: 40px;
}
.page-template-crm-case-studies .premium-testimonials-cta {
padding: 20px;
}
.page-template-crm-case-studies .premium-testimonials-cta h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-crm-case-studies .premium-testimonials-cta p {
font-size: 16px;
line-height: 1.5;
}
.page-template-crm-case-studies .premium-cta-button {
padding: 10px 25px;
}
.page-template-crm-case-studies .premium-growth-content {
padding-left: 0px;
}
.page-template-crm-case-studies .premium-growth-heading h2 {
font-size: 28px;
padding-top: 15px;
}
.page-template-crm-case-studies .premium-growth-container {
padding: 0px 15px;
}
.page-template-crm-case-studies .premium-growth-heading {
margin-bottom: 0px;
}
.page-template-crm-case-studies .premium-growth-subtext {
font-size: 16px;
margin-bottom: 25px;
}
.page-template-crm-case-studies .premium-primary-button {
padding: 10px 15px;
font-size: 14px;
width: 60%;
}
.page-template-crm-case-studies .premium-secondary-button {
padding: 10px 15px;
font-size: 14px;
width: 60%;
}
.page-template-crm-case-studies .premium-growth-image {
padding-right: 30px;
}
.premium-success-container {
padding: 0 15px;
}
.premium-success-heading h2 {
font-size: 28px;
}
.premium-achievement-badge {
margin-bottom: 15px;
}
.premium-success-heading {
margin-bottom: 0px;
}
.premium-success-quote p {
font-size: 18px;
line-height: 1.4;
}
.premium-success-quote {
margin-bottom: 15px;
}
.premium-success-author {
margin-bottom: 10px;
}
.premium-success-cta {
padding: 10px 0;
font-size: 14px;
}
.page-template-crm-case-studies .premium-growth-buttons {
display: grid !important;
gap: 10px;
}
.crm-resources-hero-section h2 {
font-size: 32px;
margin-bottom: 10px;
}
.page-template-crm-resources .crm-resources-hero-section {
padding: 80px 0px 30px 0px !important;
}
.crm-resources-hero-section p {
font-size: 16px;
line-height: 1.5;
}
.crm-resources-hero-section .stats-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 10px;
}
.crm-resources-hero-section .stat-item {
padding: 10px;
min-width: 130px;
}
.page-template-crm-resources .stat-number {
font-size: 22px;
margin-bottom: 5px;
}
.page-template-crm-resources .stat-label {
font-size: 12px;
opacity: 0.9;
}
.crm-resources-hero-section .d-flex {
display: grid !important;
gap: 12px;
margin-bottom: 20px;
}
.crm-resources-hero-section .guide {
padding: 12px 25px;
width: 70%;
}
.crm-resources-hero-section .expert {
padding: 12px 25px;
width: 70%;
}
.page-template-crm-resources .crm-resources-section .section-header h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-crm-resources .crm-resources-section .section-header p {
font-size: 16px;
}
.page-template-crm-resources .crm-resources-section .section-header {
margin-bottom: 30px;
}
.page-template-crm-resources .crm-resource-card .card-body {
padding: 15px;
}
.page-template-crm-resources .crm-testimonials .section-header h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-crm-resources .crm-testimonials .section-header p {
font-size: 16px;
}
.page-template-crm-resources .crm-testimonials .section-header {
margin-bottom: 25px;
}
.page-template-crm-resources .testimonial-card {
padding: 15px;
margin: 0px;
}
.page-template-crm-resources .testimonial-slider {
padding: 0 0px;
}
.page-template-crm-resources .testimonial-content {
font-size: 16px;
margin-bottom: 20px;
}
.page-template-crm-resources .author-info p {
opacity: 0.8;
font-size: 12px;
}
.page-template-crm-resources .crm-comparison .section-header p {
font-size: 16px;
}
.page-template-crm-resources .crm-comparison .section-header {
margin-bottom: 25px;
}
.page-template-crm-resources .crm-integrations .section-header h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-crm-resources .crm-integrations .section-header p {
font-size: 16px;
}
.page-template-crm-resources .crm-integrations .section-header {
margin-bottom: 24px;
}
.page-template-crm-resources .integrations-grid {
grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
gap: 14px 8px;
}
.page-template-crm-resources .integration-card {
padding: 20px 10px;
}
.page-template-crm-resources .integration-logo img {
max-width: 80%;
}
.page-template-crm-resources .integration-cta {
margin-top: 25px;
}
.page-template-crm-resources .final-cta-content h2 {
font-size: 28px;
margin-bottom: 10px;
}
.page-template-crm-resources .final-cta-content p {
font-size: 16px;
margin-bottom: 15px;
}
.page-template-crm-resources .cta-primary {
padding: 12px 20px;
}
.page-template-crm-resources .cta-secondary {
padding: 12px 20px;
}
.page-template-crm-resources .guarantee-badge {
padding: 10px 13px;
margin-top: 25px;
font-size: 14px;
}
.page-template-features .transform-your-time .badge-group img {
margin-bottom: 30px !important;
}
.page-template-innerpage .our-customer-says .col-md-4 {
margin-bottom: 25px !important;
}
.page-template-innerpage .our-customer-says .three-cards {
padding: 30px 25px;
}
.page-template-crm-innerpage .our-customer-says .col-md-4 {
margin-bottom: 25px !important;
}
.page-template-solutions .creative-hero {
margin-top: -62px;
padding-top: 65px !important;
}
.page-template-partners .solution-workforce-analytics-section-para-box p {
font-size: 16px;
line-height: 1.4;
}
.page-template-partners .solution-workforce-analytics-section-para-box h2 {
font-size: 24px;
margin-bottom: 10px;
}
.page-template-partners .Deployment-section .col-md-4 {
margin-bottom: 20px !important;
}
.page-template-partners .Deployment-section-box .img {
margin-bottom: 15px !important;
}
.page-template-partners .inside-box:hover {
margin-bottom: 20px !important;
}
.page-template-pricing .hublog-premium-section .container {
padding: 0px 10px !important;
}
} @media (min-width: 1024px) and (max-width: 1439px) {
.why-choose-main {
height: 420px;
max-width: 420px;
}
.choose-us {
position: absolute;
height: 250px;
width: 250px;
}
.why-choose-main p {
padding-left: 140px;
}
.choose-us1,
.choose-us2,
.choose-us3,
.choose-us4 {
height: 70px;
width: 70px;
}
.choose-us1::before {
height: 70px;
width: 1.6px;
top: -32%;
right: -83%;
}
.choose-us2::before {
height: 70px;
width: 1.6px;
top: -32%;
right: -83%;
}
.choose-us3::before {
height: 70px;
width: 1.6px;
top: -32%;
right: -83%;
}
.choose-us4::before {
height: 70px;
width: 1.6px;
top: -32%;
right: -83%;
}
.choose-us-content4 {
top: 400px;
}
.choose-us-content3 {
top: 300px;
}
.choose-us-content2 {
top: 170px;
}
}