/** Shopify CDN: Minification failed

Line 3506:21 Expected ")" to end URL token

**/

.highlight {
color: #f57c00;
}
.bg-gray{
background: #F4F4F4;
}
.bg-lightpink {
background: #FFD8AA21;
}
.bg-skyblue {
background: #F2F1F8;
}
.bg-orange {
background: #FE8A02;
}
.bg-green {
background: #00A19D;
}
.bg-purple {
background: #7F3FBF;
}
.bg-light-purple {
background: #8944f4;
}
.bg-pink {
background: #C53256;
}
.bg-red {
background: #F75021;
}

.bg-blue {
background: #003D73;
}
.bg-light-blue {
background: #005CBD;
}
.bg-dark-blue {
background: #2972A8;
}

.bg-black {
background: #0C0C0C;
}
.bg-sea-green {
background: #246A72;  
}
body .navbar {
--bs-navbar-active-color: #FE8A02;
}
.btn-primary {
background-color: #ffff;
color: #000;
border-radius: 50px;
padding: 22px 30px;
font-weight: 600;
font-family: 'General Sans';
font-size: 18px;
display: inline-flex;
align-items: center;
justify-content: space-around;
gap: 20px;
line-height: 100%;
border: solid #000;
border-width: 1px 1px 5px 1px;
transition: all 0.3s ease;
}
.btn-primary svg {
width: 46px;
transition: all 0.3s ease;
}
.btn-primary:hover {
background: #FC8A03;
color: #fff;
}
.btn-primary:hover svg {
transform: rotate(-45deg);
}
.btn-primary:hover svg path {
fill: #fff;
}
.btn-center {
text-align: center;
margin-top: 65px;
}
.mtb-120{
margin-block: 120px;
}
.ptb-120{
padding-block: 120px;
}  
.pt-180 {
padding-top: 180px;
} 
.mb-120{
margin-bottom: 120px;
}
.container {
max-width: 1464px;
}

.title-one p {
font-size: 20px;
line-height: 38px;
color: #000000;
margin-bottom: 15px;
}
/* .section-header {
margin-bottom: 65px;
} */
.btn.bstyle-2 {
border: 1px solid #000000;
border-radius: 50px;
gap: 25px;
display: inline-flex;
align-items: center;
padding: 5px 5px 5px 25px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
font-family: 'General Sans' !important;
}
.btn.bstyle-2 .icon {
color: #ffffff;
font-size: 22px;
background: #000;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
transition: all 0.4s ease 0s;
}
.btn-hover {
position: relative;
overflow: hidden;
z-index: 0;
}
.btn-hover::before {
background: #FC8A03;
transition-duration: 800ms;
position: absolute;
width: 0px;
height: 100%;
content: "";
left: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.btn-hover:hover:before {
width: 100%;
}
.btn-hover:hover {
color: #fff;
border-color: #FC8A03;
}
.btn-hover:hover .icon {
transform: rotate(45deg);
background: #fff;
color: #000;
}
.btn.bstyle-2.white-btn {
background: #fff;
border-color: #fff;
}
.btn.bstyle-2.white-btn:hover {
border-color: #FC8A03;
}
.section-header.text-center {
max-width: 1085px;
margin-inline: auto;
}
.scroll-blur {
position: sticky;
top: 130px;
z-index:0;
transition: all 0.3s;
}
.mobile-showcase-img a {
display: inline-block;
cursor: pointer;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
/*--------------styleguide end----------*/

.hero-section {
position: relative;
}
.hero-section .swiper {
width: 100%;
}
.hero-section .swiper-slide {
position: relative;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
padding: 230px 0 130px !important;
}
.overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.70);
}
.hero-section .slide-content {
position: relative;
text-align: center;
color: #fff;
max-width: 1150px;
width: 100%;
}
.hero-section .slide-content h1 {
font-size: 68px;
font-family: 'General Sans';
font-weight: 700;
letter-spacing: -1px;
}
.hero-section .slide-content h4 {
font-size: 21px;
font-family: "Manrope", sans-serif;
font-weight: 600;
margin-bottom: 24px;
}
.hero-section .slide-content h1 .highlight {
color: #FE8A02;
}
.hero-section .slide-content p {
font-size: 20px;
margin: 12px auto 30px;
font-weight: 500;
line-height: 36px;
}
.hero-section .avatars {
position: absolute;
bottom: 2rem;
right: 2rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 2rem;
padding: 0.5rem 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
z-index: 2;
}
.hero-section .avatars img {
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid white;
}
.hero-section .avatars span {
color: white;
font-weight: 500;
}
/* Swiper controls */
.hero-section .swiper-button-next,
.hero-section .swiper-button-prev {
color: white;
}
/* Custom slide counter */
.hero-section .slide-counter {
display: inline-flex;
align-items: end;
position: absolute;
left: 40px;
bottom: 40px;
z-index: 1;
color: rgba(255, 255, 255, 0.5);
line-height: 1;
font-size: 18px;
display: none;
}
.hero-section .slide-counter .divider-line {
width: 2px;
height: 10px;
background: rgba(255, 255, 255, 0.5);
display: inline-block;
margin: 0 6px 0 4px;
line-height: 1;
transform: rotate(20deg) translateY(-2px);
}
.hero-section #current-slide {
color: #ffffff;
font-size: 40px;
font-weight: 600;
line-height: 0.9;
}
.hero-section .swiper-button-prev, .hero-section .swiper-button-next{
display: none;
}
.inner-wrapper {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.4);
padding: 20px 30px;
border-radius: 70px;
position: absolute;
right: 60px;
bottom: 40px;
z-index: 1;
backdrop-filter: blur(4px);
}
.inner-wrapper .user-counter {
text-align: start;
margin-right: 15px;
}
.inner-wrapper .number {
color: #ffffff;
font-size: 20px;
font-weight: 600;
font-family: 'General Sans';
}
.inner-wrapper .counter-title {
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.user-list-2 {
padding: 0;
margin: 0;
display: flex;
align-items: center;
list-style: none;
}
.user-list-2 li {
margin-left: -18px;
position: relative;
z-index: 2;
transition: all 0.3s ease;
}
.user-list-2 li:first-child {
margin-left: 0;
}
.user-list-2 img {
border-radius: 50%;
border: 4px solid #ffffff;
}
.user-list-2 .number {
border-radius: 50%;
background: #000;
font-size: 20px;
color: #ffffff;
width: 65px;
height: 65px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 4px solid #ffffff;
font-weight: 600;
}
.user-list-2 li:nth-child(4), .user-list-2 li:nth-child(5) {
margin-right: -42px !important;
z-index: 0;
}
.user-list-2 li:nth-child(4) {
z-index: 1;
}
.user-list-2 li:last-child {
z-index: -1;
}
.user-list-2 li img {
transition: all 0.4s ease;
opacity: 1;
transform: translateX(0);
}
.theme-banner-trigger {
width: 190px;
height: 190px;
position: absolute;
z-index: 1;
text-align: center;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
bottom: -80px;
}
.theme-banner-trigger .arrow-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.spinner-animate {
animation: rotation infinite linear 16s;
}
/* Rotation frame*/
@keyframes rotation {
to {
transform: rotate(360deg);
}
}
.user-list-2:hover li:not(:last-child) {
margin-right: 35px;
}
.happy-customers {
display: flex;
align-items: center;
gap: 20px;
text-align: left;
}
.happy-customers .user-list {
padding: 0;
list-style: none;
margin: 0;
display: flex;
}
.happy-customers .user-list img {
border-radius: 50%;
border: 4px solid #ffffff;
width: 55px;
}
.happy-customers li:not(:first-child) {
margin-left: -18px;
position: relative;
z-index: 2;
}
.happy-customers .number {
font-size: 22px;
line-height: normal;
}
.happy-customers .counter-title {
font-size: 18px;
line-height: normal;
}
.customer-raiting {
display: flex;
align-items: center;
justify-content: center;
margin: 32px 0 60px;
}
.customer-raiting-line {
height: 30px;
width: 2px;
background: #fff;
margin-inline: 30px;
}
.hero-overall-review .user-list img {
border: none;
}

/*------------------------homepage hero strip----------------*/
.homepage-hero-strip {
background: #FE8A02;
padding-block: 32px;
}
.hero-strip-inner {
font-weight: 600;
font-size: 20px;
line-height: 100%;
color: #fff;
display: flex;
align-items: center;
gap: 15px;
}
.hero-strip-inner .number {
font-size: 38px;
line-height: 100%;
text-transform: uppercase;
margin: 0;
font-weight: 600;
}
.homepage-hero-strip .row {
justify-content: space-between;
gap: 20px;
}
.homepage-hero-strip .col-md-3 {
width: auto;
}


/*------------------------Header styling start----------------*/
header {
/* position: absolute; */
top: 30px;
left: 0;
right: 0;
z-index: 9;
}
header .navbar-expand-lg {
padding-block: 0;
gap: 15px;
}
.navbar-brand {
padding: 0;
margin: 0;
max-width: 256px;
width: 100%;
}
.get-cunsultation {
font-family: 'General Sans';
font-size: 18px;
font-weight: 600;
padding: 20px 28px;
line-height: 100%;
background: #fff;
border: none;
}
.get-cunsultation:hover{
background: #FC8A03;
color: #fff;
}
header ul.navbar-nav {
background: rgba(255, 255, 255, 0.15);
/* backdrop-filter: blur(10px); */
padding-inline: 25px;
border-radius: 50px;
gap: 30px;
position: unset !important;
}
header ul.navbar-nav a.nav-link {
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 14px 0 !important;
position: relative;
}
header .dropdown-cstm-menu::after {
line-height: 1;
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 700;
font-size: 13px;
transition: all 0.3s ease 0s;
border: none;
margin: 0;
display: inline-flex;
vertical-align: middle;
margin-left: 4px;
}
.sticky ul.navbar-nav a.nav-link {
color: #000000;
}
header ul.navbar-nav a.nav-link:hover{
color: #FC8A03;
}
.mega-menu {
width: 100%;
padding: 0;
border-radius: 20px;
overflow: hidden;
margin-top: 20px !important;
background: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
border: none;
left: 0;
}
header.sticky {
position: fixed;
background: #fff;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
top: 0;
padding-block: 12px;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky .get-cunsultation {
background: #FC8A03;
color: #fff;
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.black-logo, .sticky .white-logo {
display: none;
}
.sticky .black-logo {
display: inline-block;
}
.menu-left {
width: 29%;
background: #F7F7FB;
padding: 30px;
}
.menu-left h3, .submenu-title {
margin-bottom: 25px;
font-size: 17px;
font-weight: 600;
font-family: 'General Sans';
text-transform: uppercase;
}
.menu-right {
width: 70%;
padding:30px 30px 30px 20px;
display: flex;
justify-content: space-between;
}
.submenu-links a {
display: block;
color: #000;
text-decoration: none;
opacity: 0.7;
font-size: 16px;
font-weight: 600;
transition: all 0.3s;
}
.submenu-links a:hover {
color: #FE8A02;
opacity: 1;
}
.mega-menu-inner {
display: flex;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.menu-left .menu-item a {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #000;
font-size: 18px;
font-weight: bold;
transition: all 0.3s;
text-transform: capitalize;
}
.submenu-links a:hover {
padding-left: 3px;
}
.menu-item:hover a, .menu-item.active a, .menu-item:hover i, .menu-item.active i{
color: #FE8A02;
}
.menu-icon {
width: 50px;
height: 50px;
min-width: 50px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
margin-right: 6px;
padding: 10px;
}
.menu-icon img {
height: 30px;
object-fit: contain;
}
.menu-left .menu-item:not(:last-child), .submenu-links a:not(:last-child) {
margin-bottom: 20px;
}
div#submenu-image {
max-width: 660px;
width: 100%;
border-radius: 20px;
overflow: hidden;
}
img#dynamic-image {
width: 100%;
object-fit: cover;
}
header .dropdown-menu.single-dropdown a.nav-link {
display: block;
color: #000 !important;
text-decoration: none;
opacity: 0.7;
font-size: 18px !important;
font-weight: 600 !important;
}
header .dropdown-menu.single-dropdown .col-md-3 {
width: 100%;
}
.dropdown-menu.mega-menu.single-dropdown {
min-width: 360px;
padding: 20px;
}
header .dropdown-menu.single-dropdown a.nav-link:hover {
color: #FE8A02 !important;
}
.sticky .get-cunsultation:hover {
background: #000;
}
.menu-item i {
color: #000;
font-size: 20px;
font-weight: bold;
}
.menu-left .menu-item {
display: flex;
align-items: center;
gap: 12px;
}
.nav-item.dropdown:has(.dropdown-menu.show) .dropdown-cstm-menu {
color: #FE8A02;
}
.nav-item.dropdown:has(.dropdown-menu.show) .dropdown-cstm-menu::after {
transform: rotate(180deg);
}
.menu-left .menu-item:has(+ .mobile-submenu-links:last-child) {
margin-bottom: 0 !important;
}

/* new-mega-menu*/
.project-card {
max-width: 100%;
background: #E5E7EB;
border-radius: 20px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
border: 1px solid #F3F4F6;
box-shadow: 0px 5px 15px -3px #0000001A;
position: relative;
overflow: hidden;
color: #111827;
}
.project-card:after {
content: '';
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background: linear-gradient(135deg, #FFF7ED 0%, rgba(255, 247, 237, 0) 100%);
right: -50px;
top: -50px;
}
.project-card .card-header {
display: flex;
align-items: center;
gap: 12px;
}
.project-card .icon {
background: #fff;
border-radius: 12px;
font-size: 24px;
box-shadow: 0px 1px 2px 0px #0000000D;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
.project-card .card-header h3 {
margin-bottom: 8px;
text-transform: capitalize;
}
.project-card .badges {
margin-top: 4px;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.project-card .badge {
font-size: 12px;
padding: 6px 10px;
border-radius: 12px;
display: inline-block;
background-color: #fff;
color: #374151;
}
.project-card .description {
font-size: 15px;
margin: 0;
}
.project-card .card-footer {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.project-card .actions {
display: flex;
align-items: center;
gap: 12px;
}
.project-card .btn-primary {
color: #ffffff;
padding: 10px 18px;
border: none;
border-radius: 50px;
font-size: 14px;
cursor: pointer;
background: #EE8325;
font-weight: 500;
text-decoration: none;
}
.project-card .learn-more {
color: #EA580C;
text-decoration: none;
font-weight: 500;
font-size: 14px;
display: none;
}
.project-card .trust {
text-align: right;
font-size: 12px;
line-height: normal;
}
.project-card .trust strong {
display: block;
font-size: 14px;
font-weight: 600;
}
.side-submenu-right {
max-width: 460px;
width: 100%;
}
.project-card:not(:last-child) {
margin-bottom: 20px;
}
.side-submenu {
position: absolute;
left: 35%;
right: 0;
padding: 30px;
top: 0;
display: flex;
justify-content: space-between;
gap: 10px;
transition: all 0.3s;
background: #fff;
z-index: 1;
display: none;
}
/* .side-submenu.first-submenu {
display: flex;
} */
.side-submenu.active {
display: flex;
}
.submenu-links {
flex: 1;
display: flex;
flex-direction: column;
}
.menu-services-icons {
display: flex;
list-style: none;
margin: 0 auto;
justify-content: center;
gap: 10px;
flex: 1;
align-items: flex-end;
padding: 0;
max-width: 80%;
}
.menu-services-icons li {
display: flex;
align-items: center;
justify-content: center;
}
.menu-services-icons li img {
width: 100%;
height: 50px;
}
.project-card .badge.orange {
background: #FFEDD5;
color: #C2410C;
}


/* homapage service*/
.service-wrap-3 {
border: 1px solid #E4E4E4;
box-shadow: 0px 4px 15px 0px #0000000F;
background: #C3C3C31A;
border-radius: 15px;
padding: 30px;
height: 100%;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.service-wrap-3 a {
font-family: General Sans;
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #000000;
display: inline-flex;
align-items: flex-end;
gap: 15px;
padding: 10px 0;
transition: all 0.3s;
border-bottom: 1px solid #000;
text-decoration: none;
flex: 1;
}
.service-wrap-3 a svg {
width: 26px;
}
.service-wrap-3 .description {
font-size: 18px;
line-height: 34px;
margin: 18px 0;
}
.service-title {
font-weight: 600;
font-size: 24px;
line-height: 100%;
margin: 20px 0 0;
}
.service-wrap-3 .icon {
display: inline-block;
position: relative;
z-index: 1;
}
.service-wrap-3 .front-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 40px;
object-fit: contain;
}
.service-wrap-3 .back-icon {
height: 90px;
width: 90px;
object-fit: contain;
}
.ecommerce-services .row {
row-gap: 30px;
}
.ecommerce-services .section-subtitle p {
margin-bottom: 35px;
}
.service-wrap-3:hover {
background: #FC8A03;
}
.service-wrap-3:hover * {
color: #fff;
border-color: #fff;
fill: #fff;
fill-opacity: 1;
}
.ecommerce-services .section-subtitle {
padding-left: 4rem;
}

/* Why webgarh*/
.subtitle {
font-weight: 600;
margin-top: 30px;
margin-bottom: 20px;
font-size: 22px;
}
.why-webgarh-list h4 {
line-height: 32px;
font-size: 22px;
margin-bottom: 5px;
}
.why-webgarh-list p {
font-size: 16px;
line-height: 28px;
margin: 5px 0 0;
}
.why-webgarh-list li {
border: 1px solid #000000;
border-radius: 15px;
border-width: 1px 1px 4px 1px;
padding: 18px 28px;
margin-bottom: 20px;
transition: all 0.3s;
list-style: none;
position: relative;
padding-left: 80px;
}
.why-webgarh-list {
counter-reset: section;
list-style-type: none;
padding: 0;
margin: 0;
}
.why-webgarh .row {
align-items: flex-end;
}
.why-webgarh-list li:last-child {
margin-bottom: 0;
}
.why-webgarh-list li::before {
counter-increment: section;
content: "" counter(section, decimal-leading-zero) ".";
font-size: 16px;
font-weight: 500;
position: absolute;
left: 26px;
font-family: 'General Sans';
background: #FC8A03;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
}
.why-webgarh-list li:hover {
background: #FFF4E6;
border-color: #FC8A03;
}
.why-webgarh-left .title-one {
margin-bottom: 20px;
}
.why-webgarh .main-img-1 {
max-width: 93%;
border-radius: 20px;
width: 100%;
}
.why-webgarh .main-img-2 {
border-radius: 20px;
height: 240px;
width: 100%;
object-fit: cover;
}
.why-webgarh .img-box-2 {
position: relative;
}
.img-box-2-shape {
position: absolute;
z-index: 2;
right: 17%;
top: -100px;
object-fit: contain;
display: flex;
align-items: center;
}
.why-webgarh-left .img-box-2-shape {
top: -65px;
}
.why-webgarh .img-box-1 {
margin-left: 32%;
margin-bottom: 12%;
}
.why-webgarh .arrow-shape {
mix-blend-mode: multiply;
max-width: 150px;
}
.img-box-2-shape svg {
width: 50px;
min-width: 50px;
margin: 0 -3px;
}
.spinner-shape {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 10px solid #F4F4F4;
border-radius: 50%;
}
.spinner-text {
position: absolute;
font-size: 24px;
font-weight: 500;
line-height: 1;
background: #000000;
border-radius: 50%;
color: #fff;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.why-webgarh-counter {
margin-top: 60px;
gap: 100px;
justify-content: center;
}
.why-webgarh-counter .col{
flex: unset;
padding: 0;
width: auto;
}
.counter-wrap-4 {
width: 250px;
height: 200px;
border: 1px solid #FC8A03;
border-radius: 20px;
border-width: 1px 1px 4px 1px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.counter-wrap-4 .number {
font-size: 50px;
line-height: 100%;
}
.counter-wrap-4 .counter-title {
font-weight: 500;
font-size: 18px;
font-family: 'General Sans';
color: #00000099;
}
.portfolio-wrap .content * {
text-decoration: none;
color: #000;
transition: all 0.4s ease 0s;
}
.portfolio-wrap h3.pf-title {
margin: 0;
font-weight: 600;
font-size: 24px;
margin-bottom: 10px;
}
.portfolio-wrap .pf-tag {
font-size: 15px;
line-height: 28px;
}
.portfolio-wrap .content {
padding: 20px;
}
.portfolio-thumb {
overflow: hidden;
position: relative;
}
.portfolio-thumb::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
transform: scale(0);
visibility: hidden;
transition: all 0.4s ease 0s;
}
.portfolio-thumb .icon-link {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
visibility: hidden;
display: none;
transition: all 0.4s ease 0s;
}
.portfolio-wrap:hover .portfolio-thumb::before{
transform: scale(1);
visibility: visible;
}
.portfolio-wrap:hover .icon-link {
visibility: visible;
display: inline-block;
}
.portfolio-img {
width: 100%;
object-fit: cover;
}
.showcase-success {
overflow: hidden;
padding-bottom: 50px;
margin-bottom: -50px;
}
.portfolio-thumb .icon-link img {
width: 170px;
}
.portfolio-wrap {
border-bottom: 1px solid #565a5b29;
border-radius: 30px;
box-shadow: 4px 5px 17px 0px #0000000f;
background: #fff;
overflow: hidden;
height: 100%;
}
.portfolio-name-icon {
width: 34px;
height: 34px;
border-radius: 6px;
display: inline-flex;
background: #D7220E40;
align-items: center;
justify-content: center;
margin-right: 12px;
}
.portfolio-name-icon img {
height: 16px;
object-fit: contain;
}
.portfolio-blue-icon {
background: #0066AB21;
}
.portfolio-green-icon {
background: #28646E33;
}
.portfolio-badge {
background: #fff;
border-radius: 50px;
position: absolute;
right: 22px;
top: 15px;
padding: 6px 15px;
font-weight: 500;
font-size: 14px;
line-height: 100%;
z-index: 2;
color: #000;
}
.showcase-slier {
row-gap: 24px;
}



/* our-approach */
.our-approach .section-header.text-center {
max-width: 1020px;
margin-inline: auto;
}
.service-wrap-4 {
background: #ffffff;
border-radius: 15px;
padding: 50px;
transition: all 0.4s ease 0s;
height: 100%;
}
.service-wrap-4 .icon {
background: #FF7F49;
width: 120px;
height: 120px;
border-radius: 50%;
text-align: center;
line-height: 120px;
margin-bottom: 26px;
}
.service-wrap-4 .description {
font-size: 18px;
line-height: 28px;
margin: 0;
}
.service-wrap-4 .service-title {
margin-block: 15px;
}
.service-wrap-4 .icon.ic-2 {
background: #A095FF;
}
.service-wrap-4 .icon.ic-3 {
background: #38a59f;
}
.service-wrap-4 .icon.ic-4 {
background: #0b69bd;
}
.service-wrap-4 .icon.ic-5 {
background: #000000;
}
.service-wrap-4 .icon img {
height: 50px;
object-fit: contain;
}
.service-wrap-4:hover {
transform: translateY(-10px);
}

/* Featured Industries */
.featured-industries .sub-title {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
}
.text-wrapper-four p, .subheading {
font-size: 20px;
line-height: 38px;
margin: 0;
text-align: center;
}
.text-wrapper-four .title {
margin: 20px 0;
}
.feature-wrap-1 {
background: #ffffff;
border-radius: 30px;
padding: 22px;
box-shadow: 0px 0px 30px 0px #0000000F;
display: flex;
flex-direction: column;
gap: 15px;
transition: all 0.4s ease 0s;
}
.feature-wrap-1 .icon {
width: 70px;
height: 70px;
border-radius: 50%;
line-height: 80px;
background: #FC8A03;
display: flex;
align-items: center;
justify-content: center;
}
.feature-wrap-1 .icon img {
height: 38px;
object-fit: contain;
}
.feature-wrap-1 .feature-title {
font-weight: 600;
font-size: 22px;
line-height: 32px;
margin: 0;
}
.feature-wrap-1 p {
font-size: 18px;
line-height:30px;
margin: 0;
}
.feature-wrap-1:not(:last-child) {
margin-bottom: 25px;
}
.feature-wrap-1.ic-2 .icon {
background: #4CAF50;
}
.feature-wrap-1.ic-3 .icon {
background: #A095FF;
}
.feature-wrap-1.ic-4 .icon {
background: #47b5af;
}
.feature-wrap-1.ic-5 .icon {
background: #FEA2A7;
}
.featured-industries .col-xl-5 {
width: 49%;
}
.featured-industries-boxes {
position: relative;
width: 50%;
padding-left: 40px;
z-index: 1;
margin: 0;
}
.featured-industries-boxes:before {
content: '';
position: absolute;
background: #FC8A031A;
width: 650px;
height: 650px;
border-radius: 50%;
z-index: -1;
top: 50%;
transform: translateY(-50%);
right: 80px;
}
.feature-wrap-1:hover {
box-shadow: 0px 6px 30px 0 #0000001f;
transform: translateY(-5px);
}
.text-wrapper-four :first-child {
margin-top: 0;
}


/* AI & Emerging */
.text-wrapper-four .btn {
margin-top: 40px;
}
.ai-emerging .col-xl-5 {
width: 45%;
}
.ai-emerging .main-img {
border-radius: 30px;
width: 100%;
}
.ai-emerging .img-box-2-shape {
left: 22%;
top: 9%;
right: inherit;
}
.ai-emerging img.arrow-shape {
position: absolute;
left: 15px;
top: -15px;
}
.ai-emerging .col-lg-5 {
width: 48%;
}
.ai-emerging p {
text-align: justify;
}
.ai-emerging-icons {
margin-top: 40px;
text-align: center;
gap: 60px;
}
.ai-emerging-by-icon h3 {
margin: 12px 0 0;
font-size: 20px;
}
.ai-emerging-by-icon img {
height: 44px;
object-fit: contain;
width: 44px;
}

/* CTA banner */
.cta-section-content{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
padding: 60px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 40px;
color: #fff;
position: relative;
overflow: hidden;
background-color: #000;
background-position: left;
}
.cta-section-content:before {
content: '';
position: absolute;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5.8%, #000000 37.42%);
z-index: 0;
width: 80%;
height: 100%;
top: 0;
right: 0;
}
.cta-content {
z-index: 1;
max-width: 48%;
margin: auto;
text-align: center;
}
/* .cta-section-content .cta-button {
display: none;
} */
.cta-content h2 {
font-weight: 700;
font-size: 45px;
line-height: 56px;
margin-bottom: 12px;
color: #fff;
}
.cta-content .btn.bstyle-2 {
margin-top: 32px;
}
/* client say */
.overall-review {
background: #FE8A02E8;
border: 1px solid #EEEEEE;
max-width: 290px;
width: 100%;
border-radius: 20px;
padding: 50px 20px;
text-align: center;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
.vertical-line {
border-right: 1px solid #fff;
height: 15px;
display: inline-block;
margin: 0px 10px;
}
.review-logos {
display: flex;
align-items: center;
}
.total-review {
margin-bottom: 20px;
margin-top: 10px;
}
.review-logos img {
height: 23px;
}
.excellent {
font-weight: 600;
font-size: 18px;
line-height: 19px;
margin: 0;
display: block;
}
.rating-text {
font-size: 14px;
margin-bottom: 10px;
border-bottom: 1px solid #fff;
padding: 8px 12px;
line-height: 20px;
}
.webgarh-logo-review {
margin-bottom: 10px;
}
.rating-star {
background: #838383;
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 2px;
font-size: 12px;
position: relative;
z-index: 1;
}
.half-star:before {
content: '';
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
background: #000;
z-index: -1;
}
.client-says-review {
display: flex;
gap: 24px;
}
.review-card {
padding: 32px;
background: #fff;
border-radius: 10px;
height: 100%;
}
.review-content {
margin-block: 18px;
color: #444444;
}
.review-card .rating-star {
background: #000000;
color: #fff;
width: 18px;
height: 18px;
font-size: 9px;
}
.review-card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.rating-star.empty-star {
background: #bdbdbd;
}
.client-site {
color: #000000;
font-style: italic;
font-size: 13px;
font-weight: 500;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 14px;
}
.reviewer-name {
font-size: 16px;
color: #000000;
margin: 0 0 4px;
font-weight: 600;
line-height: 17px;
}
.reviewer-date {
margin: 0;
font-size: 12px;
color: #444444;
line-height: 17px;
}
.view-all-reviews {
margin-top: 30px;
}
.reviewer-info img {
width: 44px;
}

/* Homapge new-review */
.client-say-review {
padding: 24px;
background: #F5F5F5;
border-radius: 15px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: var(--transition);
}
.client-say-review:hover {
transform: translateY(-10px);
}
.client-say-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.client-say-content p {
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 24px 0 0;
color: #000;
}
.client-say-info {
display: flex;
gap: 24px;
align-items: center;
}
.client-say-info img {
width: 70px;
}
body .review-brand-icon {
width: 25px;
margin-right: 5px;
}
.reviewer-info-content .reviewer-name {
font-size: 22px;
line-height: normal;
}
.reviewer-info-content .reviewer-date {
font-weight: 500;
font-size: 18px;
color: #000;
line-height: 110%;
}
.reviewer-rating {
display: flex;
align-items: center;
font-weight: 500;
font-size: 18px;
line-height: normal;
gap: 6px;
}
.reviewer-rating i{
color: #FFA033;
}

/* Homapge blog */
.author-img {
position: absolute;
right: -1px;
bottom: -1px;
width: 120px;
height: 120px;
display: flex;
align-items: flex-end;
justify-content: end;
background: url(../images/author-shape.png) no-repeat;
background-position: right bottom;
background-size: contain;
padding: 3px;
}
.author-img img {
width: 70px;
height: 70px;
border-radius: 50%;
}
.blog-inner {
height: 100%;
background: white;
border-radius: 24px;
overflow: hidden;
transition: all 0.3s ease;
position: relative;
box-shadow: 0px 20px 25px -5px #0000001A;
}
.blog-inner:hover {
transform: translateY(-10px);
box-shadow: 0px 8px 10px -6px #0000001A;
}
.blog-content {
padding: 30px;
}
.blog-section .section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.blog-description, .blog-date {
color: #000A16;
margin: 12px 0 0;
font-weight: 500;
line-height: 26px;
opacity: 0.6;
}
.blog-title a {
text-decoration: none;
margin-top: 0;
font-weight: 600;
font-size: 24px;
color: #000;
margin-bottom: 15px;
line-height: 1.4;
font-family: 'General Sans';
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-tag {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-decoration: none;
background: #FE8A02;
color: #fff;
padding: 8px 15px;
border-radius: 50px;
}
.blog-thumb {
position: relative;
overflow: hidden;
border-radius: 12px;
}
.blog-thumb img {
height: 100%;
object-fit: cover;
display: block;
}
.insights-badge {
position: absolute;
top: 10px;
right: 10px;
background-color: #000000B2;
color: #fff !important;
padding: 6px 12px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
z-index: 1;
}
.blog-content-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.blog-date {
margin: 0;
font-size: 16px;
line-height: normal;
}
.blog-description {
min-height: 96px;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical;
padding-bottom: 0;
margin-bottom: 20px;
font-weight: 400;
color: #000;
font-size: 18px;
line-height: 34px;
opacity: 1;
}
.website-link {
display: block;
font-size: 16px;
color: #f57c00;
text-decoration: none;
text-transform: capitalize;
}
.card-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dee2e6;
}
.meta-item {
display: flex;
align-items: center;
gap: 8px;
color: #000;
font-size: 0.85rem;
}
.meta-item i {
color: #e67e22;
line-height: normal;
}
.read-more-btn {
color: #e67e22;
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.read-more-btn i {
transition: transform 0.3s ease;
}
.read-more-btn:hover {
transform: translateX(5px);
}
.read-more-btn:hover i {
transform: translateX(3px);
}
.sidebar-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-top: -50px;
position: absolute;
}
.website-link i {
margin-left: 2px;
font-size: 14px;
}
.review-date-link {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.review-date-link .blog-date {
display: none;
}

/* Footer */
footer {
background: #000000;
padding-top: 70px;
position: relative;
font-weight: 300;
}
footer .row {
justify-content: space-between;
}
footer .container {
position: relative;
z-index: 1;
}
footer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #44FF9A -0.55%, #44B0FF 22.86%, #8B44FF 48.36%, #FF6644 73.33%, #EBFF70 99.34%);
backdrop-filter: blur(200px);
opacity: 0.1;
z-index: 0;
}
.subscribe-form {
display: flex;
}
.subscribe-form input {
flex: 1;
padding: 16px;
border: none;
border-radius: 5px 0 0 5px;
outline: none;
font-size: 14px;
line-height: 1;
}
.subscribe-form button {
background:#FE8A02;
border: none;
padding: 0 18px;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 27px;
color: #ffff;
transition: all 0.3s;
}
.subscribe-form button img {
width: 20px;
}
.sub-desc {
font-size: 14px;
color: #ffffff;
line-height: 24px;
margin: 20px 0 0;
opacity: 0.7;
}
.footer-bottom {
border-top: 1px solid #FFFFFF33;
text-align: center;
margin-top: 60px;
padding-block: 25px;
font-size: 14px;
}
.footer-bottom p {
margin: 0;
}
.footer-bottom a {
color: #ff9900;
text-decoration: none;
font-weight: 400;
}
.footer-link {
color: #f8f9fa;
text-decoration: none;
transition: 0.3s ease;
}
.footer-link:hover {
color: #FC8A03;
padding-left: 3px;
}
.social-icon {
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
text-align: center;
color: #fff;
transition: all 0.3s ease;
background: #4B4B4B;
}
.social-icon:hover {
transform: translateY(-3px);
color: #fff;
background: #FE8A02;
}
.company-info .navbar-brand img {
width: 100%;
display: inline-block;
}
.company-info .navbar-brand {
max-width: 214px;
display: inline-block;
margin-bottom: 25px;
}
.company-info p {
line-height: 160%;
opacity: 0.9;
}
.social-links {
display: flex;
align-items: center;
gap: 12px;
margin-top: 30px;
}
.col-lg-4.company-info {
width: 30%;
margin-right: 5%;
}
.subscribe-ftr {
width: 28%;
}
.subscribe-ftr .footer-column {
background: #ffffff12;
padding: 25px;
border-radius: 6px;
}
footer h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 24px;
letter-spacing: 1px;
}
.subscribe-ftr h5 {
margin-bottom: 18px;
}
.quick-links ul {
margin: 0;
}
.quick-links ul li {
margin-bottom: 20px !important;
}
.navbar-collapse .navbar-brand, .menu-close, .cstm-back {
display: none;
}
.dropdown-menu.mega-menu.single-dropdown h3 {
display: none;
}
.reach-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
min-width: 50px;
border-radius: 50%;
background: #FF8139;
}
.how-to-reach-list {
padding: 0;
margin: 0;
list-style: none;
}
.how-to-reach-list li {
display: flex;
align-items: center;
gap: 15px;
}
.how-to-reach-right span {
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #D2DBEF;
width: 100%;
display: block;
}
.how-to-reach-right .text-light {
font-weight: 500;
font-size: 18px;
text-decoration: none;
}
.reach-icon img {
height: 22px;
object-fit: contain;
}
.contact-phone {
margin-top: 30px;
}
.contact-phone .reach-icon {
background: #0F55DC;
}
.col-lg-2.how-to-reach {
width: 22%;
}
/*=====================ecommerce-solutions==========================*/
.ecommerce-approch .section-header.text-center {
margin-bottom: 120px;
}
.ecommerce-approch .service-wrap-4 {
padding: 0 24px 30px;
text-align: center;
}
/* .ecommerce-approch .service-wrap-4 .description {
font-size: 16px;
line-height: 27px;
} */
.ecommerce-approch .service-title {
font-size: 24px;
line-height: 110%;
}
.ecommerce-approch .icon {
margin: -50px auto 25px;
width: 100px;
height: 100px;
line-height: 100px;
display: inline-block;
position: relative;
}

/* Core Features */
.core-features-left img {
border-radius: 80px;
overflow: hidden;
}
.core-features-left {
position: relative;
}
.core-features .col-lg-6{
width: 56%;
}
.core-features-curve.author-img{
width: 210px;
height: 210px;
right: -2px;
bottom: -2px;
background: transparent;
}
.core-features-curve img.shape-2 {
width: 120px;
height: 120px;
}
.core-features-curve .curve-bg-shape {
position: absolute;
bottom: -1px;
right: -1px;
width: 100%;
height: auto;
}
.core-features-curve .spinner-shape {
border-color: transparent;
}
.cstm-accordian .accordion-button::after {
display: none;
}
.cstm-accordian {
margin-top: 50px;
counter-reset: section;
}
.cstm-accordian .accordion-item {
border: none;
border-bottom: 1px solid #BEBEBE;
position: relative;
padding-left: 55px;
border-radius: 0 !important;
background: transparent;
}
.cstm-accordian .accordion-button {
padding: 18px 0;
font-size: 22px;
line-height: 28px;
color: #000000;
box-shadow: none !important;
background: transparent !important;
position: unset;
}
.cstm-accordian .accordion-item:has(.show) {
border-color: #FE8A02;
}
.cstm-accordian .accordion-item:has(.show) .accordion-button {
background: transparent;
}
.cstm-accordian .accordion-body {
font-size: 18px;
line-height: 28px;
padding: 0 0 20px;
}
.cstm-accordian .accordion-item:first-child .accordion-button {
padding-top: 0;
}
.cstm-accordian .accordion-button::before {
counter-increment: section;
content: "" counter(section, decimal-leading-zero) ".";
font-size: 24px;
font-weight: 500;
border-radius: 50%;
display: inline-flex;
margin-right: 18px;
position: absolute;
left: 0;
}

/* ecommerce-hero */
/* .ecommerce-hero {
box-shadow: 0px 4px 50px 50px #F4F4F4;
} */
.ecommerce-hero .curve-bg-shape path {
fill: #f6f4f3;
}
.ecommerce-hero .col-xxl-5 {
width: 47%;
}
.core-features-list svg {
height: 25px;
width: 22px;
}
.core-features-list {
margin: 0;
padding: 0;
display: flex;
gap: 25px;
margin-top: 40px;
list-style: none;
}
.core-features-list li {
font-weight: 600;
font-size: 18px;
line-height: 100%;
display: flex;
align-items: center;
gap: 15px;
}
.core-features-list span {
background: #F6E0C6;
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.inner-header .navbar-expand-lg {
background: #696868;
padding: 8px 20px;
padding-right: 10px;
border-radius: 50px;
margin: auto;
}
.inner-header {
top: 30px;
margin: auto;
}
.inner-header ul.navbar-nav a.nav-link {
font-size: 18px;
padding: 10px 0 !important;
}
.inner-header ul.navbar-nav {
background: transparent;
padding: 0;
}
.inner-header .navbar-brand {
max-width: 218px;
}
.inner-header .get-cunsultation {
font-size: 16px;
padding: 14px 20px;
}
.inner-header .navbar-brand img {
max-width: 130px;
}
.inner-header .menu-left .menu-item a {
font-size: 18px;
}
header.inner-header.sticky {
background: transparent;
box-shadow: none;
}
header.inner-header.sticky .navbar-expand-lg {
background: #fff;
box-shadow: 0 0 10px 3px rgb(0 0 0 / 8%);
max-width: 100%;
}
.inner-header .menu-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
.inner-header .menu-icon img {
height: 30px;
}
.ecommerce-hero .title {
font-size: 50px;
line-height: 60px;
}

/* real-result */
.real-result .section-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
}
.real-result .section-header h2.title {
max-width: 60%;
margin-inline: auto;
text-align: center;
margin-bottom: 0;
}
.real-result .section-header .btn.bstyle-2 {
display: none;
}
.project-real-result {
/* max-width: 1185px;
margin: auto; */
display: flex;
flex-direction: column;
gap: 25px;
}
.real-result-content {
padding: 70px 30px 70px 45px;
color: #fff;
width: 60%;
}
.real-result-content .title {
font-size: 48px;
line-height: 100%;
margin: 12px 0 40px;
}
.real-result-info {
margin: 0;
padding: 0;
list-style: none;
}
.real-result-info li:not(:last-child) {
margin-bottom: 32px;
}
.real-result-info li {
display: flex;
align-items: flex-start;
gap: 18px;
}
.real-result-icon {
width: 36px;
height: 36px;
min-width: 36px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FE8A02;
font-size: 16px;
}
.real-result-info-content h4 {
font-weight: 600;
font-size: 26px;
margin-bottom: 12px;
line-height: 100%;
}
.real-result-info-content p {
margin: 0;
font-size: 20px;
line-height: 140%;
text-transform: capitalize;
font-weight: 300;
}
.real-result-info-content p:not(:last-child) {
margin-bottom: 15px;
}
.project-icon {
width: 30px;
object-fit: contain;
height: 30px;
object-position: bottom;
}
.real-project-list {
border-radius: 30px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 50px;
}
.result-mobile-showcase {
max-width: 425px;
width: 100%;
margin-top: 50px;
position: relative;
}
.mobile-frame {
width: 100%;
}
.project-screenshot{
width: 100%;
}
.mobile-showcase-img {
position: absolute;
top: 22px;
left: 22px;
right: 22px;
bottom: 0;
border-radius: 44px 44px 0 0;
overflow: hidden;
}
.real-project-list.bg-green .real-result-icon{
color: #00A19D;
}
.real-project-list.bg-sea-green .real-result-icon{
color: #246A72;
}
.real-project-list.bg-purple .real-result-icon{
color: #7F3FBF;
}
.real-project-list.bg-light-purple .real-result-icon{
color: #8944f4;
}
.real-project-list.bg-blue .real-result-icon{
color: #003D73;
}
.real-project-list.bg-light-blue .real-result-icon{
color: #005CBD;
}
.real-project-list.bg-dark-blue .real-result-icon{
color: #2972A8;
}
.real-project-list.bg-black .real-result-icon{
color: #0C0C0C;
}
.real-project-list.bg-pink .real-result-icon{
color: #C53256;
}
.scroll-blur.stuck {
transform: scale(0.9);
filter: none !important;
}

/* problam-facing */
.problam-facing-image.bg-01{
background-color:#ffbea7;
}
.problam-facing-image.bg-02{
background-color:#B5D8FF;
}
.problam-facing-image.bg-03{
background-color:#E4D7FF;
}
.problam-facing-image.bg-04{
background-color:#FFB3B3;
}
.problam-facing-grid {
width: 100%;
max-width: 460px;
padding: 10px;
box-shadow: 0 0 10px #29272f14;
background: #fff;
border-radius: 12px;
}
.problam-facing-image {
padding: 32px;
margin-bottom: 20px;
border-radius: 8px;
}
.problam-facing-image img {
max-width: 220px;
max-height: 230px;
object-fit: contain;
margin: auto;
display: block;
}
.problam-facing-checklist {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #00000014;
padding-top: 25px;
margin-top: 25px;
}
.problam-facing-content {
padding: 0 20px 20px;
}
.problam-facing-content h3 {
font-size: 26px;
line-height: 40px;
font-weight: 600;
}
.problam-facing-content p {
color: #8B8B91;
font-size: 18px;
margin: 0;
}
.problam-facing-checklist li:not(:last-child) {
margin-bottom: 14px;
}
.problam-facing-checklist li {
display: flex;
align-items: center;
gap: 12px;
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.problam-facing-checklist li span {
width: 24px;
height: 24px;
min-width: 24px;
background: #FC8A03;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.problam-facing-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
}
.problam-facing-grid.facing-grid-02, .problam-facing-grid.facing-grid-04 {
margin-top: 150px;
}
.problam-facing-row.problam-facing-row-01 {
margin-bottom: -50px;
}

.imagine-list li {
border: 1px solid #FE8A02;
margin-bottom: 15px;
padding: 18px 25px;
border-radius: 20px;
background: #fff;
}
.imagine-list {
margin: 0;
padding: 0;
list-style: none;
}
.imagine-list h3 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #FC8A03;
margin-bottom: 4px;
text-transform: uppercase;
}
.imagine-list p {
font-size: 16px;
line-height: 26px;
}
.imagine-list p strong {
font-style: italic;
}



/*=====================enterprise-ecommerce-software==========================*/
.quick-overview .section-header.text-center {
max-width: 1100px;
}
.quick-overview {
background: linear-gradient(180deg, #F0F8FE 0%, rgba(239, 239, 239, 0.4) 100%);
/* padding: 30px 0 120px; */
position: relative;
}
.wave-shape{
width: 100%;
}
.wave-shape svg {
width: 100%;
height: auto;
}
.service-wrap-2 {
box-shadow: 0px 10px 60px 0px #262D7614;
padding: 40px;
border: 1px solid #000000;
border-radius: 20px;
border-width: 1px 1px 5px 1px;
display: flex;
align-items: center;
gap: 30px;
}
.service-wrap-2-content .service-title {
font-size: 26px;
line-height: 110%;
margin: 0px 0 12px;
}
.service-wrap-2-content .description {
font-size: 20px;
color: #616161;
margin: 0;
}
.service-wrap-2 .icon {
width: 100px;
height: 100px;
min-width: 100px;
border-radius: 50%;
text-align: center;
line-height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: #FC8A03;
box-shadow: 0px 10px 40px 0px #363D880F;
}
.service-wrap-2 .icon img {
height: 50px;
width: 50px;
object-fit: contain;
}
.quick-overview .row {
row-gap: 30px;
}
.service-wrap-2.ic-2 .icon{
background: #A095FF;
}
.service-wrap-2.ic-3 .icon{
background:#47b5af;
}
.service-wrap-2.ic-4 .icon{
background: #e98288;
}

/* Retail Challenges */
.retail-challenges-list .sub-title.highlight {
text-transform: uppercase;
font-size: 16px;
}
.retail-challenges-list .text-wrapper-four h2 {
font-size: 42px;
line-height: 125%;
}
.retail-challenges-list .text-wrapper-four p {
font-size: 16px;
line-height: 28px;
}
.retail-challenges-info {
margin: 30px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 18px;
}
.retail-challenges-info-content {
padding-left: 15px;
border-left: 3px solid #FE8A02;
}
.retail-challenges-info-content h4 {
font-size: 18px;
line-height: 100%;
}
.retail-challenges-info-content p {
color: #616161;
}
.retail-challenges-list {
box-shadow: 0px 27px 82px 0px #7C7C7C47;
background: #fff;
border-radius: 16px;
overflow: hidden;
margin: 0;
}
.retail-challenges-image, .retail-challenges-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.retail-challenges-list .col-md-6 {
padding: 0;
}
.retail-challenges-list .text-wrapper-four {
padding: 50px;
}
.retail-challenges-list:not(:last-child) {
margin-bottom: 80px;
}
.ecommerce-featured .feature-wrap-1:not(:last-child) {
margin-bottom: 45px;
}
.ecommerce-featured .featured-industries-boxes {
justify-content: space-between;
}
.ecommerce-featured  .row-cols-md-2>* {
width: 49%;
}
.ecommerce-featured .col:last-child {
margin-top: 100px;
}

/* side result*/
.real-result.side-result .section-header {
flex-direction: column;
gap: 0;
position: sticky;
top: 130px;
}
.side-result .section-header > * {
margin-bottom: 24px;
}
.side-result .real-result-info-content p {
line-height: 140%;
font-size: 16px;
}
.side-result .result-mobile-showcase {
max-width: 345px;
margin-top: 45px;
}
.side-result .real-project-list {
padding-right: 20px;
align-items: end;
}
.side-result .real-result-content {
align-self: center;
}
.real-result.side-result .section-header .title {
max-width: 100%;
text-align: left;
}
.side-result .real-result-content .title {
font-size: 36px;
margin: 0px 0 30px;
}

/*=====================ecommerce-marketing==========================*/
.ecommerce-quick-overview .curve-bg-shape path {
fill: #fffaf4;
}
.ecommerce-quick-overview .col-lg-6 {
width: 53%;
}
.ecommerce-quick-overview .col-lg-5 {
width: 44%;
}
/* growth-steps*/
.growth-wrap-4 .service-title {
font-size: 20px;
margin: 20px 0 10px;
}
.growth-wrap-4 .description {
font-size: 18px;
line-height: 30px;
margin: 0;
}
.growth-wrap-4 .icon {
width: 100px;
height: 100px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px 25px 25px 0;
background: linear-gradient(180deg, #FE8A02 0%, #FC8A03 100%);
font-weight: 700;
font-size: 44px;
line-height: 24px;
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);
}
.growth-wrap-4 .icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 100px solid #ff9c08d4;
border-left: 100px solid #00000000;
z-index: -1;
}
.growth-steps .row > * {
width: 23%;
}
.growth-wrap-4 {
position: relative;
}
.growth-icon1 {
position: absolute;
top: 0;
left: 78%;
width: 65%;
}
.growth-icon1.growth-icon2 {
top: 60px;
}

/* case study slider*/
.case-section {
display: flex;
gap: 150px;
justify-content: space-between;
align-items: center;
}
.case-list {
flex: 1;
}
.case-image {
max-width: 680px;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.case-list .case:not(:last-child) {
margin-bottom: 60px;
}
.progress {
width: 100%;
height: 6px;
background: #D9D9D9;
border-radius: 4px;
overflow: hidden;
margin-top: 10px;
}
.progress span {
display: block;
height: 100%;
width: 0%;
background-color: #FC8A03;
transition: width 0s;
}
.case-image img {
width:100%;
transition: opacity 0.5s ease-in-out;
}
.case-list h3 {
font-weight: 600;
font-size: 28px;
line-height: 36px;
margin-bottom: 20px;
transition: all 0.2s;
}
.case-list p {
text-align: justify;
margin-bottom: 30px;
}
.case-list .case.active h3 {
color: #FC8A03;
}

/*=====================Cloud & Devops==========================*/
.how-we-implement-list {
/* display: flex;
align-items: center;
gap: 20px; */
/* background: #FFBFA2; */
border: 1px solid #000000;
border-radius: 20px;
border-width: 1px 1px 4px 1px;
padding: 30px 16px;
height: 100%;
box-shadow: 0px 4px 21px 0px #0000000D;
}
.how-we-implement-list span {
box-shadow: 5px 7px 14px 0px #00000014;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 50%;
}
.how-we-implement-list-right h3 {
font-weight: 600;
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
color:#000;
}
.how-we-implement-list-right ul {
margin: 0;
padding-left: 25px;
}
.how-we-implement-list-right ul li {
font-size: 16px;
line-height: 1.5;
margin-bottom: 18px;
}
.how-we-implement-list-right ul li:last-child, .how-we-implement-list:last-child{
margin-bottom: 0;
}
.how-we-orange{
border-color: #FC8A03;
}
.how-we-orange span{
background: #FC8A03;
}
.how-we-purple{
border-color: #9747FF;
}
.how-we-purple span{
background: #9747FF;
}
.how-we-dark{
border-color: #000;
}
.how-we-dark span{
background: #000;
}
.how-we-blue{
border-color: #00A19D;
}
.how-we-blue span{
background: #00A19D;
}
/* .how-we-green {
background: #63DED8;
}
.how-we-purple {
background: #A095FF;
}
.how-we-lightpink {
background: #FEA2A7;
}
.how-we-blue {
background: #29B9E7;
}
.how-we-light-green {
background: #D6F3B8;
} */
.how-we-implement .section-header.text-center {
max-width: 1275px;
}

/* cloud-timeline*/
.cloud-timeline .title-one p {
text-align: justify;
}
.timeline-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
justify-content: space-between;
}
.timeline-image-left {
position: sticky;
top: 120px;
max-width: 630px;
width: 100%;
}
.timeline-image-left img {
width: 100%;
transition: opacity 0.3s ease;
}
.timeline-steps {
max-width: 730px;
width: 100%;
padding-left: 50px;
}
.timeline-steps .step {
margin-bottom: 80px;
padding: 45px 28px;
background: #fff;
border: 2px solid #FC8A03;
border-radius: 20px;
transition: all 0.3s ease;
position: relative;
border-width: 1px 1px 4px 1px;
box-shadow: 4px 7px 14px 0px #00000014;
}
.timeline-steps .step.active {
border-color: #ff7a00;
box-shadow: 0 0 10px rgb(255 122 0 / 13%);
background-color: #fff2e0;
border-left-width: 1px;
}
.timeline-image-otr {
border-radius: 80px;
position: relative;
overflow: hidden;
}
.timeline-image-left svg {
position: absolute;
bottom: -2px;
right: -2px;
width: 165px;
z-index: 1;
}
.timeline-image-left svg path {
fill: #fffaf4;
}
.timeline-steps .step:last-child {
margin-bottom: 0;
}
.step-small-text {
color: #000000;
opacity: 0.6;
margin: 0;
font-size: 16px;
}
.step-subheading {
color: #000000;
margin: 16px 0 12px;
font-size: 18px;
}
.step-heading {
font-size: 26px;
font-weight: 600;
}
.timeline-steps .progress-bar {
height: calc(100% + 90px);
margin-top: 12px;
overflow: visible;
position: absolute;
left: -40px;
top: 0;
border-left: 1px solid #D9D9D9;
display: block;
background: transparent;
}
.timeline-steps .progress-bar:after {
content: '';
position: absolute;
width: 26px;
height: 26px;
background: #C7C3BF;
border-radius: 50%;
left: -13px;
top: 0;
z-index: 1;
transition: all 0.3s;
}
.timeline-steps .progress-bar span{
display: block;
width: 1px;
height: 0%;               
background: #ff7a00;
transition: height 3s linear;
position: absolute;  
left: -1px;           
}
.timeline-steps .step:last-child .progress-bar {
height: auto;
}
.timeline-steps .step.active .progress-bar:after {
background: #FE8A02;
}


#timeline-image {
transition: opacity 0.4s ease;
opacity: 1;
}
#timeline-image.fade-out {
opacity: 0;
}



/* Problam Facing */
.problam-facing-list {
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.problam-facing-list li {
display: flex;
gap: 20px;
padding: 22px 18px;
border: 1px solid #FE8A02;
border-radius: 20px;
border-width: 1px 1px 1px 5px;
margin-bottom: 18px;
}
.problam-facing-list li i {
color: #FF0000;
font-size: 22px;
}
.problam-facing-list-content h4 {
font-size: 20px;
line-height: 30px;
margin-bottom: 0px;
  color: #000;
}
.problam-facing-list-content p {
margin: 8px 0 0;
font-size: 16px;
line-height: 22px;
  color: #000;
}
.problam-facing-list li:last-child {
margin-bottom: 0;
}
.problam-facing .col-lg-6 {
width: 53%;
}
.problam-facing .col-lg-5 {
width: 46%;
}
.problam-facing-left {
border-radius: 30px;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.problam-facing-left img {
height: 100%;
    object-fit: cover;
}

.problam-facing-overimage {
font-weight: 500;
font-style: italic;
font-size: 18px;
line-height: 28px;
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
padding: 20px;
z-index: 1;
backdrop-filter: blur(18px);
background: #0000009C;
border-radius: 20px;
color: #fff;
margin: 0;
}
.problam-solution {
margin-top: 50px;
border: 2px dashed #00800069;
padding: 33px 25px;
background: #EBF5EB69;
border-radius: 20px;
box-shadow: 4px 5px 17px 0px #0000000D;
position: relative;
}
.problam-solution p {
font-size: 20px;
text-transform: capitalize;
margin: 0;
position: relative;
font-family: 'General Sans';
font-weight: 300;
padding-left: 30px;
line-height: 28px;
}
.problam-quote-right {
margin: 15px 0 -3px 4px;
width: 22px;
}
.problam-quote-left {
position: absolute;
margin-top: -15px;
left: 0;
width: 22px;
}
.problam-quote-star {
position: absolute;
right: 20px;
bottom: 10px;
width: 38px;
opacity: 0.6;
}

/*=====================Ai Automation==========================*/
.inner-page-hero-banner {
padding: 0;
}
.inner-full-header {
top: 40px;
}
.inner-page-hero-banner .swiper-slide {
padding: 205px 0 105px;
}
.inner-page-hero-banner .slide-content h1 {
font-size: 62px;
line-height: 66px;
}
.inner-page-hero-banner .slide-content p {
font-size: 22px;
line-height: 38px;
}
/* @media screen and (max-width: 1024px) {
    .page-width {
        padding: 0 1rem!important;
    }
} */
/*=====================About us ==========================*/
.ecommerce-hero.about-hero .title {
font-size: 60px;
line-height: 70px;
}
.about-hero-image {
width: 100%;
border-radius: 30px;
}
.about-hero .section-header {
margin-bottom: 100px;
}
.about-hero {
padding-bottom: 0 !important;
box-shadow: 0px 4px 50px 50px #F4F4F4;
background: #F4F4F4 !important;
}
.about-our-mission-left .title-one {
background: #FFE8CE;
box-shadow: 4px 5px 17px 0px #00000012;
padding: 45px;
border-radius: 20px;
}
.about-our-mission .title-one p {
margin: 0;
}
.about-our-mission .col-lg-5 {
width: 45%;
}
.about-our-mission-left .arrow-shape {
margin: 6rem 6rem 0 auto;
display: block;
max-width: 250px;
}
.about-our-mission-left {
padding-left: 70px;
margin-top: -260px;
}
.founder-short-info {
font-weight: 500;
font-style: italic;
font-size: 20px;
line-height: 35px;
margin-top: 30px;
display: block;
border-left: 3px solid #000000;
padding-left: 18px;
font-family: 'General Sans'!important;
}
.founder-img .main-img {
border-radius: 80px;
width: 100%;
border: 1px solid #FE8A02;
border-width: 1px 1px 1px 12px;
}
.founder-section .col-lg-6 {
width: 52%;
}
.founder-section .col-lg-6.founder-img-wrapper {
width: 42%;
}
.webgarh-founder-signature {
max-width: 250px;
margin-top: 40px;
transform: rotate(-10deg);
display: none;
}

/* about-join-us */
.about-join-us .timeline-image-otr {
border-radius: 40px;
margin-top: 40px;
}
.about-join-us .title-one, .about-join-us .title-one p {
text-align: right !important;
}
.about-join-us .timeline-image-left svg path {
fill: #ffffff;
}
.about-join-us .timeline-steps {
padding: 0;
}
.about-join-us .step-subheading {
margin: 20px 0 0;
display: flex;
gap: 20px;
}
.about-join-us .step-subheading img {
width: 60px;
min-width: 60px;
}
.about-join-us .timeline-steps .step {
margin-bottom: 60px;
}
.about-join-us .step-heading {
font-weight: 500;
  color: black;
}
.about-join-us .timeline-steps .step:last-child {
margin-bottom: 0;
}

/* about-what-drives */
.what-drives .grid-img {
height: 200px;
width: 100%;
object-fit: cover;
border-radius: 16px;
}
#drive-shuffle .row:not(:last-child) {
margin-bottom: 24px;
}
#drive-shuffle .row > *{
overflow: hidden;
}
div#drive-shuffle {
overflow: hidden;
}
.suffle-img {
display: inline-block;
transition: transform 0.6s ease, opacity 0.6s ease;
will-change: transform, opacity;
}

/* about our vision */
.thumbnail-slider {
display: flex;
gap: 20px;
margin-top: 20px;
}
.thumbnail-slider .thumb-wrapper {
position: relative;
flex: 1;
height: 120px;
}
.thumbnail-slider .thumb-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
.thumb-progress {
background: #BBBBBB;
width: 100%;
height: 6px;
position: absolute;
bottom: 0;
left: 0;
}
.progress-thumb {
height: 100%;
width: 0%;
background-color: #ff6600;
transition: width linear;
border-radius: 0;
}
.vision-image img {
width: 100%;
transition: all 0.3s;
border-radius: 20px;
}
.team-member_card {
padding-top: 138%;
width: 100%;
position: relative;
border-radius: 25px;
overflow: hidden;
cursor: pointer;
}
.team-member_card img.img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.expertise_name {
background-image: linear-gradient(0deg, #000, #00000000);
justify-content: center;
align-items: center;
line-height: 1.75;
display: flex;
position: absolute;
flex-direction: column;
gap: 2px;
width: 100%;
bottom: 0;
padding: 25px;
padding-top: 6rem;
text-align: center;
}
.team-member-details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FC8A03;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
}
.team-member_card:hover .team-member-details {
opacity: 1;
visibility: visible;
}
.contact_link {
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 50%;
color: #fff;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: 1px solid #ffffff38;
margin-right: 10px;
font-size: 18px;
}
.contact_link:hover {
background: #fff;
color: #FC8A03;
border-color: #fff;
}
.expertise_card-content p {
margin: 30px 0 0;
}
.expertise_card-content h4 {
font-size: 18px;
font-family: "Manrope", sans-serif;
font-weight: 400;
}
.expertise_card-content h3 {
font-size: 22px;
}
.expertise_name h3 {
font-weight: 500;
font-size: 22px;
text-transform: capitalize;
}
.expertise_name h4 {
font-size: 17px;
font-family: "Manrope", sans-serif;
opacity: 0.6;
font-weight: 400;
margin: 0;
}
.expertise_visual-wrap .row {
row-gap: 24px;
}
.join-team-sticky .timeline-image-left {
position: relative;
top: 0;
margin-left: auto;
}
.join-team-sticky {
position: sticky;
top: 100px;
text-align: right;
}
.team-member_card-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: translateY(-100%);
filter: blur(8px);
transition:
opacity 1s ease,
transform 1s ease,
filter 1s ease;
}
.team-member_card-inner img {
transform: scale(1.1);
transition: transform 1.2s ease;
}

/*=====================Career page==========================*/
.career-hero .col-xxl-5 {
width: 42%;
}
.career-hero-image {
position: relative;
}
.career-hero-image:after {
content: '';
position: absolute;
background: #fff;
height: 50px;
left: -20px;
right: -20px;
bottom: -60px;
box-shadow: rgb(255 255 255) 0px -60px 35px 40px;
z-index: 1;
}
.career-hero {
box-shadow: none;
padding-bottom: 0 !important;
background: transparent !important;
}
.hiring-process .accordion-button::before{
display: none;
}
.hiring-process .accordion-item {
padding-left: 0;
border-color: #e0e0e1 !important;
}
.hiring-process .cstm-accordian {
border: 1px solid #E7E8EC;
padding: 10px;
background: #fff;
border-radius: 20px;
}
.hiring-accordion {
border: 1px solid #E7E8EC;
background: #F6F6F8;
overflow: hidden;
}
.hiring-accordion .accordion-body {
background: #fff;
padding: 15px 30px;
font-size: 16px;
line-height: 28px;
border-top: 1px solid #e0e0e1;
}
.hiring-accordion .accordion-button {
padding: 25px 50px 25px 20px !important;
position: relative;
}
.hiring-process .accordion-item:last-child {
border: none;
margin-bottom: 0;
}
.hiring-accordion .accordion-button:after {
content: '\F4FE';
position: absolute;
width: 36px;
height: 36px;
display: flex;
right: 10px;
align-items: center;
justify-content: center;
background: #fff;
font-family: bootstrap-icons !important;
border: 1px solid #E7E8EC;
border-radius: 50%;
font-size: 26px;
transform: none;
}
.hiring-accordion .accordion-button[aria-expanded="true"]:after {
content: '\F2EA';
/* background: #FE8A02;
border-color: #FE8A02;
color: #fff; */
}
.work-with-us .service-wrap-2 {
height: 100%;
border: none;
box-shadow: 0px 8px 18px 0px #DDDDE7F2;
align-items: flex-start;
}
.work-with-us .row {
row-gap: 30px;
}
.work-with-us .service-wrap-2-content .description {
font-size: 16px;
color: #000000;
line-height: 26px;
}
.work-with-us .service-title {
font-size: 28px;
line-height: 32px;
margin: 0px 0 15px;
}
.career-cta .cta-section-content {
  background: url({{ 'career-cta-bg.jpg' | asset_url }}) no-repeat center center;
  background-size: cover;
  justify-content: space-between;
}
.career-cta .cta-section-content:before {
background: rgba(0, 0, 0, 0.80);
width: 100%;
}
.career-cta .cta-content {
margin: 0;
/* max-width: 60%; */
}
/* join-us-banner */
.join-us-banner .cta-section-content:before {
background-color: rgb(0 0 0 / 84%);
}
.join-us-banner .cta-section-content {
padding: 100px 60px;
}
.explore-stunning-img img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1.25;
}
.explore-stunning-img:not(:last-child) {
margin-bottom: 24px;
}
.explore-stunning-big-img .explore-stunning-img {
height: 100%;
}
.join-us-banner .cta-content {
margin: 0;
text-align: left;
}
.join-us-banner  .cta-section-content .cta-button {
display: inline-flex;
}

/*webgarh-career */
.webgarh-career-content {
position: relative;
}
.webgarh-career {
overflow: hidden;
}
.webgarh-career img {
width: 100%;
border-radius: 40px;
}
.hero-text {
font-size: 5rem;
color: white;
font-weight: bold;
display: flex;
gap: 10px;
position: absolute;
bottom: 0;
width: 100%;
justify-content: center;
}
.letter {
font-weight: 600;
font-size: 260px;
line-height: 0.7;
font-family: 'General Sans';
opacity: 0;
transform: translateY(60px) skewY(10deg);
filter: blur(8px);
transition: all 0.8s ease-out;
will-change: opacity, transform;
}
.letter.show {
opacity: 1;
transform: translateY(0) skewY(0deg);
filter: blur(0);
}

.webgarh-career .swiper-pagination-bullet {
width: 14px;
height: 14px;
position: relative;
background: transparent !important;
}
.progress-circle {
width: 100%;
height: 100%;
transform: rotate(-90deg);
}
.webgarh-career .progress-circle .bg {
fill: none;
stroke: #bebebe;
stroke-width: 4;
}
.webgarh-career .progress-circle .progress {
fill: none;
stroke: #fd8b28;
stroke-width: 4;
stroke-dasharray: 100;
stroke-dashoffset: 100;
animation: progressLoader 5s linear forwards;
height: 100%;
background: transparent;
}
.webgarh-career .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .progress {
animation: none;
stroke-dashoffset: 100;
}
@keyframes progressLoader {
to {
stroke-dashoffset: 0;
}
}
.webgarh-career .swiper-pagination {
position: unset;
margin-top: 10px;
}



/*job-opening */
.job-opening .container {
max-width: 1220px;
text-align: center;
}
.job-opening .nav-tabs {
justify-content: center;
border: 1px solid #E7E8EC;
display: inline-flex;
margin-bottom: 60px;
padding: 8px;
background: #F6F6F8;
border-radius: 10px;
gap: 10px;
}
.job-opening .nav-link {
font-weight: 600 !important;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.16px;
vertical-align: middle;
color: #000 !important;
padding: 10px 20px;
font-family: 'General Sans';
border-radius: 10px;
border: 1px solid transparent;
transition: all 0.3s;
}
.job-opening .nav-link.active, .job-opening .nav-link:hover {
background-color: #ffffff;
box-shadow: 0px 6px 13px 0px #A7C5CB63;
border-color: #E7E8EC !important;
}
.job-card {
border: 1px solid #eee;
border-left: 5px solid orange;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1rem;
}
.apply-btn {
float: right;
border-radius: 50px;
font-weight: bold;
}
.job-card {
border: 1px solid #E7E8EC;
border-left: 7px solid orange;
border-radius: 15px;
padding: 45px;
margin-bottom: 20px;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.job-card-details {
display: flex;
gap: 70px;
margin-top: 22px;
}
.job-card-details p {
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #000;
display: flex;
align-items: center;
}
.job-card-details img {
margin-right: 8px;
}
.job-card-inner h5 {
font-weight: 600;
font-size: 28px;
line-height: 32px;
}

/*=====================policy page==========================*/
.policy-hero-inner {
padding: 80px 15px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.policy-hero{
padding-bottom: 0 !important;
}
.table-of-content-inner .toc {
padding: 0;
list-style: none;
max-width: 410px;
width: 100%;
position: sticky;
top: 110px;
margin: 0;
counter-reset: section;
/* max-height: calc(100vh - 140px);
overflow-y: auto;
height: 100vh; */
}
.table-of-content-inner .content {
flex: 1;
}
.table-of-content-inner {
display: flex;
align-items: flex-start;
gap: 30px;
}
.table-of-content-inner .toc a {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-decoration: none;
  color: #5B5B5B;
  transition: all 0.3s;
  display: flex;
  font-family: 'General Sans' !important;
}
.table-of-content-inner .toc li {
margin-bottom: 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    color: #5b5b5b;
    transition: all .3s;
    display: flex;
}
.table-of-content-inner .toc a::before {
counter-increment: section;
content: counters(section,".") ".";
margin-right: 5px;
}
.table-of-content-inner .toc a.active, .table-of-content-inner .toc a:hover {
font-weight: 600;
color: #000; 
}
.table-of-content-inner .title {
font-size: 30px;
line-height: 100%;
margin: 40px 0 28px;
}
.table-of-content-inner div:first-child .title:first-child{
margin-top: 0;
}
.table-of-content-inner .content {
font-size: 18px;
line-height: 1.9;
}
.table-of-content-inner .content li {
list-style: none;
position: relative;
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 15px;
}
.table-of-content-inner .content li:before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 600;
background: #FE8A02;
width: 25px;
min-width: 25px;
height: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
}
.table-of-content-inner .content ul {
padding: 0;
margin: 0;
}
.table-of-content-inner .content a {
color: #FC8A03;
text-underline-offset: 6px;
}
.table-of-content-inner .content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.9;
  color: #000;
}

.table-of-content-inner .content > div, div#all-services-main, #company-product {
scroll-margin-top: 110px;
}
.table-of-content-inner .toc li:last-child {
margin-bottom: 0;
}
body .policy-page-update {
color: #FE8A02;
}
.term-condition-info {
margin: 60px 0 0;
font-size: 18px;
line-height: 34px;
}

/*=====================product-page=========================*/
.product-case-studies a {
text-decoration: none;
/* cursor: none; */
}
#custom-cursor {
position: fixed;
width: 100px;
height: 100px;
background: url('../images/view-cursor.svg') no-repeat center center;
background-size: contain;
pointer-events: none;
z-index: 9;
transition: transform 0.5s ease;
transform: translate(-50%, -50%) scale(0);
display: none !important;
}

.product-case-studies h5 {
color: #000;
font-weight: 600;
font-size: 22px;
margin-bottom: 5px;
display: flex;
align-items: center;
gap:8px;
}
.product-case-studies h5 i {
font-size: 16px;
}
.product-case-studies h5 i::before {
font-weight: 600 !important;
}
.product-case-studies p {
color: #000;
font-size: 18px;
margin-top: 3px;
margin-bottom: 0;
opacity: 0.8;
}
.case-img-inner img {
width: 100%;
}
.product-case-studies {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.product-case-studies .item {
width: 47%;
margin-top: 80px;
}
.products-case-study-outer .section-header {
width: 50%;
margin-bottom: 0;
}
.product-case-text {
margin-top: 24px;
}
.prod-case-img {
position: relative;
padding-bottom: 100%;
overflow: hidden;
transition: all 0.4s;
}
.product-case-studies .item:nth-child(2n) {
transform: translateY(-130px);
}
.case-img-inner {
transition: all 0.4s;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.case-img-inner img{
transition: all 0.4s;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.product-case-studies a:hover .prod-case-img {
transform: scale(0.95);
}
.product-case-studies a:hover .case-img-inner{
transform: scale(1.05);
}

/*=====================GetFree Quote popup start ========================*/
.get-qoute-popup .modal-dialog {
max-width: 1245px;
width: 100%;
}
.get-qoute-popup .modal-content {
padding: 25px;
background: #fff;
box-shadow: 0px 4px 54px 0px #00000014;
border-radius: 20px;
border: none;
}
.get-qoute-popup .btn-close {
background: #605c57;
width: 38px;
height: 38px;
border-radius: 50%;
opacity: 1;
position: absolute;
top: 8px;
right: 8px;
z-index: 99;
color: #fff;
font-size: 32px;
line-height: 32px;
box-shadow: none;
outline: none;
padding: 0;
}
.quote-left-content {
z-index: 1;
background: url('../images/get-quote-pop-img.jpg') center/cover no-repeat;
color: #fff;
padding: 30px;
position: relative;
height: 100%;
border-radius: 20px;
overflow: hidden;
justify-content: center !important;
gap: 50px;
}
.quote-left-content::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.58);
z-index: -1;
}

/* DO NOT USE THIS CSS */
.quote-box {
/* background: rgba(255, 255, 255, 0.19);
backdrop-filter: blur(6px);
border-radius: 20px;
padding: 10px;
text-align: center;
height: 145px; */
/* display: flex;
align-items: center;
flex-direction: column;
justify-content: center; */
}
/* DO NOT USE THIS CSS */
.quote-box h3 {
margin: 0;
font-size: 1.5rem;
}

.quote-right {
background: linear-gradient(137.7deg, #FC8A03 2.46%, #E76D2C 98.13%);
padding:30px 20px;
color: #fff;
position: relative;
border-radius: 20px;
overflow: hidden;
z-index: 1;
}
.quote-right h2 {
font-weight: 600;
}
.quote-right label {
margin-bottom: 6px;
font-size: 15px;
font-weight: 500;
line-height: 100%;
}
.form-control {
border: none;
box-shadow: none;
outline: none;
border-radius: 50px;
height: 50px;
margin-bottom: 20px;
}
.quote-right textarea.form-control {
height: 120px;
border-radius: 20px;
}
.quote-right button.btn.bstyle-2 {
box-shadow: 0px 4px 14px 0px #0000001F;
width: 100%;
justify-content: center;
height: 46px;
}
.quote-right button.btn.bstyle-2 .icon {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
position: absolute;
right: 8px;
}
.quote-right:before {
position: absolute;
content: '';
background: #FE961C;
width:650px;
height: 650px;
border-radius: 50%;
top: -3rem;
left: 5rem;
z-index: -1;
}
.quote-right:after {
position: absolute;
content: '';
background: #FF9E2B;
width: 580px;
height: 580px;
border-radius: 50%;
top: -5rem;
left: 5rem;
z-index: -1;
}
.close-icon {
position: absolute;
top: 15px;
right: 15px;
font-size: 1.5rem;
cursor: pointer;
}
.get-qoute-popup {
padding: 30px;
}
.form-curve-shape {
position: absolute;
right: -1px;
top: -1px;
z-index: 1;
}
.quote-left-content p {
font-size: 17px;
line-height: 28px;
opacity: 0.7;
}

.quote-box h3 {
font-size: 40px;
font-weight: 600;
line-height: 100%;
}
.popup-first-shape {
width: 101%;
height: auto;
}
.quote-popup-number .col-5 {
width: 39%;
}
.quote-popup-number .col-2 {
width: 22%;
}
.popup-star {
position: absolute;
right: 15px;
width: 50px;
opacity: 0.4;
top: 20px;
}
.quote-right button.btn.bstyle-2::before, .get-consultaion-right .btn.bstyle-2:before{
background: #000;
}
.quote-right button.btn.bstyle-2:hover, .get-consultaion-right .btn.bstyle-2:hover{
border-color: #000;
}
.get-qoute-popup.show {
display: block;
}
.get-consultaion-right .form-field:has(.btn.bstyle-2) {
text-align: right;
}
.consultation-review-slider {
overflow: hidden;
margin-top: 30px;
}
.get-qoute-popup iframe {
border-radius: 20px;
width: 100%;
}




/*=====================Get A Consultation Start ========================*/
.get-consultaion-right {
position: relative;
border-radius: 20px;
overflow: hidden;
z-index: 1;
}
.get-consultaion-right .form-curve-shape {
width: 155px;
right: -14px;
top: -8px;
display: none;
}
.get-consultaion-right .form-control {
border-radius: 10px !important;
}
.get-consultaion-right label {
font-size: 16px;
padding: 3px 0;
}
.get-consultaion-right h2 {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  margin-bottom: 20px !important;
  color: #fff;
  font-size: 24px;
}
.get-consultaion-right .btn.bstyle-2 {
width: auto;
}
.get-consultaion-right:before {
position: absolute;
content: '';
background: #FE961CE5;
width: 530px;
height: 530px;
border-radius: 50%;
z-index: -1;
left: 20px;
bottom: 20px;
display: none;
}
.get-consultaion-right:after {
position: absolute;
content: '';
background: #FF9E2B;
width: 430px;
height: 430px;
border-radius: 50%;
z-index: -1;
left: 20px;
top: 55%;
transform: translateY(-50%);
display: none;
}
.get-consultaion-right iframe {
border-radius: 20px;
width: 100%;
}
.wform-btn-wrap {
margin-top: 20px;
}
.get-consultaion-hero {
box-shadow: none;
}
.cta-content .subheading a {
color: #f57c00 !important;
}
.ideas-impact .description {
font-size: 15px;
}

/*=====================Payment page Start ========================*/
.payment-metheds {
margin-bottom: 120px;
}
.payment-metheds .container {
max-width: 1230px;
}
.payment-methed-card {
box-shadow: 4px 5px 21px 0px #00000021;
background: #FE8A0214;
border: 1px solid #FE8A02;
border-width: 1px 1px 1px 11px;
border-radius: 20px;
margin-bottom: 55px;
overflow: hidden;
}
.payment-methed-body {
padding: 42px;
}
.payment-methed-head {
background: #FE8A02;
padding: 22px 42px;
}
.payment-title {
display: flex;
align-items: center;
gap: 20px;
margin: 0;
font-weight: 600;
font-size: 24px;
line-height: 100%;
color: #fff;
}
.company-address {
border: 1px dashed #FE8A02;
background: #fff;
padding: 24px;
border-radius: 20px;
box-shadow: 4px 5px 17px 0px #0000000D;
margin-top: 30px;
}
.company-address h4 {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 10px;
font-weight: 600;
font-size: 24px;
line-height: 100%;
}
.company-address h4 i {
color: #FE8A02;
}
.payment-methed-body p {
font-weight: 600;
font-size: 24px;
line-height: 100%;
margin: 0 0 8px;
color: #000;
}
.company-address p {
margin: 0;
font-size: 18px;
font-weight: 400;
color: #000;
}
.payment-methed-body .cheque-company-name {
color: #FE8A02;
}
.bank-payment.payment-methed-card {
border-color: #6366F1;
background: #6366F114;
}
.bank-payment .payment-methed-head {
background: #6366F1;
}
.bank-payment .row {
row-gap: 30px;
}
.payment-methed-head .nav-pills {
padding-left: 50px;
margin-top: 5px;
}
.payment-methed-head .nav-link {
font-weight: 600;
font-size: 18px;
line-height: 100%;
background: #fff;
color: #000000;
border-radius: 50px;
padding: 5px 20px;
margin-right: 14px;
}
.payment-methed-head .nav-link.active {
background: #FE8A02;
}
.payment-methed-head .nav-item:last-child .nav-link {
margin: 0;
}
.menu-drawer-footer {
display: none;
}
.mega-menu-icon{
display: none;
}
.featured-industries-boxes .feature-wrap-1 .icon img {
height: auto;
}


/*=====================Whatsapp Sticky ========================*/
.whatapp-sticky {
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 2;
right: 0;
}
.whatapp-sticky a {
width: 140px;
height: 55px;
background: #D9D9D9;
border-radius: 50px 0 0 50px;
display: flex;
align-items: center;
text-align: center;
transition: all 0.3s;
text-decoration: none;
gap: 6px;
padding-left: 15px;
}
.whatsapp-stikcy-text {
width: 100%;
display: block;
font-weight: 500;
font-size: 13px;
color: #000;
font-family: 'General Sans';
transition: all 0.3s;
}
.whatsapp-stikcy-text.whatsapp-text {
letter-spacing: 0.5px;
font-weight: 600;
}
.whatapp-sticky a:hover {
background: #000;
}
.whatapp-sticky a:hover .whatsapp-stikcy-text {
color: #fff;
}
.whatapp-sticky img {
width: 34px;
}
/*===================== trusted-by ========================*/
.trusted-by-left p:last-child {
margin-bottom: 0;
}
.trusted-by-left .title {
margin-bottom: 25px;
}
.trusted-by-right {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.trusted-by-icon {
width: calc(37% - 15px);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
box-shadow: 0px 0px 30px 0px #0000000F;
height: 160px;
border: 1px solid #E0E0E0;
background: #F2F1F8;
padding: 15px;
border-radius: 24px;
}
.trusted-by-icon h3{
font-size: 20px;
margin-top: 20px;
}
.trusted-by-icon img{
mix-blend-mode: darken;
}
.trusted-by-icon.last-icon img{
width: 120px;
}
.trusted-by-left strong {
opacity: 0.7;
}
.trusted-by .col-md-7 {
width: 53%;
}
.our-partner .trusted-by-icon img{
width: 50px;
}
.our-partner .trusted-by-icon {
width: 22%;
}
.our-partner .trusted-by-right {
gap: 30px 0;
max-width: 950px;
margin: auto;
}

/*===================== trusted-by-companys ========================*/
.trusted-by-companies-icons {
display: flex;
flex-wrap: wrap;
}
.company-trust-icon {
width: 20%;
}
.company-trust-icon {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
border-left: 1px solid #AEAEAE;
}
.company-trust-icon:first-child, .company-trust-icon:nth-child(6){
border-left:0;
}
.company-trust-icon:nth-child(-n+5){
border-bottom: 1px solid #AEAEAE;
}
.project-card .icon img {
height: 34px;
width: 34px;
object-fit: contain;
}

/*-----------resources menu add --------------*/
.dropdown-menu.no-megamnu .menu-left {
width: 100% !important;
background: transparent;
border-radius: 0 !important;
padding: 10px;
}
.dropdown-menu.mega-menu.no-megamnu {
min-width: 230px;
}
.no-megamnu .menu-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
.no-megamnu .menu-icon img {
height: 20px;
}
.no-megamnu  .menu-left .menu-item:not(:last-child) {
margin-bottom: 12px;
}

/*=====================storefront-development-replatforming page Start ========================*/
.ecommerce-hero{
background-image: url(../images/storefront-hero-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.ecommerce-hero .btn.bstyle-2 {
background: #FFFFFF;
}
.service-overview-wrap {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
position: relative;
display: flex;
gap: 15px;
align-items: flex-start;
height: 100%;
}
.service-overview-wrap .service-title {
font-weight: 500;
margin: 0px 0 20px;
font-size: 24px;
}
.service-overview-wrap .description {
font-size: 18px;
color: #000000;
}
.service-overview .row {
gap: 40px;
counter-reset: section;
}
.service-overview .col-lg-4 {
width: calc(33.3% - 27px);
}
.service-overview-wrap:before {
counter-increment: section;
content: "0" counter(section);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #DDDDDD;
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 20px;
color: #000;
font-weight: 500;
}
.service-overview-wrap .service-wrap-2-content {
flex: 1;
}
.storefront-faq {
background: #F9FAFB;
}
.storefront-faq .main-faq {
padding-left: 40px;
}
.storefront-faq .accordion-button {
background: #FFFFFFF5 !important;
font-size: 20px;
line-height: 26px;
}
.storefront-faq .cstm-accordian {
background: transparent !important;
}
.storefront-faq .hiring-accordion {
overflow: visible !important;
}
body .storefront-faq .accordion-body {
background: #ffff !important;
border-top: 1px solid #e0e0e185;
}
.storefront-faq .accordion-item {
box-shadow: 4px 5px 17px 0px #00000014;
border-radius: 8px;
overflow: hidden;
}
.zero-downtime-item {
box-shadow: 0px 0px 25px 0px #0000001C;
background: #fff;
padding: 25px;
border-radius: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 6rem;
transition: var(--transition);
height: 100%;
}
.zero-downtime-item span {
background: #FFEDD5;
width: 75px;
height: 75px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
}
body .zero-downtime-item h3 {
font-size: 22px;
margin-top: 0;
margin-bottom: 10px;
}
.zero-downtime-item p {
font-size: 18px;
margin: 0;
}
.zero-downtime-item:hover {
background: #FE8A02;
color: #fff;
}
.zero-downtime-item:hover span {
background: #fff;
}
.platform-expertise-item {
color: #1F2937;
font-size: 18px;
font-weight: 700;
display: flex;
align-items: center;
gap: 14px;
line-height: 135%;
box-shadow: 0px 10px 15px -3px #0000001A;
border: 1px solid #F3F4F6;
padding: 25px;
border-radius: 16px;
background: #fff;
transition: var(--transition);
position: relative;
}
.platform-expertise-icon {
background: linear-gradient(135deg, #FFEDD5 0%, #FED7AA 100%);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
}
.platform-expertise-item p {
flex: 1;
margin: 0;
}
.platform-expertise-item:not(:last-child) {
margin-bottom: 30px;
}
.platform-expertise-phone {
margin-bottom: -2rem;
}
.platform-expertise-item:after {
width: 45px;
height: 1px;
content: '';
background: linear-gradient(90deg, #FDBA74 0%, #F97316 100%);
position: absolute;
left: calc(100% + 15px);
opacity: 0.6;
}
.right-side-expertise .platform-expertise-item:after {
left: inherit;
right: calc(100% + 15px);
background: linear-gradient(270deg, #FDBA74 0%, #F97316 100%);
}
.hero-banner-highligt-heading {
font-weight: 700;
font-size: 22px;
background: #FE8A02;
border-radius: 50px;
padding: 8px 30px;
color: #fff;
line-height: inherit;
display: inline-block;
}
.storefront-hero .core-features-left {
padding-left: 4rem;
}

/*=====================build-grow-scale page Start ========================*/
.build-grow-scale-faq {
background: transparent;
}
.core-problam-list li {
box-shadow: 10px 30px 50px 0px #FE8A0205;
display: flex;
align-items: flex-start;
gap: 12px;
border: 1px solid #F0F0F0;
padding: 25px 17px;
border-radius: 14px;
margin-top: 18px;
background: #fff;
}
.core-problam-list-content h3 {
font-size: 24px;
margin-bottom: 5px;
}
.core-problam-list-content p {
margin-bottom: 6px;
color: #000000;
display: flex;
gap: 6px;
align-items: center;
font-size: 15px;
}
.core-problam-list-content p:last-child {
margin: 0;
}
.core-problam-list-content .bi-exclamation-triangle-fill {
color: #FF0000;
}
.core-problam-list-content .bi-check2-circle {
color: #009227;
}
.core-problam-list {
padding: 0;
margin: 80px 60px 0 0;
}
.core-pain-vector {
position: absolute;
right: -20px;
z-index: -1;
}
.core-problam-right {
position: relative;
z-index: 1;
}















/*-----------Responsive--------------*/
@media (min-width: 2000px) {
.whatapp-sticky a {
width: 160px;
height: 65px;
}
.whatsapp-stikcy-text {
font-size: 16px;
}
.whatapp-sticky img {
width: 38px;
}
}

@media (min-width: 1441px) {
.inner-header .menu-left {
width: 32%;
}
.inner-header .menu-right {
width: 68%;
padding: 40px 25px 40px 25px;
}
.inner-header div#submenu-image {
max-width: 500px;
}
header.inner-header.sticky div#submenu-image {
max-width: 580px;
}
.ecommerce-hero .core-features-curve.author-img {
width: 230px;
height: 230px;
}
.no-megamnu .menu-left .menu-item a {
font-size: 16px;
}
}


@media (min-width: 1250px) {
.container {
max-width: 1520px;

}

}

@media (min-width: 1701px) {
.ai-emerging .img-box-2-shape img {
width: 170px;
}
.ai-emerging .img-box-2-shape {
top: 17%;
}
.why-webgarh-left .spinner-shape img {
width: 160px;
}
.why-webgarh-left .img-box-2-shape {
top: -69px;
}

}


@media (min-width: 768px) {
.ai-emerging .img-wrapper-four  .col-md-5 {
width: 40%;
}
.ai-emerging .img-wrapper-four .col-md-7 {
width: 60%;
}

}

@media (min-width: 1441px) and (max-width:1600px){
.inner-header .submenu-links a {
font-size: 16px;
}
.inner-header .menu-left .menu-item a {
font-size: 18px;
}
header.inner-header.sticky div#submenu-image {
max-width: 500px;
}
}


@media (max-width: 1600px) {
.hero-section .slide-content h1 {
font-size: 56px;
}
.ai-emerging .col-xl-5 {
width: 48%;
}
.title {
font-size: 44px;
line-height: 54px;
}
.text-wrapper-four p, .subheading, .hero-section .slide-content p, .title-one p {
font-size: 20px;
line-height: 34px
}
header ul.navbar-nav a.nav-link {
font-size: 18px;
padding: 12px 0 !important;
}
.navbar-brand img {
width: 100%;
}
.navbar-brand {
max-width: 200px;
}
.get-cunsultation {
font-size: 16px;
padding: 18px 25px;
}
header ul.navbar-nav {
gap: 25px;
}
.ecommerce-services .section-subtitle {
padding-left: 2rem;
}
.why-webgarh-list h4 {
line-height: 30px;
font-size: 22px;
}
.cta-section-content {
padding: 50px;
}
.featured-industries-boxes:before {
width: 650px;
height: 650px;
}
.user-list-2:hover li:not(:last-child) {
margin-right: 25px;
}
.hero-section .slide-content p {
margin: 20px auto 40px;
}
.hero-section .slide-content {
max-width: 990px;
}
.why-webgarh-list p {
font-size: 16px;
line-height: 28px;
}
.counter-wrap-4 {
width: 260px;
height: 200px;
}
.why-webgarh-counter {
gap: 70px;
}
.service-wrap-4 .icon {
width: 100px;
height: 100px;
line-height: 100px;
}
.service-wrap-4 {
padding: 35px;
}
.feature-wrap-1 p {
font-size: 16px;
line-height: 28px;
}
div#submenu-image {
max-width: 50%;
}
.menu-left .menu-item a {
gap: 5px;
}
.menu-icon img {
height: 28px;
}
.menu-icon {
width: 45px;
height: 45px;
min-width: 45px;
}
.menu-left {
padding: 30px 20px;
width: 30%;
}
.menu-right {
padding: 20px;
}
.menu-left h3, .submenu-title {
margin-bottom: 30px;
}
.project-card .description {
font-size: 14px;
}
.side-submenu-right {
max-width: 410px;
}
.submenu-links a {
font-size: 16px;
}
.project-card:not(:last-child) {
margin-bottom: 15px;
}
.project-card .btn-primary {
padding: 8px 18px;
}
.project-card {
padding: 15px 20px;
}
.side-submenu {
padding: 30px 20px;
}
.portfolio-thumb .icon-link img, .spinner-shape img {
width: 140px;
}
.ai-emerging .img-box-2-shape {
left: 25%;
top: 20%;
}
.img-box-2-shape {
top: -58px;
}
.case-section {
gap: 80px;
}
.case-image {
max-width: 600px;
}
.ecommerce-featured {
overflow: hidden;
}
.menu-left .menu-item {
gap: 5px;
}
.menu-item i {
font-size: 18px;
}
header .dropdown-menu.single-dropdown a.nav-link {
font-size: 16px !important;
}
.inner-header .menu-left .menu-item a {
font-size: 16px;
}
.imagine-list p {
font-size: 16px;
line-height: 26px;
}
.why-webgarh-left .img-box-2-shape {
top: -59px;
}
}


@media (max-width: 1440px) {
.core-features-list li {
font-size: 16px;
line-height: 110%;
gap: 10px;
}
.core-features-list span {
width: 36px;
height: 36px;
min-width: 36px;
}
.core-features-list svg {
height: 20px;
width: 22px;
}
.core-features-list {
gap: 15px;
}
.side-result .real-result-content .title {
font-size: 38px;
}
.side-result .real-result-info-content p {
font-size: 16px;
}
.side-result .real-result-content {
padding: 50px 30px 50px 30px;
}
.side-result .result-mobile-showcase {
max-width: 320px;
}
.side-result .section-header .title {
font-size: 46px;
line-height: 56px;
}
.featured-industries .col-xl-5 {
width: 46%;
}
.feature-wrap-1 .feature-title {
font-size: 22px;
line-height: 32px;
}
.ai-emerging .col-lg-5 {
width: 49%;
}
.portfolio-wrap h3.pf-title {
font-size: 18px;
}
.portfolio-wrap .pf-tag {
font-size: 14px;
line-height: 24px;
}
.col-lg-4.company-info {
margin-right: 2%;
width: 31%;
}
.col-lg-2.how-to-reach {
width: 25%;
}
header .dropdown .dropdown-menu.mega-menu {
max-width: calc(100% - 80px) !important;
}
.problam-quote-star {
right: 20px;
bottom: 8px;
width: 35px;
}
}

@media (max-width: 1366px) {
.hero-section .swiper-slide {
padding: 170px 0 100px;
}
.inner-wrapper {
right: 20px;
padding: 12px 20px;
}
header ul.navbar-nav a.nav-link {
font-size: 16px;
}
.get-cunsultation {
font-size: 15px;
padding: 16px 20px;
}
.navbar-brand {
max-width: 175px;
}
header .dropdown-cstm-menu::after {
font-size: 13px;
}
.why-webgarh-list h4 {
font-size: 20px;
}
.featured-industries-boxes:before {
width: 550px;
height: 550px;
right: 60px;
}
.feature-wrap-1 {
padding: 22px;
gap: 10px;
}
.feature-wrap-1 .feature-title {
font-size: 20px;
line-height: 30px;
}
.feature-wrap-1 .icon {
width: 60px;
height: 60px;
line-height: 60px;
}
.feature-wrap-1 .icon img {
height: 30px;
object-fit: contain;
}
.btn.bstyle-2 {
gap: 18px;
font-size: 16px;
}
.text-wrapper-four p, .subheading, .hero-section .slide-content p, .title-one p {
font-size: 18px;
line-height: 34px;
}
.cta-content h2 {
font-size: 40px;
line-height: 50px;
}
.col-lg-4.company-info {
width: 32%;
margin-right: 3%;
}
.subscribe-ftr {
width: 31%;
}
.title {
font-size: 40px;
line-height: 50px;
}
.featured-industries .sub-title {
font-size: 16px;
}
.user-list-2 img {
width: 60px;
}
.user-list-2 .number {
width: 60px;
height: 60px;
}
.inner-wrapper .counter-title {
font-size: 15px;
}
.inner-wrapper .number {
margin-bottom: 2px;
}
.menu-left .menu-item a {
font-size: 18px;
}
header .dropdown-menu.single-dropdown a.nav-link {
font-size: 16px !important;
}
.featured-industries-boxes{
padding-left: 0px;
}
.inner-header .get-cunsultation {
font-size: 14px;
}
.inner-header ul.navbar-nav a.nav-link, .inner-header .menu-left .menu-item a {
font-size: 16px;
}
.inner-header .navbar-expand-lg {
padding: 8px 15px;
padding-right: 10px;
}
.cstm-accordian .accordion-button{
font-size: 20px;
line-height: 27px;
padding: 16px 0;
}
.cstm-accordian .accordion-button::before {
font-size: 20px;
margin-right: 8px;
}
.cstm-accordian .accordion-item {
padding-left: 42px;
}
.cstm-accordian {
margin-top: 35px;
}
.ecommerce-approch .service-title {
font-size: 20px;
}
.ecommerce-approch .icon {
width: 80px;
height: 80px;
line-height: 80px;
margin: -50px auto 15px;
}
.service-wrap-4 .icon img {
height: 40px;
}
.ecommerce-approch .service-wrap-4 .description {
font-size: 15px;
line-height: 180%;
}
.cstm-accordian .accordion-body {
font-size: 16px;
}
.retail-challenges-list .text-wrapper-four h2 {
font-size: 34px;
}
.retail-challenges-list .text-wrapper-four {
padding: 30px;
}
.service-wrap-2 {
padding: 30px;
gap: 20px;
}
.service-wrap-2 .icon{
width: 80px;
height: 80px;
min-width: 80px;
}
.service-wrap-2-content .service-title {
font-size: 20px;
margin: 0px 0 10px;
}
.service-wrap-2-content .description {
font-size: 16px;
}
.growth-wrap-4 .description {
font-size: 14px;
line-height: 22px;
}
.growth-wrap-4 .icon {
width: 80px;
height: 80px;
font-size: 34px;
line-height: 20px;
}
.growth-wrap-4 .service-title {
font-size: 18px;
}
.ecommerce-quick-overview .title-one p {
font-size: 18px;
line-height: 30px;
}
.growth-wrap-4 .icon:before {
border-top: 80px solid #ff9c08d4;
border-left: 80px solid #00000000;
}
.case-image {
max-width: 500px;
}
.case-list h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 10px;
}
.case-list .case:not(:last-child) {
margin-bottom: 40px;
}
.ecommerce-hero .title {
font-size: 46px;
line-height: 56px;
}
.inner-page-hero-banner .swiper-slide {
padding: 205px 0 105px;
}
.cloud-timeline .col-lg-5 {
width: 48%;
}
.about-hero .section-header {
margin-bottom: 60px;
}
.ecommerce-hero.about-hero .title {
font-size: 50px;
line-height: 60px;
}
.founder-short-info {
font-size: 18px;
line-height: 28px;
padding-left: 14px;
}
.webgarh-founder-signature {
max-width: 170px;
margin-top: 30px;
}
.team-member-details {
padding: 15px;
}
.expertise_name {
padding: 15px;
padding-top: 5rem;
}
.expertise_name h3, .expertise_card-content h3 {
font-size: 20px;
}
.expertise_name h4, .expertise_card-content h4 {
font-size: 16px;
}
.expertise_card-content p {
margin: 25px 0 0;
font-size: 14px;
}
.contact_link {
width: 34px;
height: 34px;
line-height: 34px;
margin-right: 5px;
font-size: 16px;
}
.thumbnail-slider .thumb-wrapper {
height: 100px;
}
.about-join-us .timeline-steps .step {
margin-bottom: 40px;
}
.policy-hero-inner {
padding: 50px 15px;
}
.table-of-content-inner .toc {
  font-size: 16px;
max-width: 380px;
}
.table-of-content-inner .toc li {
margin-bottom: 25px;
}
.table-of-content-inner .toc a {
font-size: 18px;
line-height: 20px;
}
.table-of-content-inner .title {
font-size: 26px;
}
.imagine-list p {
font-size: 16px;
line-height: 26px;
}
.imagine-list h3 {
font-size: 18px;
line-height: 28px;
}
.imagine-list li {
padding: 14px 16px;
}
.btn.bstyle-2 .icon {
font-size: 18px;
width: 38px;
height: 38px;
line-height: 38px;
}
.portfolio-wrap {
border-radius: 20px;
}
.submenu-links a {
font-size: 15px;
}
.homepage-hero-strip .row {
gap: 10px;
}
.hero-section .slide-content h4 {
font-size: 18px;
margin-bottom: 20px;
}
.blog-title a {
font-size: 18px;
line-height: 28px;
}
.why-webgarh .img-box-1 {
margin-left: 33%;
margin-bottom: 8%;
}
.service-wrap-3 .description {
font-size: 16px;
line-height: 28px;
margin: 16px 0;
}
.ai-emerging-icons {
margin-top: 30px;
gap: 35px;
}
.text-wrapper-four .btn {
margin-top: 30px;
}
.menu-left .menu-item a {
font-size: 17px;
}
.platform-expertise-item {
font-size: 16px;
padding: 22px;
}
.zero-downtime-item p {
font-size: 16px;
}
.blog-description {
font-size: 16px;
line-height: 30px;
min-height: 88px;
}
}

@media (max-width: 1280px) {
header ul.navbar-nav {
gap: 20px;
}
.theme-banner-trigger .sticker-2 img {
width: 100%;
}
.theme-banner-trigger {
width: 160px;
height: 160px;
bottom: -60px;
}
.theme-banner-trigger .arrow-icon {
width: 25px !important;
}
.service-wrap-4 {
padding: 30px;
}
.service-wrap-3 {
padding: 20px;
}
.why-webgarh-list li::before {
font-size: 16px;
left: 15px;
width: 34px;
height: 34px;
}
.why-webgarh-list li {
padding: 15px 14px;
margin-bottom: 15px;
padding-left: 65px;
}
.why-webgarh-list h4 {
font-size: 18px;
}
.company-info p {
font-size: 14px;
}
.marquee_group, .marquee {
gap: 15px;
}
.text-wrapper-four p, .subheading, .hero-section .slide-content p, .title-one p, .feature-wrap-1 p, .service-wrap-4 .description,
.service-wrap-3 .description {
font-size: 16px;
line-height: 26px;
}
.title {
font-size: 36px;
line-height: 45px;
}
.service-wrap-4 .icon {
width: 80px;
height: 80px;
line-height: 80px;
}
.service-wrap-4 .icon img {
height: 44px;
}
.ptb-120 {
padding-block: 80px;
}
.mtb-120 {
margin-block: 80px;
}
.mb-120{
margin-bottom: 80px;
}
.service-title {
font-size: 24px;
}
.hero-section .slide-counter {
left: 20px;
bottom: 20px;
font-size: 16px;
}
.hero-section #current-slide {
font-size: 34px;
}
.inner-wrapper {
bottom: 20px;
}
.btn-primary {
padding: 18px 20px;
font-size: 16px;
}
.service-wrap-3 a {
font-size: 15px;
}
.section-header {
margin-bottom: 40px;
}
.subscribe-ftr .footer-column {
padding: 20px;
}
.pt-180 {
padding-top: 130px;
}
.ecommerce-hero .col-lg-6:first-child {
width: 52%;
}
.core-features-curve img.shape-2 {
width: 100px;
height: 100px;
}
.core-features-curve.author-img {
width: 200px;
height: 200px;
}
.ecommerce-approch .service-wrap-4 .description {
font-size: 14px;
}
.core-features .col-lg-6 {
width: 54%;
}
.core-features .col-lg-5 {
width: 45%;
}
.ecommerce-approch .section-header.text-center {
margin-bottom: 80px;
}
.ecommerce-approch .service-wrap-4 {
padding: 0 15px 20px;
}
.core-features-list li {
font-size: 15px;
line-height: 115%;
}
.real-result-content .title {
font-size: 42px;
margin: 12px 0 30px;
}
.real-project-list {
padding-right: 20px;
}
.real-result-content {
padding: 70px 30px 70px 30px;
}
.ecommerce-featured .row-cols-md-2>* {
width: 50%;
}
.ecommerce-featured .feature-wrap-1:not(:last-child) {
margin-bottom: 24px;
}
.feature-wrap-1 .feature-title {
font-size: 16px;
line-height: 22px;
}
.feature-wrap-1 {
padding: 18px;
gap: 10px;
}
.quick-overview {
padding: 30px 0 80px;
}
.side-result .section-header .title {
font-size: 42px;
line-height: 50px;
max-width: 100% !important;
}
.side-result .real-result-content {
padding: 50px 15px 50px 20px;
}
.side-result .result-mobile-showcase {
max-width: 280px;
}
.side-result .real-result-content .title {
font-size: 30px;
}
.real-result-info-content h4 {
font-size: 20px;
}
.side-result .mobile-showcase-img {
top: 18px;
left: 18px;
right: 18px;
border-radius: 30px 30px 0 0;
}
.side-result .real-result-info-content p {
font-size: 14px;
}
.growth-steps .row > * {
width: 25%;
}
.growth-icon1 {
width: 60%;
}
.case-image {
max-width: 420px;
}
.case-section {
gap: 50px;
}
.case-list h3 {
font-size: 22px;
line-height: 30px;
}
.case-list p {
margin-bottom: 20px;
}
.how-we-implement-list-right h3 {
font-size: 20px;
margin-bottom: 10px;
color:#000;
}
.how-we-implement-list-right ul li {
font-size: 16px;
line-height: 26px;
margin-bottom: 8px;
}
.how-we-implement-list {
gap: 15px;
padding: 20px;
margin-bottom: 25px;
}
.ecommerce-hero .title {
font-size: 38px;
line-height: 48px;
}
.core-features-list {
margin-top: 30px;
}
.timeline-steps .step {
margin-bottom: 50px;
padding: 25px;
}
.step-heading {
font-size: 20px;
}
.step-subheading {
margin: 10px 0 10px;
font-size: 16px;
}
.step-small-text {
font-size: 14px;
}
.timeline-steps .progress-bar {
height: calc(100% + 80px);
}
.problam-facing-list li {
padding: 15px;
margin-bottom: 15px;
gap: 10px;
}
.problam-facing-list-content h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}
.real-result .section-header h2.title {
max-width: 70%;
}
.thumb-progress {
height: 3px;
}
.menu-left .menu-item a {
font-size: 18px;
}
.submenu-links a {
font-size: 14px;
}
.menu-icon, .inner-header .menu-icon {
width: 38px;
height: 38px;
min-width: 38px;
}
.menu-item i {
font-size: 18px;
}
.menu-icon img, .inner-header .menu-icon img{
height: 24px;
}
.menu-left h3, .submenu-title {
margin-bottom: 15px;
font-size: 16px;
}
.inner-header ul.navbar-nav a.nav-link, .inner-header .menu-left .menu-item a {
font-size: 15px;
}
.table-of-content-inner .toc {
max-width: 340px;
}
.table-of-content-inner .content {
font-size: 16px;
line-height: 30px;
}
.product-case-studies .item {
width: 48%;
margin-top: 40px;
}
.imagine-list h3 {
font-size: 18px;
line-height: 26px;
}
.payment-metheds {
margin-bottom: 80px;
}
.portfolio-wrap h3.pf-title {
font-size: 20px;
}
.review-content {
font-size: 14px;
}
.review-card {
padding: 22px;
}
.overall-review {
padding: 20px 20px;
max-width: 260px;
}
.founder-section .col-lg-6 {
width: 48%;
}
.founder-section .col-lg-6.founder-img-wrapper {
width: 44%;
}
.how-to-reach-right .text-light {
font-size: 17px;
}
.how-to-reach-list li {
gap: 12px;
}
.company-info .navbar-brand {
max-width: 170px;
}
.portfolio-name-icon {
width: 28px;
height: 28px;
margin-right: 8px;
}
.portfolio-name-icon img {
height: 14px;
}
.portfolio-wrap {
border-radius: 15px;
}
.showcase-success {
margin-bottom: -50px;
}
header {
top: 20px;
}
.hero-strip-inner .number {
font-size: 30px;
}
.hero-strip-inner {
font-size: 18px;
gap: 10px;
}
.happy-customers .number {
margin-bottom: 3px;
}
.client-say-content p {
font-size: 16px;
line-height: 25px;
margin: 20px 0 0;
}
.reviewer-info-content .reviewer-date {
font-size: 16px;
}
.reviewer-info-content .reviewer-name {
font-size: 20px;
}
.client-say-info img {
width: 60px;
}
.reviewer-rating {
margin-top: 6px;
font-size: 16px;
gap: 4px;
}
.cta-content {
max-width: 52%;
}
.why-webgarh-list p {
font-size: 14px;
line-height: 24px;
}
.why-webgarh .arrow-shape {
max-width: 120px;
}
.real-result-info-content p {
font-size: 18px;
line-height: 130%;
}
.review-date-link * {
font-size: 15px;
}
.problam-facing {
margin-top: 0px;
}
.side-submenu-right {
max-width: 350px;
}
.project-card:after {
width: 80px;
height: 80px;
right: -40px;
top: -40px;
}
.project-card .badge {
font-size: 11px;
padding: 5px 8px;
}
.project-card .icon {
border-radius: 8px;
width: 46px;
height: 46px;
}
.project-card .card-header, .project-card .actions {
gap: 8px;
}
.project-card .description, .project-card .learn-more, .project-card .trust strong {
font-size: 13px;
}
.project-card .btn-primary {
padding: 8px 12px;
font-size: 12px;
}
.project-card {
padding: 12px;
}
.project-card .icon img {
width: 100%;
}
.menu-services-icons li img {
height: 40px;
}
.ai-emerging-by-icon h3 {
margin: 8px 0 0;
font-size: 16px;
}
.ai-emerging-by-icon img {
height: 38px;
width: 38px;
}
.company-trust-icon {
padding: 30px;
}
.problam-solution p {
font-size: 20px;
}
.problam-quote-star {
right: 30px;
bottom: 10px;
width: 35px;
}
.menu-left h3, .submenu-title {
font-size: 16px;
}
.service-overview .row {
gap: 20px;
}
.service-overview .col-lg-4 {
width: calc(33.3% - 13px);
}
}

@media screen and (min-width:992px) and (max-width:1249px){
.container {
padding-inline: 20px !important;
}
header .dropdown .dropdown-menu.mega-menu {
max-width: calc(100% - 40px) !important;
}
.menu-right {
gap: 10px;
}
}


@media (max-width: 1199px) {
.hero-section .slide-content {
max-width: 850px;
}
.get-cunsultation {
font-size: 14px;
padding: 16px 16px;
}
header .navbar-expand-lg {
gap: 10px;
}
header ul.navbar-nav {
gap: 16px;
}
header ul.navbar-nav a.nav-link {
font-size: 14px;
}
.navbar-brand, .inner-header .navbar-brand {
max-width: 130px;
}
.inner-header ul.navbar-nav a.nav-link{
font-size: 15px;
}
.inner-header .get-cunsultation {
padding: 13px 16px;
}
.inner-header .menu-left .menu-item a, .menu-left .menu-item a {
font-size: 15px;
}
.inner-header .navbar-expand-lg {
padding: 6px 15px;
padding-right: 10px;
}
.submenu-links a {
font-size: 14px;
}
.menu-item i {
font-size: 16px;
}
.menu-left {
padding: 20px;
}
.menu-right {
padding: 20px;
}
.menu-left h3, .submenu-title {
margin-bottom: 25px;
font-size: 15px;
}
.project-card .description, .project-card .learn-more, .project-card .trust strong {
font-size: 12px;
}
header .dropdown-cstm-menu::after {
font-size: 10px;
margin-left: 3px;
}
header .dropdown-menu.single-dropdown a.nav-link {
font-size: 15px !important;
}
.hero-section .slide-content h1 {
font-size: 52px;
}
.user-list-2 .number {
width: 50px;
height: 50px;
font-size: 16px;
}
.user-list-2 img {
width: 50px;
}
.user-list-2 li {
margin-left: -15px;
}
.user-list-2:hover li:not(:last-child) {
margin-right: 18px;
}
.theme-banner-trigger {
width: 140px;
height: 140px;
bottom: -50px;
}
.theme-banner-trigger .arrow-icon {
width: 22px !important;
}
.inner-wrapper .counter-title {
font-size: 14px;
}
.inner-wrapper .number {
font-size: 18px;
}
.why-webgarh .main-img-2 {
height: 200px;
}
.counter-wrap-4 {
width: 220px;
height: 150px;
padding: 10px;
}
.counter-wrap-4 .number {
font-size: 50px;
}
.counter-wrap-4 .counter-title {
font-size: 16px;
}
.why-webgarh-list p {
font-size: 14px;
line-height: 26px;
}
.why-webgarh-counter {
gap: 50px;
}
.section-header.text-center, .our-approach .section-header.text-center {
max-width: 820px;
}
.portfolio-wrap h3.pf-title, .service-title {
font-size: 20px;
}
.portfolio-wrap .pf-tag {
font-size: 14px;
}
.text-wrapper-four p, .subheading, .hero-section .slide-content p, .title-one p, .feature-wrap-1 p, .service-wrap-4 .description, .service-wrap-3 .description {
font-size: 14px;
line-height: 26px;
}
.featured-industries-boxes:before {
width: 470px;
height: 470px;
right: 40px;
}
.ai-emerging .col-lg-5 {
width: 45%;
}
.ai-emerging .col-lg-6 {
width: 54%;
}
.ai-emerging img.arrow-shape {
width: 170px;
}
.portfolio-thumb .icon-link img, .spinner-shape img {
width: 120px;
}
.spinner-text {
font-size: 30px;
}
.img-box-2-shape {
top: -49px;
}
.cta-section-content {
padding: 40px;
}
.btn.bstyle-2 {
gap: 15px;
font-size: 14px;
}
.cta-content h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 15px;
}
.col-lg-4.company-info {
margin-right: 0%;
}
.subscribe-ftr {
width: 34%;
}
.subscribe-ftr .footer-column {
padding: 20px;
}
.sub-desc {
font-size: 12px;
line-height: 24px;
margin: 14px 0 0;
}
.quick-links ul li {
margin-bottom: 15px !important;
font-size: 14px;
}
footer h5 {
font-size: 16px;
}
.company-info .navbar-brand {
max-width: 170px;
}
.footer-bottom {
margin-top: 40px;
padding-block: 15px;
}
.subscribe-form input {
padding: 12px;
}
.subscribe-form button {
padding: 0 15px;
font-size: 20px;
}
footer {
padding-top: 50px;
}
.service-wrap-3, .service-wrap-4 {
padding: 25px;
}
.marquee_group {
min-width: 150%;
}
.subtitle {
font-size: 22px;
}
.text-wrapper-four .btn {
margin-top: 30px;
}
.core-features-left img {
border-radius: 50px;
}
.core-features-curve.author-img {
width: 180px;
height: 180px;
}
.cstm-accordian .accordion-body {
font-size: 14px;
}
.cstm-accordian .accordion-button {
font-size: 18px;
line-height: 25px;
}
.cstm-accordian .accordion-button::before {
font-size: 18px;
}
.result-mobile-showcase {
max-width: 380px;
}
.real-result-content .title {
font-size: 36px;
}
.retail-challenges-list .text-wrapper-four h2 {
font-size: 26px;
margin: 12px 0;
}
.retail-challenges-list .sub-title.highlight {
font-size: 14px;
}
.retail-challenges-list .text-wrapper-four p {
font-size: 14px;
line-height: 24px;
}
.retail-challenges-info-content h4 {
font-size: 16px;
}
body .retail-challenges-info-content p {
font-size: 13px;
line-height: 22px;
}
.retail-challenges-list:not(:last-child) {
margin-bottom: 50px;
}
.service-wrap-2 .icon {
width: 60px;
height: 60px;
min-width: 60px;
}
.service-wrap-2 .icon img {
height: 30px;
width: 30px;
}
.service-wrap-2 {
padding: 25px 20px;
gap: 15px;
height: 100%;
}
.service-wrap-2-content .service-title {
font-size: 18px;
}
.side-result .section-header .title {
font-size: 36px;
line-height: 40px;
}
.side-result .result-mobile-showcase{
max-width: 200px;
align-self: flex-end;
}
.side-result .real-result-content {
padding: 30px 15px 30px 20px;
}
.side-result .mobile-showcase-img {
top: 12px;
left: 12px;
right: 12px;
border-radius: 26px 26px 0 0;
}
.ecommerce-quick-overview .title-one p{
font-size: 14px;
line-height: 26px;
}
.inner-page-hero-banner .slide-content h1 {
font-size: 44px;
line-height: 50px;
}
.inner-full-header {
top: 24px;
}
.join-us-banner .cta-section-content {
padding: 60px 40px;
}
.payment-methed-body {
padding: 25px;
}
.payment-methed-body p, .company-address h4 {
font-size: 20px;
}
.payment-methed-head .nav-link {
font-size: 16px;
padding: 5px 15px;
margin-right: 10px;
}
.payment-methed-head {
padding: 16px 25px;
}
.company-address p {
font-size: 16px;
}
.payment-title {
gap: 15px;
font-size: 22px;
}
.company-address h4 {
gap: 8px;
}
.view-all-reviews {
margin-top: 24px;
}
.review-card {
padding: 15px;
}
.review-card .rating-star {
width: 15px;
height: 15px;
font-size: 8px;
}
.reviewer-name {
font-size: 14px;
}
.reviewer-info {
gap: 8px;
}
.client-site {
font-size: 12px;
}
.reviewer-info img {
width: 38px;
}
.webgarh-logo-review {
margin-bottom: 0px;
width: 100px;
}
.total-review {
margin-bottom: 10px;
margin-top: 5px;
}
.rating-star {
width: 18px;
height: 18px;
font-size: 10px;
}
.review-card-top .rating {
line-height: 0;
}
.how-to-reach-right .text-light {
font-size: 15px;
}
.reach-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
.col-lg-2.how-to-reach {
width: 28%;
}
.happy-customers .counter-title {
font-size: 14px;
}
.happy-customers .number {
font-size: 18px;
}
.happy-customers .number img {
height: 18px;
}
.happy-customers .user-list img {
width: 50px;
}
.hero-strip-inner {
font-size: 16px;
}
.hero-strip-inner .number {
font-size: 26px;
}
.homepage-hero-strip {
padding-block: 20px;
}
.happy-customers {
gap: 10px;
}
.customer-raiting {
margin: 25px 0 40px;
}
.blog-title a {
font-size: 16px;
line-height: 22px;
margin-top: 12px;
}
.blog-tag, .blog-date {
font-size: 13px;
}
.blog-description {
font-size: 14px;
line-height: 24px;
min-height: 72px;
}
.blog-tag {
padding: 6px 10px
}
.why-webgarh-left .img-box-2-shape {
top: -49px;
}
.why-webgarh .img-box-1 {
margin-bottom: 10%;
}
.reviewer-rating .blog-date {
font-size: 14px;
}
.problam-quote-right, .problam-quote-left {
width: 24px;
}
.problam-solution p {
padding-left: 25px;
font-size: 18px;
}
.problam-quote-star {
right: 8px;
bottom: 8px;
width: 28px;
}
.storefront-faq .main-faq {
padding-left: 15px;
}
.zero-downtime-item {
padding: 15px;
border-radius: 16px;
gap: 4rem;
}
.platform-expertise-item {
font-size: 15px;
padding: 16px;
}
.service-overview-wrap:before {
border: 1px solid #DDDDDD;
width: 40px;
height: 40px;
font-size: 16px;
}
.service-overview-wrap .description, .zero-downtime-item p {
font-size: 15px;
}
.hero-banner-highligt-heading, body .zero-downtime-item h3 {
font-size: 18px;
}
.zero-downtime-item span {
width: 55px;
height: 55px;
}
.zero-downtime-item span img {
height: 24px;
}
.blog-content {
padding: 15px;
}
.card-meta {
margin-bottom: 15px;
padding-bottom: 15px;
}
.sidebar-avatar img {
margin-top: -35px;
}
}


@media (max-width: 1024px) {
.get-cunsultation {
font-size: 12px;
padding: 15px 16px;
}
.problam-facing {
margin-top: 50px;
}
.featured-industries .col-xl-5 {
width: 49%;
}
.how-we-implement-list {
align-items: flex-start;
}
.about-our-mission-left {
padding-left: 40px;
margin-top: -170px;
}
.about-our-mission-left .title-one {
padding: 30px;
}
.about-our-mission-left .arrow-shape {
margin: 4rem 1rem 0 auto;
max-width: 200px;
}
.thumbnail-slider .thumb-wrapper {
height: 80px;
}
.what-drives .grid-img {
height: 150px;
}
.b-slider__slide{
width: 25rem;
margin-right: 20px;
}
.job-card-inner h5 {
font-size: 24px;
line-height: 30px;
}
.job-card-details p {
font-size: 16px;
line-height: 24px;
}
.job-card {
padding: 30px;
}
.letter {
font-size: 150px;
}
.policy-hero-inner {
padding: 50px 15px;
}
.product-case-studies h5 {
font-size: 20px;
}
.product-case-studies p {
font-size: 16px;
}
.quote-popup-number .col-5 {
width: 41%;
}
.quote-popup-number .col-2 {
width: 18%;
}
.popup-second-shape {
width: 40px;
height: auto;
}
.how-we-implement-list-right ul li {
font-size: 14px;
line-height: 22px;
}
.problam-solution h3 {
font-size: 22px;
padding-left: 30px;
}
.problam-solution h3:after {
width: 20px;
}
.btn.bstyle-2 .icon {
font-size: 18px;
width: 36px;
height: 36px;
line-height: 36px;
}
.quote-left-content p {
font-size: 14px;
line-height: 20px;
}
.get-consultaion-right .form-curve-shape {
width: 115px;
top: -6px;
}
.founder-section .col-lg-6.founder-img-wrapper {
width: 46%;
}
.career-hero-image:after {
height: 20px;
left: 0;
right: 0;
}
.overall-review {
max-width: 220px;
}
.term-condition-info {
margin: 40px 0 0;
font-size: 16px;
line-height: 30px;
}
.client-say-review {
padding: 18px;
}
.client-say-info {
gap: 15px;
}
.cta-content {
max-width: 50%;
}
.problam-facing {
margin-top: 0px;
}
.inner-header .menu-left .menu-item a, .menu-left .menu-item a {
font-size: 14px;
}
.side-submenu {
padding: 20px;
left: 32%;
}
.submenu-links a {
font-size: 13px;
}
.side-submenu-right {
max-width: 340px;
}
.menu-left .menu-item:not(:last-child), .submenu-links a:not(:last-child) {
margin-bottom: 18px;
}
.project-card .card-header h3 {
font-size: 14px;
}
.trusted-by .col-md-7 {
width: 55%;
}
.trusted-by-right {
gap: 20px;
}
.trusted-by-icon {
width: calc(50% - 10px);
height: 150px;
padding: 8px;
}
.trusted-by-icon img {
width: 100%;
height: 60px;
object-fit: contain;
}
.trusted-by-icon h3 {
font-size: 16px;
margin-top: 10px;
}
.company-trust-icon img {
width: 100%;
height: 70px;
object-fit: contain;
}
.problam-solution {
padding: 30px 20px;
}
.problam-quote-right, .problam-quote-left {
width: 20px;
}
}


@media (max-width: 991px) {
.inner-wrapper {
display: none;
}
.hero-section .swiper-slide {
padding-inline: 20px;
}
.navbar-brand {
max-width: 100%;
flex: 1;
}
.hero-section .slide-content h1 {
font-size: 44px;
}
.section-header .title br {
display: none;
}
.ecommerce-services .section-subtitle {
padding-left: 0;
}
.ecommerce-services .section-header.row {
row-gap: 0;
}
.ecommerce-services .section-subtitle p {
margin-bottom: 25px;
}
.service-wrap-3 .back-icon {
height: 80px;
width: 80px;
}
.service-wrap-3 .front-icon {
height: 35px;
}
.service-wrap-3, .service-wrap-4 {
padding: 20px;
}
.service-wrap-3 .description {
margin: 15px 0;
}
.service-wrap-3 a {
font-size: 14px;
line-height: 120%;
}
.why-webgarh .main-img-1 {
max-width: 100%;
}
.why-webgarh-right {
margin-top: 20px;
}
.img-box-2-shape {
right: 8%;
}
.why-webgarh .main-img-2 {
height: 300px;
}
.why-webgarh-counter {
gap: 20px;
margin-top: 40px;
}
.counter-wrap-4 {
width: 200px;
height: 130px;
}
.counter-wrap-4 .counter-title {
font-size: 14px;
}
.section-header.text-center, .our-approach .section-header.text-center {
padding-inline: 24px;
}
.our-approach .row {
row-gap: 24px;
}
.featured-industries .col-xl-5, .featured-industries-boxes, .ai-emerging .col-lg-5, .ai-emerging .col-lg-6, .core-features .row > *
{
width: 100%;
}
.featured-industries-boxes {
padding-right: 0;
padding-left:0;
margin: 20px 0 0;
}
.hero-section {
padding: 0;
}
.hero-section .swiper {
border-radius: 0;
}
header {
top: 24px;
}
.featured-industries-boxes:before {
width: 600px;
height: 600px;
}
.ai-emerging .col-lg-5, .core-features .col-lg-6 {
margin-top: 20px;
}
.ai-emerging .img-box-2-shape {
left: 28%;
top: 25%;
}
footer .row > * {
width: 50% !important;
}
footer .row {
row-gap: 35px;
}
/* .col-lg-4.company-info {
order: 1;
} */
.subscribe-ftr {
order: 2;
}
.quick-links {
order: 3;
}
.social-links {
margin-top: 20px;
}
.quick-links ul li {
margin-bottom: 12px !important;
}
.title {
font-size: 28px;
line-height: 36px;
}
.btn.bstyle-2 .icon {
font-size: 16px;
width: 32px;
height: 32px;
line-height: 32px;
}
.navbar-brand img {
max-width: 130px;
}
.get-cunsultation {
font-size: 14px;
padding: 15px 18px;
}
header .navbar-toggler{
width: 44px;
height: 44px;
border-radius: 50%;
background: #f57c00;
border: none;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 28px;
box-shadow: none !important;
}
div#submenu-image {
display: none;
}
header ul.navbar-nav {
gap: 12px;
border-radius: 0;
height: calc(100% - 173px);
align-items: flex-start !important;
padding: 15px 20px !important;
background: linear-gradient(134deg, rgba(253, 249, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
overflow-y: auto;
}
header ul.navbar-nav a.nav-link, .inner-header ul.navbar-nav a.nav-link {
font-size: 16px !important;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
}
header ul.navbar-nav li.nav-item {
width: 100%;
}
header .navbar-expand-lg {
gap: 12px;
}
header .dropdown-menu.single-dropdown a.nav-link {
color: #ffffff !important;
opacity: 1;
}
header .dropdown-menu.single-dropdown .flex-column {
gap: 20px;
}
.menu-left, .menu-right {
width: 100%;
background: transparent;
padding: 0;
}
.mega-menu-inner {
flex-direction: column;
}
.menu-left h3, .submenu-title, .single-dropdown h3 {
margin-bottom: 25px;
font-size: 16px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
font-family: 'General Sans';
text-transform: uppercase;
}
.menu-right {
background: #000000;
border-radius: 0;
position: fixed;
z-index: 2;
left: 0;
width: 100%;
top: 0;
margin: 0 !important;
height: 100%;
transition: all 0.3s;
transform: translateX(-100%);
display: block !important;
padding: 20px;
min-width: 100% !important;
display: none !important;
}
.navbar-nav .dropdown-menu.show {
transform: translateX(0%);
}
.menu-left .menu-item a, .submenu-links a {
font-weight: 500;
}
.menu-left h3 {
display: none;
}
header .dropdown-menu.single-dropdown .col-md-3 {
padding: 0;
}
.navbar-nav .dropdown-menu .row {
margin: 0;
}
.menu-left .menu-item a {
flex: 1;
}
.menu-left .menu-item{
background: #ffffffb0;
padding: 6px;
border-radius: 8px;
box-shadow: 0px 8px 12px 0px #00000000;
width: 100%;
}
.menu-icon {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 6px;
}
.menu-icon img {
height: 20px;
}
.menu-item i {
font-size: 13px;
font-weight: 500;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-item i.bi-arrow-right::before {
content: "\f282";
transform: rotate(-90deg);
transition: all 0.3s ease 0s;
}
.menu-left .menu-item:not(:last-child), .submenu-links a:not(:last-child) {
margin-bottom: 10px;
}
.navbar-collapse .navbar-brand {
display: inline-block;
padding: 12px 20px;
border-bottom: 1px solid #efefef;
background: #fff;
}
.menu-close {
width: 28px;
height: 28px;
border-radius: 50%;
background: #f57c00;
border: none;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
position: absolute;
top: 15px;
right: 15px;
}
body:has(.navbar-collapse.show) {
overflow: hidden;
}
header .navbar-collapse {
position: fixed;
left: 0;
top: 0;
height: 100dvh;
width: 100vw;
display: block !important;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
z-index: 9;
}
header .navbar-collapse.show {
opacity: 1;
visibility: visible;
}
body:has(.navbar-collapse.show) .menu-overlay {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: #000;
z-index: 1;
opacity: 0.6;
}
.menu-drawer-innner {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 500px;
transform: translateX(-100%);
display: block !important;
transition: all 0.3s;
background: #fff;  
z-index: 9;
}
header .navbar-collapse.show .menu-drawer-innner, .menu-right.active  {
transform: translateX(0%);
}
header .dropdown-cstm-menu::after {
font-size: 14px;
transform: rotate(-90deg);
}
.cstm-back {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
background: #f57c00;
border: none;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
}
.dropdown-menu.mega-menu.single-dropdown h3 {
display: flex;
}
.navbar-brand, .inner-header .navbar-brand {
max-width: 100%;
flex: 1;
}
.inner-header .navbar-expand-lg {
padding: 7px 10px;
}
.ecommerce-approch  .row {
row-gap: 50px;
}
.ecommerce-hero .title {
font-size: 28px;
line-height: 36px;
}
.core-features-list li {
font-size: 13px;
}
.core-features-list span {
width: 30px;
height: 30px;
min-width: 30px;
}
.core-features-list svg {
height: 16px;
width: 16px;
}
.core-features-list {
gap: 10px;
}
.ecommerce-hero .col-lg-6:first-child {
position: relative;
z-index: 2;
}
.ecommerce-hero .col-xxl-5 {
width: 48%;
}
.ecommerce-approch .service-wrap-4 {
padding: 0 24px 30px;
}
.result-mobile-showcase {
max-width: 270px;
}
.real-project-list {
padding-right: 20px;
}
.scroll-blur {
top: 110px;
}
.real-result-content {
padding: 40px 20px 40px 25px;
}
.real-result-content .title {
font-size: 30px;
line-height: 110%;
}
.real-result-info li {
gap: 12px;
}
.real-result-info li:not(:last-child) {
margin-bottom: 25px;
}
.real-result-info-content p {
font-size: 14px;
line-height: 120%;
}
.real-result-info-content h4 {
font-size: 18px;
margin-bottom: 10px;
}
.mobile-showcase-img {
top: 13px;
left: 14px;
right: 14px;
bottom: 0;
border-radius: 30px 30px 0 0;
}
.real-result-icon {
width: 30px;
height: 30px;
min-width: 30px;
font-size: 14px;
}
.project-real-result {
gap: 15px;
}
.real-result .section-header {
margin-bottom: 10px;
}
.problam-facing {
margin-top: 0px;
}
.problam-facing .section-header .title br {
display: inline-block;
}
.problam-facing-grid.facing-grid-02, .problam-facing-grid.facing-grid-04 {
margin-top: 80px;
}
.problam-facing-content h3 {
font-size: 22px;
line-height: 32px;
}
.problam-facing-content p {
font-size: 14px;
}
.problam-facing-checklist {
padding-top: 20px;
margin-top: 20px;
}
.problam-facing-checklist li {
gap: 10px;
font-size: 14px;
line-height: 18px;
}
.problam-facing-checklist li span {
width: 18px;
height: 18px;
min-width: 18px;
font-size: 12px;
}
.problam-facing-content {
padding: 0 10px 15px;
}
.problam-facing-image img {
max-width: 150px;
max-height: 150px;
}
.service-wrap-2-content .description {
font-size: 14px;
}
.service-wrap-2-content .service-title {
font-size: 16px;
}
.quick-overview .row {
row-gap: 24px;
}
.retail-challenges-list .text-wrapper-four {
padding: 24px;
}
.ecommerce-featured .featured-industries-boxes {
align-items: center;
}
.ecommerce-featured .featured-industries-boxes:before {
width: 500px;
height: 500px;
}
.real-result.side-result .section-header {
position: unset;
text-align: center;
}
.side-result .real-result-content {
padding: 40px 20px 40px 25px;
}
.side-result .result-mobile-showcase {
max-width: 270px;
}
.side-result .mobile-showcase-img {
top: 13px;
left: 14px;
right: 14px;
border-radius: 35px 35px 0 0;
}
.side-result .project-real-result {
gap: 30px;
}
.side-result .section-header .title {
font-size: 32px;
line-height: 36px;
}
.growth-steps .row > * {
width: 50%;
}
.growth-icon1 {
display: none;
}
.growth-steps .row {
row-gap: 30px;
}
.ecommerce-quick-overview .col-lg-6 {
margin-top: 0 !important;
margin-bottom: 20px;
}
.case-image {
max-width: 300px;
}
.case-list h3 {
font-size: 18px;
line-height: 26px;
}
.rating-show {
width: 65px;
height: 65px;
font-size: 10px;
}
.rating-show span {
font-size: 22px;
}
.author-img {
width: 110px;
height: 110px;
}
.timeline-wrapper {
gap: 20px;
}
.timeline-steps .progress-bar:after {
width: 20px;
height: 20px;
left: -10px;
}
.timeline-image-otr {
border-radius: 40px;
}
.timeline-image-left svg {
width: 90px;
}
.timeline-steps .step {
margin-bottom: 30px;
padding: 20px;
}
.step-subheading {
font-size: 14px;
}
.step-heading {
font-size: 18px;
}
.inner-page-hero-banner .swiper-slide {
padding: 120px 0 80px;
}
.btn-primary svg {
width: 32px;
}
.real-result .section-header h2.title {
max-width: 55%;
}
.ecommerce-hero.about-hero .title {
font-size: 36px;
line-height: 46px;
}
.about-hero .section-header {
margin-bottom: 45px;
}
.about-our-mission-left {
padding-left: 20px;
margin-top: -150px;
}
.about-our-mission-left .title-one {
padding: 22px;
}
.about-our-mission .col-md-5, .our-vision .col-md-5{
width: 48%;
}
.founder-img .main-img {
border-radius: 32px;
border-width: 1px 1px 1px 14px;
}
.founder-short-info {
font-size: 15px;
line-height: 22px;
}
.thumbnail-slider .thumb-wrapper {
height: 60px;
}
.thumbnail-slider {
gap: 8px;
}
.what-drives .grid-img {
height: 120px;
}
.about-join-us .step-subheading img {
width: 40px;
min-width: 40px;
}
.about-join-us .step-subheading {
margin: 10px 0 0;
gap: 10px;
}
.about-join-us .timeline-steps .step {
margin-bottom: 24px;
}
.b-slider__slide{
width: 22rem;
}
.job-opening .nav-link {
font-size: 14px;
line-height: 24px;
padding: 10px 15px;
}
.job-opening .nav-tabs {
margin-bottom: 40px;
padding: 6px;
gap: 5px;
}
.job-card {
padding: 22px;
border-left-width: 5px;
}
.job-card-inner h5 {
font-size: 20px;
line-height: 26px;
}
.job-card-details {
gap: 30px;
margin-top: 16px;
}
.job-card-details img {
margin-right: 8px;
width: 20px;
}
.join-us-banner .cta-content{
text-align: center;
}
.work-with-us .service-wrap-2-content .description {
font-size: 14px;
line-height: 24px;
}
.job-opening .nav-link {
padding: 8px 15px;
}
.table-of-content-inner .toc a {
font-size: 16px;
line-height: 18px;
}
.table-of-content-inner .toc li {
margin-bottom: 18px;
}
.table-of-content-inner .toc {
max-width: 300px;
}
.table-of-content-inner {
gap: 20px;
}
.table-of-content-inner .title {
font-size: 22px;
margin: 30px 0 18px;
}
.table-of-content-inner .content {
font-size: 14px;
line-height: 26px;
}
.table-of-content-inner .content li:before {
width: 20px;
min-width: 20px;
height: 20px;
font-size: 12px;
}
.get-qoute-popup .modal-content, .quote-left-content {
padding: 15px;
}
.get-qoute-popup {
padding: 12px;
}
.quote-right {
padding: 20px 15px;
}
.form-control {
height: 40px;
margin-bottom: 12px;
}
.quote-left-content p {
font-size: 14px;
line-height: 20px;
}
.get-qoute-popup h2 {
font-size: 24px;
margin-bottom: 15px !important;
}
.quote-right label {
font-size: 14px;
}
.popup-star {
right: 12px;
width: 40px;
opacity: 0.4;
top: 12px;
}
.get-qoute-popup .btn-close {
width: 34px;
height: 34px;
top: 18px;
right: 18px;
}
.quote-box h3 {
font-size: 32px;
}
.quote-popup-number .col-2 {
width: 14%;
}

.quote-popup-number .col-5 {
width: 43%;
}
.pt-180 {
padding-top: 110px;
}
.get-consultaion-right label {
font-size: 14px;
}
.get-consultaion-right h2 {
margin-bottom: 20px !important;
font-size: 22px;
}
.get-consultaion-right .form-curve-shape {
width: 85px;
top: -6px;
}
.why-webgarh-left .title-one {
margin-bottom: 0;
}
.payment-methed-body p, .company-address h4 {
font-size: 17px;
line-height: 120%;
}
.payment-methed-head .nav-link {
font-size: 14px;
}
.payment-methed-head img {
width: 25px;
}
.company-address {
padding: 18px;
margin-top: 20px;
}
.company-address p {
font-size: 16px;
}
.payment-methed-head .nav-pills {
padding-left: 40px;
}
.bank-payment .row {
row-gap: 20px;
}
.payment-methed-card {
margin-bottom: 30px;
}
.client-says-review {
flex-direction: column;
}
.overall-review {
max-width: 100%;
}
.menu-drawer-footer {
display: block;
padding: 20px;
border-top: 1px solid #efefef;
background: #fff;
}
.menu-drawer-footer a.btn.bstyle-2 {
display: block;
text-align: center;
border-radius: 10px;
margin-bottom: 15px;
background: #f57c00;
border-color: #f57c00 !important;
color: #fff;
box-shadow: 0px 6px 15px 0px #00000024;
}
.menu-drawer-mobile {
text-align: center;
display: block;
color: #000;
font-size: 14px;
text-decoration: none;
}
.menu-drawer-mobile img {
width: 20px;
}
.mega-menu-icon {
display: inline-flex;
background:#FEF0D4;
margin-right: 10px;
box-shadow: none;
}
.main-mob-menu {
display: flex;
align-items: center;
}
header ul.navbar-nav a.nav-link {
background: #fff;
padding: 12px 10px!important;
border-radius: 8px;
box-shadow:0px 8px 12px 0px #00000000;
}
.navbar-nav .mega-menu {
background: transparent;
box-shadow: none;
padding-left: 10px;
margin-top: 12px !important;
transform: unset !important;
}
.nav-item.dropdown:has(.dropdown-menu.show) .dropdown-cstm-menu::after {
transform: rotate(0deg);
}
.menu-left .menu-icon {
box-shadow: none;
width: 25px;
min-width: 25px;
}
.menu-item.active i.bi-arrow-right::before{
transform: rotate(0deg);
}
/* .menu-left .menu-item.active + .mobile-submenu-links {
display: block;
} */
.mobile-submenu-links {
padding: 5px 0 15px 15px;
}
.submenu-links a {
background:#ffffffde;
padding: 6px;
border-radius: 8px;
box-shadow: 0px 8px 12px 0px #00000000;
width: 100%;
}
.mega-menu-icon img {
height: 16px;
}
.founder-section .col-lg-6.founder-img-wrapper {
width: 50%;
}
.problam-facing-list {
margin: 20px 0 0;
}
.cstm-accordian {
margin-top: 20px;
}
.cstm-accordian .accordion-body {
line-height: 24px;
}
.problam-facing-list-content h4 {
font-size: 16px;
line-height: 22px;
}
.problam-facing-list li {
padding: 10px;
margin-bottom: 10px;
gap: 7px;
border-radius: 12px;
}
.problam-solution {
margin-top: 30px;
padding: 25px;
border-width: 1px;
}
.problam-quote-left {
margin-top: -10px;
}
.problam-quote-right {
margin: 8px 0 -3px 4px;
}
.problam-quote-right, .problam-quote-left {
width: 22px;
}
.problam-facing-list-content p {
margin: 5px 0 0;
font-size: 14px;
line-height: 20px;
}
.how-to-reach-right span {
line-height: normal;
}
header .dropdown .dropdown-menu.mega-menu {
max-width: 100% !important;
}
.homepage-hero-strip .row {
gap: 15px 0;
}
.homepage-hero-strip .col-md-3 {
width: 50%;
}
.client-say-content p{
font-size: 14px;
line-height: 22px;
margin: 15px 0 0;
}
.reviewer-info-content .reviewer-date {
font-size: 14px;
}
.reviewer-info-content .reviewer-name {
font-size: 18px;
}
.client-say-info img {
width: 50px;
}
.client-say-review {
padding: 12px;
}
.client-say-info {
gap: 10px;
}
.reviewer-info-content .reviewer-name {
font-size: 16px;
}
.reviewer-rating {
font-size: 14px;
}
.hero-strip-inner .number {
font-size: 22px;
}
.cta-content {
max-width: 55%;
}
.cta-content h2 {
font-size: 28px;
line-height: 36px;
margin-bottom: 10px;
}
.cta-content .btn.bstyle-2 {
margin-top: 15px;
}
.cta-content .subheading br {
display: none;
}
.cta-section-content {
padding: 30px;
border-radius: 25px;
}
.career-cta .cta-content {
max-width: 70%;
}
.text-wrapper-four .btn {
margin-top: 20px;
}
.whatapp-sticky a {
width: 120px;
height: 52px;
}
.whatsapp-stikcy-text {
font-size: 12px;
}
.whatapp-sticky img {
width: 22px;
}
.portfolio-wrap .content {
padding: 15px;
}
.portfolio-badge {
right: 10px;
top: 10px;
padding: 6px 12px;
font-size: 12px;
}
.portfolio-wrap .pf-tag {
line-height: 20px;
}
.portfolio-wrap h3.pf-title{
font-size: 18px;
}
.portfolio-name-icon {
width: 24px;
height: 24px;
margin-right: 6px;
}
.portfolio-name-icon img {
height: 13px;
}
.reviewer-rating .blog-date {
font-size: 12px;
}
.website-link {
font-size: 14px;
}
.review-date-link * {
font-size: 12px;
}
.side-submenu-right{
display: none;
}
.side-submenu{
display: none !important;
}
.trusted-by-icon {
height: 130px;
border-radius: 15px;
}
.trusted-by-left .title {
margin-bottom: 15px;
}
.company-trust-icon {
padding: 20px;
}
.dropdown-menu.no-megamnu .menu-left {
padding: 0;
}
.storefront-hero .core-features-left {
padding-left: 2rem;
}
.hero-banner-highligt-heading, body .zero-downtime-item h3 {
font-size: 16px;
}
.hero-banner-highligt-heading {
padding: 6px 20px;
}
.service-overview .col-lg-4 {
width: calc(50% - 10px);
}
.how-we-implement-listing {
row-gap: 1.5rem;
}
body .storefront-timeline .step-subheading {
font-size: 14px;
}
body .storefront-timeline .step {
padding: 20px;
}
.platform-expertise-item:after{
display: none;
}
.platform-expertise .col-lg-3.text-center {
order: 1;
}
.platform-expertise .row {
row-gap: 20px;
}
.platform-expertise-item:not(:last-child) {
margin-bottom: 20px;
}
.side-submenu {
position: unset !important;
padding: 0 0 20px 10px;
background: transparent;
}
.mobile-submenu-links {
padding: 0;
}
.submenu-title {
display: none;
}
.side-submenu.mob-active {
display: flex !important;
}
.menu-item:has(.active) *{
color: #FE8A02 !important;
}
.menu-item i{
transition: all 0.3s ease 0s;
}
.menu-item:has(.active) i{
transform: rotate(90deg);
}
} 

@media screen and (min-width:768px) and (max-width:991px){
.ai-emerging img.arrow-shape{
left: 40px;
top: 70px;
width: 190px;
}
.vision-image img {
height: 100%;
object-fit: cover;
}
.vision-image {
height: 100%;
display: flex;
}
.about-our-mission .col-md-5, .our-vision .col-md-5 {
width: 49%;
}
.about-join-us .col-md-5 {
width: 48%;
}
.letter {
font-size: 120px;
}
.founder-section .row {
align-items: center;
}
.container {
padding-inline: 20px !important;
}
.why-webgarh .main-img-1, .problam-facing-left img  {
height: 60vh;
object-fit: cover;
}
.blog-title a {
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
margin-top: 0;
}
.sidebar-avatar img {
margin-top: -42px;
}
.blog-description {
font-size: 12px;
line-height: 18px;
min-height: 54px;
margin-bottom: 12px;
}
.card-meta {
margin-bottom: 12px;
padding-bottom: 12px;
}
.read-more-btn {
font-size: 0.7rem;
gap: 6px;
}
.blog-tag, .blog-date {
font-size: 12px;
}
.blog-content-top {
align-items: self-start;
gap: 5px;
flex-direction: column;
}
.blog-thumb {
border-radius: 10px;
}
.timeline-steps .progress-bar {
height: calc(100% + 50px);
}
.product-case-studies p {
font-size: 14px;
}
.ai-emerging-icons {
justify-content: flex-start;
gap: 60px;
}
.meta-item {
gap: 4px;
font-size: 0.75rem;
}
}



@media (max-width: 767px) {
.hero-section .swiper-slide {
padding: 120px 12px 70px;
}
.hero-section .slide-content h4 {
font-size: 16px;
margin-bottom: 15px;
}
.customer-raiting {
margin: 20px 0 35px;
flex-direction: column;
}
.customer-raiting-line {
background: transparent;
}
.happy-customers .user-list img {
width: 45px;
border: 2px solid #ffffff;
}
.hero-overall-review .user-list img {
border: none;
}
.hero-strip-inner {
font-size: 12px;
gap: 4px;
}
.hero-strip-inner .number {
font-size: 17px;
}
.homepage-hero-strip {
padding-block: 15px;
}
.get-cunsultation {
display: none;
}
.hero-section .slide-content h1 {
font-size: 32px;
}
.hero-section .slide-content p {
margin: 20px auto 30px;
font-size: 15px;
}
.btn-primary svg {
width: 30px;
}
.btn-primary {
padding: 16px 18px;
font-size: 14px;
}
.hero-section .slide-counter {
left: 15px;
font-size: 14px;
}
.theme-banner-trigger {
width: 120px;
height: 120px;
}
.theme-banner-trigger .arrow-icon {
width: 18px !important;
}
.hero-section #current-slide {
font-size: 30px;
}
.mtb-120 {
margin-block: 60px;
}
.mb-120{
margin-bottom: 60px;
}
.ptb-120 {
padding-block: 60px;
}
.title {
font-size: 26px;
line-height: 34px;
}
.ecommerce-services .section-subtitle p {
margin-bottom: 20px;
}
.ecommerce-services .row {
row-gap: 20px;
}
.spinner-text {
font-size: 20px;
width: 36px;
height: 36px;
}
.portfolio-thumb .icon-link img, .spinner-shape img {
width: 90px;
}
.img-box-2-shape {
top: -38px;
}
.img-box-2-shape svg {
width: 40px;
min-width: 40px;
margin: 0 -3px;
height: auto;
}
.why-webgarh-list h4 {
font-size: 16px;
line-height: 22px;
}
.why-webgarh-list p {
line-height: 22px;
}
.counter-wrap-4 {
width: 170px;
height: 120px;
}
.counter-wrap-4 .number {
font-size: 40px;
}
.why-webgarh-counter {
gap: 15px;
margin-top: 30px;
}
.counter-wrap-4 .counter-title {
font-size: 13px;
}
.portfolio-wrap h3.pf-title, .service-title {
font-size: 18px;
}
.portfolio-wrap .pf-tag {
font-size: 13px;
line-height: 22px;
}
.section-header.text-center, .our-approach .section-header.text-center {
padding-inline: 0;
}
.btn-center, .text-wrapper-four .btn{
margin-top: 25px;
}
.btn.bstyle-2 {
padding: 5px 5px 5px 15px;
gap: 10px;
}
.featured-industries-boxes:before, .ai-emerging img.arrow-shape{
display: none;
}
.featured-industries-boxes {
flex-direction: column;
gap: 20px;
padding: 0;
}
.feature-wrap-1:not(:last-child) {
margin-bottom: 20px;
}
.feature-wrap-1 {
padding: 20px;
border-radius: 20px;
}
.ai-emerging .img-box-2-shape {
left: inherit;
top: -50px;
right: 50px;
}
.showcase-success .section-header.text-center {
padding-inline: 15px;
}
.cta-section-content {
padding: 40px 15px;
}
.cta-content h2 {
font-size: 26px;
line-height: 34px;
}
.btn.bstyle-2 .icon {
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
}
footer .row > * {
width: 100% !important;
order: inherit !important;
}
.footer-bottom {
margin-top: 30px;
font-size: 12px;
}
footer h5 {
margin-bottom: 15px;
letter-spacing: 0;
}
footer {
padding-top: 40px;
}
.social-icon {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.company-info .navbar-brand {
margin-bottom: 15px;
}
.quick-links ul li:last-child {
margin-bottom: 0 !important;
}
footer .row {
row-gap: 30px;
}
.marquee_group {
min-width: 250%;
animation-duration: 25s;
}
.author-img img {
width: 50px;
height: 50px;
}
.author-img {
width:100px;
height: 100px;
}
.feature-wrap-1 .feature-title {
font-size: 18px;
line-height: 100%;
}
.feature-wrap-1 .icon, .service-wrap-4 .icon {
width: 70px;
height: 70px;
line-height: 70px;
margin-bottom: 0;
}
.service-wrap-4 .icon img, .feature-wrap-1 .icon img {
height: 36px;
}
.feature-wrap-1 {
gap: 15px;
}
.navbar-brand img {
max-width: 150px;
}
.text-wrapper-four h2, .text-wrapper-four .title {
margin: 15px 0;
}
.featured-industries .sub-title {
margin-bottom: 15px;
}
.cstm-accordian .accordion-item {
padding-left: 30px;
}
body .core-features-curve.author-img {
width: 160px;
height: 160px;
}
.core-features-curve img.shape-2 {
width: 85px;
height: 85px;
}
.core-features-curve .spinner-text {
font-size: 25px;
}
.ecommerce-approch .service-wrap-4 {
padding: 0 14px 20px;
}
.ecommerce-approch .service-title {
font-size: 18px;
}
.ecommerce-approch .section-header.text-center {
margin-bottom: 61px;
}
.ecommerce-hero .col-lg-6 {
width: 100% !important;
}
header {
top: 15px;
}
.inner-header {
padding-inline: 12px;
top: 15px;
}
.ecommerce-hero .col-xxl-5 {
margin-top: 20px;
}
.ecommerce-hero .text-wrapper-four p {
font-size: 15px;
}
.ecommerce-hero .text-wrapper-four .btn {
margin-top: 20px;
}
.pt-180 {
padding-top: 90px;
}
.inner-header .navbar-brand img {
max-width: 130px;
}
header .navbar-toggler {
width: 38px;
height: 38px;
font-size: 25px;
}
.inner-header .navbar-expand-lg {
padding: 8px;
}
.core-features-list li {
font-size: 12px;
line-height: 120%;
}
.core-features-list span {
width: 32px;
height: 32px;
min-width: 32px;
}
.core-features-list svg {
height: 20px;
width: 16px;
}
.core-features-list {
gap: 10px;
justify-content: space-between;
}
.cstm-accordian {
margin-top: 15px;
}
.section-header {
margin-bottom: 20px;
}
.real-result .section-header {
flex-wrap: wrap;
gap: 0;
}
.real-project-list {
padding: 0;
filter: none !important;
transform: none !important;
flex-wrap: wrap;
}
.scroll-blur{
top: 85px;
}

.real-result-content {
padding: 20px;
width: 100%;
}
.real-result-content .title {
font-size: 24px;
line-height: 110%;
margin: 10px 0 20px;
}
.real-result-icon {
width: 26px;
height: 26px;
min-width: 26px;
font-size: 12px;
}
.real-result-info li {
gap: 10px;
}
.result-mobile-showcase {
max-width: 220px;
margin: 0px auto;
}
.mobile-showcase-img {
top: 10px;
left: 10px;
right: 10px;
border-radius: 22px 22px 0 0;
}
.real-result-info li:not(:last-child) {
margin-bottom: 20px;
}
.problam-facing-row {
gap: 0px;
margin: 0 !important;
flex-wrap: wrap;
}
.problam-facing-grid {
margin-top: 20px !important;
}
.problam-facing-content {
padding: 0 0px 5px;
}
.problam-facing-content h3 {
font-size: 20px;
line-height: 28px;
}
.problam-facing-checklist {
padding-top: 15px;
margin-top: 15px;
}
.problam-facing-image img {
max-width: 130px;
max-height: 130px;
}
.problam-facing-image {
padding: 20px;
margin-bottom: 15px;
border-radius: 8px;
}
.problam-facing-checklist li span {
width: 16px;
height: 16px;
min-width: 16px;
font-size: 10px;
}
.problam-facing-checklist li {
gap: 8px;
}
.problam-facing .section-header br {
display: none;
}
.problam-facing {
margin-top: 0px;
}
.problam-facing .section-header .title br {
display: none;
}
.wave-shape {
margin-bottom: -1px;
}
.service-wrap-2 {
padding: 20px 15px;
}
.service-wrap-2-content .service-title {
font-size: 18px;
line-height: 115%;
}
.quick-overview .row {
row-gap: 16px;
}
.quick-overview {
padding: 30px 0 60px;
}
.retail-challenges-list .text-wrapper-four h2 {
font-size: 20px;
}
.retail-challenges-info-content {
padding-left: 8px;
}
.retail-challenges-list .text-wrapper-four p {
line-height: 22px;
}
.retail-challenges-list {
flex-direction: column-reverse !important;
box-shadow: 0px 14px 40px 0px #7c7c7c2e;
}
.retail-challenges-list:not(:last-child) {
margin-bottom: 24px;
}
.ecommerce-featured .row-cols-md-2>* {
width: 100%;
margin: 0 !important;
}
.ecommerce-featured .featured-industries-boxes {
margin-top: 30px;
}
.real-result .section-header .title {
max-width: 100%;
}
.side-result .real-result-content {
padding: 20px;
}
.side-result .real-result-content .title {
font-size: 24px;
}
.side-result .result-mobile-showcase {
max-width: 220px;
margin: 0 auto 0;
}
.result-mobile-showcase {
max-height: 330px;
}
.side-result .real-project-list {
padding-right: 0;
position: sticky;
top: 85px;
}
.growth-steps .row > * {
width: 100%;
}
.case-section {
gap: 30px;
flex-direction: column;
}
.case-list, .case-image {
width: 100%;
max-width: 100%;
}
.how-we-implement-list {
padding: 15px;
margin-bottom: 20px;
flex-direction: column;
}
.how-we-implement-list-right ul li {
font-size: 14px;
}
.how-we-implement-list-right h3 {
font-size: 18px;
line-height: 100%;
color:#000;
}
.rating-show {
width: 60px;
height: 60px;
}
.rating-show span {
font-size: 20px;
}
.cstm-accordian .accordion-button, .cstm-accordian .accordion-button::before {
font-size: 16px;
line-height: 25px;
}
.timeline-image-left {
display: none;
}
.timeline-steps {
padding-left: 40px;
}
.timeline-steps .progress-bar {
height: calc(100% + 50px);
left: -30px;
}
.problam-facing .col-lg-6 {
margin-top: 20px;
}
.problam-facing-list-content p {
font-size: 14px;
}
.problam-facing-list-content h4 {
font-size: 16px;
}
.problam-facing-overimage {
font-size: 14px;
line-height: 24px;
bottom: 15px;
left: 15px;
right: 15px;
padding: 15px;
}
.inner-page-hero-banner .swiper-slide {
padding: 120px 0 80px;
}
.inner-page-hero-banner .slide-content h1 {
line-height: 40px;
}
.real-result .section-header h2.title {
max-width: 100%;
}
.ecommerce-hero.about-hero .title {
font-size: 28px;
line-height: 36px;
}
.about-hero-image {
border-radius: 15px;
height: auto;
}
.about-our-mission-left {
padding-left: 0;
margin-top: 0;
}
.about-our-mission-left .arrow-shape {
display: none;
}
.about-our-mission .col-md-5, .our-vision .col-md-5, .founder-section .col-lg-6, .cloud-timeline .col-lg-5 {
width: 100%;
}
.about-our-mission .col-md-5 {
margin-top: 30px;
}
.founder-short-info {
margin-top: 20px;
}
.founder-section .row, .about-join-us .section-header  {
flex-direction: column-reverse;
gap: 20px;
}
.vision-image {
margin-top: 20px;
}
#drive-shuffle .row:not(:last-child) {
margin-bottom: 12px;
}
.what-drives .section-header br{
display: none;
}
.about-join-us .timeline-image-otr{
border-radius: 20px;
margin-top: 25px;
}
.cta-section-content, .cta-section-content:before {
border-radius: 20px;
}
.about-join-us .title-one, .about-join-us .title-one p {
text-align: center !important;
}
.about-hero .section-header {
margin-bottom: 20px;
}
#drive-shuffle .row {
gap: 12px;
}
.what-drives .grid-img {
height: 160px;
}
.b-slider__slide{
width: 18rem;
margin-right: 15px;
}
.job-card-details p {
font-size: 14px;
line-height: 22px;
}
.job-card-details img {
margin-right: 4px;
width: 18px;
}
.job-card {
padding: 15px;
flex-wrap: wrap;
gap: 15px;
}
.job-card-inner h5 {
font-size: 18px;
line-height: 24px;
}
.job-card-details {
gap: 10px;
margin-top: 10px;
}
.work-with-us .row {
row-gap: 15px;
}
.hero-text {
gap: 5px;
}
.letter {
font-size: 70px;
}
.explore-stunning-img {
margin-bottom: 15px !important;
height: auto !important;
border-radius: 20px;
overflow: hidden;
}
.career-hero-image:after {
height: 10px;
left: 0px;
right: 0;
bottom: -35px;
box-shadow: rgb(255 255 255) 0px -30px 35px 40px;
}
.join-us-banner .cta-section-content {
padding: 40px 15px;
}
.policy-hero-inner {
padding: 30px 15px;
}
.policy-hero-inner .text-wrapper-four .title {
margin-bottom: 10px;
}
.table-of-content-inner {
flex-wrap: wrap;
gap: 30px;
}
.table-of-content-inner .content {
flex: unset;
width: 100%;
}
.table-of-content-inner .toc {
max-width: 100%;
position: unset;
}
.table-of-content-inner .content > div, div#all-services-main, #company-product {
scroll-margin-top: 100px;
}
.products-case-study-outer .section-header {
width: 100%;
margin-bottom:0px;
}
.product-case-studies .item {
width: 100%;
margin-top: 30px;
transform: unset !important;
}
.product-case-text {
margin-top: 10px;
}
.product-case-studies h5 {
font-size: 18px;
line-height: 1.3;
}
.product-case-studies p {
font-size: 14px;
}
.products-case-study-outer .section-header p {
margin: 0;
}
.row.main-popup-row {
flex-direction: column-reverse;
gap: 20px;
}
.get-qoute-popup .btn-close {
top: 15px;
right: 15px;
}
.quote-right button.btn.bstyle-2 {
margin-top: 10px;
}
.quote-right textarea.form-control {
height: 80px;
border-radius: 10px;
}
.get-qoute-popup .modal-dialog {
margin: 0;
}  
.problam-solution {
margin-top: 30px;
padding: 20px;
}
.problam-solution p {
font-size: 15px;
padding-left: 20px;
}
.expertise_visual-wrap .col-lg-3 {
width:48.5%;
padding: 0;
}
.expertise_visual-wrap .row {
row-gap: 12px;
margin: 0;
justify-content: space-between;
}
.expertise_name h3, .expertise_card-content h3 {
font-size: 16px;
margin-bottom: 5px;
}
.expertise_name h4, .expertise_card-content h4 {
font-size: 13px;
}
.contact_link {
width: 28px;
height: 28px;
line-height: 28px;
margin-right: 5px;
font-size: 14px;
}
.expertise_card-content p {
margin: 15px 0 0;
font-size: 12px;
}
.team-member_card {
border-radius: 12px;
}
.hiring-accordion .accordion-button {
padding: 15px 40px 15px 20px !important;
}
.get-consultaion-right .btn.bstyle-2 {
margin-top: 10px;
}
.featured-industries-boxes .feature-wrap-1 {
text-align: center;
align-items: center;
}
.payment-hero h2.title {
margin-bottom: 5px;
}
.payment-methed-head {
padding: 12px 15px;
}
.payment-methed-head img {
width: 20px;
}
.payment-title {
gap: 10px;
font-size: 18px;
}
.payment-methed-body {
padding: 15px;
}
.payment-methed-body p, .company-address h4 {
font-size: 16px;
}  
.company-address {
padding: 15px;
margin-top: 15px;
}
.company-address p {
font-size: 14px;
}
.payment-methed-card, .company-address {
border-radius: 12px;
}
.bank-payment .row {
row-gap: 15px;
}
.payment-methed-head .nav-pills {
padding-left: 30px;
margin-top: 7px;
}
.payment-methed-card {
border-width: 1px 1px 1px 6px;
}
.payment-methed-head .nav-link {
margin-right: 8px;
font-size: 13px;
}
.payment-metheds {
margin-bottom: 60px;
}
.payment-methed-body p {
margin: 0 0 5px;
}
.join-team-sticky {
text-align: center;
}
.review-feedback.row {
row-gap: 12px;
}
.menu-drawer-innner {
width: 100%;
}
.navbar-collapse .navbar-brand img {
max-width: 130px;
}
.product-case-studies h5 i {
font-size: 15px;
}
.core-features .row > *{
width: 100%;
}
.ai-emerging .img-wrapper-four .col-md-5{
display: none;
}
.explore-stunning-img img {
aspect-ratio: auto;
}
.portfolio-wrap .content {
padding: 15px;
}
.showcase-success {
margin-bottom: -50px;
}
body .title-one.section-subtitle p, .ai-emerging p {
text-align: left;
letter-spacing: 0;
}
.term-condition-info {
font-size: 14px;
line-height: 26px;
}
.founder-section .col-lg-6.founder-img-wrapper {
width: 100%;
}
header .navbar-expand-lg {
padding-inline: 12px;
}
.client-say .row {
row-gap: 12px;
}
.client-say-content p {
line-height: 24px;
}
.client-say-info img {
width: 55px;
}
.blog-section .row {
row-gap: 15px;
}
.cta-content {
max-width: 100%;
text-align: center !important;
}
.cta-section-content:before {
background: #000000b8;
width: 100%;
}
.portfolio-badge {
right: 12px;
top: 10px;
padding: 5px 12px;
font-size: 12px;
}
.why-webgarh-left .img-box-2-shape {
top: -38px;
}
.why-webgarh-right .title-one p {
text-align: left;
}
.ecommerce-hero .title {
margin-top: 0 !important;
}
.imagine-list h3 {
font-size: 16px;
line-height: 24px;
}
.text-wrapper-four .title {
margin-top: 0;
}
.career-cta .cta-section-content {
flex-direction: column;
}
.career-cta .cta-content {
max-width: 100%;
}
/* section.privacy-table-of-contents{
padding-top: 40px;
} */
.table-of-content-inner .title {
line-height: 120%;
}
.whatapp-sticky {
top: inherit;
transform: unset;
bottom: 70px;
}
.whatapp-sticky a {
width: 110px;
height: 48px;
padding-left: 12px;
}
.whatsapp-stikcy-text {
font-size: 11px;
}
.side-result .real-result-content .title {
margin: 10px 0 20px;
}
.reviewer-rating .blog-date {
font-size: 13px;
}
.happy-customers li:not(:first-child) {
margin-left: -12px;
}
.review-date-link * {
font-size: 14px;
}
.whatapp-sticky img {
width: 25px;
}
.webgarh-career .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin-inline: 2px !important;
}
.webgarh-career .swiper-pagination {
margin-top: 0px;
}
.webgarh-career img {
border-radius: 20px;
}
.blog-section .section-header {
gap: 0;
flex-direction: column;
text-align: center;
margin-bottom: 30px;
}
.trusted-by .col-md-7 {
width: 100%;
margin-bottom: 20px;
}
.trusted-by-icon {
height: 120px;
}
.blog-description {
line-height: 22px;
}
.no-job-found {
font-size: 16px;
}
.our-partner .trusted-by-icon {
width: calc(50% - 10px);
}
.our-partner .trusted-by-right {
gap: 20px 0;
}
.ai-emerging-by-icon h3 {
font-size: 14px;
}
.company-trust-icon {
width: 50%;
border-left: none !important;
border-bottom: 1px solid #AEAEAE;
padding: 25px;
}
.company-trust-icon:nth-child(even) {
border-left: 1px solid #AEAEAE !important;
}
.company-trust-icon:nth-child(n+9) {
border-bottom: none !important;
}
.problam-quote-right, .problam-quote-left {
width: 18px;
}
.problam-solution p {
line-height: 26px;
}
.hero-banner-highligt-heading {
padding: 4px 14px;
font-size: 14px;
margin-bottom: 15px;
}
.storefront-hero .core-features-left {
padding-left: 0;
}
.service-overview .col-lg-4 {
width: 100%;
}
.platform-expertise-item {
padding: 14px;
box-shadow:0px 10px 15px -3px #00000003;
gap: 10px;
}
.platform-expertise-phone {
margin-bottom: -3rem;
}
.zero-downtime-item {
gap: 2.5rem;
}
.read-more-btn {
font-size: 13px;
}
}

@media (max-width: 400px) {
.cta-content h2, .title {
font-size: 24px;
line-height: 32px;
}
.btn.bstyle-2 {
gap: 5px;
font-size: 13px;
}
.btn.bstyle-2 .icon {
font-size: 14px;
width: 28px;
height: 28px;
line-height: 28px;
}
.text-wrapper-four p, .subheading, .hero-section .slide-content p, .title-one p, .feature-wrap-1 p, .service-wrap-4 .description, .service-wrap-3 .description {
font-size: 13px;
line-height: 24px;
}
.cstm-accordian .accordion-button {
font-size: 17px;
line-height: 23px;
}
.core-features-list li {
gap: 6px;
}
.job-opening .nav-link {
padding: 6px 10px;
}
.job-card-details {
gap: 12px 25px;
flex-wrap: wrap;
}
.hero-strip-inner {
font-size: 12px;
gap: 5px;
}
.hero-strip-inner .number {
font-size: 18px;
}
.hero-section .slide-content h1 {
font-size: 28px;
}
.hero-section .slide-content h4 {
font-size: 15px;
}
}

@media (max-width: 360px) {
.core-features-list li {
gap: 8px;
flex: 1;
}
.core-features-liest {
flex-wrap: wrap;
}
.ecommerce-hero .text-wrapper-four p {
font-size: 14px;
}
.ecommerce-hero .title {
font-size: 22px;
line-height: 32px;
}
.project-icon {
width: 25px;
}
.real-result-info-content h4 {
font-size: 16px;
margin-bottom: 8px;
}
.hero-text {
gap: 3px;
}
.letter {
font-size: 60px;
}
.core-features-list {
flex-wrap: wrap;
}
.payment-methed-head .nav-pills {
padding-left: 0;
}
.payment-methed-head .nav-link {
font-size: 12px;
padding: 5px 14px;
}
.payment-methed-body p, .company-address h4 {
font-size: 14px;
}
.payment-methed-body, .company-address, .payment-methed-head {
padding: 10px;
}
.bank-payment .row {
row-gap: 12px;
}
.company-address p {
font-size: 12px;
}
.ai-emerging-by-icon h3 {
font-size: 12px;
}
.ai-emerging-by-icon img {
height: 30px;
width: 30px;
}
}





@media (max-width: 1280px) {
  img.spinning-badge {
    width: 100px !important;
    height: 100px !important;
  }
  .corner-badge {
    height: 200px !important;
    width: 200px !important;
  }
}

@media (max-width: 1199px) {
  .corner-badge {
    width: 180px !important;
    height: 180px !important;
  }
}

@media (max-width: 767px) {
  .core-features-curve img.shape-2 {
    width: 85px !important;
    height: 85px !important;
  }
  .corner-badge {
    bottom: -2px !important;
    right: -2px !important;
    height: 160px !important;
    width: 160px !important;
 }
}


@media(max-width: 1280px){
  .table-of-content-inner .content p, 
  .table-of-content-inner .content {
    font-size: 16px;
  }
}
@media(max-width: 991px){
  .table-of-content-inner .content p, 
  .table-of-content-inner .content {
    font-size: 14px;
  }
}