.bottom-menu-fix {
padding:0px 30px;
}
.top-header-infotech{
}
.header-top-fix-zambit{
padding:0px 30px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li a {
padding:0px 10px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega {
position: absolute;
left: 20%;
width: 1100px;
box-shadow: none;
background-color: #fff;
border-radius: 1.5rem;
min-width: 20rem;
padding: 1rem;
top: 3rem;
bottom: auto;
left: -405%;
right: auto;
/* align-content: start; */
-webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
}
.websitemegamenu .websitemenu {
color: #090B0E;
border-right: 1px solid #ddd;
border-bottom: 2px solid #ddd;
border-radius: 0px !important;
padding-top: 20px;
/* background-color: red; */
height: 60px;
width: 100%;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.dropdown-padding li a::after {
position: absolute;
content:none !important;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line {
position: relative;
left: 0;
top: 0;
background-color: #fff;
min-width: 20rem;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: minmax(15rem, 1fr);
align-content: start;
box-shadow: none;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line .megamenulist img{
aspect-ratio: 1 / 1;
max-width: 45px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line .megamenulist .megamenuifo{
width: calc(100% - 35px);
padding-left: 5px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line .megamenulist .megamenuifo .megamenutitle{
font-size: 16px;
font-weight: 600;
margin-bottom: 2px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .megamenu-fix {
display: flex;
align-items: flex-start;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line{
display: grid;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line li {
width: 100%;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #09334f;
border-radius: .75rem;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
padding: 0;
transition-duration: .1s;
transition-timing-function: cubic-bezier(1,0,0,1);
display: flex
;
position: relative;
border: 0;
}
.megamenu-img{
width: 100%;
margin-left: auto;
overflow: hidden;
border-radius: 16px;
}
.menu-mega {
display: flex;
}
.megamenulist a{
padding: 5px 0px !important;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.menu-mega .menu-mega2line .megamenulist{
padding: 5px 20px !important;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li ul.packages-mega {
height: 400px;
width: 920px !important;
box-shadow: none;
background-color: #fff;
border-radius: 1.5rem;
min-width: 20rem;
padding: 1rem;
top: 3rem;
bottom: auto;
left: -410%;
right: auto;
align-content: start;
-webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.company-dropdown {
width: 240px !important;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.ourwork-dropdown {
width: 250px !important;
left: -70%;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.brandig-mega-menu {
left: -230%;
}
.megamenulist a span {
font-size: 14px;
font-weight: 600;
}
.company-dropdown li a{
font-size: 14px !important;
font-weight: 600 !important;
}
.ourwork-dropdown li a{
font-size: 14px !important;
font-weight: 600 !important;
}
.website-pakages-heading{
color: #adff1c;
}
.header-top-left{
padding-top: 2px;
display: flex
;
align-items: center;
color: #a0b7c1;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 40px;
}
.top-social-media-links li{
padding-right: 15px;
}
.top-social-media-links li a i{
color:#fff;
}
.header-top-right{
.padding-top: 9px;
float: right;
width: 100%;
display: flex
;
justify-content: end;
padding-right: 30px;
/* align-items: center; */
margin: 0;
}
.telephone-images img {
margin-top: 5px;
filter: brightness(0) invert(1);
height: 20px;
width: 20px;
animation: phone-ring 0.5s ease-in-out infinite alternate;
transform-origin: top center; /* Makes it rotate from the top */
}
@keyframes phone-ring {
0% {
transform: rotate(-10deg);
}
25% {
transform: rotate(10deg);
}
50% {
transform: rotate(-8deg);
}
75% {
transform: rotate(8deg);
}
100% {
transform: rotate(0deg);
}
}
.telephone{
/* align-items: center; */
margin-right: 10px;
}
.telephone-btn{
font-size: 14px;
font-weight: 700;
line-height: 40px;
color: rgb(255, 255, 255);
display: inline-block;
vertical-align: middle;
text-decoration: none;
}
.header-top-right li{
padding-top: 4px;
}
.header-top-right li img{
/* padding-top: 4px; */
object-fit: contain;
font-size: 14px;
font-weight: 700;
padding-right: 10px;
color: rgb(255, 255, 255);
height: 32px;
width: 32px;
}
.telephone-btn:hover {
color: #fff;
}
.header-top-right li a{
font-size: 14px;
font-weight: 700;
padding-left: 30px;
color: rgb(255, 255, 255);
}
.top-menu-fix{
background-color: #182637;
height: 40px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
/* margin-bottom: 10px; */
}
.header-top-left svg{
height: 30px;
width: 30px;
padding-right: 10px;
}
.google-partner-section{
width: 95px;
height: auto;
border-radius: 3px;
border: 0 solid #e5e5e5;
margin-left: 5px;
height: 60px;
width: 140px;
}
.google-partner-section img{
width: 95px;
height: auto;
border-radius: 3px;
border: 0 solid #e5e5e5;
margin-left: 5px;
}
.frichise{
margin-top: 3px;
}
.frichise a {
color: rgb(255, 255, 255);
line-height: normal;
font-size: 15px;
margin-left: 10px;
font-weight: 600;
animation: blink 1.5s ease infinite;
background: rgb(15, 126, 181);
padding: 7px 12px;
border-radius: 2px;
margin-right: 10px;
display: inline-block;
}
@keyframes blink {
0% {
opacity: 1;
background: rgb(15, 126, 181);
color: rgb(255, 255, 255);
}
50% {
opacity: 1;
/* background-image: linear-gradient(rgb(255, 200, 62), rgb(239, 155, 45)); */
background-color: #adff1c;
color: rgb(56, 74, 73);
}
100% {
opacity: 1;
background: rgb(15, 126, 181);
color: rgb(255, 255, 255);
}
}
.header-area.homepage5.sticky {
box-shadow: none;
}
.we_hiring a {
color: #fff !important;
display: inline-block;
background-image:linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
/* background-image: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%); */
color: rgb(56, 74, 73);
font-weight: 600;
font-size: 16px;
line-height: normal;
margin-top: 2px;
margin-left: 8px;
position: relative;
text-transform: uppercase;
text-decoration: none;
padding: 13px 50px 13px 13px;
border-radius: 2px;
overflow: hidden;
transition: 0.3s;
white-space: nowrap;
margin-right: 10px;
border-radius: 5px;
}
.we_hiring a .rocket_img {
position: absolute;
width: 32px;
height: 32px;
top: 10%;
right: 15px;
animation: rocket-animation 5s ease infinite;
}
.we_hiring a span {
width: 18px;
height: 18px;
position: absolute;
background: rgb(255, 255, 255);
border-radius: 50%;
}
/* Cloud circles with their individual animations */
.we_hiring a .circle1 {
opacity: 0.4;
bottom: -17px;
right: 60px;
width: 20px;
height: 20px;
animation: cloud-animation1 5s ease infinite;
}
.we_hiring a .circle2 {
opacity: 0.8;
bottom: -14px;
right: 50px;
animation: cloud-animation2 5s ease infinite;
}
.we_hiring a .circle3 {
opacity: 0.4;
bottom: -12px;
right: 37px;
animation: cloud-animation3 5s ease infinite;
}
.we_hiring a .circle4 {
bottom: -10px;
right: 28px;
animation: cloud-animation4 5s ease infinite;
}
.we_hiring a .circle5 {
opacity: 0.8;
bottom: -14px;
right: 17px;
animation: cloud-animation5 5s ease infinite;
}
.we_hiring a .circle6 {
opacity: 0.4;
bottom: -16px;
right: 10px;
animation: cloud-animation6 5s ease infinite;
}
/* Rocket animation - flying up and down */
@keyframes rocket-animation {
0% {
transform: translateY(0) rotate(0deg);
}
25% {
transform: translateY(-50px) rotate(-5deg);
}
50% {
transform: translateY(0) rotate(0deg);
}
75% {
transform: translateY(-5px) rotate(5deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
}
/* Cloud animations - floating effect */
@keyframes cloud-animation1 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-3px) translateX(2px);
}
}
@keyframes cloud-animation2 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-2px) translateX(-1px);
}
}
@keyframes cloud-animation3 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-4px) translateX(1px);
}
}
@keyframes cloud-animation4 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-3px) translateX(-2px);
}
}
@keyframes cloud-animation5 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-2px) translateX(1px);
}
}
@keyframes cloud-animation6 {
0%, 100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-4px) translateX(-1px);
}
}
.we_hiring a:hover {
transition: all 0s;
color: rgb(255, 255, 255);
background: rgb(10, 131, 189);
}
.telephone:hover .telephone-btn{
color: #ef9b2d;
}
.telephone:hover img{
filter:
brightness(0) invert(36%) sepia(89%) saturate(1646%) hue-rotate(378deg) brightness(161%) contrast(107%);
}
.header-elements{
margin: 0 16px;
}
.homepage13-body .header-area.homepage13 .site-logo img {
width: 250px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.hero5-slider .custom-prev,
.hero5-slider .custom-next {
color: #fff;
font-size: 24px;
font-weight: 700;
position: absolute;
top: 60%;
transform: translateY(-50%);
height: 50px;
width: 50px;
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
border-radius: 15%;
display: flex;
align-items: center;
justify-content: center;
z-index: 11;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.hero5-slider .custom-prev {
left: 50px;
}
.hero5-slider .custom-next {
right: 60px;
}
/* SEO AREA START */
.seo-section{
margin: 60px 0;
width: 100%;
margin: 0;
padding: 50px 0 ;
background: #fff;
}
.seo-section-heading{
color: #09334f;
font-size: 40px;
line-height: 1.2;
font-weight: 700;
display: block;
margin-bottom: 20px;
position: relative;
text-align: center;
}
.seo-section-paragraph{
font-size: 19px;
color: #282828;
text-align: center;
max-width: 950px;
margin: 10px auto 20px;
}
.seo-section-paragraph p{
font-size: 20px;
color: #282828;
text-align: center;
}
.seo-card {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 30px;
}
.seo-card-box {
width: calc(22%);
position: relative;
border: 1px solid rgb(202, 224, 236);
transition: 0.5s;
margin: 50px 5px 5px;
border-radius: 12px;
overflow: hidden;
}
.conting-seo {
position: absolute;
font-size: 3.875rem;
font-weight: 500;
top: -5%;
transition: 0.5s;
}
.conting-seo-heading {
font-weight: 600;
font-size: 20px;
z-index: 5;
position: relative;
color: rgb(51, 51, 51);
height: 98px;
display: flex;
align-items: center;
border-bottom: 1px solid rgb(202, 224, 236);
margin: 0px;
padding: 30px 15px 15px 35px;
}
.conting-seo-img img {
width: 100%;
padding: 15px 15px 0px;
}
.conting-seo-icons svg {
position: absolute;
bottom: 3px;
right: 3px;
width: 50px;
height: 50px;
}
.seo-hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background: rgba(9, 51, 79, 0.95);
padding: 20px;
transition: opacity 0.3s ease;
border-radius: 12px;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: start;
}
.seo-hover ul {
padding-top: 100px;
padding-left: 0px;
list-style: none;
}
.seo-hover ul li {
position: relative;
color: #fff;
font-size: 18px;
padding-left: 1.4rem;
padding-bottom: 15px;
text-align: left;
font-weight: 500;
}
.seo-hover ul li a{
color: #fff;
font-size: 16px;
padding-bottom: 20px;
font-weight: 500;
}
.seo-hover ul li::before {
position: absolute;
left: 0px;
top: 11px;
width: 10px;
height: 1px;
content: "";
background: #fff;
}
.conting-seo-heading {
position: relative;
z-index: 20;
}
.conting-seo-img,
.conting-seo-icons {
transition: opacity 0.3s ease;
}
.seo-card-box:hover .seo-hover {
opacity: 1;
}
.seo-card-box:hover .seo-hover svg{
color: #f5aa31 !important;
opacity: 1;
}
.seo-card-box:hover .conting-seo-heading{
opacity: 1;
color: #fff !important;
border-bottom: 1px solid #347097;
}
.seo-card-box:hover .conting-seo-img{
opacity: 0;
}
.seo-audit{
width: 100%;
padding: 70px 0 80px;
margin: 0;
background: url(../img/seo-about.webp) center top no-repeat;
background-size: auto;
background-size: auto;
background-size: cover;
position: relative;
z-index: 000;
}
.seo-audit:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: #1c2430;
}
.seo-audit span{
line-height: 43px;
padding: 0 0 9px 0;
color: #fff;
text-align: center;
font-size: 27px;
font-weight: 500;
margin: 0;
display: block;
opacity: 1;
}
.seo-audit h2{
font-size:40px ;
font-weight: 700;
color: rgb(255, 255, 255);
text-align: center;
line-height: 43px;
padding: 0 0 9px 0;
}
.hotalservices img{
height: auto !important;
}
.seo-audit h3{
font-size:22px ;
font-weight: 400;
color: rgb(255, 255, 255);
text-align: center;
padding: 0 0 24px 0;
}
.bussiness_area{
padding-bottom: 50px;
}
.bussiness_area2 .bussiness_area3 li{
flex: 25% 0 1;
padding: 0 10px 20px;
width: 50%;
flex-grow: 0;
}
.bussiness-figure{
height: 145px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .3s;
width: 100%;
margin: 0;
}
.bussiness-span1{
font-size: 14px;
line-height: 18px;
width: 100%;
margin-bottom: 10px;
}
.bussiness-span2{
color: #333;
width: 100%;
display: block;
font-size: 16px;
line-height: normal;
font-weight: 500;
text-align: center;
margin: 0;
padding: 0 15px;
}
.bussiness-span3{
color: #333;
width: 100%;
display: block;
font-size: 16px;
line-height: normal;
font-weight: 500;
margin: 0;
}
.bussiness-figure svg{
padding-top: 10px;
width: 50px;
height: 50px;
margin-bottom: 10px;
color: #333333 !important;
}
.nav-pills .nav-link.active,
.websitemenu.active {
}
.bussiness-figure.active svg {
color: #fff !important;
}
.bussiness-figure.active .bussiness-span2 {
color: #fff !important;
font-weight: 500;
font-size: 16px;
}
.bussiness-figure.active .bussiness-span1 img {
filter: brightness(0) invert(1);
}
.bussiness-figure.active .bussiness-span3 {
color: #fff !important;
font-weight: 500;
font-size: 16px;
}
.bussiness-figure:hover{
box-shadow: rgba(11, 92, 255, 0.16) 0px 16px 20px;
border-width: 1px;
border-style: solid;
}
.bussiness-figure:hover .bussiness-span2 {
color: #000;
}
.business-area-right{
position: absolute;
width: 50%;
right: 0px;
}
.business-area-heading{
color: rgb(9, 51, 79);
font-size: 36px;
line-height: 1.2;
font-weight: 700;
display: block;
margin-bottom: 20px;
position: relative;
}
.business-area-paragraph{
margin-top: 20px;
font-weight: 500;
font-size: 17px;
color: rgb(51, 51, 51);
line-height: 28px;
margin: 0px;
font-family: var(--ztc-family-font1);
}
.b2b-area{
box-shadow: 0 16px 64px rgb(0 0 0 / 16%);
border-radius: 20px;
margin-left: 0;
top: 0;
right: 0;
}
.b2b-right{
padding-top: 20px;
padding-left: 20px;
}
.b2b-right-heading{
color: #09334f;
margin-bottom: 10px;
font-size: 24px;
line-height: 120%;
font-weight: 600;
font-style: normal;
}
.b2b-right-paragraph{
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #232333;
margin-bottom: 10px;
text-align: left;
padding-right: 10px;
}
.b2b-images img{
height: 310px;
}
.b2b-fix{
margin-top: 20px;
border-radius: 0px 0px 20px 0px;
padding: 20px 5px;
background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box;
color: #fff;
}
.b2b-fix span{
height: 80px;
width: 80px;
border: 2px solid #b5d0f8;
border-radius: 100px;
text-align: center;
line-height: 80px;
font-style: normal;
font-weight: 600;
font-size: 36px;
color: #b5d0f8;
flex-shrink: 0;
display: flex
;
align-items: center;
justify-content: center;
}
.b2b-fix p{
display: inline-block;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 120%;
color: #fff;
text-align: left;
margin: 0;
padding-left: 10px;
}
/* responsive */
@media (min-width: 580px) {
.solution-section-slider-area{
display: none;
}
}
@media (max-width: 580px) {
.seo-card-box {
width: calc(90%);
}
.footer-logo-area1{
padding-top: 50px;
}
.seo-audit span {
font-size: 18px;
}
.seo-audit h2 {
font-size: 33px;
}
.seo-audit h3 {
font-size: 18px;
}
.bussiness_area3{
display: none;
}
.b2b-images img {
width: 100%;
object-fit: cover;
height: 275px;
}
.b2b-right {
padding-bottom: 30px;
}
}
.ready-to-grow-fix{
margin-bottom: 30px;
}
.waves {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 15vh;
z-index: 1;
margin-bottom: -8px;
min-height: 100px;
max-height: 150px;
}
.parallax > use {
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:first-child {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
.ready-to-grow-fix {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
}
/* SEO AREA end */
/* trusted area */
.trusted-client{
margin-top: 20px;
margin-bottom: 60px;
color: rgb(9, 51, 79);
font-size: 36px;
line-height: 1.2;
font-weight: 700;
text-align: center;
display: block;
position: relative;
}
.hight-growth{
position: relative;
color: rgb(245, 170, 49);
-webkit-text-fill-color: transparent;
background: linear-gradient(118deg, rgb(251, 188, 57) 32.59%, rgb(206, 120, 2) 99.7%) text;
}
.banner-bottom{
float: left;
width: 100%;
position: relative;
margin: 0px;
padding: 50px 0px;
/* background: rgb(241, 248, 251); */
}
.hight-growth svg{
width: 100%;
position: absolute;
bottom: -55px;
left: 50%;
transform: translate(-50%);
}
.trusted-client-img-fix{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 30px;
}
.trusted-client-img-show{
flex-direction: column;
width: 155px;
box-shadow: 15px 0 15px #75757529;
height: 120px;
margin: 10px 5px;
padding: 10px 12px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #e1f5ff;
overflow: hidden;
-webkit-transition: allease .5s;
-o-transition: all ease .5s;
transition: allease .5s;
border-radius: 8px;
}
.tp-place-india img{
margin-bottom: 10px;
}
.city-name{
margin-bottom: 15px;
}
.trusted-client-img{
aspect-ratio: 129 / 42.83;
}
.trusted-bottom .top-to-bottom-tag ul li::after {
position: absolute;
content: "";
background: url(../img/banner_shape_2.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 45px;
height: 45px;
top: 0;
left: 0;
}
.trusted-bottom{
float: left;
width: 100%;
position: relative;
transform: scale(1.025) rotate(-3deg);
background: #4170b3;
padding: 15px 0px;
overflow: hidden;
}
.top-to-bottom-tag{
width: 100000px;
transform: translateX(0px);
animation: 29.2143s linear 0s infinite normal none running none;
}
.top-to-bottom-tag-section {
margin-right: 0;
float: left;
will-change: transform;
white-space: nowrap;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.trusted-bottom ul{
display: flex;
margin: 0px;
}
.trusted-bottom ul li{
color: rgb(255, 255, 255);
font-size: 30px;
line-height: 35px;
font-weight: 600;
position: relative;
padding-left: 80px;
margin-left: 50px;
list-style: none;
}
.trusted-bottom ul li::after{
position: absolute;
content: "";
width: 35px;
height: 35px;
top: 0px;
left: 0px;
background: url(../img/banner_shape_2.webp) center center / cover no-repeat;
background-position: center center;
}
.about-team-department{
float: left;
width: 100%;
padding: 50px 0px;
margin: 0px;
background: rgb(241, 248, 251);
border-bottom: 1px solid rgb(225, 245, 255);
}
.team-department{
position: relative;
}
.team-department-sec {
position: absolute;
top: 2%;
left: 2%;
z-index: 0;
animation: scale2 4s ease-in-out infinite;
}
/* Define the keyframes outside */
@keyframes scale2 {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.about-second-heading {
font-size: 18px !important;
color: rgb(51, 51, 51);
font-weight: 600;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0px;
padding: 0px;
}
.about-third-heading{
color: rgb(9, 51, 79);
font-size: 36px !important;
line-height: 1.2;
font-weight: 700;
text-align: center;
display: block;
margin-bottom: 20px;
position: relative;
}
.about-paragraph{
font-size: 16px !important;
color: rgb(40, 40, 40);
text-align: center;
max-width: 950px;
margin: 10px auto 20px;
}
.about-right{
float: right;
max-width: 620px;
width: 100%;
position: relative;
margin: 0px 0px 15px 15px;
border-radius: 12px;
}
.about-right-fix{
float: right;
max-width: 450px;
width: 100%;
min-height: 300px;
position: relative;
margin: 0px 0px 30px 15%;
}
.about-right-fix img{
max-width: 100%;
box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 22px 0px;
border-radius: 12px;
}
.about-right-img{
position: absolute;
right: 54%;
top: 50%;
width: 80%;
box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 22px 0px;
border-width: 5px;
border-style: solid;
border-color: rgb(241, 248, 251);
border-image: initial;
}
.youtubeicon {
position: absolute;
color: red;
text-align: center;
z-index: 2;
box-shadow: 0 0 0 0 rgba(1, 148, 68, .7);
border-radius: 12px;
left: 0;
right: 0;
top: 0;
display: flex
;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.all-ratings{
float: left;
width: 100%;
margin: 48px 0 0 0 !important;
display: flex;
padding: 0;
flex-flow: row wrap;
border: 1px solid #e5f2f9;
}
.all-ratings li{
list-style: none;
text-align: center;
width: calc(100% / 3);
padding: 15px 25px;
background: 0 0;
position: relative;
transition: all .3sease-in-out;
position: relative;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
}
.all-ratings li img{
display: block;
width: auto;
max-width: 125px;
margin: 0 auto 10px;}
.google-ratings-numbers{
padding-top:30px ;
display: block;
font-size: 18px;
line-height: 1;
color: #6e6c6c;
}
.all-ratings li::after{
content: '';
position: absolute;
top: 30%;
right: 1px;
width: 1px;
height: 70%;
background: #e5f2f9;
}
.about2-show{
list-style: none;
padding: 0px;
margin: 0px;
}
.about2-fix{
position: relative;
font-size: 16px;
color: rgb(0, 0, 0);
font-weight: 500;
line-height: 30px;
padding: 11px 0px 20px 32px;
}
.about2-heading{
display: block;
font-weight: 700;
line-height: 30px;
font-size: 20px;
}
.about2-paragraph{
font-size: 17px;
color: rgb(0, 0, 0);
font-weight: 500;
line-height: 30px;
}
.about2-fix::after{
content: url("data:image/svg+xml;utf8,");
text-align: center;
color: rgb(255, 255, 255);
position: absolute;
left: 0px;
top: 15px;
width: 24px;
height: 24px;
line-height: 27px;
background: rgb(12, 130, 188);
border-radius: 100%;
}
.fulldetails-about{
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 0 20px;
border-radius: 4px;
-webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d));
background-image: -o-linear-gradient(top, #ffc83e, #ef9b2d);
background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
font-size: 18px;
color: #222;
font-weight: 600;
height: 50px;
line-height: 50px;
border: 0;
position: relative;
padding-right: 70px;
max-width: 26.25rem;
}
.fulldetails-about::after{
content: url("data:image/svg+xml;utf8,");
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: rgba(237, 120, 11, .3);
line-height: 0;
padding: 15px;
border-radius: 0 4px 4px 0;
border-left: 2px solid #ffc73e;
width: 50px;
display: flex
;
align-items: center;
justify-content: center;
}
.about13-section-area{
/* background-color: #f1f8fb; */
}
.about-bottom-section{
background-color: #f1f8fb;
}
.gradient-about-text{
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; /* For Firefox (if supported) */
color: transparent;
}
.header-area{
background-color: #fff ;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
}
.connenct-with-expert{
display: inline-block;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-bold);
color: #fff;
position: relative;
z-index: 1;
padding: 18px 24px;
transition: 0.4s;
border-radius: 5px;
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
}
.connenct-with-expert i {
margin-left: 4px;
transform: rotate(-45deg);
}
.connenct-with-expert:hover {
background-image: linear-gradient(91deg, #fff 0.78%, #fff 99.88%);
color:rgb(0, 0, 0)!important ;
}
#typing-text {
border-right: 2px solid black;
white-space: nowrap;
overflow: hidden;
display: inline-block;
}
.banner-bottom-bg{
background-color: #f1f8fb;
}
.owl-nav{
background-color:#f8f6fc ;
}
.service14-section-area .service14-widget-area .content-widget-area {
color: #4170b3 !important;
}
.typerighter{
height: 20px;
margin-top: 20px;
margin-bottom: 60px;
}
.erp-software-heading{
color: #000;
}
.footer13-section-area {
/* background-color: #426ea6; */
position: relative;
z-index: 1;
padding: 80px 0 0 0;
}
.footer-logo-area img{
padding: 5px 10px;
background-color: #fff;
}
.footer13-section-area .footer-logo-area1 ul li a,
.footer13-section-area .footer-logo-area p,
.footer-logo-area2 ul li span,
.copyright-area .pera p,
.footer13-section-area .copyright-area ul li a
{
font-size: 14px;
font-weight: 600;
color: #fff;
}
.footer-logo-area1 h3,
.footer-logo-area2 h3{
font-size: 22px !important;
color: #fff !important;
}
.footer13-section-area .footer-logo-area ul li a {
height: 40px;
width: 40px;
display: inline-block;
border-radius: 50%;
background: #fff;
text-align: center;
line-height: 40px;
margin: 0 6px 0 0;
transition: all 0.4s;
color: #000;
}
.footer13-section-area .footer-logo-area2 ul li a img {
border-radius: 50%;
padding: 8px;
background: #fff;
}
/* banner area */
.hero5-slider {
width: 100%;
}
.hero13-section-area {
position: relative;
width: 100%;
min-height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding: 40px 0 0 0;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.container {
position: relative;
z-index: 2;
}
.container-fluid {
position: relative;
z-index: 2;
}
.header-btn21 {
display: inline-block;
padding: 12px 30px;
background-color: #fff;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
margin-right: 15px;
transition: all 0.3s ease;
}
.header-btn21.btn2 {
background-color: transparent;
color: #fff;
border: 1px solid #fff;
}
.header-btn21:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
@media (max-width: 992px) {
.hero13-section-area {
min-height: auto;
padding: 60px 0;
}
.hero13-header {
text-align: center;
}
.btn-area1 {
justify-content: center;
}
}
@media (max-width: 768px) {
.hero13-section-area {
padding: 40px 0;
}
.header-btn21 {
padding: 10px 20px;
margin-bottom: 10px;
}
.btn-area1 {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 576px) {
.hero13-header h2 {
font-size: 28px;
line-height: 1.3;
}
.hero13-header h5 {
font-size: 16px;
}
.space16, .space24, .space32 {
height: 10px !important;
}
}
.btn-area1{
padding-top: 20px;
}
.typewriter{
color: brown;
}
.bussiness-span1 img{
margin-bottom: 10px;
height: 55px;
width:55px;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb4 {
background-image: url(../img/cloudspace.jpg);
}
.cs_case_study_thumb.cs_case_study_thumb2 {
background-image: url(../img/window-erp.jpg) !important;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb3 {
background-image: url(../img/mobile-app.jpg);
}
.testimonial13-slider .owl-nav{
background-color: transparent!important;
}
.case4-section-area .cs_case_study_thumb::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.case4-section-area .cs_case_study_thumb > * {
position: relative;
z-index: 2;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb2 > * {
position: relative;
z-index: 2;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li a {
padding: 0 12px;
}
.stickyIcon {
z-index: 999999;
position: fixed;
top: 42%;
right: 0;
width: 140px;
display: flex
;
flex-direction: column;
margin-right: -80px;
}
.stickyIcon ul {
margin: 0;
padding: 0;
}
.stickyIcon ul li {
list-style: none;
}
.facebook a {
background-color: #0865ff;
color: #fff;
}
.stickyIcon .instagram a {
background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
color: #fff;
}
.stickyIcon .youtube a {
background-color: #fa0910;
color: #fff;
}
.stickyIcon .twitter a {
background-color: #FF0000;
color: #fff;
}
.linkedin a {
background-color: #027ba5;
color: #fff;
}
.stickyIcon a {
transform: translate(94px, 0);
transform: translate(13px, 0);
border-radius: 50px 0 0 50px;
text-align: left;
margin: 2px;
text-decoration: none;
padding: 5px;
font-size: 16px;
transition: all .8s;
display: flex
;
align-items: center;
font-weight: 600;
}
.stickyIcon a:hover {
color: #fff;
transform: translate(0, 0);
transform: translate(-70px, 0);
}
.stickyIcon a:hover svg {
transform: rotate(360deg);
}
.stickyIcon a span svg {
width: 16px;
height: 16px;
}
.stickyIcon a span {
background-color: #fff;
height: 35px;
width: 35px;
color: #000;
text-align: center;
padding: 0;
display: flex
;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 10px;
transition: all .5s;
}
.stickyIcon .facebook a span {
color: #0865ff;
}
.stickyIcon .instagram a span {
color: #fa0910;
}
.stickyIcon .youtube a span {
color: #fa0910;
}
.stickyIcon .twitter a span {
color: #FF0000;
}
.stickyIcon .linkedin a span {
color: #027ba5;
}
.trusted-client-img-show:hover div{
transition: 1s ease-in-out;
color:#fa0910;
transform: translateY(-8px);
}
.Expert-Guidance{
border-radius: 150px;
margin: 30px 30px;
.height: 80px;
padding: 15px;
background-color: #e7f2f8;
}
.Expert-Guidance p{
text-align: center;
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.marquee-section-1 {
position: relative;
z-index: 99;
}
.mycustom-marque.style-2 {
border: 1px solid #17012C;
background: #fff;
box-shadow: 0 4px 30px #0000001a;
margin-top: -15px;
position: relative;
z-index: 9;
}
.mycustom-marque.style-3 {
background: var(--theme2);
margin-top: -52px;
position: relative;
z-index: 7;
}
.scrolling-wrap {
overflow: hidden;
white-space: nowrap;
display: flex;
gap: 20px;
}
.scrolling-wrap .comm {
display: flex;
align-items: center;
animation: scroll 60s linear infinite;
gap: 30px;
cursor: pointer;
}
.mycustom-marque.style-2 .scrolling-wrap .comm .cmn-textslide,
.mycustom-marque.style-3 .scrolling-wrap .comm .cmn-textslide {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
color: #17012C;
}
.scrolling-wrap .comm .cmn-textslide {
font-size: 60px;
font-weight: 500;
line-height: 45px;
text-transform: capitalize;
color: #17012C;
font-family: 'Plus Jakarta Sans', sans-serif;
display: flex;
align-items: center;
gap: 8px;
}
.mycustom-marque.style-3 .scrolling-wrap .comm .cmn-textslide {
color: var(--header);
padding-top: 0;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scroll2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}
@media (max-width: 2499px) {
.mycustom-marque.style-2,
.mycustom-marque.style-3 {
margin-top: 0;
transform: rotate(0);
}
.scrolling-wrap .comm {
gap: 20px;
}
.mycustom-marque.style-3 .scrolling-wrap .comm {
animation: scroll2 60s linear infinite;
}
}
.cmn-textslide img{
height: 24px;
margin-right: 30px !important;
margin-left: 50px !important;
}
.marquee-section-1{
}
.mycustom-marque.style-3 {
background: #4170b2;
color: #fff;
position: relative;
z-index: 7;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
.mycustom-marque.style-3 .scrolling-wrap:hover .comm {
animation-play-state: paused;
}
.mycustom-marque.style-2 .scrolling-wrap:hover .comm {
animation-play-state: paused;
}
.testimonial-sec-img img{
height: 70px;
width: 70px;
}
.services-sec-offered {
background-color: #fff;
padding: 60px 0;
}
.content-above-video {
position: relative;
z-index: 3;
padding: 30px 0;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.5);
}
.location-section-area .location-boxes .img1 {
height: 50px;
width: 50px;
}
.video-with-overlay {
width: 100%;
}
#bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* Video overlay */
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 2;
}
.trusted-section {
position: relative;
z-index: 3;
}
.others13-section-area {
position: relative;
overflow: hidden;
}
.erp-soft-ajency{
height: 30px;
width: 30px;
}
.technology-slider-fix span {
background: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
}
.service14-section-area {
position: relative;
z-index: 1;
background: #fff;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li a {
font-size: 18.5px !important;
}
.homepage13.sticky {
top: 40px !important;
}
.homepage5.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
animation-name: fade-in-down;
animation-duration: 1s;
animation-fill-mode: forwards;
background: var(--ztc-text-text-1);
transition: all 0.4s;
}
.img1 i{
padding-top: 17px;
}
.img1 i::before{
background: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
font-size: 22px;
}
.zambit_map{
height: 400px !important;
}
.hero_13-section-area {
padding-top: 130px;
padding-bottom: 90px;
position: relative;
background-image: url('../img/banner/Careers-banner.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hero_13-section-area::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.0); /* 50% dark overlay */
z-index: 1;
}
.hero_13-section-area .container {
position: relative;
z-index: 2;
}
.hero_13-section-area .container-fluid {
position: relative;
z-index: 2;
}
.typewriter_carrier{
height: 50px;
margin-top: 20px;
margin-bottom: 30px !important;
}
.carrier_about_us{
margin: 60px 0;
}
.carrier_about_us p{
padding-top: 20px;
text-align: justify;
}
.total_project {
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
padding: 32px;
display: block;
border-radius: 5px;
}
.total_project span,
.total_project label {
padding-left: 24px;
color: #fff;
}
.total_project label {
font-size: 18px;
}
.total_project span {
font-weight: 700;
font-size: 28px;
}
.zambit_carrier_section{
background-color: #f6f6f6;
padding: 60px 0;
}
.btn-primary-left:before {
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
}
.btn {
border: none;
font-size: 16px;
font-weight: 700;
padding: 16px 34px;
line-height: 1;
position: relative;
z-index: 1;
text-decoration: none;
}
.btn-left:before {
content: "";
width: 60px;
height: 100%;
position: absolute;
left: -5px;
top: 0;
border-radius: 50px;
z-index: -1;
opacity: 0.8;
}
.btn-primary-left.btn-left:hover{
color: #fff;
}
.btn-left:hover:before{
width: 100%;
}
.btn-left:before {
transition: 0.3s ease-in-out;
}
.zabmit_carrier_services {
transition: 0.3s ease-in-out;
}
.zabmit_carrier_services-img {
margin-bottom: 30px;
}
.zabmit_carrier_services-img img {
border-radius: 5px;
}
.zabmit_carrier_services-number {
transition: 0.3s ease-in-out;
}
.how-we-content {
padding-bottom: 15px;
padding-top: 12px;
}
.zabmit_carrier_services-number .zabmit_carrier_services-title {
align-self: center;
}
.zabmit_carrier_services-number:after {
content: "";
height: 2px;
background: #f6f6f6;
width: 0%;
position: absolute;
bottom: -2px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.zabmit_carrier_services-number span {
color: #fff;
font-size: 48px;
line-height: 1;
font-weight: 700;
opacity: 1 !important;
position: relative;
}
.zabmit_carrier_services-number {
display: flex;
margin-bottom: 30px;
padding-bottom: 4px;
border-bottom: 2px solid #eee;
position: relative;
}
.how-we-img .img-fluid {
height: 225px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.zabmit_carrier_services-style-06:hover .zabmit_carrier_services-number:after {
width: 100%;
background: #182637;
}
.zabmit_carrier_services-style-06:hover .zabmit_carrier_services-number span {
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
}
.accordian_zambit{
padding: 60px 0;
}
.accordion .zambit_accordian-icon.card-header button.collapsed {
background: #465f9e;
}
.collapsed {
color: #fff;
}
.accordion .zambit_accordian-icon.card-header button {
display: flex;
background: #31b3b3;
font-size: 18px;
color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 32px 30px 32px 62px;
width: 100%;
text-align: left;
border: none;
position: relative;
border-radius: 5px;
font-weight: 500;
}
.accordion .zambit_accordian-icon.card-header button.collapsed:after {
transform: rotate(180deg);
}
.accordion .zambit_accordian-icon.card-header .btn:after {
content: "\f062";
margin-left: auto;
transform: rotate(0);
font-family: "Font Awesome 5 Free";
font-weight: 700;
}
.card {
--bs-card-border-color: none !important;
}
.card-header:first-child {
border-radius: none !important;
}
.card-header {
padding: 0 !important;
margin-bottom: 20px !important;
color: #fff !important;
background-color: #fff !important;
}
.accordion .card-body {
padding: 35px 45px 45px 62px;
}
.zambit_accordian-check-list li {
margin: 8px;
}
.zambit_carrier_submit{
color: #fff;
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
}
.zambit_carrier {
}
.space-pb {
padding: 0 0 100px;
}
.section-title {
margin-top: 100px;
margin-bottom: 50px;
}
.form-control {
border: 1px solid #eee;
border-radius: 5px;
padding: 10px 20px;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
font-weight: 500;
background: #f6f6f6;
color: #000;
background-clip: inherit !important;
}
.mt-lg-n6{
margin-top: -5rem !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.zabmit_icons_call{
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
}
.typewriter-container {
font-family: Arial, sans-serif;
font-size: 45px;
font-weight: bold;
color: #3b3b4f;
}
.typewriter-text {
-webkit-text-stroke: 1px #ff4027;
color: white;
display: inline-block;
}
.cursor {
display: inline-block;
animation: blink 0.7s steps(2, start) infinite;
-webkit-text-stroke: 1px #000;
color: #3b3b4f;
}
@keyframes blink {
to {
visibility: hidden;
}
}
.zambit_gradient_color{
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
}
.zambit_bold{
font-size: 34px;
font-weight: 700;
}
.zambit_carrier_section {
background-color: #f6f6f6;
padding-top: 50px;
padding-bottom: 110px;
}
.location-section-area .location-boxes {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.location-section-area{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
background-image: url('../img/map-pattern.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.location-section-area::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(237, 234, 251, 0.3); /* 50% dark overlay */
z-index: 1;
}
.about-header-area_contact{
padding-top: 140px;
padding-bottom: 60px;
position: relative;
background-image: url('../img/breadcrumb.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.about-header-area_contact::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(10, 102, 148, 0.9); /* 50% dark overlay */
z-index: 1;
}
.contact_page_breadcrumb h1,
.contact_page_breadcrumb a,
.contact_page_breadcrumb a span
{
color: #fff !important;
}
/* software erp develpment */
.about-header-area_software{
padding-top: 140px;
padding-bottom: 120px;
position: relative;
background-image: url('../img/banner/service-banner.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.about-header-area_software::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(37, 36, 36, 0.0); /* 50% dark overlay */
z-index: 1;
}
.contact-header-area_software2{
padding-top: 140px;
padding-bottom: 120px;
position: relative;
background-image: url('../img/banner/contact-us-banner.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.contact-header-area_software2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(37, 36, 36, 0.0); /* 50% dark overlay */
z-index: 1;
}
.Careers-header-area_software{
padding-top: 140px;
padding-bottom: 120px;
position: relative;
background-image: url('../img/banner/Careers-banner.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.Careers-header-area_software::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(37, 36, 36, 0.0); /* 50% dark overlay */
z-index: 1;
}
.contact_page_breadcrumb h1,
.contact_page_breadcrumb a,
.contact_page_breadcrumb a span
{
color: #fff !important;
}
.web_based_erp h2{
margin-top: 40px;
font-size: 40px;
font-weight: 700;
}
.web_based_erp h2 span{
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.web_based_erp p{
font-size: 16px;
margin-top: 20px;
text-align: justify;
}
.web_based_erp h3{
margin-top: 20px;
}
.left_web_based_erp h2{
font-size: 28px;
font-weight: 700;
}
.left_web_based_erp p{
font-size: 16px;
margin-top: 15px;
text-align: justify;
}
.web_based_software_erp{
height: 60px;
}
.web_based_section-title{
margin-bottom: 60px;
}
.web_based_section-title .web_based_title {
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.web_based_section-title .web_based_title::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: #2d4a8a;
border-radius: 2px;
}
.testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-prev {
display: none;
}
.testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-next {
display: none;
}
.step_1 h6{
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}
.information_gathering p{
font-size: 14px !important;
text-align: center;
}
.step_1_img img{
height: 50px;
width: 100%;
object-fit: contain;
}
.wb_based_background_color {
display: flex
;
justify-content: center;
align-items: center;
width: 450px;
height: 450px;
border-radius: 100%;
background-image: linear-gradient(hsl(29, 100%, 50%) 10%, hsl(29, 100%, 50%));
filter: blur(250px);
transition: all 450ms ease-out;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
transform: translate(calc(-50% + 15px), -50%);
z-index: 1;
}
.web_baseda_section_background{
background: #efefef;
position: relative;
overflow: hidden;
}
.we_work_with{
font-size: 43px !important;
}
.who_we_are_Pra{
margin-top: 20px;
text-align: justify !important;
}
.Our_experties{
position: relative;
overflow: hidden;
background: #fff;
z-index: 1;
transition: transform 0.3s ease;
height: 240px;
padding: 30px;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.who_we_are_sec_first{
padding: 80px 0;
background-color:#eef1f6 !important;
}
.Our_experties::before {
content: "";
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
color: #fff !important;
background-image: url('../img/cloudspace.jpg');
transition: bottom 0.3s ease-in;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.Our_experties::after {
content: "";
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
color: #fff !important;
background: rgba(11, 87, 138, .9);
transition: bottom 0.9s ease-out;
z-index: 1;
}
.Our_experties:hover::before {
bottom: 0;
}
.Our_experties:hover::after {
bottom: 0;
}
.Our_experties:hover h2, .Our_experties:hover p {
border-bottom: none;
color: #fff;
}
.Our_experties p, .Our_experties h2, .focus {
position: relative;
z-index: 3;
color: #fff;
transition: color 0.3s ease;
}
.Our_experties h2{
color: #000 ;
font-size: 24px;
margin-bottom: 20px;
}
.Our_experties p{
color: #000 ;
font-size: 16px;
text-align: justify;
}
/* new css */
.about-img {
display: flex;
position: relative;
gap: 30px;
}
.page-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.circle-wrapper {
position: relative;
width: 330px;
height: 330px;
float: left;
margin: 10px;
}
.image-wrapper {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 2.5px;
box-sizing: border-box;
background-clip: content-box;
border: 5.5px dashed #17bea8;
font-weight: 900;
animation: spin 10s linear infinite;
pointer-events: none; /* so that it doesn't block clicks */
}
.circle-wrapper:active .circle {
animation: spin 2s linear infinite;
}
.success {
background-color: transparent;
}
@keyframes spin {
100% {
transform: rotateZ(360deg);
}
}
.circle-wrapper img{
background-color: #fff;
padding: 15px;
border-radius: 50%;
object-fit: contain;
width:330px ;
height:330px ;
}
/* Our_experties */
.h2-body-bg {
padding: 80px 0;
background: #F2F2F2;
}
.chy-services-2-item-wrap {
display: grid
;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
position: relative;
}
.chy-services-2-work {
display: flex
;
align-items: center;
flex-wrap: wrap;
gap: 35px;
}
.chy-services-2-work .title {
font-size: 20px;
font-weight: 800;
}
.chy-heading-1 {
font-family: var(--urbanist);
color: #141515;
text-transform: capitalize;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
}
.chy-services-2-content {
padding-left: 65px;
}
.chy-services-2-item {
transition: 600ms ease-out;
transition-delay: 0.3s;
}
.chy-services-2-work .number {
font-size: 60px;
font-weight: 800;
color: #ee4619;
}
.chy-para-2 {
font-family: var(--urbanist);
color: #575757;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.3px;
margin-bottom: 0;
}
.chy-services-2-item {
transition: 600ms ease-out;
transition-delay: 0.3s;
}
.chy-services-2-item {
background: #fff;
box-shadow: -3.032px 10.574px 70px 0px rgba(12, 12, 12, 0.07);
border-radius: 30px;
text-align: center;
padding: 50px 40px;
}
.chy-heading-1 {
color: #141515;
text-transform: capitalize;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
}
.chy-services-2-item .title {
font-size: 25px;
font-weight: 900;
margin-bottom: 10px;
transition: 400ms ease-in-out;
}
.chy-heading-1 {
font-family: var(--urbanist);
color: #141515;
text-transform: capitalize;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
}
.chy-services-2-item-wrap > .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.chy-services-2-item .icon {
font-size: 55px;
color: #000;
line-height: 1;
margin-bottom: 20px;
}
.chy-services-2-item-wrap:is(.active) .chy-services-2-item {
transform: translate(0px, 0px);
}
.chy-services-2-item {
border-radius: 30px;
text-align: center;
padding: 20px 15px;
transition: transform 0.4s ease, box-shadow 0.4s ease;
will-change: transform;
transform: perspective(300px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}
.tilt_scale {
border-radius: 30px;
text-align: center;
padding: 20px 15px;
will-change: transform;
transform: perspective(300px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
transition: transform 0.1s ease-out;
}
.single_card_link_builingding{
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
}
.email_marketing_set_fix{
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
}
.single_card_link_builingding h5 a,
.email_marketing_set_fix h5 a{
color: #fff !important;
}
.single_card_link_builingding p,
.email_marketing_set_fix p{
color: #fff !important;
}
.footer13-section-area {
background-color: #182637;
border-radius: 0 0 50px 50px;
}
.footer_background_color{
background-color:#fff ;
}
.footer13-section-area .copyright-area {
justify-content: center;}
.footer-logo-area h2{
margin-bottom: 20px;
color: #fff;
font-size: 60px;
font-weight: 700;
}
.footer13-section-area .footer-logo-area {
padding: 0 0px 0 0;
}
.footer13-section-area .footer-logo-area1 {
padding-left: 0px;
}
.footer_ul_li_top{
margin-top: 32px;
}
.right_img_icons img{
padding-top: 5px !important;
height: 30px;
width: 25px;
object-fit: contain;
}
.hero13-section-area .img2 {
bottom: -1813px;
}
.hero13-section-area {
min-height: 470px;}
.hero13-section-area .img1 img {
margin-bottom: -80px !important;
height: 460px !important;
object-fit: contain;
left: 20px;
}
.home_page_typewriter {
display: inline-block;
font-size: 42px;
position: relative;
}
.mapouter iframe{
height: 400px !important;
}
.zambit_background_images_carries {
padding-top: 180px;
padding-bottom: 90px;
position: relative;
}
.zambit_background_images_carries::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff ;
z-index: 1;
}
/* ______ */
.about-img {
display: flex;
position: relative;
gap: 30px;
}
.page-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.circle-wrapper {
position: relative;
width: 330px;
height: 330px;
float: left;
margin: 10px;
}
.image-wrapper {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 2.5px;
box-sizing: border-box;
background-clip: content-box;
border: 5.5px dashed #17bea8;
font-weight: 900;
animation: spin 10s linear infinite;
pointer-events: none; /* so that it doesn't block clicks */
}
.circle-wrapper:active .circle {
animation: spin 2s linear infinite;
}
.success {
background-color: transparent;
}
@keyframes spin {
100% {
transform: rotateZ(360deg);
}
}
.zambit_div_icons{
margin-right: 15px;
padding-top: 12px;
padding-left: 13px;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #f6f6f6;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.securit_gaurds_background{
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
border: none;
border-radius: 15px;
}
.securit_gaurds_background:hover{
border: none;
}
.facility_management_zambit{
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
border: none;
border-radius: 15px;
}
.facility_management_zambit:hover{
border: none;
}
.bussiness-span2,
.bussiness-span3{
font-size: 18px;
color: #fff !important;
}
.bussiness-figure .bussiness-span1 img {
filter: brightness(0) invert(1);
}
.hero13-section-area .hero13-header .header-btn21.btn2 {
margin-left: 0px;
}
.header-btn21::after {
border-radius: 0 !important;
}
.header-btn21:hover {
border-radius:0 !important;
}
.hero13-section-area .hero13-header .header-btn21.btn2 {
color: #3f78ac;
border: 1px solid #3f78ac;
}
.back_img_test::before{
content: '';
position: absolute;
left: -980px !important;
right: -100%;
height: 100%;
display: block;
background-image: url('../img/quick-services-bg.png');
background-position: center;
background-repeat: no-repeat;
}
.testimonial-boxarea::before {
content: "";
position: absolute;
top: -10px;
left: -0px;
width: 105px;
height: 40px;
background-image: url("../img/ser_bg_shape1.png");
background-repeat: no-repeat;
z-index: 2;
}
.testimonial-boxarea::after {
content: "";
position: absolute;
left: 150;
top: 210px;
right: 0;
height: 300px;
width: 140px;
background-image: url("../img/ser_bg_shape2 .png");
background-repeat: no-repeat;
z-index: 2;
}
.testimonial-boxarea {
position: relative;
overflow: hidden;
}
.testimonial-boxarea .step_1_img img {
transition: transform 0.6s ease-in-out;
transform-origin: center;
}
.testimonial-boxarea:hover .step_1_img img {
transform: rotateY(180deg);
}
.zambit_vertical-tab {
padding: 40px;
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
position: relative;
border-radius: 14px;
align-items: normal;
}
.zambit_tabs_sec ul {
padding: 0;
border-radius: 10px 0 0 10px;
background: transparent;
border: none;
border: 1px solid rgb(255 255 255 / 11%);
overflow: hidden;
width: 35%;
}
.zambit_tabs_sec ul::before {
content: "";
background: url(../img/background_product_img.png);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .1;
animation: moveBg .077s infinite ease-out;
bottom: 0;
background-position-x: 10px;
background-position-y: 10px;
z-index: 1;
}
.zambit_web_cms li a {
display: flex
;
margin-bottom: 0;
padding: 17px 20px;
cursor: pointer;
-webkit-transition: .25s all ease-in-out;
transition: .25s all ease-in-out;
border-radius: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
color: #ffffff;
font-family: 'Figtree', sans-serif;
letter-spacing: 0.5px;
justify-content: space-between;
padding-left: 70px !important;
font-size: 15px;
position: relative;
border: 1px solid rgb(255 255 255 / 11%);
}
.zambit_tabs_sec .nav-tabs > li.active > a {
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
display: flex
;
justify-content: space-between;
align-items: center;
padding: 17px 15px;
padding-right: 15px;
position: relative;
overflow: hidden;
border-radius: 0;
border: 1px solid rgb(255 255 255 / 11%);
}
.zambit_tabs_sec ul li a span {
margin-right: 15px;
order: 2;
font-size: 20px;
}
.nav-tabs .nav-link:nth-child(1) a::before {
content: "01";
}
.zambit_web_cms li a::before {
content: "";
width: 45px;
height: 50px;
display: block;
background: #fff;
text-align: center;
line-height: 50px;
font-size: 22px;
color: #fb3f27;
font-weight: 200;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
font-weight: 400;
margin-left: 5px;
transform: scale(0.8);
position: absolute;
left: 0;
}
.nav-link.active {
color: transparent;
background-color: transparent;
border-color: transparent;
}
.zambit_tabs_sec .nav-tabs > li {
float: none;
width: 100%;
padding: 0;
}
.nav-tabs .nav-link {
position: relative;
z-index: 2;
}
.zambit_tabs_sec ul {
padding: 0;
border-radius: 10px 0 0 10px;
background: transparent;
border: none;
border: 1px solid rgb(255 255 255 / 11%);
overflow: hidden;
width: 35%;
}
.nav-tabs .nav-link:nth-child(2) a::before {
content: "02";
}
.nav-tabs .nav-link:nth-child(3) a::before {
content: "03";
}
.nav-tabs .nav-link:nth-child(4) a::before {
content: "04";
}
.nav-tabs .nav-link:nth-child(5) a::before {
content: "05";
}
.nav-tabs .nav-link:nth-child(6) a::before {
content: "06";
}
.nav-tabs .nav-link:nth-child(7) a::before {
content: "07";
}
.nav-tabs .nav-link:nth-child(8) a::before {
content: "08";
}
.tabs .nav-link.active {
color: none !important;
background-color: none !important;
border-color: none !important;
}
.zambit_vertical-tab .tab-content {
position: relative;
z-index: 2;
background: #fff;
margin: 0 !important;
border: 1px solid rgb(255 255 255 / 21%);
border-radius: 0 10px 10px 0;
border-left: 0;
width: 65%;
display: flex
;
align-items: center;
}
.zambit_vertical-tab .tab-content .tab-pane h3 {
margin-bottom: 20px;
font-family: 'Figtree', sans-serif;
color: #000;
font-size: 35px;
}
.zambit_vertical-tab .tab-content .tab-pane p {
font-size: 16px;
line-height: 27px;
color: #000;
opacity: 0.7;
font-family: 'Figtree', sans-serif;
}
.zambit_vertical-tab .tab-content .tab-pane img {
height: 80px;
width: 80px;
margin-bottom: 15px;
}
.tabs .nav-link.active {
background-color: none !important;
border-color: none !important;
}
.nav-tabs .nav-link {
border: none !important;
}
.zambit_tabs_sec .nav-tabs > li > a:hover, .tabs_sec .nav-tabs > li > a:hover, .tabs_sec .nav > li > a:hover{
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
display: flex
;
justify-content: space-between;
align-items: center;
padding: 17px 15px;
padding-right: 15px;
position: relative;
overflow: hidden;
border: 1px solid rgb(255 255 255 / 11%);
}
.new_section_zambit_services{
margin-bottom: 80px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background-color:transparent!important;
}
.web_based_soft{
padding-top: 60px;
padding-bottom: 60px;
background-color: #f1f8fb;
position: relative;
}
.web_based::after{
position: absolute;
}
.web_based_erp{
top: 20px;
position: sticky;
}
.web_based_erp_img img {
margin-top: 15px;
height: 530px;
width: 100%;
border: 8px solid #fff;
border-radius: 15px;
top: 20px;
position: sticky;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.line-animated {
width: 68%;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: 99;
pointer-events: none;
}
.line-animated > span {
background: rgba(255, 255, 255, 0.1);
width: 1px;
height: 60%;
position: absolute;
top: 10%;
}
.animated {
overflow: hidden;
animation-duration: 1s;
animation-fill-mode: both;
}
.line-animated > span::before {
content: "";
background-image: linear-gradient(0deg, #fff, transparent);
width: 1px;
height: 100px;
position: absolute;
left: 0;
z-index: -1;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
/* Position each line */
.line-animated > span:nth-child(1) { left: 0%; }
.line-animated > span:nth-child(2) { left: 25%; }
.line-animated > span:nth-child(3) { left: 50%; }
.line-animated > span:nth-child(4) { left: 75%; }
.line-animated > span:nth-child(5) { left: 100%; }
/* Animation direction for each line */
.line-animated > span:nth-child(1)::before { animation-name: bottom-top; }
.line-animated > span:nth-child(2)::before { animation-name: top-bottom; }
.line-animated > span:nth-child(3)::before { animation-name: bottom-top; }
.line-animated > span:nth-child(4)::before { animation-name: top-bottom; }
.line-animated > span:nth-child(5)::before { animation-name: bottom-top; }
/* Define Keyframes */
@keyframes bottom-top {
0% { top: 100%; }
100% { top: 0; }
}
@keyframes top-bottom {
0% { top: 0; }
100% { top: 100%; }
}
.web_based_erp_sof_banner{
color: #fff;
font-weight: 500;
}
.web_based_erp_sof_typewriter{
font-weight: 900 !important;
background: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.web_based_erp_sof_text{
padding-left: 10px;
}
.web_based_erp_sof_text a{
font-size: 18px;
font-weight: 600;
color: #fff;
}
.web_based_erp_sof_text a span{
color: #fff;
}
.service-sidebar .widget {
margin-bottom: 30px;
padding: 30px 25px;
border-radius: 10px;
position: relative;
display: block;
}
.bg-secondary {
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
}
.border-radius-10 {
border-radius: 10px;
}
.web_based_erp_right{
margin: 60px 0;
}
.border-top-radius-10 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.service-sidebar .banner-wrapper .icon-boxs {
position: absolute;
top: -43px;
text-align: center;
left: 0;
right: 0;
margin: auto;
width: 80px;
height: 80px;
border-radius: 50%;
display: flex
;
justify-content: center;
align-items: center;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fadeInUp {
visibility: visible;
animation-delay: 200ms;
animation-name: fadeInUp;
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.image-hover {
position: relative;
display: inline-block;
overflow: hidden;
}
.image-hover:after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
animation-delay: 200ms;
border-radius: 10px;
}
.image-hover:hover:after {
height: 250%;
transition: height 0.2s ease-in-out;
}
.pt-6, .py-6 {
padding-top: 4.5rem;
}
.p-2-2 {
padding: 3.2rem;
}
.email_erp_software img{
height: 30px;
width: 30px;
object-fit: contain;
padding-right: 10px;
}
.erp_right_side_img{
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
}
.dashboard{
margin-top: 20px;
}
.img_full_dahboard{
margin-top: 60px;
}
.img_full_dahboard {
position: relative;
display: inline-block;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 5px 25px rgba(0,0,0,0.08);
overflow: hidden;
}
.img_full_dahboard::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 10px;
background: linear-gradient(270deg, #ff0a54, #ff6f00, #ff0a54, #465f9e, #31b3b3);
background-size: 400% 400%;
animation: animateBorder 6s linear infinite;
z-index: 1;
}
.img_full_dahboard img {
position: relative;
height: 360px;
border-radius: 8px;
z-index: 2;
}
@keyframes animateBorder {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.dashboard_content p{
font-family: 'Figtree', sans-serif;
}
/* new css */
.about-section {
position: relative;
}
.about-section.two {
background-color: #F5F8FF;
}
.about-section.two .box1,
.about-section.two .box2,
.about-section.two .box3 {
background-color: rgba(255, 255, 255, 0.3);
}
.about-section .about-element-one {
position: absolute;
bottom: 20%;
right: 15%;
opacity: 0.35;
}
.about-section .about-element-one.two {
right: 2%;
}
.about-section .about-element-one img {
-webkit-animation: horizontal-move 2s linear infinite;
animation: horizontal-move 2s linear infinite;
}
@media only screen and (max-width: 1400px) {
.about-section .about-element-one {
display: none;
}
}
.about-section .about-element-two {
position: absolute;
bottom: 8%;
right: 12%;
opacity: 0.35;
}
.about-section .about-element-two img {
-webkit-animation: scroll-ver 3s linear infinite;
animation: scroll-ver 3s linear infinite;
}
@media only screen and (max-width: 1400px) {
.about-section .about-element-two {
display: none;
}
}
.about-section .about-element-three {
position: absolute;
top: 12%;
right: 0;
width: 1%;
opacity: 0.25;
}
.about-section .about-element-three img {
-webkit-animation: scroll-down 2s linear infinite;
animation: scroll-down 2s linear infinite;
}
@media only screen and (max-width: 1400px) {
.about-section .about-element-three {
display: none;
}
}
.about-section .about-element-four {
position: absolute;
top: 18%;
right: 5%;
opacity: 0.35;
}
.about-section .about-element-four img {
-webkit-animation: scroll-down 3s linear infinite;
animation: scroll-down 3s linear infinite;
}
@media only screen and (max-width: 1400px) {
.about-section .about-element-four {
display: none;
}
}
.about-section .about-element-five {
position: absolute;
top: 40%;
right: 10%;
opacity: 0.35;
}
.about-section .about-element-five img {
-webkit-animation: scroll-down 5s linear infinite;
animation: scroll-down 5s linear infinite;
}
@media only screen and (max-width: 1400px) {
.about-section .about-element-five {
display: none;
}
}
.about-area {
margin-top: 75px;
margin-bottom: 55px;
}
.about-area.two {
margin-bottom: 120px;
}
.carrier_banner_button{
margin-top: 45px;
}
@media only screen and (max-width: 1199px) {
.about-area.two {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.about-area.two {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1300px) {
.about-area {
margin-top: 0;
margin-bottom: 0;
}
}
.about-area.three {
margin-bottom: 85px;
}
@media only screen and (max-width: 1300px) {
.about-area.three {
margin-bottom: 0;
}
}
.about-thumb {
position: relative;
z-index: 2;
}
.about-thumb.two {
background-color: #ECF2FF;
border-radius: 10px;
padding: 100px 0;
text-align: center;
margin-left: 60px;
position: relative;
z-index: 9;
}
@media only screen and (max-width: 575px) {
.about-thumb.two {
margin-left: 0;
}
}
.about-thumb.two::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ECF2FF;
border-radius: 10px;
z-index: -1;
}
.about-thumb.two .about-thumb-video {
position: absolute;
top: 60px;
left: -60px;
background-color: #3249B3;
border-radius: 10px;
padding: 40px;
}
@media only screen and (max-width: 575px) {
.about-thumb.two .about-thumb-video {
display: none;
}
}
.about-thumb.two .about-thumb-video .circle svg {
width: auto;
left: -102%;
}
.about-thumb.two .about-thumb-video .video-icon {
font-size: 20px;
}
.about-thumb .about-thumb-element-one {
position: absolute;
bottom: -10%;
left: -10%;
z-index: -1;
-webkit-animation: scroll-down 3s linear infinite;
animation: scroll-down 3s linear infinite;
}
@media only screen and (max-width: 991px) {
.about-thumb .about-thumb-element-one {
display: none;
}
}
.about-thumb .about-thumb-element-two {
position: absolute;
top: -10%;
right: -10%;
z-index: -1;
-webkit-animation: scroll-down 5s linear infinite;
animation: scroll-down 5s linear infinite;
}
@media only screen and (max-width: 991px) {
.about-thumb .about-thumb-element-two {
display: none;
}
}
.about-content {
margin-left: 30px;
}
@media only screen and (max-width: 991px) {
.about-content {
margin-left: 0;
}
}
.about-content .title {
font-weight: 700;
margin-bottom: 20px;
margin-top: -5px;
text-transform: capitalize;
}
.about-content p {
margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
.about-content p {
margin-bottom: 20px;
}
}
.about-content p.para {
font-weight: 600;
color: #2a2727;
}
.about-content.two {
margin-left: 0;
}
.about-btn {
margin-top: 60px;
}
@media only screen and (max-width: 575px) {
.about-btn {
margin-top: 40px;
}
}
.about-btn.two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 400px) {
.about-btn.two {
display: block;
}
.carrier_banner_button{
margin-top: 0px;
}
}
.about-btn.two span {
margin-left: 30px;
}
@media only screen and (max-width: 1199px) {
.about-btn.two span {
margin-left: 10px;
}
}
@media only screen and (max-width: 400px) {
.about-btn.two span {
margin-left: 0;
margin-top: 20px;
display: block;
}
}
.about-btn.two span a {
color: #3249B3;
font-size: 20px;
font-weight: 700;
margin-left: 10px;
}
@media only screen and (max-width: 1199px) {
.about-btn.two span a {
font-size: 20px;
}
}
@media only screen and (max-width: 575px) {
.about-btn.two span a {
font-size: 16px;
margin-left: 5px;
}
}
.box-wrapper {
position: absolute;
width: 450px;
height: 450px;
left: 0;
top: 0;
}
@media only screen and (max-width: 575px) {
.box-wrapper {
display: none;
}
}
.box-wrapper.two {
width: 490px;
}
.box-wrapper.two .box1,
.box-wrapper.two .box2,
.box-wrapper.two .box3 {
border: 1px dashed #E2E2E2;
}
.box-wrapper.two .box1 .box-element-one {
top: 400px;
left: 10px;
}
.box1,
.box2,
.box3 {
border-radius: 50%;
border: 1px solid #E2E2E2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1300px) {
.box1,
.box2,
.box3 {
display: none;
}
}
.box1 {
width: 600px;
height: 600px;
animation: rotatebox 50s linear infinite;
-webkit-animation: rotatebox 50s linear infinite;
-moz-animation: rotatebox 50s linear infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
}
@media only screen and (max-width: 1300px) {
.box1 {
width: 400px;
height: 400px;
}
}
.box1 .box-element-one {
position: absolute;
top: 20px;
right: 100px;
}
@media only screen and (max-width: 1300px) {
.box1 .box-element-one {
display: none;
}
}
.box1 .box-element-two {
position: absolute;
top: 150px;
right: 15px;
}
.box1 .box-element-three {
position: absolute;
bottom: 10px;
right: 150px;
width: 6%;
}
.box1 .box-element-four {
position: absolute;
bottom: 200px;
left: 0px;
width: 6%;
}
.box2 {
width: 450px;
height: 450px;
animation: rotatebox 60s linear infinite;
-webkit-animation: rotatebox 60s linear infinite;
-moz-animation: rotatebox 60s linear infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
}
@media only screen and (max-width: 1300px) {
.box2 {
width: 250px;
height: 250px;
}
}
.box2 .box-element-five {
position: absolute;
bottom: 0px;
right: 150px;
}
.box2 .box-element-six {
position: absolute;
top: 100px;
right: 10px;
}
.box3 {
width: 300px;
height: 300px;
}
@media only screen and (max-width: 1300px) {
.box3 {
width: 100px;
height: 100px;
}
}
@keyframes horizontal-move{
0% {
-webkit-transform: rotateZ(5deg);
transform: rotateZ(5deg);
}
50% {
-webkit-transform: rotateZ(-5deg);
transform: rotateZ(-5deg);
}
100% {
-webkit-transform: rotateZ(5deg);
transform: rotateZ(5deg);
}
}
@keyframes rotatebox{
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
.about-section{
padding-top: 20px;
padding-bottom: 40px;
}
/* why choose us */
.website-digital-marketing-menfotech {
border-bottom: 1px solid #cfd1d2;
}
.website-digital-marketing {
margin-top: 30px;
}
.agency-services .nav-link.active {
font-weight: 700;
border-radius: 25px !important;
background-color: #ef9b2d;
}
.nav-pills .nav-link.active, .websitemenu.active {
/* background-color: #ef9b2d; */
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: 0 !important;
}
.digital_marketing li {
padding: 12px 0px;
color: #09334f;
font-size: 18px;
text-align: center;
width: calc(10%);
list-style: none;
}
.nav-link {
transition: none !important;
}
.website-digital-marketing {
margin-top: 30px;
}
.digital-content-show {
margin: 60px;
}
.digital-marketing-tab h4 {
font-weight: 700;
line-height: 1.25;
margin-bottom: 10px;
/* color: rgb(2, 97, 158); */
font-size: 24px;
margin-bottom: 20px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.digital-marketing-tab p {
line-height: 32px;
font-size: 16px;
font-family: "Figtree", sans-serif;
}
.why_choose_zambit26{
padding-top: 60px
;
padding-bottom: 30px;
background-color: #eee;
}
.dedicated_support{
display: flex;
margin-bottom: 15px;
border: 1px solid #cbcbcb;
padding: 12px;
align-items: center;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
background: #fff;
}
.dedicated_img{
margin-right: 20px;
padding: 10px;
background: #f1f1f1;
border-radius: 10px;
}
.dedicated_img img{
height: 30px;
}
.dedicated_support:hover {
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
color: #fff;
}
.dedicated_support:hover .dedicated_img img {
transform: rotateY(180deg); /* Flip left-to-right */
filter: brightness(0) invert(1); /* Make image white */
}
.dedicated_support:hover .dedicated_img {
background-image: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
}
.about-thumb.two {
background-color: #ECF2FF;
border-radius: 10px;
padding: 100px 0;
text-align: center;
margin-left: 60px;
position: relative;
z-index: 9;
}
.about-thumb .about-thumb-element-one {
position: absolute;
bottom: -10%;
left: -10%;
z-index: -1;
-webkit-animation: scroll-down 3s linear infinite;
animation: scroll-down 3s linear infinite;
}
.about-thumb .about-thumb-element-two {
position: absolute;
top: -10%;
right: -10%;
z-index: -1;
-webkit-animation: scroll-down 5s linear infinite;
animation: scroll-down 5s linear infinite;
}
.about-thumb.two .about-thumb-video {
position: absolute;
top: 60px;
left: -60px;
background-color: #3249B3;
border-radius: 10px;
padding: 40px;
}
.about-thumb.two .about-thumb-video .circle svg {
width: auto;
left: -102%;
}
.video-main {
position: relative;
display: inline-block;
}
.about-thumb.two .about-thumb-video .video-icon {
font-size: 20px;
}
.video-icon {
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
border-radius: 100%;
color: #9DBAFE;
display: inline-block;
background: #F9FBFF;
z-index: 999;
}
.about-thumb.two::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ECF2FF;
border-radius: 10px;
z-index: -1;
}
.about-thumb {
position: relative;
z-index: 2;
}
.about-thumb.two {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
background-color: #ECF2FF;
border-radius: 10px;
padding: 0px;
text-align: center;
margin-left: 60px;
position: relative;
z-index: 9;
}
.about_thumbs1{
padding: 30px 0px !important;
}
@media only screen and (max-width: 575px) {
.about-thumb.two {
margin-left: 0;
}
}
.about-thumb.two::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ECF2FF;
border-radius: 10px;
z-index: -1;
}
.about-thumb.two .about-thumb-video {
position: absolute;
top: 60px;
left: -60px;
background-color: #3249B3;
border-radius: 10px;
padding: 40px;
}
@media only screen and (max-width: 575px) {
.about-thumb.two .about-thumb-video {
display: none;
}
}
.about-thumb.two .about-thumb-video .circle svg {
width: auto;
left: -102%;
}
.about-thumb.two .about-thumb-video .video-icon {
font-size: 20px;
}
.about-thumb .about-thumb-element-one {
position: absolute;
bottom: -10%;
left: -10%;
z-index: -1;
-webkit-animation: scroll-down 3s linear infinite;
animation: scroll-down 3s linear infinite;
}
@media only screen and (max-width: 991px) {
.about-thumb .about-thumb-element-one {
display: none;
}
}
.about-thumb .about-thumb-element-two {
position: absolute;
top: -10%;
right: -10%;
z-index: -1;
-webkit-animation: scroll-down 5s linear infinite;
animation: scroll-down 5s linear infinite;
}
@media only screen and (max-width: 991px) {
.about-thumb .about-thumb-element-two {
display: none;
}
}
.about-content {
margin-left: 30px;
}
@media only screen and (max-width: 991px) {
.about-content {
margin-left: 0;
}
}
.about-content .title {
font-weight: 700;
margin-bottom: 20px;
margin-top: -5px;
text-transform: capitalize;
}
.about-content p {
margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
.about-content p {
margin-bottom: 20px;
}
}
.about-content p.para {
font-weight: 600;
color: #2a2727;
}
.about-content.two {
margin-left: 0;
}
.about-btn {
margin-top: 60px;
}
@media only screen and (max-width: 575px) {
.about-btn {
margin-top: 40px;
}
}
.about-btn.two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 400px) {
.about-btn.two {
display: block;
}
}
.about-btn.two span {
margin-left: 30px;
}
@media only screen and (max-width: 1199px) {
.about-btn.two span {
margin-left: 10px;
}
}
@media only screen and (max-width: 400px) {
.about-btn.two span {
margin-left: 0;
margin-top: 20px;
display: block;
}
}
.about-btn.two span a {
color: #3249B3;
font-size: 20px;
font-weight: 700;
margin-left: 10px;
}
@media only screen and (max-width: 1199px) {
.about-btn.two span a {
font-size: 20px;
}
}
@media only screen and (max-width: 575px) {
.about-btn.two span a {
font-size: 16px;
margin-left: 5px;
}
}
.second_guidance{
transform: translateY(-8px);
transition: all 0.3s ease-out 0s;
border-left:5px solid #FF0A54 ;
border-radius: 0px !important;
margin: 15px 30px !important;
}
.second_guidance:hover{
transform: translateY(-16px);
transition: all 0.3s ease-out 0s;
}
.Expert-Guidance_first{
padding: 30px 0px;
border-radius: 0 !important;
background-color: none !important;
}
.Expert-Guidance_first p{
margin: 0 100px;
padding-bottom: 20px;
font-size: 16px;
font-weight: 600;
text-align: center;
color: #fff !important;
}
@keyframes scroll-down{
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.access_controll{
padding-bottom: 25px;
}
.access_controll h3{
font-size: 24px;
font-weight: 700;
padding-bottom: 15px;
}
.access_controll p{
font-size: 16px;
padding-top: 10px;
}
/* service css start */
.as_service_wrapper {
background-image: url('../images/bg4.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
overflow: hidden;
}
.as_service_img {
position: relative;
}
.as_service_img .as_service_img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
border-radius: 150px;
}
.as_service_img:after{
position: absolute;
content: '';
left: 50%;
transform: translateX(-50%);
width:207px;
height: 651px;
background-image: url('../images/service_shape.png');
bottom: -35px;
}
.as_service_single .as_service_img:after {
display: none;
}
.as_service_img .as_service_circle {
animation: spin 12s infinite linear;
-webkit-animation: spin 12s infinite linear;
-moz-animation: spin 12s infinite linear;
}
.as_service_box {
background-color: #ffffff;
padding: 59px 22px 25px;
margin-top: 30px;
box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 4%);
border: 1px solid rgb(231, 231, 231);
position: relative;
min-height: 322px;
border-radius: 10px;
z-index: 1;
transition: all 0.3s linear;
}
.as_service_box:after{
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -135px 0 0 -135px;
background-image: url(../images/circle.png);
width: 271px;
height: 270px;
animation: spin 9s infinite linear;
-webkit-animation: spin 9s infinite linear;
-moz-animation: spin 9s infinite linear;
z-index: -1;
}
.as_service_box:hover{
transform: translateY(-16px);
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
}
.as_service_box:hover .why_choose_data{
filter: brightness(0) invert(1);
}
.as_service_box .as_icon svg{
fill: var(--secondary-color);
transition: none;
}
.as_service_box:hover .as_icon svg{
fill: #ffffff;
}
.as_service_box p {
transition: none;
}
.as_service_box .as_subheading {
margin: 40px 0 10px;
font-size: 20px;
position: relative;
font-weight: 600;
transition: none;
}
.as_link{
text-transform: capitalize;
font-size: 15px;
line-height:24px;
color: var(--dark-color1);
letter-spacing: 0.6px;
font-weight: 500;
display: flex;
justify-content: center;
transition: none;
cursor: pointer;
/* display: inline-flex; */
}
.as_link span{
margin: -1px 0 0 5px;
}
.as_service_box:hover .as_link span svg {
fill: #ffffff;
}
.as_service_box .as_link span svg, .as_service_box .as_link span {
transition: none !important;
fill:var(--primary-color);
}
.as_service_box:hover .as_subheading,.as_service_box:hover p,.as_service_box:hover .as_link{
color: #ffffff;
}
.as_service_box:hover .as_link svg{
fill:#ffffff;
}
/* service css end */
.our_dashboard{
padding-bottom: 40px;
}
.why_choose_data{
margin: 0 auto;
height: 80px;
width: 80px;
object-fit: contain;
}
.works-author-boxarea{
height: 260px;
}
.works4-section-area .works-author-boxarea::after {
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
}
.works4-section-area .works-author-boxarea .icons {
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%);
}
.works4-section-area .works-author-boxarea .icons {
border-radius: 15px !important;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border: 2px solid #fff;
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
height: 70px;
width: 70px;
animation: moveUpDown 5s ease-in-out infinite;
}
@keyframes moveUpDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.works4-section-area .works-author-boxarea .icons img {
padding-top: 10px;
height: 50px;
width: 50px;
object-fit: contain;
}
.our_dashboard{
padding-top: 40px;
margin-bottom: 30px;
}
.expert_experience_system{
margin-top: 80px;
padding-bottom: 110px;
padding-top: 90px;
background-color: #f5f5f7;
}
.ready_transform{
background-color: #f6f8f9 !important;
padding-bottom: 60px;
}
.expert_ex_team{
margin-top: 60px;
padding-bottom: 80px;
padding-top: 60px;
background-color: #f5f5f7;
}
.works-author-boxarea_second{
height: 400px !important;
}
/*
::::::::::::::::::::::::::
ABOUT AREA CSS
::::::::::::::::::::::::::
*/
.about1 .images-all {
position: relative;
height: 520px;
margin: 10px 0px 60px 0px;
}
.about1 .images-all .shape-bg1 {
position: absolute;
left: -150px;
top: -80px;
z-index: -1;
}
.about1 .images-all .image1 {
position: absolute;
left: 0;
top: 50px;
}
.about1 .images-all .shape-bg2 {
margin-left: -140px;
position: relative;
top: -90px;
}
.about1 .images-all .image2 {
position: absolute;
bottom: 40px;
left: -150px;
width: 350px;
}
.about1 .images-all .image3 {
position: absolute;
bottom: -50px;
right: 0;
width: 430px;
}
.about1 .images-all .stop-color1 {
stop-color: #2bafc9;
}
.about1 .images-all .stop-color2 {
stop-color: #2bafc9;
}
.about1 .heading1, .about1 .heading3 {
padding-left: 60px;
}
.about1 .heading1 .about-list li, .about1 .heading3 .about-list li {
display: inline-block;
border-radius: 90px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 16px 16px 14px 16px;
margin-right: 16px;
margin-top: 20px;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
}
.about1 .heading1 .about-list li span, .about1 .heading3 .about-list li span {
display: inline-block;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #0b0314;
font-size: 12px;
color: #fff;
line-height: 20px;
text-align: center;
transform: translateY(-2px);
margin-right: 2px;
}
.about1 .porgress-line-all {
border-radius: 8px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 24px;
margin-top: 24px;
}
.about1 .porgress-line-all .progress-line {
position: relative;
margin-top: 28px;
}
.about1 .porgress-line-all .progress-line h6 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
margin-bottom: 20px;
}
.about1 .porgress-line-all .progress-line .percentCount {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
position: absolute;
right: 0;
top: 0px;
}
.about1 .porgress-line-all .progress-line:nth-child(1) {
margin-top: 0;
}
.about1 .about3-boxs .about3-box {
text-align: center;
margin-bottom: 30px !important;
border-radius: 8px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 32px;
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box .icon {
background-color: #2bafc9;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
margin: auto;
border-radius: 50%;
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box .heading {
padding: 16px;
}
.about1 .about3-boxs .about3-box .heading h3 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 54px;
/* 122.727% */
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box .heading p {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
padding-top: 8px;
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
background-color: #2bafc9;
}
.about1 .about3-boxs .about3-box:hover .icon {
background-color: #2bafc9;
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box:hover .heading h3 {
transition: all 0.4s;
color: #fff;
}
.about1 .about3-boxs .about3-box:hover .heading p {
color: #fff f;
transition: all 0.4s;
}
.about1 .about3-boxs .about3-box.right-side {
margin-top: 30px;
margin-bottom: 0 !important;
}
.about1.about-page-sec2 .images-all {
position: relative;
height: 520px;
margin: 10px 0px 60px 0px;
}
.about1.about-page-sec2 .images-all .shape-bg1 {
position: absolute;
left: 0;
right: 0;
top: -80px;
z-index: -1;
}
.about1.about-page-sec2 .images-all .image1 {
position: absolute;
left: auto;
right: 0;
top: 50px;
}
.about1.about-page-sec2 .images-all .shape-bg2 {
margin-right: -140px;
margin-left: 0;
position: relative;
top: -90px;
}
.about1.about-page-sec2 .images-all .image2 {
position: absolute;
bottom: 40px;
left: 0px;
width: 350px;
}
.about1.about-page-sec2 .images-all .image3 {
position: absolute;
bottom: -50px;
right: -70px;
width: 430px;
}
.about1.about-page-sec2 .images-all .stop-color1 {
stop-color: #31b3b3;
}
.about1.about-page-sec2 .images-all .stop-color2 {
stop-color: #31b3b3;
}
.about5 .images-all {
position: relative;
height: 520px;
margin: 10px 0px 60px 0px;
}
.about5 .images-all .shape-bg1 {
position: absolute;
left: -150px;
top: -80px;
z-index: -1;
}
.about5 .images-all .image1 {
position: absolute;
left: 0;
top: 0;
}
.about5 .images-all .shape-bg2 {
margin-left: -140px;
position: relative;
top: -90px;
}
.about5 .images-all .image2 {
position: absolute;
bottom: -40px;
right: 0;
}
.about5 .images-all .image3 {
position: absolute;
bottom: -50px;
right: 0;
width: 430px;
}
.about5 .images-all .stop-color1 {
stop-color: #31b3b3;
}
.about5 .images-all .stop-color2 {
stop-color: #31b3b3;
}
.about5 .heading1, .about5 .heading5 {
padding-left: 60px;
}
.about5 .heading1 .about-list li, .about5 .heading5 .about-list li {
display: inline-block;
border-radius: 90px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 16px 16px 14px 16px;
margin-right: 16px;
margin-top: 20px;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
}
.about5 .heading1 .about-list li span, .about5 .heading5 .about-list li span {
display: inline-block;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #0b0314;
font-size: 12px;
color: #fff;
line-height: 20px;
text-align: center;
transform: translateY(-2px);
margin-right: 2px;
}
.about5 .porgress-line-all {
border-radius: 8px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 24px;
margin-top: 24px;
}
.about5 .porgress-line-all .progress-line {
position: relative;
margin-top: 28px;
}
.about5 .porgress-line-all .progress-line h6 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
margin-bottom: 20px;
}
.about5 .porgress-line-all .progress-line .percentCount {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
position: absolute;
right: 0;
top: 0px;
}
.about5 .porgress-line-all .progress-line:nth-child(1) {
margin-top: 0;
}
.about5 .about3-boxs .about3-box {
text-align: center;
margin-bottom: 30px;
border-radius: 8px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 32px;
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box .icon {
background-color: #31b3b3;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
margin: auto;
border-radius: 50%;
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box .heading {
padding: 16px;
}
.about5 .about3-boxs .about3-box .heading h3 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 54px;
/* 122.727% */
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box .heading p {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
padding-top: 8px;
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
background-color: #31b3b3;
}
.about5 .about3-boxs .about3-box:hover .icon {
background-color: #31b3b3;
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box:hover .heading h3 {
transition: all 0.4s;
color: #fff;
}
.about5 .about3-boxs .about3-box:hover .heading p {
color: #fff f;
transition: all 0.4s;
}
.about5 .about3-boxs .about3-box.right-side {
margin-top: 30px;
margin-bottom: 0 !important;
}
.skills-section-area {
position: relative;
z-index: 1;
}
.skills-section-area .circle-progress-area {
margin-top: 40px;
}
.skills-section-area .cta-bg1 {
position: absolute;
top: 0;
right: 0;
}
.skills-section-area .cta-bg2 {
position: absolute;
bottom: 0;
left: 0;
}
.skills-section-area .skills-header {
margin-bottom: 60px;
}
.skills-section-area .skills-header h5 {
color: var(--ztc-bg-bg-15);
}
.skills-section-area .skills-header h5::after {
background: var(--ztc-bg-bg-15);
}
.skills-section-area .skills-header h2 {
color: var(--ztc-bg-bg-15);
}
.skills-section-area .progresbar {
margin-bottom: 30px;
}
.skills-section-area .progresbar p {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
transition: all 0.4s;
text-align: center;
margin-top: 30px;
}
.skills-section-area .progressbar {
width: 180px;
height: 180px;
text-align: center;
margin: 0 auto;
}
.skills-section-area .circle {
width: 100%;
height: 100%;
margin: 0 auto;
margin-top: 10px;
display: inline-block;
position: relative;
text-align: center;
position: relative;
z-index: 1;
}
.skills-section-area .circle canvas {
vertical-align: middle;
border-radius: 50%;
}
.skills-section-area .circle div {
position: absolute;
top: 33%;
left: 0;
width: 100%;
text-align: center;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
margin-top: 20px;
}
.skills-section-area .circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.skills-section-area .circle span {
display: block;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
}
.skills-section-area .circle:before {
position: absolute;
top: 65%;
right: 17%;
font-size: 15px;
font-weight: bold;
color: #2caec9;
}
.about-team {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100px;
}
.about-team .main-img {
margin-top: 30px;
}
.about-team-brands {
margin-top: -140px;
}
.about-team-brands .brands-bg {
background-color: #f5f5fd;
padding: 56px 60px;
border-radius: 8px;
}
.about-team-brands .brands-bg .heading p {
color: var(--Text-Color, #120d22);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
}
.about-team-brands .brands-bg .team-logo-slider {
margin-top: 40px;
}
.about-team-brands .brands-bg .team-logo-slider .single-logo {
width: 140px;
line-height: 100px;
height: 70px;
line-height: 70px;
}
.about-team-brands.service-details {
margin-top: 60px;
}
.management_dash_zam {
padding-top: 70px;
padding-bottom: 70px;
}
.second_p_zam {
color: #3d4c5e;
}
/*
::::::::::::::::::::::::::
WORK AREA CSS
::::::::::::::::::::::::::
*/
.work1 .work-box {
margin-top: 30px;
padding: 32px;
position: relative;
z-index: 4;
display: flex;
align-items: start;
transition: all 0.4s;
}
.work1 .work-box .heading1 {
position: relative;
z-index: 3;
padding-left: 30px;
}
.work1 .work-box .icon-area {
position: relative;
z-index: 2;
width: 100px;
}
.work1 .work-box .icon-area .icon {
position: relative;
height: 100px;
width: 100px;
border-radius: 50%;
line-height: 100px;
text-align: center;
}
.work1 .work-box .icon-area .icon img {
position: relative;
z-index: 3;
}
.work1 .work-box .icon-area .icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #31b3b3;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work1 .work-box .icon-area .icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 2;
border-radius: 50%;
}
.work1 .work-box .icon-area .icon-span {
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
position: absolute;
top: -3px;
right: -3px;
}
.work1 .work-box .icon-area .icon-span p {
position: relative;
z-index: 4;
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
transition: all 0.4s;
}
.work1 .work-box .icon-area .icon-span::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
}
.work1 .work-box .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work1 .work-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.work1 .work-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work1 .work-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
}
.work1 .work-box:hover .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work1 .work-box:hover .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work1 .work-box:hover .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work1 .work-box:hover .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work1 .work-box:hover .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work1 .work-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px 50px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work1 .work-box:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px 50px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work1 .work-box.active {
transition: all 0.4s;
}
.work1 .work-box.active .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work1 .work-box.active .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work1 .work-box.active .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work1 .work-box.active .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work1 .work-box.active .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work1 .work-box.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px 50px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work1 .work-box.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px 50px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work1 .work-images {
position: relative;
height: 600px;
}
.work1 .work-images .image1 {
margin-right: -80px;
position: relative;
top: -50px;
}
.work1 .work-images .image1 .stop-color1 {
stop-color: #31b3b3;
}
.work1 .work-images .image1 .stop-color2 {
stop-color: #31b3b3;
}
.work1 .work-images .image2 {
position: absolute;
top: 70px;
right: 0;
}
.work1 .work-images .image3 {
position: absolute;
bottom: -60px;
left: 100px;
width: 300px;
}
.work1.service-page .work-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px 50px;
background: #fff;
z-index: 1;
transition: all 0.4s;
border-radius: 8px !important;
}
.work1.service-page .work-box::after {
border-radius: 8px !important;
}
.work2 .work-box {
margin-top: 30px;
padding: 32px;
position: relative;
z-index: 4;
display: flex;
align-items: start;
transition: all 0.4s;
}
.work2 .work-box .heading1 {
position: relative;
z-index: 3;
padding-left: 30px;
}
.work2 .work-box .icon-area {
position: relative;
z-index: 2;
width: 100px;
}
.work2 .work-box .icon-area .icon {
position: relative;
height: 100px;
width: 100px;
border-radius: 50%;
line-height: 100px;
text-align: center;
}
.work2 .work-box .icon-area .icon img {
position: relative;
z-index: 3;
}
.work2 .work-box .icon-area .icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #31b3b3;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work2 .work-box .icon-area .icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 2;
border-radius: 50%;
}
.work2 .work-box .icon-area .icon-span {
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
position: absolute;
top: -3px;
right: -3px;
}
.work2 .work-box .icon-area .icon-span p {
position: relative;
z-index: 4;
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
transition: all 0.4s;
}
.work2 .work-box .icon-area .icon-span::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
}
.work2 .work-box .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work2 .work-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.work2 .work-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work2 .work-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
}
.work2 .work-box:hover .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work2 .work-box:hover .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work2 .work-box:hover .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work2 .work-box:hover .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work2 .work-box:hover .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work2 .work-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work2 .work-box:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work2 .work-box.active {
transition: all 0.4s;
}
.work2 .work-box.active .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work2 .work-box.active .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work2 .work-box.active .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work2 .work-box.active .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work2 .work-box.active .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work2 .work-box.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work2 .work-box.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work2 .work-images {
position: relative;
height: 600px;
}
.work2 .work-images .image1 {
margin-right: -80px;
position: relative;
top: -50px;
}
.work2 .work-images .image1 .stop-color1 {
stop-color: #31b3b3;
}
.work2 .work-images .image1 .stop-color2 {
stop-color: #31b3b3;
}
.work2 .work-images .image2 {
position: absolute;
top: 70px;
right: 0;
}
.work2 .work-images .image3 {
position: absolute;
bottom: -60px;
left: 100px;
width: 300px;
}
.work2.service-page .work-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #fff;
z-index: 1;
transition: all 0.4s;
border-radius: 8px !important;
}
.work2.service-page .work-box::after {
border-radius: 8px !important;
}
.work3 .work-box {
margin-top: 30px;
padding: 32px;
position: relative;
z-index: 4;
display: flex;
align-items: start;
transition: all 0.4s;
}
.work3 .work-box .heading1 {
position: relative;
z-index: 3;
padding-left: 30px;
}
.work3 .work-box .icon-area {
position: relative;
z-index: 2;
width: 100px;
}
.work3 .work-box .icon-area .icon {
position: relative;
height: 100px;
width: 100px;
border-radius: 50%;
line-height: 100px;
text-align: center;
}
.work3 .work-box .icon-area .icon img {
position: relative;
z-index: 3;
}
.work3 .work-box .icon-area .icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #31b3b3;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work3 .work-box .icon-area .icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #31b3b3;
z-index: 2;
border-radius: 50%;
}
.work3 .work-box .icon-area .icon-span {
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
position: absolute;
top: -3px;
right: -3px;
}
.work3 .work-box .icon-area .icon-span p {
position: relative;
z-index: 4;
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
transition: all 0.4s;
}
.work3 .work-box .icon-area .icon-span::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #31b3b3;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
}
.work3 .work-box .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: scale(0.4);
}
.work3 .work-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: #31b3b3;
z-index: 1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.work3 .work-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work3 .work-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
}
.work3 .work-box:hover .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work3 .work-box:hover .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work3 .work-box:hover .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work3 .work-box:hover .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work3 .work-box:hover .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work3 .work-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work3 .work-box:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #31b3b3;
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work3 .work-box.active {
transition: all 0.4s;
}
.work3 .work-box.active .icon-area .icon::after {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.work3 .work-box.active .icon-area .icon-span p {
color: #31b3b3;
transition: all 0.4s;
}
.work3 .work-box.active .icon-area .icon-span::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
border-radius: 50%;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
.work3 .work-box.active .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.work3 .work-box.active .heading1 p {
transition: all 0.4s;
color: #fff de;
}
.work3 .work-box.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #f6f7ff;
z-index: 1;
transition: all 0.4s;
}
.work3 .work-box.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: #31b3b3;
z-index: 1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.work3 .work-images {
position: relative;
height: 600px;
}
.work3 .work-images .image1 {
margin-right: -80px;
position: relative;
top: -50px;
}
.work3 .work-images .image1 .stop-color1 {
stop-color: #f5f5fd;
}
.work3 .work-images .image1 .stop-color2 {
stop-color: #f5f5fd;
}
.work3 .work-images .image2 {
position: absolute;
top: 70px;
right: 0;
}
.work3 .work-images .image3 {
position: absolute;
bottom: -60px;
left: 100px;
width: 300px;
}
/*
::::::::::::::::::::::::::
WORK AREA CSS
::::::::::::::::::::::::::
*/
.footer_zam_back {
margin-bottom: -50px;
border-radius: 10px !important;
height: 170px;
width: 100%;
position: relative;
background-image: url('../img/cloud_space_img2.jpg') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden; /* ताकि before बाहर न निकले */
}
.footer_zam_back::before {
border-radius: 10px !important;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
91deg,
rgba(70, 95, 158, 0.9) 0.78%,
rgba(49, 179, 179, 0.9) 98.88%
);
z-index: 0; /* overlay पीछे रहेगा */
}
.zam_work_img{
height: 530px !important;
}
.footer_zamp {
position: relative; /* text ऊपर रहे */
z-index: 1;
padding-top: 30px;
border-radius: 10px;
}
.footer_zamp h2{
text-align: center;
color: #fff;
}
.footer_zamp p {
text-align: center;
padding-top: 15px;
color: #fff;
}
.seo_audit_billing{
margin-top: 38px;
border-bottom: 80px;
}
.margin60{
margin-bottom: 80px !important;
}
.sp2 {
padding: 75px 0 70px;
}
.works4-section-area .works-author-boxarea {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.Expert-Guidance_second{
padding: 15px 0px;
border-radius: 0px !important;
}
.Expert-Guidance_second p {
font-size: 16px;
font-weight: 600;
text-align: center;
color: rgb(255, 255, 255) !important;
margin: 0px 100px;
}
.works-author-boxarea_third{
height: 370px !important;
}
.as_service_boxt_1{
padding: 25px 22px 25px !important;
min-height: 270px !important;
}
.as_service_boxt_1 .as_subheading_1{
margin: 10px 0 10px !important;
}
.as_service_boxt_2{
padding: 25px 22px 25px !important;
min-height: 70px !important;
}
.as_service_boxt_2 .as_subheading_1{
margin: 10px 30px 10px 30px !important;
}
/*
::::::::::::::::::::::::::
SERVICE AREA CSS
::::::::::::::::::::::::::
*/
.service1 {
position: relative;
}
.service1 .right-btn {
text-align: end;
}
.service1::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../img/service1-bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -6;
}
.service1 .service-box {
height: 265px;
position: relative;
padding: 32px 24px 66px 24px;
margin-top: 40px;
transition: all 0.4s;
text-align: center;
}
.service1 .service-box .heading1 h4 a {
color: #000;
}
.service1 .service-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50px 8px;
background-image: url(../img/service1-box-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1 .service-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 110%;
border-radius: 264px;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.service1 .service-box .heading1 h4 a {
padding: 24px 0 16px 0;
}
.service1 .service-box .icon {
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
position: relative;
z-index: 4;
margin: auto;
}
.service1 .service-box .icon img {
padding: 15px 15px;
position: relative;
z-index: 4;
transition: all 0.4s;
filter: brightness(0) invert(1);
}
.service1 .service-box .icon::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
z-index: 1;
}
.service1 .service-box .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(0.4);
opacity: 0;
transition: all 0.4s;
}
.service1 .service-box .learn {
display: inline-block;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
border-radius: 50%;
transform: rotate(-45deg);
font-size: 18px;
color: #fff;
position: absolute;
left: 50%;
bottom: -22px;
margin-left: -22px;
transition: all 0.4s;
z-index: 2;
}
.service1 .service-box .learn i {
position: relative;
z-index: 22;
}
.service1 .service-box .learn::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
z-index: 1;
}
.service1 .service-box .learn::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
border-radius: 50%;
z-index: 2;
transform: scale(0.4);
opacity: 0;
transition: all 0.4s;
}
.service1 .service-box:hover {
transform: translateY(-10px);
transition: all 0.4s;
}
.service1 .service-box:hover .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.service1 .service-box:hover .heading1 p {
transition: all 0.4s;
color: #fff;
}
.service1 .service-box:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px 50px;
background-image: url(../img/service1-box-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1 .service-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px 50px !important;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.service1 .service-box:hover .icon img {
transition: all 0.4s;
filter: none;
}
.service1 .service-box:hover .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(1);
opacity: 1;
transition: all 0.4s;
}
.service1 .service-box:hover .learn {
color: #3b32f6;
}
.service1 .service-box:hover .learn::before {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.service1 .service-box.active {
transition: all 0.4s;
}
.service1 .service-box.active .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.service1 .service-box.active .heading1 p {
transition: all 0.4s;
color: #fff;
}
.service1 .service-box.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px 50px;
background-image: url(../img/service1-box-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1 .service-box.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px 50px !important;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.service1 .service-box.active .icon img {
transition: all 0.4s;
filter: none;
}
.service1 .service-box.active .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(1);
opacity: 1;
transition: all 0.4s;
}
.service1 .service-box.active .learn {
color: #3b32f6;
}
.service1 .service-box.active .learn::before {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.service2 {
position: relative;
}
.service2::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(../img/service2-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -6;
}
.service2 .service2-all-tabs {
margin-top: 30px;
}
.service2 .service2-all-tabs .tabs-buttons {
text-align: center;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button {
width: 232px;
padding: 0;
margin: 0px 18px;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button.active {
background: none;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button.active .text-box {
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
border-radius: 8px;
padding: 55px 0px 24px 0px;
position: relative;
width: 100%;
margin-top: -32px;
z-index: 1;
display: inline-block;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button.active .text-box span {
color: var(--SEO-Marketing-Text-Color, #fff);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 100% */
display: inline-block;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button .icon {
position: relative;
z-index: 99;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
margin: auto;
display: inline-block;
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button .text-box {
background-color: #fff;
border-radius: 8px;
padding: 55px 0px 24px 0px;
position: relative;
width: 100%;
margin-top: -32px;
z-index: 1;
display: inline-block;
}
.service2 .service2-all-tabs .tabs-buttons .nav-item button .text-box span {
color: var(--SEO-Marketing-Text-Color, #0b0314);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 100% */
display: inline-block;
}
.service2 .heading2 {
text-align: start;
padding-top: 60px;
padding-left: 18px;
}
.service2 span.span {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
text-transform: uppercase;
background: var(--SEO-Marketing-Gradient-Color, linear-gradient(90deg, #fb3f52 0%, #fa7d3c 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service2 h3 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px;
/* 125% */
margin-top: 16px;
}
.service2 p {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
}
.service2 ul.list {
margin-top: 10px;
}
.service2 ul.list li {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
padding-top: 18px;
}
.service2 ul.list li span.check {
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
position: relative;
font-size: 12px;
color: #fff;
margin-right: 8px;
background: #ed3240;
}
.tab-images-all {
position: relative;
height: 450px;
margin-top: 10px;
}
.tab-images-all .image1 {
top: -50px;
position: relative;
}
.tab-images-all .image1 .stop-color1 {
stop-color: #3b32f6;
}
.tab-images-all .image1 .stop-color2 {
stop-color: #49a6ff;
}
.tab-images-all .image2 {
position: absolute;
top: 50px;
right: 100px;
}
.tab-images-all .image3 {
position: absolute;
bottom: 0;
left: 80px;
}
.tab-images-all .image4 {
position: absolute;
bottom: 60px;
right: -40px;
}
.tab-images-all .image5 {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.service3 {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.service3 .service3-box {
margin-top: 50px;
border-radius: 8px;
background: #fff;
padding: 12px 36px 52px 36px;
text-align: center;
position: relative;
transition: all 0.4s;
}
.service3 .service3-box .heading3 {
margin-top: -50px;
}
.service3 .service3-box .heading3 .learn {
height: 48px;
width: 48px;
display: inline-block;
line-height: 48px;
text-align: center;
background-color: #4d32a5;
border-radius: 50%;
color: #fff;
font-size: 20px;
transform: rotate(-45deg);
margin-left: -24px;
position: absolute;
left: 50%;
bottom: -24px;
}
.service3 .service3-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
}
.service5 {
position: relative;
}
.service5::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #f5f5fd;
z-index: -6;
}
.service5 .service5-items {
position: sticky;
margin-top: 60px;
top: 100px;
}
.service5 .service5-items:nth-child(2) {
top: 150px;
}
.service5 .service5-items:nth-child(3) {
top: 200px;
}
.service5 .service5-items:nth-child(4) {
top: 250px;
}
.service5 .service5-items .images {
height: 430px;
position: relative;
}
.service5 .service5-items .images .image1 {
margin: -90px 30px 30px 30px;
}
.service5 .service5-items .images .image1 .stop-color1 {
stop-color: #fff 17;
}
.service5 .service5-items .images .image1 .stop-color2 {
stop-color: #fff 13;
}
.service5 .service5-items .images .image2 {
position: absolute;
top: 80px;
left: 150px;
}
.service5 .service5-items .images .image3 {
position: absolute;
bottom: 0;
right: 50px;
}
.service5 .service5-items .service5-heading {
padding: 100px 100px 100px 0px;
}
.service5 .service5-items h3 {
color: var(--Social-Media-Marketing-White-Color, #fff);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px;
/* 125% */
}
.service5 .service5-items p {
color: rgba(255, 255, 255, 0.90);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
}
.service5 .service5-items .service6-list {
margin-top: 8px;
}
.service5 .service5-items .service6-list ul li {
color: var(--Social-Media-Marketing-White-Color, #fff);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
padding-top: 18px;
display: flex;
align-items: center;
}
.service5 .service5-items .service6-list ul li span.icon {
display: inline-block;
background: rgba(255, 255, 255, 0.20);
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
border-radius: 50%;
margin-right: 7px;
}
.service5::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../img/bg/service5-single-bg1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
z-index: -3;
}
.service5.service5-items2::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../img/bg/service5-single-bg2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
z-index: -3;
}
.service5.service5-items3::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../img/bg/service5-single-bg3.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
z-index: -3;
}
.service5.service5-items4::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../img/service5-single-bg4.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
z-index: -3;
}
.what-we-do5 .single-boxs {
padding: 32px;
border-radius: 8px;
text-align: center;
position: relative;
margin-bottom: 30px;
}
.what-we-do5 .single-boxs::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
background: #f5f5fd;
z-index: 1;
}
.what-we-do5 .single-boxs::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 111px;
background: var(--Social-Media-Marketing-Linner-Color-Main, linear-gradient(90deg, #5700fc 2.31%, #9553fd 100%));
z-index: 2;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.what-we-do5 .single-boxs h3 {
color: var(--Social-Media-Marketing-Text-Color, #0b0927);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 54px;
/* 122.727% */
z-index: 4;
position: relative;
transition: all 0.4s;
}
.what-we-do5 .single-boxs p {
color: #5d6369;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
position: relative;
z-index: 4;
padding-top: 10px;
transition: all 0.4s;
}
.what-we-do5 .single-boxs:hover h3 {
color: var(--Social-Media-Marketing-Text-Color, #fff);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 54px;
/* 122.727% */
z-index: 4;
position: relative;
transition: all 0.4s;
}
.what-we-do5 .single-boxs:hover p {
color: #fff ab;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
position: relative;
z-index: 4;
padding-top: 10px;
transition: all 0.4s;
}
.what-we-do5 .single-boxs:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
background: var(--Social-Media-Marketing-Linner-Color-Main, linear-gradient(90deg, #5700fc 2.31%, #9553fd 100%));
z-index: 2;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.what-we-do5 .what-we-do5-images .image {
margin-top: 40px;
}
.what-we-do5 .what-we-do5-images .image img {
width: 100%;
border-radius: 8px;
}
.service1-page {
position: relative;
}
.service1-page .right-btn {
text-align: end;
}
.service1-page .service-box {
position: relative;
padding: 32px 24px 66px 24px;
margin-top: 40px;
transition: all 0.4s;
text-align: center;
}
.service1-page .service-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
background-image: url(../img/service1-page-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1-page .service-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 110%;
border-radius: 264px;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.service1-page .service-box .heading1 h4 a {
padding: 24px 0 16px 0;
}
.service1-page .service-box .icon {
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
position: relative;
z-index: 4;
margin: auto;
}
.service1-page .service-box .icon img {
position: relative;
z-index: 4;
transition: all 0.4s;
filter: brightness(0) invert(1);
}
.service1-page .service-box .icon::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
z-index: 1;
}
.service1-page .service-box .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(0.4);
opacity: 0;
transition: all 0.4s;
}
.service1-page .service-box .learn {
display: inline-block;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
border-radius: 50%;
transform: rotate(-45deg);
font-size: 18px;
color: #fff;
position: absolute;
left: 50%;
bottom: -22px;
margin-left: -22px;
transition: all 0.4s;
z-index: 2;
}
.service1-page .service-box .learn i {
position: relative;
z-index: 22;
}
.service1-page .service-box .learn::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
z-index: 1;
}
.service1-page .service-box .learn::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
border-radius: 50%;
z-index: 2;
transform: scale(0.4);
opacity: 0;
transition: all 0.4s;
}
.service1-page .service-box:hover {
transform: translateY(-10px);
transition: all 0.4s;
}
.service1-page .service-box:hover .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.service1-page .service-box:hover .heading1 p {
transition: all 0.4s;
color: #fff d3;
}
.service1-page .service-box:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
background-image: url(../img/service1-box-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1-page .service-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px !important;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.service1-page .service-box:hover .icon img {
transition: all 0.4s;
filter: none;
}
.service1-page .service-box:hover .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(1);
opacity: 1;
transition: all 0.4s;
}
.service1-page .service-box:hover .learn {
color: #3b32f6;
}
.service1-page .service-box:hover .learn::before {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.service1-page .service-box.active {
transition: all 0.4s;
}
.service1-page .service-box.active .heading1 h4 a {
transition: all 0.4s;
color: #fff;
}
.service1-page .service-box.active .heading1 p {
transition: all 0.4s;
color: #fff d3;
}
.service1-page .service-box.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
background-image: url(../img/service1-box-bg1.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
transition: all 0.4s;
}
.service1-page .service-box.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px !important;
background-image: url(../img/service1-box-bg2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.4s;
transform: scale(1);
opacity: 1;
}
.service1-page .service-box.active .icon img {
transition: all 0.4s;
filter: none;
}
.service1-page .service-box.active .icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background: #fff;
z-index: 2;
transform: scale(1);
opacity: 1;
transition: all 0.4s;
}
.service1-page .service-box.active .learn {
color: #3b32f6;
}
.service1-page .service-box.active .learn::before {
opacity: 1;
transform: scale(1);
transition: all 0.4s;
}
.service3 {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.service3 .service3-box {
margin-top: 50px;
border-radius: 8px;
background: #fff;
padding: 12px 36px 52px 36px;
text-align: center;
position: relative;
transition: all 0.4s;
}
.service3 .service3-box .heading3 {
margin-top: -50px;
}
.service3 .service3-box .heading3 .learn {
height: 48px;
width: 48px;
display: inline-block;
line-height: 48px;
text-align: center;
background-color: #4d32a5;
border-radius: 50%;
color: #fff;
font-size: 20px;
transform: rotate(-45deg);
margin-left: -24px;
position: absolute;
left: 50%;
bottom: -24px;
transition: all 0.4s;
}
.service3 .service3-box:hover {
transition: all 0.4s;
transform: translateY(-10px);
}
.service3 .service3-box:hover h4 a {
color: #fa7d3c;
}
.service3 .service3-box:hover .learn {
background-color: #fa7d3c;
transition: all 0.4s;
}
.service3.service-page .service3-box {
margin-top: 50px;
border-radius: 8px;
background: #f5f5fd;
padding: 12px 36px 52px 36px;
text-align: center;
position: relative;
transition: all 0.4s;
}
.service3.service-page .service3-box .heading3 {
margin-top: -50px;
}
.service3.service-page .service3-box .heading3 .learn {
height: 48px;
width: 48px;
display: inline-block;
line-height: 48px;
text-align: center;
background: var(--SEO-Marketing-Gradient-Color, linear-gradient(90deg, #fb3f52 0%, #fa7d3c 100%));
border-radius: 50%;
color: #fff;
font-size: 20px;
transform: rotate(-45deg);
margin-left: -24px;
position: absolute;
left: 50%;
bottom: -24px;
}
.service-details-sec1 {
position: relative;
}
.service-details-sec1 .service2-all-tabs {
margin-top: 30px;
}
.service-details-sec1 .heading2 {
text-align: start;
padding-top: 60px;
padding-left: 18px;
}
.service-details-sec1 span.span {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px;
/* 100% */
text-transform: uppercase;
background: var(--SEO-Marketing-Gradient-Color, linear-gradient(90deg, #fb3f52 0%, #fa7d3c 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service-details-sec1 h3 {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 52px;
/* 125% */
margin-top: 16px;
}
.service-details-sec1 p {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
}
.service-details-sec1 ul.list {
margin-top: 10px;
}
.service-details-sec1 ul.list li {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
padding-top: 18px;
}
.service-details-sec1 ul.list li span.check {
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
position: relative;
font-size: 12px;
color: #fff;
margin-right: 8px;
background: #0b0314;
}
.tab-images-all {
position: relative;
height: 450px;
margin-top: 10px;
}
.tab-images-all .image1 {
top: -50px;
position: relative;
margin-left: 100px;
}
.tab-images-all .image1 .stop-color1 {
stop-color: #3b32f6;
}
.tab-images-all .image1 .stop-color2 {
stop-color: #49a6ff;
}
.tab-images-all .image2 {
position: absolute;
top: 50px;
right: 100px;
}
.tab-images-all .image3 {
position: absolute;
bottom: 0;
left: 170px;
}
.tab-images-all .image4 {
position: absolute;
bottom: 60px;
right: -40px;
}
.tab-images-all .image5 {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.what-we-do5-images .image {
margin-top: 40px;
}
.what-we-do5-images .image img {
width: 100%;
}
.tab-boxs-all .single-box {
border-radius: 8px;
background: var(--SEO-Marketing-Gray-Color, #f5f5fd);
padding: 28px;
margin-bottom: 30px;
}
.tab-boxs-all .single-box .progressbar {
width: 180px;
height: 180px;
text-align: center;
margin: 0 auto;
}
.tab-boxs-all .single-box p {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 100% */
margin-top: 32px;
}
.tab-boxs-all .single-box .circle {
width: 100%;
height: 100%;
margin: 0 auto;
margin-top: 10px;
display: inline-block;
position: relative;
text-align: center;
position: relative;
z-index: 1;
}
.tab-boxs-all .single-box .circle canvas {
vertical-align: middle;
border-radius: 50%;
}
.tab-boxs-all .single-box .circle div {
position: absolute;
top: 33%;
left: 0;
width: 100%;
text-align: center;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
margin-top: 20px;
}
.tab-boxs-all .single-box .circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.tab-boxs-all .single-box .circle span {
display: block;
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 100% */
}
.tab-boxs-all .single-box .circle:before {
position: absolute;
top: 65%;
right: 17%;
font-size: 15px;
font-weight: bold;
color: #3b32f6;
}
.service-details-benifits {
position: relative;
}
.service-details-benifits .service-benifits-area {
margin-top: 40px;
}
.service-details-benifits .service-benifits-area .image-area {
position: relative;
margin-top: 30px;
height: 450px;
}
.service-details-benifits .service-benifits-area .image-area .image1 {
position: relative;
top: -90px;
}
.service-details-benifits .service-benifits-area .image-area .image1 .stop-color1 {
stop-color: #f5f5fd;
}
.service-details-benifits .service-benifits-area .image-area .image1 .stop-color2 {
stop-color: #f5f5fd;
}
.service-details-benifits .service-benifits-area .image-area .image2 {
position: absolute;
top: 50px;
left: 100px;
}
.service-details-benifits .service-benifits-area .image-area .image3 {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.service-details-benifits .service-benifits-area .image-area .image3.image3-shape2 {
left: auto;
right: 0;
}
.service-details-benifits .service-details-others {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0px;
}
.service-details-benifits .service-details-others .form-area {
margin-top: 30px;
}
.service-details-benifits .service-details-others .form-area .single-input {
position: relative;
}
.service-details-benifits .service-details-others .form-area .single-input input {
padding: 16px 16px 16px 40px;
border: none;
width: 100%;
border-radius: 111px;
}
.service-details-benifits .service-details-others .form-area .single-input input:focus {
outline: none;
}
.service-details-benifits .service-details-others .form-area .single-input .icon {
position: absolute;
left: 12px;
top: 19px;
}
.service-details-benifits .analysis-area .analysis-inner-section {
margin-bottom: 60px;
}
.service-details-benifits .analysis-area .services-seo {
border-radius: 8px;
position: relative;
background: var(--ztc-text-text-1);
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
}
.service-details-benifits .analysis-area .services-seo-head {
border-radius: 7px 7px 0px 0px;
background: var(--SEO-Marketing-New, linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%));
padding: 16px 65px 16px 24px;
}
.service-details-benifits .analysis-area .services-seo-item {
padding-right: 65px;
padding-left: 24px;
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #e8eaec;
}
.service-details-benifits .analysis-area .services-seo-heading-title {
margin: 0;
}
.service-details-benifits .analysis-area .services-seo-heading-title label {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 100% */
padding-left: 22px;
position: relative;
cursor: pointer;
}
.service-details-benifits .analysis-area .services-seo-heading-title label::after {
position: absolute;
content: "";
top: -1px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border: 1px solid #c3c7c9;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
border-radius: 4px;
}
.service-details-benifits .analysis-area .services-seo-heading-title label::before {
position: absolute;
content: url("../img/icons/form-check.svg");
top: -1px;
left: 0;
width: 16px;
height: 16px;
line-height: 15px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 1;
}
.service-details-benifits .analysis-area .services-seo-heading-title input {
display: none;
}
.service-details-benifits .analysis-area .services-seo-heading-title input:checked ~ label::after {
background-color: var(--ztc-text-text-4);
border-color: var(--ztc-text-text-4);
}
.service-details-benifits .analysis-area .services-seo-heading-title input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.service-details-benifits .analysis-area .services-seo-heading-item span {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
line-height: 16px;
padding-left: 70px;
}
.service-details-benifits .analysis-area .services-seo-heading-item span a {
color: #fff;
}
.service-details-benifits .analysis-area .services-seo-heading-item span i {
font-weight: 600;
transform: translateY(2px);
margin-right: 5px;
}
.service-details-benifits .analysis-area .services-seo-link-check label {
font-family: var(--ztc-family-font1);
font-weight: var(--ztc-weight-regular);
font-size: var(--ztc-font-size-font-s16);
line-height: 1;
color: var(--ztc-text-text-2);
position: relative;
cursor: pointer;
padding-left: 22px;
}
.service-details-benifits .analysis-area .services-seo-link-check label::after {
position: absolute;
content: "";
top: 1px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border: 1px solid #c3c7c9;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
border-radius: 4px;
}
.service-details-benifits .analysis-area .services-seo-link-check label::before {
position: absolute;
content: url("../img/icons/form-check.svg");
top: 1px;
left: 0;
width: 16px;
height: 16px;
line-height: 15px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 1;
}
.service-details-benifits .analysis-area .services-seo-link-check input {
display: none;
}
.service-details-benifits .analysis-area .services-seo-link-check input:checked ~ label::after {
background-color: #3b32f6;
border-color: #3b32f6;
}
.service-details-benifits .analysis-area .services-seo-link-check input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.service-details-benifits .analysis-area .services-seo-link-check span {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 10px;
/* 100% */
line-height: 1;
padding-left: 22px;
display: block;
}
.service-details-benifits .analysis-area .services-seo-link-check span a {
color: var(--SEO-Marketing-Paragraph-Color, #5d6369);
}
.service-details-benifits .analysis-area .services-seo-catagory-item {
padding-left: 70px;
}
.service-details-benifits .analysis-area .services-seo-catagory-item a {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
text-transform: capitalize;
line-height: 16px;
display: inline-block;
}
.service-details-benifits .analysis-area .services-seo-catagory-item .incridable-rank i {
margin-left: 4px;
margin-top: -15px;
font-size: 8px;
}
.service-details-benifits .offer-sec .single-offer-box {
margin-top: 24px;
padding: 24px;
text-align: center;
position: relative;
}
.service-details-benifits .offer-sec .single-offer-box p {
color: var(--SEO-Marketing-Text-Color, #0b0314);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 100% */
transition: all 0.4s;
}
.service-details-benifits .offer-sec .single-offer-box::after {
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
background-color: #f5f5fd;
border-radius: 4px;
z-index: -2;
}
.service-details-benifits .offer-sec .single-offer-box::before {
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
border-radius: 100px;
background: var(--SEO-Marketing-Gradient-Color, linear-gradient(90deg, #fb3f52 0%, #fa7d3c 100%));
z-index: -1;
transition: all 0.4s;
transform: scale(0.4);
opacity: 0;
}
.service-details-benifits .offer-sec .single-offer-box:hover {
transition: all 0.4s;
}
.service-details-benifits .offer-sec .single-offer-box:hover::before {
transform: scale(1);
transition: all 0.4s;
border-radius: 4px;
opacity: 1;
}
.service-details-benifits .offer-sec .single-offer-box:hover p {
transition: all 0.4s;
color: #fff;
}
.latest_services_zam{
margin-top: 40px;
margin-bottom: 40px;
padding: 50px 0;
}
.service1 {
padding: 60px 0;
}
.heading1 h4{
color: #000 !important;
font-weight: 600;
padding-top: 15px;
padding-bottom: 10px;
}
/*
::::::::::::::::::::::::::
SERVICE AREA CSS
::::::::::::::::::::::::::
*/
.works-author-boxarea_four{
height: 320px !important;
}
.works-author-boxarea_five{
height: 275px !important;
}
.services_box_zambit{
height: 320px !important;
}
.as_service_boxt_4{
padding: 25px 22px 25px !important;
min-height: 400px !important;
}
.as_service_boxt_4 .as_subheading_1{
margin: 10px 0 10px !important;
}
.as_service_boxt_5{
padding: 25px 22px 25px !important;
min-height: 378px !important;
}
.as_service_boxt_5 .as_subheading_1{
margin: 10px 0 10px !important;
}
.works-author-boxarea_six{
height: 320px !important;
}
.works-author-boxarea_eight{
height: 500px !important;
}
.services_box_zambit_1{
height: 395px !important;
}
.services_box_zambit_7
{
height: 400px !important;
}
.service-details-benifits .service-benifits-area .image-area {
position: relative;
margin-top: 30px;
height: 350px !important;
}
.work1 .work-images .image3 {
left: auto;
right: 0;
}
.work1 .work-images .image3 {
position: absolute;
top: 20px;
left: 390px;
z-index: -1;
}
.work1 .work-images .images_zam{
margin-right: -10px;
position: relative;
top: -50px;
}
.service-details-benifits .service-benifits-area .image-area .image2 {
position: absolute;
top: 50px;
left: 100px;
}
.certified_iso{
padding-top: 7px;
font-size: 20px;
}
.step_1_img{
margin-bottom: 20px;
}
.employee_onboarding_zam{
margin-bottom: 90px;
}
.text-area-height{
height: 80px !important;
}
.get_in_touch_buttion{
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
}
.get_in_touch_buttion i{
background: linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.header-btn1:hover i{
background: linear-gradient(91deg, rgb(255, 10, 84) 0.78%, rgb(255, 111, 0) 99.88%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.header-btn1:hover{
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
}
.header-btn1::after {
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
}
.key_feature_of_our{
padding-top: 100px;
margin-top: -70px;
}
.hero_116_section{
padding-bottom: 205px !important;
}
.header-btn21::after {
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
}
.service14-section-area .service14-widget-area .content-area {
padding: 28px 28px 28px;
line-height: 30px;
}
.service14-section-area .service14-widget-area .content-area a {
line-height: 25px;
}
.hero_home_banner_fix{
padding-left: 100px;
}
.zambit_home_banner_right{
margin-right: -50px;
}
.product_mega_menu{
margin-left: 45px;
}
.custom-form {
background-color: #fff !important;
height: 40px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
border-color: #f0f0f0;
border-bottom: 1px solid #c2ccfd;
font-size: 15px;
color: #333 !important;
padding-left: 10px;
border-radius: 0px;
font-family: 'Source Sans Pro', sans-serif;
}
.modal.fade .modal-dialog {
margin-top: 20px;}
.poup-sections {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-size: 1.375rem;
background: #ddd !important;
/* padding: 13px 30px; */
}
.agree-condition p {
padding-bottom: 15px;
color: #000 !important;
}
.card p {
font-size: 14px;
color: white;
}
.poup-sections h1 {
text-align: center !important;
}
.poup-sections h1 {
line-height: 20px;
color: #19232b !important;
}
.modal-header .btn-close {
padding: 10px;
height: 10px;
width: 10px;
border: 1px solid #000;
}
.modal-header .btn-close {
filter: brightness(0) invert(0);
}
.modal.fade .form-popupsection {
background: #ddd;
}
.modal.fade .modal-dialog {
width: 100%;
padding-top: 5px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
max-width: 500px;
border-radius: 10px;
}
.poup-sections {
padding-top: 30px;
padding-bottom: 15px;
display: flex
;
align-items: center;
}
.modal.fade .modal-dialog {
width: 100%;
padding-top: 5px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
max-width: 500px;
border-radius: 10px;
}
.modal.fade .form-popupsection {
background: #ddd;
}
.poup-sections h1{
text-align: center !important;
}
.modal-content {
border: none;
}
.modal-header .btn-close {
padding: 10px;
height: 10px;
width: 10px;
border: 1px solid #000;
}
.poup-sections{
padding-top: 30px;
padding-bottom: 15px;
display: flex;
align-items: center;
}
.custom-form{
background-color: #fff !important;
height: 40px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
border-color: #f0f0f0;
border-bottom: 1px solid #c2ccfd;
font-size: 15px;
color: #333 !important;
padding-left: 10px;
border-radius: 0px;
font-family: 'Source Sans Pro', sans-serif;
}
.custom-form:focus {
border-color: #4b7bdd;
box-shadow: inset 0 1px 1px rgba(75, 123, 221, .08), 0 0 8px rgba(75, 123, 221, .06);
}
.modal-body form{
margin-bottom: 0px !important;
}
.btn-send {
margin-bottom: 0px;
}
.agree-condition p{
padding-bottom: 15px;
color: #000 !important;
}
.modal-body {
padding: 30px;
}
.enquiry-strip {
position: fixed;
left: 0;
top: 45%;
transform: translateY(-50%);
background: #ff5722; /* पट्टी का रंग */
padding: 10px 5px;
border-radius: 0 5px 5px 0;
z-index: 9999;
}
.enquiry-btn {
writing-mode: vertical-rl; /* Text को vertical दिखाने के लिए */
text-orientation: mixed;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 16px;
}
.enquiry-btn:hover {
writing-mode: vertical-rl; /* Text को vertical दिखाने के लिए */
text-orientation: mixed;
color: #fff;
}
.btn-send {
align-items: center;
text-transform: uppercase;
color: #fff;
font-size: 15px;
padding: 11px !important;
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
margin-bottom: 10px;
width: 59%;
border-radius: 0px;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
.btn-send:hover {
color: #fff;
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
}
.btn-send {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.hero13-section-area .hero13-header {
margin-bottom: 0px;
}
.hero_home_banner_fix {
padding-left: 0px;
}
.btn-area1 {
padding-top: 0px;
}
.hero13-section-area .img1 img {
height: 360px !important;
}
.zambit_home_banner_right {
margin-right: 0px;
}
}
.case4-section-area .cs_case_study_thumb {
background-image: url(../img/inner/web-based-erp-software-img.jpg);
}
.case4-section-area .content-area p {
color: #fff;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb2 {
background-image: url(../img/inner/window-based-erp-software-img1.jpg) !important;
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb3 {
background-image: url(../img/inner/mobile-app-img.jpg);
}
.case4-section-area .cs_case_study_thumb.cs_case_study_thumb4 {
background-image: url(../img/inner/cloud-server-img.jpg);
}
.web_desing_and_development{
background-image: url(../img/inner/web-desing-development.png) !important;
}
.technologes-left{
padding-left: 100px;
background-color: #39b4aa;
}
.technology-slider-fix p span{
font-size: 28px;
font-weight: 900;
}
.technology-slider-fix p{
color: #fff !important;
font-size: 24px;
font-weight: 900;
}
.error-message{
color: red;
}
.modal-header .btn-close {
filter: brightness(0) invert(0);
}
.poup-sections h1 {
line-height: 20px;
color: #19232b !important;
}
.btn-send:hover {
transition: all 2s;
color: #17bea8;;
background-color: rgb(255, 255, 255);
border-color: #17bea8;;
}
.form-control{
height: 50px;
}
.modal-confirm {
color: #4a5568;
max-width: 480px;
}
.modal-confirm .modal-content {
padding: 30px;
font-size: 16px;
border-radius: 12px;
border: none;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.modal-confirm .modal-header {
background: var(--ddd, linear-gradient(91deg, #465f9e 0.78%, #31b3b3 99.88%));
border-bottom: none;
position: relative;
text-align: center;
margin: -30px -30px 20px;
padding: 70px 30px 60px;
}
.modal-confirm h4 {
text-align: center;
font-size: 28px;
font-weight: 600;
margin: 15px 0 10px;
color: #2d3748;
}
.modal-confirm p {
font-size: 17px;
color: #4a5568;
margin-bottom: 25px;
line-height: 1.6;
}
.modal-confirm .close {
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 28px;
font-weight: 300;
opacity: 0.8;
transition: all 0.3s;
background: transparent;
border: none;
}
.modal-confirm .close:hover {
opacity: 1;
transform: rotate(90deg);
}
.modal-confirm .icon-box {
color: #fff;
width: 100px;
height: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 5px 20px rgba(72, 187, 120, 0.3);
border: 5px solid rgba(255, 255, 255, 0.3);
}
.modal-confirm .icon-box svg {
color: #36a1af;
}
.modal-confirm .btn {
min-height: 46px;
border-radius: 30px;
font-size: 16px;
font-weight: 500;
padding: 10px 30px;
transition: all 0.4s;
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #0079a4;
border: none;
box-shadow: 0 4px 15px rgba(72, 187, 120, 0.3);
}
.modal-confirm .btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(72, 187, 120, 0.4);
}
/* Animations */
.animate-pop {
animation: popIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.animate-fade {
animation: fadeIn 0.8s ease forwards;
}
.animate-fade-delay {
animation: fadeIn 0.8s ease 0.3s forwards;
}
.animate-pop-delay {
background-image: linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%) !important;
animation: popIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s forwards;
}
.animate-pop-delay span{
color:#fff !important;
}
.animate-pop-delay svg{
color:#fff !important;
}
.mobile-menu-img img{
height: 25px;
width: 45px;
padding-right: 15px;
}
@media (max-width: 580px){
.we_hiring a {
padding: 9px 9px 9px 8px;
}
}
.input-area {
width: 100%;
}
.phone-input {
width: 100%;
height: 48px;
border: 1px solid #ccc;
padding-left: 55px;
font-size: 16px;
}
.iti {
width: 100%;
border-radius: 8px !important;
background: #fff;
height: 48px;
}
.iti__selected-flag {
background: #f1f1f1;
}
.iti__country {
color: #000;}
.iti--separate-dial-code .iti__selected-dial-code {
color: #000;
}
.checkmark img{
margin-top: 20px;
height: 25px;
width: 25px;
}
.checkmark-para p{
font-size: 16px;
width: 460px;
margin-top: 20px;
}
.expertise-segment {
height: 30px;
padding-left: 10px;
font-size: 32px !important;
margin-bottom: 20px;
}
.homepage13-body .header-area.homepage13 .header-elements .main-menu ul li a {
padding: 0 8px;
}
.second-lates-services{
margin-top: 0px;
margin-bottom: 40px;
padding: 20px 0;
}
.puchline_desing_zam{
padding: 70px 0;
background-color: #f5f5f7;
}
.who-we-are-managament-dashboard{
padding-top: 10px !important;
}
@media (max-width: 580px){
.technologes-left {
padding-left: 0px;
}
.checkmark-para p {
font-size: 16px;
width: 460px;
}
.checkmark-para p {
width: auto;
}
.web-desing-key-feauter{
padding-top: 0px;
}
}