html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth
}
html,
body {
overflow-x: clip;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: border-box;
padding: 0;
margin: 0;
scroll-behavior: smooth;
}
a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
padding: 0;
margin: 0;
text-shadow: none;
outline: 0;
box-shadow: none;
text-decoration: none;
list-style: none;
}
b,
strong {
font-weight: 700;
}
body {
padding: 0;
margin: 0;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
overflow-x: clip;
}
p {
margin-bottom: 30px;
}
a {
color: #000000;
-webkit-transition: .5s all ease;
-ms-transition: .5s all ease;
transition: .5s all ease;
}
a:hover,
a:focus,
a:active {
color: #FFFFFF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
font-family: "Plus Jakarta Sans", sans-serif;
}
.mtb-120 {
margin: 120px 0;
}
.mt-30 {
margin-top: 30px;
}
.mt-50 {
margin-top: 50px;
}
.mb-120 {
margin-bottom: 120px;
}
.ptb-120 {
padding: 120px 0;
}
.ptb-80 {
padding: 80px 0;
}
.ptb-50 {
padding: 50px 0;
}
.pt-120 {
padding-top: 120px;
}
header {
padding: 28px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #FFFFFF;
z-index: 99;
-webkit-transition: .5s all ease;
-ms-transition: .5s all ease;
transition: .5s all ease;
}
header.sticky {
padding: 20px 0;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
header .navbar,
header .navbar-brand {
padding: 0;
margin: 0;
}
header .menu-item {
display: flex;
}
header .menu-item+.menu-item {
margin-left: 40px;
}
header .menu-item a {
display: inline-block;
font-size: 16px;
line-height: 22px;
font-family: "Plus Jakarta Sans", sans-serif;
color: #000000;
position: relative;
font-weight: 500;
transition: all 0.4s ease-in-out;
}
header .menu-item a:hover,
header .menu-item a:focus,
header .menu-item a:active,
header .menu-item.current-menu-item>a {
color: #0B85D1;
}
.header-btns {
display: flex;
align-items: center;
gap: 20px;
}
.header-btns .btn-secondary {
font-size: 16px;
line-height: 22px;
font-family: "Plus Jakarta Sans", sans-serif;
color: #0B85D1;
position: relative;
font-weight: 500;
transition: all 0.4s ease-in-out;
background-color: transparent;
border: none;
box-shadow: none;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu-inner {
position: absolute;
top: 100%;
right: -100px;
min-width: 370px;
padding-top: 54px;
opacity: 0;
visibility: hidden;
transition: all .5s ease-out;
transform: rotateX(90deg);
transform-origin: top;
}
.header-btns .btn-secondary.login-dropdown.open .sub-menu-inner {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu {
transition: all ease-in-out 0.4s;
background: #FFFFFF;
border: 1px solid #EFF0F7;
box-shadow: 0px 10px 14px rgba(74, 58, 255, 0.01), 0px 9px 26px rgba(23, 15, 73, 0.05);
border-radius: 12px;
padding: 10px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item {
flex-direction: column;
align-items: center;
background: #FFFFFF;
border: 1px solid #E8F1F4;
padding: 20px 15px 15px;
border-radius: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
margin: 0 !important;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item img {
width: 40px;
margin-bottom: 15px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item p {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 20px;
color: #333333;
margin-bottom: 15px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item .btn-default {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 18px;
color: #FFF;
width: 100%;
text-decoration: none !important;
border-radius: 5px;
padding: 9px 17px !important;
}
.header-btns .btn-default {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 17px;
background-color: #0B85D1;
border-radius: 10px;
font-size: 16px;
line-height: 27px;
font-family: "Plus Jakarta Sans", sans-serif;
color: #FFF;
position: relative;
font-weight: 700;
transition: all 0.4s ease-in-out;
}
.header-btns .btn-default:hover {
background-color: #10BCC6;
color: #FFFFFF;
}
header .menu-item.menu-item-has-children {
position: relative;
display: flex;
align-items: center;
}
header .menu-item.menu-item-has-children::after {
content: "";
width: 12px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-left: 7px;
transition: all ease-in-out 0.4s;
}
header .menu-item.menu-item-has-children:hover::after {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='%230B85D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
header .menu-item.menu-item-has-children:hover>a {
color: #0B85D1;
}
header .menu-item.menu-item-has-children>.sub-menu-inner,
header .menu-item.menu-item-has-children>.mega-menu-inner {
position: absolute;
top: 100%;
left: -80px;
min-width: 370px;
padding-top: 54px;
opacity: 0;
visibility: hidden;
transition: all .5s ease-out;
transform: rotateX(90deg);
transform-origin: top;
}
header .menu-item .sub-menu>a {
font-weight: 700;
font-size: 18px;
text-decoration: underline;
line-height: 18px;
color: #170F49;
display: block;
margin-bottom: 30px;
}
header .menu-item.menu-item-has-children>.mega-menu-inner {
min-width: 770px;
}
header .menu-item.menu-item-has-children:hover>.sub-menu-inner,
header .menu-item.menu-item-has-children:hover>.mega-menu-inner {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
header .menu-item.menu-item-has-children .sub-menu,
header .menu-item.menu-item-has-children .mega-menu-wrap {
transition: all ease-in-out 0.4s;
background: #FFFFFF;
border: 1px solid #EFF0F7;
box-shadow: 0px 10px 14px rgba(74, 58, 255, 0.01), 0px 9px 26px rgba(23, 15, 73, 0.05);
border-radius: 12px;
padding: 20px;
}
header .menu-item.menu-item-has-children .mega-menu-wrap {
padding: 0;
overflow: hidden;
position: relative;
}
header .menu-item.menu-item-has-children .mega-menu-wrap .mega-menu {
margin: 0;
padding: 20px 0px 20px 20px;
background-color: #F7F8FB;
width: 400px;
}
.mega-sub-wrap {
position: absolute;
left: 400px;
padding: 0 30px;
top: 30px;
right: 0;
bottom: 30px;
opacity: 0;
visibility: hidden;
}
header .menu-item.menu-item-has-children>.mega-menu-inner .menu-item.mega-sub-open .mega-sub-wrap {
opacity: 1;
visibility: visible;
}
.mega-sub-wrap {
position: absolute;
left: 400px;
padding: 0 30px;
right: 0;
top: 30px;
opacity: 0;
visibility: hidden;
}
.mega-sub-wrap>span {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #170F49;
display: block;
margin-bottom: 20px;
}
.mega-sub-wrap .mega-sub-menu {
margin: 0;
}
header .mega-sub-wrap .mega-sub-menu .menu-item a {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 400;
color: #6F6C90;
}
.menu-item-has-children .sub-menu .menu-item+.menu-item,
.menu-item-has-children .mega-menu .menu-item+.menu-item {
margin-top: 15px;
margin-left: 0;
}
.menu-item-has-children .sub-menu .menu-item>a,
.menu-item-has-children .mega-menu .menu-item>a {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #333333;
display: flex;
align-items: center;
gap: 18px;
}
.menu-item-has-children .sub-menu .menu-item>a .menu-icon,
.menu-item-has-children .mega-menu .menu-item>a .menu-icon {
min-width: 48px;
height: 48px;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.1);
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.menu-item-has-children .sub-menu .menu-item>a .menu-hover-icon,
.menu-item-has-children .mega-menu .menu-item>a .menu-hover-icon {
min-width: 15px;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
}
.menu-item-has-children .sub-menu .menu-item>a:hover,
.menu-item-has-children .sub-menu .menu-item>a:focus,
.menu-item-has-children .sub-menu .menu-item>a:active,
.menu-item-has-children .sub-menu .menu-item.current-menu-item>a,
.menu-item-has-children .mega-menu .menu-item>a:hover,
.menu-item-has-children .mega-menu .menu-item>a:focus,
.menu-item-has-children .mega-menu .menu-item>a:active,
.menu-item-has-children .mega-menu .menu-item.current-menu-item>a {
color: #0B85D1;
text-decoration: underline;
}
.menu-item-has-children .sub-menu .menu-item>a .menu-icon path,
.menu-item-has-children .mega-menu .menu-item>a .menu-icon path {
transition: all ease-in-out 0.4s;
}
.menu-item-has-children .sub-menu .menu-item>a:hover .menu-icon path,
.menu-item-has-children .sub-menu .menu-item>a:focus .menu-icon path,
.menu-item-has-children .sub-menu .menu-item>a:active .menu-icon path,
.menu-item-has-children .sub-menu .menu-item.current-menu-item>a .menu-icon path,
.menu-item-has-children .mega-menu .menu-item>a:hover .menu-icon path,
.menu-item-has-children .mega-menu .menu-item>a:focus .menu-icon path,
.menu-item-has-children .mega-menu .menu-item>a:active .menu-icon path,
.menu-item-has-children .mega-menu .menu-item.current-menu-item>a .menu-icon path {
fill: #0B85D1;
}
.menu-item-has-children .sub-menu .menu-item>a:hover .menu-hover-icon,
.menu-item-has-children .sub-menu .menu-item>a:focus .menu-hover-icon,
.menu-item-has-children .sub-menu .menu-item>a:active .menu-hover-icon,
.menu-item-has-children .sub-menu .menu-item.current-menu-item>a .menu-hover-icon,
.menu-item-has-children .mega-menu .menu-item>a:hover .menu-hover-icon,
.menu-item-has-children .mega-menu .menu-item>a:focus .menu-hover-icon,
.menu-item-has-children .mega-menu .menu-item>a:active .menu-hover-icon,
.menu-item-has-children .mega-menu .menu-item.current-menu-item>a .menu-hover-icon {
opacity: 1;
visibility: visible;
}
.header-btns .btn-secondary svg {
display: none;
}
/* Banner Css */
.ank-hm-banner {
padding: 30px 0 50px;
margin-top: 101px;
display: flex;
align-items: center;
}
.hb-desc {
z-index: 0;
}
.hb-desc::before {
content: "";
position: absolute;
width: 288px;
height: 288px;
left: -16px;
top: -48px;
background: #10BCC6;
opacity: 0.1;
filter: blur(32px);
border-radius: 100%;
z-index: -1;
}
.hb-desc h5,
.inb-desc h5 {
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(6px);
border-radius: 50px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
margin-bottom: 17px;
}
.hb-desc h1,
.inb-desc h1 {
font-family: 'Public Sans', sans-serif;
font-weight: 700;
font-size: 60px;
line-height: 70px;
color: #FFFFFF;
margin-bottom: 22px;
}
.hb-desc p,
.inb-desc p {
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #E5E7EB;
margin-bottom: 18px;
max-width: 92%;
}
.hb-desc h4 {
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 30px;
}
.hb-btns,
.inb-btns {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 30px;
}
.hb-btns .btn-outline,
.inb-btns .btn-outline {
font-size: 18px;
line-height: 22px;
font-family: "Inter", sans-serif;
color: #FFFFFF;
position: relative;
font-weight: 600;
transition: all 0.4s ease-in-out;
border: 1px solid #FFFFFF;
background-color: rgba(255, 255, 255, 0.002);
border-radius: 6px;
padding: 8px 31px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.hb-btns .btn-outline:hover,
.inb-btns .btn-outline:hover {
background-color: #FFFFFF;
color: #0B85D1;
}
.hb-btns .btn-default,
.inb-btns .btn-default {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 9px 31px;
background-color: #10BCC6;
font-size: 18px;
line-height: 22px;
font-family: "Inter", sans-serif;
color: #FFF;
position: relative;
font-weight: 600;
transition: all 0.4s ease-in-out;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.hb-btns .btn-default:hover,
.inb-btns .btn-default:hover {
background-color: #0B85D1;
color: #FFFFFF;
}
.hb-review {
display: flex;
align-items: center;
gap: 24px;
}
.hb-autor {
display: flex;
align-items: center;
}
.hb-autor li {
height: 40px;
width: 40px;
border: 2px solid #FFFFFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
color: #FFFFFF;
}
.hb-autor li+li {
margin-left: -8px;
}
.hb-star {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px;
}
.hb-review-info p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #D1D5DB;
margin-bottom: 0;
}
.ank-hban-img img {
width: 100%;
}
.ank-video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.ank-tab {
animation: up-down 1.5s ease-in-out infinite;
position: absolute;
background: #FFFFFF;
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 12px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 8px;
}
@keyframes up-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}
.ank-tab-1 {
top: 0;
left: -20px;
}
.ank-tab-2 {
top: 140px;
right: -20px;
}
.ank-tab-3 {
top: 260px;
right: -20px;
}
.ank-tab-4 {
bottom: -20px;
left: 200px;
}
.scroll-down-indicator {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
animation: bounce 2s infinite;
cursor: pointer;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateX(-50%) translateY(0);
}
40% {
transform: translateX(-50%) translateY(-10px);
}
60% {
transform: translateX(-50%) translateY(-5px);
}
}
/* Scroll Animation */
.cos-animation {
opacity: 0;
transform: translateY(80px);
transition: all 1s ease-out;
}
.cos-animation-left,
.cos-animation-right {
opacity: 0;
transition: all 1s ease-out;
}
.cos-animation-left {
transform: translateX(-80px);
}
.cos-animation-right {
transform: translateX(80px);
}
.cos-animation.show {
opacity: 1;
transform: translateY(0);
}
.cos-animation-left.show,
.cos-animation-right.show {
opacity: 1;
transform: translateX(0);
}
.ank-hm-banner .col-lg-6:nth-child(1) {
animation: slideLeft 1s ease-out both;
animation-timeline: view();
animation-range: entry 0% cover 40%;
}
.ank-hm-banner .col-lg-6:nth-child(2) {
animation: slideRight 1s ease-out both;
animation-timeline: view();
animation-range: entry 0% cover 40%;
}
@keyframes slideLeft {
from {
opacity: 0;
transform: translateX(-200px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideRight {
from {
opacity: 0;
transform: translateX(200px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Home Count Section */
.ank-hm-count {
padding: 65px 0;
border-bottom: 1px solid #E5E5E5;
}
.ank-hm-count-item h2 {
font-weight: 700;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #0B85D1;
margin-bottom: 9px;
}
.ank-hm-count .col-md-3:nth-child(even) .ank-hm-count-item h2 {
color: #10BCC6;
}
.ank-hm-count-item p {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #4B5563;
margin-bottom: 0;
}
/* Comman Title css */
.title-design {
width: fit-content;
font-weight: 600;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px;
color: #FFFFFF;
background: #10BCC6;
backdrop-filter: blur(25px);
border-radius: 50px;
padding: 5px 26px;
margin-bottom: 20px;
}
.title-design-1 {
background: #0B85D1;
}
.title-design-2 {
background: #FFFFFF;
color: #0B85D1;
backdrop-filter: blur(25px);
}
.title.text-center .title-design {
margin: 0 auto 20px;
}
.title h2 {
font-weight: 600;
font-size: 50px;
line-height: 63px;
letter-spacing: -0.2px;
color: #090914;
margin-bottom: 0;
}
.ank-dark-section .title h2 {
color: #FFFFFF;
}
.title:has(p) h2 {
margin-bottom: 20px;
}
.title h2 b,
.title h2 strong {
font-weight: 700;
color: #10BCC6;
}
.title p {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #52525B;
margin-bottom: 0;
}
.title.text-center p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
max-width: 70%;
margin: 0 auto;
}
.btn-default {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 49px;
background-color: #0B85D1;
border-radius: 10px;
font-size: 16px;
line-height: 24px;
font-family: "Plus Jakarta Sans", sans-serif;
color: #FFF;
position: relative;
font-weight: 700;
transition: all 0.4s ease-in-out;
}
.btn-default:hover {
background-color: #10BCC6;
color: #FFFFFF;
}
.btn-default-arrow {
padding: 11px 30px;
border-radius: 8px;
font-size: 14px;
line-height: 20px;
color: #FFF;
font-weight: 500;
}
.btn-outline {
width: fit-content;
display: flex;
align-items: center;
gap: 15px;
font-size: 14px;
line-height: 22px;
font-family: "Inter", sans-serif;
color: #FFFFFF;
position: relative;
font-weight: 600;
transition: all 0.4s ease-in-out;
border: 1px solid #FFFFFF;
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.002);
padding: 8px 30px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-outline path {
transition: all 0.4s ease-in-out;
}
.btn-outline:hover {
background-color: #FFFFFF;
color: #0B85D1;
}
.btn-outline:hover path {
stroke: #0B85D1;
}
/* Home Certifications Section */
.ank-hm-certification .row+.row {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #E4E4E7;
}
.ank-hm-certification .title-design {
margin-bottom: 30px;
padding: 5px 80px;
}
.certi-icon {
width: 56px;
height: 56px;
border-radius: 10px;
background-color: #A8A8A8;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
transition: all 0.4s ease-in-out;
}
.certi-box:hover .certi-icon {
background-color: #0B85D1;
}
.certi-box p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #090914;
margin-bottom: 0;
transition: all 0.4s ease-in-out;
}
.certi-box:hover p {
color: #0B85D1;
}
.certi-box p b,
.certi-box p strong {
font-weight: 700;
}
/* Home Problum Section */
.problem-box {
padding: 23px 23px 112px 0;
border-radius: 10px;
}
.pro-head {
width: fit-content;
background-color: #3DAFD7;
padding: 8px 70px;
margin-bottom: 50px;
}
.pro-head h3 {
font-weight: 600;
font-size: 45px;
line-height: 62px;
text-align: center;
color: #FFFFFF;
margin-bottom: 0
}
.problem-box ul {
padding-left: 46px;
}
.default-bullet ul li {
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #333333;
padding-left: 40px;
position: relative;
}
.default-bullet ul li+li {
margin-top: 20px;
}
.default-bullet ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
border-radius: 50%;
background-color: #E3F4FF;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5375 0.320176L4.18414 8.38184L1.96747 6.01351C1.55914 5.62851 0.917473 5.60518 0.450807 5.93184C-0.00419315 6.27018 -0.132527 6.86518 0.147473 7.34351L2.77247 11.6135C3.02914 12.0102 3.47247 12.2552 3.97414 12.2552C4.45247 12.2552 4.90747 12.0102 5.16414 11.6135C5.58414 11.0652 13.5991 1.51018 13.5991 1.51018C14.6491 0.436843 13.3775 -0.508157 12.5375 0.30851V0.320176Z' fill='%230B85D1'/%3E%3C/svg%3E%0A");
background-size: 14px 12px;
background-position: center;
background-repeat: no-repeat;
}
.pro-icon {
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
width: 151px;
height: 151px;
display: flex;
align-items: center;
justify-content: center;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .pro-head {
margin-left: auto;
background-color: #FFFFFF;
padding: 8px 100px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .pro-head h3 {
color: #0B85D1;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box {
padding-right: 0;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box ul {
padding-left: 160px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box ul li {
color: #FFFFFF;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box .pro-icon {
right: auto;
left: -30px;
}
/* Home Solutions Section */
.sol-box {
background: #FFFFFF;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 40px;
transition: all 0.4s ease-in-out;
height: 100%;
}
.sol-box:hover {
border-color: #0b85d1;
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-5px);
}
.ank-hm-solution .row .col-lg-4:nth-child(2) .sol-box:hover,
.ank-hm-solution .row .col-lg-4:nth-child(5) .sol-box:hover {
border-color: #10BCC6;
}
.ank-hm-solution .row .col-lg-4:nth-child(3) .sol-box:hover,
.ank-hm-solution .row .col-lg-4:nth-child(6) .sol-box:hover,
.ank-hm-solution .row .col-lg-4:nth-child(8) .sol-box:hover {
border-color: #273C75;
}
.sol-icon {
width: 64px;
height: 64px;
background: rgba(11, 133, 209, 0.082);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.sol-icon svg {
max-width: 32px;
max-height: 32px;
}
.sol-box h3 {
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #000000;
margin-bottom: 6px;
transition: all 0.4s ease-in-out;
}
.sol-box:hover h3 {
color: #0B85D1;
}
.ank-hm-solution .row .col-lg-4:nth-child(2) .sol-box:hover h3,
.ank-hm-solution .row .col-lg-4:nth-child(5) .sol-box:hover h3 {
color: #10BCC6;
}
.ank-hm-solution .row .col-lg-4:nth-child(3) .sol-box:hover h3,
.ank-hm-solution .row .col-lg-4:nth-child(6) .sol-box:hover h3,
.ank-hm-solution .row .col-lg-4:nth-child(8) .sol-box:hover h3 {
color: #273C75;
}
.sol-box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 0px;
}
.ank-hm-solution .row,
.ank-hm-why .row,
.ank-integration .row,
.ank-indu-list .row,
.ank-article-list .row,
.ank-free-down .row,
.erp-addons-section .row,
.ank-cta-free .row,
.ank-indutech-section .row,
.ank-fea-why .row,
.ank-hm-indu .row {
row-gap: 30px;
}
.ank-hm-solution .row .col-lg-4:nth-child(2) .sol-icon,
.ank-hm-solution .row .col-lg-4:nth-child(5) .sol-icon {
background: rgba(16, 188, 198, 0.082);
}
.ank-hm-solution .row .col-lg-4:nth-child(3) .sol-icon,
.ank-hm-solution .row .col-lg-4:nth-child(6) .sol-icon,
.ank-hm-solution .row .col-lg-4:nth-child(8) .sol-icon {
background: rgba(39, 60, 117, 0.082);
}
/* Home Stories Section */
.story-box {
background: #FFFFFF;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
transition: all 0.4s ease-in-out;
}
.story-box:hover {
border-color: #0b85d1;
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-5px);
}
.story-head {
padding: 24px;
background: linear-gradient(135deg, #0B85D1 0%, #10BCC6 100%);
border-radius: 12px 12px 0 0;
}
.story-head h3 {
font-weight: 700;
font-size: 36px;
line-height: 40px;
color: #FFFFFF;
margin-bottom: 8px;
}
.story-head p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
opacity: 0.9;
margin-bottom: 0px;
}
.story-desc {
padding: 24px;
}
.story-desc h4 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #000000;
margin-bottom: 8px;
}
.story-desc p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4B5563;
margin-bottom: 18px;
}
.story-desc p+p {
font-style: italic;
margin-bottom: 0;
}
/* Home Easy Section */
.easy-img img {
width: 100%;
}
.easy-count {
position: absolute;
bottom: 20px;
right: 0px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 24px;
border-radius: 12px;
background-color: #FFFFFF;
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.easy-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #16A34A;
margin-bottom: 0;
}
.easy-desc p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 0;
}
.easy-list-main {
margin: 30px 0;
}
.easy-list {
width: fit-content;
display: flex;
align-items: center;
gap: 12px;
}
.easy-list+.easy-list {
margin-top: 15px;
}
.easy-li-icon {
min-width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: #E8F1F4;
transition: all 0.4s ease-in-out;
}
.easy-list .easy-li-icon path {
transition: all 0.4s ease-in-out;
}
.easy-list:hover .easy-li-icon {
background-color: #11C5C4;
}
.easy-list:hover .easy-li-icon path {
stroke: #FFFFFF;
}
.easy-li-desc p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #374151;
margin-bottom: 0;
}
.easy-li-desc p b,
.easy-li-desc p strong {
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
padding: 3px 11px;
border-radius: 50px;
background-color: #0B85D1;
}
/* Home Why Choose Section */
.why-box {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
border-radius: 12px;
padding: 25px;
transition: all 0.4s ease-in-out;
height: 100%;
}
.why-box:hover {
border-color: #FFFFFF;
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-5px);
}
.why-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px;
}
.why-icon {
width: 56px;
height: 56px;
background: #10BCC6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease-in-out;
}
.why-box:hover .why-icon {
transform: scale(1.05);
}
.why-head p {
font-weight: 600;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
background: rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 4px 10px;
margin-bottom: 0;
transition: all 0.4s ease-in-out;
}
.why-box:hover .why-head p {
background-color: #FFFFFF;
color: #0B85D1;
}
.why-desc h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #0A0A0A;
margin-bottom: 7px;
}
.why-desc p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #E5E7EB;
margin-bottom: 0;
}
/* Home Industry Section */
.indu-box {
transition: all 0.4s ease-in-out;
height: 100%;
background: #FFFFFF;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
overflow: hidden;
}
.indu-box:hover {
border-color: #0b85d1;
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-5px);
}
.indu-image img {
width: 100%;
object-fit: cover;
transition: all 0.4s ease-in-out;
}
.indu-box:hover .indu-image img {
transform: scale(1.05);
}
.indu-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;
transition: all 0.4s ease-in-out;
}
.indu-box:hover .indu-image::after {
transform: scale(1.05);
opacity: 0;
}
.indu-desc {
padding: 25px;
}
.indu-icon {
margin-bottom: 12px;
}
.indu-icon svg path {
transition: all 0.4s ease-in-out;
}
.indu-box:hover .indu-icon svg path {
stroke: #10BCC6;
}
.indu-desc h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #000000;
margin-bottom: 8px;
}
.indu-desc p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #4B5563;
margin-bottom: 16px;
}
.indu-desc .arrow-btn {
width: fit-content;
font-weight: 500;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
gap: 12px;
color: #0B85D1;
}
/* Mobile App Section */
.ank-hm-mobile .title h2 {
max-width: 90%;
}
.ank-hm-mobile .title p {
max-width: 82%;
}
.mobile-list ul {
margin: 30px 0;
}
.mobile-list ul li+li {
margin-top: 20px;
}
.mobile-list ul li {
width: fit-content;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #667085;
padding-left: 40px;
position: relative;
transition: all 0.4s ease-in-out;
}
.mobile-list ul li:hover {
color: #0B85D1;
}
.mobile-list ul li::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
border-radius: 50%;
background-color: #E3F4FF;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5375 0.320176L4.18414 8.38184L1.96747 6.01351C1.55914 5.62851 0.917473 5.60518 0.450807 5.93184C-0.00419315 6.27018 -0.132527 6.86518 0.147473 7.34351L2.77247 11.6135C3.02914 12.0102 3.47247 12.2552 3.97414 12.2552C4.45247 12.2552 4.90747 12.0102 5.16414 11.6135C5.58414 11.0652 13.5991 1.51018 13.5991 1.51018C14.6491 0.436843 13.3775 -0.508157 12.5375 0.30851V0.320176Z' fill='%230B85D1'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 14px 13px;
background-position: center;
transition: all 0.4s ease-in-out;
}
.mobile-list ul li:hover::after {
background-color: #0B85D1;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5375 0.320176L4.18414 8.38184L1.96747 6.01351C1.55914 5.62851 0.917473 5.60518 0.450807 5.93184C-0.00419315 6.27018 -0.132527 6.86518 0.147473 7.34351L2.77247 11.6135C3.02914 12.0102 3.47247 12.2552 3.97414 12.2552C4.45247 12.2552 4.90747 12.0102 5.16414 11.6135C5.58414 11.0652 13.5991 1.51018 13.5991 1.51018C14.6491 0.436843 13.3775 -0.508157 12.5375 0.30851V0.320176Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mob-scan-btn {
margin-bottom: 30px;
gap: 20px;
}
.mobapp-link-btn {
display: flex;
align-items: center;
gap: 20px;
}
.mobapp-link-btn a,
.calcu-btn button {
display: flex;
align-items: center;
gap: 12px;
padding: 13px 30px;
font-size: 16px;
line-height: 22px;
background-color: #000000;
border-radius: 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
color: #FFFFFF;
border: none;
}
/* Home Testimonial Section */
.ank-hm-testi .title h2 b,
.ank-hm-testi .title h2 strong {
color: #000000;
}
.ank-hm-testi {
overflow: hidden;
}
.ank-hm-testi .title p {
color: #FFFFFF;
}
.ank-hm-testi .row+.row {
margin-top: 30px;
}
.testi-thumb-slider {
bottom: -80px;
z-index: -1;
}
.testi-thumb-bg {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: linear-gradient(180deg, #2EAFC7 0%, #50AFEA 100%);
border-radius: 619.794px 619.794px 0px 0px;
padding: 70px 70px 0 70px;
}
.testi-thumb-slider .swiper-slide {
height: 442px;
display: flex;
align-items: flex-end;
}
.testi-thumb {
width: fit-content;
position: relative;
margin: 0 auto;
z-index: 0;
}
.testi-thumb img {
margin-bottom: -2px;
display: block;
}
.testi-info {
margin-bottom: 20px;
}
.testi-star {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.testi-info h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 166.6%;
color: #FFFFFF;
margin-bottom: 0;
}
.testi-content p {
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.testi-content h5 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
margin-bottom: 4px;
}
.testi-content h5+p {
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
margin-bottom: 0;
}
.testi-nav-pagi {
display: flex;
align-items: center;
gap: 20px;
margin-top: 30px;
}
.testi-nav {
display: flex;
align-items: center;
gap: 5px;
width: 105px;
}
.testi-nav>div::after {
display: none;
}
.testi-nav>div {
position: static;
height: 50px;
width: 50px;
border-radius: 50%;
background-color: #FFFFFF;
margin: 0 !important;
opacity: 1 !important;
}
.testi-nav>div>svg {
height: 16px;
width: 16px;
}
.testi-pagi {
width: 100%;
position: relative;
}
.testi-pagi::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
height: 1px;
background-color: #FFFFFF;
z-index: -2;
}
.testi-pagi::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 1px;
background-color: #000000;
z-index: -1;
transition: all 0.4s ease-in-out;
}
.testi-pagi:has(.swiper-pagination-bullet:nth-child(1).my-bullet-prev)::after {
right: 50%;
}
.testi-pagi:has(.swiper-pagination-bullet:nth-child(2).my-bullet-prev)::after {
right: 0%;
}
/* .testi-pagi:has(.swiper-pagination-bullet:nth-child(3).my-bullet-prev)::after {
right: 0%;
} */
.testi-pagi>.testi-pagination {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
}
.testi-pagi>.testi-pagination>.swiper-pagination-bullet {
height: 9px;
width: 9px;
background-color: #FFFFFF;
opacity: 1;
margin: 0;
}
.testi-pagi>.testi-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active,
.testi-pagi>.testi-pagination>.swiper-pagination-bullet.my-bullet-prev {
background-color: #000000;
}
/* Home Business Section */
.busi-box {
background: #FAFAF9;
border-radius: 15px;
padding: 30px;
}
.busi-logo {
margin-bottom: 25px;
}
.busi-desc {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding: 11px 16px;
border-radius: 10px;
background-color: #000000;
}
.busi-left h4 {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 21px;
color: #A1A1AA;
margin-bottom: 0;
}
.busi-left h5 {
font-weight: 700;
font-size: 12px;
line-height: 22px;
color: #FFFFFF;
margin-bottom: 0;
}
.busi-right p {
font-weight: 400;
font-size: 26px;
line-height: 26px;
margin-bottom: 0;
}
.busi-report {
padding: 10px 16px 18px;
background-color: #FFFFFF;
border-radius: 10px;
box-shadow: 0px 4px 4px rgba(35, 40, 105, 0.08);
}
.bu-rep-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.bu-rep-head h4 {
font-weight: 700;
font-size: 13px;
line-height: 22px;
color: #18181B;
margin-bottom: 0;
}
.bu-rep-head h5 {
font-weight: 700;
font-size: 13px;
line-height: 22px;
color: #D4D4D8;
margin-bottom: 0;
}
.bu-rep-img img {
width: 100%;
}
.ank-hm-business .title p {
margin-bottom: 30px;
}
.ank-hm-business .btns {
display: flex;
align-items: center;
gap: 20px;
}
.ank-hm-business .btns .btn-default {
background-color: #000000;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
}
.ank-hm-business .btns .btn-default:hover {
background-color: #0B85D1;
color: #FFFFFF;
}
.ank-hm-business .btns .btn-outline {
background-color: #FFFFFF;
font-size: 18px;
line-height: 24px;
color: #000000;
padding: 13px 49px;
border: 2px solid #A1A1AA;
border-radius: 10px;
}
.ank-hm-business .btns .btn-outline:hover {
background-color: #10BCC6;
color: #FFFFFF;
border-color: #10BCC6;
}
/* Home download section */
.ank-hm-download .title h2 {
max-width: 80%;
}
.ank-hm-download .title p {
margin-bottom: 30px;
}
.ank-hm-download .title .btn-default {
padding: 14px 28px;
}
.down-img-inner {
width: fit-content;
padding-right: 20px;
margin-left: auto;
}
.down-shap {
position: absolute;
top: 0;
right: 0;
}
.down-shap.shap-1 {
top: -37px;
left: -53px;
right: auto;
transform: rotate(-5deg);
}
.down-shap.shap-2 {
top: -19px;
transform: rotate(-7deg);
right: 95px;
}
.down-shap.shap-3 {
top: 20px;
}
/* Get in Toch Section */
.get-cta-inner {
padding: 33px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
border-radius: 12px;
}
.get-cta-inner .row {
row-gap: 25px;
}
.forminator-ui {
margin: 0 !important;
}
.get-cta-inner .forminator-label,
.calcu-veri-form .forminator-label {
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;
color: #273C75 !important;
display: inline-block !important;
margin-bottom: 8px !important;
}
.get-cta-inner .forminator-input,
.get-cta-inner .forminator-textarea,
.calcu-veri-form .forminator-input {
width: 100% !important;
background: #FFFFFF !important;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 14px !important;
color: #9CA3AF !important;
padding: 12px 17px !important;
outline: none !important;
}
.get-cta-inner .forminator-input:focus,
.get-cta-inner .forminator-textarea:focus,
.calcu-veri-form .forminator-input:focus {
border-color: #10BCC6 !important;
}
.selection .select2-selection {
background: #FFFFFF !important;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
outline: none !important;
}
.selection .select2-selection .select2-selection__rendered {
padding: 12px 0 12px 17px !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 14px !important;
color: #9CA3AF !important;
}
.selection .select2-selection .select2-selection__arrow {
color: #9CA3AF !important;
}
.select2-container .forminator-select-dropdown {
background: #FFFFFF !important;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
padding: 0 !important;
}
.select2-results__options .select2-results__option {
font-weight: 400 !important;
font-size: 14px !important;
line-height: 20px !important;
padding: 12px 10px !important;
color: #9CA3AF !important;
outline: none !important;
overflow: hidden !important;
}
.select2-results__options .select2-results__option.select2-results__option--highlighted,
.select2-results__options .select2-results__option.select2-results__option--selected {
background-color: #0B85D1 !important;
color: #FFFFFF !important;
}
.forminator-button {
display: block !important;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 26px !important;
color: #FFFFFF !important;
width: 100% !important;
background: #0B85D1 !important;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
border-radius: 6px !important;
border: none !important;
padding: 10px 22px !important;
position: relative;
outline: none !important;
}
.forminator-button::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6907 14.4577C9.71603 14.5208 9.76006 14.5747 9.81688 14.6121C9.87371 14.6494 9.9406 14.6685 10.0086 14.6668C10.0766 14.665 10.1424 14.6426 10.1973 14.6023C10.2521 14.5621 10.2933 14.506 10.3154 14.4417L14.6487 1.77503C14.67 1.71596 14.6741 1.65203 14.6604 1.59073C14.6468 1.52943 14.6159 1.47329 14.5715 1.42888C14.5271 1.38447 14.471 1.35363 14.4097 1.33996C14.3484 1.32629 14.2844 1.33036 14.2254 1.3517L1.5587 5.68503C1.49436 5.70709 1.43832 5.74831 1.39808 5.80314C1.35785 5.85798 1.33535 5.92381 1.33361 5.9918C1.33186 6.05979 1.35096 6.12669 1.38834 6.18351C1.42571 6.24034 1.47958 6.28437 1.5427 6.3097L6.82937 8.4297C6.99649 8.49661 7.14833 8.59667 7.27574 8.72385C7.40315 8.85103 7.50349 9.00269 7.5707 9.1697L9.6907 14.4577Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5692 1.43164L7.27588 8.72431' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-left: 13px;
}
/* Footer */
footer {
padding: 70px 0 50px;
}
.f-logo {
margin-bottom: 20px;
display: inline-block;
}
.f-desc p {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #FFFFFF;
margin-bottom: 20px;
}
.f-com-info li+li {
margin-top: 12px;
}
.f-com-info li a {
display: flex;
align-items: flex-start;
gap: 12px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #FFFFFF;
}
.f-com-info li a svg {
min-width: 24px;
height: 24px;
margin-top: 5px;
}
.f-com-info li a:hover,
.f-link .menu-item a:hover,
.f-b-desc p a:hover {
color: #10BCC6;
}
.f-com-info li a path {
transition: all 0.4s ease-in-out;
}
.f-com-info li a:hover path {
fill: #10BCC6;
}
.f-tili-wrap {
display: flex;
justify-content: space-around;
}
.f-title h5 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 23px;
color: #FFFFFF;
margin-bottom: 20px;
}
.f-link .menu-item+.menu-item {
margin-top: 10px;
}
.f-link .menu-item a {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #FFFFFF;
}
.f-bottom {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #E2E8F0;
}
.f-social-title h6 {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #FFFFFF;
}
.f-social {
display: flex;
align-items: center;
gap: 4px;
}
.f-social li a {
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
border: 1px solid rgba(148, 147, 163, 0.63);
border-radius: 50px;
}
.f-social li a:hover {
background-color: #10BCC6;
}
.f-b-desc p {
margin-bottom: 0;
color: #FFFFFF;
}
.f-b-desc p a {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
}
/* GST Search Section */
.gst-search-box {
border: 1px solid #EAECF0;
border-radius: 12px;
}
.gst-search-form {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px;
}
.gst-search-input input {
background: #FFFFFF;
border: 1px solid #0B85D1;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #E0F3FF;
border-radius: 8px;
padding: 10px 14px 10px 42px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #667085;
min-width: 400px;
outline: none !important;
}
.gst-search-input span {
position: absolute;
height: 20px;
width: 20px;
left: 14px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
}
.gst-search-form button {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 25px;
gap: 8px;
background: #000000;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
}
.gst-search-content {
border-top: 1px solid #EAECF0;
padding: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 12px;
}
.gst-search-icon {
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.gst-search-desc {
max-width: 350px;
text-align: center;
}
.gst-search-desc h4 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #101828;
margin-bottom: 4px;
}
.gst-search-desc p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #667085;
margin-bottom: 0;
}
.gst-data-show {
width: 100%;
}
.gst-data-number-active {
display: flex;
align-items: center;
gap: 10px;
position: relative;
margin-bottom: 30px;
}
.gst-data-number-active .gst-data-badge {
background-color: #dcfce7ff;
color: #15803dff;
padding: 6px 12px 8px;
border-radius: 50px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 12px;
line-height: 12px;
font-weight: 500;
}
.gst-data-number-active .gst-data-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #dcf9f6ff;
}
.gst-data-icon svg,
.gst-data-icon img {
max-width: 20px;
max-height: 20px;
}
.gst-data-icon svg {
max-width: 20px;
max-height: 20px;
}
.gst-data-con p {
font-size: 14px;
line-height: 20px;
color: #52525B;
margin-bottom: 5px;
}
.gst-data-con h4 {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 22px;
color: #090914;
margin-bottom: 0;
font-weight: 400;
}
.gst-data-number-active .gst-data-con h4 {
font-weight: 500;
}
.gst-data-main {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.gst-data-box {
background: #FFFFFF;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
gap: 10px;
position: relative;
padding: 15px;
border-radius: 10px;
}
/* Calculator Section */
.calcultor-box {
padding: 55px 50px;
border: 1px solid #D7D7D7;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.calcultor-box .row {
margin-top: 30px;
}
.calcu-box+.calcu-box {
margin-top: 50px;
}
.calcu-box .existing-balance-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.calcu-box .white-bx {
margin-bottom: 16px;
}
.calcu-box .white-bx .existing-balance-container {
margin-bottom: 25px;
}
.calcu-box .white-bx .existing-balance-container .existingbal-desc .title {
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #000000;
margin-bottom: 0;
}
.calcu-box .white-bx .existing-balance-container .form-input {
width: 140px;
padding: 10px 16px;
background: #000000;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
outline: none;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.calcu-box .white-bx .existing-balance-container .static-placeholder {
position: absolute;
top: 13px;
left: 80px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: rgba(37, 36, 57, 0.5);
margin: 0;
}
/* ================= Slider ================= */
.calcu-box .slider-wraper {
position: relative;
z-index: 1;
}
.calcu-box .slider-wraper .styled-slider {
height: 5px;
background: #D9D9D9;
display: flex;
align-items: center;
position: relative;
z-index: 2;
}
.calcu-box .slider-wraper .styled-slider input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 5px;
background: transparent;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
transition: background 450ms ease-in;
}
/* Webkit Thumb */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 26px;
width: 26px;
border-radius: 50%;
background: #FFFFFF;
border: 2px solid #0B85D1;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 2;
}
/* Firefox Thumb */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-moz-range-thumb {
height: 26px;
width: 26px;
border-radius: 50%;
background: #FFFFFF;
border: 2px solid #0B85D1;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 2;
}
.calcu-box .slider-wraper .styled-slider input[type="range"]::-moz-range-track {
background: transparent;
height: 5px;
border-radius: 999px;
}
/* IE / Edge */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-ms-thumb {
height: 26px;
width: 26px;
border-radius: 50%;
background: #FFFFFF;
border: 2px solid #0B85D1;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 2;
}
.calcu-box .slider-wraper .styled-slider input[type="range"]::-ms-track {
background: transparent;
border-color: transparent;
color: transparent;
height: 10px;
}
/* Slider Ticks */
.calcu-box .slider-wraper .styled-slider .slider-ticks .slider-tick {
width: 4px;
height: 4px;
border-radius: 50%;
top: 2px;
background: rgba(255, 255, 255, 0.5);
}
.calcu-box .slider-wraper .styled-slider .slider-ticks .slider-tick.is-current {
opacity: 0;
}
/* Help Block */
.calcu-box .slider-wraper .help-block {
margin: 8px 0 0;
display: flex;
justify-content: space-between;
}
.calcu-box .slider-wraper .help-block span {
font-size: 12px;
font-weight: 500;
color: #686873;
}
.calcu-input-inner .calcu-btn .btn-default {
border: none;
padding: 16px 70px;
background-color: #000000;
color: #FFFFFF;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 24px;
transition: all 0.3s ease-in-out;
}
.calcu-input-inner .calcu-btn .btn-default:hover {
background-color: #0B85D1;
}
.calcu-detials-mai {
background-color: #0B85D1;
border-radius: 10px;
}
.calcu-data-count {
padding: 25px 30px;
background: #EBF7FF;
border-radius: 10px 10px 0 0;
}
.calcu-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.calcu-top li {
display: flex;
align-items: center;
gap: 5px;
}
.calcu-top li+li {
margin-top: 5px;
}
.calcu-top li span {
width: 24px;
height: 9px;
background: #D9D9D9;
border-radius: 10px;
}
.calcu-top li.in-am span {
background: #0B85D1;
}
.calcu-top li p {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000000;
margin-bottom: 0;
}
.count-num>div {
position: absolute;
top: 50px;
right: 30px;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
}
.count-num>div.pr-am-num {
top: auto;
bottom: 45px;
left: 35px;
font-size: 12px;
line-height: 20px;
color: #0B85D1;
}
.calcu-bottom ul li {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #000000;
}
.calcu-bottom ul li+li {
margin-top: 13px;
}
.calcu-bottom ul li>* {
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #000000;
margin-bottom: 0;
}
.calcu-bottom ul li p {
width: 90px;
font-weight: 600;
}
.calcu-data-count::after {
content: '';
position: absolute;
bottom: -39px;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
border-left: 53px solid transparent;
border-right: 53px solid transparent;
border-top: 53px solid #EBF7FF;
}
.calcu-totle-data {
padding: 58px 30px 35px;
}
.calcu-totle-data h4 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 23px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 15px;
}
.data-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.data-inner-item span {
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 2px;
}
.data-inner-item p {
font-weight: 700;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 0;
}
/* Inner banner css */
.ank-inner-banner {
min-height: 750px;
/* padding: 75px 0 50px; */
margin-top: 103px;
display: flex;
align-items: center;
}
.inb-desc h5 {
margin: 0 auto 17px;
}
.inb-desc h1 b,
.inb-desc h1 strong {
color: #333333;
font-weight: 700;
}
.inb-desc h4 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #F2F2F2;
margin-bottom: 20px;
}
.inb-desc p {
margin: 0 auto 20px;
}
.inb-btns {
justify-content: center;
margin-bottom: 35px;
}
.ank-inner-banner-counter .row+.row {
margin-top: 40px;
}
.inb-box {
padding: 30px 35px;
text-align: center;
background: rgba(231, 243, 251, 0.2);
backdrop-filter: blur(3px);
border-radius: 20px;
border: 2px solid #FFFFFF;
}
.ank-inner-banner-counter .inb-box {
padding: 25px 35px;
}
.inb-box h2 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 50px;
line-height: 61px;
text-align: center;
color: #FFFFFF;
margin-bottom: 0;
}
.inb-box p {
font-weight: 600;
font-size: 17.2171px;
line-height: 19px;
color: #FFFFFF;
margin: 14px 0 0;
}
/* Product Page */
/* Modules Section */
.mod-tab-slider {
padding: 25px 50px;
background: #E3F4FF;
}
.mod-tab-box,
.solu-tab-box {
padding: 20px 27px;
background: #FFFFFF;
border-radius: 20px;
border: 2px solid #F1F2F9;
text-align: center;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.mod-tab-box.active,
.mod-tab-box:hover {
background: #0B85D1;
}
.mod-tab-box path {
transition: all 0.4s ease-in-out;
}
.mod-tab-box.active path,
.mod-tab-box:hover path {
fill: #FFFFFF;
}
.mod-tab-box p,
.solu-tab-box p {
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #333333;
margin: 10px 0 0;
}
.mod-tab-box.active p,
.mod-tab-box:hover p {
color: #FFFFFF;
}
.mod-tb-img {
width: 100%;
padding: 15px;
background: rgba(17, 197, 196, 0.2);
backdrop-filter: blur(2.5px);
border-radius: 10px;
}
.mod-tb-img img {
width: 100%;
}
.mod-content {
display: none;
}
.mod-content .title p {
margin-bottom: 20px;
}
.mod-content .title h4 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #0B85D1;
margin-bottom: 10px;
}
.mod-content-img {
background: rgba(17, 197, 196, 0.2);
backdrop-filter: blur(2.5px);
border-radius: 10px;
padding: 15px;
}
.mod-content-img img {
width: 100%;
}
.mod-content .default-bullet ul li+li {
margin-top: 10px;
}
.mod-content .default-bullet ul {
margin-bottom: 30px;
}
/* Price Plan Section */
.plan-tab,
.pr-plan-tab,
.pr-indu-plan-tab {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
gap: 24px;
margin-top: 20px;
}
.plan-tab p {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #191D23;
margin-bottom: 0;
}
.plan-tab ul,
.pr-plan-tab ul,
.pr-indu-plan-tab ul {
display: flex;
align-items: center;
width: 44px;
padding: 2px;
border-radius: 50px;
background: #10BCC6;
}
.plan-tab ul .plan-item,
.pr-plan-tab ul .plan-item,
.pr-indu-plan-tab ul .plan-item {
width: 20px;
height: 20px;
background: #FFFFFF;
border-radius: 50%;
opacity: 0;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.plan-tab ul .plan-item.active,
.pr-plan-tab ul .plan-item.active,
.pr-indu-plan-tab ul .plan-item.active {
opacity: 1;
}
.discount-leble {
position: absolute;
bottom: -40px;
left: 59%;
transform: translateX(-50%);
display: flex;
align-items: flex-end;
z-index: -1;
}
.discount-leble span {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #0B85D1;
margin-bottom: 16px;
}
.price-box {
border-radius: 12px;
padding: 40px 25px 25px;
transition: all 0.4s ease-in-out;
height: 100%;
}
.price-box:hover {
background: linear-gradient(180deg, #0B85D1 0%, #11C5C4 100%);
box-shadow: 0px 10px 25px rgba(17, 197, 196, 0.2);
}
.price-head {
margin-bottom: 40px;
}
.price-head h4 {
font-weight: 700;
font-size: 22px;
line-height: 28px;
color: #191D23;
margin-bottom: 11px;
transition: all 0.4s ease-in-out;
}
.price-head p {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #64748B;
margin-bottom: 20px;
transition: all 0.4s ease-in-out;
}
.price-head h3 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 56px;
line-height: 68px;
color: #191D23;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.4s ease-in-out;
}
.price-head h3 b,
.price-head h3 strong {
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #4B5768;
transition: all 0.4s ease-in-out;
}
.price-head .btn-outline {
padding: 10px 20px;
border: 2px solid #0B85D1;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #0B85D1;
width: 100%;
justify-content: center;
}
.price-box:hover .price-head .btn-outline {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #0B85D1;
}
.scondary-bullet ul li {
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #191D23;
transition: all 0.4s ease-in-out;
}
.price-box:hover .price-head h4,
.price-box:hover .price-head p,
.price-box:hover .price-head h3,
.price-box:hover .price-head h3 b,
.price-box:hover .price-head h3 strong,
.price-box:hover .scondary-bullet ul li {
color: #FFFFFF;
}
.scondary-bullet ul li+li {
margin-top: 12px;
}
.scondary-bullet ul li::before {
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8162 4.20701C14.0701 4.47369 14.0597 4.89568 13.793 5.14954L6.08929 12.4829C5.95774 12.6081 5.78078 12.6742 5.59933 12.666C5.41789 12.6577 5.24766 12.5758 5.12803 12.4391L2.16506 9.05451C1.92254 8.77748 1.95052 8.35629 2.22755 8.11377C2.50459 7.87125 2.92577 7.89923 3.16829 8.17626L5.67342 11.0379L12.8737 4.1838C13.1404 3.92994 13.5624 3.94033 13.8162 4.20701Z' fill='%230B85D1'/%3E%3C/svg%3E%0A");
background-size: 16px 16px;
transition: all 0.4s ease-in-out;
}
.price-box:hover .scondary-bullet ul li::before {
background-color: #FFFFFF;
}
.plan-content-main {
margin: 50px 0 30px;
}
.plan-content {
display: none;
}
.plan-desc p {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #191D23;
margin-bottom: 15px;
}
.plan-desc .btn-outline {
padding: 10px 110px;
border: 2px solid #0B85D1;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #0B85D1;
justify-content: center;
margin: 0 auto;
}
.plan-desc .btn-outline:hover {
background-color: #0B85D1;
color: #FFFFFF;
}
/* Partner Section */
.partner-box {
padding: 25px 40px;
border-radius: 20px;
background-color: #F8F8F8;
transition: all 0.4s ease-in-out;
border: 1px solid transparent;
}
.partner-box:hover {
background-color: #FFFFFF;
border-color: #11C5C4;
box-shadow: 0px 4px 20px 1px rgba(17, 197, 196, 0.2);
}
.partner-img {
height: 0;
width: 50px;
border-radius: 10px;
background-color: #11C5C4;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
transition: all 0.4s ease-in-out;
}
.partner-img img {
opacity: 0;
transition: all 0.4s ease-in-out;
}
.partner-box:hover .partner-img {
height: 50px;
}
.partner-box:hover .partner-img img {
opacity: 1;
}
.partner-desc h3 {
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
font-weight: 600;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.3px;
color: #000000;
transition: all 0.4s ease-in-out;
}
.partner-box:hover .partner-desc h3 {
color: #0B85D1;
}
.partner-desc p {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #000000;
margin-bottom: 10px;
}
.partner-desc.scondary-bullet ul {
margin-bottom: 20px;
}
.partner-desc.scondary-bullet ul li {
font-weight: 500;
font-size: 14px;
line-height: 32px;
color: #191D23;
}
.partner-desc .btn-outline {
padding: 10px 20px;
border: 2px solid #0B85D1;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #0B85D1;
justify-content: center;
display: flex;
width: 100%;
}
.partner-box:hover .partner-desc .btn-outline {
background-color: #0B85D1;
color: #FFFFFF;
}
/* Why Partner Section */
.ank-why-partner .title p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
margin-bottom: 30px;
}
.ank-why-partner .title h3 {
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
margin-bottom: 10px;
}
.ank-why-partner .title a {
padding-left: 62px;
padding-right: 62px;
}
.why-part-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.why-part-box {
padding: 32px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border: 1px solid #F1F2F9;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.why-part-box+.why-part-box {
margin-top: 24px;
}
.why-part-inner:nth-child(1) .why-part-box:nth-child(1),
.why-part-inner:nth-child(2) .why-part-box:nth-child(2) {
min-height: 306px;
}
.wpart-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border: 1px solid #F1F2F9;
box-shadow: inset 0px 1.25px 1.66667px rgba(255, 255, 255, 0.4), inset 0px -2.5px 4.16667px rgba(103, 96, 181, 0.2);
border-radius: 6px;
margin-bottom: 12px;
}
.wpart-icon svg path {
fill: #FFFFFF;
}
.wpart-head p {
font-weight: 500;
font-size: 14px;
line-height: 115%;
color: #FFFFFF;
margin-bottom: 32px;
}
.why-part-desc h4 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 50px;
line-height: 62px;
color: #FFFFFF;
margin-bottom: 0;
}
.ank-why-partner .row+.row {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #E4E4E7;
}
.wpart-icon-wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.wpart-icon-inner .wpart-icon {
width: 56px;
height: 56px;
background: #FFFFFF;
border-radius: 10px;
margin-bottom: 15px;
}
.wpart-icon-inner p {
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 0;
}
/* Integration Section */
.int-box {
width: fit-content;
margin: 0 auto;
}
.int-img {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
height: 80px;
width: 80px;
border-radius: 50px;
margin: 0 auto 20px;
transition: all 0.4s ease-in-out;
position: relative;
z-index: 0;
}
.int-img::after {
content: "";
position: absolute;
inset: 0;
background-color: #EAFAFA;
border-radius: 50px;
z-index: -1;
transition: all 0.4s ease-in-out;
}
.int-box:hover .int-img::after {
inset: -10px;
box-shadow: 0px 4px 10px rgba(17, 197, 196, 0.2);
background: linear-gradient(180deg, #0B85D1 0%, #11C5C4 100%);
}
.int-box .int-img path {
transition: all 0.4s ease-in-out;
}
.int-box:hover .int-img path {
fill: #FFFFFF;
}
.int-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #101828;
margin-bottom: 0;
}
.int-desc p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #0B85D1;
margin-bottom: 0;
}
/* Technical Specification Section */
.tec-speci-img img {
width: 100%;
}
.tec-speci-icon {
margin-bottom: 20px;
}
.tec-speci-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: #101828;
margin-bottom: 8px;
}
.tec-speci-desc p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #667085;
margin-bottom: 0;
}
/* Trusted Section */
.trust-box {
padding: 33px 14px;
border: 1px solid #878787;
border-radius: 10px;
transition: all 0.4s ease-in-out;
}
.trust-box:hover {
border-color: #10BCC6;
box-shadow: 0px 4px 15px rgba(17, 197, 196, 0.2);
}
.trust-icon {
width: 50px;
height: 50px;
background-color: #11C5C4;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 5px;
}
.trust-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: #101828;
margin-bottom: 5px;
}
.trust-desc p {
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #667085;
margin-bottom: 0;
}
/* Industry Listing Page */
/* industry-listing Section */
.indu-list-box {
background: #FFFFFF;
border: 1px solid #808285;
border-radius: 12px;
transition: all 0.4s ease-in-out;
height: 100%;
}
.indu-list-box:hover {
box-shadow: 0px 1px 10px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.indu-list-img {
position: relative;
z-index: 1;
}
.indu-list-img a::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px 10px 0 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
z-index: 0;
}
.indu-list-img img {
width: 100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
height: 223px;
}
.indu-list-icon {
position: absolute;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.8);
border-radius: 8px;
top: 20px;
right: 20px;
z-index: 1;
}
.indu-list-title {
position: absolute;
left: 20px;
right: 20px;
bottom: 15px;
z-index: 1;
}
.indu-list-title h3 {
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 0;
}
.indu-list-title p {
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 0;
}
.indu-list-icon img,
.indu-list-icon svg {
height: auto;
width: auto;
max-width: 32px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
border-radius: 0%;
}
.list-desc {
padding: 20px;
}
.list-desc p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 12px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
}
.list-desc.default-bullet ul {
margin-bottom: 25px;
}
.list-desc.default-bullet ul li {
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #4B5563;
}
.list-desc.default-bullet ul li::before {
height: 18px;
width: 18px;
background-size: 9px 7px;
}
.list-desc.default-bullet ul li+li {
margin-top: 10px;
}
.list-btns {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.list-btns .btn-arrow {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
display: flex;
align-items: center;
color: #333333;
gap: 10px;
}
.indu-list-box .list-btns .btn-arrow svg,
.indu-list-box .list-btns .btn-arrow svg path {
transition: all 0.4s ease-in-out;
}
.indu-list-box:hover .list-btns .btn-arrow svg {
transform: rotate(30deg);
}
.indu-list-box:hover .list-btns .btn-arrow svg path {
stroke: #0B85D1;
}
.indu-list-box:hover .list-btns .btn-arrow {
color: #0B85D1;
}
.list-btns .list-badge {
padding: 3px 6px;
background: rgba(11, 133, 209, 0.2);
backdrop-filter: blur(2px);
border-radius: 50px;
font-weight: 400;
font-size: 8px;
line-height: 10px;
color: #0B85D1;
}
/* Free Consultation Section */
.ank-free-consult .title p {
color: #FFFFFF;
}
.free-box {
padding: 30px;
background: rgba(231, 243, 251, 0.2);
backdrop-filter: blur(10px);
border: 1px solid #F1F2F9;
border-radius: 20px;
}
.free-icon {
margin-bottom: 10px;
}
.free-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;
margin-bottom: 10px;
}
.free-desc p {
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #FFFFFF;
margin-bottom: 0px;
}
/* Solution Page */
/* Our Solution Section */
.solu-tab-slider {
padding: 0 50px;
z-index: 0;
}
.solu-tab-box {
background-color: rgba(243, 243, 243, 1);
backdrop-filter: blur(4px);
}
.solu-tab-box:hover,
.solu-tab-box.active,
.swiper-slide.swiper-slide-active.active .solu-tab-box {
background-color: rgba(11, 133, 209, 0.2);
}
.solu-tab-box.active p,
.solu-tab-slider.swiper-slider-active .solu-tab-box p {
color: #0B85D1;
}
.sol-chall-box {
background: #FFFFFF;
border: 1px solid #B2B2B2;
border-radius: 20px;
padding: 20px;
transition: all 0.4s ease-in-out;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.sol-chall-box:hover {
box-shadow: 0px 1px 10px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.sol-chall-icon {
margin-bottom: 10px;
}
.sol-chall-box .sol-chall-icon path {
transition: all 0.4s ease-in-out;
}
.sol-chall-box:hover .sol-chall-icon path {
fill: #11C5C4;
}
.sol-chall-box h4 {
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: -0.02em;
color: #000000;
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
}
.sol-chall-box:hover h4 {
color: #11C5C4;
}
.sol-chall-box p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #667085;
max-width: 55%;
margin: 0 auto;
}
.solu-content {
display: none;
}
.solu-content .row:nth-child(3) {
border-top: 1px solid #E4E4E7;
padding-top: 30px;
}
.solu-content .wpart-icon-inner .wpart-icon {
background-color: #333333;
border-color: #333333;
margin: 0 auto 15px;
box-shadow: none;
}
.solu-content .wpart-icon-inner p {
color: #333333;
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
.solu-content .wpart-icon-wrap {
column-gap: 80px;
}
.ank-solutions .problem-box {
padding: 23px 23px 50px 0;
}
/* See Action section */
.seac-box {
background: #FFFFFF;
border: 1px solid #8C8C8C;
border-radius: 12px;
transition: all 0.4s ease-in-out;
}
.seac-box:hover {
box-shadow: 0px 1px 10px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.seac-img>img {
width: 100%;
border-radius: 12px;
height: 350px;
object-fit: cover;
}
.time-label {
display: none;
position: absolute;
bottom: 15px;
left: 15px;
padding: 4px 10px;
gap: 10px;
background: #FFFFFF;
opacity: 0.8;
backdrop-filter: blur(1px);
border-radius: 50px;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #000000;
}
.sea-play-icon a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 54px;
width: 54px;
background-color: #11C5C4;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.seac-desc {
display: none;
padding: 20px;
}
.seac-desc h3 {
font-weight: 600;
font-size: 18px;
line-height: 28px;
align-items: center;
color: #000000;
margin-bottom: 5px;
transition: all 0.4s ease-in-out;
}
.seac-box:hover .seac-desc h3 {
color: #0B85D1;
}
.seac-desc p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 0;
}
/* Resource Page */
/* Article List Section */
.artic-badge {
position: absolute;
left: 15px;
top: 15px;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #0B85D1;
padding: 4px 9px;
background: #FFFFFF;
backdrop-filter: blur(2px);
border-radius: 50px;
transition: all 0.4s ease-in-out;
}
.arti-list-box:hover .artic-badge {
color: #FFFFFF;
background: #0B85D1;
}
.arti-desc h3 {
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #333333;
margin-bottom: 12px;
transition: all 0.4s ease-in-out;
}
.arti-list-box:hover .arti-desc h3 {
color: #0B85D1;
}
.arti-dw-inner {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.arti-dw-inner span {
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #4B5563;
}
.arti-dw-left ul,
.arti-dw-left ul li {
display: flex;
align-items: center;
gap: 10px;
}
.arti-dw-left ul li {
gap: 5px;
}
/* Webinar List Section */
.webn-img img {
width: 100%;
object-fit: cover;
}
.webn-content {
padding-top: 30px;
}
.webn-content h3 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 21px;
line-height: 32px;
color: #090914;
margin-bottom: 15px;
}
.webn-content ul {
margin-bottom: 15px;
}
.webn-content ul li+li {
margin-top: 5px;
}
.webn-content ul li {
display: flex;
align-items: center;
gap: 7px;
font-weight: 500;
font-size: 13px;
line-height: 21px;
color: #808285;
}
.webn-content .btn-outline {
padding: 10px 12px;
width: 100%;
color: #0B85D1;
box-shadow: none;
border: 2px solid #0B85D1;
justify-content: center;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
}
.webn-content .btn-outline:hover {
color: #FFFFFF;
background: #0B85D1;
}
/* GST And Income Tax Notification Section */
.gi-notifi-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 50px;
}
.gi-notifi-icon {
width: 60px;
height: 60px;
background: #0B85D1;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.gi-notifi-title h2 {
font-weight: 600;
font-size: 35px;
line-height: 44px;
letter-spacing: -2px;
color: #000000;
margin-bottom: 5px;
}
.gi-notifi-title p {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.3px;
color: #808285;
margin-bottom: 0;
}
.gi-notifi-box-inner {
background: #FFFFFF;
border-radius: 10px;
padding: 20px 17px;
border: 1px solid #FFFFFF;
}
.gi-notifi-box-inner+.gi-notifi-box-inner {
margin-top: 15px;
}
.gi-notifi-box-inner:first-child {
box-shadow: 0px 4px 10px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.gi-box-haed {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.gi-box-haed h3 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 32px;
letter-spacing: -0.3px;
color: #090914;
}
.gi-box-haed .label {
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: -0.3px;
color: #FFFFFF;
padding: 6px 15px;
border-radius: 50px;
background: #0B85D1;
}
.gi-box-haed .label.high {
background: #B20000;
}
.gi-box-haed .label.medium {
background: #B2B200;
}
.gi-box-date {
display: flex;
align-items: center;
gap: 5px;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: -0.3px;
color: #000000;
}
/* Success Stories Section */
.ank-stories .title::after {
content: "";
position: absolute;
inset: 0;
left: -100%;
background: #FFFFFF;
z-index: -1;
}
.ank-stories .col-lg-5 {
z-index: 1;
}
.ank-stories .title h2 {
margin-bottom: 30px;
}
.ank-stories .title p {
margin-bottom: 30px;
}
.restory-slider {
position: relative;
z-index: 0;
}
.restory-box {
border: 1px solid #E4E4E7;
border-radius: 10px;
}
.restory-img img {
width: 100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.restory-content {
padding: 20px 15px 15px;
}
.restory-content h3 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #333333;
margin-bottom: 14px;
}
.restory-content ul {
margin-bottom: 25px;
}
.restory-content ul li {
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #A6A6A6;
}
.restory-content ul li+li {
margin-top: 5px;
}
.restory-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.restory-left p {
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #333333;
margin-bottom: 0;
}
.custom-pagination {
position: static;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
gap: 10px;
}
.custom-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background: rgba(11, 133, 209, 0.5);
margin: 0 !important;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.custom-pagination .swiper-pagination-bullet-active {
width: 50px;
background: #0B85D1;
}
/* Free Download Section */
.fdown-box {
border: 1px solid #B9B9B9;
border-radius: 12px;
padding: 22px 30px;
transition: all 0.4s ease-in-out;
height: 100%;
}
.fdown-box:hover {
box-shadow: 0px 4px 10px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.fdown-box h3 {
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #333333;
margin-bottom: 20px;
transition: all 0.4s ease-in-out;
}
.fdown-box:hover h3 {
color: #0B85D1;
}
.fdown-box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 25px;
}
.fdown-box ul {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.fdown-box ul li {
display: flex;
align-items: center;
gap: 5px;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #4B5563;
}
.fdown-box .btn-default {
width: 100%;
}
.fdown-box .btn-default svg {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.fdown-box:hover .btn-default svg {
opacity: 1;
visibility: visible;
}
/* Mobile Page */
/* Banner */
.ank-mob-inner-banner .inb-desc {
max-width: 80%;
}
.ank-mob-inner-banner .inb-desc h5 {
margin: 0 0 15px;
}
.ank-mob-inner-banner .inb-btns {
justify-content: left;
margin-bottom: 0;
}
.mob-shap {
position: absolute;
padding: 10px 16px;
background: #FFFFFF;
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.mob-shap.mob-shap-1 {
bottom: 259px;
left: 20px;
}
.mob-shap.mob-shap-2 {
top: 101px;
right: 10px;
}
.mob-shap .mob-desc h5 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #273C75;
margin-bottom: 5px;
}
.mob-shap .mob-desc P {
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #273C75;
margin-bottom: 0;
}
/* App Features Section */
.appfea-content {
border: 1px solid #9AB7CE;
border-radius: 20px;
}
.appfea-img {
border: 1px solid #9AB7CE;
border-radius: 20px 0 0 20px;
height: 100%;
}
.appfea-desc {
padding: 40px 20px 40px 0;
}
.appfea-img img {
width: 100%;
height: 100%;
border-radius: 20px 0 0 20px;
}
.appfea-icon {
width: 66px;
height: 66px;
background: #0B85D1;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
.appfea-desc .appfea-icon svg {
width: 38px;
height: 38px;
}
.appfea-desc .appfea-icon path {
fill: #FFFFFF;
}
.appfea-desc h3 {
font-weight: 600;
font-size: 40px;
line-height: 62px;
color: #090914;
margin-bottom: 5px;
}
.appfea-desc p {
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #4E4E4E;
margin-bottom: 15px;
max-width: 69%;
}
.appfea-desc.default-bullet ul li::before {
background-color: #38D0D0;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5375 0.320176L4.18414 8.38184L1.96747 6.01351C1.55914 5.62851 0.917473 5.60518 0.450807 5.93184C-0.00419315 6.27018 -0.132527 6.86518 0.147473 7.34351L2.77247 11.6135C3.02914 12.0102 3.47247 12.2552 3.97414 12.2552C4.45247 12.2552 4.90747 12.0102 5.16414 11.6135C5.58414 11.0652 13.5991 1.51018 13.5991 1.51018C14.6491 0.436843 13.3775 -0.508157 12.5375 0.30851V0.320176Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appfea-desc.default-bullet ul li+li {
margin-top: 15px;
}
/* Partner Page */
/* Success Stories Section */
.ank-part-stories .story-box {
height: 100%;
}
.ank-part-stories .story-head h3 {
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #FFFFFF;
margin-bottom: 8px;
}
.ank-part-stories .story-head p {
font-family: 'Public Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
opacity: 0.9;
}
.ank-part-stories .story-desc h4 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #273C75;
margin-bottom: 8px;
}
.ank-part-stories .story-desc p {
font-family: 'Public Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4B5563;
margin-bottom: 14px;
}
.ank-part-stories .story-desc span {
font-family: 'Public Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #4B5563;
}
/* Why Partner with Us Section */
.ank-par-why .sol-box {
height: 100%;
display: flex;
flex-direction: column;
}
.ank-par-why .sol-box p {
margin-bottom: 15px;
flex: 1;
}
.ank-par-why .sol-box .btn-arrow {
font-weight: 700;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
color: #0B85D1;
gap: 2px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.ank-par-why .sol-box:hover .btn-arrow {
opacity: 1;
}
/* Pricing Page */
.ank-price-plan-package .pr-plan-tab ul,
.ank-price-plan-package .pr-indu-plan-tab ul {
width: 80px;
background: linear-gradient(90deg, #0B85D1 0%, #10BCC6 100%);
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 9999px;
padding: 4px;
justify-content: space-between;
}
.ank-price-plan-package .pr-plan-tab ul li,
.ank-price-plan-package .pr-indu-plan-tab ul li {
height: 32px;
width: 32px;
}
.ank-price-plan-package .pr-plan-tab,
.ank-price-plan-package .pr-indu-plan-tab {
margin-bottom: 0;
}
.ank-price-plan-package .pr-plan-tab p,
.ank-price-plan-package .pr-indu-plan-tab p {
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #6B7280;
margin-bottom: 0;
}
.ank-price-plan-package .pr-plan-tab:has(.plan-item.active[data-rel="price-tab1"]) p:nth-child(1),
.ank-price-plan-package .pr-indu-plan-tab:has(.plan-item.active[data-rel="price-tab1"]) p:nth-child(1) {
color: #0B85D1;
}
.ank-price-plan-package .pr-plan-tab:has(.plan-item.active[data-rel="price-tab2"]) p:nth-child(3),
.ank-price-plan-package .pr-indu-plan-tab:has(.plan-item.active[data-rel="price-tab2"]) p:nth-child(3) {
color: #0B85D1;
}
.ank-price-plan-package .plan-content-main {
margin: 50px 0 0;
}
/* New Pricing Plan section Page */
.price-content {
grid-template-columns: repeat(5, 1fr);
gap: 20px;
align-items: center;
}
.plan-price-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.plan-price-box {
padding: 89px 20px 30px;
border: 2px solid #10BCC6;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
transition: all 0.4s ease-in-out;
height: 100%;
display: flex;
flex-direction: column;
}
.plan-price-box:has(.plan-price-cate) {
padding-top: 30px;
}
.plan-price-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 8px;
background-color: #10BCC6;
border-radius: 12px 12px 0 0;
}
.plan-price-box:hover {
box-shadow: 0px 5px 30px rgba(17, 197, 196, 0.2);
}
.plan-price-cate-inner .plan-price-box:has(.pp-badge) {
position: static !important;
}
.pp-badge b {
position: absolute;
top: -1px;
right: -1px;
width: fit-content;
background: linear-gradient(90deg, #10BCC6 0%, #0B85D1 100%);
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 0px 8px;
padding: 7px 16px;
border-radius: 0 10px;
font-weight: 600;
font-size: 10px;
line-height: 15px;
color: #FFFFFF;
}
.pp-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, rgba(16, 188, 198, 0.082) 0%, rgba(16, 188, 198, 0.19) 100%);
border: 2px solid rgba(16, 188, 198, 0.19);
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
transition: all 0.4s ease-in-out;
}
.pp-icon img {
max-width: 25px;
max-height: 25px;
}
.plan-price-box:hover .pp-icon {
transform: scale(1.05);
}
.plan-price-box h4 {
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #273C75;
margin-bottom: 8px
}
.plan-price-box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 20px;
max-width: 80%;
}
.pp-desc {
flex: 1;
}
.plan-price-box h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #273C75;
margin-bottom: 5px;
/* flex: 1; */
}
.ank-partner-plan-package-new .plan-price-box .pp-desc>h3 {
display: none;
}
.ank-partner-plan-package-new .plan-price-box .pp-desc {
flex: 2;
}
.plan-price-box h3 b,
.plan-price-box h3 strong {
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #4B5563;
}
.plan-price-box h3+p {
font-weight: 400;
font-size: 13px;
line-height: 13px;
color: #374151;
margin-bottom: 0;
max-width: 100%;
}
.plan-price-box .exclu-list {
padding: 8px 0;
margin-bottom: 10px;
border: 1px solid #10BCC6;
border-left: 0;
border-right: 0;
}
.plan-price-box .exclu-list {
display: none;
}
.plan-price-box .exclu-list:has(ul) {
display: block;
}
.plan-price-box .exclu-list p {
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #10BCC6;
margin-bottom: 0;
max-width: 100%;
position: relative;
cursor: pointer;
}
.plan-price-box .exclu-list p::after {
content: "+";
position: absolute;
right: 0;
top: -2px;
font-size: 25px;
font-weight: 400;
}
/* MINUS when active */
.plan-price-box .exclu-list p.active::after {
content: "−";
}
.plan-price-box .exclu-list ul {
margin-top: 10px;
display: none;
}
.plan-price-box h3+p+p+ul li b,
.plan-price-box h3+p+p+ul li strong {
font-weight: 600;
}
.plan-price-box h3+p+p+ul+ul {
margin-top: 0;
padding-top: 14px;
border-top: 1px solid #E5E7EB;
}
.plan-price-box ul {
margin-top: 20px;
}
.plan-price-box ul li {
font-weight: 400;
font-size: 13px;
line-height: 19px;
color: #374151;
position: relative;
margin-bottom: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.plan-price-box ul li img[alt="✔️"] {
filter: invert(53%) sepia(51%) saturate(562%) hue-rotate(124deg) brightness(88%) contrast(85%);
}
.plan-price-box ul li b,
.plan-price-box ul li strong {
color: #000000;
font-weight: 500;
}
.fea-list {
padding-top: 14px;
border-top: 1px solid #E5E7EB;
flex: 1;
}
.price-content:has(.fea-list.active) .pp-desc {
flex: 0;
}
.plan-price-box h5 {
font-weight: 600;
font-size: 14px;
line-height: 14px;
color: #374151;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.plan-price-box h5 {
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #000000;
margin-bottom: 15px;
position: relative;
cursor: pointer;
user-select: none;
}
.toggle-menu ul {
overflow: hidden;
height: 0;
transition: all 0.35s ease;
margin: 0;
}
.plan-price-box p.more-option {
font-weight: 600;
color: #10BCC6;
cursor: pointer;
margin-bottom: 20px;
}
.price-btns a {
display: block;
width: 100%;
background: #10BCC6;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 6px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
padding: 8px;
}
.price-btns a:hover {
box-shadow: 0 8px 24px rgba(17, 197, 196, 0.3);
transform: translateY(-3px);
}
.price-btns .com-btn {
width: 100%;
background: rgba(255, 255, 255, 0.002);
border: 1px solid #E5E7EB;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #6B7280;
padding: 8px;
margin-top: 12px;
transition: all 0.4s ease-in-out;
}
.price-btns .com-btn svg {
width: 16px;
height: 16px;
display: none;
}
.price-btns .com-btn:hover {
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-3px);
}
.price-content .plan-price-inner:nth-child(2n) .plan-price-box .pp-icon {
background: linear-gradient(135deg, rgba(11, 133, 209, 0.082) 0%, rgba(11, 133, 209, 0.19) 100%);
border: 2px solid rgba(11, 133, 209, 0.19);
}
.price-content .plan-price-inner:nth-child(2n) .plan-price-box {
border-color: #0B85D1;
}
.price-content .plan-price-inner:nth-child(2n) .plan-price-box::before {
background: linear-gradient(90deg, #0B85D1 0%, #10BCC6 100%);
}
.price-content .plan-price-inner:nth-child(2n) .plan-price-box .price-btns a {
background: #0B85D1;
}
.price-content .plan-price-inner:nth-child(2n) .plan-price-box .price-btns a:hover {
box-shadow: 0 8px 24px rgba(17, 197, 196, 0.3);
}
.plan-price-cate {
margin-bottom: 20px;
}
.plan-price-cate h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #090914;
margin-bottom: 8px;
display: none;
}
.plan-price-cate p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 20px !important;
display: none;
}
.plan-price-cate .plan-drop {
position: relative;
}
.plan-price-cate .plan-drop .drop-btn {
width: 100%;
background: #FFFFFF;
border: 1px solid #D1D5DB;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #4B5563;
padding: 10px 12px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.plan-price-cate .plan-drop .drop-btn::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
right: 12px;
top: 50%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down h-4 w-4 opacity-50' aria-hidden='true'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.plan-price-cate-inner {
height: 100%;
}
.plan-price-cate-inner .plan-price-box {
display: none;
padding: 0;
border: none;
box-shadow: none;
border-radius: 0;
}
.plan-price-cate-inner .plan-price-box::before {
display: none;
}
.plan-price-box .plancate-menu {
position: absolute;
top: 42px;
right: 0;
left: 0;
z-index: 1;
background: #FFF;
border-radius: 8px;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
padding: 5px;
}
.plan-price-box .plancate-menu ul {
margin-top: 0;
}
.plan-price-box .plancate-menu li {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
padding: 8px 10px;
cursor: pointer;
border-radius: 6px;
margin-bottom: 0;
}
.plan-price-box .plancate-menu li:hover {
background: #10BCC6;
color: #FFFFFF;
}
/* Button styling */
.compare-fixed-btn {
margin-top: 50px;
}
.compare-open-btn {
background: linear-gradient(90deg, #0B85D1 0%, #10BCC6 100%);
color: #ffffff;
border: none;
padding: 14px 38px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
box-shadow: 0 8px 20px rgba(16, 188, 198, 0.35);
transition: all 0.3s ease;
}
/* Mobile First Solution */
.ank-mbf-solution .title p {
color: #FFFFFF;
}
.ank-mbf-solution .container {
z-index: 0;
}
.ank-mbf-solution .circle-shap {
position: absolute;
width: 384px;
height: 384px;
left: -99px;
top: -40px;
background: #FFFFFF;
opacity: 0.2;
filter: blur(32px);
border-radius: 100%;
z-index: -1;
}
.ank-mbf-solution .container::before {
content: "";
position: absolute;
width: 486px;
height: 320px;
left: -60px;
bottom: 0;
background: rgba(255, 255, 255, 0.1);
border: 4px solid rgba(255, 255, 255, 0.3);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(6px);
border-radius: 24px;
z-index: -1;
animation: up-down 1.5s ease-in-out infinite;
}
.ank-mbf-solution .container::after {
content: "";
position: absolute;
width: 192px;
height: 252px;
right: 0;
top: 100px;
background: rgba(255, 255, 255, 0.1);
border: 4px solid rgba(255, 255, 255, 0.3);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(6px);
border-radius: 24px;
z-index: -1;
animation: up-down 1.5s ease-in-out infinite;
}
.mb-app-box {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(6px);
border-radius: 12px;
padding: 40px;
margin-bottom: 30px;
}
.mbapp-haed {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}
.mbapp-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #10BCC6 0%, #0B85D1 100%);
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.mbapp-title h4 {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #273C75;
margin-bottom: 0;
}
.mbapp-title p {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #10BCC6;
margin-bottom: 0;
}
.mbapp-rs {
padding: 25px;
background: linear-gradient(90deg, #E8F1F4 0%, #FFFFFF 100%);
border-radius: 16px;
margin-bottom: 24px;
}
.mbapp-rs h3 {
font-weight: 700;
font-size: 60px;
line-height: 60px;
color: #0B85D1;
margin-bottom: 0;
}
.mbapp-rs h3 b,
.mbapp-rs h3 strong {
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #4B5563;
}
.mbapp-desc h5 {
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #273C75;
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 15px;
}
.mbapp-desc ul {
column-count: 2;
margin-bottom: 30px;
}
.mbapp-desc ul li {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #374151;
position: relative;
padding-left: 28px;
}
.mbapp-desc ul li+li {
margin-top: 14px;
}
.mbapp-desc ul li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 20px;
width: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99935 18.3334C14.6017 18.3334 18.3327 14.6025 18.3327 10.0001C18.3327 5.39771 14.6017 1.66675 9.99935 1.66675C5.39698 1.66675 1.66602 5.39771 1.66602 10.0001C1.66602 14.6025 5.39698 18.3334 9.99935 18.3334Z' stroke='%2322C55E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 9.99992L9.16667 11.6666L12.5 8.33325' stroke='%2322C55E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.mbapp-desc .mbapp-btns {
display: flex;
flex-direction: column;
gap: 12px;
}
.mbapp-desc .mbapp-btns a {
width: 100%;
justify-content: center;
gap: 13px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
align-items: center;
background: linear-gradient(90deg, #10BCC6 0%, #0B85D1 100%);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 11px;
}
.mbapp-desc .mbapp-btns a:hover {
background: #10BCC6;
}
.mbapp-desc .mbapp-btns a.btn-outline {
border-color: #0B85D1;
background: transparent;
color: #0B85D1;
}
.mbapp-desc .mbapp-btns a.btn-outline:hover {
background: #0B85D1;
color: #FFFFFF;
}
.mbapp-desc .mbapp-btns a.btn-outline:hover path {
stroke: #FFFFFF;
}
.mob-app-inner {
width: fit-content;
margin: 0 auto;
}
.mob-app-img img {
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 48px;
}
.mob-app-inner .ank-tab {
padding: 16px;
display: flex;
align-items: center;
gap: 12px;
}
.mob-tab-title p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 0;
}
.mob-tab-title h6 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #273C75;
margin-bottom: 0;
}
.mob-app-inner .ank-tab-1 {
top: -24px;
left: -108px;
}
.mob-app-inner .ank-tab-2 {
top: auto;
bottom: -24px;
right: -108px;
}
/* Exterprice Solution Section */
.ank-enterprise-solution .title h2 {
max-width: 90%;
}
.ank-enterprise-solution .title h2 b,
.ank-enterprise-solution .title h2 strong {
background: linear-gradient(90deg, #10BCC6 0%, #FFFFFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.ank-enterprise-solution .title h3 {
font-family: 'Inter', sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 32px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 24px;
}
.ank-enterprise-solution .title p {
color: rgba(255, 255, 255, 0.8);
margin-bottom: 40px;
}
.enterprise-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 40px;
}
.ent-box {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(6px);
border-radius: 16px;
padding: 25px;
}
.ent-icon {
width: 56px;
height: 56px;
background: linear-gradient(135deg, #10BCC6 0%, #0B85D1 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.ent-box h4 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 8px;
}
.ent-box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 0;
}
.ent-btns {
display: grid;
align-items: center;
gap: 15px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px;
}
.ent-btns .btn-default {
background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 6px;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #273C75;
padding: 15px;
font-family: 'Inter', sans-serif;
gap: 17px;
}
.ent-btns .btn-outline {
background: rgba(255, 255, 255, 0.002);
border: 2px solid #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(6px);
border-radius: 6px;
padding: 13px;
width: 100%;
justify-content: center;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
gap: 17px;
}
.ent-note {
display: flex;
align-items: center;
gap: 20px;
position: relative;
z-index: 1;
}
.ent-note li {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
}
.ent-included-box {
padding: 34px;
background: rgba(255, 255, 255, 0.1);
border: 2px solid rgba(255, 255, 255, 0.3);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(6px);
border-radius: 24px;
overflow: hidden;
}
.ent-included-box h4 {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #FFFFFF;
margin-bottom: 30px;
}
.ent-included-box ul {
margin-bottom: 30px;
}
.ent-included-box li+li {
margin-top: 20px;
}
.ent-included-box li {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.9);
padding-left: 40px;
position: relative;
}
.ent-included-box li::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='white' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15 10' stroke='white' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.ent-included-box li:nth-child(1),
.ent-included-box li:nth-child(2) {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(6px);
border-radius: 12px;
padding: 13px 13px 13px 53px;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
}
.ent-included-box li:nth-child(1)::before,
.ent-included-box li:nth-child(2)::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%2310BCC6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15 10' stroke='%2310BCC6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
height: 24px;
width: 24px;
top: 50%;
transform: translateY(-50%);
left: 13px;
}
.proposal-box {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
border: 1px solid rgba(255, 255, 255, 0.3);
backdrop-filter: blur(6px);
border-radius: 16px;
padding: 25px;
}
.proposal-box h6 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 12px;
}
.proposal-box h5 {
font-weight: 700;
font-size: 36px;
line-height: 40px;
color: #FFFFFF;
margin-bottom: 8px;
}
.proposal-box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 0;
}
.proposal-box .tag {
position: absolute;
top: 25px;
right: 25px;
font-family: 'Public Sans', sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
padding: 3px 10px;
background: #22C55E;
border-radius: 9999px;
}
.ent-badge {
position: absolute;
width: 88px;
height: 88px;
right: -14px;
top: -14px;
background: linear-gradient(90deg, #FACC15 0%, #F97316 100%);
box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
}
.ent-card-wrapper,
.ank-enterprise-solution {
z-index: 0;
}
.ent-card-wrapper .ank-tab-1 {
left: auto;
right: -12px;
top: -12px;
}
.ent-card-wrapper .ank-tab-2 {
left: -12px;
right: auto;
top: auto;
bottom: -12px;
}
.ent-card-wrapper::before {
content: "";
position: absolute;
width: 96px;
height: 96px;
right: 70px;
top: -70px;
background: rgba(16, 188, 198, 0.2);
backdrop-filter: blur(6px);
border-radius: 100%;
z-index: -1;
}
.ent-card-wrapper::after {
content: "";
position: absolute;
width: 192px;
height: 192px;
right: -11px;
bottom: -113px;
border: 4px solid rgba(11, 133, 209, 0.3);
border-radius: 8px;
z-index: -1;
animation: up-down 1.5s ease-in-out infinite;
}
.ank-enterprise-solution .circle-shap {
position: absolute;
width: 128px;
height: 128px;
left: -51px;
top: 0;
border: 4px solid rgba(16, 188, 198, 0.3);
border-radius: 9999px;
z-index: -1;
}
.ank-enterprise-solution::before {
content: "";
position: absolute;
inset: 0;
left: 30px;
bottom: auto;
height: 30px;
background: linear-gradient(180deg, #10BCC6 100%, rgba(16, 188, 198, 0) 100%);
opacity: 0.05;
z-index: -1;
}
.ank-enterprise-solution::after {
content: "";
position: absolute;
inset: 0;
right: auto;
width: 30px;
background: linear-gradient(90deg, #10BCC6 100%, rgba(16, 188, 198, 0) 100%);
opacity: 0.05;
z-index: -1;
}
/* Add On Section */
.addon-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
}
.addons-box+.addons-box {
margin-top: 30px;
}
.addons-box h5 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #090914;
padding-bottom: 14px;
border-bottom: 1px solid #E5E7EB;
margin-bottom: 25px;
}
.addon-card {
background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 27px;
transition: all 0.4s ease-in-out;
border: 1px solid transparent;
position: relative;
height: 100%;
}
.addon-card:hover {
border-color: #0b85d1;
box-shadow: 0 8px 24px #0b85d126;
transform: translateY(-5px);
}
.addon-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #0B85D1 0%, #10BCC6 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.addon-card h4 {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #273C75;
margin-bottom: 15px;
}
.addon-card:has(ul) h4 {
margin-bottom: 10px;
}
.addon-card p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #4B5563;
margin-bottom: 16px;
}
.addon-card h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 20px;
color: #0B85D1;
margin-bottom: 0;
}
.addon-card h3 b,
.addon-card h3 strong {
display: block;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #6B7280;
}
.addon-card ul {
margin-bottom: 15px;
}
.addon-card ul li {
list-style: disc;
list-style-position: inside;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #4B5563;
}
.addon-card ul li+li {
margin-top: 6px;
}
.addon-card a.btn-default {
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 20px;
justify-content: center;
color: #FFFFFF;
gap: 12px;
padding: 10px;
}
.addon-card span {
position: absolute;
top: 10px;
right: 10px;
padding: 7px 10px;
border-radius: 5px;
background: #0B85D1;
color: #FFFFFF;
font-size: 10px;
line-height: 10px;
}
.add-talk-inner p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4B5563;
margin-bottom: 16px;
}
.add-talk-inner .btn-outline,
.plan-price-box .btn-outline {
background: rgba(255, 255, 255, 0.002);
border: 2px solid #0B85D1;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
padding: 8px 18px;
color: #0B85D1;
margin: 0 auto;
}
.plan-price-box .btn-outline {
width: 100%;
justify-content: center;
}
.add-talk-inner .btn-outline:hover,
.plan-price-box .btn-outline:hover {
background: #0B85D1;
color: #FFFFFF;
}
.add-talk-inner .btn-outline path,
.plan-price-box .btn-outline path {
transition: all 0.4s ease-in-out;
}
.add-talk-inner .btn-outline:hover path,
.plan-price-box .btn-outline:hover path {
stroke: #FFFFFF;
}
/* Ankpal FAQ Section */
.faq-box-main .accordion-item+.accordion-item {
margin-top: 16px;
}
.faq-box-main .accordion-item {
border: 2px solid #E5E7EB;
border-radius: 12px;
overflow: hidden;
background-color: #FFFFFF;
}
.faq-box-main .accordion-item .accordion-button {
padding: 24px;
border-radius: 0;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #000000;
margin-bottom: 0;
}
.faq-box-main .accordion-button:not(.collapsed) {
color: #0B85D1;
background-color: transparent;
box-shadow: none;
outline: none;
}
.faq-box-main .accordion-button:focus {
box-shadow: none;
outline: none;
}
.faq-box-main .accordion-button::after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230B85D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.faq-box-main .accordion-body {
padding: 0 24px 24px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4B5563;
}
/* Contact Us Page */
/* Contact Free Consultation */
.cta-free-box {
background: rgba(11, 133, 209, 0.2);
border-radius: 20px;
padding: 25px 58px;
height: 100%;
}
.cf-icon {
margin-bottom: 10px;
}
.cta-free-box p {
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 0;
}
/* Industry Main Page */
/* Say hello to Landingfolio Section */
.tec-speci-wrapper .mob-shap.mob-shap-1 {
left: -110px;
}
.tec-speci-wrapper .mob-shap.mob-shap-2 {
right: -110px;
}
.tec-speci-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.tec-speci-item {
background: rgba(231, 243, 251, 0.2);
border-radius: 20px;
padding: 14px 11px;
border: 1px solid #F1F2F9;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all 0.4s ease-in-out;
}
.tec-speci-item:hover {
background: rgba(11, 133, 209, 0.2);
}
.tec-speci-item .tec-speci-icon {
margin-bottom: 10px;
}
.tec-speci-item .tec-speci-icon path {
transition: all 0.4s ease-in-out;
}
.tec-speci-item:hover .tec-speci-icon path {
fill: #0B85D1;
}
.tec-speci-item p {
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #333333;
margin-bottom: 0;
transition: all 0.4s ease-in-out;
}
.tec-speci-item:hover p {
color: #0B85D1;
}
/* Industry Partner section */
.ank-indu-part .title p {
max-width: 100%;
}
.indutech-card {
min-height: 180px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid #C2C2C2;
border-radius: 10px;
transition: all 0.4s ease-in-out;
padding: 20px;
}
.indutech-card:hover {
box-shadow: 0px 4px 15px rgba(17, 197, 196, 0.2);
border-color: #10BCC6;
}
.indutech-icon {
width: 50px;
height: 50px;
background: #333333;
border-radius: 10px;
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.indutech-icon svg path {
fill: #FFFFFF;
}
.indutech-card:hover .indutech-icon {
background: #11C5C4;
}
.indutech-card p {
font-weight: 500;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #101828;
transition: all 0.4s ease-in-out;
margin-bottom: 0;
}
.indutech-card:hover p {
color: #11C5C4;
}
/* Industry App Feature Section */
.indu-appfea-tab-slider .solu-tab-box svg path {
transition: all 0.4s ease-in-out;
}
.indu-appfea-tab-slider .swiper-slide {
height: auto;
}
.indu-appfea-tab-slider .solu-tab-box {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.indu-appfea-tab-slider .solu-tab-box:hover svg path,
.indu-appfea-tab-slider .solu-tab-box.active svg path {
fill: #0B85D1;
}
.ank-ind-app-feature .appfea-content,
.ank-ind-app-feature .appfea-img {
border-radius: none;
border: none;
}
.ank-ind-app-feature .appfea-desc {
padding: 0px;
}
/* Compliance Made Easy Section */
.ank-ind-easy .title p {
margin-bottom: 25px;
}
.ank-ind-easy .default-bullet ul li::before {
background-color: #0B85D1;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5375 0.320176L4.18414 8.38184L1.96747 6.01351C1.55914 5.62851 0.917473 5.60518 0.450807 5.93184C-0.00419315 6.27018 -0.132527 6.86518 0.147473 7.34351L2.77247 11.6135C3.02914 12.0102 3.47247 12.2552 3.97414 12.2552C4.45247 12.2552 4.90747 12.0102 5.16414 11.6135C5.58414 11.0652 13.5991 1.51018 13.5991 1.51018C14.6491 0.436843 13.3775 -0.508157 12.5375 0.30851V0.320176Z' fill='white'/%3E%3C/svg%3E%0A");
}
.ank-ind-easy .row+.row {
flex-direction: row-reverse;
margin-top: 120px;
}
.ank-hm-easy .title ul {
margin-bottom: 30px;
}
/* Industry Sub Page */
.ank-indu-sab-hello .title p {
max-width: 100%;
}
.ank-sub-hello-accordion .accordion-item+.accordion-item {
margin-top: 20px;
}
.ank-sub-hello-accordion .accordion-item {
background: #F3F3F3;
border-radius: 10px;
border: none;
overflow: hidden;
}
.ank-sub-hello-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
background: linear-gradient(90deg, #0B85D1 0%, #11C5C4 100%);
}
.ank-sub-hello-accordion .accordion-item .accordion-button {
padding: 20px;
border-radius: 0;
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #333333;
display: flex;
align-items: center;
gap: 20px;
background: transparent;
}
.ank-sub-hello-accordion .accordion-button:not(.collapsed) {
color: #FFFFFF;
background-color: transparent;
box-shadow: none;
outline: none;
}
.ank-sub-hello-accordion .accordion-button:not(.collapsed) svg path {
fill: #FFFFFF;
}
.ank-sub-hello-accordion .accordion-button:focus {
box-shadow: none;
outline: none;
}
.ank-sub-hello-accordion .accordion-button::after {
display: none;
}
.ank-sub-hello-accordion .accordion-body {
padding: 0 20px 20px;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
}
.accordion-body p {
margin-bottom: 0;
}
.ank-sub-hello-img img:nth-child(1) {
margin-top: 65px;
}
.ank-sub-hello-img img+img {
position: absolute;
top: 0;
bottom: 40px;
left: 128px;
right: -100%;
z-index: -1;
width: 100%;
}
/* Industry Sub Testimonial Section */
.inc-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 20px;
}
.inc-box {
padding: 36px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(6px);
border: 1px solid #F1F2F9;
border-radius: 20px;
}
.inc-box p {
font-weight: 500;
font-size: 14px;
line-height: 115%;
color: #FFFFFF;
margin-bottom: 20px;
}
.inc-box h3 {
font-weight: 500;
font-size: 50px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: 0;
}
/* Features Main Page */
/* Features Why choose us Section */
.fea-why-box {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
border-radius: 12px;
padding: 50px 35px;
}
.fea-why-icon {
width: 56px;
height: 56px;
background: #10BCC6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.fea-why-box h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 0;
}
/* Features Sub Page */
.gst-req-box {
background: #FFFFFF;
border: 1px solid #E8F1F4;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
overflow: hidden;
height: 100%;
}
.gst-req-img img {
width: 100%;
}
.gst-req-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.gst-req-desc {
padding: 20px 20px 30px;
}
.gst-req-desc h3 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #000000;
margin-bottom: 10px;
}
.gst-req-desc p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4B5563;
margin-bottom: 0;
}
/* Process Section */
.process-box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.process-slider .swiper-slide:nth-child(even) .process-box {
flex-direction: column-reverse;
}
.process-icon {
height: 125px;
width: 125px;
border-radius: 50%;
background: linear-gradient(141.88deg, #FFFFFF 14.64%, #D7D6D6 88.51%);
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 0;
margin-top: 330px;
margin-bottom: 60px;
}
.process-slider .swiper-slide:nth-child(even) .process-box .process-icon {
margin-top: 60px;
margin-bottom: 0;
}
.process-icon::before {
content: "";
position: absolute;
inset: 2px;
background: #EEFAFE;
border-radius: 50%;
z-index: -1;
}
.process-icon::after {
content: "";
width: 27px;
height: 50px;
position: absolute;
bottom: -54px;
left: 50%;
transform: translateX(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='27' height='50' viewBox='0 0 27 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1768 22.7811C22.4024 20.6507 24.9115 14.6875 22.7811 9.46183C20.6507 4.23621 14.6875 1.72703 9.46185 3.85745C4.23622 5.98786 1.72704 11.9511 3.85745 17.1767C5.98786 22.4024 11.9511 24.9115 17.1768 22.7811Z' fill='%230B85D1'/%3E%3Cpath d='M14.3848 21.4776H12.3848V49.4776H14.3848V21.4776Z' fill='%230B85D1'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.process-slider .swiper-slide:nth-child(even) .process-box .process-icon::after {
transform: translateX(-50%) rotate(180deg);
top: -54px;
bottom: auto;
}
.process-desc {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.process-slider .swiper-slide:nth-child(even) .process-box .process-desc {
min-height: 270px;
justify-content: flex-end;
}
.process-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #0B85D1;
margin-bottom: 5px;
}
.process-desc p {
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #4B5563;
margin-bottom: 0;
}
/* Webinar Page */
.webinar-tab {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 100px;
}
.webinar-tab .web-item {
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #333333;
text-align: center;
width: 100%;
background: rgba(230, 230, 230, 0.3);
border-radius: 10px;
padding: 23px;
cursor: pointer;
}
.webinar-tab .web-item.active {
background: #0B85D1;
color: #FFFFFF;
}
.web-content {
background: #E9F7FF;
border-radius: 10px;
padding: 30px;
display: none;
}
.web-img img {
width: 100%;
}
.web-desc h2 {
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 28px;
color: #0B85D1;
margin-bottom: 14px;
}
.web-desc p {
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 17px;
}
.web-desc .btn-default {
padding: 8px 20px;
}
/* Blog Details Page */
/* Blog Details banner */
.ank-blog-inner-banner {
min-height: 620px;
}
.author-details {
margin-top: 45px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
column-gap: 90px;
}
.author-details p {
margin-bottom: 0;
}
.blog-details-desc p {
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.01em;
color: #5C5C5C;
margin-bottom: 20px;
}
.blog-details-desc p img {
width: 100%;
}
.blog-details-desc h2 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 38px;
letter-spacing: 0.01em;
color: #0B85D1;
margin-bottom: 30px;
}
.blog-details-desc ul {
margin-bottom: 20px;
}
.blog-details-desc ul li {
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.01em;
color: #5C5C5C;
position: relative;
}
.blog-details-desc ul li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #5C5C5C;
display: none;
}
.blog-details-desc ul li+li {
margin-top: 8px;
}
.blog-details-desc table {
margin-bottom: 20px;
/* border: 1px solid #5C5C5C; */
width: fit-content;
}
.blog-details-desc table td,
.blog-details-desc table th {
padding: 10px 20px;
border: 1px solid #5C5C5C;
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.01em;
color: #000000;
}
.blog-details-desc table th {
font-weight: 700;
}
.blog-details-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.01em;
color: #5C5C5C;
margin-bottom: 12px;
}
.blog-details-desc>*:last-child {
margin-bottom: 0;
}
.common-head {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.common-head h4 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 32px;
text-transform: capitalize;
color: #333333;
margin-bottom: 0;
}
.recent-details li+li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.recent-details li a {
font-weight: 600;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.01em;
color: #0B85D1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recent-details li a p {
color: #5C5C5C;
margin-bottom: 0;
transition: all 0.4s ease-in-out;
}
.recent-details li a:hover p {
color: #10BCC6;
}
.cate-list li+li {
margin-top: 10px;
}
.cate-list li a {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
color: #333333;
}
.cate-list li a:hover {
color: #0B85D1;
}
/* Contact Page */
.page-template-contact-us .ank-inner-banner,
.page-template-start-my-free-trial .ank-inner-banner {
min-height: 600px;
}
.ank-cta-main .cta-free-box {
padding: 34px;
background-color: rgba(11, 133, 209, 0.1);
transition: all 0.4s ease-in-out;
}
.ank-cta-main .cta-free-box:hover {
background-color: rgba(11, 133, 209, 0.3);
}
.ank-cta-main .cta-free-box .cf-icon path {
transition: all 0.4s ease-in-out;
}
.ank-cta-main .cta-free-box:hover .cf-icon path {
fill: #0B85D1;
}
.ank-cta-main .cta-free-box h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 12px;
}
.ank-cta-main .cta-free-box p {
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #333333;
max-width: 63%;
margin: 0 auto;
}
/* About Page */
/* Mision Vision Section */
.mis-vis-box {
border: 1px solid #B2B2B2;
border-radius: 20px;
padding: 35px;
height: 100%;
transition: all 0.4s ease-in-out;
}
.mis-vis-box:hover {
box-shadow: 0px 4px 15px rgba(17, 197, 196, 0.3);
border-color: #10BCC6;
}
.mis-vis-icon {
margin-bottom: 10px;
}
.mis-vis-box .mis-vis-icon path {
transition: all 0.4s ease-in-out;
}
.mis-vis-box:hover .mis-vis-icon path {
fill: #10BCC6;
}
.mis-vis-content h2 {
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: -0.02em;
color: #000000;
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
}
.mis-vis-box:hover .mis-vis-content h2 {
color: #10BCC6;
}
.mis-vis-content p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: 0 auto 0;
max-width: 75%;
}
/* Time Line Section */
.time-line-grid {
display: flex;
flex-direction: column;
}
.time-line-inner {
display: flex;
}
.time-line-grid .time-line-inner:nth-child(even) {
flex-direction: row-reverse;
}
.time-line-box {
width: calc(100% / 2);
display: flex;
align-items: end;
flex-direction: column;
}
.time-line-grid .time-line-inner:nth-child(even) .time-line-box {
align-items: start;
}
.time-line-desc {
margin-right: 247px;
position: relative;
text-align: right;
}
.time-line-grid .time-line-inner:nth-child(even) .time-line-desc {
margin-left: 247px;
margin-right: 0;
text-align: left;
}
.time-line-line::before {
content: "";
position: absolute;
top: -19px;
left: 0;
height: 38px;
width: 38px;
border-radius: 50%;
background: #10BCC6;
z-index: 1;
}
.time-line-grid .time-line-inner:nth-child(even) .time-line-line::before {
right: 0;
left: auto;
background-color: #0B85D1;
}
.time-line-desc h3 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 26px;
color: #333333;
}
.time-line-desc p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-bottom: 0;
}
.time-line-count {
height: 107px;
width: 107px;
background: #10BCC6;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
border-radius: 20px;
z-index: 0;
margin-top: -28px;
}
.time-line-grid .time-line-inner:nth-child(even) .time-line-count {
background: #0B85D1;
}
.time-line-count::before {
content: "";
position: absolute;
inset: 10px;
border-radius: 15px;
z-index: -1;
background: #FFFFFF;
box-shadow: 6px 6px 15px #333333;
}
.time-line-line {
content: "";
position: absolute;
right: -10px;
bottom: -10px;
width: 216px;
height: 126px;
z-index: -1;
}
.time-line-grid .time-line-inner:nth-child(even) .time-line-line {
right: 0;
left: -10px;
}
.time-line-count p {
font-weight: 700;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #808285;
margin-bottom: 5px;
}
.time-line-count h4 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 26px;
color: #333333;
margin-bottom: 0;
}
/* Media List Section*/
.media-options {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
max-width: 80%;
margin: 0 auto;
}
.media-options form {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
width: 100%;
}
.blog-select select {
padding: 15px 20px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #333333;
background: rgba(212, 212, 212, 0.3);
border-radius: 10px;
border: 1px solid #F1F2F9;
min-width: 400px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5205 7.62119L28.5378 6.63167C28.2285 6.32264 27.8171 6.15239 27.3773 6.15239C26.9378 6.15239 26.5258 6.32264 26.2166 6.63167L15.0067 17.842L3.78393 6.61923C3.47515 6.3102 3.0632 6.1402 2.62368 6.1402C2.18416 6.1402 1.77197 6.3102 1.46294 6.61923L0.480004 7.60265C-0.160001 8.24217 -0.160001 9.28388 0.480004 9.9234L13.8421 23.3335C14.1508 23.6423 14.5623 23.8599 15.0057 23.8599H15.0109C15.4506 23.8599 15.8621 23.642 16.1709 23.3335L29.5205 9.95974C29.8298 9.65096 29.9995 9.22705 30 8.78754C30 8.34778 29.8298 7.92972 29.5205 7.62119Z' fill='%23333333'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 12px;
}
.blog-search input {
padding: 15px 20px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #333333;
background: rgba(212, 212, 212, 0.3);
border-radius: 10px;
border: 1px solid #F1F2F9;
min-width: 400px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_814_6591)'%3E%3Cpath d='M29.6334 27.8665L21.1023 19.3354C22.7548 17.2941 23.7498 14.7004 23.7498 11.8755C23.7498 5.32802 18.4223 0.000549316 11.8748 0.000549316C5.32741 0.000549316 0 5.32796 0 11.8754C0 18.4228 5.32747 23.7503 11.8749 23.7503C14.6999 23.7503 17.2936 22.7553 19.3348 21.1028L27.866 29.634C28.1097 29.8777 28.4297 30.0003 28.7497 30.0003C29.0698 30.0003 29.3898 29.8777 29.6335 29.634C30.1222 29.1453 30.1222 28.3553 29.6334 27.8665ZM11.8749 21.2503C6.70494 21.2503 2.5 17.0454 2.5 11.8754C2.5 6.70543 6.70494 2.50049 11.8749 2.50049C17.0449 2.50049 21.2498 6.70543 21.2498 11.8754C21.2498 17.0454 17.0448 21.2503 11.8749 21.2503Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_814_6591'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 20px center;
outline: none;
background-size: 14px;
}
.media-tabs-inner .media-tabs {
display: flex;
align-items: center;
gap: 10px;
}
.media-tabs .media-item {
background: rgba(212, 212, 212, 0.3);
border-radius: 10px;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #333333;
padding: 24px 30px;
cursor: pointer;
border: 1px solid #F1F2F9;
transition: all 0.4s ease-in-out;
}
.media-tabs .media-item.active,
.media-tabs .media-item:hover {
background: #0B85D1;
font-weight: 700;
color: #FFFFFF;
}
.res-list-box {
border-color: #10BCC6;
}
.res-list-box .list-desc h3 {
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #555555;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.res-list-box .list-desc h3 a {
color: #555555;
}
.res-list-box:hover .list-desc h3 a {
color: #0B85D1;
}
.res-list-box .list-desc p {
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #4B5563;
margin-bottom: 20px;
}
.media-content {
display: none;
}
.no-data {
background: rgba(212, 212, 212, 0.3);
border-radius: 10px;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #333333;
padding: 24px 30px;
cursor: pointer;
border: 1px solid #F1F2F9;
text-align: center;
}
.no-data p {
margin-bottom: 0;
}
.count-grap {
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.count-num {
width: 120px;
height: 120px;
background: #fff;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#emiPieChart rect {
fill: transparent;
}
#emiPieChart g:nth-child(5) {
display: none;
}
#emiPieChart g path {
stroke: none;
}
.in-am-num {
font-size: 28px;
font-weight: 700;
color: #0d86d8;
line-height: 1;
}
.pr-am-num {
font-size: 14px;
color: #666;
}
/* Wrapper */
.rupee-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
/* ₹ symbol */
.rupee-symbol {
position: absolute;
left: 12px;
font-size: 16px;
color: #111;
pointer-events: none;
}
/* Input spacing */
.rupee-input {
padding-left: 28px;
}
/* Error icon */
.error-icon {
position: absolute;
right: 10px;
width: 18px;
height: 18px;
background: #ff4d4f;
color: #fff;
border-radius: 50%;
font-size: 12px;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Error tooltip */
.amount-error {
position: absolute;
top: -50px;
left: 0;
background: #fff;
color: #ff4d4f;
font-size: 13px;
padding: 8px 12px;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
display: none;
white-space: nowrap;
}
/* Show error */
.rupee-input-wrapper.error .error-icon,
.rupee-input-wrapper.error .amount-error {
display: flex;
}
/* Red border on error */
.rupee-input-wrapper.error input {
border-color: #ff4d4f;
}
#emiPieChart g text {
font-size: 16px;
line-height: 16px;
fill: #fff;
font-weight: 600;
display: none;
}
#emiPieChart g:nth-child(3) text {
fill: #0b85d1;
}
.pagination-wrapper {
margin-top: 50px;
display: flex;
align-content: center;
gap: 10px;
justify-content: center;
}
.pagination-wrapper .page-numbers {
height: 35px;
width: 35px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #333333;
border: 1px solid #F1F1F1;
border-radius: 8px;
}
.pagination-wrapper .page-numbers.current {
background: #0B85D1;
color: #fff;
border-color: #0B85D1;
}
.pagination-wrapper .page-numbers.dots {
border: none;
}
.pagination-wrapper .page-numbers.next,
.pagination-wrapper .page-numbers.prev {
font-size: 0;
}
.pagination-wrapper .page-numbers.next {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.27203 4L3.33203 4.94L6.38536 8L3.33203 11.06L4.27203 12L8.27203 8L4.27203 4Z' fill='black'/%3E%3Cpath d='M8.66656 4L7.72656 4.94L10.7799 8L7.72656 11.06L8.66656 12L12.6666 8L8.66656 4Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: center;
}
.pagination-wrapper .page-numbers.prev {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.728 12L12.668 11.06L9.61464 8L12.668 4.94L11.728 4L7.72797 8L11.728 12Z' fill='%23333333'/%3E%3Cpath d='M7.33344 12L8.27344 11.06L5.2201 8L8.27344 4.94L7.33344 4L3.33344 8L7.33344 12Z' fill='%23333333'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: center;
}
.recent-blog-inner {
position: sticky;
top: 120px;
margin-left: 20px;
padding: 20px;
border-radius: 15px;
background-color: #0B85D11F;
}
/* Hover */
.compare-open-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(16, 188, 198, 0.45);
}
/* New Css */
.start-modal .modal-body,
.contact-modal .modal-body {
padding: 0;
}
.start-modal .modal-header,
.contact-modal .modal-header {
position: absolute;
top: -8px;
right: -8px;
z-index: 1050;
border-bottom: none;
padding: 0;
}
.start-modal .modal-header .btn-close,
.contact-modal .modal-header .btn-close {
background-color: #10BCC6;
opacity: 1;
border-radius: 8px;
padding: 10px;
stroke: #fff;
background-size: 12px;
}
.modal-form {
padding: 40px 40px 40px 16px;
}
.modal-form .get-cta-inner {
padding: 0;
background: none;
border: none;
box-shadow: none;
border-radius: 0;
}
.modal-form h2 {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 15px;
}
.modal-form p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.forminator-row-last {
margin-bottom: 0 !important;
}
.modal-logo a img {
max-width: 120px;
margin-bottom: 20px;
}
.modal-img {
height: 100%;
position: relative;
z-index: 0;
}
.modal-img::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.modal-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px 0 0 5px;
}
.modal-backdrop.show {
opacity: 0.8;
}
.solu-tab-slider-nav .swiper-button-next {
right: 40px;
}
.solu-tab-slider-nav .swiper-button-prev {
left: 40px;
}
.solu-tab-slider .swiper-button-disabled {
opacity: 0 !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
display: none;
}
.get-cta-inner p {
margin-bottom: 0;
font-size: 14px;
line-height: 14px;
padding: 12px 15px;
background: #5cb85c;
color: #fff;
border-radius: 8px;
}
.scan-modal .modal-content {
border-color: #10BCC6;
}
.scan-modal .modal-body {
padding: 30px;
}
.scan-modal .modal-desc h2 {
font-family: "Inter", sans-serif;
font-size: 24px;
line-height: 28px;
font-weight: 700;
margin-bottom: 5px;
}
.scan-modal .modal-desc img {
max-width: 180px;
}
.scan-modal .modal-desc P {
font-size: 16px;
line-height: 22px;
font-weight: 400;
max-width: 80%;
margin: 0 auto 20px;
}
.scan-modal .modal-desc .btn-default {
font-size: 16px;
line-height: 16px;
font-weight: 600;
outline: none;
border: none;
padding: 15px 40px;
}
/* Pricing Plane Popup */
.com-btn.selected {
border: 1px solid #10bcc6;
color: #10bcc6;
}
.compare-popup {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
}
.compare-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}
.compare-box {
position: relative;
background: #fff;
width: 95%;
max-width: 1100px;
margin: 30px 0;
padding: 32px;
border-radius: 14px;
max-height: calc(100vh - 60px);
overflow-y: auto;
border: 2px solid #10BCC6;
}
.compare-head h3 {
font-size: 26px;
font-weight: 600;
color: #111;
margin-bottom: 40px;
}
.compare-close {
position: absolute;
top: 16px;
right: 22px;
font-size: 28px;
background: none;
border: none;
cursor: pointer;
}
.compare-mode {
margin: 16px 0;
}
.mode-btn {
padding: 6px 16px;
border: 1px solid #10bcc6;
background: #fff;
color: #10bcc6;
border-radius: 20px;
cursor: pointer;
margin-right: 8px;
font-size: 14px;
}
.mode-btn.active {
background: #10bcc6;
color: #fff;
}
.compare-plans {
margin-bottom: 30px;
}
.compare-plan-item {
display: inline-block;
padding: 9px 18px;
margin-right: 8px;
border: 1px solid #10bcc6;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
line-height: 14px;
background: linear-gradient(90deg, #0B85D1 0%, #10BCC6 100%);
color: #FFF;
}
.compare-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 14px;
}
/* HEADER */
.compare-table thead th {
font-size: 16px;
font-weight: 600;
color: #111;
text-align: center;
padding-bottom: 10px;
}
.compare-table thead th:first-child {
text-align: left;
color: #333;
}
.compare-table td:first-child {
font-weight: 500;
color: #333;
width: 28%;
font-size: 16px;
line-height: 16px;
}
.compare-table td[data-plan] {
text-align: center;
font-size: 14px;
line-height: 14px;
color: #222;
}
.compare-table tbody tr {
background: #fff;
}
.compare-table tbody td {
padding: 6px 10px;
vertical-align: middle;
}
.compare-table tbody tr td:nth-child(1) {
padding-left: 0;
}
.compare-table td:contains("✔") {
color: #10bcc6;
font-weight: 700;
}
.compare-table td:contains("✖") {
color: #aaa;
}
/* Center popup heading */
.compare-head {
text-align: center;
}
/* Center Monthly / Annual buttons */
.compare-mode {
display: flex;
justify-content: center;
gap: 10px;
}
/* Center selected plan chips */
.compare-plans {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
/* RESET table alignment (keep original) */
.compare-body {
display: block;
}
.compare-table {
margin: 0;
}
/* ===============================
NON-STICKY CENTERED COMPARE BUTTON
=============================== */
.compare-fixed-btn {
position: relative;
/* ❌ remove fixed */
margin: 60px auto 0;
/* space above footer */
display: flex;
justify-content: center;
z-index: 1;
}
/* Button styling */
.compare-open-btn {
background: linear-gradient(90deg, #0B85D1 0%, #10BCC6 100%);
color: #ffffff;
border: none;
padding: 14px 38px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
box-shadow: 0 8px 20px rgba(16, 188, 198, 0.35);
transition: all 0.3s ease;
}
/* Calculator Verification Form */
.calcu-detials-mai.active {
display: none;
}
.calcu-veri-form {
margin: 0 50px;
padding: 33px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
border-radius: 12px;
}
html.with-fancybox {
overflow: hidden !important;
}
/* Important Resource */
.ank-imp-resource .imreso-box {
display: flex;
gap: 20px;
padding: 20px;
}
.imreso-box .sol-icon {
min-width: 65px;
}
.imreso-desc {
display: flex;
flex-direction: column;
height: 100%;
}
.imreso-desc p {
margin-bottom: 15px;
flex: 1;
}
.imreso-desc .btn-arrow {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 24px;
display: flex;
align-items: center;
color: #333333;
gap: 8px;
}
.ank-imp-resource .row {
row-gap: 30px;
}
@media (max-width: 768px) {
.compare-box {
padding: 20px;
}
.compare-table {
font-size: 14px;
}
}
@media screen and (max-width: 1399px) {
/* Header */
header {
padding: 25px 0;
}
.navbar-brand img {
max-width: 170px;
}
header .menu-item a {
font-size: 14px;
line-height: 20px;
}
.header-btns .btn-secondary {
font-size: 14px;
line-height: 20px;
}
/* Home Page */
.ank-hm-banner,
.ank-inner-banner {
margin-top: 85px;
}
.hb-desc h1,
.inb-desc h1 {
font-size: 52px;
line-height: 62px;
}
.hb-desc p,
.inb-desc p {
font-size: 18px;
line-height: 26px;
}
.hb-desc h4 {
font-size: 16px;
line-height: 26px;
}
.title h2 {
font-size: 46px;
line-height: 56px;
}
.title.text-center p {
max-width: 80%;
}
.pro-icon {
right: -25px;
width: 141px;
height: 141px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box .pro-icon {
right: auto;
left: -25px;
}
.ank-hm-testi .row+.row {
margin-top: 70px;
}
.testi-thumb-slider::after {
top: 45px;
}
/* About Page */
.inb-box,
.ank-inner-banner-counter .inb-box {
padding: 25px 20px;
}
.inb-box h2 {
font-size: 40px;
line-height: 51px;
}
.mis-vis-content p {
max-width: 100%;
}
/* Product Page */
.discount-leble {
left: 60%;
}
.partner-box {
padding: 25px 30px;
}
.trust-desc p {
font-size: 14px;
line-height: 24px;
}
/* Partner Page */
.ank-part-stories .story-head h3 {
font-size: 26px;
line-height: 36px;
}
.ank-part-stories .story-desc h4 {
font-size: 18px;
line-height: 28px;
}
/* Pricing Page */
.ank-price-plan-package .pr-plan-tab p,
.ank-price-plan-package .pr-indu-plan-tab p {
font-size: 16px;
line-height: 26px;
}
.ank-price-plan-package .pr-plan-tab ul,
.ank-price-plan-package .pr-indu-plan-tab ul {
width: 75px;
}
.ank-price-plan-package .pr-plan-tab ul li,
.ank-price-plan-package .pr-indu-plan-tab ul li {
height: 28px;
width: 28px;
}
.plan-price-box {
padding: 30px 20px;
}
.pp-bedge {
font-size: 10px;
line-height: 14px;
padding: 6px 10px;
}
.pp-icon {
width: 55px;
height: 55px;
}
.pp-icon svg {
max-width: 25px;
max-height: 25px;
}
.plan-price-box h4 {
font-size: 20px;
line-height: 28px;
}
.plan-price-box h5 {
font-size: 12px;
line-height: 18px;
}
.plan-price-box h3 {
font-size: 30px;
line-height: 36px;
}
.plan-price-box h3 b,
.plan-price-box h3 strong {
font-size: 14px;
line-height: 20px;
}
.plan-price-box p {
font-size: 13px;
line-height: 18px;
}
.plan-price-box ul li {
font-size: 13px;
line-height: 19px;
}
.price-content .plan-price-box:nth-child(2) {
padding-top: 40px;
padding-bottom: 40px;
}
.price-btns a {
font-size: 12px;
line-height: 18px;
}
.plan-price-cate h3 {
font-size: 18px;
line-height: 26px;
}
.plan-price-cate p {
font-size: 12px;
line-height: 19px;
}
.mbapp-title h4 {
font-size: 26px;
line-height: 32px;
}
.mbapp-title p {
font-size: 14px;
line-height: 22px;
}
.mbapp-rs {
padding: 20px;
}
.mbapp-rs h3 {
font-size: 50px;
line-height: 50px;
}
.mbapp-desc h5 {
font-size: 16px;
line-height: 26px;
}
.mbapp-desc .mbapp-btns a {
font-size: 16px;
line-height: 26px;
}
.mob-app-inner .ank-tab {
padding: 12px;
}
.mob-tab-title h6 {
font-size: 22px;
line-height: 30px;
}
.mob-app-inner .ank-tab-1 {
left: -68px;
}
.mob-app-inner .ank-tab-2 {
right: -68px;
}
.addon-card {
padding: 20px;
}
.addon-card {
padding: 20px;
}
.addon-card h4 {
font-size: 14px;
line-height: 22px;
}
.addon-card p {
font-size: 12px;
line-height: 18px;
}
/* Industry Main Page */
.partner-desc h3 {
font-size: 22px;
line-height: 28px;
}
.indutech-card p {
font-size: 18px;
line-height: 28px;
}
.appfea-desc h3 {
font-size: 30px;
line-height: 52px;
}
.appfea-desc p {
font-size: 18px;
line-height: 28px;
}
.default-bullet ul li {
font-size: 16px;
line-height: 26px;
}
/* Features Main Page */
.sol-box {
padding: 30px;
}
.fea-why-box {
padding: 40px 25px;
}
.fea-why-box h3 {
font-size: 18px;
line-height: 26px;
}
/* Media Page */
.media-options {
max-width: 100%;
}
.media-tabs .media-item {
font-size: 16px;
line-height: 16px;
padding: 20px;
}
.res-list-box .list-desc h3 {
font-size: 18px;
line-height: 23px;
}
.list-btns .btn-arrow {
font-size: 16px;
line-height: 26px;
}
.blog-select select,
.blog-search input {
padding: 20px 30px;
font-size: 18px;
line-height: 22px;
min-width: 400px;
background-size: 20px 20px;
}
.process-slider .swiper-slide:nth-child(2n) .process-box .process-desc {
min-height: 320px;
}
.process-icon {
margin-top: 380px;
}
.calcu-veri-form {
margin: 0 40px;
}
}
@media screen and (max-width:1199px) {
.mtb-120 {
margin: 90px 0;
}
.mb-120 {
margin-bottom: 90px;
}
.ptb-120 {
padding: 90px 0;
}
.ptb-80 {
padding: 60px 0;
}
.pt-120 {
padding-top: 90px;
}
/* Header */
header {
padding: 20px 0;
}
header .navbar-expand-lg .navbar-collapse {
display: none !important;
}
header .toggle-inner {
width: 183px;
}
header .toggle-btn {
cursor: pointer;
}
header .navbar-brand {
display: flex;
align-items: center;
}
.header-btns .btn-default {
padding: 12px 15px;
border-radius: 5px;
font-size: 14px;
line-height: 14px;
}
header .navbar-expand-lg .navbar-collapse {
position: fixed;
top: 0;
left: -110%;
bottom: 0;
width: fit-content;
width: 367px;
background-color: #FFFFFF;
display: block !important;
transition: all 0.4s ease-in-out;
padding: 0 !important;
padding-top: 70px !important;
padding-left: 20px !important;
padding-right: 20px !important;
z-index: 10;
overflow-y: auto;
}
header .navbar-expand-lg .navbar-collapse.show {
left: 0;
}
header .navbar-expand-lg .navbar-nav {
flex-direction: column;
}
header .menu-item {
width: 100%;
}
header .menu-item.menu-item-has-children {
flex-direction: column;
align-items: flex-start;
}
header .menu-item+.menu-item {
margin-left: 0px;
border-top: 1px solid #E5E5E5;
}
header .menu-item a {
font-size: 16px;
line-height: 16px;
padding: 16px 0;
width: 80%;
}
header .menu-item .sub-menu>a {
font-size: 16px;
line-height: 16px;
margin-bottom: 20px;
padding: 0;
}
header .menu-item.menu-item-has-children::after {
position: absolute;
top: 19px;
right: 10px;
}
header .menu-item.menu-item-has-children>.sub-menu-inner,
header .menu-item.menu-item-has-children>.mega-menu-inner {
position: static;
min-width: 100%;
padding-top: 0;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
display: none;
margin: 15px 10px 28px 10px;
}
header .menu-item.menu-item-has-children>.mega-menu-inner {
margin: 15px 10px 28px 0;
}
header .menu-item.menu-item-has-children.sub-open>.sub-menu-inner,
header .menu-item.menu-item-has-children.sub-open>.mega-menu-inner {
display: block;
}
header .menu-item.menu-item-has-children .sub-menu,
header .menu-item.menu-item-has-children .mega-menu-wrap {
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
padding: 0px;
}
header .menu-item.menu-item-has-children .mega-menu-wrap .mega-menu {
margin: 0;
padding: 0;
background-color: transparent;
width: 100%;
}
.menu-item-has-children .sub-menu .menu-item>a {
color: #333333;
width: 100%;
padding: 0;
}
.menu-item-has-children .mega-menu .menu-item>a {
width: 80%;
padding: 0;
}
.menu-item-has-children .sub-menu .menu-item+.menu-item,
.menu-item-has-children .mega-menu .menu-item+.menu-item {
border: none;
}
.menu-item-has-children .sub-menu .menu-item>a .menu-icon,
.menu-item-has-children .mega-menu .menu-item>a .menu-icon {
min-width: 40px;
height: 40px;
}
.menu-item-has-children .sub-menu .menu-item>a .menu-icon img,
.menu-item-has-children .mega-menu .menu-item>a .menu-icon img {
max-width: 20px;
max-height: 20px;
}
header .menu-item.menu-item-has-children .mega-menu-wrap .mega-menu>.menu-item {
position: relative;
flex-direction: column;
}
header .menu-item.menu-item-has-children .mega-menu-wrap .mega-menu>.menu-item::after {
content: "";
position: absolute;
top: 19px;
right: 10px;
width: 12px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-left: 7px;
transition: all ease-in-out 0.4s;
}
.mega-sub-wrap {
position: static;
padding: 15px 10px 5px 58px;
opacity: 1;
visibility: visible;
display: none;
}
header .menu-item.menu-item-has-children .mega-menu-wrap .mega-menu>.menu-item.mega-sub-open-active .mega-sub-wrap {
display: block;
}
.mega-sub-wrap>span {
display: none;
}
.menu-item-has-children .mega-menu .menu-item>a {
width: 85%;
}
.close-btn {
border: none;
background-color: transparent;
padding: 0;
position: absolute;
top: 30px;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
}
/* Home Page */
.ank-hm-banner {
margin-top: 79px;
}
.hb-desc h5,
.inb-desc h5 {
font-size: 12px;
line-height: 14px;
}
.hb-desc h1,
.inb-desc h1 {
font-size: 40px;
line-height: 50px;
}
.hb-desc p,
.inb-desc p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.hb-btns .btn-default,
.inb-btns .btn-default {
gap: 12px;
padding: 9px 25px;
font-size: 16px;
line-height: 20px;
}
.hb-btns .btn-outline,
.inb-btns .btn-outline {
font-size: 16px;
line-height: 20px;
padding: 8px 20px;
}
.ank-tab {
border-radius: 8px;
padding: 10px 10px;
gap: 5px;
font-size: 16px;
line-height: 16px;
}
.ank-tab-2 {
top: 80px;
}
.ank-tab-3 {
top: 210px;
}
.ank-tab-4 {
left: 80px;
}
.ank-video-btn {
width: 60px;
height: 60px;
}
.ank-video-btn svg {
max-width: 35px;
max-height: 35px;
}
.ank-hm-count {
padding: 40px 0;
}
.ank-hm-count-item h2 {
font-size: 38px;
line-height: 38px;
}
.ank-hm-count-item p {
font-size: 14px;
line-height: 22px;
}
.ank-hm-certification .title-design {
padding: 5px 40px;
}
.title-design {
font-size: 14px;
line-height: 26px;
padding: 5px 20px;
}
.title h2 {
font-size: 38px;
line-height: 48px;
}
.title p {
font-size: 16px;
line-height: 24px;
}
.title.text-center p {
max-width: 100%;
}
.certi-box {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
height: 100%;
}
.certi-box p {
font-size: 16px;
line-height: 26px;
}
.problem-box {
padding: 23px 23px 32px 0;
}
.pro-head {
padding: 8px 50px;
margin-bottom: 30px;
}
.pro-head h3 {
font-size: 30px;
line-height: 55px;
}
.problem-box ul {
padding-left: 20px;
}
.default-bullet ul li {
font-size: 14px;
line-height: 25px;
}
.default-bullet ul li::before {
width: 25px;
height: 25px;
}
.default-bullet ul li+li {
margin-top: 15px;
}
.pro-icon {
width: 121px;
height: 121px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .pro-head {
padding: 8px 80px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box ul {
padding-left: 120px;
}
.sol-box {
padding: 25px;
}
.sol-box h3 {
font-size: 16px;
line-height: 26px;
}
.sol-icon {
width: 50px;
height: 50px;
}
.imreso-box .sol-icon {
min-width: 50px;
}
.sol-icon svg {
max-width: 25px;
max-height: 25px;
}
.btn-default {
padding: 15px 30px;
font-size: 14px;
line-height: 22px;
}
.story-head {
padding: 15px;
}
.story-head h3 {
font-size: 30px;
line-height: 36px;
}
.story-desc {
padding: 15px;
}
.story-desc h4 {
font-size: 18px;
line-height: 26px;
}
.story-desc p {
font-size: 14px;
line-height: 22px;
}
.easy-count {
padding: 15px;
}
.easy-count .easy-icon svg {
max-width: 40px;
max-height: 40px;
}
.easy-desc h3 {
font-size: 20px;
line-height: 26px;
}
.easy-desc p {
font-size: 13px;
line-height: 18px;
}
.easy-li-desc p {
font-size: 14px;
line-height: 22px;
}
.why-icon {
width: 50px;
height: 50px;
}
.why-desc h3 {
font-size: 18px;
line-height: 26px;
}
.why-desc p {
font-size: 14px;
line-height: 22px;
}
.btn-outline {
padding: 8px 20px;
}
.indu-icon img {
max-width: 40px;
}
.indu-desc h3 {
font-size: 18px;
line-height: 26px;
}
.indu-desc p {
font-size: 14px;
line-height: 22px;
}
.ank-hm-mobile .title p {
max-width: 100%;
}
.mobile-list ul li {
font-size: 16px;
line-height: 26px;
}
.mobile-list ul li+li {
margin-top: 15px;
}
.mobapp-link-btn a,
.calcu-btn button {
padding: 12px 25px;
font-size: 14px;
line-height: 20px;
}
.testi-thumb-slider::after {
left: 30px;
right: 30px;
}
.testi-star img {
max-width: 28px;
}
.testi-info h3 {
font-size: 16px;
line-height: 26px;
}
.testi-content p {
font-size: 16px;
line-height: 28px;
}
.testi-nav>div {
height: 40px;
width: 40px;
}
.testi-pagi::after,
.testi-pagi::before {
transform: none;
}
/* About Page */
.ank-inner-banner {
margin-top: 79px;
min-height: 600px;
}
.inb-box,
.ank-inner-banner-counter .inb-box {
padding: 25px 15px;
}
.inb-box h2 {
font-size: 30px;
line-height: 40px;
}
.inb-box p {
font-size: 14px;
line-height: 18px;
}
.time-line-desc h3 {
font-size: 20px;
line-height: 16px;
}
.time-line-desc p {
font-size: 14px;
line-height: 24px;
}
.time-line-count p {
font-size: 10px;
line-height: 13px;
}
.time-line-count h4 {
font-size: 22px;
line-height: 20px;
}
/* Product Page */
.mod-tab-slider .swiper-slide,
.solu-tab-slider .swiper-slide,
.appfea-tab-slider .swiper-slide {
height: auto;
}
.mod-tab-box,
.solu-tab-box {
padding: 15px 20px;
border-radius: 15px;
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.plan-content-main {
margin: 60px 0 30px;
}
.price-box {
padding: 30px 20px 20px;
}
.price-head {
margin-bottom: 30px;
}
.price-head h4 {
font-size: 18px;
line-height: 24px;
}
.price-head p {
font-size: 15px;
line-height: 18px;
}
.price-head h3 {
font-size: 40px;
line-height: 50px;
}
.price-head .btn-outline {
font-size: 16px;
line-height: 22px;
}
.plan-desc .btn-outline {
padding: 10px 80px;
font-size: 16px;
line-height: 22px;
}
.partner-box {
padding: 20px;
}
.partner-desc h3 {
font-size: 22px;
line-height: 28px;
}
.partner-desc.scondary-bullet ul li {
font-size: 13px;
line-height: 25px;
}
.partner-desc .btn-outline {
font-size: 16px;
line-height: 22px;
}
.why-part-inner:nth-child(1) .why-part-box:nth-child(1),
.why-part-inner:nth-child(2) .why-part-box:nth-child(2) {
min-height: 250px;
}
.why-part-desc h4 {
font-size: 40px;
line-height: 52px;
}
.wpart-icon-inner p {
font-size: 16px;
line-height: 26px;
}
.int-desc h3 {
font-size: 16px;
line-height: 26px;
}
.int-desc p {
font-size: 14px;
line-height: 22px;
}
.tec-speci-desc h3 {
font-size: 18px;
line-height: 28px;
}
.tec-speci-desc p {
font-size: 14px;
line-height: 22px;
}
.trust-box {
padding: 25px 10px;
display: flex;
justify-content: center;
flex-direction: column;
}
.trust-desc h3 {
font-size: 18px;
line-height: 28px;
}
/* Solution Page */
.sol-chall-box p {
max-width: 75%;
}
.solu-content .wpart-icon-wrap {
column-gap: 20px;
}
/* Industry Listing Page */
.indu-list-title h3 {
font-size: 16px;
line-height: 27px;
}
.list-btns .btn-arrow {
font-size: 14px;
line-height: 24px;
}
.indu-list-icon {
width: 45px;
height: 45px;
top: 15px;
right: 15px;
}
.indu-list-icon img,
.indu-list-icon svg {
max-width: 25px;
}
.indu-list-title {
left: 15px;
right: 15px;
bottom: 15px;
}
.list-desc {
padding: 15px;
}
.free-desc h3 {
font-size: 20px;
line-height: 28px;
}
/* Resource Page */
.calcu-data-count {
padding: 25px 15px;
}
.calcu-totle-data {
padding: 45px 15px 30px;
}
.calcu-data-count::after {
bottom: -30px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #EBF7FF;
}
.calcu-totle-data h4 {
font-size: 20px;
line-height: 18px;
}
.data-inner-item p {
font-size: 18px;
line-height: 18px;
}
.calcu-box .white-bx .existing-balance-container .existingbal-desc .title {
font-size: 18px;
line-height: 18px;
}
.calcu-box .white-bx .existing-balance-container {
margin-bottom: 20px;
}
.arti-desc h3 {
font-size: 16px;
line-height: 22px;
}
.webn-content h3 {
font-size: 18px;
line-height: 30px;
}
.webn-content .btn-outline {
font-size: 16px;
line-height: 22px;
}
.gi-notifi-title h2 {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.02px;
}
.gi-notifi-title p {
font-size: 14px;
line-height: 17px;
}
.gi-box-haed h3 {
font-size: 16px;
line-height: 26px;
}
.gi-box-haed .label {
font-size: 12px;
line-height: 15px;
}
.gi-box-date {
font-size: 12px;
line-height: 15px;
}
.fdown-box {
height: 100%;
display: flex;
flex-direction: column;
}
.fdown-box h3 {
font-size: 16px;
line-height: 20px;
}
.fdown-box ul {
flex: 1;
}
/* Mobile App Page */
.appfea-desc h3 {
font-size: 30px;
line-height: 52px;
}
.appfea-desc p {
font-size: 16px;
line-height: 26px;
max-width: 100%;
}
/* Partner Page */
.ank-part-stories .story-head h3 {
font-size: 20px;
line-height: 30px;
}
.ank-part-stories .story-desc h4 {
font-size: 15px;
line-height: 26px;
}
.ank-part-stories .story-desc p,
.ank-part-stories .story-desc span {
font-size: 14px;
line-height: 22px;
}
/* Pricing Page */
.mb-app-box {
padding: 30px;
}
.mbapp-title h4 {
font-size: 24px;
line-height: 30px;
}
.mbapp-rs {
padding: 20px;
}
.mbapp-rs h3 {
font-size: 40px;
line-height: 40px;
}
.mob-tab-title h6 {
font-size: 20px;
line-height: 28px;
}
.mob-app-inner .ank-tab-1 {
left: -38px;
}
.mob-app-inner .ank-tab-2 {
right: -38px;
}
.price-content {
grid-template-columns: repeat(3, 1fr);
}
.compare-head h3 {
font-size: 26px;
}
.compare-table tbody td {
padding: 4px 8px;
}
.compare-table td:first-child {
font-size: 14px;
line-height: 20px;
}
.compare-table td[data-plan] {
font-size: 14px;
}
.ank-enterprise-solution .title h3 {
font-size: 20px;
line-height: 26px;
}
.ent-icon {
width: 50px;
height: 50px;
}
.ent-box {
padding: 20px;
}
.ent-box h4 {
font-size: 16px;
line-height: 24px;
}
.ent-box p {
font-size: 14px;
line-height: 20px;
}
.ent-btns .btn-default,
.ent-btns .btn-outline {
font-size: 14px;
line-height: 24px;
}
.ent-included-box {
padding: 25px;
}
.ent-included-box h4 {
font-size: 24px;
line-height: 32px;
}
.ent-included-box li:nth-child(1),
.ent-included-box li:nth-child(2) {
font-size: 16px;
line-height: 22px;
}
.proposal-box {
padding: 20px;
}
.proposal-box h5 {
font-size: 30px;
line-height: 36px;
}
.addon-grid {
grid-template-columns: repeat(4, 1fr);
}
.add-talk-inner p {
font-size: 14px;
line-height: 22px;
}
.faq-box-main .accordion-item .accordion-button {
padding: 20px;
font-size: 16px;
line-height: 26px;
}
.faq-box-main .accordion-body {
padding: 0 20px 20px;
}
.accordion-body p {
margin-bottom: 0;
}
/* Start Free Trial */
.page-template-contact-us .ank-inner-banner,
.page-template-start-my-free-trial .ank-inner-banner,
.ank-blog-inner-banner {
min-height: 400px;
}
.cta-free-box {
padding: 20px 30px;
}
.cta-free-box p {
font-size: 16px;
line-height: 20px;
}
/* Contact Us PAge */
.ank-cta-main .cta-free-box h3 {
font-size: 25px;
line-height: 31px;
}
.ank-cta-main .cta-free-box p {
font-size: 16px;
line-height: 22px;
max-width: 100%;
}
/* Industry Main Page */
.appfea-icon {
width: 50px;
height: 50px;
}
.appfea-desc .appfea-icon svg {
width: 30px;
height: 30px;
}
.appfea-desc h3 {
font-size: 26px;
line-height: 42px;
}
.ank-ind-easy .row+.row {
margin-top: 90px;
}
.fea-why-box {
padding: 30px 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.fea-why-box h3 {
font-size: 16px;
line-height: 24px;
}
/* Industry Sub Page */
.ank-sub-hello-accordion .accordion-item .accordion-button {
padding: 16px;
font-size: 16px;
line-height: 22px;
}
.ank-sub-hello-accordion .accordion-body {
padding: 0 16px 16px;
font-size: 16px;
line-height: 24px;
}
.inc-box {
padding: 20px;
}
.inc-box h3 {
font-size: 35px;
line-height: 42px;
}
/* Features Sub Page */
.gst-req-desc h3,
.gst-req-desc p {
font-size: 14px;
line-height: 22px;
}
.process-icon {
height: 100px;
width: 100px;
}
.process-icon img {
max-height: 35px;
max-width: 35px;
}
/* Media Page */
.media-tabs .media-item {
font-size: 14px;
line-height: 14px;
padding: 16px 20px;
}
.res-list-box .list-desc h3 {
font-size: 16px;
line-height: 21px;
margin-bottom: 15px;
}
.res-list-box .list-desc p {
margin-bottom: 15px;
}
.list-btns .btn-arrow {
font-size: 14px;
line-height: 24px;
}
/* Webiner Page */
.webinar-tab .web-item {
font-size: 18px;
line-height: 22px;
padding: 20px;
}
.web-desc h2 {
font-size: 18px;
line-height: 26px;
}
.web-desc p {
font-size: 16px;
line-height: 24px;
}
/* Blog Detail Page */
.blog-details-desc p,
.blog-details-desc h3,
.blog-details-desc table td,
.blog-details-desc table th,
.blog-details-desc ul li,
.recent-details li a {
font-size: 16px;
line-height: 28px;
}
.blog-details-desc h2 {
font-size: 24px;
line-height: 34px;
}
.common-head h4 {
font-size: 20px;
line-height: 30px;
}
.cate-list li+li {
margin-top: 5px;
}
.cate-list li a {
font-size: 14px;
line-height: 20px;
}
.testi-thumb-bg {
padding: 40px 40px 0 40px;
}
.addons-box h5 {
font-size: 18px;
line-height: 18px;
}
.addon-card span {
top: 8px;
right: 8px;
padding: 5px 8px;
font-size: 8px;
line-height: 8px;
}
.calcu-veri-form {
margin: 0px;
}
.calcultor-box .row {
row-gap: 50px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu-inner {
min-width: 310px;
padding-top: 40px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu {
border-radius: 10px;
padding: 8px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item {
padding: 15px 10px 10px;
border-radius: 10px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item img {
width: 30px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item p {
font-size: 14px;
line-height: 18px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item .btn-default {
font-size: 11px;
line-height: 16px;
padding: 8px 14px !important;
}
}
@media screen and (max-width:991px) {
.mtb-120 {
margin: 70px 0;
}
.mb-120 {
margin-bottom: 70px;
}
.ptb-120 {
padding: 70px 0;
}
.ptb-80 {
padding: 50px 0;
}
.pt-120 {
padding-top: 70px;
}
.mt-50 {
margin-top: 30px;
}
.row {
row-gap: 30px;
}
/* Header */
header {
padding: 18px 0;
}
header.sticky {
padding: 14px 0;
}
header .toggle-inner {
width: 151px;
}
.navbar-brand img {
max-width: 150px;
}
.header-btns {
gap: 10px;
}
.header-btns .btn-secondary {
font-size: 13px;
line-height: 18px;
}
.header-btns .btn-default {
padding: 10px 12px;
border-radius: 5px;
font-size: 12px;
line-height: 12px;
}
/* Home Page */
.ank-hm-banner .row {
row-gap: 60px;
}
.ank-hm-banner {
margin-top: 70px;
padding-bottom: 60px;
}
.hb-desc h1 {
font-size: 36px;
line-height: 46px;
margin-bottom: 15px;
}
.hb-desc h4 {
font-size: 14px;
line-height: 24px;
}
.hb-btns .btn-default,
.inb-btns .btn-default {
font-size: 14px;
line-height: 20px;
}
.hb-btns .btn-outline,
.inb-btns .btn-outline {
font-size: 14px;
line-height: 20px;
}
.ank-tab {
border-radius: 8px;
padding: 10px 10px;
gap: 5px;
font-size: 16px;
line-height: 16px;
}
.scroll-down-indicator {
bottom: 15px;
}
.ank-hm-count {
padding: 30px 0;
}
.ank-hm-count-item h2 {
font-size: 30px;
line-height: 36px;
}
.ank-hm-count-item p {
font-size: 12px;
line-height: 20px;
}
.ank-hm-certification .title-design {
padding: 5px 30px;
}
.title-design {
font-size: 12px;
line-height: 24px;
padding: 5px 15px;
}
.title h2 {
font-size: 32px;
line-height: 42px;
}
.title:has(p) h2 {
margin-bottom: 15px;
}
.title p,
.title.text-center p {
font-size: 15px;
line-height: 23px;
}
.certi-box {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
height: 100%;
}
.certi-icon {
width: 50px;
height: 50px;
}
.certi-icon svg {
max-width: 20px;
}
.certi-box p {
font-size: 14px;
line-height: 24px;
max-width: 80%;
}
.gst-search-input input {
font-size: 14px;
line-height: 22px;
min-width: 300px;
}
.gst-search-input span {
height: 18px;
width: 18px;
}
.gst-search-form button {
padding: 11px 16px;
}
.gst-search-form button svg {
max-width: 18px;
max-height: 18px;
}
.pro-icon {
width: 160px;
height: 160px;
}
.problem-box ul {
padding-left: 50px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box ul {
padding-left: 200px;
}
.btn-default {
padding: 12px 20px;
font-size: 13px;
line-height: 21px;
}
.why-box {
padding: 20px;
}
.why-desc h3 {
font-size: 16px;
line-height: 24px;
}
.btn-outline {
gap: 10px;
font-size: 13px;
line-height: 21px;
}
.indu-desc h3 {
font-size: 16px;
line-height: 24px;
}
.ank-hm-testi .row+.row {
margin-top: 30px;
}
.testi-thumb-slider::after {
left: 140px;
right: 140px;
top: 50px;
}
.testi-thumb-slider {
position: relative;
left: 0;
width: 100%;
bottom: 0;
}
.busi-box {
padding: 15px;
}
.busi-logo {
margin-bottom: 20px;
}
.busi-logo img {
max-width: 120px;
}
.ank-hm-business .title p,
.ank-hm-download .title p {
margin-bottom: 20px;
}
.ank-hm-business .btns .btn-default {
font-size: 13px;
line-height: 21px;
}
.ank-hm-download .title .btn-default {
padding: 10px 20px;
}
.down-img-inner {
padding-right: 0;
}
.down-img img,
.mobile-img img {
width: 100%;
}
.mobile-list ul {
margin: 20px 0;
}
.mobile-list ul li {
font-size: 14px;
line-height: 24px;
}
.mobile-list ul li+li {
margin-top: 10px;
}
.mobile-list ul li::after {
width: 25px;
height: 25px;
background-size: 10px 12px;
}
.mobapp-link-btn {
gap: 10px;
}
.mobapp-link-btn a {
padding: 10px 15px;
font-size: 13px;
line-height: 19px;
}
.get-cta-inner {
padding: 30px;
}
.f-tili-wrap {
justify-content: space-between;
}
/* About Us */
.ank-inner-banner {
margin-top: 70px;
min-height: auto;
padding: 30px 0;
}
.inb-box,
.ank-inner-banner-counter .inb-box {
padding: 20px 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.inb-box h2 {
font-size: 18px;
line-height: 18px;
}
.inb-box p {
font-size: 12px;
line-height: 16px;
margin: 10px 0 0;
}
.mis-vis-box {
padding: 20px;
}
.mis-vis-content p {
font-size: 14px;
line-height: 24px;
}
.time-line-count {
height: 85px;
width: 85px;
border-radius: 10px;
margin-top: -18px;
}
.time-line-count::before {
border-radius: 5px;
}
.time-line-count h4 {
font-size: 18px;
line-height: 18px;
}
.time-line-line img {
width: 100%;
}
.time-line-line {
right: -10px;
bottom: -3px;
width: 176px;
height: 96px;
}
.time-line-grid .time-line-inner:nth-child(2n) .time-line-line {
left: -10px;
}
.time-line-line::before {
top: -14px;
height: 28px;
width: 28px;
}
.time-line-desc {
margin-right: 180px;
}
.time-line-grid .time-line-inner:nth-child(2n) .time-line-desc {
margin-left: 180px;
}
.time-line-desc h3 {
font-size: 16px;
line-height: 16px;
}
.time-line-desc p {
font-size: 11px;
line-height: 21px;
}
/* Product Page */
.discount-leble {
left: 65%;
}
.plan-content-main {
margin: 40px 0 30px;
}
.price-head h4 {
font-size: 16px;
line-height: 22px;
}
.price-head h3 {
font-size: 35px;
line-height: 45px;
}
.price-head {
margin-bottom: 25px;
}
.partner-desc h3 {
font-size: 20px;
line-height: 26px;
}
.why-part-box {
padding: 20px;
}
.why-part-inner:nth-child(1) .why-part-box:nth-child(1),
.why-part-inner:nth-child(2) .why-part-box:nth-child(2) {
min-height: 200px;
}
.why-part-desc h4 {
font-size: 35px;
line-height: 45px;
}
.ank-why-partner .title a {
padding-left: 30px;
padding-right: 30px;
}
/* Solution Page */
.sol-chall-box p {
max-width: 100%;
}
.sol-chall-box h4 {
font-size: 18px;
line-height: 24px;
}
.solu-content .wpart-icon-inner p {
font-size: 12px;
line-height: 20px;
}
.wpart-icon-inner .wpart-icon {
width: 46px;
height: 46px;
}
.wpart-icon svg {
max-width: 20px;
max-height: 20px;
}
.seac-desc h3 {
font-size: 16px;
line-height: 26px;
}
/* Industry Listing PAge */
.free-box {
padding: 25px 20px;
}
.free-desc h3 {
font-size: 18px;
line-height: 26px;
}
/* Resource Page */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 20px;
}
/* Firefox Thumb */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-moz-range-thumb {
height: 20px;
width: 20px;
}
/* IE / Edge */
.calcu-box .slider-wraper .styled-slider input[type="range"]::-ms-thumb {
height: 20px;
width: 20px;
}
.calcu-box .white-bx .existing-balance-container .existingbal-desc .title {
font-size: 16px;
line-height: 16px;
}
.gi-notifi-title h2 {
font-size: 26px;
line-height: 34px;
letter-spacing: -0.02px;
}
.fdown-box {
padding: 20px;
}
.fdown-box h3 {
line-height: 22px;
}
/* Mobile App Page */
.appfea-img img,
.appfea-img {
border-radius: 20px 20px 0 0;
}
.appfea-desc {
padding: 0 20px 20px;
}
.appfea-icon {
width: 50px;
height: 50px;
}
.appfea-desc .appfea-icon svg {
width: 30px;
height: 30px;
}
/* Pricing Page */
.ank-mbf-solution .row {
row-gap: 80px;
}
.ank-price-plan-package .plan-content-main {
margin: 30px 0 0;
}
.price-content {
grid-template-columns: repeat(2, 1fr);
}
.compare-fixed-btn {
margin: 30px auto 0;
}
.ent-card-wrapper::after {
bottom: -40px;
}
.addon-grid {
grid-template-columns: repeat(3, 1fr);
}
/* Start Free Trial */
.page-template-contact-us .ank-inner-banner,
.page-template-start-my-free-trial .ank-inner-banner,
.ank-blog-inner-banner {
min-height: auto;
}
.ank-blog-inner-banner {
padding: 100px 0 !important;
}
.cta-free-box {
padding: 30px;
}
.cf-icon svg {
max-width: 40px;
max-height: 40px;
}
.cta-free-box p {
font-size: 14px;
line-height: 20px;
}
.inb-desc h4 {
font-size: 14px;
line-height: 22px;
}
/* Contact Us */
.ank-cta-main .cta-free-box h3 {
font-size: 22px;
line-height: 28px;
}
/* Industry Main Page */
.indutech-card {
min-height: 150px;
padding: 10px;
}
.indutech-card p {
font-size: 14px;
line-height: 24px;
}
.ank-ind-easy .row+.row {
margin-top: 70px;
}
.ank-stories .title h2 {
margin-bottom: 20px;
}
.ank-stories .title h2 {
margin-bottom: 20px;
}
.ank-stories .title p {
margin-bottom: 20px;
}
/* Features Sub Page */
.process-icon {
height: 80px;
width: 80px;
margin-top: 310px;
}
.process-icon img {
max-height: 30px;
max-width: 30px;
}
.process-slider .swiper-slide:nth-child(2n) .process-box .process-desc {
min-height: 250px;
}
.process-desc h3 {
font-size: 14px;
line-height: 22px;
}
.process-desc p {
font-size: 12px;
line-height: 22px;
}
.no-data {
font-size: 16px;
line-height: 22px;
}
.blog-select select,
.blog-search input {
padding: 18px 25px;
font-size: 16px;
line-height: 20px;
min-width: 330px;
background-size: 15px 15px;
}
.blog-details-desc p,
.blog-details-desc h3,
.blog-details-desc table td,
.blog-details-desc table th,
.blog-details-desc ul li,
.recent-details li a {
font-size: 14px;
line-height: 26px;
}
.blog-details-desc h2 {
font-size: 22px;
line-height: 32px;
}
.blog-details-desc table td,
.blog-details-desc table th {
padding: 8px 15px;
}
.common-head h4 {
font-size: 18px;
line-height: 28px;
}
.calcu-data-count::after {
bottom: -20px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #EBF7FF;
}
.calcu-totle-data {
padding: 35px 15px 20px;
}
.testi-thumb-slider .swiper-slide {
height: auto;
}
.recent-blog-inner {
margin-left: 0;
}
.addon-card {
padding: 10px;
}
.addon-card h4 {
max-width: 75%;
}
.addon-card h3 {
font-size: 18px;
line-height: 18px;
}
.gst-search-content {
padding: 20px;
}
.gst-data-con h4 {
font-size: 14px;
line-height: 22px;
}
.modal-form {
padding: 0 20px 20px;
}
.ank-mob-inner-banner .inb-desc {
max-width: 100%;
}
.modal-img {
max-height: 300px;
}
}
@media screen and (max-width:767px) {
.mtb-120 {
margin: 50px 0;
}
.mb-120 {
margin-bottom: 50px;
}
.ptb-120 {
padding: 50px 0;
}
.ptb-80 {
padding: 50px 0;
}
.pt-120 {
padding-top: 50px;
}
/* Header */
header .toggle-inner {
width: 30px;
}
.navbar-brand img {
max-width: 130px;
}
.navbar-collapse .header-btns {
width: 100%;
border-top: 1px solid #e5e5e5;
}
.navbar-collapse .header-btns .btn-default {
display: block;
font-size: 16px;
line-height: 16px;
padding: 16px 0;
width: 100%;
color: #000000;
font-weight: 500;
background-color: transparent;
}
.header-btns {
width: 30px;
}
.header-btns .btn-secondary svg {
display: block;
}
.header-btns .btn-secondary span {
display: none;
}
.header-btns .btn-secondary {
font-size: 13px;
line-height: 18px;
}
.header-btns .btn-default {
display: none;
}
/* Home Page */
.ank-hm-banner .row {
row-gap: 60px;
}
.ank-hm-banner {
margin-top: 66px;
padding-bottom: 60px;
}
.hb-desc h1,
.inb-desc h1 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.hb-desc p,
.inb-desc p {
font-size: 14px;
line-height: 22px;
}
.hb-btns,
.inb-btns {
gap: 15px;
margin-bottom: 20px;
}
.hb-btns .btn-default,
.inb-btns .btn-default,
.hb-btns .btn-outline,
.inb-btns .btn-outline {
font-size: 13px;
line-height: 19px;
}
.ank-hm-banner .row {
row-gap: 30px;
}
.hb-autor li {
height: 35px;
width: 35px;
border: 1px solid #FFFFFF;
font-size: 12px;
}
.ank-tab {
padding: 8px 8px;
font-size: 14px;
line-height: 14px;
}
.ank-tab-1 {
left: 0;
}
.ank-tab-2 {
top: 50px;
right: 0px;
}
.ank-tab-3 {
top: 160px;
right: 0px;
}
.ank-tab-4 {
left: 40px;
}
.scroll-down-indicator {
bottom: 0px;
}
.ank-hm-count {
padding: 30px 0;
}
.ank-hm-count-item h2 {
font-size: 30px;
line-height: 36px;
}
.ank-hm-count-item p {
font-size: 12px;
line-height: 20px;
}
.ank-hm-certification .title-design {
padding: 5px 20px;
}
.title.text-center .title-design {
margin: 0 auto 15px;
}
.title-design {
font-size: 10px;
line-height: 22px;
padding: 4px 14px;
margin-bottom: 15px;
}
.title h2 {
font-size: 24px;
line-height: 32px;
}
.title:has(p) h2 {
margin-bottom: 15px;
}
.title p,
.title.text-center p {
font-size: 14px;
line-height: 22px;
}
.gst-search-input input {
max-width: 200px;
min-width: auto;
}
.gst-search-form button {
padding: 11px 9px;
}
.pro-head {
padding: 8px 40px;
margin-bottom: 20px;
}
.pro-head h3 {
font-size: 24px;
line-height: 40px;
}
.pro-head {
padding: 8px 40px;
margin-bottom: 20px;
}
.default-bullet ul li+li {
margin-top: 10px;
}
.default-bullet ul li {
padding-left: 30px;
font-size: 12px;
line-height: 23px;
}
.default-bullet ul li::before {
width: 20px;
height: 20px;
background-size: 9px 11px;
}
.pro-icon {
width: 80px;
height: 80px;
right: -15px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box .pro-icon {
left: -17px;
}
.problem-box ul {
padding-left: 20px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .problem-box ul {
padding-left: 80px;
}
.ank-hm-problem .row .col-lg-6:nth-child(2) .pro-head {
padding: 8px 50px;
}
.story-head h3 {
font-size: 26px;
line-height: 32px;
}
.story-desc h4 {
font-size: 16px;
line-height: 24px;
}
.easy-count {
padding: 10px;
}
.easy-count .easy-icon svg {
max-width: 35px;
max-height: 35px;
}
.easy-desc h3 {
font-size: 18px;
line-height: 24px;
}
.easy-desc p {
font-size: 12px;
line-height: 16px;
}
.easy-list+.easy-list {
margin-top: 10px;
}
.easy-li-desc p {
font-size: 13px;
line-height: 22px;
display: flex;
align-items: center;
gap: 6px;
}
.easy-li-desc p b,
.easy-li-desc p strong {
font-size: 8px;
line-height: 12px;
}
.easy-list-main {
margin: 20px 0;
}
.btn-default,
.btn-outline {
padding: 10px 16px;
font-size: 12px;
gap: 5px;
line-height: 20px;
}
.testi-thumb-slider::after {
left: 0;
right: 0;
top: 30px;
}
.testi-thumb-slider .swiper-slide {
display: flex;
align-items: flex-end;
}
.testi-thumb img {
margin: 0 auto -2px;
display: block;
width: 70%;
}
.testi-star img {
max-width: 22px;
}
.testi-info {
margin-bottom: 15px;
}
.testi-content p {
font-size: 14px;
line-height: 26px;
}
.testi-nav>div {
height: 35px;
width: 35px;
}
.testi-pagi::after,
.testi-pagi::before {
top: 4px;
}
.ank-hm-business .btns .btn-default {
font-size: 12px;
line-height: 20px;
}
.ank-hm-download .title h2 {
max-width: 100%;
}
.ank-hm-download .title .btn-default {
padding: 10px 16px;
}
.get-cta-inner .forminator-input,
.get-cta-inner .forminator-textarea,
.calcu-veri-form .forminator-input {
font-size: 14px !important;
line-height: 16px !important;
padding: 13px 15px !important;
}
.selection .select2-selection .select2-selection__rendered {
font-size: 14px !important;
line-height: 16px !important;
padding: 13px 0 13px 15px !important;
}
.get-cta-inner {
padding: 20px;
}
.forminator-button {
font-size: 16px !important;
line-height: 26px !important;
padding: 6px 22px !important;
}
footer {
padding: 40px 0 30px;
}
.f-logo img {
max-width: 130px;
}
.f-tili-wrap {
flex-wrap: wrap;
row-gap: 20px;
}
.f-link.f-title {
width: calc(100% / 2);
}
.f-bottom .row {
row-gap: 20px;
}
.f-social-title {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.f-social-title h6 {
font-size: 14px;
line-height: 21px;
}
.f-social {
margin: 0 auto;
}
.f-b-desc {
text-align: center !important;
}
.indu-desc {
padding: 15px;
}
/* About Page */
.ank-inner-banner {
margin-top: 66px;
padding: 30px 0;
min-height: auto;
}
.ank-inner-banner .row+.row {
margin-top: 10px;
row-gap: 20px;
}
.mod-content .title p {
margin-bottom: 15px;
}
.time-line-box {
width: 100%;
align-items: start;
}
.time-line-grid {
padding-left: 10px;
}
.time-line-desc,
.time-line-grid .time-line-inner:nth-child(2n) .time-line-desc {
margin-left: 160px;
text-align: left;
margin-right: 0;
}
.time-line-line {
left: -7px;
bottom: -3px;
transform: rotateY(180deg);
width: 156px;
height: 86px;
}
.time-line-grid .time-line-inner:nth-child(2n) .time-line-line {
left: -10px;
transform: rotateY(0deg);
}
.time-line-count {
height: 75px;
width: 75px;
}
.time-line-count::before {
inset: 8px;
}
.time-line-count h4 {
font-size: 16px;
line-height: 16px;
}
.time-line-line::before {
top: -11px;
height: 22px;
width: 22px;
}
/* Product Page */
.mod-tab-slider {
padding: 20px 15px;
}
.mod-tab-box,
.solu-tab-box {
padding: 10px;
}
.plan-tab p {
font-size: 14px;
line-height: 16px;
}
.discount-leble {
left: 75%;
}
.price-head h3 {
font-size: 28px;
line-height: 38px;
}
.price-head .btn-outline {
padding: 8px 20px;
font-size: 14px;
line-height: 20px;
}
.why-part-grid {
gap: 20px;
}
.why-part-box {
padding: 15px;
min-height: 135px;
}
.why-part-desc h4 {
font-size: 28px;
line-height: 38px;
}
.why-part-box+.why-part-box {
margin-top: 20px;
}
.wpart-icon-wrap {
flex-wrap: wrap;
row-gap: 20px;
}
.wpart-icon-inner {
width: calc(100% / 2 - 5px);
}
.wpart-icon-inner p {
font-size: 14px;
line-height: 24px;
}
.int-img {
height: 70px;
width: 70px;
}
.int-img svg {
max-width: 30px;
max-height: 30px;
}
.int-desc h3 {
font-size: 14px;
line-height: 24px;
}
.int-desc p {
font-size: 12px;
line-height: 20px;
}
.tec-speci-desc h3 {
font-size: 16px;
line-height: 26px;
}
.trust-desc h3 {
font-size: 16px;
line-height: 26px;
}
/* Solution Page */
.solu-tab-slider {
padding: 0 15px;
}
.sol-chall-box h4 {
font-size: 16px;
line-height: 22px;
}
.sol-chall-box p {
font-size: 14px;
line-height: 24px;
max-width: 100%;
}
.ank-hm-problem .wpart-icon-wrap {
justify-content: center;
}
.ank-hm-problem .wpart-icon-wrap .wpart-icon-inner {
width: calc(100% / 2 - 10px);
}
/* Resource Page */
.calcultor-box {
padding: 30px 20px;
}
.calcu-box .white-bx .existing-balance-container .form-input {
width: 110px;
}
.calcu-box+.calcu-box {
margin-top: 30px;
}
.calcu-top {
flex-wrap: wrap;
flex-direction: column-reverse;
row-gap: 20px;
align-items: flex-start;
margin-bottom: 30px;
}
.count-grap {
margin: 0 auto;
}
.calcu-bottom ul li>* {
font-size: 14px;
line-height: 18px;
}
.calcu-totle-data h4 {
font-size: 18px;
line-height: 16px;
}
.data-inner-item p {
font-size: 16px;
line-height: 16px;
}
.gi-notifi-title h2 {
font-size: 22px;
line-height: 30px;
}
.gi-notifi-head {
margin-bottom: 30px;
}
.gi-box-haed h3 {
font-size: 14px;
line-height: 24px;
}
/* Mobile App Page */
.appfea-desc h3 {
font-size: 24px;
line-height: 34px;
margin-bottom: 10px;
}
/* Pricing Page */
.mb-app-box {
padding: 20px;
}
.mbapp-icon {
width: 50px;
height: 50px;
border-radius: 10px;
}
.mbapp-title h4 {
font-size: 20px;
line-height: 26px;
}
.mbapp-rs h3 {
font-size: 35px;
line-height: 35px;
}
.mbapp-desc ul {
column-count: 1;
margin-bottom: 30px;
}
.mbapp-desc .mbapp-btns a {
font-size: 14px;
line-height: 24px;
}
.mob-app-inner .ank-tab-1 {
left: 0px;
}
.mob-app-inner .ank-tab-2 {
right: 0px;
}
.mob-app-img img {
width: 100%;
}
.price-content {
grid-template-columns: repeat(1, 1fr);
}
.ank-price-plan-package .pr-plan-tab ul,
.ank-price-plan-package .pr-indu-plan-tab ul {
width: 60px;
}
.ank-price-plan-package .pr-plan-tab ul li,
.ank-price-plan-package .pr-indu-plan-tab ul li {
height: 25px;
width: 25px;
}
.ank-price-plan-package .pr-plan-tab p,
.ank-price-plan-package .pr-indu-plan-tab p {
font-size: 14px;
line-height: 24px;
}
.compare-head h3 {
font-size: 20px;
}
.mode-btn {
padding: 6px 16px;
font-size: 12px;
line-height: 16px;
}
.compare-plan-item {
padding: 7px 11px;
font-size: 12px;
line-height: 16px;
}
.compare-table thead th {
font-size: 14px;
}
.compare-table {
position: relative;
}
.compare-table thead th:nth-child(1),
.compare-table tbody td:nth-child(1) {
width: 150px;
z-index: 1;
padding: 0;
}
.compare-table thead th {
font-size: 14px;
width: 200px;
}
.compare-table {
position: relative;
overflow: auto;
min-width: 700px;
}
.compare-open-btn {
padding: 10px 20px;
font-size: 12px;
}
.enterprise-grid,
.ent-btns {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
.mob-tab-icon img {
max-width: 40px;
max-height: 40px;
}
.mob-tab-title p {
font-size: 12px;
line-height: 18px;
}
.mob-tab-title h6 {
font-size: 16px;
line-height: 24px;
}
.ent-card-wrapper .ank-tab-1 {
right: 0;
top: 0;
}
.ent-badge {
width: 60px;
height: 60px;
right: -10px;
top: -10px;
}
.ent-included-box {
padding: 20px;
}
.ent-included-box h4 {
font-size: 20px;
line-height: 26px;
margin-bottom: 25px;
}
.ent-included-box li:nth-child(1),
.ent-included-box li:nth-child(2) {
font-size: 14px;
line-height: 20px;
padding: 10px 13px 10px 46px;
}
.ent-included-box li {
font-size: 14px;
line-height: 22px;
}
.proposal-box h5 {
font-size: 20px;
line-height: 30px;
}
.proposal-box .tag {
top: 10px;
right: 10px;
font-size: 10px;
line-height: 14px;
}
.ent-card-wrapper .ank-tab-2 {
left: 0;
bottom: 0;
}
.addon-grid {
grid-template-columns: repeat(1, 1fr);
}
.faq-box-main .accordion-item .accordion-button {
padding: 15px 20px;
font-size: 14px;
line-height: 24px;
}
.faq-box-main .accordion-body {
padding: 0 20px 15px;
font-size: 14px;
line-height: 22px;
}
.ank-cta-main .cta-free-box {
padding: 20px;
}
/* Contact Us */
.ank-cta-main .cta-free-box p {
font-size: 14px;
line-height: 20px;
}
/* Industry Main Page */
.indutech-card {
min-height: auto;
padding: 15px 10px;
height: 100%;
}
.solu-tab-icon svg {
max-width: 25px;
max-height: 25px;
}
.indutech-icon {
width: 40px;
height: 40px;
}
.indutech-icon svg {
max-width: 20px;
max-height: 20px;
}
.ank-ind-easy .row+.row {
margin-top: 50px;
}
.fea-why-icon {
width: 50px;
height: 50px;
}
.fea-why-icon svg {
max-width: 25px;
max-height: 25px;
}
/* Industry Sub Page */
.ank-sub-hello-accordion .accordion-button svg {
max-width: 35px;
max-height: 35px;
}
.ank-sub-hello-accordion .accordion-item .accordion-button {
padding: 14px;
font-size: 14px;
line-height: 20px;
}
.ank-sub-hello-accordion .accordion-body {
padding: 0 14px 14px;
font-size: 14px;
line-height: 22px;
}
.inc-grid {
grid-template-columns: repeat(1, 1fr);
}
.inc-box h3 {
font-size: 30px;
line-height: 40px;
}
/* Media Page */
.media-tabs .media-item {
font-size: 12px;
line-height: 12px;
padding: 14px;
}
.media-options form {
flex-wrap: wrap;
}
.media-options form>div {
width: 100%;
}
.blog-select select,
.blog-search input {
padding: 16px 20px;
font-size: 14px;
min-width: unset;
width: 100%;
}
/* Webiner Page */
.ank-webinar .container>.row {
row-gap: 0;
}
.webinar-tab .web-item {
font-size: 12px;
line-height: 18px;
padding: 15px;
}
.webinar-tab {
gap: 20px;
}
.web-content {
padding: 20px;
}
.web-desc h2 {
font-size: 16px;
line-height: 24px;
}
.web-desc p {
font-size: 14px;
line-height: 22px;
}
/* Blog Details */
.author-details {
font-size: 14px;
line-height: 22px;
column-gap: 40px;
}
.blog-details-desc table td,
.blog-details-desc table th {
font-size: 12px;
line-height: 24px;
}
.blog-details-desc h2 {
font-size: 18px;
line-height: 29px;
margin-bottom: 15px;
}
.blog-details-desc table ul li {
font-size: 12px;
line-height: 24px;
}
.testi-thumb-bg {
position: absolute;
left: 0;
transform: none;
right: 0;
}
.testi-thumb-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.addon-card {
padding: 15px;
}
.addons-box h5 {
font-size: 16px;
line-height: 16px;
}
.gst-data-con p {
font-size: 12px;
line-height: 15px;
}
.gst-data-main {
grid-template-columns: repeat(1, 1fr);
}
.start-modal .modal-header,
.contact-modal .modal-header {
top: 0;
right: 0;
}
.modal-form {
padding: 0 15px 15px;
}
.modal-form h2 {
font-size: 20px;
line-height: 26px;
}
.modal-form p {
font-size: 14px;
line-height: 22px;
}
.start-modal .modal-header .btn-close,
.contact-modal .modal-header .btn-close {
border-radius: 4px;
padding: 8px;
}
.scan-modal .modal-body {
padding: 25px;
}
.scan-modal .modal-desc h2 {
font-size: 20px;
line-height: 26px;
}
.scan-modal .modal-desc img {
max-width: 150px;
}
.scan-modal .modal-desc P {
font-size: 14px;
line-height: 21px;
max-width: 100%;
}
.scan-modal .modal-desc .btn-default {
font-size: 14px;
line-height: 14px;
}
.calcu-veri-form {
padding: 20px;
}
.easy-li-icon {
min-width: 30px;
height: 30px;
}
.easy-li-icon svg {
min-width: 16px;
height: 16px;
}
.why-icon {
width: 40px;
height: 40px;
}
.why-icon svg {
max-width: 20px;
max-height: 20px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu-inner {
min-width: 250px;
padding-top: 30px;
right: -5px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item img {
width: 25px;
margin-bottom: 10px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item p {
font-size: 12px;
line-height: 16px;
}
.header-btns .btn-secondary.menu-item-has-children .sub-menu .menu-item .btn-default {
font-size: 11px;
line-height: 16px;
padding: 6px 8px !important;
}
.modal-img {
max-height: 200px;
}
}