/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Common
--------------------------------------------------------------*/

/* Colors  */
@import url(color-5.css);

/* Fonts */
@import url(fonts.css);

/* page loading  */
@import url(loading.css);


/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
  --main-font: 'Outfit';
  --main-white: #ffffff;
  --main-white-rgb: 255, 255, 255;
  --main-extra: #f2f5f9;
  --main-extra-rgb: 242, 245, 249;
  --main-bdr-color: #e0e4e8;
  --main-gray: #f8f8f8;
  --main-gray-rgb: 248, 248, 248;
  --main-base: #1B7DDC;
  --main-base-rgb: 0, 77, 167;
  --main-black: #242424;
  --main-black-rgb: 36, 36, 36;
  --main-primary: #E57D36;
  --main-primary-rgb: 246, 103, 9;
  --main-bdr-color-rgb: 224, 228, 232;
  --main-bdr-radius: 10px;
  --main-letter-spacing: -0.02em;
  --custom-blue: rgba(1, 44, 94, 1);
  --custom-green: rgba(14, 128, 35, 0.15);
  --custom-blue-op-15: rgba(0, 77, 167, 0.15);
  --custom-red-op-15: rgba(222, 90, 41, 0.15);
  --custom-purple-op-15: rgba(145, 8, 120, 0.15);
  --custom-black-op-15: rgba(0, 0, 0, 0.15);
  --custom-yellow-op-15: rgba(216, 169, 0, 0.15);
}

body .text-blue {
  color: var(--custom-blue) !important;
}

html {
  scroll-behavior: unset !important;
}

body .after-blue::after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(1, 44, 94, 1);
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

body .text-primary {
  color: var(--main-primary) !important;
}

body .text-green {
  color: rgba(75, 160, 100, 1) !important;
}

body .bg-green-15 {
  background-color: var(--custom-green) !important;
}

body .bg-blue-15 {
  background-color: var(--custom-blue-op-15) !important;
}

body .bg-red-15 {
  background-color: var(--custom-red-op-15) !important;
}

body .bg-purple-15 {
  background-color: var(--custom-purple-op-15) !important;
}

body .bg-black-15 {
  background-color: var(--custom-black-op-15) !important;
}

body .bg-yellow-15 {
  background-color: var(--custom-yellow-op-15) !important;
}

body .fs-22 {
  font-size: 20px !important;
  line-height: 34px !important;
}

body .fs-32 {
  font-size: 32px !important;
  line-height: 36px !important;
  font-weight: 500 !important;
}

body .fs-30 {
  font-size: 30px !important;
  line-height: 40px !important;
  font-weight: 600 !important;
}

body .fs-18 {
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  padding-top: 82px;
}

body * {
  font-family: var(--main-font);
  color: var(--main-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.2px;
  position: relative;
}
body b, body strong {
    font-weight: bolder;
	color: inherit;
}
@media (min-width: 1200px) {
	.h-xl-100{
		height: 100%;
	}
}
p, a {
  font-family: "Roboto Flex", sans-serif;
}

.z-3 {
  z-index: 3;
}

body .z-9 {
  z-index: 9 !important;
}

body a {
  color: var(--main-gray);
  display: inline-block;
  vertical-align: top;
}

body,
html {
  /* overflow-x: hidden; */
  height: 100%;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

html body .bg-blue-btn {
  background-color: var(--section-color2);
}

html body main .bg-border-btn {
  background-color: transparent !important;
  border: 2px solid var(--section-color2);
  color: var(--main-black);
  transition: .1s ease;
  padding-top: 10px;
  padding-bottom: 10px;
}

html body .bg-border-btn:hover {
  border-color: var(--main-primary) !important;
}

.bg-border-btn.thm-btn-3:after,
.bg-border-btn.thm-btn-3::before {
  background-color: var(--main-primary) !important;
}

.mb-n-120 {
  margin-bottom: -120px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.py-100 {
  padding: 100px 0;
}

.pt-60 {
  padding-top: 60px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pe-15 {
  padding-right: 15px;
}

.ps-15 {
  padding-left: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pe-60 {
  padding-right: 60px;
}

.ps-60 {
  padding-left: 60px;
}

.pe-40 {
  padding-right: 40px;
}

.ps-40 {
  padding-left: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-100 {
  padding: 100px 0;
}

.mb-30 {
  margin-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-40 {
  padding: 40px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mt-n60 {
  margin-top: -60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.z-1 {
  z-index: 1;
}

.z-99 {
  z-index: 99;
}

.z-999 {
  z-index: 999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--main-black);
  margin: 0;
  font-family: var(--main-font);
  font-weight: 700;
}

p {
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

body .disable-btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.9;
}

.list-unstyled {
  padding-left: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.form label {
  background-color: transparent;
  border-radius: 4px;
  position: absolute;
  left: 15px;
  top: 17px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: 1;
  text-transform: none;
  pointer-events: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin: 0;
}

.form br {
  display: none;
}

.form label {
  background-color: transparent;
  border-radius: 4px;
  position: absolute;
  left: 18px;
  top: 12px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: 1;
  text-transform: none;
  pointer-events: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin: 0;
}

.form .input_focus label, .form .value_focus label {
  -webkit-transform: scale(.75) translateY(-28px);
  -moz-transform: scale(.75) translateY(-28px);
  -ms-transform: scale(.75) translateY(-28px);
  -o-transform: scale(.75) translateY(-28px);
  transform: scale(.75) translateY(-28px);
  background-color: var(--main-primary);
  border-radius: 4px;
  padding: 1px 5px;
  color: #fff !important;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  top: 10px;
  font-size: 14px;
  transition: 0.5s all;
  border: 1px solid var(--main-primary);
	    z-index: 13;
	
}


/*--------------------------------------------------------------
# Common Theme Button
--------------------------------------------------------------*/

body .thm-btn {
  position: relative;
  vertical-align: middle;
  background-color: var(--main-base) !important;
  color: var(--main-white);
  font-size: 16px;
  letter-spacing: 1px;
  border: none;
  border-radius: 30px;
  padding: 12px 35.44px;
  transition: all 0.5s linear;
  overflow: hidden;
  font-family: var(--main-font);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
  font-weight: 500;
  line-height: 24px;
	outline: none;
}

html body .thm-btn-white {
  background-color: var(--main-white) !important;
  color: var(--main-base);
}

html body .thm-btn-primary {
  background-color: var(--main-primary) !important;
  color: var(--main-white);
}

html body .thm-btn-primary:hover {
  color: var(--main-base) !important;
}

.thm-btn-3 {
  position: relative;
  vertical-align: middle;
  background-color: var(--main-primary);
  color: var(--main-white);
  font-size: 16px;
  letter-spacing: 0.3px;
  border: none;
  /* max-width: 271px; */
  border-radius: 50px;
  padding: 8px 80px 8px 35px;
  transition: all 0.5s linear;
  overflow: hidden;
  font-family: var(--main-font);
  z-index: 1;
  font-weight: 500;
  line-height: 22px;
}

.thm-btn-3 .thm-btn-3-icon {
  position: absolute;
  width: 40px;
  height: 66%;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #Fff;
  background: url(../images/download-icon.png) no-repeat;
  background-position: 11px center;
  background-size: 25px;
}

.thm-btn:hover,
.thm-btn-3:hover {
  color: var(--main-white);
}

.thm-btn:before,
.quote-btn::before,
.thm-btn-3::before {
  position: absolute;
  content: "";
  background-color: var(--main-primary);
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.thm-btn-3:after,
.thm-btn-3::before {
  background-color: var(--main-base) !important;
}

html body .thm-btn-primary:after,
html body .thm-btn-primary::before {
  background-color: var(--main-white) !important;
}

.thm-btn:hover::before,
.quote-btn:hover::before,
.thm-btn-3:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.thm-btn:after,
.quote-btn::after,
.thm-btn-3:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--main-primary);
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.thm-btn:hover::after,
.quote-btn:hover::after,
.thm-btn-3:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

/*--------------------------------------------------------------
# quote-btn
--------------------------------------------------------------*/
.quote-btn {
  position: relative;
  vertical-align: middle;
  background-color: #D4E8FF;
  color: #0154F7;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 50px;
  padding: 10px 30px;
  margin-bottom: 6px;
  transition: all 0.5s linear;
  overflow: hidden;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  z-index: 1;
}

/*--------------------------------------------------------------
# Common Theme Button 2
--------------------------------------------------------------*/

.thm-btn-2 {
  background-color: transparent;
  color: var(--main-black);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 30px;
  border: none;
  padding: 12px 16px;
  transition: all 0.5s linear;
  overflow: hidden;
  font-family: var(--main-font);
  z-index: 1;
  font-weight: 600;
  line-height: 24px;
}

.btn-icon {
  padding-right: 35px;
  position: relative;
}

.btn-icon:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  background: url(../images/sprite-icons.webp) no-repeat;
  background-position: -12px -1px;
  background-size: 45px;
  vertical-align: middle;
  transition: .3s ease-in-out;
}

.btn-icon:hover::after {
  width: 28px;
  background-position: -5px -1px;
  filter: var(--main-base-filter);
}
.banner .btn-icon:hover::after{
	filter: var(--main-base-filter);
}

.btn-icon-primary {
  color: var(--main-primary);
}
.btn-icon-primary:hover:after {
  filter: brightness(0) saturate(100%) invert(33%) sepia(99%) saturate(1075%) hue-rotate(187deg) brightness(97%) contrast(88%)  !important;
}
.btn-icon-primary:after {

  filter: brightness(0) saturate(100%) invert(72%) sepia(10%) saturate(6294%) hue-rotate(327deg) brightness(104%) contrast(83%)  !important;
}

body .thm-btn-2:hover {
  color: var(--main-base);
}

/*--------------------------------------------------------------
# Common Nav Tab Button
--------------------------------------------------------------*/

.nav-tab-btn,
html body .accordion-button {
  background-color: transparent !important;
  color: var(--main-white) !important;
  position: relative;
  display: flex;
  vertical-align: middle;
  justify-content: start;
  align-items: center;
  font-size: 16px;
  letter-spacing: 1px;
  border: none;
  border-bottom: 1px solid transparent !important;
  border-image: linear-gradient(45deg, #0e558bb1, #02243ebb) 1;
  padding: 12px;
  transition: 0.5s linear;
  overflow: hidden;
  font-family: var(--main-font);
  z-index: 1;
  font-weight: 600;
  line-height: 24px;
}

html body .accordion-button {
  box-shadow: none !important;
}

.nav-tab-btn:last-child {
  border-bottom: none;
}

.nav-tab-btn .nav-tab-btn-icon {
  border: 2px solid var(--main-primary);
  border-radius: 50%;
  background: #3A3D42 url(../images/sprite-icons.webp) no-repeat;
  background-size: 45px;
  width: 48px;
  height: 48px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 12px 0 0;
}

.accordion-item:nth-child(1) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(1) .nav-tab-btn-icon {
  background-position: -1px -1208px;
}

.accordion-item:nth-child(2) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(2) .nav-tab-btn-icon {
  background-position: -1px -1253px;
}

.accordion-item:nth-child(3) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(3) .nav-tab-btn-icon {
  background-position: -6px -1595px;
  background-size: 55px;
}

.accordion-item:nth-child(4) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(4) .nav-tab-btn-icon {
  background-position: 0px -1346px;
}

.accordion-item:nth-child(5) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(5) .nav-tab-btn-icon {
  background-position: -1px -1394px;
}

.accordion-item:nth-child(6) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(6) .nav-tab-btn-icon {
  background-position: -4px -1604px;
  background-size: 50px;
}

.accordion-item:nth-child(7) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(7) .nav-tab-btn-icon {
  background-position: -4px -1656px;
  background-size: 50px;
}

.accordion-item:nth-child(8) .nav-tab-btn-icon,
.nav-tab-btn:nth-child(8) .nav-tab-btn-icon {
  background-position: -1px -1534px;
}

body .nav-tab-btn:hover,
body .nav-tab-btn:active,
body .nav-tab-btn.active {
  background-color: var(--section-color) !important;
  box-shadow: 0px 2px 0px 0px var(--main-base) !important;
  border-radius: 5px !important;
}

body .accordion-button:not(.collapsed) {
  background-color: var(--section-color) !important;
  box-shadow: none !important;
}

.white-btn {
  background-color: var(--main-white);
  border: 1px solid var(--main-white);
  color: var(--main-black);
}

.white-btn:hover {
  border: 1px solid var(--main-base);
  color: var(--main-white);
}

.white-btn:before {
  background-color: var(--main-base);
}

.white-btn:after {
  background-color: var(--main-base);
}

/* light box  */
.lightbox {
  position: fixed !important;
  top: 50px !important;
}

/*--------------------------------------------------------------
#<!-- header area  -->
--------------------------------------------------------------*/



/* General styles for the header */
header.site-header {
  background: #fff;
  /* Adjust as needed */
  box-shadow: 0px 4px 30px 0px #1B7DDC1F;
  transition: all 0.5s;
  line-height: 27px;
}


/* Logo Section */
.header-logo {
  display: flex;
  max-width: 306px;
  padding: 0 0 8px;
  align-items: end;
  height: 82px;
  position: relative;
}

.header-logo .logo-img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.header-logo .small-logo-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.development-techonology .nav-link,
header .menu-item a {
  padding: 28px 20px !important;
  font-size: 18px;
  color: var(--main-black);
  font-weight: 500;
  line-height: 27px;
  position: relative;
}

header .menu-item:last-child a {
  padding-right: 0px !important;
}

header .menu-item:first-child a {
  padding-left: 0px !important;
}

.development-techonology .nav-link.active,
header .menu-item.current_page_item>a {
  color: var(--main-primary) !important;
}

.development-techonology .nav-link::before,
header .menu-item>a:before {
  content: '';
  display: block;
  bottom: -25px;
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: -4.5px;
  background: var(--main-base);

  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.development-techonology .nav-link:hover,
header .menu-item.expanded>a,
header .menu-item>a:hover {
  color: var(--main-base) !important;
}

.development-techonology .nav-link:hover::before,
.development-techonology .nav-link.active::before,
header .menu-item>a:hover::before,
header .menu-item.expanded>a::before,
header .menu-item.current_page_item>a::before {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}


.menu-item.menu-item-has-children>a::after {
  content: '\f0d7';
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  top: 48%;
  transform: translateY(-48%);
  right: 7px;
  font-size: 14px;
  transition: content .5s ease-in-out;
}

html body .menu .menu-item-has-children.expanded>a::after,
.menu-item-has-children:hover>a::after {
  content: '\f0d8' !important;
}

/* custom menu child for responsive screen added throgh function.php start*/
.menu .custom-item {
  display: none;
}

/* custom menu child for responsive screen added throgh function.php end */

.navbar-toggler {
  padding: 0 15px;
  border: 0;
}

.navbar-toggler i {
  font-size: 30px;
  color: var(--main-base);
}

.offcanvas-header {
  position: relative;
  padding-bottom: 0;
}

.offcanvas-header .btn-close {
  padding: .25em .25em;
  border-radius: .375rem;
  opacity: .7;
  position: absolute;
  right: 30px;
  top: 46%;
  width: .9rem;
  background-size: 30px;
  height: .9rem;
  transition: .3s ease-in-out;
}

.offcanvas-header .btn-close:hover {
  opacity: .9;
}

.offcanvas-header .header-logo-small .small-logo-img {
  width: 70px;
}


/* home-banner(18-3-2025) */



.banner.banner-2 {
  height: 900px;
  position: relative;
}

.banner.banner-2 .bg-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.banner.banner-2 .bg-banner {
  height: 430px;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
}

.banner.banner-2 .bg-banner::before {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.banner.banner-2 .bg-banner::before {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: -1px;
  position: absolute;
  z-index: 1;
/*   background: linear-gradient(180deg, rgb(4 68 142) 10%, rgba(1, 66, 141, 0.5539390756302521) 30%, rgba(1, 66, 141, 0.239390756302521) 50%); */
	background:linear-gradient(180deg, rgb(4 68 142) 4%, rgba(1, 66, 141, 0.5539390756302521) 9%, rgba(1, 66, 141, 0.239390756302521) 12%);
}


.banner.banner-2 .section-heading .title {
  font-size: 65px;
  line-height: 85px;
}

/* service-section(18-3-2025) */

.request-a-quote-form .card {
  border-radius: 34px;
  background: var(--main-white);
  background-color: var(--main-white);
  border-color: var(--main-white);
  overflow: hidden;
}
.request-a-quote-form .card .select2-container--default .select2-results>.select2-results__options {
  max-height: 170px;
  padding-bottom: 2px;
}
.request-a-quote-form .card .select2-container--default .select2-dropdown--above .select2-results>.select2-results__options {
    max-height: 125px;
}

.request-a-quote-form .card-header {
  padding: 28px 22px 19px 22px;
  background: transparent;
  background-color: transparent;
}

.request-a-quote-form .card-body {
  padding: 16px 22px 29px 22px;
}

.request-a-quote-form .card-header .form-title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  text-align: center;
}

.request-a-quote-form .card .form-control,
.request-a-quote-form .card .form-control:focus {
  border-color: #ced4da;
  padding: 12px 14px;
  box-shadow: none !important;
}

.request-a-quote-form .card p label {
  font-size: 16px;
  line-height: 24px;
  color: var(--text-a);
  margin-bottom: 5px;
}

.request-a-quote-form .card .form-btn-area p {
  display: table;
  margin: 0 auto;
  position: relative;
}

body span.wpcf7-spinner {
  position: absolute;
  margin: auto 0 auto 10px;
  top: 0;
  bottom: 0;
}

.our-services-home {
  /* background-color: #F1F8FF; */
  position: relative;
}

.our-services-home::before {
  content: '';
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  height: 395px;
  background: url(../images/shapes.svg)no-repeat;
  background-size: cover;

}


.card.services-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  transform: translate(30%, -30%);
  background: linear-gradient(180deg, rgb(97 197 244 / 3%) 0%, rgb(13 132 255 / 15%) 100%) !important;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  z-index: 0;
}

.card.services-card.center::before {

  background: linear-gradient(180deg, rgba(40, 108, 94, 0) 0%, rgba(255, 255, 255, 0.12) 100%) !important;

}

.card.services-card::after {
  display: none !important;
}

.card.services-card {
  display: flex;
  border-radius: 40px 40px 40px 0px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  background: #ffffff;
  padding-right: 40px;
  overflow: hidden;
  position: relative;
  border: 0;

}

.card.services-card .card-body {
  border: none;
  padding: 0;
}

.title-wraper {
  padding: 13px 20px 13px 20px;
  margin: 0px 0px 30px 0px;
  border-radius: 15px 15px 15px 0px;
  background: var(--main-base);
}

.card.services-card .title {
  color: #fff;
  position: relative;
  z-index: 2;
  font-size: 24px;
  font-weight: bold;
  display: block;
  text-align: center;
  letter-spacing: 0.2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  line-height: 44px;
}

.solution-lists-container {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #e7edf2;
  margin: 10px 0px 20px 0px;
  padding-bottom: 0px;
}

.solution-lists {
  margin: 0;
  padding: 0;
  list-style: none;
}


.solution-lists>li {
  color: var(--main-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 20px;

}

.card.services-card.center .solution-lists>li {
  color: var(--main-white);
}

.card.services-card.center {
  background: var(--main-base);
  animation: smoothScale 9.5s ease-in-out infinite;
}

.card.services-card.center .title-wraper {
  background: var(--main-white);
}

.card.services-card.center .title-wraper .title {
  color: var(--main-black);
}

.card.services-card svg {
  margin-right: 10px;
}

@keyframes smoothScale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }

  100% {
    transform: scale(1);
  }
}

.page-serices-banner-form {
  margin-top: 35px;
  margin-bottom: 35px;
}

.page-serices-banner {
  height: 460px;
  margin-bottom: 10px;
  margin-top: 35px;
}

.page-serices-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /*   filter: drop-shadow(15px -15px 25px rgba(0 0 0 / 25%)); */
}

section.breadcrumbs {
  background: #f1f8ff;
  padding: 10px 0;
}

.inner-banner .section-heading .desc {
  color: var(--main-white);
}

.pb-108 {
  padding-bottom: 108px !important;
}

.inner-banner .section-heading .sub-title, .inner-banner .section-heading .sub-title span {
  line-height: 65px;
  font-weight: bold;
  font-size: 52px;
  color: var(--main-white);
  margin-bottom: 16px;
}

.breadcrumb__content {
  padding: 1px 0;
}

.breadcrumb__title {
  color: var(--main-white);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.link-disable a {
  cursor: not-allowed !important;
}

.link-disable:hover a::after {
  width: 0 !important;
}

.link-disable:hover a {
  color: var(--main-black) !important;
  font-weight: 400 !important;
}

.breadcrumb__title a {
  font-size: 16px;
  color: var(--main-black);
  transition: .3s ease-in-out;
}

.breadcrumb__title:hover a {
  color: var(--main-primary);
  font-weight: 500;
}

.breadcrumb__content svg {
  width: 20px;
  margin: 0 5px;
  height: 18px;
}

.breadcrumb__title a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--main-primary);

  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.breadcrumb__title:hover a:after {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}


.breadcrumb__title:hover+li:last-child:after {
  background-color: var(--main-white);

  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

.breadcrumb__title:hover+li:last-child {
  color: var(--main-black);
}

.breadcrumb__content li:last-child {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-primary);
  transition: .3s linear;
  list-style: none;
}

.breadcrumb__content li:last-child:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--main-primary);

  transform-origin: right top;
  transform: scale(1, 1);
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.wrap.inner-title {
  font-size: 28px;
  text-align: center;
  color: rgba(1, 44, 94, 1);
  font-weight: 600;
}

.breadcrumb__content {
  justify-content: left !important;
}

.breadcrumbs .section-heading .sub-title {
  font-size: 36px;
  line-height: 50px;
  position: relative;
  text-transform: capitalize;
}

body .breadcrumbs .desc {
  color: #d5d5d5;
}


.inner-pages-details-banner:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #99b6c769;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 16px;
  display: none;
  transition: .5s ease-in-out;
}

.col-lg-6:nth-child(odd) .inner-pages-details-banner:hover:after {
  background: #8285ad4f !important;
  display: block;
  opacity: 1;
}

.col-lg-6:nth-child(even) .inner-pages-details-banner:hover:after {
  display: block;
  opacity: 1;
}

.inner-banner {
  background: url(../images/breadcrumb-bg.webp) no-repeat center center / cover;
  position: relative;
  overflow: hidden;
}

/* common-heading */

.section-heading .small-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--main-base);
  line-height: 24px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.section-heading .sub-title, .section-heading .sub-title span {
  font-size: 35px;
  font-weight: 600;
  color: var(--main-black);
  line-height: 56px;
  position: relative;
  text-transform: capitalize;
  margin: 0 0 15px;
}

.inner-banner .section-heading .sub-title span,
body .section-heading .sub-title span {
  color: var(--main-primary);
}

body .select2-container--default .select2-selection--single {
  height: 50px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-a);
  height: 100%;
  padding: 10px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #aaa !important;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 1px;
  right: 10px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #6a6b6b;
  border-style: solid;
  border-width: 2px;
  height: 9px;
  left: auto;
  margin-left: auto;
  top: 19px;
  margin-top: auto;
  width: 9px;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

::placeholder {
  color: var(--text-a);
}


.section-heading .title .inner-title {
  color: var(--main-primary);
  text-transform: capitalize;
}

.section-heading .title,
.section-heading .inner-title {
  font-size: 52px;
  color: var(--main-black);
  line-height: 68px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
}

.section-heading .desc, .opening-box-desc {
  line-height: 31px;
  font-size: 16px;
  color: var(--text-a);
  /* font-weight: 600; */
  letter-spacing: 0.2px;
}

.section-heading .small-title::after {
  position: absolute;
  content: '';
  width: 50px;
  height: 4px;
  background: var(--main-primary);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 15px;
  margin-left: 10px;
}

/* common-btn sapcing */
.btn-area {
  margin-top: 50px;
}

/* banner area  */

.banner {
  background: url(../images/banner-bg.svg) no-repeat center center / cover;
  position: relative;
  overflow: hidden;
}

.banner .btn-icon {
  color: var(--main-white);
}

.banner .btn-icon:after {
  filter: brightness(0)invert(1);
}

.banner .section-heading .sub-title, .banner .section-heading .desc, .banner .section-heading .title {
  color: var(--main-white);
}

.banner-rating-area {
  position: relative;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 600px;
  height: 610px;
}

.avaiable-services img,
.creative-mind img,
.google-rating img {
  width: 100%;
  height: 100%;
}

.google-rating {
  width: 305px;
  height: 207px;
  margin-bottom: 50px;
  padding-top: 87px;
  margin-left: -100px;
}

.avaiable-services {
  width: 185px;
  height: 135px;
  margin-bottom: 25px;
  margin-left: -15px;
}

.creative-mind {
  width: 185px;
  height: 135px;
  margin: 0 0 54px 40px;
}

/* <!-- why choose us area and our services area --> */
.why-choose-us .wy-main-ch-box {
  padding: 12px;
}

.why-choose-us,
.pages-banner {
  position: relative;
  overflow: hidden;
}

.py-90 {
  padding-top: 90.5px;
  padding-bottom: 90.5px;
}

.hire-developer .pages-banner::after {
  background: linear-gradient(90deg, #fff, #ddf0fb) !important;
}

.hire-developers-container .row.pt-40:first-child {
  padding-top: 0;
}


/* .hire-developer .pages-banner::before{
  background: url(../images/Ellipse-left.webp) no-repeat left;
  background-position: 0px -370px;
  background-size: 100%;
}
.why-choose-us::before,
.pages-banner::before {
  background: url(../images/Rectangle-left.webp) no-repeat left;
  background-position: 0px 238px;
  background-size: 100%;
  content: '';
  left: 0;
  top: -20px;
  width: 53%;
  height: 100%;
  position: absolute;
  z-index: -1;
} */

section.pages-banner::before {
  background-position: 0px 270px;
}

section.pages-banner::after {
  background-position: right 50px;
}


.our-services .accordion {
  background: var(--section-gradient);
  border-radius: 12px;
  position: relative;
  padding: 30px;
}

/* 
.accordion-collapse {
  border-bottom: 1px solid transparent !important;
  border-image: linear-gradient(45deg, #0e558bb1, #02243ebb) 1;
  z-index: 1;
  background-color: var(--section-color) !important;
  box-shadow: 0px 2px 0px 0px var(--main-base) !important;
  border-radius: 5px !important;
}
.accordion-button:not(.collapsed)::after {
background-image:none !important;
content: "\f077";
font-weight:900;
transform: rotate(0);
transition: .5s ease-in-out !important;
font-family: 'font Awesome 6 free';
}
.accordion-button::after {
content: "\f078";
transform: rotate(0);
font-weight:900;
transition: .5s ease-in-out !important;
font-family: 'font Awesome 6 free';
background-image:none !important;
}
.accordion-body .our-services-development-para{
color:rgb(225 221 221);
} */

/* 
.why-choose-us::after,
.pages-banner::after {
  background: url(../images/Ellipse-right.webp) no-repeat right;
  background-position: right 100px;
  background-size: 100%;
  content: '';
  right: 0;
  top: 0;
  width: 52%;
  height: 100%;
  position: absolute;
  z-index: -1;
} */
.why-choose-us .wy-main-ch-box:first-child {
  margin: 63px 0 0 0;
}

.why-choose-us .wy-main-ch-box:last-child {
  margin: -63px 0 0 0;
}

.why-choose-us-box .icon-area {
  width: 90px;
  height: 90px;
  background-color: #ccc;
  padding: 20px;
  border-radius: 100%;
  margin: 0 auto 20px;
}

.why-choose-us-box .icon-area img {
  width: 100%;
  height: 100%;
}

.wy-main-ch-box:first-child .icon-area {
  background-color: #E0FBCF;
}

.wy-main-ch-box:nth-child(2) .icon-area {
  background-color: #FFEFDD;
}

.wy-main-ch-box:nth-child(3) .icon-area {
  background-color: #E5E5F9;
}

.wy-main-ch-box:last-child .icon-area {
  background-color: #E0F3FF;
}

.why-choose-us-box,
.milestone-box {
  position: relative;
  padding: 20px 30px 20px;
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
}
.why-choose-us-box{
	  min-height:  268px;
}
.milestone-box {
  min-height: 315px;
}

.col-md-6:nth-child(3) .why-choose-us-box::before {
  background-position: -6px -122px;
}

.col-md-6:last-child .why-choose-us-box::before {
  background-position: -6px -184px;
}

.box-area-heading {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.box-area-desc {
  color: var(--text-p);
}


/* .our-services::before {
  background: url(../images/Ellipse-left.webp) no-repeat left;
  background-position: 0px 270px;
  background-size: 100%;
  content: '';
  left: 0;
  bottom: -20px;
  width: 53%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

.our-services::after {
  background: url(../images/Rectangle-right.webp) no-repeat right;
  background-position: right 757px;
  background-size: 95%;
  content: '';
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: -1;
} */

.our-services .nav-pills {
  background: var(--section-gradient);
  border-radius: 12px;
  position: relative;
}

.our-services .nav-pills>div {
  padding: 30px;
  z-index: 1;
}

/* .our-services .nav-pills::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/Ellipse-right.webp) no-repeat right;
  background-position-y: -360px;
  background-size: 100%;
  position: absolute;
  opacity: 0.15;
  right: 0px;
} */

.our-services-development-heading {
  font-size: 26px;
  font-weight: 600;
  line-height: 39px;
  text-transform: capitalize;
  color: var(--main-black);
  margin-bottom: 25px;
}

.our-services-development-para {
  font-size: 20px;
  color: var(--text-p);
}

/* .our-services .tab-content {
  padding: 140px 0 0;
} */

.language-use-box {
  padding-top: 58px;
}

.language-use {
  padding-top: 135.5px;
  padding-bottom: 135.5px;
  padding-left: 30px;
  position: relative;
}

.language-use::before {
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #D1D2D3;
}

.language-use .col-md-2 {
  padding: 0;
}

.language-use-icon {
  background: url(../images/box-icons.webp) no-repeat;
  background-size: 95px;
  width: 80px;
  height: 80px;
  display: block;
}

.wordpress-icn {
  background-position: -8px -324px;
  margin-bottom: 30px;
}

.php-icn {
  background-position: -8px -702px;
  margin-bottom: 30px;
}

.bootstrap-icn {
  background-position: -7px -421px;
  margin-bottom: 30px;
}

.css-icn {
  background-position: -7px -518px;
}

.javascript-icn {
  background-position: -8px -615px;
}

.html-icn {
  background-position: -8px -786px;
}

/* <!-- our-approach area --> agile-section with rocket */

.agile-section, .about-footer-section {
  /* background: url(../images/Development-Process.webp) no-repeat center / cover; */
  background-color: var(--section-color);
  position: relative;
}

.agile-section::after, .agile-section::before, .about-footer-section::before, .about-footer-section::after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  pointer-events: none;
}

.agile-section::before, .about-footer-section::before {
  background: url(../images/shapes/shape-ellipse.svg) no-repeat;
  top: 0;
  left: auto;
  right: 0;
  background-position: right top;
  background-size: contain;
}

.agile-section::after, .about-footer-section::after {
  background: url(../images/shapes/shape-ellipse-2.svg) no-repeat;
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
  background-position: left top;
  background-size: contain;
}

.wave-style {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.wave-style img {
  width: 67%;
  height: 100%;
  object-fit: cover;
  object-position: -278px 93%;
}

.wave-style img.wave-2 {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  object-position: 293px 10%;
}

.agile-section .section-heading {
  padding-bottom: 40px;
}

.agile-section .agile-area h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 3px 20px;
  line-height: 29px;
}

.agile-section .box-mian {
  width: 16.6%;
  text-align: center;
  position: relative;
}

.agile-section .boxes-wrap {
  display: flex;
  /* position: relative; */
  z-index: 9;
  justify-content: center;
  flex-wrap: wrap;
}

.agile-section .box-mian .box-child {
  width: 116px;
  height: 116px;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  margin: 0 auto 15px;
  justify-content: center;
	position:relative;
	z-index:11;
  border: 2px solid transparent;
  /* box-shadow: rgb(24 39 50) 0 0 0 10px; */
}

.agile-section .box-mian .box-child img {
  margin: auto;
}

.agile-section .box-mian:nth-child(odd) .box-child {
  background: #3A3D42;
  border-color: #E57D36;
}

.agile-section .box-mian:nth-child(even) .box-child {
  background: #163B5A;
  border-color: #1B7DDC;
}

.rocket-area {
  width: 226px;
  position: relative;
  margin: 85px auto auto;
  text-align: center;
  /* background: #182732; */
}

.circle-design {
  display: block;
  width: 140px;
  height: 140px;
  border: 2px solid #E57D36;
  background: #3A3D42;
  border-radius: 100%;
  margin: 0 auto 15px;
  box-shadow: rgb(23 43 59) 0 0 0px 10px;
}

.rocket-area img.rocket {
  position: absolute;
  left: 0;
  right: -21px;
  top: auto;
  bottom: 70px;
  margin: auto;
}

.rectangle-box {
  height: 295px;
  pointer-events: none;
  margin: -150px 0 auto;
}
body div.rectangle-box {
  margin: 0 !important;
  position: absolute !important;
  top: 56px;
  bottom: 115px;
  right: -2px;
  left: 2px;
  height: unset !important;
  overflow: unset !important;
}
.rocket-area::after,
.rocket-area::before, .agile-section .box-mian::before, .agile-section .box-mian::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

.rocket-area::before {
  top: 61.5px;
  left: 20px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 14px solid #e57d36;
}

.rocket-area::after {
  top: 61.5px;
  right: 20px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 14px solid #e57d36;
}

.agile-section .box-mian::after, .agile-section .box-mian::before {
  top: 50px;
  left: auto;
  right: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #e57d36;
  z-index: 9;
}

.agile-section .box-mian::before, .agile-section .box-mian:first-child .box-child::before {
    border: 1px dashed #e57d36;
    width: auto;
    left: 0;
    right: -4px;
    top: 55px;
}

/* .agile-section .box-mian:first-child .box-child::before {
  left: -79px;
  right: 124px;
} */

.agile-section .box-mian:nth-last-child(-n + 4)::after {
  display: none;
}

div.demo {
  width: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  pointer-events: none;
  justify-content: center;
  align-items: center;
}


@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0% {
    transform: scale(0.99);
    transition: all 0.5;
  }

  50% {
    transform: scale(1.1);
    transition: all 0.5;
  }

  100% {
    transform: scale(0.99);
    transition: all 0.5;
  }
}



/* .agile-section .box-mian.active .box-child {
  animation: bounce 5s linear infinite;
} */

.agile-section .box-mian.active .box-child, .agile-section .box-mian.complete-step .box-child {
  background: #ffffff;
  border-color: #ffffff;
}

.agile-section .box-mian:nth-child(2n).complete-step .box-child {
  background: var(--main-base);
  border-color: var(--main-base);
}

.agile-section .box-mian:nth-child(2n+1).complete-step .box-child {
  background: var(--main-primary);
  border-color: var(--main-primary);
}

.agile-section .box-mian.active::before {
  border-color: #ffffff;
}

.agile-section .box-mian.active::after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffffff;
}


/* Positioning for rocket */
#myrocket.launch {
  position: absolute;
  /* Makes sure rocket can move freely */
  bottom: 0;
  /* Start at the bottom */
  left: 50%;
  /* Position at the center horizontally */
  transform: translateX(-50%);
  /* Align it exactly in the center */
  transition: all 2s ease;
  /* Smooth transition for all properties */
}

/* When rocket is launched, move it to the top and slightly diagonally */
#myrocket.launch {
  bottom: 100%;
  /* Move the rocket to the top */
  left: 80%;
  /* Move to the right (south-east direction) */
  transform: translateX(-50%) translateY(-330%) rotate(-45deg);
  /* Slightly adjust its position to look like it's going diagonally */
}

/* Optional: When the rocket goes back to the bottom */
#myrocket {
  bottom: 0;
  left: 50%;
  transform: translateX(-57%) translateY(15px) rotate(-45deg);
}





.agile-section .box-mian.complete-step .box-child img {
  filter: brightness(0)invert(1);
}

/* .sqr {
  position: absolute;
  top: calc(0% - -14px);
  left: 1px;
  right: 0px;
  bottom: 1.7px;
  border: 1px dashed #e57d36;
  border-radius: 0;
  border-top: 0;
  pointer-events: none;
} */

.sqr {
  position: unset !important;
  border: 1px dashed #e57d36;
  border-radius: 0;
  border-top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}


:root {
  --color: #40407a;
  --font-color: #f1c40f;
  --rocket-main: white;
  --rocket-highlight: #e74c3c;
  --rocket-glass: #9AECDB;
  --rocket-smoke: #f1f2f6;
  --rocket-fire: #f0932b;
  --rocket-fire-highlight: #f1c40f;
}

#frame {
    display: flex;
    width: 100%;
/*     height: 100%; */
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    left: 6px;
    z-index: 99;
}

.shadow {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  background: rgba(100, 100, 100, 0.1);
  z-index: 1;
}

.shadow--full {
  width: 100%;
}

.rocket {
  position: relative;
  width: 83px;
  height: 125px;
}




/* #frame .rocket {
  transform: rotate(45deg);
}

.my-rocket {
  transform: rotate(-47deg);
  position: relative;
  left: -43px;

  bottom: -30px;
} */

/* <!-- our-approach area --> agile-section with rocket end */


/* <!-- Our Trusted Partners --> */

/* .our-partners {
  background-image: url('../images/blush.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
} */
.testimonials, .our-industries, .light-blue-bg {
  background: #f1f8ff;
  position: relative;
}

.our-industries::before, .our-industries::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 39px;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.our-industries::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.owl-carousel#partnersSlider {
  cursor: grab;
}

.testimonialSlider .owl-nav,
#partnersSlider .owl-nav {
  position: unset;
  margin: 0;
}

.testimonialSlider .owl-nav .owl-next,
.testimonialSlider .owl-nav .owl-prev,
#partnersSlider .owl-nav .owl-next,
#partnersSlider .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.testimonialSlider .owl-nav .owl-next i,
.testimonialSlider .owl-nav .owl-prev i,
#partnersSlider .owl-nav .owl-next i,
#partnersSlider .owl-nav .owl-prev i {
  font-size: 25px;
  transition: .3s ease;
  padding: 5px;
}

.testimonialSlider .owl-nav .owl-prev:hover i,
.testimonialSlider .owl-nav .owl-next:hover i,
#partnersSlider .owl-nav .owl-next:hover i,
#partnersSlider .owl-nav .owl-prev:hover i {
  color: var(--main-primary);
}

.testimonialSlider .owl-nav .owl-prev:hover,
.testimonialSlider .owl-nav .owl-next:hover,
#partnersSlider .owl-nav .owl-next:hover,
#partnersSlider .owl-nav .owl-prev:hover {
  background: transparent !important;
}

.testimonialSlider .owl-nav .owl-prev,
#partnersSlider .owl-prev {
  left: 10px;
}

.testimonialSlider .owl-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 75px;
  margin-top: 21px !important;
}

.testimonialSlider .owl-dots .owl-dot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  transition: all .3s ease;
}

.testimonialSlider .owl-dots .owl-dot:hover {
  border: 1px solid var(--main-base);
  background-color: #87c4ffb3;
}

.testimonialSlider .owl-dots .owl-dot:hover span {
  background: var(--main-primary);
}

.testimonialSlider .owl-dots .owl-dot.active {
  border: 1px solid var(--main-base);
  background-color: #87c4ffb3;
}

.testimonialSlider .owl-dots .owl-dot.active span {
  background: var(--main-primary);
}

.testimonialSlider .owl-dots .owl-dot span {
  margin: auto;
  background: var(--main-base);
}


.testimonialSlider .owl-nav .owl-next,
#partnersSlider .owl-next {
  right: 10px;
}

.logo-main-box .logo-box {
  border: 1px solid #D1D2D3;
  /*   border-right: none; */
  padding: 20px 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-main-box .logo-box img {
  width: 85%;
  /*   filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%); */
}

.logo-main-box .logo-box img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.logo-main-box .row .col-lg-2:first-child .logo-box {
  border-left: none;
}

.logo-main-box .row:last-child .col-lg-2 .logo-box {
  border-bottom: none;
}

.logo-main-box .row:first-child .col-lg-2 .logo-box {
  border-top: none;
}

.logo-main-box .row .col-lg-2:last-child .logo-box {
  border-right: none;
}

/* 19-03-2025 */


.partners-slide .partner-logo {
  border-radius: 10px;
  background: #ffffff;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 5px;
  height: 125px;
  box-shadow: rgba(0 0 0 / 6%) 0 0 13px;
}

.partners-slide .owl-item, .partners-slide .owl-item img {
  height: 100%;
  object-fit: contain;

}

.partner-wrap {
  margin-bottom: 0px;
}

/* testimonials section  */

.testimonialSlider .owl-item {
  cursor: grab;
}

.testimonials .card-body img {
  width: 156px;
  height: 64px;
  display: inline-block;
}

.testimonial-image-box .testimonials-card-heding {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #484848c2;
  right: 0;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}

/* new testimonials card  */

.testimonials .card {
  background: url(../images/small-screen-side-menu-bg.webp) no-repeat center / cover;
  /* background: url(../images/Career-details-right-box-bg.webp) no-repeat center / cover; */
  padding: 12px;
  position: relative;
}

.testimonials .card::after {
  position: absolute;
  content: '';
  background-image: url(../images/left-icon.png);
  background-repeat: no-repeat;
  background-position: 240px 315px;
  background-size: 70px;
  top: 0;
  right: 0;
  opacity: .5;
  width: 100%;
  bottom: 0;
}

.testimonials .card::before {
  position: absolute;
  content: '';
  background-image: url(../images/left-icon.png);
  background-repeat: no-repeat;
  background-position: 255px 285px;
  background-size: 50px;
  transform: rotate(180deg);
  top: 0;
  right: 0;
  opacity: .5;
  width: 100%;
  bottom: 0;
}

.testimonials .card-body {
  border: 1px solid #e57d3678;
  border-radius: var(--bs-card-border-radius);
  z-index: 1;
}

.testimonials .card-body img {
  width: 120px;
  height: 55px;
  display: inline-block;
}

.testimonials .card-image img.card-img-top {
  width: 130px;
  object-fit: cover;
  height: 130px;
  border-bottom-left-radius: 100%;
  object-position: center;
}

/* .testimonials .card .testimonials-card-sub-heding,
.testimonials .card .testimonials-card-heding{
color: #fff !important;
} */
.testimonials .card .read-more-link,
.testimonials .card .testimonials-card-desc {
  /* color: #cfcece; */
  color: #000000;
}

.testimonials-card-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: -webkit-line-clamp 0.5s ease-out;
}

/* new testimonials card end */


.testimonials-card-heding {
  font-size: 16px;
  font-weight: 600;
}

.testimonials-card-sub-heding {
  color: var(--text-a);
  font-weight: 500;
  margin-bottom: 6px;
}

.testimonials-card-desc {
  color: var(--text-p);
}

.read-more-link {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-black);
  transition: .3s ease-in-out;
  position: relative;
  cursor: pointer;
}

body .text-blue.read-more-link:hover {
  color: var(--main-primary) !important;
}

body .text-primary.read-more-link:hover {
  color: var(--main-base) !important;
}

html body .text-black {
  color: var(--main-black);
}

html body .digital-marketing-insights p .text-black.read-more-link:hover,
html body .text-black.read-more-link:hover {
  color: var(--main-base) !important;
}

.testimonials .card .read-more-link:hover,
.read-more-link:hover {
  color: var(--main-primary);
}

/* technology-section  */
/* .our-successfull-porjects, */

.technology-section {
  background: linear-gradient(270deg, rgb(6 50 85) 0%, rgba(24, 38, 49, 1) 30%, rgba(24, 38, 49, 1) 72%, rgb(4 50 86) 100%)
}

.technology-section .sub-title {
  color: var(--main-white);
}

.consultation-form {
  /*     background:  linear-gradient(105.73deg, #1f8efa 0%, #1b7ddc 100%); */
  background: url(../images/banner-bg.svg) no-repeat center center / cover;
  position: relative;
  overflow: hidden;
  background-color: #04448E;
}


.hexagon img {
  width: 71px;
  height: 71px;
  z-index: 9;
}

.hex-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--main-white);
  text-align: center;
  line-height: 27px;
  display: block;
  z-index: 9;
}

.main-hexagon {
  display: flex;
  flex-direction: column;
}

.hexagon-container .row {
  flex-wrap: wrap;
}

.hexagon-container .row:nth-child(2) {
  margin-top: -36px;
  margin-left: 78px !important;
}

.hexagon-container .row:nth-child(3) {
  margin-top: -36px;
  margin-left: 157px !important;
}

.hexagon-container {
  flex: 1;
}

.hexagon {
  width: 150px;
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px;
  background-color: var(--main-base);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  position: relative;
  transform: scale(.99);
}

.bg-main-primary {
  background-color: var(--main-primary);
}

.hexagon.hover-effect {
  transform: scale(1);
  z-index: 1;
  background-color: var(--main-white);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hexagon.bg-base-after-hexagon:after {
  background-color: var(--main-base);
}

.hexagon.bg-primary-after-hexagon:after {
  background-color: var(--main-primary);
}

.hexagon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #163B5A;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* <!-- OUR WORKS and HIRE DEVELOPER Section --> */

.portfolio img {
  border-radius: 12px;
  margin-bottom: 22px;
  width: 100%;
}

.portfolio-read-more {
  width: 100%;
}

.portfolio-read-more .full-image-btn p {
  padding: 12px 22px;
  margin-bottom: 0;
}

.portfolio-read-more .full-image-btn {
  background-color: #999DC7;
  left: 38%;
  top: auto;
  transform: scale(0) translate(-40%);
  bottom: 0%;
  opacity: 0;
  transition: .3s ease;
}
.portfolio {
   
    height: 100%;
}

.no-scroll {
  overflow: hidden !important;
  height: 100%; /* prevent scrolling */
}

.portfolio .inner-pages-details-banner {
    max-height: 430px;
   
}
.portfolio-read-more:hover .full-image-btn {
  bottom: 38%;
  left: 50%;
  opacity: 1;
  transform: scale(1) translate(-50%);
}

.portfolio h5 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin: 25px 0 0;
   
}

.portfolio p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
  margin-bottom: 12px;
}

.portfolio .tag {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  row-gap: .5rem;
}

.portfolio .tag-box {
  width: auto;
  height: 40px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}

.portfolio .tag .red {
  background-color: #FFF5EA;
  color: #B76D1C;
}

.portfolio .tag .green {
  background-color: #F4FFE2;
  color: #446A06;
}

.portfolio .tag .blue {
  background-color: #EAF7FF;
  color: #116090;
}

.portfolio-item {
  transition: all 1s;
  padding-bottom: 3%;
  width: 100%;
  padding-right: 35px;
}
.portfolio-item:hover {
  transform: translateY(-1.25rem);
}

.portfolio-box {
  border-radius: 10px;
  box-shadow: 0 5px 21px 0 rgba(81,81,81,.18);
  height: 391px;
  width: 100%;
}


.portfolio-box {
  cursor: pointer;
  animation:autoscroll 20s ease-out infinite alternate;
}

/* Stop + reset on hover */
.portfolio-box:hover {
	 
  animation: none;    
	transition: all 5s ease-out;
  transform: translateY(0); 
	animation-play-state: paused;
}

.pasive {
  opacity: 50%;
}

@keyframes autoscroll {
  0% {
    background-position: 50% 0;
  } 
  50% {
    background-position: 50% 100%;
  } 
  100% {
    background-position: 50% 0%;
  } 
}



.hire {
  width: 100%;
  min-height: 278px;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  height: 100%;
}

.hire img {
  margin-bottom: 16px;
  width: 180px !important;
}

.hire h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #182631;
  margin-bottom: 28px;
}

.hire-1 {
  background-color: #e3f6fb;
}

.hire-2 {
  background-color: #c9e7fb;
}

.hire-3 {
  background-color: #ddf5d4;
}

.hire-4 {
  background-color: #e1e3f6
}

/* <!-- our industries section -->  */


.industries-box {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.08);
}

.industries-box h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #232730;
}

.industries-box:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.industries-box:before {
  -webkit-transform: translateY(102%);
  transform: translateY(102%);
  width: 100%;
  position: absolute;
  background-color: var(--main-primary);
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.industries-box:hover .icon,
.industries-box:hover h5 {
  color: var(--main-white);
  filter: brightness(0) invert(1);
}

.industries-box .icon {
  width: 60px;
  height: 60px;
  background: url(../images/sprite.svg);
  margin: 0 0 6px;
  background-repeat: no-repeat;
}

.industries-main-box:nth-child(2) .icon {
  background-position: 0 -284px;
}

.industries-main-box:nth-child(3) .icon {
  background-position: 0 -425px;
}

.industries-main-box:nth-child(4) .icon {
  background-position: 0 -567px;
}

.industries-main-box:nth-child(5) .icon {
  background-position: 0 -710px;
}

.industries-main-box:nth-child(6) .icon {
  background-position: 0 -852px;
}

.industries-main-box:nth-child(7) .icon {
  background-position: -2px -993px;
}

.industries-main-box:nth-child(8) .icon {
  background-position: 0 -1135px;
}

.industries-main-box:nth-child(9) .icon {
  background-position: 0 -1278px;
}

.industries-main-box:nth-child(10) .icon {
  background-position: 0 -1420px;
}

.industries-main-box:nth-child(11) .icon {
  background-position: 0 -1559px;
}

/* common pages section bg */

.common-pages {
  position: relative;
  overflow: hidden;
}

/* .common-pages::after {
  position: absolute;
  content: '';
  background: url(../images/Ellipse-right.webp) no-repeat;
  background-position: 0 -200px;
  background-size: 100%;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: -1;
}
  .common-pages::before {
    position: absolute;
    content: '';
    background: url(../images/Ellipse-left.webp) no-repeat;
    background-position: 0px 530px;
    background-size: 100%;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: -1;
  } */

/* <!-- news & post and Contact form --> */
.pages-banner-image {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}

.blog img {
  width: 100%;
}

.blog .image-hover {
  border-radius: 12px;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
  transition: scale .5s ease-in-out;
}

.blog .image-hover img {
  transition: .5s ease-in-out;
}

.blog .image-hover img:hover {
  transform: scale(1.1);
}



.blog h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  color: #182631;
  margin-bottom: 8px;
}

.blog p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
  margin-bottom: 12px;
}

.blog .date, .section-heading .date {
  display: flex;
  align-items: center;

}

.blog .date i, .section-heading .date i {
  color: #E57D36;
}

.blog {
  box-shadow: 0 5px 22px 0px rgb(15 53 103 / 9%);
  padding: 25px;
  border-radius: 20px;
  height: 100%;
}

.blog .btn-icon {
  color: var(--main-base);
  border: 1px solid #dfdfdf;
  border-radius: 11px;
  padding: 9px 50px 10px 25px;
  background: var(--main-white);
}

.blog .btn-icon::after {
  right: 20px;
  filter: brightness(0) saturate(100%) invert(41%) sepia(63%) saturate(2947%) hue-rotate(192deg) brightness(90%) contrast(91%);
}

.blog .btn-icon:hover {
  background-color: var(--main-base);
  color: var(--main-white);
  border-color: var(--main-base);
}

.blog .btn-icon:hover:after {
  filter: brightness(0)invert(1);
}

.blog .date span, .section-heading .date p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #E57D36;
  margin: 0;
}

.blogs-detail .desc {
  font-size: 18px;
  line-height: 27px;
}

.blogs-detail .our-services-development-heading {
  margin-bottom: 40px;
}

.blogs-detail .my-timeline2 {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-right: 10px;
}

.blogs-detail .my-timeline2::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #A3A3A3;
  top: 0;
  left: 30px;
  z-index: 1;
  height: 90%;
}

.blogs-detail .timeline-line2 {
  position: absolute;
  width: 2px;
  background-color: #E57D36;
  top: 0;
  left: 30px;
  z-index: 2;
  /* height: 10%; */
  transition: height 0.5s ease;
}

.blogs-detail .timeline-image2 {
  position: absolute;
  left: 25px;
  width: 12px;
  height: 12px;
  transition: top 0.5s ease;
  /* top: 10%; */
  z-index: 3;
}

.blogs-detail .my-container {
  width: 100%;
}

.blogs-detail .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-container-conclusion .sub-text-box.sub-text-box-with-border {
  border: 2px solid #41B883;
  border-radius: 12px;
  padding: 24px;
  background-color: #87ddb717;
}

.blogs-detail .text-box .sub-text-box h3 {
  font-weight: 500;
}

html .blogs-detail .text-box .sub-text-box a:hover {
  text-decoration: underline;
}

html .blogs-detail .text-box .sub-text-box a, 
body .blogs-detail .section-heading .desc a {
  color: var(--light-green);
  font-size: 18px;
  font-weight: 500;
  display: inline;
  font-style: italic;
}
body .blogs-detail .time-line-scroll .desc a{color: var(--light-green);}

html .blogs-detail .text-box .sub-text-box-list {
  margin: 25px 0;
}

html .blogs-detail .text-box .sub-text-box-list .sub-text-box-list-item {
  font-size: 18px;
  line-height: 27px;
  color: var(--text-p);
}

html .blogs-detail .text-box .sub-text-box p, html .blogs-detail .text-box .sub-text-box ul li {
  font-size: 18px;
  line-height: 27px;
}

html .blogs-detail .text-box .sub-text-box ul li {
  margin-bottom: 5px;
}

ul li::marker {
  color: #585858;
}

.blogs-detail .icon .sr-no {
  padding: 12px;
  color: var(--main-primary);
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
}

.container .my-container-conclusion .icon {
  border: 1px solid var(--light-green);
  background-color: var(--light-green);
}

.my-container-conclusion .icon span {
  background: url(../images/right-tick.webp) no-repeat;
  background-size: 33px;
  display: inline-block;
  background-position: .5px 1px;
  width: 35px;
  height: 35px;
}

/* .news-blogs,
.contact-us-section {
  background-image: url('../images/blush.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
} */
.contact-us-section {
  background-position: 10px -35px;
}

.contact-section {
  background-image: url('../images/Development-Process.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 12px;
}

.contact-section .sub-title {
  text-align: left;
  color: var(--main-white);
  margin-bottom: 6px;
}

.contact-section .desc {
  text-align: left;
  color: #D1D2D3;
  margin-bottom: 24px;
}

.contact-section .address {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.contact-section .address .icon {
  width: auto;
  min-width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 50%;
  background-color: #353d3b;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.contact-section .address .icon i {
  color: #E57D36;
}

.contact-section .address .address-details p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #D1D2D3;
  margin: 0;
}

.contact-form {
  background-color: #FFFFFF;
  padding: 40px 30px 30px;
  border-radius: 20px;
}

.contact-form form label {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #272B34;
  margin-bottom: 6px;
}

.contact-form form input:not([type="submit"]),
.contact-form form select {
  background-color: #FFFFFF;
  height: 48px;
  padding: 12px 14px;
  border-radius: 6px;
  border: 2px solid #D1D2D3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
}

.contact-form form input:focus-visible,
.contact-form form input:focus,
.contact-form form select:focus-visible,
.contact-form form select:focus,
.contact-form form textarea:focus-visible,
.contact-form form textarea:focus {
  box-shadow: none;
  outline: 0;
  border: 2px solid #D1D2D3;
}

.contact-form form textarea {
  background-color: #FFFFFF;
  padding: 12px 14px;
  border-radius: 6px;
  height: 90px;
  border: 2px solid #D1D2D3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
}

.contact-form form button {
  text-decoration: none;
  border-radius: 50px;
  padding: 10px 30px;
  background-color: #1B7DDC;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  margin-right: 16px;
  border: none;
}

/* about footer section */


.about-footer-section .about-footer h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 22px;
  text-transform: capitalize;
  position: relative;
}

.about-footer-section .about-footer h3:before,
.about-footer-section .about-footer h3:after {
  content: '';
  width: 50px;
  height: 2px;
  background: var(--main-primary);
  left: 0;
  position: absolute;
  bottom: -6px;
}

.about-footer-section .about-footer h3:after {
  width: 16px;
  border: 2px solid #132644;
  left: 30px;
  border-bottom: 0;
  border-top: 0;
  z-index: 1;
  background: transparent;
  -webkit-animation: footerLine 7s linear infinite;
  animation: footerLine 7s linear infinite;
}

@-webkit-keyframes footerLine {
  0% {
    left: 30px
  }

  50% {
    left: 0
  }

  100% {
    left: 30px
  }
}

address div a p {
  transition: .5s ease;
  vertical-align: middle;
}

address div a p:hover {
  color: var(--main-base) !important;
}

.about-footer-section .about-footer p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #D0D5DD;
  margin-bottom: 15px;
  transition: .5s ease;
}

.footer-mail-details,
.footer-address-details,
.footer-contact-details {
  color: var(--main-white);
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
}

.about-footer-section span.icon-f {
  display: inline-block;
  min-width: 35px;
  height: 35px;
  background: url(../images/sprite.svg);
  background-position: 0px -3303px;
  background-size: 36px;
  margin-right: 9px;
  margin-top: -5px;
}

.icon-wrap:nth-child(3) span.icon-f {
  background-position: -1px -2454px;
  background-size: 38px;
}

.icon-wrap:nth-child(2) span.icon-f {
  background-position: -1px -2341px;
  background-size: 38px;
  position: relative;
  top: -14px;
}

.about-footer-section span.icon-f .footer-contact-details i,
.footer-mail-details i {
  left: 0px !important;
  font-size: 18px !important;
}

.footer-mail-details i,
.footer-contact-details i,
.footer-address-details i {
  position: absolute;
  font-size: 20px;
  color: var(--main-primary);
  left: 5px;
  top: 5px;
}

.about-footer-section .about-footer ul {
  list-style: none;
  padding: 0;
}

.about-footer-section .about-footer ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #D0D5DD;
  margin-bottom: 8px;
}

.about-footer-section .about-footer ul.all-service li:last-child {
  color: #E57D36;
}

.about-footer-section .about-footer .certificate {
  width: 100%;
  height: 100%;
  padding: 15px 31px 15px;
  border-radius: 21px;
  background: #1a3249;
}

.about-footer-section .about-footer .certificate h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  /* text-align: center; */
  color: #D0D5DD;
  margin-bottom: 12px;
}

.about-footer-section .about-footer .certificate .col-6:nth-child(n+12),
.about-footer-section .about-footer .certificate .col-6:nth-child(n+8):nth-child(-n+8),
.about-footer-section .about-footer .certificate .col-6:nth-child(n+4):nth-child(-n+4) {
  border-right: 0;
}

.about-footer-section .about-footer .certificate .col-6:nth-child(n+9) {
  border-bottom: 0;
}

.about-footer-section .about-footer .certificate .col-6 {
  /* border: 1px solid #171C25; */
  display: flex;
  justify-content: center;
  border-left: 0;
  border-top: 0;
}

.about-footer-section .about-footer .certificate .certi-box {
  padding: 5px 10px;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  max-width: 100px;
}

.about-footer-section .about-footer .certificate .certi-box:nth-child(5) {
  max-width: 110px;
}

.about-footer-section .about-footer .certificate .certi-box:nth-child(1) {
  max-width: 150px;
}

.about-footer-section .about-footer .certificate .certi-box:nth-child(3) {
  max-width: 150px;
}

.about-footer-section .about-footer .certificate .certi-box:nth-child(6) {
  max-width: 120px;
}

.about-footer-section .about-footer .certificate .certi-box:nth-child(4) {
  max-width: 110px;
}

.about-footer-section .about-footer .certificate .certi-box img {
  vertical-align: middle;
  overflow: hidden;
  object-fit: contain;
}

.about-footer-section .about-footer .all-service .read-more-link:hover {
  color: var(--main-base);
}

.about-footer-section .about-footer .read-more-link {
  color: var(--main-white);
  font-weight: normal;
}

.about-footer-section .about-footer .read-more-link:hover {
  color: var(--main-primary);
}


/* footer  */

.footer {
  padding: 20px 0 15px;
  margin: 40px 0 0;
  border-top: 1px dashed #1b7ddc3d;
}

.footer .mob-footer a,
.footer .mob-footer {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #D0D5DD;
  margin: 0;
  text-align: center;
  transition: .5s ease;
}

.footer-image {
  display: inline-block;
  width: 80%;
}

.footer .mob-footer a:hover {
  color: var(--main-primary);
}

.footer .footer-logo {
  max-width: 269px;
  margin-right: 30px;
}

.footer h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
  margin: 0;
}

.social-icon {
  padding-left: 25px;
}

.social-icon h5,
.social-icon a i {
  text-decoration: none;
  color: var(--main-white);
}

.social-icon a:not(:last-child) {
  margin-right: 15px;
}

.social-icon a i {
  transition: .3s ease-in-out;
  font-size: 32px;
}

.text {
  padding: 20px 60px 0 0;
}

.social-icon a i:hover {
  color: var(--main-primary);
}

/* scroll top button */

.smothscroll {
  display: flex;
  position: fixed;
  bottom: 25px;
  bottom: 135px;
  background: var(--main-primary);
  right: 20px;
  right: 30px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 99;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateY(200px);
}

.smothscroll.show {
  opacity: 1;
  transform: translateY(0);
}

.smothscroll p i {
  color: var(--main-white);
  transition: all 0.5s ease-in-out;
  transform: rotate(313deg);
  font-size: 20px;
  vertical-align: middle;
}

.smothscroll:hover {
  background-color: var(--main-base);
}

/* pages style */

.section-heading .date {
  justify-content: space-between;
  margin-bottom: 12px;
}

.section-heading .date .small-title {
  line-height: 33px;
  color: #116090;
  text-transform: capitalize;
}

.section-heading .date .small-title::after {
  display: none;
}

.product-page-image {
  box-shadow: 0 1px 5px #00000099;
  transition-duration: 300ms;
  transition-property: transform, box-shadow;
  transition-timing-function: ease-out;
  transform: rotate3d(0);
  cursor: pointer;
}

.product-page-image:hover {
  transition-duration: 150ms;
  box-shadow: 0 5px 20px 5px #00000044;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 2px;
  --bs-nav-tabs-border-color: var(--main-base);
  --bs-nav-tabs-border-radius: 12px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: var(--main-base);
  padding-bottom: 14px;
  border-bottom: 0;
  background-color: var(--main-white);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: var(--main-base);
  background-color: var(--main-white);
  color: var(--main-base);
  padding-bottom: 14px;
  border-bottom: 0;
}

.nav-tabs .nav-link {
  font-size: 18px;
  padding: 12px 20px;
  letter-spacing: .08px;
  font-weight: 500;
  color: var(--main-white);
}

.nav-tabs .nav-link.active {
  color: var(--main-base);
}

.pages-banner-area {
  position: relative;
  height: 610px;
  border-radius: 12px;
}

.pages-banner .small-title {
  margin-bottom: 6px;
}

.pages-banner .btn-area {
  margin-top: 36px;
}

.pages-banner .desc {
  line-height: 27px;
  margin-top: 12px;
}

.sub-desc {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: var(--light-green);
  padding-top: 16px;
  padding-right: 80px;
}

.hire-developer .pages-banner .btn-area {
  margin-top: 20px;
}

.milestone-box {
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}

.solutions-enterprise-page .milestone-box {
  padding: 30px 33px;
  border-radius: 20px;
  border: 1px solid rgba(163, 163, 163, 1);
  text-align: center;
}

.solutions-enterprise-page .milestone-box .box-area-heading {
  padding: 0 0 0 13px;
  margin-bottom: 25px;
}

.border-left-3 {
  border-left: 3px solid;
}

.border-green {
  border-color: rgba(14, 128, 35, 1);
}

.border-blue {
  border-color: rgba(0, 77, 167, 1);
}

.border-orange {
  border-color: rgba(222, 90, 41, 1);
}

.border-purple {
  border-color: rgba(144, 8, 120, 1);
}

.border-black {
  border-color: rgba(0, 0, 0, 1);
}

.border-yellow {
  border-color: rgba(216, 169, 0, 1);
}


.development-step article .milestone-box {
  height: 100%;
}

.milestone-box {
  outline: 2px solid #bfdfad;
  outline-offset: -2px;
}

.hire-developer .col-md-6:nth-child(2) .milestone-box:hover {
  outline-color: #a865fb !important;
}

.hire-developer .col-md-6:nth-child(3) .milestone-box:hover {
  outline-color: #fd8f6b !important;
}


.col-md-6:nth-child(2) .milestone-box {
  outline-color: #fdbfbf;
}

.col-md-6:nth-child(3) .milestone-box {
  outline-color: #c7b1e4;
}

.col-md-6:nth-child(4) .milestone-box {
  outline-color: #a7cbe8;
}

.milestone-box-logo {
  margin: 0px auto 9px;
  background: url(../images/milestone-box-logos.webp) no-repeat;
  background-size: 120px;
  width: 120px;
  height: 120px;
}

body .rounded-50 {
  border-radius: 50%;
}

body .width-100 {
  width: 100px;
}

body .height-100 {
  height: 100px;
}

body .width-60 {
  width: 60px;
}

body .height-60 {
  height: 60px;
}

.col-md-6:nth-child(1) .milestone-box-logo {
  background-position: 0 0;
}

.col-md-6:nth-child(2) .milestone-box-logo {
  background-position: 0 -150px;
}

.col-md-6:nth-child(3) .milestone-box-logo {
  background-position: 0 -305px;
}

.col-md-6:nth-child(4) .milestone-box-logo {
  background-position: 0 -456px;
}

.hire-developer .milestone-box .box-area-heading {
  font-size: 30px;
  line-height: 42px;
}


.development-step article:nth-child(1) .milestone-box {
  outline: 2px solid #6FBB50;
  outline-offset: -2px;
}

.development-step article:nth-child(1) .milestone-box,
.col-md-6:nth-child(1) .milestone-box {
  background-color: #f4f7e2;
}

.development-step article:nth-child(2) .milestone-box {
  background-color: #F1EDF6;
  outline: 2px solid #A862FF;
  outline-offset: -2px;
}

.col-md-6:nth-child(2) .milestone-box {
  background-color: #f9f1f1;
}

.development-step article:nth-child(3) .milestone-box {
  background-color: #EFECEB;
  outline: 2px solid #FF9A78;
  outline-offset: -2px;
}

.col-md-6:nth-child(3) .milestone-box {
  background-color: #f4f0f9;
}

.development-step article:nth-child(4) .milestone-box {
  outline: 2px solid #42BFF1;
  outline-offset: -2px;
}

.development-step article:nth-child(4) .milestone-box,
.col-md-6:nth-child(4) .milestone-box {
  background-color: #ebf6ff;
}

.milestone-box .box-area-heading {
  font-size: 48px;
  line-height: 52px;
}

.milestone-box .box-area-desc {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  color: var(--main-black);
}

.mission-and-vission-area-main {
  background:linear-gradient(270deg, rgb(6 50 85) 0%, rgba(24, 38, 49, 1) 30%, rgba(24, 38, 49, 1) 72%, rgb(4 50 86) 100%);
}

.mission-and-vission-area .sub-title {
  color: var(--main-white);
}

.evolutiuon-boxes {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-right: 70px;
  margin-top: 24px;
}

.evolutiuon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  background-color: rgba(229, 125, 54, 0.16);
  outline: 2px solid var(--main-primary);
  outline-offset: -2px;
  border-radius: 50px;
}

.evolutiuon-box-text {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 21px;
  color: var(--main-white);
}

.evolutiuon-box-right-tick {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('../images/sprite-icons.webp') no-repeat;
  background-size: 35px;
  background-position: -9px -1238px;
}

.evolutiuon-image {
  max-width: 100%;
  max-height: 100%;
}

/* .why-choose-us-pages.why-choose-us::before {
  background-position: 0px -125px;
  background: url(../images/Ellipse-left.webp) no-repeat;
} */
.why-choose-us-pages.why-choose-us::after {
  background-position: right -115px;
}

.my-timeline,
.my-timeline1 {
  position: relative;
  height: 500px;
  overflow-y: auto;
  padding-right: 10px;
}

.my-container,
.my-container1 {
  position: relative;
  width: 80%;
  opacity: 1;
  margin-bottom: 40px;
}

.my-container:nth-child(1),
.my-container1:nth-child(1) {
  animation-delay: 0s;
}

.my-container:nth-child(2),
.my-container1:nth-child(2) {
  animation-delay: 1s;
}

.my-container:nth-child(3),
.my-container1:nth-child(3) {
  animation-delay: 2s;
}

.my-container:nth-child(4),
.my-container1:nth-child(4) {
  animation-delay: 3s;
}

.my-container:nth-child(5),
.my-container1:nth-child(5) {
  animation-delay: 4s;
}

.my-container:nth-child(6),
.my-container1:nth-child(6) {
  animation-delay: 5s;
}

.text-box {
  position: relative;
  display: flex;
  align-items: start;
}

.text-box .icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  border-radius: 50%;
  border: 1px solid #E57D36;
  background-color: #FBEDE3;
  margin-right: 10px;
  z-index: 4;
}

.text-box .sub-text-box h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #182631;
  margin-bottom: 12px;
}

.text-box .sub-text-box p, .text-box .sub-text-box ul li, .text-box .sub-text-box ul li span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
  margin: 0;
}

.text-box .sub-text-box ul li span {
  font-weight: 600 !important;
  color: var(--main-black);
}

.left-container {
  left: 15%;
}

.right-container {
  left: 15%;
}

.timeline-line,
.timeline-line1 {
  position: absolute;
  width: 2px;
  background-color: #E57D36;
  top: 0;
  left: 18.8%;
  z-index: 2;
  height: 0;
  transition: height 0.5s ease;
}


.timeline-image,
.timeline-image1 {
  position: absolute;
  left: 18.1%;
  width: 12px;
  height: 12px;
  transition: top 0.5s ease;
  top: 0;
  z-index: 3;
}

.my-timeline::after,
.my-timeline1::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #A3A3A3;
  top: 0;
  left: 18.8%;
  z-index: 1;
  height: 100%;
}

.slide-items.gallery-slide {
  margin-bottom: 24px;
}

.gallerys-slide {
  row-gap: 30px;
}

.gallerys-slide .owl-stage {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallerys-slide .owl-item.active, .gallerys-slide .owl-item, .gallerys-slide .item {
  border-radius: 12px;
  overflow: hidden;
}

.gallerys-slide .card {
  background-color: var(--main-white);
  transition: .5s ease;
  height: 100%;
}

.gallerys-slide .card:hover {
  box-shadow: 1px 4px 20px 0px #1b7ddc57;
}

.gallerys-slide a img {
  width: 100%;
  height: 389px;
  object-fit: cover;
  padding: 15px 15px 0;
}

/* .gallerys-slide a img {
  width: 100%;
  object-fit: cover;
  height: 250px;
  padding: 15px 15px 0;
} */


.gallerys-slide .card-text {
  margin-bottom: 0;
  font-size: 16px;
  padding: 0 0 20px;
  text-align: center;
  font-weight: 500;
  line-height: 30px;
  color: var(--main-black);
  transition: .5s ease-in-out;
}

.gallerys-slide .card-text:hover {
  color: var(--main-primary);
}

.gallerys-slide .owl-theme .owl-nav {
  margin-top: 0px;
  position: unset;
}

.slide-items.owl-carousel .owl-nav [class*=owl-] {
  margin: 0px;
  padding: 0;
  background: transparent;
}

.slide-items.owl-carousel .owl-prev,
.slide-items.owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slide-items.owl-carousel .owl-prev i, .slide-items.owl-carousel .owl-next i {
  font-size: 25px;
  color: var(--main-white);
  vertical-align: middle;
  transition: .3s ease-in-out;
  background: #e57d36cf;
  padding: 10px 5px;
  border-radius: 4px;
}

.slide-items.owl-carousel .owl-prev:hover i,
.slide-items.owl-carousel .owl-next:hover i {
  color: var(--main-primary);
  background: #1b7ddccc;
}

.slide-items.owl-carousel .owl-prev {
  left: 20px;
}

.slide-items.owl-carousel .owl-next {
  right: 19px;
}

/* careers page */

.benefits-boxes {
  padding: 31.5px 16px;
  border: 2px solid var(--main-base);
  border-radius: 8px;
  transition: .3s ease-in-out;
  background-color: #072c49;
  height: 100%;
}

.benefits-boxes:hover {
  border-color: var(--main-primary);
  background-color: var(--section-hover-color);
}

.benefits-boxes .our-technologies-icon {
  width: 70px;
  height: 70px;
  background: url(../images/technology-icn.webp) no-repeat;
  background-position: -5px -4px;
  filter: drop-shadow(0px 0px 20px #1B7CDA);
  background-size: 80px;
}

.benefits-boxes .web-dev-icons {
  background: url(../images/icon/spriteweb.svg) no-repeat;
  background-position: -5px -4px;
}

.inner-pages .col-md-3.col-sm-6,
.careers-technology-section .col-md-4, .careers-technology-section .col-8 {
  padding: 12px;
}

.inner-pages .benefits-boxes-main:nth-child(2) .benefits-boxes .web-dev-icons {
  background-position: -5px -145px;
}

.inner-pages .benefits-boxes-main:nth-child(3) .benefits-boxes .web-dev-icons {
  background-position: -1px -289px;
}

.inner-pages .benefits-boxes-main:nth-child(4) .benefits-boxes .web-dev-icons {
  background-position: -1px -420px;
}

.inner-pages .benefits-boxes-main:nth-child(5) .benefits-boxes .web-dev-icons {
  background-position: -5px -550px;
}

.inner-pages .benefits-boxes-main:nth-child(6) .benefits-boxes .web-dev-icons {
  background-position: 0px -692px;
}

.inner-pages .benefits-boxes-main:nth-child(7) .benefits-boxes .web-dev-icons {
  background-position: -2px -978px;
}

.inner-pages .benefits-boxes-main:nth-child(8) .benefits-boxes .web-dev-icons {
  background-position: -5px -839px;
}

.col-md-4:nth-child(2) .benefits-boxes .our-technologies-icon {
  background-position: -5px -114px;
}

.col-md-4:nth-child(3) .benefits-boxes .our-technologies-icon {
  background-position: -5px -222px;
}

.col-md-4:nth-child(4) .benefits-boxes .our-technologies-icon {
  background-position: -5px -330px;
}

.col-md-4:nth-child(5) .benefits-boxes .our-technologies-icon {
  background-position: -5px -439px;
}

.col-md-4:nth-child(6) .benefits-boxes .our-technologies-icon {
  background-position: -5px -548px;
}

.benefits-boxes h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  color: var(--main-white);
  margin-bottom: 12px;
  margin-top: 16px;
}

.benefits-boxes p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--main-white);
}

.thank-you-note {
  background-color: #3D2932;
  border: 2px solid #FF2D20;
  padding: 16px;
  text-align: center;
  border-radius: 8px;
}

.note {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: var(--main-white);
  margin-bottom: 8px;
}

.note span {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--main-white);
}

.thank-you {
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
  color: var(--main-white);
}

.opening-section .col-lg-6 {
  padding: 0 12px;
  margin-bottom: 24px;
}

.opening-section .opening-box {
  padding: 16px;
  background-color: var(--main-white);
  border: 1px solid var(--gray);
  border-radius: 12px;
  transition: .3s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.opening-box {
  padding: 16px;
  background-color: var(--main-white);
  border: 1px solid var(--gray);
  border-radius: 12px;
  transition: .3s ease-in-out;
}

.opening-box:hover {
  filter: drop-shadow(0 6px 30px rgb(27 125 220 / 30%));
}

.opening-icon i {
  color: var(--main-primary);
  font-size: 32px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.opening-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #FBEDE3;
  border: 2px solid var(--main-primary);
}

.opening-box-heading {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  color: var(--main-black);
  margin-left: 12px;
}

.work-detail-page .opening-box-heading {
  margin-left: 0;
}

li.opening-box-title:not(:last-child) {
  padding-bottom: 10px;
}

li.opening-box-title::marker {
  color: var(--gray);
}

.opening-box-title {
  list-style: disc;
  font-size: 18px;
  line-height: 24px;
  color: var(--gray);
  text-transform: capitalize;
}

.opening-position {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 100%;
    width: 40px;
    line-height: 40px;
	background-color: var(--main-base);
    color: #fff;
}

.opening-box-desc {
  margin: 16px 0 12px;
}

.opening-box-tags {
  font-size: 14px;
  font-weight: 500;
  color: #116090;
  line-height: 21px;
  padding: 12px;
  border-radius: 6px;
  background-color: #EAF7FF;
}

.opening-tag-box {
  margin-bottom: 26px;
  gap: 9px;
}

.opening-box-tags:nth-child(2) {
  color: #058863;
  background-color: #EAFFF9;
}

.opening-box-tags:nth-child(3) {
  color: #6A610A;
  background-color: #FFFDEA;
}

.opening-box-tags:nth-child(4) {
  color: var(--main-primary);
  background-color: #f7ceb35e;
}

.opening-box-tags:nth-child(5) {
  color: var(--main-base);
  background-color: #6bb0f33b;
}

.experience span {
  font-size: 16px;
  color: #4a4a4a;
}

.opening-box .btn-area {
  padding-top: 16px;
  margin-top: 0px;
  border-top: 1px solid var(--gray);
}

.experience {
  font-size: 20px;
  font-weight: 500;
  color: var(--main-black);
  margin-left: 12px;
}

.carees-details .opening-tag-box .opening-box-tags:nth-child(1) {
  color: var(--main-base);
  background: #173446;
}

.carees-details .opening-tag-box .opening-box-tags:nth-child(2) {
  color: #12A87D;
  background: #143A3B;
}

.carees-details .opening-tag-box .opening-box-tags:nth-child(3) {
  color: #A79817;
  background: #283229;
}

.carees-details .opening-box-heading, .carees-details .opening-box-desc {
  color: var(--main-white);
}

.carees-details .opening-box-desc {
  margin: 16px 0 12px;
}

.carees-details .btn-area {
  border-color: #00000069;
}

.carees-details {
  background: url(../images/Career-details-right-box-bg.webp) no-repeat center / cover;
  position: relative;
}

/* apply form */

.apply-form .form-control, .apply-form .form-select,  body .form-control,  body .form-select {
    padding: 10px 14px;
    box-shadow: none !important;
    height: 50px;
}

.apply-form textarea.form-control {
  height: 150px;
}

.apply-form {
  padding: 30px;
  border-radius: 12px;
  background-color: var(--main-white);
  box-shadow: 0px 2px 10px 0px #0000001f;
}

.upload-area {
  width: 100%;
  height: 100%;
  border: 2px dashed #a7c3e6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f0f8ff;
  cursor: pointer;
  text-align: center;
  position: relative;
}

.upload-icon {
  width: 70px;
  margin-bottom: 10px;
  color: #8da1b9;
}

.upload-area p.file-details {
  margin-bottom: 8px;
}

.upload-area p {
  color: #5a6b7f;
  font-size: 16px;
  position: unset;
}

.upload-area .wpcf7-form-control-wrap{position: unset !important;}
.upload-area .remove-btn {
  border: none;
  box-shadow: none;
  padding: 2px 15px;
  background: var(--main-primary);
  border-radius: 3px;
  line-height: 1.2;
  transition: .3s ease-in-out;
}

input[type="file"].wpcf7-file{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}

.pdf-icon {
  background: url(../images/pdf.webp) no-repeat center / cover;
  width: 55px;
  height: 55px;
  margin-bottom: 4px;
}

/* recaptcha  */

.input-container {
  background-color: #f9f9f9;
  border: 1px solid #d3d3d3;
  height: 74px;
  width: 300px;
  display: inline-block;
  border-radius: 5px;
}

.input-container .checkbox {
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-right: 8px;
}

.input-container img {
  width: 45px;
}

.privacy span, .privacy a {
  color: #9b9b9b;
}

.input-container .recaptcha {
  font-size: 10px;
  position: relative;
  line-height: 100%;
}

.privacy {
  padding-top: 2px;
}

.privacy a, .dash, .privacy {
  font-size: 9px;
  position: relative;
  color: gray !important;
  vertical-align: middle !important;
  line-height: 100%;
}

.privacy a:hover {
  text-decoration: underline;
}


.inner-pages-details-banner {
  padding: 30px 25px 0;
  border-radius: 16px;
  background-color: #999DC7;
  position: relative;
  box-shadow: rgba(0 0 0 / 12%) 0 4px 20px;
  display: block;
  height: 100%;
  margin: 0px!important;
}

.inner-pages-details-banner-image {
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: end;
}

.inner-pages-details-banner-image img {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.inner-pages-details-banner-image .left-img {
  width: 75%;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.3);
}

.work-detail-page .inner-pages-details-banner-image .left-img {
  width: 75%;
  max-height: 650px;
}

.work-detail-page .inner-pages-details-banner-image .right-img img {
  object-fit: cover;
  object-position: center center;
}

.inner-pages-details-banner-image .right-img {
  position: absolute;
  right: 0;
  width: auto;
  bottom: 0;
  height: auto;
  border-radius: 0;
  max-width: 135px;
  max-height: 315px;
  padding: 0 10px 0 0;
}

.inner-pages-details-banner-image .right-img img {
  width: auto;
  height: auto;
  object-fit: cover;
  object-position: bottom;
  box-shadow: rgba(0 0 0 /50%) 0 0 10px;
  max-width: 100%;
  max-height: 100%;
}


.work-portfolio:nth-child(even) .portfolio .portfolio-read-more {
  background-color: #99B6C7 !important;
}

html body .work-portfolio:nth-child(even) .full-image-btn {
  background: #99b6c7 !important;
  transition: .5s ease;
}

.full-image-btn {
  padding: 12px;
  background-color: #999DC7;
  background: linear-gradient(90deg, rgb(29 28 122 / 44%) 10%, rgba(153, 157, 199, 1) 80%);
  z-index: 1;
  position: absolute;
  top: 35px;
  left: 35px;
  border-radius: 56px;
  transition: .5s ease;
  margin: 0;
}

.full-image-btn p {
  padding: 12px 22px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--main-white);
}

.full-image-btn:hover {
  background-color: var(--main-base) !important;
  box-shadow: 0 1px 10px 0px #00000057;
}

html body .work-portfolio:nth-child(even) .full-image-btn:hover {
  background: linear-gradient(90deg, rgba(27, 125, 220, 1) 0%, rgba(153, 182, 199, 1) 70%) !important;
}

.full-image-btn p span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  border: 2px solid var(--main-white);
}

.full-image-btn p span i {
  font-size: 20px;
  color: var(--main-white);
  line-height: 28px;
}

.image-blend-section {
  position: relative;
  display: block;
  background-color: #2E72FF;
  padding: 55px 0 39px;
  overflow: hidden;
  z-index: 1;
}

.image-blend {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .90;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: darken;
  z-index: -1;
  height: 100%;
}

.product-boxes:not(:last-child) {
  padding-bottom: 40px;
}

.product-box {
  padding: 40px;
  align-items: center;
  display: flex;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  gap: 30px;
  transition: .5s ease;
  box-shadow: 0px 10px 10px 5px #D1E0FF;
}

.product-box:hover {
  box-shadow: none;
}

.product-box:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.product-box:before {
  -webkit-transform: translateY(102%);
  transform: translateY(102%);
  width: 100%;
  position: absolute;
  background-color: #D1E0FF;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.product-box:hover .product-box-img img {
  box-shadow: 0 0 15px #0000002b;
}

.product-box-img img {
  transition: .3s ease;
  width: auto;
  height: 250px;
  overflow: hidden;
  border-radius: 12px;
}

.product-box .our-services-development-para {
  font-size: 20px;
  color: var(--text-p);
}

.product-box .our-services-development-heading {
  color: var(--main-black);
  margin-bottom: 10px;
}

.product-box-img {
  width: 250px;
  display: flex;
  justify-content: center;
  max-height: 250px;
}

.address-details p a {
  transition: .5s ease;
}

.address-details p a:hover {
  color: var(--main-primary);
}


.gallerys-hover-text {
  background: #13151a78;
  text-align: center;
  vertical-align: middle;
  right: 15px;
  left: 15px;
  border-radius: 10px;
  display: flex;
  bottom: 0px;
  top: 110%;
  transition: display 0.5s ease-in-out;
}

.gallerys-hover-text span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.gallerys-hover {
  transition: .5s ease-in-out;
}

.gallerys-hover:hover .gallerys-hover-text {
  top: 0;
  transition: .5s ease-in-out;
}

/* gallery popup model for gallery page  */

.gallery-model .modal-content,
.gallery-model .modal-body {
  max-width: 1400px;
  max-height: 800px;
}

.pop-up-slider .owl-item img {
  object-fit: cover;
  vertical-align: middle;
  overflow: hidden;
  height: 370px;
  object-fit: contain;
}

.slider-nav-button-next,
.slider-nav-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--main-base);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 5px;
  transition: .3s ease;
}

.slider-nav-button-prev {
  left: 5px;
}

.slider-nav-button-next:hover,
.slider-nav-button-prev:hover {
  background: var(--main-primary);
}

.slider-nav-button-next i,
.slider-nav-button-prev i {
  font-size: 18px;
  vertical-align: middle;
  color: var(--main-white);
}

/* gallery popup model for gallery page end */


/* hire us page */
.hire-us-container {
  background: url(../images/hire-us-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hire-us-detail-box {
  padding: 26px;
  border-radius: 20px;
  background-color: #CEE3F8;
}

.hire-us-detail-boxes:nth-child(even) .hire-us-detail-box {
  background-color: #FFE1CD;
}

.hire-us-detail-box-icon {
  width: 68px;
  height: 68px;
  border-radius: 10px;
  background-color: #fff;
  padding: 13px;
  margin-bottom: 16px;
}

.hire-us-detail-box-title {
  margin-bottom: 12px;
}

.hire-us-detail-box-title,
.hire-us-detail-box-sub-title,
.hire-us-detail-box-inner-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: var(--main-black);
}

.hire-us-detail-box ul {
  margin-bottom: 12px;
}

.hire-us-detail-box-sub-title::marker {
  color: var(--main-black);
}

.hire-us-detail-box-sub-title {
  font-size: 18px !important;
}

.hire-us-detail-box-inner-title {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.footer-quote-area {
  padding: 40px 66px;
  background-color: var(--main-primary);
  border-radius: 20px;
  /* box-shadow: 0 4px 20px rgba(255, 255, 255, 0.25); */
}

.footer-quote-area .qoute.thm-btn-3 {
  padding: 6px 20px 9px !important;
}


/* download button for solutions pages */
.free-download-btn {
  box-shadow: -4px -4px 8px rgba(0, 0, 0, 0.25), 4px 4px 8px rgba(0, 0, 0, 0.25);
}

.free-download-btn a {
  padding: 26px 0;
}

.free-download-btn-icn {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25),-2px -2px 4px rgba(0, 0, 0, 0.25); */
  margin-right: 28px;
  background-color: var(--main-white);
  transition: .5s ease;
}

.free-download-btn-icn img {
  width: 50px;
  height: 50px;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

.free-download-btn-txt {
  font-size: 40px;
  font-weight: 500;
  line-height: 36px;
  color: var(--main-black);
  transition: .5s ease;
  padding-right: 26px;
  border-right: 3px solid var(--main-black);
}

.free-download-btn:hover .free-download-btn-txt {
  color: var(--main-base);
  border-color: var(--main-base);
}

.free-download-btn:hover .free-download-btn-txt:last-child {
  color: var(--main-black);
}

.free-download-btn-txt:last-child {
  color: var(--main-base);
  padding-right: 0;
  border-right: 0;
  padding-left: 26px
}

.solution-detail-img {
  max-width: 509px;
  max-height: 390px;
  overflow: hidden;
}

.solution-detail-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /*   filter: drop-shadow(2px 6px 10px rgba(0, 0, 0, 0.35)); */
}

.free-download-btn-icn:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 70px;
  height: 70px;
  background: #4ba064 repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 2000ms ease-out infinite;
  animation: pulse-border 2000ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.banner-image img {
  object-fit: contain;
  max-height: 700px;
  vertical-align: middle;
  /*   filter: drop-shadow(2px 6px 10px rgba(0, 0, 0, 0.35)); */
}

.solution-single-page .tab-content .after-blue::after {
  width: 120px;
}

.solution-tab-btn {
  background: rgba(131, 155, 182, 1);
  padding: 16px;
  text-align: center;
  border-radius: 10px;
  font-size: 22px;
  font-weight: 500;
  color: var(--main-white);
  transition: .5s ease-out;
}

.solution-tab-btn.active {
  background: rgba(4, 71, 173, 1);
}

.solution-tab-btn.active:hover,
.solution-tab-btn:hover {
  color: var(--main-white);
  background: rgba(4, 71, 173, 1);
}

.icon-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 1px solid #0000003d;
  padding: 12px;
  border-radius: 10px;
  height: 100%;
}

.icon-box-icn {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.icon-box-text {
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}

.solution-single-page .tab-pane .desc {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  color: #000;
}

.benifits-heading {
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-bottom: 24px;
}

.benifits-list {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #000;
  margin-bottom: 12px;
  vertical-align: middle;
}

.benifits-list::marker {
  color: #000000d7;
}

.benifits-list i {
  font-size: 15px;
  padding-right: 10px;
  color: #000;
}

.milestone-box .read-more-desc {
  transition: .5s ease-out;
  color: var(--main-black);
  font-variant: small-caps;
  font-weight: 600 !important;
}

.milestone-box:hover .read-more-desc {
  color: var(--main-base);
  margin-left: 10px;
}

.popup-model-form .modal-dialog .modal-content,
.popup-model-form .modal-dialog .modal-content {
/*   background-image: url(../images/popup-form-bg.png); */
	background-color: #fff ;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
/*   padding: 30px; */
	padding: 0px;
}

.popup-model-form .modal-dialog .modal-content .modal-body, .popup-model-form .modal-dialog .modal-content .modal-body {
/*     background: #0000000f url(../images/popup-form-bg-layer-2.png); */
	 background-color: #fff ;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 25px !important;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    border-radius: 0.5rem;
}
.modal .form-logo{
	width: 80px;
	display: none;
}

.quote-form-title:after {
  position: absolute;
  content: '';
  background: var(--main-primary);
  height: 2px;
  width: 25%;
  bottom: 0;
  left: 0;
}

.modal-body .contact-form form input:not([type="submit"]),
.modal-body .contact-form form select {
  background-color: #FFFFFF;
  height: 48px;
  padding: 12px 14px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #D1D2D3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
}

.modal-body .contact-form form textarea:focus-visible,
.modal-body .contact-form form textarea:focus {
  box-shadow: none;
  outline: 0;
  border: 1px solid #D1D2D3;
}

.modal-body .contact-form form textarea {
  background-color: #FFFFFF;
  padding: 12px 14px;
  border-radius: 15px;
  height: 90px;
  border: 1px solid #d1d2d3a8;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #6B6E74;
}

/* for mobile app  */

.mobile-app-view {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.mobile-app-view .owl-item {
  cursor: grab;
}

.mobile-app-view .owl-item .mobile-app-design-image {
  transform: scale(.95);
  transition: .7s ease;
}

.mobile-app-view .owl-item.center .mobile-app-design-image {
  transform: scale(1);
  transition: .7s ease;
}

.mobile-app-design-image {
  border-radius: 10px;
  overflow: hidden;

}

.mobile-app-design-image img {
  height: 100%;
  padding: 0 0 25px;
  /* border-radius: 45px; */
}

.mobile-view-slider.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 0;
}

.mobile-view-slider.owl-theme .owl-dots .owl-dot.active span,
.mobile-view-slider.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--main-primary);
  width: 30px;
}

.mobile-view-slider.owl-theme .owl-dots {
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  align-items: center;
  top: auto;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 999;
  content: '';
}

.mobile-view-slider.owl-theme .owl-dots .owl-dot {
  z-index: 9;
}

.mobile-view-slider.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 3px;
  margin: 5px 7px;
  background: var(--main-base);
  transition: .7s ease;
  border-radius: 2px;
  z-index: 9;
}

.mobile-slider-nav-button-prev,
.mobile-slider-nav-button-next {
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateX(-50%);
  display: flex;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--main-base);
  z-index: 1;
  transition: .5s ease;
}

.mobile-slider-nav-button-prev:hover,
.mobile-slider-nav-button-next:hover {
  background: var(--main-primary);
  opacity: 1;
}

.mobile-slider-nav-button-next {
  left: 15%;
  right: auto;
}

.mobile-view-slider:hover~.mobile-slider-nav-button-prev,
.mobile-view-slider:hover~.mobile-slider-nav-button-next {
  opacity: 1;
}

.mobile-slider-nav-button-prev i,
.mobile-slider-nav-button-next i {
  font-size: 18px;
  color: var(--main-white);
}

/* for mobile app end */

.work-slider .owl-nav {
  margin: 0;
  position: unset;
}

body .work-slider .owl-nav .owl-prev,
body .work-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  padding: 15px 5px !important;
  background: transparent !important;
}

.work-slider .owl-nav button:hover,
.work-slider .owl-nav button:active {
  background: #bfbfbf !important;
}

body .work-slider .owl-nav .owl-next {
  right: 0;
  left: auto;
}

.work-slider .owl-nav .owl-prev i,
.work-slider .owl-nav .owl-next i {
  font-size: 25px;

}

/* new services  */

.development-staks {
  background: transparent !important;
  border-radius: 0px 60px 0 0;
}

body .development-techonology .nav-link {
  padding: 10px 15px !important;
  background: transparent !important;
}

body .development-techonology .nav-link::before {
  bottom: -28px;
}

.development-staks-icn {
  filter: none !important;
  background: transparent !important;
}

.development-staks-icn img {
  object-fit: contain;
}

/* Development Roadmap start*/

.development-process-slider-item .sr-no {
  font-size: 62px;
  line-height: 70px;
  font-weight: 600;
  /* text-align: right; */
  color: gray;
  margin-bottom: 10px;
}

.development-process-slider-item .development-process-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 5px;
}

.development-process-slider {
  padding-bottom: 60px;
}

.development-process-slider .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.development-process-slider .owl-dots .owl-dot span {
  transition: .5s ease;
  background: var(--main-base) !important;
  height: 6px;
}

.development-process-slider .owl-dots .owl-dot:hover span {
  width: 30px;
  background: var(--main-primary) !important;
}

.development-process-slider .owl-dots .owl-dot.active span {
  width: 30px;
  background: var(--main-primary) !important;
}

.development-process-slider .owl-nav {
  position: absolute;
  left: 15px;
  bottom: 0;
  margin: 0;
}

.development-process-slider .owl-nav .owl-prev,
.development-process-slider .owl-nav .owl-next {
  height: 40px;
  width: 40px;
  border-radius: 50% !important;
  background: #d5d5d5 !important;
  margin-bottom: 0 !important;
  transition: .5s ease;
}

.development-process-slider .owl-nav .owl-prev:hover,
.development-process-slider .owl-nav .owl-next:hover {
  background: var(--main-primary) !important;
}

.development-process-slider .owl-prev:hover i,
.development-process-slider .owl-next:hover i {
  color: #FFF !important;
}

.development-process-slider .owl-nav .owl-prev i,
.development-process-slider .owl-nav .owl-next i {
  transition: .5s ease;
}

.our-process-slider__figure li:nth-child(1) svg {
  z-index: -1;
}

.our-process-slider__figure li:nth-child(2) svg {
  z-index: -2;
}

.our-process-slider__figure li:nth-child(3) svg {
  z-index: -3;
}

.our-process-slider__figure li:nth-child(4) svg {
  z-index: -4;
}

.our-process-slider__figure li:nth-child(5) svg {
  z-index: -5;
}

.our-process-slider__figure li:nth-child(6) svg {
  z-index: -6;
}

.our-process-slider__figure li:nth-child(7) svg {
  z-index: -7;
}

.our-process-slider__figure li:nth-child(8) svg {
  z-index: -8;
}

.our-process-slider__figure li:nth-child(9) svg {
  z-index: -9;
}

.our-process-slider__figure li:nth-child(10) svg {
  z-index: -10;
}

.our-process-slider__figure-item .our-process-slider__figure-text p {
  transition: .8s ease;
}

.our-process-slider__figure-item.active .our-process-slider__figure-text p {
  color: var(--main-white);
}

.our-process-slider__figure-text span {
  position: unset;
}

.our-process-slider__figure-item {
  display: flex;
  position: relative;
  margin: 0 0 15px;
}

.our-process-slider__figure-item:last-child {
  margin: 0;
}

.our-process-slider__figure-item.active .our-process-slider__figure-text span {
  color: #fff;
  background-color: var(--main-base);
}

.our-process-slider__figure-item.active .our-process-slider__figure-text span::before {
  border-color: var(--main-base);
}

.our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(1) {
  fill: var(--main-base);
}

.our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(2) {
  fill: var(--main-base);
}

.our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(3) {
  fill: var(--main-base);
}

.our-process-slider__figure-svg {
  flex: 0 0 120px;
}

.our-process-slider__figure-svg svg {
  position: absolute;
  top: -35px;
  width: 115px;
}

.our-process-slider__figure-svg svg path {
  transition: fill .8s ease;
}

.our-process-slider__figure-text {
  position: relative;
  text-align: right;
  overflow: hidden;
  flex: 0 0 calc(100% - 120px);
}

.our-process-slider__figure-text span {
  cursor: pointer;
  font-size: 0.8571428571rem;
  display: inline-block;
  background-color: #f1f1f1;
  padding: 2px 12px;
  border-radius: 2rem;
  transition: color .8s ease, background-color .8s ease;
}

.our-process-slider__figure-text span:hover {
  background-color: #ccc;
}

.our-process-slider__figure-text span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  border-bottom: 2px dashed #f1f1f1;
  width: 100%;
  transition: border-color .8s ease;
}

.our-process-slider__figure-empty {
  display: none;
}

.section-our-process .section-our-process__name, .section-our-process .our-process-slider__figure-text span::before, .section-our-process .section-our-process__content, .section-our-process .our-process-slider__figure {
  border-color: #ece3da;
}

.section-our-process .our-process-slider__count span {
  color: #ece3da;
}

.section-our-process .our-process-slider__figure-text span {
  background-color: #ece3da;
}

.section-our-process .our-process-slider__figure-svg svg path:nth-child(1) {
  fill: #ece3da;
}

.section-our-process .our-process-slider__figure-svg svg path:nth-child(2) {
  fill: #f8f0e8;
}

.section-our-process .our-process-slider__figure-svg svg path:nth-child(3) {
  fill: #dcd1c6;
}

.section-our-process .our-process-slider__figure-item.active .our-process-slider__figure-text span {
  background-color: var(--main-base);
}

.section-our-process .our-process-slider__figure-item.active .our-process-slider__figure-text span::before {
  border-color: var(--main-base);
}

.section-our-process .our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(1) {
  fill: var(--main-base);
}

.section-our-process .our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(2) {
  fill: var(--main-base);
}

.section-our-process .our-process-slider__figure-item.active .our-process-slider__figure-svg svg path:nth-child(3) {
  fill: var(--main-base);
}

.our-process-slider__figure-list {
  padding: 0 0 0 15px;
}

/* Development Roadmap end*/

.digital-marketing-image {
  width: 317px;
  height: 224px;
  margin-left: 10px;
  margin-bottom: 15px;
  float: right;
  clear: both;
  border-radius: 15px;
}

.digital-marketing-insights {
  padding: 12px 22px 22px;
  border-radius: 10px;
  transform: scale(.95);
  transition: .5s ease;
  height: 100%;
  border: 1px solid #007de075;
  background: #f1f8ff;
}

.digital-marketing-slider-insights .owl-dot,
.digital-marketing-slider-insights .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}

.digital-marketing-slider-insights .owl-dots .owl-dot span {
  height: 3px;
  width: 15px;
  border-radius: 10px;
  background-color: var(--main-primary);
  display: inline-block;
  margin: 0 6px 0 0;
  vertical-align: middle;
  transition: .5s ease;
}

.digital-marketing-slider-insights .owl-dots .owl-dot.active span {
  background-color: var(--main-base);
  width: 30px;
}

.digital-marketing-slider-insights .owl-item {
  height: 100%;
}

.digital-marketing-insights:hover {
  transform: scale(1);
  border: 1px solid rgba(201, 201, 201, 1);
  background: var(--main-white) !important;
}

.digital-marketing-insights:hover .text-black.read-more-link,
.digital-marketing-insights:hover i,
.digital-marketing-insights:hover h4 {
  color: var(--main-primary) !important;
}

.digital-marketing-insights:hover p {
  color: var(--main-black);
}

.digital-marketing-insights i {
  color: rgba(94, 94, 94, 1);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 24px;
  transition: .5s ease;
}

.digital-marketing-insights h4 {
  font-size: 22px;
  line-height: 36px;
  color: var(--main-primary);
  margin-bottom: 14px;
  padding-right: 25px;
  transition: .5s ease;
}

.digital-marketing-insights-para {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 36px;
  color: rgba(67, 67, 67, 1) !important;
  margin-bottom: 0;
  transition: -webkit-line-clamp 0.5s ease-out;
}

.digital-marketing-insights p .text-black.read-more-link,
.digital-marketing-insights p {
  font-size: 18px;
  line-height: 36px;
  color: rgba(67, 67, 67, 1) !important;
  margin-bottom: 0;
  transition: .5s ease;
}

.digital-marketing-section .section-heading {
  position: sticky;
  top: 200px;
  z-index: 1;
}

.digital-marketing-section .section-heading .btn-area {
  margin-top: 35px;
}

.digital-marketing-insights:not(:last-child) {
  margin-bottom: 15px;
}

li.work-step-process-box-item {
  list-style: none;
}

/* body .digital-marketing-slider-insights.expanded-para{
  height: 100vh !important;
} */
/* .digital-marketing-slider-insights {
  height: 90vh;
  overflow: hidden;
} */

/* .swiper-wrapper {
  display: flex;
  flex-direction: column;
} */

.work-step-process-boxes {
  counter-reset: step-counter;
}

.work-step-process-boxes:before {
  content: '';
  position: absolute;
  left: 18.5px;
  top: 30px;
  bottom: 100px;
  border-left: 2px dashed var(--main-base);
}

.work-step-process-box-item:before {
  background: var(--main-base);
  height: 30px;
  content: '';
  width: 30px;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: -28px;
  z-index: -1;
  counter-increment: step-counter;
  content: counter(step-counter);
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 21px;
  z-index: 1;
}

.work-step-process-content {
  border: 1px solid rgb(132 187 242 / 56%);
  border-radius: 8px;
  display: block;
  padding: 24px 20px;
  box-shadow: 0px 0px 5px 0px #bcdefb70;
  margin: 0 0 23px 15px;
  display: flex;
  background: #f1faff;
}

.work-step-process-header h4 {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 10px;
  color: var(--main-primary);
}



.work-steps-right-image-box img {
  max-height: 600px;
  object-fit: contain;
  vertical-align: middle;
}

.work-step-process-header {
/*   display: -webkit-box; */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: var(--main-black);
  line-height: 26px;
  transition: -webkit-line-clamp 0.5s ease-out;
}

.work-step-process-header strong {
  font-weight: bolder;
}

.read-more-link.read-more {
  font-size: 18px;
  color: var(--main-primary);
  line-height: 26px;
}

.work-step-process-box-icon img {
  min-width: 60px;
  width: 60px;
  margin: 0 14px 0 0;
}

.read-more-link.read-more:hover {
  color: var(--main-base);
}

.custom-web-development {
  background: url('../images/custom-web-development.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
}

.custom-web-development-box {
  background: rgb(255, 255, 255);
  padding: 15px;
  border-radius: 15px;
}

.custom-web-development-box .inner-box {
  background: rgb(255, 255, 255);
  padding: 15px;
  border: 2px solid rgba(164, 164, 164, 0.79);
  border-radius: 15px;
}

.custom-web-development-box .title {
  font-size: 22px;
  color: var(--main-black);
  line-height: 32px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 10px;
  transition: .5s ease;
}

.custom-web-development-box .description {
  font-size: 16px;
  color: var(--main-black);
  line-height: 24px;
  transition: .5s ease;
}

.custom-web-development-box:hover .description,
.custom-web-development-box:hover .title {
  color: var(--main-primary);
}

.custom-web-development-box .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 2px;
  background: var(--main-base);
  transition: .5s ease;
}

.custom-web-development-box:hover .title::after {
  background: var(--main-primary);
}

/* .consultation-form{
  background: #05164D;
} */
.consultation-form-section-details-area:not(:last-child) {
  padding-bottom: 30px;
}

.consultation-form article:before {
  position: absolute;
  content: '';
  border-left: 1px dashed var(--main-primary);
  top: 15px;
  left: 17px;
  bottom: 19%;
}

.consultation-form-section-details-area .sr-no {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--main-primary);
  font-size: 16px;
  font-weight: 500;
  color: var(--main-white);
}

.consultation-form-section-details-area .description,
.consultation-form-section-details-area .title {
  font-size: 20px;
  margin-left: 55px;
  font-weight: 600;
  line-height: 30px;
  color: var(--main-white);
  word-wrap: break-word;
  margin-bottom: 10px;
}

.consultation-form-section-details-area .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 0px;
}

.development-services-slider.owl-carousel {
  padding: 0 42px;
}

.development-services-main .section-heading {
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #66666600 0%, #000000ad 50%, #66666600 100%) 1;
}

.development-services-slider .owl-item {
  display: flex;
  justify-content: center;
}

.development-services-slider-item {
  width: 150px;
  height: 150px;
}

.development-services-slider-item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.development-services-slider .owl-nav .owl-prev,
.development-services-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -50px;
  left: auto;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #05164D !important;
}

.development-services-slider .owl-nav .owl-prev {
  right: auto;
  left: -50px;
}

body .development-services-slider.owl-carousel .owl-nav button:hover {
  background-color: var(--main-primary) !important;
}

.development-services-slider .owl-nav {
  position: unset;
  margin-top: 0;
}

/* .faq-area{
  background: #05164D;
} */
.faq-area {

  position: relative;
}

.faq-area .accordion .accordion-item {
  margin-bottom: 25px;
  border-radius: 10px;
  border: none;
}

.faq-area__shape-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.faq-area .accordion .accordion-item:last-child {
  margin-bottom: 0px;
}

.faq-area .accordion .accordion-item .accordion-button, .faq-area .accordion .accordion-item .accordion-collapse {
  border: 1px solid #eeeeee !important;
  background-color: var(--main-white) !important;
  color: var(--main-black) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  font-size: 20px !important;
  line-height: 33px;
  font-weight: 600;
  font-family: 'Outfit';
}

.faq-area .accordion .accordion-item .accordion-button {

  padding: 23px 26px !important;
}

.faq-area .accordion .accordion-item .accordion-body {
  padding-top: 0px;
}

body .accordion-button::after {
  width: 40px;
  height: 40px;
  background-size: 1.4rem;
  background-position: 9px 11px;
  background-color: #ffdfca;
  border-radius: 100%;
  box-shadow: rgba(0 0 0 / 10%) 0 0 2px;
}

/* 20-05-2025 */

.faq-area .accordion .accordion-item {
  border-radius: 10px;
  border: 1px solid rgb(132 187 242 / 56%);
  box-shadow: 0px 0px 5px 0px #bcdefb70;
  background: #f1faff;
  background: #f1faff;

  &.active {
    border: 1px solid var(--main-base);
    background-color: #7fbffd40;
  }
}

.faq-area .accordion .accordion-item .accordion-button:not(.collapsed) {
  border-radius: 10px 10px 0px 0px !important;
}

.faq-area .accordion .accordion-item .accordion-button,
.faq-area .accordion .accordion-item .accordion-collapse {
  border: none !important;
  border-bottom: none !important;
  background-color: transparent !important;
  border-radius: 0px 0px 10px 10px !important;
}

body .accordion-button::after {
  transform: rotate(-86deg);
}

.accordion-button:not(.collapsed)::after {
  background-color: var(--main-base);
}

.faq-area .accordion {
  --bs-accordion-btn-icon-transform: rotate(0deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.technology-stack-tab {
  background-color: var(--main-base);
  padding: 6px 50px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  column-gap: 5px;
}

.technology-stack-tab-link {
  color: var(--main-black);
  background-color: transparent;
  padding: 6px 25px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  border: none;
  transition: .3s ease;
}

.text-color-white {
  color: var(--main-white);
}

.text-color-white:hover,
.text-color-white.active {
  color: var(--main-black);
}

.technology-stack-tab-link:hover,
.technology-stack-tab-link.active {
  background-color: var(--main-white);
}

/* Techonology Stack New Design Home Page  */

.languages-icon-image {
  border-radius: 25px;
  padding: 19px 25px;
  background: var(--main-white);
  text-align: center;
}

.icon-img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-bottom: 6px;
  margin-left: 11px;
  margin-right: 11px;
}

.icon-text {
  font-size: 20px;
  font-weight: 500;
}

.technology-section .accordion .accordion-item {
  background: var(--section-color);
  margin-bottom: 10px;
  border-radius: 0.375rem;
  border: 1px solid var(--main-white);
}

.technology-section .accordion .accordion-item .accordion-header .accordion-button {
  border-image: none;
}

.technology-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
}

.technology-section .accordion .accordion-item .accordion-collapse {
  background-color: var(--section-color) !important;
  box-shadow: none !important;
  border-image: none;
}

.technology-section .accordion .accordion-item .accordion-collapse .accordion-body {
  border-image: none;
}

/* new design in services page Web Development technology Stack section  */

.development-staks {
  position: relative;
  margin: 30px 0 0 0;
  border-radius: 0;
  padding-top: 35px;
}

.development-staks-icn {
  position: absolute;
  top: -40px;
  width: 80px !important;
  height: 80px !important;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50% !important;
  padding: 14px;
  border: 2px solid var(--main-base);
  background: #fff !important;
  overflow: hidden;
  transition: .3s ease-in-out;
}

.benefits-boxes:hover .development-staks-icn {
  border-color: var(--main-primary);
}

/* Our success full porjects */

.our-successfull-porjects-boxes {
    padding: 25px 15px;
    border: 2px solid var(--main-base);
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

.animated-num,
.year-number, .year-number .odometer-inside * {
  font-size: 50px;
  color: #ffffff;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 6px;
  padding-right: 2px;
  transition: all 0.3s ease;
}

.year {
    font-size: 24px;
    font-weight: 700;
    color: #f67f2e;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: 15px;
}

.techonology-field {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--main-white);
    margin-bottom: 0px;
    letter-spacing: 0.4px;
}

.rating-area {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-white);
  border-radius: 12px;
  padding: 15px;
  gap: 16px;
  box-shadow: 0px 0px 17px #00000012;
}

.rating-icon-image-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--main-base);
  display: flex;
  justify-content: center;
  align-items: center;
}

.google-box {
  border-radius: 0;
  background: transparent;
}

.rating-text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.rating-title {
  font-size: 20px;
  font-weight: 500;
  color: rgba(36, 36, 36, 0.75);
}

.rating-stars {
  font-size: 30px;
  font-weight: 500;
  color: rgba(36, 36, 36, 0.75);
  display: flex;
  gap: 5px;
}

.rating-stars i {
  vertical-align: top;
  font-size: 20px;
  color: #ffd702;
}

.rating-stars.google-star {
  gap: 2px;
}

.rating-stars.google-star i {
  vertical-align: top;
  font-size: 18px;
}

.review-box {
  position: relative;
  padding: 0 10px 0 75px;
}

.review-box .quote-icon {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--main-base);
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.review-box .quote-icon img {
  width: 23px;
  height: 15px;
}

.user-review-para {
  color: var(--text-a);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
}

.user-name {
  font-size: 22px;
  font-weight: 600;
  color: var(--main-base);
  line-height: 24px;
  margin: 20px 0 12px 0;
  padding: 24px 0 0 0;
  border-top: 1px solid rgb(130 130 130 / 26%);
}

.user-designation {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-black);
}

/* serive-accordian */
.accordian-service .accordion, .accordian-service .accordion-item {
  background: transparent !important;
}

.accordian-service svg {
  width: 75px;
  height: 60px;
  margin: 0 20px 0 0;
}

.accordian-service .accordion-button {
  box-shadow: none !important;
  border: 0 !important;
  justify-content: space-between !important;
  padding: 25px 0px 28px;
  border-bottom: 1px solid transparent !important;
  border-image-source: linear-gradient(90deg, #fff, #8a8a8a, #fff) !important;
  border-image-slice: 1 !important;
  cursor: pointer;
}

.accordian-service .accordion-item:last-child .accordion-button {
  border: 0 !important;
}

.accordian-service .accordion-item {
  border: 0;
}
.accordion-item .arrow-btn .btn:not(.collapsed){transform: rotate(135deg);}
.accordian-service .accordion-button:not(.collapsed), .accordian-service .accordion-collapse {
  background-color: transparent !important;
}

.accordian-service .accordion-item h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 0 28px;
  color: var(--main-black);
}
.accordian-service .accordion-item h3 a {
  transition: all 0.3s ease;
}
.accordian-service .accordion-item h3 a:hover {
  color: var(--main-base) !important;
}

.accordian-service .accordion-item p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.accordian-service .accordion-button::after {
  display: none !important;
}

.accordian-service i {
  font-size: 26px;
  transform: rotate(-45deg);
  color: var(--main-base);
  ;
}

ul.develop-item {
  padding: 0;
  list-style: none;
}

.develop-item li {
  display: inline-block;
}

.develop-item li span {
  width: auto;
  display: inline-block;
  padding: 2px 20px;
  font-size: 16px;
  line-height: 28px;
  color: var(--main-primary);
  border: 1px solid var(--main-primary);
  border-radius: 50px;
  margin: 0.3rem;
}

.arrow-btn .btn {
  position: relative;
  width: 56px;
  height: 56px;
  border: 2px solid var(--main-base);
  border-radius: 100px;
  transition: all .5s ease-in-out;
  display: flex;
  color: var(--main-base);
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 9;
  cursor: pointer;
}

ul.list-style li, ul.list-style {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}

ul.list-style svg {
  margin: 0 8px 0 0;
}

.why-choose-us-service {
  background: linear-gradient(270deg, rgb(18, 68, 107) 0%, rgba(24, 38, 49, 1) 30%, rgba(24, 38, 49, 1) 72%, rgb(18, 68, 107) 100%);
}

.why-choose-us-service .why-choose-us-box {
  background-color: #1f3b5085;
  border: 1px solid #0685ff5e;
}

/* .why-choose-us-service .why-choose-us-box {
    background-color: #E57D36;
    border: 1px solid #E57D36;
} */
.why-choose-us-service .wy-main-ch-box:first-child .icon-area {
  background-color: #41a8003b;
}

.why-choose-us-service .wy-main-ch-box:nth-child(2) .icon-area {
  background-color: #e67a004d;
}

.why-choose-us-service .wy-main-ch-box:nth-child(3) .icon-area {
  background-color: #e461db2b;
}

.why-choose-us-service .wy-main-ch-box:last-child .icon-area {
  background-color: #009cff38;
}


.why-choose-us-service .box-area-heading {
  color: var(--main-primary);
}

.why-choose-us-service .box-area-desc {
  color: #fff;
}

ul.list-style.dark-side li {
  color: #ffffff;
}

section.why-choose-us-service .why-choose-us-box {
  min-height: 298px;
}

.work-steps-right-image-box img {
  position: sticky;
  z-index: 1;
  top: 0;
}

li.work-step-process-box-item {
  padding: 0 !important;
}

.work-step-process-boxes {
  padding-left: 2rem;
}


.pin-spacer {
  margin: 20px 0 0 !important;
  list-style: none;
}

.cardStackWrapper {
  z-index: 9;
  padding-bottom: 50px;
  overflow: hidden;
  position: relative;
}

/* new section */

.new-technology-stack-pills .nav-item .nav-link {
  background: #EEF6FF;
  border: 1px solid #C8DFFA;
  border-radius: 7px;
  padding: 12px 26px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.new-technology-stack-pills .nav-item:nth-child(even) .nav-link {
  background: #FFF5EE;
  border: 1px solid #F4C7A9;
}

.new-technology-stack-pills .nav-item .nav-link>span {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--main-base);
}

.new-technology-stack-pills .nav-item .nav-link>span>span {
  font-size: 14px;
  line-height: inherit;
  font-weight: 400;
}

.new-technology-stack-pills .nav-item .nav-link .icon-img {
  width: 44px;
  height: 44px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7px;
}

.new-technology-stack-pills .nav-item .nav-link .icon-img img {
  width: 30px;
  height: 30px;
}

.new-technology-stack-pills .nav-item .nav-link:focus-visible,
.new-technology-stack-pills .nav-item .nav-link.active,
.new-technology-stack-pills .nav-item .nav-link:hover {
  background: #a6cefb;
  outline: none;
}

.new-technology-stack-pills .nav-item:nth-child(even) .nav-link:focus-visible,
.new-technology-stack-pills .nav-item:nth-child(even) .nav-link.active,
.new-technology-stack-pills .nav-item:nth-child(even) .nav-link:hover {
  background: #ffd9bd;
}

.new-technology-stack-tab .tab-pane *:focus-visible {
  outline: none;
}

.new-technology-stack-tab {
  padding: 50px 42px;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
}

.new-technology-stack-tab .small-title {
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 24px;
  color: var(--main-base);
  margin-bottom: 21px;
}

.new-technology-stack-tab .main-title {
  font-size: 34px;
  font-weight: bold;
  line-height: 47px;
  color: var(--main-black);
  margin-bottom: 24px;
}

.new-technology-stack-tab .discription {
  font-size: 16px;
  font-weight: 400;
  line-height: 31px;
  color: var(--text-a);
  margin-bottom: 28px;
  text-align: justify;
}

.right-content-box .tools-area:nth-child(2) {
  margin: 38px 0;
}

.tools-area .tools-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: var(--main-primary);
  margin-bottom: 24px;
  position: relative;

  &::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 60px;
    height: 1px;
    background: var(--main-base);
  }
}

.tools-icons .icon:first-child {
  margin-left: 0 !important;
}

.tools-icons .icon {
  text-align: center;
}

.tools-icons .icon p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: var(--main-black);
  margin-top: 10px;
}

.tools-icons .icon img {
  vertical-align: middle;
  width: auto;
  height: 57px;
}

.tools-icons .icon.figma img {
  width: 32px;
}

.consultation-form .section-heading .desc {
  font-size: 24px;
  font-weight: 600;
  color: var(--main-primary);
  letter-spacing: 0.2px;

}

/* end new section  */

@media (max-width: 767px) {
  .cardStackWrapper {
    padding-bottom: 0
  }
}

.mainCardWrapper {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box;
  width: 100%;
  /* or a fixed width if needed */
}

@media (max-width: 767px) {
  .mainCardWrapper {
    padding: 20px;
  }
}



/* for new section 31-05-2025 */

:root {
  --white: #fff;
  --theme-color--2: #0365d4;
  --color-gradient-1-1: linear-gradient(180deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
}

.why-choose-section-2 .container-fluid {
  max-width: 1530px;
  margin: 0 auto;
}

.why-choose-section-2 .service-box-left .service-box-4 {
  position: relative;
  padding: 23px 20px;
  display: flex;
  align-items: center;
  padding-right: 0;
  gap: 25px;
  margin-top: 30px;
}

.why-choose-section-2 .service-box-left .service-box-4.style-2 {
  margin-right: 50px;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new {
  padding-right: 20px;
  padding-left: 0;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new::before {
  display: none;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  clip-path: polygon(20% 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 139%);
  background-color: #f8f8f8;
  z-index: -1;
  border-radius: 100px;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new .content {
  text-align: left;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new.bg-white-style-2 {
  position: relative;
  z-index: 1;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new.bg-white-style-2::after {
  background-color: #fff;
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new.bg-white-style-2:hover::after {
  background-color: var(--theme-color--2) !important;
}

.why-choose-section-2 .service-box-left .service-box-4.style-new.bg-white-style-2.active::after {
  background-color: var(--theme-color--2) !important;
}

.why-choose-section-2 .service-box-left .service-box-4.style-margin {
  margin-left: 30px;
}

.why-choose-section-2 .service-box-left .service-box-4.bg-white-style {
  position: relative;
  z-index: 1;
}

.why-choose-section-2 .service-box-left .service-box-4.bg-white-style::before {
  background-color: var(--white);
}

.why-choose-section-2 .service-box-left .service-box-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 112%;
  height: 100%;
  content: "";
  background-color: #f8f8f8;
  z-index: -1;
  border-radius: 100px;
  clip-path: polygon(69% 0, 100% 109%, 100% 100%, 0 100%, 0 0);
  transition: all 0.4s ease-in-out;
}

.why-choose-section-2 .service-box-left .service-box-4 .content {
  text-align: right;
  flex-basis: 70%;
}

.why-choose-section-2 .service-box-left .service-box-4 .content h3 {
  font-weight: 500;
  margin-bottom: 10px;
}

.why-choose-section-2 .service-box-left .service-box-4 .content p {
  font-size: 14px;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon {
  width: 120px;
  height: 120px;
  line-height: 130px;
  text-align: center;
  border-radius: 50%;
  background: var(--theme-color--2);
  font-size: 55px;
  color: var(--white);
  position: relative;
  transition: all 0.4s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon img {
  width: 50px;
  height: 50px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(237deg) brightness(103%) contrast(101%);
}

.why-choose-section-2 .service-box-left .service-box-4:hover .icon img,
.why-choose-section-2 .service-box-left .service-box-4.active:hover .icon img,
.why-choose-section-2 .service-box-left .service-box-4.active .icon img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(83%) saturate(3209%) hue-rotate(200deg) brightness(101%) contrast(105%);
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line {
  height: 83px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: -21px;
  right: -33px;
  transform: rotate(125deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line-2 {
  height: 110px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: -21px;
  right: -22px;
  transform: rotate(83deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line-3 {
  height: 112px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: 6px;
  right: -49px;
  transform: rotate(69deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line-4 {
  height: 110px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: -28px;
  left: -24px;
  transform: rotate(69deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line-5 {
  height: 71px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: 26px;
  left: -25px;
  transform: rotate(104deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4 .icon .line-6 {
  height: 103px;
  width: 3px;
  background-color: var(--theme-color--2);
  position: absolute;
  bottom: 28px;
  left: -44px;
  transform: rotate(104deg);
  z-index: -1;
}

.why-choose-section-2 .service-box-left .service-box-4:hover::before {
  background-color: var(--theme-color--2);
}

.why-choose-section-2 .service-box-left .service-box-4:hover .icon {
  background: var(--white);
  color: var(--theme-color--2);
}

.why-choose-section-2 .service-box-left .service-box-4:hover .content h3 a {
  color: var(--white);
}

.why-choose-section-2 .service-box-left .service-box-4:hover .content p {
  color: var(--white);
}

.why-choose-section-2 .service-box-left .service-box-4.active::before {
  background-color: var(--theme-color--2);
}

.why-choose-section-2 .service-box-left .service-box-4.active .icon {
  background: var(--white);
  color: var(--theme-color--2);
}

.why-choose-section-2 .service-box-left .service-box-4.active .content h3 a {
  color: var(--white);
}

.why-choose-section-2 .service-box-left .service-box-4.active .content p {
  color: var(--white);
}

.why-choose-section-2 .service-circle-image {
  margin-top: 30px;
}

.why-choose-section-2 .service-circle-image img {
  width: 100%;
  height: 100%;
}

.why-choose-section-2 .service-box-left .service-box-4 .content h3 {
  font-size: 22px;
}

section.process-area+section.restaurat-sec-4 {
  padding-top: 0;
}

@media (max-width: 1399px) {
  .why-choose-section-2 .service-box-left .service-box-4 .icon {
    width: 100px;
    height: 100px;
    line-height: 110px;
  }
}

@media (max-width: 1299px) {
  .service-list .box-title {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .why-choose-section-2 .service-box-left .service-box-4 .icon .line-2 {
    bottom: -40px;
    right: 25px;
  }

  .why-choose-section-2 .service-box-left .service-box-4.style-2 {
    margin-right: 0;
  }

  .why-choose-section-2 .service-box-left .service-box-4 .icon .line-2 {
    height: 61px;
    bottom: -3px;
    right: 0;
  }
}

/* ============================
  sloutions page new design css
============================= */

.solutions-work-process-steps {
  background: #F1FAFE;
}

.outlets-and-warehouses .digital-marketing-insights {
  transform: scale(1);
  border: 1.5px solid rgba(27, 125, 220, 20%);
}

.integrated-solution {
  background: #F1FAFE;
}

.integrated-solution .why-choose-us-box {
  border: 2px solid rgba(27, 125, 220, 20%);
  padding: 25px;
  min-height: auto;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
}

.integrated-solution .why-choose-us-box .icon-area {
  background-color: transparent;
  padding: 12px;
  border-radius: 0;
}

.integrated-solution .box-area-heading {
  color: var(--main-primary);
}

.solution-success .year-number,
.solution-success .year-number .odometer-inside * {
  color: var(--main-primary);
}

.solution-success .year {
  color: var(--main-black);
}

.solution-success .our-successfull-porjects-boxes {
  border: 2px solid rgba(27, 125, 220, 20%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 25px 15px;
}

.solution-success .porjects-icon-boxes {
  width: 56px;
  height: 56px;
  margin-bottom: 15px;
}

.solutions-work-process-steps .work-step-process-content {
  background: #fff;
}

.solutions-work-process-steps .cardStackWrapper {
  padding-bottom: 0;
}

.solutions-work-process-steps .sub-title {
  line-height: 1.2;
}

.cta-right-image-box {
    background: #F4F4F4;
    width: 100%;
    border-radius: 12px;
}

.cta-right-image-box img {
   object-fit: contain;
    max-height: 520px;
    width: 100%;
    border-radius: 12px;
    height: 100%;
}
.pages-banner .cta-right-image-box img{
	 object-fit: cover;
}
/* cta for qms css */

.qms-page-cta .cta-right-image-box{
	  background: unset;
}
.qms-page-cta .cta-right-image-box img {
    max-height: 620px;
    object-fit: contain !important;
}
.cta-who-we-are-item-wrap.who-we-are-item-wrap {
    padding-top: 25px;
}
.cta-who-we-are-item-wrap .who-we-are-item_img {
    background: transparent;
    border-radius: 0;
}
.qms-page-cta .who-we-are-item_img:hover{
  background: transparent;
}
.qms-page-cta .who-we-are-item_img img{
  transition: all 0.8s ease-in-out;
}
.qms-page-cta .who-we-are-item_img:hover img {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.Key-benifits-section {
  overflow: hidden;
}

.Key-benifits-section .benifits-slider .owl-stage-outer {
  overflow: unset;
}

.Key-benifits-section .benifits-slider .owl-stage-outer .owl-stage {
  display: flex;
}

.Key-benifits-section .why-choose-us-box {
  background: var(--main-white);
  filter: drop-shadow(0px 4px 8px rgba(27, 125, 220, .12));
  min-height: auto;
  height: 100%;
  border-radius: 12px;
  padding: 22px 12px;
}

.Key-benifits-section .why-choose-us-box .icon-area {
  background-color: transparent;
  padding: 13.5px;
  border-radius: 0;
  margin: 0 auto 8px;
}

.Key-benifits-section .why-choose-us-box .box-area-heading {
  font-size: 18px;
  line-height: 25px;
  color: var(--main-primary);
}

/* ============================= 
  new section Key-benifits-section css 
=========================================== */

.strategy-element {
  border-radius: 100%;
  width: 283px;
  height: 283px;
  border: 4px dotted #e57d36;
  display: flex;
  align-items: center;
  justify-content: center;
}
.strategy-box {
  width: 20%;
}
.outer {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background: linear-gradient(to bottom, #FFFFFF, #DFDFDF);
  padding: 5px;
  /* acts like border width */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}

.design {
  left: -8px;
  top: -6px;
  height: 145px;
  bottom: -5px;
  right: -7px;
  position: absolute;
  border-radius: 157px 157px 0 0;
  border: 10px solid #e57d36;
  border-bottom: 0;
}

.design:before,
.design:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 13px;
  background-color: #e57d36;
  top: auto;
  bottom: -6px;
  left: -10px;
  margin: 0;
  border-radius: 50px;
}

.design:after {
  left: auto;
  right: -10px;
}

.strategy-box:nth-child(2n) .design {
  transform: rotate(180deg);
  bottom: -6px;
  top: auto;
}

.element-1 {
  box-shadow: 10px 10px 23px 4px rgb(0 0 0 / 11%), 0px 1px 18px 0 rgb(255 255 255);
}

.inner {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(180deg, #ECECEC, #FFFFFF);
}

.icon-strategy {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.strategy-solutions .content {
  text-align: center;
}

.strategy-solutions .content h4 {
  font-size: 20px;
}

.strategy-solutions .content p {
  font-size: 15px;
}

.strategy-box {
  width: 20%;
  padding: 161px 0;
}


.strategy-solutions .content {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}

.strategy-solutions .strategy-box:nth-child(2n) .content {
  top: auto;
  bottom: 0;
}

.strategy-solutions {
  overflow-x: hidden;
}

@media only screen and (max-width: 1500px) {
  .strategy-box {
    width: 18%;
    padding: 161px 0;
  }

  .design {
    left: -11px;
    height: 130px;
    right: -6px;
  }

  .strategy-element {
    width: 100%;
    height: 250px;
  }
}

@media only screen and (max-width: 1299px) {
  .strategy-box {
    width: 19%;
    padding: 161px 0;
  }
.strategy-solutions .content p {
    font-size: 14px;
    line-height: 23px;
    margin: 5px 0 0;
}
  .design {
    left: -10px;
    height: 106px;
    right: -8px;
  }

  .strategy-element {

    height: 208px;
  }

  .outer {
    width: 180px;
    height: 180px;
  }

  .icon-strategy img {
    width: 80px;
    ;
  }

}

@media only screen and (max-width: 1199px) {
  .strategy-flow-area {
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
  }

  .design {
    height: 98px;
    border-radius: 190px 190px 0 0;
  }

  .strategy-element {

    height: 185px;

  }

  .outer {
    width: 110px;
    height: 110px;
  }

  .icon-strategy img {
    width: 60px;
  }

  .strategy-solutions .content h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .strategy-solutions .content p {
    font-size: 14px;
    line-height: 20px;
  }

  .strategy-solutions .container {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

}

@media only screen and (max-width: 992px) {
  .design {

    height: 75px;
    border-radius: 140px 144px 0 0;
  }

  .strategy-element {

    height: 160px;
  }

  .outer {
    width: 100px;
    height: 100px;
  }

  .icon-strategy img {
    width: 45px;
    ;
  }

  .strategy-solutions .content h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px;
  }

  .strategy-solutions .content p {
    font-size: 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 860px) {

  .strategy-element {

    height: 144px;
  }
}

@media only screen and (max-width: 768px) {
  .design {

    height: 74px;
    border-radius: 140px 144px 0 0;
  }

  .strategy-element {

    height: 140px;
  }

  .outer {
    width: 90px;
    height: 90px;
  }

  .icon-strategy img {
    width: 40px;
    ;
  }

  .strategy-solutions .content h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px;
  }

  .strategy-solutions .content p {
    font-size: 12px;
    line-height: 18px;
  }

}

@media only screen and (max-width: 767px) {
  .design {
    left: -33px;
    top: 16px;
    bottom: auto;
    transform: rotate(270deg);
    width: 120px;
    height: 61px;
  }

  .strategy-box:nth-child(2n) .design {
    transform: rotate(90deg);
    bottom: 25px;
    top: auto;
    left: 19px;
  }

  .design::before, .design::after {

    height: 0;

  }

  .outer {
    width: 70px;
    height: 70px;
  }

  .strategy-box {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row-reverse;
  }

  .strategy-element {
    height: 110px;
    min-width: 110px;
    margin: 0 20px 0 0;
    width: 110px;
  }

  .strategy-solutions .content {
    position: static;
    text-align: left
  }

  .strategy-flow-area {
    max-width: 100%;

  }

}


/*===========================feature Acciunting==================================*/

.feature-accounting .benifits-box>div{
    display: flex;
    align-items: center;
	justify-content:left;
	text-align:left;
}
 .benifits-box .icon-area {
    width: 75px;
    height: 75px;
    background-color: #C9E4FF;
    min-width: 75px;
    border-radius: 100%;
    box-shadow: #c9e4ff8a 0 0 0 4px;
    margin: 0 20px 0 0;
    align-items: center;
    display: flex;
    justify-content: center;
}
.benifits-box .icon-area img {
    width: 50%;
    margin: 0 auto;
}
.feature-accounting .benifits-box .box-area-heading {
    font-size: 22px;
    line-height: 32px;
    color: var(--main-black);
}
 .benifits-box {
    border-radius: 20px;
    padding: 24px 27px;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.08), 0px -2px 0px 1px #C9E4FF;
    filter: none;
	 height: 100%;
}
.feature-accounting  .benifits-slider .owl-stage-outer {
    overflow: hidden;
}
.feature-accounting  .benifits-slider .owl-item {
    padding: 25px 13px;
}
.Key-benifits-section-slider3 .owl-nav button i{
	color:#fff;
}
.Key-benifits-section-slider3 .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 36%;
    width: 100%;
    height: 45px;
}
.Key-benifits-section-slider3 .owl-nav button {
    width: 50px;
    height: 50px;
    background: #E57D36 !important;
    border-radius: 100% !important;
    position: absolute;
    right: -62px;
    left: auto;
}
.Key-benifits-section-slider3 .owl-nav button.owl-prev{
	  left: -62px;
    right: auto;
}
.Key-benifits-section-slider3 .box-area-desc {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
}




/*=============================================================*/

.acc-pg-section-5{
  position:relative;
}
.acc-pg-section-5::before {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(-270deg, rgb(27 125 220) 65%, rgb(27 125 220 / 82%) 81%, rgb(27 125 220 / 60%) 94%, rgb(27 125 220 / 46%) 97%, rgb(27 125 220 / 0%) 100%);

}


/*===========================benefit Accounting==================================*/

 .benefit-accounting-section{
  overflow-x: hidden;
 }
.benefit-accounting-section .benifits-box{
    background:#FFE5D4;
    border-radius: 30px;
    padding: 30px 25px;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 0px #C9E4FF;
    border-bottom: 2px solid #fff;
     border-top: 2px solid #C9E4FF;
}


.benefit-accounting-section .owl-carousel .owl-stage-outer {
    overflow: unset; 
}

.benefit-accounting-section .benifits-box .icon-area {
    width: 115px;
    height: 115px;
    background-color: #ffffff;
    min-width: 115px;
    box-shadow: #ffffff8a 0 0 0 7px;
    margin: 0 auto 25px;
}


.border-title {
    text-shadow: -1px -1px 0 #e57d36, 1px -1px 0 #e57d36, -1px 1px 0 #e57d36, 1px 1px 0 #e57d36, -1px 0px 0 #e57d36, 1px 0px 0 #e57d36, 0px -1px 0 #e57d36, 0px 1px 0 #e57d36;
    font-size: 100px;
    color: #fff;
    line-height: 125px;
}


/* =========================== Privacy And Terms And Conditions Pages ============================== */

.data-section .section-heading .sub-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 15px 0 14px;
}

.data-section .section-heading .desc, .data-section ul li, .data-section ul li span {
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 0;
}

@media only screen and (max-width: 1399px) {


.benifits-box {
    padding: 17px 20px;
}

}
@media only screen and (max-width: 1299px) {
  body .container {
    max-width: 1160px;
}
  .inner-banner .section-heading .sub-title, .inner-banner .section-heading .sub-title span {
    line-height: 60px;
    font-size: 42px;
}
.Key-benifits-section-slider3 .box-area-desc {
        font-size: 16px;
        margin: 15px 0 0 !important;
	line-height:24px;
    }

.feature-accounting .benifits-box .box-area-heading {
    font-size: 20px;
    line-height: 30px;
    margin: 0!important;
}
.benifits-box .icon-area {
    width: 65px;
    height: 65px;
    min-width: 65px;
}
.Key-benifits-section .benifits-slider {
    max-width: 95%;
    margin: 0 auto;
}
.Key-benifits-section .box-area-heading {
    font-size: 18px;
    line-height: 27px;
}

.Key-benifits-section p.box-area-desc{
   margin: 10px 0 0!important;
}
.product-show {
    padding: 32px 0 0;
}
.box-area-heading {
    font-size: 20px;
}
}

@media only screen and (max-width: 1199px) {
  body .container {
    max-width: 100%;
}
.Key-benifits-section .benifits-slider {
    max-width: 90%;
}
.Key-benifits-section-slider3 .owl-nav button {
    width: 36px;
    height: 36px;
    right: -42px;
}

.Key-benifits-section-slider3 .owl-nav button.owl-prev {
    left: -42px;
    right: auto;
}
.benifits-box {
        padding: 18px 18px;
    }
    .benifits-box .icon-area {
        width: 55px;
        height: 55px;
        min-width: 55px;
    }
    .benefit-accounting-section .benifits-box .icon-area {
    width: 70px;
    height: 70px;
    min-width: 70px;
    box-shadow: #ffffff8a 0 0 0 5px;
}
.box-area-heading {
    font-size: 18px;
    line-height: 26px;
}
.benefit-accounting-section .benifits-box{
  padding: 22px 20px;
}
.section-heading .sub-title, .section-heading .sub-title span {
    font-size: 32px;
    line-height: 46px;
}
.product-show {
        padding: 66px 0 0;
    }
    .border-title {
    font-size: 60px;
    line-height: 93px;
}
.pt-5 {
    padding-top: 1.5rem!important;
}
}


/* =========================== Erp======================== */


.manage-box {
    max-width: 50%;
    display: flex;
    flex-wrap: wrap;
     margin: 0 auto;
    justify-content: space-between;
    position: relative;
}
.manage-box .icon-area {
max-width: 275px;
height: 274px;
border-radius: 20px;
overflow: hidden;
position: relative;

}
.manage-box .icon-area img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-manage {
    width: calc(100% - 290px);
}


.manage-box:nth-child(2n) {
    margin:-75px 0 0 100px;
}
.manage-box:nth-child(2n) {
    flex-direction: row-reverse;
    align-items: end;
    z-index: 1;
}
.manage-box:nth-child(3) {
    z-index: 2;
}
.manage-box:last-child {
    margin: -75px 0 0 auto;
}

.manage-box h4 {
    font-size: 28px;
    color: var(--main-primary);
    margin: 0 0 18px;
}
.manage-box p {
    font-size: 20px;
}
.manage-box .content-manage {
    padding: 20px 0 0 24px;
}
.manage-box:nth-child(2n) .content-manage {
    padding: 0 24px 0 0;
}
.manage-box:nth-child(2n) h4{
  text-align: right;
}
.manage-box:nth-child(2n) p{
  text-align: right;
}

.manage-box .icon-area:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(229 125 54 / 53%);
    z-index: 1;
}

.manage-box:nth-child(2n) .icon-area:before {
    background: rgb(27 122 218 / 58%);
  
}
.manage-box .icon-area .icon-erp {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 1;
    left: auto;
    right: 7px;
    top: 8px;
    bottom: auto;
}



/* ========================= .show-product-accounting=========================== */
.product-show img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.show-product-accounting .container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 85px;
    margin: 0 auto;
}



.Join-section{
  background:url('https://staging.netsolitsolution.com/netsol/wp-content/uploads/2025/06/join-bg.webp');
  background-position: center;
  background-size: cover;
  position: relative;
}
.Join-section::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #132745c9;
    z-index: 1;
}
.section-logo img {
    height: 70px;
    margin: 0 0 20px;
}

section.form-section {
    margin: -100px 0 0;
}
.form-section .page-serices-banner-form .card {
    background: #03448E;
    border: 0;
}
.form-section .page-serices-banner-form .card-header {
    background: #03448E;
    border: 0;
    padding: 18px;
    text-align: center;
}
.form-section .card-header .form-title {
    
    color: #fff;
}


.trust-section-item {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}

.trust-section-item_centent{
	margin:0 0 0 18px;
}


.trust-section-item-title, .trust-section-item-title span{
	font-size:25px;
font-weight:bold;
}



.trust-section.card{
    border: 0;
    padding: 40px 30px;
    box-shadow: rgba(0 0 0 / 11%) 0 0 14px;
    border-radius: 30px;
	    height: 100%;
}





/* ======================== ========================
 * new section who we are css
 *  ======================== ======================== */

.who-we-are-global-img {
        position: relative;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}
.who-we-are-global-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s all ease;
    transition: 1.3s all ease;
}
.who-we-are-img-box .img3, 
.who-we-are-img-box .img1,
 .who-we-are-img-box .img2 {
    overflow: hidden;
    border-radius: 40px;
}
.who-we-are-img-box .img3 img, 
.who-we-are-img-box .img1 img, 
.who-we-are-img-box .img2 img {
    border-radius: 40px;
}
.who-we-are-global-img:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.who-we-are-global-img:after {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.who-we-are-global-img:hover:after {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.who-we-are-item-wrap {
    min-width: 386px;
}

.who-we-are-item:not(:last-child) {
    margin-bottom: 30px;
}
.who-we-are-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
.who-we-are-item_img
 {
    min-width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 20px;
    text-align: center;
    background-color: var(--main-base);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.who-we-are-img-box .who-we-are-item_img {
    border-radius: 50%;
}
.who-we-are-img-box img
 {
    border-radius: 40px;
}
.who-we-are-item_img img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.who-we-are-img-box .who-we-are-item_img {
    border-radius: 50%;
}
.who-we-are-item_img:hover {
    background-color: var(--main-primary);
}
.who-we-are-item_img:hover img
 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.who-we-are-item .box-title
 {
    margin-bottom: 7px;
}
.who-we-are-box-title {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    margin-top: -0.32em;
}
.who-we-are-item_text {
    margin-bottom: -0.3rem;
}
.who-we-are-global-img:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

@media (min-width: 992px) {
    .who-we-are-img-box .img3:not(:last-child),
     .who-we-are-img-box .img1:not(:last-child),
      .who-we-are-img-box .img2:not(:last-child) {
        margin-bottom: 60px !important;
    }
}
@media (max-width: 991.98px){
	.img1.who-we-are-global-img ,
	.img2.who-we-are-global-img,
	.img3.who-we-are-global-img{
		margin-bottom: 25px;
	}
}

/* ============================================================
 * new smart way section design css 
 * ============================================================*/

body .smart-ways-section .nav-link:focus-visible,
body .smart-ways-section .nav-link {
    text-align: left;
    padding: 17px 18px;
    border: 1.5px solid #A2A2A2;
    border-left: 8px solid var(--main-primary);
    border-radius: 11.2px;
    background-color: #fff;
    color: var(--main-black) !important;
    font-size: 20px;
    font-weight: bold;
    transition: all 300ms ease;
    outline: none;
	min-width: 250px;
	max-width: 325px;
}
body .smart-ways-section .section-heading.sub-title {
    font-size: 30px;
}
body .smart-ways-section .section-heading .sub-title strong{
    font-size: 30px;
    font-weight: bolder;
}
body .smart-ways-section .section-heading .desc{
    font-size: 20px;
    line-height: 1.4;
    color: var(--main-black);
    font-weight: 500;
}
body .smart-ways-section .nav-link strong{
    font-size: 20px;
    font-weight: bolder;
}

body .smart-ways-section .nav-link.active:focus-visible,
body .smart-ways-section .nav-link:hover,
body .smart-ways-section .nav-link.active{
    background-color: #FFE8D9;
    border: 1.5px solid #FFE8D9;
   border-left: 8px solid var(--main-primary);
}

body .smart-ways-section .nav-link:nth-child(even):focus-visible,
body .smart-ways-section .nav-link:nth-child(even){
   border-left: 8px solid var(--main-base) !important;
}

body .smart-ways-section .nav-link:nth-child(even).active:focus-visible,
body .smart-ways-section .nav-link:nth-child(even):hover,
body .smart-ways-section .nav-link:nth-child(even).active {
    background-color: #1b7ddc3b;
    border: 1.5px solid #1b7ddc3b !important;
   border-left: 8px solid var(--main-base) !important;
}
body .smart-ways-section .smart-icon {
    width: 60px;
    height: 60px;
    margin: 14px 0 17px;
}
@media (min-width: 768px) and (max-width: 1199px){
    body .smart-ways-section .nav-link{
        flex: 1;
    }
}

.strategy-flow-area{
	 .wave-path {
		 fill: url(#waveGradient);
		 stroke: rgb(2, 78, 201);
		 stroke-width: 2;
		 stroke-linejoin: round;
	 }
	 .point-line,
	 .dot {
		 stroke: #021CFF;
		 stroke-width: 2;
		 opacity: 0;
		 animation: riseUp 1s ease forwards;
		 animation-delay: 2s;
	 }
	 .dot {
		 fill: white;
	 }
	 .percent,
	 .label {
		 fill: #000;
		 text-anchor: middle;
		 opacity: 0;
		 animation: fadeIn 1s ease forwards;
		 animation-delay: 2.5s;
	 }
	 .percent {
		 font: bold 16px sans-serif;
	 }
	 .label {
		 font: 10px sans-serif;
	 }
	 @keyframes riseUp {
		 from {
			 transform: translateY(30px);
			 opacity: 0;
		 }
		 to {
			 transform: translateY(0);
			 opacity: 1;
		 }
	 }
	 @keyframes fadeIn {
		 from {
			 opacity: 0;
		 }
		 to {
			 opacity: 1;
		 }
	 }
}

/* for select2 dropdown icon */
.select2 {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    transition: all 300ms ease;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent #888 #888 transparent;
    border-width: 2px;
    transform: rotate(-130deg);
}

.planning-section img{
	width: 100%;
}




/* contact us new section */

 .office-branch-section .icon-f {
	 display: inline-block;
	 min-width: 35px;
	 height: 35px;
	 background: url(../images/sprite.svg);
	 margin-right: 9px;
	 margin-top: 0;
}

.office-branch-section .icon-f.location {
	background-position: -1px -2340px;
	background-size: 38px;
	position: relative;
	top: 0;
}
.office-branch-section .icon-f.phone {
	background-position: -1px -2454px;
	background-size: 38px;
}
.office-branch-section .icon-f.mail {
	background-position: 0px -3303px;
	background-size: 36px;
}
.office-branch-section .card.services-card .solution-lists  li {
  display: flex;
  align-items: start;
}
.office-branch-section .card.services-card .solution-item div ,
.office-branch-section .card.services-card .solution-lists  li a{
  color: var(--main-black);
  transition: all 400ms ease;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.office-branch-section .card.services-card .solution-item div{
	align-self: center;
}
.office-branch-section .card.services-card .solution-lists  li a:hover{
  color: var(--main-primary);
}
.office-branch-section .card.services-card .title-wraper {
    background: var(--main-primary);
}
.office-branch-section .card-main-box .card.services-card{   
  position: relative;
  z-index: 0;
  height: 100%;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.office-branch-section .card.services-card::after {
  content: '';
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
  bottom: 0;
}
.solution-item.branch-office-title h3 {
  font-size: 22px;
  text-align: center;
  line-height: 1.3em;
}
.office-branch-section .card-main-box:nth-child(4) .card.services-card::after,
.office-branch-section .card-main-box:first-child .card.services-card::after{
  background: #daeaf7eb;
}
.office-branch-section .card-main-box:nth-child(5) .card.services-card::after,
.office-branch-section .card-main-box:nth-child(2) .card.services-card::after{
  background: #ffffffe3;
}
.office-branch-section .card-main-box:nth-child(3) .card.services-card::after{
  background: #daeaf7c2;
}
.office-branch-section .card-main-box:nth-child(6) .card.services-card::after{
  background: #daeaf769;
}

.office-branch-section .solution-lists-container {
    margin: 10px 0px 0px 0px;
    padding-bottom: 0px;
    border: none !important;
}

.office-branch-section .bank-detail:not(:last-child) {
  margin-bottom: 30px;
}

.office-branch-section .overseas-office-logo {
    height: 150px;
    text-align: center;
    margin-bottom: 30px;
}

.office-branch-section .bank-icon {
  text-align: center;
  height: 120px;
  margin-bottom: 20px;
}

.office-branch-section .bank-detail .branch-name {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
    line-height: 26px;
}
.office-branch-section .bank-detail .ifsc-code,
.office-branch-section .bank-detail .account-number {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    line-height: 24px;
}


.lb-nav a.lb-next {
/* 	right: -260px; */
	opacity: 1;
	width: 70px;
}
.lb-nav a.lb-prev{
/* 	left: -260px; */
	opacity: 1;
	width: 70px;
}

.wpcf7 form .wpcf7-response-output {
    background: #fff;
    margin: 16px 0 0 !important;
}

.select2-search__field{
	outline: none;
}

.solutions-archive-card {
  padding: 20px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.10);
  height: 100%;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Key-benifits-section-slider2 .owl-item{direction: ltr;}

html body.post-type-archive-work .lb-outerContainer,
html body.home .lb-outerContainer {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto;
    border-radius: 4px;
    background-color: white;
    max-width: 620px !important;
    padding: 13px 0px 14px 14px;
}
html body.post-type-archive-work .lb-container,
html body.home .lb-container {
    height: 80vh;
    overflow: hidden;
    overflow-y: auto;
}
html body.post-type-archive-work .lightbox .lb-image,
html body.home .lightbox .lb-image {
    display: block;
    height: auto !important;
    max-width: 100%;
    max-height: max-content;
    width: auto !important;
    border: 0;
}
html body.post-type-archive-work .lb-dataContainer,
html body.home .lb-dataContainer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100% !important;
    text-align: center;
    max-width: 600px;
    margin: 14px auto 0;
}
html body.post-type-archive-work .lb-data,
html body.home .lb-data {
    padding: 0 4px;
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
html body.post-type-archive-work  .lb-data .lb-caption,
html body.home  .lb-data .lb-caption {
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
	float:none;
    color: #fff;
}
html body.post-type-archive-work .lb-data .lb-close,
html body.home .lb-data .lb-close{
	float:none;
}

/* temperory disable blog page and inner page by golu */
.menu-item.menu-item-object-blog{pointer-events: none;}
html body section.news-blogs .row .col-lg-4 .blog a{pointer-events: none !important;}
html body section.news-blogs .btn-area a.thm-btn{pointer-events: none !important;}

/************************************* start quote area css *************************************/
.page-template-hire-developers.hire-developers .common-quote-section,
.career-template-default.single-career .common-quote-section,
.post-type-archive-blog .common-quote-section,
.blog-template-default.single-blog .common-quote-section,
.page-template-contact.contact .common-quote-section,
.error404 .common-quote-section,
.post-type-archive-work .common-quote-section{display:none;}

.career-template-default.single-career .about-footer-section,
.post-type-archive-work .about-footer-section,
.post-type-archive-blog .about-footer-section,
.blog-template-default.single-blog .about-footer-section,
.page-template-contact.contact .about-footer-section,
.error404 .about-footer-section,
.page-template-hire-developers.hire-developers .about-footer-section{padding-top: 60px;}

/************************************* end quote area css **************************************/
/* 
.services-card .office-address-placeholder-image {
  height: 400px;
} */



.form-group br{
  display: none!important;
}

span.wpcf7-form-control-wrap[data-name="std_code"] {
    display: inline-block;
    width: auto;
    position: absolute;
    z-index: 11;
    top: 35px;
    bottom: auto;
    left: 1px;
}
.popup-model-form .phone-std.request-quote-col span.wpcf7-form-control-wrap[data-name="std_code"] {
    top: 35px;
}
.phone-std.request-quote-col span.wpcf7-form-control-wrap[data-name="std_code"] {
    top: 1px;
}
.phone-std .select2-container {
    width: auto !important;
    min-width: 85px;
	z-index:0;
}
body .popup-model-form .phone-std .select2-container--default .select2-selection--single {
    border: 0;
}
.popup-model-form span.wpcf7-form-control-wrap[data-name="std_code"] {
   
    top: 30px;
    
}
.phone-std .select2-container .select2-selection--single {
    border: 0;
    height: 47px;
    border-right: 1px solid #e2e8f0;
    border-radius: 4px 0 0 4px;
    background: #f6f6f6;
	z-index:0;
}
.phone-std .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
	z-index:0;
}
.phone-std .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
	z-index:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6b7280;
    border-style: solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
    height: 0;
    margin-left: -10px;
    margin-top: -2px;
    width: 0;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 54px;
    right: 7px;
}
.wpcf7-form-control-wrap, span.wpcf7-form-control-wrap[data-name="text-317"] {
    width: 100%;
    display: inline-block;
}
input[name="text-317"] {
    padding-left: 96px !important;
}

body textarea.form-control {
    min-height: calc(1.5em + 4.75rem + 2px);
}
.g-recaptcha {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	width:100%;
	margin:0 0 20px;
   
}
body .wpcf7-not-valid {
    border-color: red !important;
}
body .wpcf7-not-valid + span.select2-container--default .select2-selection--single {
    border-color: red;
}
span.wpcf7-not-valid-tip + span.wpcf7-not-valid-tip {
    display: none;
}
.phone-std.request-quote-col label {
    left: 95px;
}
.g-recaptcha.wpcf7-not-valid  iframe {
    border: 1px solid red;
    border-radius: 3px;
    overflow: hidden;
}
.recaptcha-error{
	width:100%;
	margin:-11px 0 20px;
	text-align:center;
}
body .popup-model-form .select2-container--default .select2-selection--single {
    border: 0;
    border-bottom: 2px solid #ced4da;
    border-radius: 0;
}


/*****************************************************

new card for archive page 

*****************************************************/

/*******************************
***********************************
***************************
 new card design 
 *******************************
 *******************************
 *******************************/

.solutions-archive-card-new .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutions-archive-card-new {
  position: relative;
  padding: 30px;
  overflow: hidden;
}

.card-hover-box-wrapper .sub-title span,
.card-hover-box-wrapper .sub-title{color: var(--main-white);}

.solutions-archive-animated-card-new {
  min-height: 275px;
  border-radius: 20px;
  border: none;
  background: #F6FBFF;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.15);
  justify-content: start;
}
.solutions-archive-animated-card-new:before,
.solutions-archive-animated-card-new .hidden-animated-btn,
.solutions-archive-animated-card-new .card-image-wrapper-shape-icon,
.solutions-archive-animated-card-new .card-animated-image-wrapper-shape,
.solutions-archive-animated-card-new .animated-title,
.solutions-archive-animated-card-new .sub-title,
.solutions-archive-animated-card-new .animated-title span,
.solutions-archive-animated-card-new .card-image-wrapper-shape-icon-container,
.solutions-archive-animated-card-new .animated-content-area {
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
  transition-property: all;
  transform-origin: bottom left;
  transform-style: preserve-3d;
  border-radius: inherit;
}
 
.solutions-archive-animated-card-new:before {
  content: '';
  background: rgba(0, 71, 140, 0.4);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: circle(45% at 100% 100%);
}
.solutions-archive-animated-card-new:hover:before {
  clip-path: circle(100%);
  background: rgba(0, 0, 0, 0.6);
}

.animated-content-area{
  padding-right: 100px;
  position: relative;
  z-index: 1;
}
.solutions-archive-animated-card-new .card-animated-image-wrapper-shape {
  position: absolute;
  z-index: 0;
  clip-path: circle(45% at 100% 100%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.solutions-archive-animated-card-new .hidden-animated-btn {
  position: absolute;
  top: auto;
  bottom: 30px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  transform: translateY(180%);
  z-index: 2;
}

.solutions-archive-animated-card-new:hover .animated-content-area{
  transform: translateY(-180%);
  opacity: 0;
  visibility: hidden;
}
.solutions-archive-animated-card-new:hover .hidden-animated-btn{
  transform: translateY(0%);
}
.solutions-archive-animated-card-new:hover .sub-title{
  transform: translate(0, 100%);
  opacity: 0;
  visibility: hidden;
}
.solutions-archive-animated-card-new .animated-title{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 20px;
  right: 20px;
  text-align: center;
  transform: translateY(-400%) !important;
  z-index: 2;
  top: 0%;
}
.solutions-archive-animated-card-new:hover .animated-title{
  transform: translateY(-70%) !important;
  top: 50%;
  opacity: 1;
  visibility: visible;
  color: var(--main-white) !important;
  margin-bottom: 0 !important;
}
.solutions-archive-animated-card-new:hover .animated-title span{color: var(--main-white);}

.solutions-archive-animated-card-new .card-image-wrapper-shape-icon {
  width: 57px;
  height: 57px;
  margin-top: 10px;
  position: absolute;
  z-index: 1;
  right: 7%;
  bottom: 11%;
  border-radius: 0;
}

.solutions-archive-animated-card-new:hover .card-image-wrapper-shape-icon {
  right: 43.5%;
  bottom: 72%;
  margin-top: 0;
}
.solutions-archive-animated-card-new:hover .card-animated-image-wrapper-shape{
  clip-path: circle(100%);
}

@media(max-width: 476px){
  .solutions-archive-animated-card-new:hover .card-image-wrapper-shape-icon {
    right: 40%;
  }
  .solutions-archive-animated-card-new .card-image-wrapper-shape-icon {
    width: 47px;
    height: 47px;
  }
  .solutions-archive-animated-card-new .hidden-animated-btn {
    bottom: 25px;
    left: 15px;
    right: 15px;
  }
  .solutions-archive-animated-card-new .animated-content-area {
    padding-right: 85px;
  }
  .solutions-archive-animated-card-new .animated-title {
    left: 15px;
    right: 15px;
  }
}
.no-opening {
    font-size: clamp(16px, 5vw + 1rem, 32px);
    line-height: 1.2em;
}
.no-opening-container{
	text-align: center;
}

/* new zoho page css */

.comparison-row {
    display: flex;
    justify-content: space-between;
    margin-top: 120px !important;
}

  .comparison-row .feature-list:not(:first-child) {
    text-align: center;
  }
  .comparison-row .feature-list li:not(.comparison-row .feature-list.zoho-highlight li):nth-child(even) {
    background-color: #E0EBFF;
  }

  .comparison-row .feature-list{
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 4 1 245px;
  }
  .comparison-row .feature-list li{
    padding: 26px 14px;
  }
  /* .comparison-row .feature-list li.blank{
    padding: 41.6px 0;
  } */
  .comparison-row .feature-list li span:not(.checkmark),
  .comparison-row .feature-list li span:not(.crossmark),
  .comparison-row .feature-list li, .comparison-row .feature-list li p {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
    vertical-align: middle;
  }
  .comparison-row .feature-list li .checkmark {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #00BA00;
  }
  .comparison-row .feature-list li .checkmark:after {
    content: "";
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .comparison-row .feature-list li .crossmark {
    position: relative;
    min-height: 9px;
    display: inline-block;
    min-width: 10px;
  }
  .comparison-row .feature-list li .crossmark:after {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 0px;
    border: solid #F44336;
    border-width: 0 0px 3px 0;
    transform: rotate(45deg);
    left: 0;
    top: 0;
  }
  .comparison-row .feature-list li .crossmark:before {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 0px;
    border: solid #F44336;
    border-width: 0 0px 3px 0;
    transform: rotate(-45deg);
    left: 0;
    top: 0;
  }

.comparison-row .feature-list.zoho-highlight li:first-child{margin-bottom: 30px;}
.comparison-row .feature-list.zoho-highlight li p,
.comparison-row .feature-list.zoho-highlight li{color: var(--main-white);}
.comparison-row .feature-list.zoho-highlight li:not(.comparison-row .feature-list.zoho-highlight li:first-child):nth-child(odd){background: linear-gradient(269.95deg, rgb(45 97 201) 0.05%, #ffffff59 50%, rgb(45 97 201) 100%);}
.feature-list.zoho-highlight{
    background: #2D61C9;
    border-radius: 12px;
    padding: 10px 0 40px;
    margin-top: -40px;
    box-shadow: 5px 9px 50px 0px #7EA9FF99, -5px 8px 50px 0px #7EA9FF99;
    max-width: 300px;
}
.feature-list:first-child li{border-radius: 5px 0 0 5px;}
.feature-list:last-child li{border-radius: 0 5px 5px 0;}


.zoho-pricing {
  background-color: #F2F5F9;
  position: relative;
}
.zoho-pricing:after {
  content: '';
  background-color: #F2F5F9;
  position: absolute;
  bottom: -185px;
  left: 0;
  right: 0;
  height: 185px;
  z-index: -1;
}

.zoho-steps-section .icon-box-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zoho-mail-setup-img-container .zoho-mail-setup-img {
    max-height: 670px;
    object-fit: cover;
    object-position: center;
}

.zoho-pricing-container {
  flex-direction: row;
  display: flex;
  margin-top: 60px;
}
.zoho-pricing-container-column {
  flex: 5 5 20%;
  padding: 0;
  position: relative;
}
.zoho-pricing-container-column .zoho-card {
  padding: 25px 20px 40px !important;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.zoho-pricing-container-column:nth-child(2) .zoho-card{border-radius: 10px 0 0 10px;}
.zoho-pricing-container-column:last-child .zoho-card {border-radius: 0 10px 10px 0;}
.zoho-card-price {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--main-black);
  line-height: 1.2;
  margin-bottom: 15px;
}

.zoho-card-price span {
  font-size: clamp(1rem, 2vw, 1.25rem) !important;
  color: inherit;
  line-height: inherit;
  font-weight: 400 !important;
}
.zoho-card-title {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.3;
  margin-bottom: 15px;
  color: var(--main-black);
  font-weight: 700;
}
.zoho-card-title-text {
  font-size: clamp(.9375rem, 2vw, 1.125rem);
  line-height: 1.4;
  margin-bottom: 9px;
  color: var(--main-black);
}

.zoho-products-icons-container-title {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  line-height: 1.3;
  margin-bottom: 18px;
  text-align: center;
}
.zoho-products-icons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px !important;
  /* justify-content: space-between; */
  margin-bottom: 40px;
}
.zoho-products-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 4 4 60px;
  max-width: 60px;
}
.zoho-products-icons-img{
  padding: 8px 6px;
  border-radius: 5px;
  background: #E3F6FF;
}
.zoho-products-icons-img img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  object-position: center;
}
.zoho-products-icons span {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
}
.zoho-card.zoho-highlighted-card .zoho-products-icons span{color: var(--main-white);}
.zoho-card.zoho-highlighted-card {
  background: linear-gradient(180deg, #007DDD 0%, #0E558B 80.43%);
  box-shadow: 0px 42px 25px 12px #007DDD40;
  margin-top: -60px;
  border-radius: 10px !important;
}
.zoho-card-listing-border {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.zoho-card-listing li {
  font-size: 16px;
  line-height: 1.4rem;
  padding-left: 24px;
  position: relative;
  list-style: none;
  font-weight: 500;
  color: var(--main-black);
}
.zoho-card-listing li:not(:last-child){margin-bottom: 8px;}
.zoho-card-listing li::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: '';
  display: inline-block;
  background-image: url(../images/icon/combo-check-mark.svg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.zoho-highlighted-card .zoho-card-listing li::before{
  background-position: 50% 100%;
}
.zoho-card-badge {
  padding: 6px 20px;
  background: #BDE2FF;
  border-radius: 50px;
  display: block;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E558B;
  margin-left: auto;
  margin-top: -10px;
  margin-bottom: 6px;
}
.zoho-highlighted-card .zoho-card-title,
.zoho-highlighted-card .zoho-card-title-text,
.zoho-highlighted-card .zoho-card-price span,
.zoho-highlighted-card .zoho-products-icons-container-title,
.zoho-highlighted-card .zoho-card-listing li,
.zoho-highlighted-card .zoho-card-listing li small,
.zoho-highlighted-card .zoho-card-price{
  color: var(--main-white);
}
body .zoho-card .thm-btn {
  background: #BDE2FF !important;
  color: #0E558B;
}
body .zoho-card .thm-btn-white {
  background: var(--main-white) !important;
}
body .zoho-card .thm-btn:hover{
  color: var(--main-white);
}
.zoho-card-listing li .spark-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;
}
.zoho-card-listing li small {
  font-size: 10px;
  border: 1px solid var(--main-primary);
  padding: 1px 5px;
  border-radius: 2px;
  line-height: 1;
  vertical-align: middle;
  color: var(--main-base);
}
.zoho-highlighted-card .zoho-card-listing li .spark-icon{filter: brightness(0) invert(1);}
.zoho-highlighted-card .zoho-card-listing li.text-muted{
  color: #c2d9ef !important;
}
.zoho-highlighted-card .zoho-card-listing-border {border-color: #ffffff5e;}
.space-b-40{padding-bottom: 40px;}

/* for menu item zoho mail  */
#menu-item-3279 a{
  position: relative;
}
#menu-item-3279 a:after {
  position: absolute;
  width: 50px;
  height: 20px;
  background-image: url(../../../../uploads/2025/10/zoho-icon.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  top: 50%;
  right: 14px;
  display: block !important;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  #menu-item-3279 a:after {
      right: -50%;
  }
}

/* responsive */

@media (max-width: 1440px) {
  .comparison-row .feature-list li span:not(.checkmark),
  .comparison-row .feature-list li span:not(.crossmark),
  .comparison-row .feature-list li, .comparison-row .feature-list li p {
      font-size: 1.125rem;
  }
  
  .feature-list.zoho-highlight ~ .feature-list{
    max-width: 200px;
  }
}
@media (max-width: 1299.98px) {
  .zoho-pricing-container {
    flex-wrap: wrap;
    margin-top: 45px;
  }
  .zoho-pricing-container-column {
    flex: 4 4 25%;
    padding: 0;
  }
  .zoho-card.zoho-highlighted-card {
    margin-top: -45px;
    border-radius: 10px !important;
  }
  .zoho-products-icons-container {
    margin-bottom: 30px;
  }
  .zoho-pricing-container-column .zoho-card {
    padding: 20px 15px 20px !important;
  }
  .zoho-pricing-container-column .zoho-card .thm-btn {
    padding: 8px 20px;
  }
  .zoho-card-price { margin-bottom: 10px; }
}
@media (max-width: 1199.98px) {
  .comparison-row {
    margin-top: 90px !important;
  }
}
@media (min-width: 992px) {
  .zoho-pricing-container-column:not(:last-child)::after {
    content: '';
    top: 20px;
    bottom: 20px;
    right: 0;
    width: 1px;
    z-index: 0;
    position: absolute;
    background: linear-gradient(180deg, rgb(0 125 221 / 0%) 0%, #0E558B 29.81%, #0E558B 67.31%, rgba(0, 125, 221, 0) 100%);
    opacity: 0.5;
  }
}
@media (max-width: 991.98px) {
    .comparison-row .feature-list li span:not(.checkmark),
    .comparison-row .feature-list li span:not(.crossmark),
    .comparison-row .feature-list li, .comparison-row .feature-list li p {
        font-size: 1rem;
    }
    .feature-list.zoho-highlight{
        padding: 0 0 25px;
        margin-top: -25px;
        box-shadow: 2px 6px 40px 0px #7EA9FF99, -2px 6px 40px 0px #7EA9FF99;
        max-width: 150px;
    }
    .comparison-row .feature-list.zoho-highlight li:first-child {
        margin-bottom: 25px;
    }
    .feature-list.zoho-highlight ~ .feature-list{
        max-width: 150px;
    }
    .comparison-row .feature-list li .checkmark {
        width: 17px;
        height: 17px;
    }
    .comparison-row {
        margin-top: 70px !important;
    }
    .zoho-mail-setup-img-container .zoho-mail-setup-img {
        max-height: 470px;
    }
    .zoho-highlighted-column{height: 100%;}
    .zoho-pricing-container{
      margin-left: 0;
      margin-right: 0;
      gap: 30px;
    }
    .zoho-pricing-container-column {
      flex: 5 5 47%;
    }
    .zoho-pricing-container-column .zoho-card {
      border-radius: 10px !important;
    }
}
@media (max-width: 767.98px) {
    .comparison-row.mobile-comparison-row{
        flex-wrap: wrap;
        margin-top: 25px !important;
    }
    .comparison-row .feature-list {
        flex: none;
        width: 100% !important;
        max-width: 100% !important;
    }
    .feature-list.zoho-highlight {
        padding: 0;
        margin: 30px 0;
        box-shadow: 1px 3px 20px 0px #7EA9FF99, -1px 3px 20px 0px #7EA9FF99;
    }
    .comparison-row .feature-list.zoho-highlight li:first-child {
        margin-bottom: 0;
    }
    .comparison-row .feature-list li {
        padding: 15px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .feature-list:first-child li,
    .feature-list:last-child li {
        border-radius: 5px;
    }
    .comparison-row .feature-list li span:not(.checkmark), .comparison-row .feature-list li span:not(.crossmark), .comparison-row .feature-list li, .comparison-row .feature-list li p {
        font-size: 0.9375rem;
    }
    .comparison-row .feature-list .brand-name {
        font-size: 1.125rem !important;
        font-weight: 700 !important;
    }
    .comparison-row .feature-list li .crossmark {
        min-width: 17px;
    }
    .zoho-steps-section.agile-section .section-heading {
        padding-bottom: 15px;
        margin: 0;
    }
    .zoho-pricing-container{
      gap: 20px;
    }
    .zoho-pricing-container-column {
      flex: 2 2 48%;
    }
}

/* cf7 spinner */
body span.wpcf7-spinner {
    margin: auto 0 10px 10px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .zoho-step-list {
    flex-direction: row !important;
    column-gap: 15px !important;
    flex-wrap: wrap !important;
  }
  .zoho-step {
    flex: 2 2 45% !important;
  }
}

@media (max-width: 575.98px) {
  .zoho-pricing-container-column {
    flex: 1 1 100%;
  }
}