@charset "utf-8";


@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.eot");
  src: url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-Light.woff2") format("woff2"),
    url("../fonts/Gilroy-Light.woff") format("woff"),
    url("../fonts/Gilroy-Light.ttf") format("truetype"),
    url("../fonts/Gilroy-Light.svg#clarasansuploaded_file") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.eot");
  src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-Regular.woff2") format("woff2"),
    url("../fonts/Gilroy-Regular.woff") format("woff"),
    url("../fonts/Gilroy-Regular.ttf") format("truetype"),
    url("../fonts/Gilroy-Regular.svg#clarasansuploaded_file") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.eot");
  src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-Medium.woff2") format("woff2"),
    url("../fonts/Gilroy-Medium.woff") format("woff"),
    url("../fonts/Gilroy-Medium.ttf") format("truetype"),
    url("../fonts/Gilroy-Medium.svg#clarasansuploaded_file") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-SemiBold.eot");
  src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
    url("../fonts/Gilroy-SemiBold.woff") format("woff"),
    url("../fonts/Gilroy-SemiBold.ttf") format("truetype"),
    url("../fonts/Gilroy-SemiBold.svg#clarasansuploaded_file") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-Bold.woff2") format("woff2"),
    url("../fonts/Gilroy-Bold.woff") format("woff"),
    url("../fonts/Gilroy-Bold.ttf") format("truetype"),
    url("../fonts/Gilroy-Bold.svg#clarasansuploaded_file") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-ExtraBold.eot");
  src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"),
    url("../fonts/Gilroy-ExtraBold.woff") format("woff"),
    url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"),
    url("../fonts/Gilroy-ExtraBold.svg#clarasansuploaded_file") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*FOR SNOW EFFECT*/
@font-face {
  font-family: 'snowFont';
  src: url('https://cdn.rawgit.com/ZaurT/fonts/master/MapleCartoon.otf');
}

.flake path {
  fill: #fff;
  opacity: 0.35;
}

.snow-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.flake-wrapper {
  position: absolute;
  z-index: 999;
}

@keyframes falling {
  0% {
    top: -50px;
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    top: 100%;
    opacity: 0;
  }
}

.flake {
  width: 100%;
  height: 100%;
}

/*FOR SNOW EFFECT*/



:root {
  --heading-font: "Gilroy";
  --body-font: "Gilroy";
  --common-transition: all 0.3s ease 0s;
  --primary: #41B0FE;
  --secondary: #0045CA;
  --black: #000000;
  --dark-gray: #252432;
  --gray: #656565;
  --white: #FFFFFF;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
html,
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 500;
  color: var(--gray);
  background: linear-gradient(0deg, #FFFFFF, #F5F8FF);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0 0 20px;
  padding: 0;
  color: var(--dark-gray);
  font-family: 'Gilroy';
  font-weight: 700;
  line-height: 1;
}

h1,
.h1 {
  font-size: 80px;
}

h2,
.h2 {
  font-size: 50px;
  line-height: 1.2;
}

h3,
.h3 {
  font-size: 60px;
}

h4,
.h4 {
  font-size: 36px;
}

h5,
.h5 {
  font-size: 30px;
}

h6,
.h6 {
  font-size: 24px;
  font-weight: 600;
}

p {
  margin: 0 0 20px;
  line-height: 1.3;
}

.fw-600 {
  font-weight: 600;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
}

a,
img {
  border: 0;
  text-decoration: none;
  outline: none;
}

a,
a:link,
a:visited,
a:focus,
a:hover {
  color: var(--black);
  outline: none;
  text-decoration: none;
  transition: var(--common-transition);
}

a:hover {
  text-decoration: none;
  transition: var(--common-transition);
}

textarea,
select,
.form-control,
.form-select,
input {
  font-family: var(--body-font);
  outline: none;
  border: 1px solid #B3C6D1;
  border-radius: 40px;
  background-color: var(--white);
  height: 50px;
  padding: 12px 30px;
  color: var(--gray);
  font-weight: 500;
  font-size: 15px;
}

textarea.form-control {
  height: 100px;
  border-radius: 20px;
  padding: 20px 30px;
  resize: none;
  font-size: 15px;
}

select,
select.form-select {
  background-image: url(../images/icon-down.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: 8px;
  font-size: 15px;
}

textarea:focus,
select,
select.form-select:focus,
.form-control:focus {
  border: 1px solid #B3C6D1;
  outline: none;
  box-shadow: inherit;
}

input:focus,
input:focus-visible {
  border: 1px solid #B3C6D1;
  outline: none;
  box-shadow: none;
}

input[type=submit] {
  height: inherit;
}

.btn-check:focus+.btn,
.btn:focus {
  box-shadow: inherit;
}

/* ---  upload and checkbox css  --- */
.form-control::-webkit-file-upload-button {
  padding: 5px 18px;
  margin: 0;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--black);
  font-weight: 600;
  background-color: rgb(0 173 254 / 10%);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: none;
  border-radius: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: 5px 18px;
  margin: 0;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--black);
  font-weight: 600;
  background-color: rgb(0 173 254 / 10%);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: none;
  border-radius: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control[type=file] {
  padding: 10px 0;
  border-radius: inherit;
  border: none;
  color: var(--black);
  background: transparent;
}

.form-check.common-input-wrap {
  padding-left: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.form-check.common-input-wrap label {
  margin: 0;
  line-height: 1;
  color: var(--gray);
  font-weight: 500;
}

.form-check-input[type=checkbox] {
  padding: 0;
  border: 2px solid #B3C6D1;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
}

.form-check-input:checked[type=checkbox] {
  background-color: #B3C6D1;
}

.form-check.common-input-wrap input[type=checkbox] {
  padding: 0;
  border: 2px solid #B3C6D1;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
}

.form-check.common-input-wrap input:checked[type=checkbox] {
  background-color: #B3C6D1;
}

.form-check.common-input-wrap span.wpcf7-list-item-label {
  display: none;
}

.form-check.common-input-wrap br {
  display: none;
}

.form-check.common-input-wrap p {
  display: flex;
  align-items: center;
  margin: 0;
}

.form-check.common-input-wrap p span {
  margin: 0;
  line-height: 1;
  width: inherit;
  height: inherit;
  border: none;
  background: transparent;
}

/* ---  upload and checkbox css  --- */

/* --- for placeholder color --- */
input::-moz-placeholder,
.form-control::-moz-placeholder {
  color: var(--gray);
  opacity: 1;
  font-weight: 500;
}

input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  color: var(--gray);
  font-weight: 500;
}

input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: var(--gray);
  font-weight: 500;
}

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft,
.alignnone {
  float: left;
  margin: 0 15px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 15px;
}

.aligncenter {
  margin: 10px auto;
  display: block;
}

/* --- only use for wordpress (Image alignment) --- */

/*..............common styles..............*/
.common-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.common-small-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

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

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

.common-hdr {
  margin-bottom: 50px;
}

.common-hdr h2 {
  margin-bottom: 10px;
}

.common-hdr p {
  color: var(--dark-gray);
  margin: 0 auto 15px;
}

.common-hdr p:last-child {
  margin-bottom: 0;
}

.common-hdr p a {
  color: var(--dark-gray);
  font-weight: 600;
  text-decoration: underline;
}

.common-hdr h6 {
  color: var(--dark-gray);
  font-weight: 500;
  margin: 0 0 10px;
}

.common-hdr h6 a {
  color: var(--dark-gray);
  font-weight: 600;
  text-decoration: underline;
}

.common-hdr span {
  display: block;
  margin-bottom: 20px;
  color: var(--primary);
  font-weight: 600;
}

.common-hdr.max-width p {
  max-width: 767px;
}

.common-hdr.max-width-lg p {
  max-width: 1035px;
}

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

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

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

.icon-60 img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  object-position: center;
  position: relative;
  margin-bottom: 30px;
}

.common-card-style {
  padding: 50px;
  background: var(--white);
  border-radius: 20px;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  height: calc(100% - 24px);
  margin-bottom: 24px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  transition: var(--common-transition);
}

.common-card-style.p0 p {
  margin-bottom: 0;
}

.common-card-style.p-30 p {
  margin-bottom: 30px;
}

.common-card-style ul {
  margin: 0;
  padding-left: 25px;
}

.common-card-style2 {
  padding: 50px;
  background: var(--white);
  border-radius: 20px;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  transition: var(--common-transition);
  border: 2px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.common-card-style2:hover {
  border: 2px solid #00000014;
}

.common-card-style2.p0 p {
  margin-bottom: 0;
}

.common-card-style2.p-30 p {
  margin-bottom: 30px;
}

.btn {
  border: 1px solid var(--black);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  background: var(--black);
  color: var(--white) !important;
  padding: 22px 50px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
}

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

.btn.btn-transfrnt.white {
  padding: 20px 30px;
  color: var(--white) !important;
  border: 2px solid var(--white);
}

.btn.btn-transfrnt.white:hover {
  background: var(--white) !important;
  color: var(--black) !important;
}

.btn.blue {
  background: linear-gradient(279.69deg, #006293 0%, #00ADFE 100%);
  color: var(--white) !important;
  border: 0;
}

.btn.blue:hover {
  background: #c4ecff !important;
  color: #191919 !important;
  border: 0;
}

.btn.btn-transfrnt {
  background: transparent;
  color: var(--black) !important;
  border: 2px solid var(--black);
}

.btn.btn-transfrnt:hover {
  background: var(--black) !important;
  color: var(--white) !important;
}

a.common-ban-btn {
  max-width: fit-content;
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 18px;
  color: var(--black);
  font-weight: 600;
}

/*..............common styles..............*/


/* ============ header Start ============ */

body.open {
  height: 100vh;
  overflow: hidden;
}

/* html.toggle-open {overflow: hidden;} */
body.fixed-gap {
  margin-top: 118px;
}

/* Home header modification */
.home .main-menu ul li a {
  color: var(--white) !important;
}

.home .main-menu {
  background: transparent !important;
}

/* .home .main-header .logo > a { filter: invert(1);} */
.home .main-header {
  position: absolute;
}

.home .main-header .btn.btn-transfrnt {
  padding: 20px 30px;
  color: var(--white) !important;
  border: 2px solid var(--white);
}

.home .main-header .btn.btn-transfrnt:hover {
  background: var(--white) !important;
  color: var(--black) !important;
}

.home .header-sticky.main-header .btn.btn-transfrnt {
  background: transparent;
  color: var(--black) !important;
  border: 2px solid var(--black);
}

.home .header-sticky.main-header .btn.btn-transfrnt:hover {
  background: var(--black) !important;
  color: var(--white) !important;
}

.home .header-sticky.main-header .main-menu ul li a {
  color: var(--black) !important;
}

.home .header-sticky.main-header {
  position: fixed;
}

body.home.fixed-gap {
  margin-top: 0px;
}

/* Home header modification */


/* LOGO CSS START*/
/* .page-template .logo img, .services-template .logo img, .single .logo img, .blog .logo img {filter: brightness(0);} */


.homepage-logo {
  display: none;
}

.home .innerpage-logo {
  display: none;
}

.home .homepage-logo {
  display: block;
}

/* LOGO CSS END */

.header-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

header.main-header .logo {
  min-width: 150px;
  max-width: 150px;
}

.main-header .short-logo {
  display: none;
}

.header-sticky.main-header .logo {
  min-width: 60px;
  max-width: 60px;
}

.header-sticky.main-header .logo>a {
  display: none;
}

.header-sticky.main-header .short-logo {
  display: block;
  width: 60px;
  height: 60px;
  /*border-radius: 50px; overflow: hidden;*/
}

.header-sticky.main-header .short-logo img {
  height: 100%;
}

.main-header {
  padding: 30px 0px 10px;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  position: relative;
}

.main-menu ul li {
  margin: 0 12px !important;
}

.main-menu ul li a {
  font-family: "Gilroy" !important;
  color: #191919 !important;
  font-weight: 500 !important;
  position: relative !important;
  padding: 3px 8px !important;
  height: inherit !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  background: transparent !important;
}

.main-menu ul li:hover a {
  color: var(--primary) !important;
}

.main-menu ul li a::before {
  content: '';
  background: var(--primary) !important;
  position: absolute !important;
  height: 2px !important;
  bottom: 0;
  left: 0;
  width: 0 !important;
  transition: 0.3s ease;
}

.main-menu ul li:hover a::before,
.main-menu ul li.current-menu-item a::before,
.main-header.fixed .main-menu>ul>li.current-menu-item a::before {
  width: 100% !important;
  transition: 0.3s ease;
}

/* dropdown */
li.menu-item-has-children {
  display: inline-block;
}

li.menu-item-has-children>a::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  margin-left: 6px;
  color: var(--green);
  transition: 0.3s ease;
}

li.menu-item-has-children>ul.sub-menu {
  display: none;
  position: absolute;
  background: var(--white);
  box-shadow: 0px 4px 6px 0px rgba(46, 45, 45, 0.16);
  list-style: none;
}

li.menu-item-has-children ul.sub-menu a {
  display: block;
  color: #343434;
  font-weight: 400;
  margin-right: 0;
  padding: 10px 15px;
  font-size: 16px;
}

li.menu-item-has-children>ul.sub-menu>li:hover>a {
  background-color: var(--yellow) !important;
  font-weight: 500;
}

li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

li.menu-item-has-children:hover a::after {
  transform: translate(0%, -50%) rotate(180deg);
  color: var(--green);
}

li.menu-item-has-children>ul.sub-menu li {
  margin: 0;
}

li.menu-item-has-children ul.sub-menu li {
  margin-right: 0;
  width: 100%;
  padding: 0;
}

li.menu-item-has-children ul.sub-menu li:last-child {
  border: 0;
}

.minus,
.plus {
  display: none;
}

.nav_close {
  display: none;
}

.nav_btn {
  border: none;
  padding: 0px;
  background-color: transparent;
  cursor: pointer;
  height: 32px;
  width: 28px;
  position: relative;
  z-index: 999;
  display: none;
  position: relative;
}

.nav_btn span {
  position: absolute;
  top: 16px;
}

.nav_btn span,
.nav_btn span:before,
.nav_btn span:after {
  width: 28px;
  height: 2px;
  background-color: var(--black);
  display: block;
  transition: 0.3s;
  border-radius: 5px;
}

.home .nav_btn span,
.home .nav_btn span:before,
.home .nav_btn span:after {
  background-color: var(--white);
}

.nav_btn span:before {
  content: "";
  transform: translateY(-9px);
}

.nav_btn span:after {
  content: "";
  transform: translateY(6px);
}

.menu_open_toggle .nav_btn span {
  background-color: transparent !important;
}

.menu_open_toggle .nav_btn span:before {
  transform: translateY(0px) rotate(45deg);
}

.menu_open_toggle .nav_btn span:after {
  transform: translateY(-3px) rotate(-45deg);
}

.desk-hidden,
.mobile-connect-us {
  display: none;
}

header .user-sec ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

header .user-sec ul li:first-child {
  margin: 0;
}

header .user-sec ul li {
  list-style: none;
  margin-left: 12px;
}

.header-sticky.main-header {
  background: rgb(255 255 255 / 60%);
  backdrop-filter: blur(15px);
  padding: 10px 10px;
  left: 0;
  position: fixed;
  top: 20px;
  width: 100%;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  animation: slide-down 0.7s;
  -ms-animation: slide-down 0.7s;
  -webkit-animation: slide-down 0.7s;
  max-width: 1650px;
  margin: 0 auto;
  border-radius: 20px;
}

.header-sticky.main-header .main-menu {
  padding: 0 !important;
  background-color: transparent !important;
}

.header-sticky.main-header .user-sec ul li a.btn {
  padding: 11px 18px;
}

.header-sticky.main-header .user-sec ul li a.btn.btn-transfrnt {
  padding: 9px 18px;
}

ul.mob-hidden li:last-child a {
  padding: 23px 50px;
}


/* Megaenu CSS*/
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
  transform: translate(0, 2px);
}

.main-menu .mega-menu-wrap {
  background: transparent !important;
  position: inherit !important;
}

.main-menu .mega-menu {
  position: inherit !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu ul {
  margin: 0 !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu ul li {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--black) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.main-menu .mega-menu-item .mega-menu-row {
  margin: 0 !important;
}

.main-menu .mega-menu-item .mega-menu-column {
  margin: 0 !important;
}

.main-menu .mega-menu-item .mega-sub-menu {
  width: 100% !important;
  max-width: 1650px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 20px !important;
  margin-top: 27px !important;
  border: none !important;
}

.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap {
  width: 100% !important;
  max-width: 818px !important;
  margin-left: -8% !important;
  left: inherit !important;
  transform: inherit !important;
  /* max-height: calc(90vh - 100px) !important; overflow: auto !important;*/
}


.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap {
  transform: scaleX(0.8) translateX(-20px) !important;
  transition: all 0.2s ease-in-out !important;
  transform-origin: left;
}

.main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu.hrd-menu-wrap {
  transform: scaleX(1) translateX(0) !important;
  transform-origin: left;
}

/* width */
/* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap::-webkit-scrollbar, */
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1::-webkit-scrollbar,
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2::-webkit-scrollbar {
  width: 4px;
}

/* Track */
/* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap::-webkit-scrollbar-track, */
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1::-webkit-scrollbar-track,
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
/* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap::-webkit-scrollbar-thumb, */
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1::-webkit-scrollbar-thumb,
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 5px;
}

/* Handle on hover */
/* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap::-webkit-scrollbar-thumb:hover, */
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1::-webkit-scrollbar-thumb:hover,
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2::-webkit-scrollbar-thumb:hover {
  background: var(--dark-gray);
}


.main-menu .mega-menu-item .mega-menu-row>.mega-sub-menu {
  display: flex !important;
  align-items: stretch !important;
}

.main-menu .mega-menu-item .mega-menu-banner ul.mega-sub-menu {
  display: block !important;
  height: 100% !important;
}

.main-menu .mega-menu-item .mega-menu-banner ul.mega-sub-menu li {
  height: 100% !important;
}

.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1,
.main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2 {
  max-height: calc(90vh - 100px) !important;
  overflow: auto !important;
}

/* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1,
.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-2 { max-height: inherit !important; overflow: inherit !important; } */

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 {
  width: 35% !important;
  padding: 50px 20px 50px 50px !important;
}

.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 {
  width: 50% !important;
  padding: 20px !important;
}

.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 li {
  margin: 0 0 20px !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li {
  margin: 0 0 30px !important;
  cursor: pointer;
  max-width: 370px !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:last-child {
  margin: 0 !important;
  padding-bottom: 20px !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4 {
  margin-bottom: 2px;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4 a {
  transition: var(--common-transition);
  padding: 0 34px 0 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--dark-gray) !important;
  display: block;
}

.mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li a::before {
  display: none;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4:after {
  content: '' !important;
  position: absolute;
  background-image: inherit;
  background-size: 24px;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:hover h4:after {
  background-image: url(../images/acc-btn-not-collapsed.svg);
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:last-child h4::after {
  top: calc(50% - 12px);
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:hover h4 a {
  color: var(--primary) !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li p {
  margin-bottom: 0 !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;
  padding-right: 30px;
  color: var(--gray);
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li p a {
  transition: var(--common-transition);
  color: var(--gray) !important;
  margin: 0;
  padding: 0 !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:hover p a {
  color: var(--primary) !important;
}


.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 {
  width: 40% !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner {
  padding: 50px 20px 50px 20px;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner-wrap {
  max-width: 490px;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner-wrap ul.submenu-list-tech {
  list-style: disc;
  column-count: 2;
  padding: 0 0 0 20px;
}

.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner-wrap p {
  color: var(--gray);
  font-size: 16px !important;
  margin-bottom: 20px !important;
}

.submenu-inner-wrap ul.submenu-list-tech li {
  margin: 0;
}

.submenu-inner-wrap ul.submenu-list-tech li a {
  padding: 0 !important;
  color: var(--black) !important;
}

.submenu-inner-wrap ul.submenu-list-tech li a::before {
  display: none;
}


.main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-banner {
  width: 25% !important;
}

.main-menu .mega-menu-item ul.mega-sub-menu.hrd-menu-wrap .mega-menu-banner {
  width: 50% !important;
}

.submenu-inner-ban {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  right: -1px;
}

.submenu-inner-ban:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 27.33%, #000000 100%);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.submenu-inner-ban .submenu-ban-logo {
  max-width: 150px;
  filter: brightness(0) invert(1);
  margin-bottom: 20px;
}

.submenu-inner-ban .submenu-ban-dtls {
  position: relative;
}

.submenu-inner-ban .submenu-ban-dtls h4 {
  max-width: 258px;
  color: var(--white);
  line-height: 1.2;
}

.submenu-inner-ban .submenu-ban-dtls h4 span {
  color: #00ADFE;
}

.submenu-inner-ban .submenu-ban-dtls .btn.blue {
  padding: 15px 45px !important;
  margin-bottom: 50px;
  background: var(--primary) !important;
  color: var(--white) !important;
  display: block;
  width: fit-content;
}

.submenu-inner-ban .submenu-ban-dtls .btn.blue:hover {
  background: var(--white) !important;
  color: var(--primary) !important;
}

.submenu-inner-ban .submenu-ban-dtls .btn.blue::before {
  display: none;
}

.submenu-inner-ban .submenu-ban-dtls>span {
  color: var(--white);
  letter-spacing: 3px;
}



.main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap {
  max-width: 1650px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.main-menu .mega-menu-item.srvce-custom ul.mega-sub-menu .mega-menu-column-1 li {
  max-width: 100% !important;
}

.main-menu .mega-menu-item .mega-sub-menu.hrd-menu-new {
  margin-left: -20px !important;
  transition: all 0.2s ease-in-out !important;
}

.main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu.hrd-menu-new {
  margin-left: 0 !important;
}

/* .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap li {max-width: 100% !important;} */

/* li.mega-hiremenu-cstm { display: none !important; } */

.industry-custom li.mega-menu-columns-3-of-12.menu-banner {
  background: linear-gradient(279.69deg, #006293 0%, #00ADFE 100%) !important;
  border-radius: 0 20px 20px 0 !important;
}

.main-menu .mega-menu-item ul.submenu-list-tech li:hover,
.main-menu .mega-menu-item ul.submenu-list-tech li:hover a {
  color: var(--primary) !important;
}

/* Megamenu CSS*/

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============ header End ============ */


/* ============ main body Start ============ */

/*HOME*/
.home-banner-section {
  position: relative;
  padding: 200px 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 88.5%, 0% 100%);
  background-color: var(--black);
}

.home-banner-section:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(7, 13, 24, 0.3) 0%, #070D18 61.98%);
}

.home-banner-section .container {
  position: relative;
}

.home-banner-section:not(.landing-banner) h1 {
  color: var(--white);
  font-size: 100px;
  position: relative;
}

.home-banner-section h1:after {
  content: '';
  width: 150px;
  height: 58px;
  position: absolute;
  background-image: url(../images/arrow-hb.svg);
  background-position: top;
  background-size: contain;
  bottom: -10px;
  background-repeat: no-repeat;
}

.home-banner-section:not(.landing-banner) h2 {
  font-size: 100px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  max-width: fit-content;
  position: relative;
  margin: 0 0 50px;
}

.home-banner-section:not(.landing-banner) h2:after {
  content: url(../images/line-hb.svg);
  position: absolute;
  right: -20px;
  top: -6px;
  display: none;
}

.home-banner-section .home-ban-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 50px;
}

.home-certified-ban p {
  margin: 0 0 10px;
  font-weight: 600;
  color: var(--white);
}

.home-certified-ban ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  align-items: center;
}

.home-certified-ban ul li img {
  max-width: 100px;
  width: 100%;
}

.home-certified-ban ul li iframe {
  padding-top: 20px;
}

.home-awards-ban {
  max-width: 373px;
  margin: 0 0 0 auto;
}

.home-awards-ban p {
  margin: 0 0 10px;
  font-weight: 600;
  color: var(--white);
}

.home-awards-slider .slick-slide img {
  display: block;
  max-width: 100px;
  object-fit: contain;
}

.home-banner-section video {
  z-index: -1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
}

/* img.home-ban-overlay1 { position: absolute; left: 0; width: 26%; top: 50%; transform: translateY(-50%); z-index: 0; }
img.home-ban-overlay2 { position: absolute; right: 0; top: 0; width: 28%; z-index: 0; } */

/* .home-banner-section::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 50%; background: url(../images/home-banner-overlay.svg) no-repeat center right / 100% 100%; transform: translateY(-50%); } */

img.home-ban-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
}

.home-ban-scroller {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  width: inherit;
  animation: upDown 2s infinite;
  cursor: pointer;
  padding: 0;
}

@keyframes upDown {
  0% {
    transform: translate(-50%, 0);
  }

  50% {
    transform: translate(-50%, 10px);
  }

  100% {
    transform: translate(-50%, 0);
  }
}


/*--------------*/
.recognition-box {
  background: var(--white);
  padding: 30px;
  border-radius: 20px;
  text-align: center;
}

.recognition-box:hover {
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  background: #F5F8FF;
}

.recognition-box .recognition-logo {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}

.recognition-box .recognition-logo img {
  max-width: 100%;
  max-height: 100%;
}

.recognition-box p {
  color: var(--dark-gray);
  font-weight: 600;
  margin-bottom: 10px;
}

.recognition-box img.recognition-stars {
  max-width: 105px;
}

/*--------------*/


/*--------------*/
.review-top {
  margin-bottom: -2px;
}

.review-bottom {
  margin-top: 0;
  border-top: 2px solid var(--secondary);
}

.review-top img,
.review-bottom img {
  width: 100%;
}

.company-review-section {
  background: var(--secondary);
  position: relative;
  overflow: hidden;
}

.com-review-card {
  max-width: 1010px;
  padding-right: 30px;
  opacity: .2;
  transition: var(--common-transition);
}

.com-review-card .com-review-body img {
  max-width: 200px;
  height: 52px;
  object-fit: contain;
  margin-bottom: 30px;
}

.com-review-card .com-review-body p {
  font-size: 24px;
  color: var(--white);
}

.com-review-card .com-review-dtls {
  display: flex;
  gap: 20px;
}

.com-review-card .com-review-dtls h6 {
  margin: 0 0 10px;
  color: var(--white);
  font-weight: 700;
}

.com-review-card .com-review-dtls span {
  color: #9DB5FC;
  display: block;
  line-height: 1.2;
}

.com-review-avater {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 50%;
}

.com-review-avater img {
  border-radius: 50%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.com-review-card .review-google-logo {
  max-width: 221px;
}

.com-review-card .review-google-logo .review-star {
  max-width: 105px;
  margin: 10px 0 0 auto;
}

.com-review-card .com-review-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.company-review-slider {
  width: calc(100% + 16%) !important;
  max-width: inherit;
  margin: 0 !important;
}

.company-review-slider .slick-list.draggable {
  padding-right: 28%;
}

.company-review-slider .slick-slide.slick-active .com-review-card {
  opacity: 1;
}

.company-review-slider .slick-dots {
  bottom: -100px;
  text-align: left;
  display: flex;
}

.company-review-slider .slick-dots li button:before {
  display: none;
}

.company-review-slider .slick-dots li button {
  background: #9DB5FC;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  padding: 0;
}

.company-review-slider .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.company-review-slider .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background: var(--white);
}

/*--------------*/


/*--------------*/
.trusted-logo-slider img {
  max-height: 70px;
  min-height: 60px;
  padding: 0 20px;
  margin: 0 auto;
  object-fit: contain;
  filter: grayscale(1);
}

.trusted-logo-slider img:hover {
  filter: none;
}

.trusted-logo-slider .slick-track {
  display: flex;
  align-items: center;
}

/*--------------*/


/*--------------*/
.service-slider-section {
  overflow: hidden;
}

/* .service-slider .service-slider-card { opacity: .3; } */
.service-slider .service-slider-card {
  opacity: .3;
  -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.service-slider .service-slider-card .icon-60 {
  -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.service-slider .service-slider-card:hover .icon-60 {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.service-slider .service-slider-card h6 {
  -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.service-slider .service-slider-card p {
  -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
  transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.service-slider .service-slider-card:hover p {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

.service-slider .service-slider-card .btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-slider .service-slider-card:hover .btn {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

.service-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.service-slider .slick-slide {
  height: inherit;
  padding: 0 12px;
}

.service-slider .slick-slide>div {
  height: 100%;
}

.service-slider .slick-list.draggable {
  overflow: inherit;
}

.service-slider .slick-slide.slick-active .service-slider-card {
  opacity: 1;
}

.service-slider-card p {
  margin: 0 0 15px;
}

.service-slider-card a.btn {
  margin: auto 0 0;
}

/*--------------*/


/*--------------*/
/* .home-portfolio-section { height: 200vh; position: relative; clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } */
.home-portfolio-section {
  height: 100vh;
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  /* background-size: cover; */
}

/* .home-portfolio-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; } */
.home-portfolio-sticky>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

.portfolio-sticky-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.portfolio-sticky-text img {
  max-width: 250px;
  filter: invert(1);
}

/*--------------*/


/*--------------*/
.empowering-collapse {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 1%;
}

.empowering_cell {
  position: relative;
  display: flex;
  width: 10%;
  align-items: self-start;
  flex-direction: column;
  transition: width 500ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  min-height: 550px;
  max-height: 550px;
  height: 100%;
  /*background-size: cover; background-repeat: no-repeat; background-position: left 18% top;*/
  cursor: pointer;
}

.empowering_cell .empowering-icon {
  width: 70px;
  height: 70px;
  background: #F5F8FF;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  z-index: 1;
  padding: 17px;
}

.empowering_cell .empowering-dtls h2 {
  max-width: 400px;
  font-weight: 600;
  color: var(--white);
}

.empowering_cell .empowering-dtls p {
  margin-bottom: 50px;
  color: var(--white);
  font-weight: 400;
}

.empowering_cell:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 26.5%, #000000 100%);
  left: 0;
  top: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 300ms;
  pointer-events: none;
}

.empowering_cell .empowering-dtls {
  opacity: 0;
  transition-delay: 0ms;
}

.empowering_cell .btn {
  pointer-events: none;
}

.empowering_cell.active {
  width: 60% !important;
}

.empowering_cell.active .empowering-dtls {
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 300ms;
  opacity: 1;
  position: relative;
  z-index: 1;
}

/* .empowering_cell.active:before { opacity: 1; transition-delay: 300ms; background: linear-gradient(180deg, rgba(4, 22, 56, 0.5) 21%, rgba(0, 0, 0, 0) 82.5%); } */
.empowering_cell.active:before {
  opacity: 1;
  transition-delay: 0.3s;
  background: linear-gradient(180deg, rgb(4 22 56 / 80%) 21%, rgb(0 0 0 / 40%) 82.5%);
}

.empowering_cell.active .btn {
  pointer-events: inherit;
}

img.empowering_bg-image {
  object-fit: cover;
  position: absolute;
  z-index: -1;
  min-width: 730px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0px;
  top: 0;
  height: 101%;
  object-position: left;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 300ms;
}

/*--------------*/


/*--------------*/
.work-process-block {
  max-width: 1330px;
  margin: 0 auto;
}

.work-process-head {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.work-process-head h2 strong {
  color: #DEE9F0;
  font-size: 100px;
  display: block;
  margin-bottom: -70px;
}

.work-process-gif video {
  width: 100%;
  height: 100%;
}

/*--------------*/


/*--------------*/
.gradient-ban-block {
  padding: 40px 30px;
  border-radius: 20px;
  background: var(--secondary);
  background-image: url(../images/Circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
}

.gradient-ban-block h4 {
  margin: 0 auto 30px;
  color: var(--white);
  max-width: 1200px;
  line-height: 1.25;
  font-weight: 500;
  font-size: 30px;
}

.gradient-ban-block a.btn.blue {
  background: #c4ecff;
  color: #191919 !important;
  border: 0;
}

.gradient-ban-block a.btn.blue:hover {
  background: linear-gradient(279.69deg, #006293 0%, #00ADFE 100%) !important;
  color: var(--white) !important;
  border: 0;
}

/*--------------*/


/*--------------*/
.technologies-tabs {
  justify-content: center;
  border: none;
}

.technologies-tabs li.nav-item {
  padding: 0 5px;
}

.technologies-tabs .nav-link,
.technologies-tabs .nav-link:focus,
.technologies-tabs .nav-link:hover {
  border: 2px solid #B3C6D1;
  color: #7194A3;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 50px;
  cursor: pointer;
}

.technologies-tabs .nav-link.active {
  background-color: var(--primary);
  color: var(--white);
  border: 2px solid var(--primary);
}

.technologies-tabs-content {
  margin: 30px 0 0;
  border-top: 1px solid #D0D2D5;
  padding-top: 50px;
}

.technologies-tabs-content .tab-pane {
  max-width: 1060px;
  margin: 0 auto;
}

.technologies-icon-block {
  text-align: center;
  height: 100%;
  padding: 25px 15px;
  border-radius: 20px;
}

.technologies-icon-block:hover {
  background: #f9fbff;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
}

.technologies-icon-block img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 20px;
}

.technologies-icon-block p {
  margin: 0;
  color: var(--dark-gray);
}

/*--------------*/


/*--------------*/
/* .specialization-img-box { border-radius: 20px; overflow: hidden; height: 100%; } */
.specialization-img-box {
  border-radius: 20px;
  overflow: hidden;
}

.specialization-img-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.spec-data-block {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.spec-data-block .spec-icon-block {
  width: 50px;
  height: 50px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary);
  border-radius: 50px;
}

.spec-data-block .spec-icon-block img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.spec-data-block .spec-dtls-block * {
  margin: 0;
}

.spec-data-block .spec-dtls-block sup {
  font-size: 34px;
}

.spec-gradient-box {
  background: linear-gradient(121.9deg, #59CAFF 0%, #0045CA 96.81%);
  padding: 65px 30px;
  border-radius: 20px;
}

.spec-gradient-box * {
  color: var(--white);
}

.spec-gradient-box span {
  margin-bottom: 10px;
  display: block;
}

.spec-gradient-box p {
  margin-bottom: 30px;
}

.spec-gradient-box .common-ban-btn {
  color: var(--white);
}

.spec-gradient-box .common-ban-btn img {
  filter: brightness(0) invert(1);
}

/*--------------*/

/*HOME*/


/* BLOG */
.inner-banner-sec {
  position: relative;
}

.inner-banner-sec .col-lg-5 {
  margin: -100px 0 -70px;
  position: relative;
}

.inner-banner-sec .col-lg-5::before {
  content: '';
  width: 460px;
  height: 460px;
  background: rgb(0 173 254 / 20%);
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  right: -22px;
  top: 0;
  filter: blur(70px);
}

.inner-banner-sec .container::before {
  content: '';
  position: absolute;
  background: url(../images/Layer_1.svg) no-repeat bottom center;
  background-size: contain;
  width: 550px;
  height: 390px;
  z-index: -1;
  pointer-events: none;
  bottom: 0;
  margin-left: 130px;
}

.inner-banner-sec::after {
  content: '';
  position: absolute;
  background: url(../images/Layer_2.svg) no-repeat top right;
  background-size: contain;
  top: -120px;
  width: 290px;
  height: 375px;
  right: 0;
  z-index: -1;
  pointer-events: none;
}

.inner-banner-head-wrap h1 {
  color: var(--black);
  margin: 0;
  line-height: 1;
  z-index: 1;
  position: relative;
}

.inner-banner-head-wrap h3 {
  color: var(--white);
  position: relative;
  padding: 30px 11px;
  width: fit-content;
  line-height: 0.6;
  transform: rotate(-2deg);
  margin: -22px 0px 30px -6px;
}

.inner-banner-head-wrap h3:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--primary);
  z-index: -1;
}

/* .inner-banner-head-wrap p { max-width: 500px; margin-bottom: 0; color: var(--black); } */
.inner-banner-head-wrap p {
  max-width: 500px;
  margin: 0 0 20px;
  color: var(--black);
}

.inner-banner-head-wrap.p-btm-0 p {
  margin-bottom: 30px;
}

.inner-banner-head-wrap h1 span.h3.sub_heading {
  color: var(--white);
  position: relative;
  width: fit-content;
  line-height: 0.6;
  transform: rotate(-2deg);
  padding: 30px 11px;
  margin: -22px 0px 30px -6px;
  display: block;
  font-size: 50px;
  font-weight: 700;
  z-index: -1;
}

.inner-banner-head-wrap h1 span.h3.sub_heading:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  background: var(--primary);
}

/*--------------*/

/*--------------*/
.new-blog-sec {
  position: relative;
}

.new-blog-sec::before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 3.5%;
  top: 18%;
}

/*--------------*/


/*--------------*/
.new-blog-tabnav {
  border-bottom: 1px solid #D0D2D5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
}

.new-blog-tabnav .blog-tab {
  border: none;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.new-blog-tabnav .blog-tab li a {
  border-radius: 30px;
  font-weight: 600;
  padding: 6px 30px;
  margin: 0 10px 10px 0;
  border: 2px solid #B3C6D1;
  color: #7194A3;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  display: block;
}

.new-blog-tabnav .blog-tab li.active a,
.new-blog-tabnav .blog-tab li:hover a {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

.blog-src {
  position: relative;
  max-width: 226px;
  margin-left: auto;
}

.blog-src input.form-control {
  padding: 10px 35px 10px 12px;
  background: transparent !important;
  box-shadow: none;
  border: 2px solid #B3C6D1;
  border-radius: 10px;
}

.blog-src input.form-control::placeholder {
  color: #7194A3;
}

.blog-src .blog-src-btn {
  position: absolute;
  right: 12px;
  top: 10px;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}

.blog-src .blog-src-btn img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

/*--------------*/


/*--------------*/
.trending-blog-sec h2 {
  margin: 0 0 50px;
}

.trending-blog-img {
  padding: 0 0 78%;
  position: relative;
  overflow: hidden;
}

.trending-blog-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.trending-blog-slider h2 a {
  color: var(--dark-gray);
  background-image: linear-gradient(#cf303000 94%, currentColor 0, currentColor);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: inline;
  transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s;
}

.trending-blog-slider .trending-blog-right:hover h2 a {
  background-position-x: right;
  background-position-y: bottom;
  background-size: 100% 100%;
}

.trending-blog-slider p {
  margin: 0 0 30px;
}

.trending-blog-right {
  max-width: 638px;
  margin: 0 0 0 auto;
}

.trending-blog-right h2 {
  margin: 0 0 30px;
}

/*--------------*/


/*--------------*/
ul.blog-category-tag {
  padding: 0;
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

ul.blog-category-tag li {
  list-style: none;
  margin-left: 20px;
  position: relative;
  color: var(--gray);
  line-height: 1;
}

ul.blog-category-tag li:first-child {
  margin: 0;
}

ul.blog-category-tag li:first-child::before {
  display: none;
}

ul.blog-category-tag li::before {
  content: '•';
  color: var(--gray);
  position: absolute;
  left: -13px;
  top: 1px;
}

.blog-post-date {
  display: flex;
  align-items: center;
  gap: 20px;
  line-height: 1;
  margin: 0 0 20px;
}

.blog-post-date p {
  margin: 0;
  color: var(--primary);
  font-weight: 600;
}

/* .blog-list-card { background: linear-gradient(142deg, white, transparent); border: 1px solid var(--white); padding: 30px; margin-bottom: 30px; height: calc(100% - 30px); border-radius: 20px; box-shadow: 0 20px 20px rgb(229 236 253 / 30%); } */

.blog-list-card {
  background: #FFF;
  border: 1px solid var(--white);
  padding: 30px;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  border-radius: 20px;
  box-shadow: 0 20px 70px rgb(175 179 186 / 30%);
}

.blog-list-card h6 a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit !important;
  font-weight: 700;
  line-height: 1.2;
}

.blog-list-card p a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit !important;
}

.blog-list-card h6 a {
  background-image: linear-gradient(#cf303000 90%, currentColor 0, currentColor);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: inline;
  text-decoration: none;
  transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s;
}

.blog-list-card:hover h6 a {
  background-position-x: right;
  background-position-y: bottom;
  background-size: 100% 100%;
}

.blog-list-img {
  padding: 0 0 55%;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 20px;
  background: linear-gradient(279.69deg, #006293 0%, #00ADFE 100%);
}

.blog-list-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.5s ease 0s;
}

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

.blog-dtls-header h1 {
  font-size: 50px;
}

/*--------------*/


/*pradipta change*/

/*--------------*/

.spec-subscribe-box * {
  color: var(--white);
}

.spec-subscribe-box {
  background: var(--secondary);
  padding: 55px 30px;
  border-radius: 20px;
  background-image: url(../images/msg.svg);
  background-size: 250px;
  background-repeat: no-repeat;
  background-position: top 30% center;
}

.spec-subscribe-box h4 {
  max-width: 300px;
  line-height: 1.3;
}

.spec-subscribe-box p {
  max-width: 599px;
  margin-bottom: 30px;
}

.spec-subscribe-box .subscribe-input-2 {
  display: flex;
  width: 100%;
  position: relative;
}

.spec-subscribe-box .subscribe-input-2 .btn.btn-round {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
}

.spec-subscribe-box .subscribe-input-2 .btn.clr-blue {
  background: #00ADFE !important;
  border-color: #00ADFE;
  padding: 13px 29px;
}

.spec-subscribe-box .subscribe-input-2 input.form-control {
  border-radius: 50px;
  box-shadow: none !important;
  padding: 12px 55px 12px 30px;
  background-color: #FFFFFF;
  border: 1.5px solid #FFFFFF;
  color: var(--gray);
}

.spec-subscribe-box .subscribe-input-2 form.mc4wp-form {
  width: 100%;
}

.spec-subscribe-box .subscribe-input-2 .mc4wp-alert.mc4wp-success p {
  margin: 0 !important;
  color: #06780f;
}

.spec-subscribe-box .subscribe-input-2 .mc4wp-alert.mc4wp-success {
  padding: 10px;
  margin-top: 10px;
  background: #cde3c6;
  border: 1px solid #06780f;
  border-left: 7px solid #06780f;
  border-radius: 10px;
}

.spec-subscribe-box .subscribe-input-2 .mc4wp-alert.mc4wp-error p {
  margin: 0 !important;
  color: #c92626;
}

.spec-subscribe-box .subscribe-input-2 .mc4wp-alert.mc4wp-error {
  padding: 10px;
  margin-top: 10px;
  background: #f1d2d2;
  border: 1px solid #c92626;
  border-left: 7px solid #c92626;
  border-radius: 10px;
}

/*--------------*/

/*pradipta change*/


/*--------------*/
.company-dtls-block {
  background: linear-gradient(144deg, #59CAFF 0%, #0045CA 96.81%);
  border-radius: 20px;
  padding: 100px 50px;
}

.company-dtls-block * {
  color: var(--white);
}

.company-dtls-block .row {
  align-items: center;
}

.company-dtls-left h3 {
  max-width: 650px;
  margin-bottom: 50px;
  line-height: 1.2;
}

.company-dtls-right {
  position: relative;
  max-width: 560px;
  margin: 0 0 0 auto;
}

.company-dtls-right h5 {
  margin: 0 0 5px;
}

.company-dtls-right h5:last-of-type {
  margin: 0;
}

.company-dtls-right h5 a {
  color: var(--white);
}

.company-dtls-right h5 small {
  font-size: 18px;
  font-weight: 400;
}

.company-dtls-right p {
  line-height: 1.4;
}

.company-dtls-right .office-contect {
  margin: 0 0 20px;
}

.company-dtls-right .office-country {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
}

.company-dtls-right .office-country img {
  max-width: 30px;
}

.company-dtls-right .office-country h6 {
  margin: 0;
}

/*--------------*/

/* BLOG */


/* BLOG Details */
.new-blog-detls-sec {
  position: relative;
}

.new-blog-detls-sec::before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 3.5%;
  top: 10%;
}

.blog-details-card {
  max-width: 900px;
  padding: 50px 0 0;
}

.blog-dtls-header ul.blog-category-tag {
  margin: 0 0 20px;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-dtls-header h2 {
  margin-bottom: 20px;
}

.blog-dtls-header .blog-post-date {
  margin: 0 0 30px;
}

.blog-content-img {
  padding: 0 0 66.7%;
  position: relative;
  overflow: hidden;
}

.blog-content-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: bottom;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blog-content-box {
  padding: 30px 0px 0;
}

.blog-content-box h6 {
  margin: 0 0 20px;
}

.blog-content-box p,
.blog-content-box ul {
  margin: 0 0 30px;
}

.blog-content-box p a,
.blog-content-box ul li a {
  font-weight: 600;
  color: #00ADFE;
}

.blog-content-box p strong {
  color: var(--black);
  font-weight: 600;
}

.blog-content-box img {
  border-radius: 10px;
  margin-bottom: 30px;
}

.blog-consult-box {
  background: var(--white);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 50px 15px;
  border: 3px solid #F0F5FF;
}

.blog-consult-box img {
  margin: 0 0 20px;
  max-width: 80px;
}

.blog-consult-box h2 {
  margin: 0 0 5px;
}

.blog-consult-box h6 {
  font-weight: 500;
  margin-bottom: 30px;
}

.blog-footer-sec {
  display: flex;
  justify-content: space-between;
}

.blog-footer-sec .blog-nxt-prev {
  display: flex;
  gap: 10px;
}

.blog-social-wrap {
  display: flex;
  align-items: center
}

.blog-social-wrap label {
  font-weight: 600;
}

.blog-social-wrap ul.blog-social-media {
  display: flex;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
  gap: 10px;
}

.blog-social-wrap ul.blog-social-media li a {
  color: var(--gray);
  font-size: 20px;
}

.blog-dtls-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  padding-top: 50px;
}

.blog-dtls-src {
  padding: 30px;
  background: var(--white);
  border-radius: 10px;
  border-left: 10px solid rgb(0 173 254 / 30%);
  border-right: 10px solid rgb(0 173 254 / 30%);
  margin-bottom: 30px;
}

.blog-dtls-input {
  display: flex;
  position: relative;
}

.blog-dtls-input button {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0;
}

.blog-dtls-input input.form-control {
  padding: 15px 60px 15px 30px;
  border: 1px solid #7194A3 !important;
  border-radius: 50px;
}

.blog-turn-sec {
  background: var(--secondary);
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.blog-turn-sec h6 {
  color: #FFCC8A;
  font-weight: 500;
  margin-bottom: 10px;
}

.blog-turn-sec h5 {
  color: var(--white);
  margin-bottom: 20px;
}

.blog-turn-sec img {
  max-width: 300px;
  margin-bottom: 30px;
  width: 100%;
}

.blog-help-sec {
  background: var(--white);
  border-radius: 20px;
  padding: 30px 30px 20px;
  margin-bottom: 30px;
}

.blog-help-sec h6 {
  font-weight: 700;
  margin-bottom: 20px;
}

.blog-help-sec ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.blog-help-sec ul li {
  padding: 10px 0;
  padding-left: 34px;
  background-image: url(../images/icon-2.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left center;
}

.blog-help-sec ul li:not(:last-child) {
  border-bottom: 1px dashed rgb(101 101 101 / 50%);
}

.blog-explore-sec {
  background: url(../images/Mask-group-2.svg) no-repeat center;
  background-size: cover;
  padding: 75px 20px;
  text-align: center;
  color: var(--white);
  border-radius: 20px;
  position: relative;
}

.blog-explore-sec * {
  margin: 0 0 10px;
  color: var(--white);
  position: relative;
}

.blog-explore-sec a {
  margin: 0 0 20px;
}

.blog-explore-sec:before {
  content: '';
  position: absolute;
  width: 210px;
  height: 250px;
  background: url(../images/icon6.svg) no-repeat center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  z-index: 0;
}

.related-blog-slider .slick-slide {
  padding: 0 12px !important;
}

.related-blog-slider .slick-dots {
  bottom: -20px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.related-blog-slider .slick-dots li button:before {
  display: none;
}

.related-blog-slider .slick-dots li button {
  background: #ADE3FC;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  padding: 0;
}

.related-blog-slider .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-blog-slider .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background: var(--primary);
}

/* BLOG Details */


/* portfolio Listing */
.tech-portfolio-sec {
  position: relative;
}

.tech-portfolio-sec:after {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 2.5%;
  top: 590px;
}

.tech-portfolio-sec .tab-pane .form-select,
.case_studies_listing .form-select {
  width: fit-content;
  border: none !important;
  background-color: transparent;
  font-size: 16px;
  height: inherit !important;
  padding: 0px 25px 0 10px !important;
  background-position: right 1px center;
  background-size: 16px 12px;
  margin-left: auto;
  color: #191919;
  background-image: url(../images/arrow-down.svg);
  transform: translateY(-64px);
  margin-top: -24px;
}

.portfolio-tab h5 {
  padding: 0 10px 22px;
  color: #191919;
  border: none !important;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 16px;
}

.tech-portfolio-tabnav {
  margin-bottom: 50px;
  border-bottom: 1px solid #D0D2D5;
  padding: 0 15px;
}

.portfolio-tab.nav-tabs {
  gap: 30px;
  border: none;
}

.portfolio-tab.nav-tabs .nav-link {
  padding: 0 10px 22px;
  color: #191919;
  border: none !important;
  font-weight: 600;
}

.portfolio-tab.nav-tabs .nav-link.active {
  background: transparent;
  border: none;
  position: relative;
  color: var(--primary);
}

.portfolio-tab.nav-tabs .nav-link.active:after {
  content: '';
  position: absolute;
  height: 2px;
  background: var(--primary);
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 5px;
}

.portfolio-card {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  border-bottom: 1px solid #B5C7D1;
  cursor: pointer;
}

/* .portfolio-card .portfolio-image { padding: 0 0 78%; position: relative; overflow: hidden; border-radius: 20px; }
.portfolio-card .portfolio-image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; transition: all 0.5s ease 0s; } */
.portfolio-card .portfolio-image {
  padding: 0 0 50%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.portfolio-card .portfolio-image img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  transition: all 0.5s ease 0s;
}

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

.portfolio-card:hover .portfolio-details h6 a {
  background-position-x: right;
  background-position-y: bottom;
  background-size: 100% 100%;
}

.portfolio-card .portfolio-details {
  padding: 20px 20px 30px;
}

.portfolio-card .portfolio-details p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.portfolio-card .portfolio-details p a {
  color: var(--gray);
}

.portfolio-card .portfolio-details h6 {
  margin-bottom: 10px;
}

.portfolio-card .portfolio-details h6 a {
  color: var(--dark-gray);
  background-image: linear-gradient(#cf303000 90%, currentColor 0, currentColor);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: inline;
  text-decoration: none;
  transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s;
}

.portfolio-card .portfolio-subtext {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.portfolio-card .portfolio-subtext label {
  color: var(--primary);
  font-weight: 600;
}

.portfolio-card ul.portfolio-tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 10px;
  margin: 0;
}

.portfolio-card ul.portfolio-tags li {
  border: 2px solid #B3C6D1;
  color: #7194A3;
  font-weight: 600;
  padding: 7px 30px;
  border-radius: 50px;
  cursor: auto;
}

.portfolio-card ul.portfolio-tags li:hover {
  background: #7194A3;
  border-color: #7194A3;
  color: var(--white);
}

/* portfolio Listing */


/* portfolio Details */
.portfolio-dtls-header {
  text-align: center;
  margin-bottom: 30px;
}

.portfolio-dtls-header * {
  margin: 0 0 20px;
}

.portfolio-dtls-header h1 {
  font-size: 50px;
}

.portfolio-dtls-header h2 {
  background-image: linear-gradient(#cf303000 94%, currentColor 0, currentColor);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: inline;
  transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s;
  cursor: pointer;
}

.portfolio-dtls-header h2:hover {
  background-position-x: right;
  background-position-y: bottom;
  background-size: 100% 100%;
}

.portfolio-dtls-header p {
  color: var(--gray);
}

.portfolio-dtls-header a {
  color: var(--primary);
  font-weight: 600;
  display: block;
  margin: 20px 0 0;
}


.portfolio-dtls-img {
  padding: 0 0 54.5%;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.portfolio-dtls-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: bottom;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.portfolio-dtls-box p a {
  color: var(--dark-gray);
  font-weight: 600;
  text-decoration: underline;
}

.portfolio-dtls-features {
  margin-top: 30px;
}

.features-tech-card {
  background: var(--white);
  border-radius: 20px;
  padding: 50px 50px;
  height: calc(100% - 24px);
  margin-bottom: 24px;
  box-shadow: 10px 10px 50px 0px #E1E5F04D;
  transition: all 0.3s ease 0s;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.features-tech-card:hover {
  background-color: #F5F8FF;
}

.features-tech-card:hover p {
  color: var(--black);
}

.features-card-icon img {
  margin: 0 auto 30px;
}

.features-tech-card p {
  color: var(--gray);
  line-height: 1.2;
  transition: all 0.3s ease 0s;
  margin: 0;
}

.portfolio-visuals-card {
  position: relative;
  padding: 30px;
  background-blend-mode: multiply;
  border-radius: 20px;
  background: radial-gradient(circle, rgb(255 254 254 / 25%), transparent), linear-gradient(to bottom, rgb(213 213 213 / 30%), rgb(213 213 213 / 30%)), linear-gradient(to right, rgb(172 172 172 / 20%), rgb(172 172 172 / 20%));
}

.portfolio-visuals-card .row {
  row-gap: 24px;
}

.portfolio-visuals-card .portfolio-visuals-img img {
  width: 100%;
  border-radius: 20px;
}

.portfolio-used-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.portfolio-used-box {
  background-color: #FFF;
  box-shadow: 10px 10px 10px 0px #6b6b6b1a;
  padding: 15px 38px;
  text-align: center;
  border-radius: 10px;
}

.portfolio-used-box p {
  margin: 0;
  line-height: 1.3;
  font-weight: 600;
  color: var(--dark-gray);
  text-transform: capitalize;
}

.portfolio-details-sec {
  position: relative;
}

.portfolio-details-sec:before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite;
  left: 3%;
  top: 10%;
}

/* portfolio Details */


/* Service Page */
.service-card-row-count .row:nth-child(even) {
  flex-direction: row-reverse;
}

.service-card-row-count .row:not(:last-child) {
  margin-bottom: 50px;
}

.service-card-left {
  padding: 0 20px;
}

.service-card-left h6 {
  color: var(--black);
}

.service-card-left p {
  margin-bottom: 30px;
}

.service-card-left p a {
  text-decoration: underline;
}

.service-card-left.pb-20 p {
  margin-bottom: 20px;
}

.service-card-left label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 10px;
}

.service-card-left .service-card-ul {
  margin: 0 0 50px;
  column-count: 2;
  padding-left: 26px;
}

.service-card-left .service-card-ul li {
  max-width: 230px;
  font-weight: 600;
  color: var(--black);
  line-height: 1.2;
}

.service-card-left .service-card-ul.one-col {
  column-count: 1;
}

.service-card-left .service-card-ul.one-col li {
  max-width: inherit;
}

.service-card-right {
  position: relative;
  padding: 0 0 63%;
  overflow: hidden;
}

.service-card-right img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.common-tech-box {
  padding: 50px 40px;
  background: var(--white);
  border-radius: 20px;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  height: calc(100% - 24px);
  margin-bottom: 24px;
}

.common-tech-box p {
  margin: 0;
}

.common-tech-box ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 10px;
  margin: 0 0 20px;
}

.common-tech-box ul li {
  border: 2px solid #B3C6D1;
  color: #7194A3;
  font-weight: 600;
  padding: 7px 20px;
  border-radius: 50px;
  cursor: auto;
}

.common-tech-box ul li:hover {
  background: #7194A3;
  border-color: #7194A3;
  color: var(--white);
}

.use-cases-section .row {
  justify-content: center;
}

/* Service Page */


/* Service Details Page */
.service-dtls-sec1 {
  position: relative;
}

.service-dtls-sec1:before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 2.5%;
  bottom: 50px;
}



.service-first-img {
  padding: 0 0 78%;
  position: relative;
}

.service-first-img img {
  height: 100%;
  width: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.service-first-text {
  max-width: 590px;
  margin-left: 26px;
}

.service-first-text p {
  margin-top: 20px;
}

.service-first-text h2 {
  background-image: linear-gradient(#cf303000 94%, currentColor 0, currentColor);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: inline;
  transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s;
}

.service-first-text:hover h2 {
  background-position-x: right;
  background-position-y: bottom;
  background-size: 100% 100%;
}

.service-first-text h6 {
  font-weight: 400;
  margin-top: 20px;
  line-height: 1.2;
}

.service-second-img {
  padding: 30px;
  border-radius: 20px;
  background: radial-gradient(#cfcfcf, #ebebeb);
  position: relative;
  border: 1.5px solid transparent;
  background-clip: padding-box;
}

.service-second-img::after {
  content: "";
  position: absolute;
  top: -1.5px;
  left: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  background: linear-gradient(133.37deg, #00ADFE 0%, rgba(255, 251, 251, 0.4) 28.78%);
  z-index: -1;
  border-radius: 20px;
}

.service-tech-sm-container {
  max-width: 1230px;
  margin: 0 auto;
}

.service-tech-sm-container .col-xl-2 {
  padding-left: 5px;
  padding-right: 5px;
}

.service-tech-sm-container .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 10px;
}

.service-tech-s-container {
  max-width: 1025px;
  margin: 0 auto;
}

.service-tech-s-container .col-xl-2 {
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
}

.service-tech-s-container .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 10px;
}

.service-tech-lg-container .col-xl-2 {
  width: 14.28%;
  padding-left: 5px;
  padding-right: 5px;
}

.service-tech-lg-container .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 10px;
}

.service-tech-used {
  background: var(--white);
  border-radius: 20px;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  padding: 20px 10px;
  text-align: center;
  height: 100%;
}

.service-tech-used p {
  color: var(--dark-gray);
  font-weight: 600;
  margin: 0;
  word-break: break-all;
}

.service-tech-used p span {
  display: block;
}

.service-tech-used img {
  height: 24px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 12px;
}

/* .service-faq-accordion { max-width: 1194px; margin: 0 auto; padding: 1px 2px 0; overflow: hidden; height: 290px; position: relative; } */
.service-faq-accordion {
  max-width: 1194px;
  margin: 0 auto;
  padding: 1px 2px 0;
  position: relative;
}

.service-faq-accordion .accordion-item {
  background: white;
  border: none;
  margin-bottom: 10px;
  border-radius: 10px;
}

.service-faq-accordion .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  box-shadow: 0px -2.4px 0px 0px #3D3D3D0A inset, 0px 0px 0px 1px #EAEAEA, 0px 1px 3px 0px #8F8F8F33 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgb(171 171 171 / 6%) 100%);
  border-radius: 10px !important;
  padding: 14px 30px;
}

.service-faq-accordion .accordion-button::after {
  background-image: url(../images/plus-1.svg);
  width: 30px;
  height: 30px;
  background-position: center;
  background-color: #D6F1A2;
  background-size: 14px;
  border-radius: 50px;
}

.service-faq-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(135deg);
}

.service-faq-accordion .accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: inherit !important;
}

.service-faq-accordion .accordion-body {
  padding: 6px 30px 26px;
  padding-right: 65px;
}

.service-faq-accordion .accordion-body p {
  margin: 0;
  line-height: 1.4;
}

/* .service-faq__blur-active { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 58%; background: #feffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(221, 240, 248, 0)), to(#feffff)); background: linear-gradient(180deg, rgba(221, 240, 248, 0) 0, #feffff 100%); z-index: 99; }  */
/* .service-faq__blur-active:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(.1rem); backdrop-filter: blur(.1rem); } */

.click-to-btn {
  text-align: center;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.click-to-btn img {
  width: 30px;
  animation: upDown2 2s infinite;
}

@keyframes upDown2 {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.service-faq-accordion.expand {
  height: auto;
}


.service-qute-block {
  max-width: 1220px;
}

.service-qute-block h4 {
  margin-bottom: 30px;
  color: var(--black);
}

.service-qute-block p {
  margin-bottom: 0px;
  color: var(--dark-gray);
  font-weight: 600;
}

.service-workshop-sec .specialization-img-box {
  height: calc(100% - 30px);
}

.service-workshop-sec .spec-data-block .spec-dtls-block h6 {
  margin-bottom: 10px;
}

.service-workshop-sec .spec-data-block .spec-dtls-block p {
  max-width: 200px;
}

.service-workshop-sec .spec-data-block {
  margin-bottom: 30px;
}

.common-process-section .common-hdr {
  max-width: 1054px;
  margin: 0 auto 50px;
}

.process-block-wrap {
  position: relative;
}

.process-block-wrap .process-img {
  position: relative;
  padding: 0 0 40%;
}

.process-block-wrap .process-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.process-block-wrap ul.process-img-data li {
  position: absolute;
  max-width: 300px;
}

.process-block-wrap ul.process-img-data {
  list-style: none;
  padding: 0;
}

.process-block-wrap ul.process-img-data li:nth-child(1) {
  bottom: 0px;
  left: 50px;
}

.process-block-wrap ul.process-img-data li:nth-child(2) {
  left: 27%;
  top: 110px;
}

.process-block-wrap ul.process-img-data li:nth-child(3) {
  left: 48%;
  bottom: 40px;
}

.process-block-wrap ul.process-img-data li:nth-child(4) {
  left: 71%;
  top: 20px;
}

.process-block-wrap ul.process-img-data li:nth-child(5) {
  left: 89%;
  bottom: 40px;
}

.process-block-wrap ul.process-img-data li h6 {
  max-width: 172px;
}

.process-block-wrap ul.process-img-data li span {
  display: none;
}

/* Service Details Page */


/* works Page */
.works-slider-wrap.slick-slider {
  margin-bottom: 40px;
}

.works-slider-wrap .slick-dots {
  bottom: -40px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.works-slider-wrap .slick-dots li button:before {
  display: none;
}

.works-slider-wrap .slick-dots li button {
  background: #ADE3FC;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  padding: 0;
}

.works-slider-wrap .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.works-slider-wrap .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background: var(--primary);
}

/* works Page */


/* industry Page */
.industry-card-section {
  position: relative;
}

.industry-card-section .row {
  justify-content: center;
}

.industry-card-section:after {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 2.5%;
  top: 16.8%;
}

.why-choose-section .row,
.hire-dedicated-sec .row.gy-4 {
  justify-content: center;
}

/* 20.11.2024 */

.industry-card-section .common-card-style {
  position: relative;
}

.industry-card-section .common-card-style p {
  margin-bottom: 80px;
}

.industry-card-section .common-card-style .btn {
  position: absolute;
  bottom: 50px;
}

/* 20.11.2024 */

/* industry Page */


/* About Page */
.our-mission-section {
  background-color: var(--secondary);
  clip-path: polygon(0 14%, 100% 0, 100% 86%, 0% 100%);
  padding: 200px 0;
}

.ceo-block-wrap {
  max-width: 250px;
}

.ceo-block-wrap .ceo-image {
  position: relative;
  padding: 0 0 100%;
  background: linear-gradient(45.55deg, #FF12DC -12.22%, #FFB912 101.19%);
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 30px;
}

.ceo-block-wrap .ceo-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.ceo-block-wrap .ceo-details h6 {
  color: var(--white);
  margin: 0 0 10px;
}

.ceo-block-wrap .ceo-details p {
  color: #9DB5FC;
}

.our-mission-text * {
  color: var(--white);
}

.our-mission-text p {
  font-size: 24px;
  font-weight: 400;
}

.our-mission-text img {
  max-width: 60px;
  margin: 10px 0 30px;
}

.corporate-value p {
  margin-bottom: 0;
  color: var(--dark-gray);
}

.accordion.agreements-accordion {
  max-width: 499px;
  margin-left: auto;
}

.accordion.agreements-accordion .accordion-item {
  margin-bottom: 20px;
  border: none;
  background: transparent;
  border-bottom: 1px solid #B3C6D1;
  border-radius: 0;
  color: #656565;
  line-height: 1.2;
}

.accordion.agreements-accordion button.accordion-button {
  background: transparent;
  padding: 10px 0;
  font-size: inherit;
  font-weight: 600;
  outline: none;
  box-shadow: none;
}

.accordion.agreements-accordion .accordion-button:not(.collapsed) {
  color: #00ADFE;
}

.accordion.agreements-accordion .accordion-button::after {
  display: none;
}

.accordion.agreements-accordion .accordion-body {
  padding: 0 0 10px;
}

.leadership-card {
  margin-bottom: 30px;
}

.leadership-card .leadership-img {
  background: #E9EFFB;
  border-radius: 30px;
  overflow: hidden;
  padding: 0 0 126%;
  position: relative;
  margin-bottom: 30px;
}

.leadership-card .leadership-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: bottom;
}

.leadership-img:before {
  transition: var(--common-transition);
  content: '';
  position: absolute;
  background: #293754;
  left: 0;
  height: 38.5%;
  width: 100%;
  bottom: 0;
  z-index: 0;
  border-radius: 50px 50px 0 0;
}

.leadership-card:hover .leadership-img:before {
  height: 50%;
}

.leadership-card h6 {
  color: var(--black);
  margin-bottom: 10px;
}

.leadership-card p {
  color: #656565;
}

.leadership-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #656565;
  font-size: 20px;
  line-height: 1;
}

.leadership-card ul a {
  color: #656565;
  line-height: 1;
}

.awards-ban-block {
  background: var(--secondary);
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url(../images/Circle2.svg);
  background-repeat: no-repeat;
  background-size: 290px;
  background-position: right bottom;
}

.awards-ban-block * {
  color: var(--white);
}

.awards-ban-head {
  max-width: 1192px;
  margin: 0 auto 50px;
}

.awards-ban-head h2 {
  margin-bottom: 10px;
}

.awards-wraper-contain {
  display: flex;
  max-width: 996px;
  margin: 0 auto;
  justify-content: space-between;
  gap: 50px;
}

.awards-wraper-contain .awards-wraper-box {
  display: flex;
  align-items: center;
  flex-basis: 50%;
  gap: 30px;
}

.awards-wraper-contain .awards-wraper-box .awards-images {
  min-width: 200px;
  height: 200px;
}

.awards-wraper-contain .awards-wraper-box .awards-images img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.awards-wraper-box .awards-details h5 {
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}

.awards-wraper-box .awards-details p {
  margin-bottom: 10px;
}

.awards-wraper-box .awards-details img {
  max-width: 105px;
}

/* About Page */


/* Contect page */
.map-section iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  border-radius: 20px;
}

.map-text-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 950px;
  gap: 24px;
  margin: 50px auto 0;
}

.map-text-section .btn {
  min-width: 210px;
}

.map-text-sectionh4 {
  margin: 0;
  max-width: 650px;
}

/* Contect page */


/* Hire dedicated resource page */

.banner-spec-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner-spec-btm .spec-btm-lt {
  flex: 0 0 70%;
}

.skilled-developer-sec p {
  color: var(--dark-gray);
  font-weight: 600;
  padding-left: 100px;
}

.develop-card {
  display: flex;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  background: #FBFCFF;
  border-radius: 20px;
  padding: 50px 40px 130px;
  height: calc(100% - 24px);
  position: relative;
}

.develop-card:not(.blue-card):hover {
  background: #F5F8FF;
}

.develop-card h6 {
  font-weight: bold;
}

.develop-card a {
  position: absolute;
  bottom: 50px;
}

.card-icon-hldr {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border: 1.5px solid #00ADFE;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.card-icon-hldr img {
  height: 24px;
}

.develop-card-cnt {
  width: calc(100% - 50px);
}

.cnt-inline {
  display: flex;
}

.cnt-inline h6:not(:last-child) {
  margin-right: 18px;
}

.cnt-inline h6 {
  color: #00ADFE;
}

.cnt-inline h6 span {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
}

.development-sec::before {
  top: 55%;
  bottom: 0;
  transform: translateY(-50%);
}

.develop-big-card {
  position: relative;
  padding: 50px;
  z-index: 1;
  border-radius: 20px;
  height: calc(100% - 24px);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}

.develop-big-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, #00ADFE 100%);
  z-index: -1;
  border-radius: 20px;
}

.develop-big-card h4 {
  color: var(--white);
  margin: 0 0 30px;
}

.hire-dedicated-card {
  position: relative;
  height: 100%;
  display: flex;
  padding: 165px 40px;
}

.hire-dedicated-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 25%, #000000 100%);
  border-radius: 30px;
}

.card-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.card-wrapper-cnt {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-wrapper-cnt h2 {
  color: var(--white);
}

.card-wrapper-cnt p {
  margin: 0;
  color: #F5F8FF;
  font-weight: 400;
}

/* Hire dedicated resource page */


/* Referral Program page */
.referral-program-card {
  background: var(--white);
  border-radius: 20px;
  text-align: center;
  padding: 0 15px 35px;
  margin-top: 25px;
}

.referral-program-card h6 {
  margin: 0;
}

.referral-program-card span {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #FC5C7D;
  background-image: url(../images/gred-num.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 24px;
  font-weight: 900;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 5px;
  transform: translateY(-25px);
}

.referral-program-card .icon-60 img {
  margin-bottom: 20px;
}

.referral-program-row .col-lg-4:nth-child(2) .referral-program-card span {
  background-color: #9C75D0;
}

.referral-program-row .col-lg-4:nth-child(3) .referral-program-card span {
  background-color: #D75495;
}

/* Referral Program page */


/* Case Study Details page */
.case-study-services {
  margin-bottom: 30px;
}

.case-study-services label {
  font-weight: 600;
  border-bottom: 1px solid #B3C6D1;
  width: 100px;
  padding: 3px 0;
  margin: 10px 0 20px;
}

.case-study-services h6 {
  margin: 0 0 15px;
  color: var(--black);
}

.case-study-btns {
  margin-bottom: 30px;
}

.case-study-btns h6 {
  max-width: 330px;
  color: var(--primary) !important;
  margin-bottom: 30px;
}

.case-study-box ul {
  margin: 0 0 30px;
  padding: 0 0 0 25px;
}

.case-study-box ul li {
  margin-bottom: 10px;
}

.case-study-box ul strong {
  color: var(--black);
  font-weight: 600;
}

/* Case Study Details page */


/* Our Process page */

.our-process h1 {
  font-size: 50px;
}

.our-process-tab {
  display: flex;
  max-width: 1380px;
  margin: 0 auto;
}

.our-process-tab .process-nav {
  flex: 0 0 auto;
  width: 40%;
  padding-left: 50px;
}

.our-process-tab .process-nav h6 {
  font-weight: 500;
  color: var(--gray);
  margin-left: 48px;
}

.our-process-tab .tab-content {
  flex: 0 0 auto;
  width: 60%;
  border: 1px solid #D9D9D9;
  padding: 50px;
  border-radius: 20px;
}

.our-process-tab .process-nav .nav-tabs {
  display: flex;
  flex-direction: column;
  border: none;
  position: relative;
}

.our-process-tab .process-nav .nav-tabs:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 85px;
  bottom: 38px;
  width: 2px;
  background: #D5E8F1;
}

.our-process-tab .process-phase.phaseB {
  position: relative;
}

.our-process-tab .process-phase.phaseB:after {
  content: '';
  position: absolute;
  background: url(../images/dotted-line.svg);
  width: 60px;
  top: 35px;
  z-index: -1;
  bottom: 112px;
  left: -30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.our-process-tab .process-nav .nav-link {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.our-process-tab .process-nav .nav-link:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  background: transparent;
  width: 100px;
  height: 1px;
  z-index: -1;
}

.our-process-tab .process-nav .nav-link span {
  font-weight: 600;
  color: var(--gray);
  display: block;
  width: 20px;
}

.our-process-tab .process-nav .nav-link .processtabCircle {
  width: 8px;
  height: 8px;
  background: #00ADFE;
  border-radius: 50%;
  outline: 2px solid var(--white);
}

.our-process-tab .process-nav .nav-link .processTab {
  background: #EBF9FF;
  padding: 10px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  width: calc(100% - 92px);
  cursor: pointer;
}

.our-process-tab .process-nav .nav-link .processTab p {
  margin: 0;
  color: var(--black);
  margin-left: 20px;
}

.our-process-tab .process-nav .nav-link .processTab .processImageBox {
  min-width: 50px;
  width: 50px;
  height: 50px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  box-shadow: 2px 2px 10px 0px #E5F3F9;
  padding: 12px;
}

.our-process-tab .process-nav .process-phase {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.our-process-tab .process-nav .nav-link.active .processTab {
  background: #00ADFE;
}

.our-process-tab .process-nav .nav-link.active .processTab p {
  color: var(--white);
}

.our-process-tab .process-nav .nav-link.active .processTab .processImageBox {
  box-shadow: 2px 2px 10px 0px #0079B280;
}

.our-process-tab .process-nav .nav-link.active .processtabCircle {
  outline: 2px solid #00ADFE;
  background: var(--white);
}

.our-process-tab .process-nav .nav-link.active:after {
  background: #00ADFE;
}

.process-tab-content h2 {
  color: #191919;
  margin-bottom: 30px;
}

.process-tab-content h2 span {
  color: #00ADFE;
}

.process-tab-content p {
  color: var(--dark-gray);
  font-weight: 600;
}

.process-tab-content p a {
  text-decoration: underline;
}

.process-tab-content ul {
  margin: 0 0 30px;
}

.process-tab-content ul li {
  line-height: 1.2;
}

.process-tab-content label {
  color: var(--dark-gray);
  font-weight: 600;
  margin-bottom: 20px;
}

ul.process-content-tools {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ul.process-content-tools li { background: #F5F8FF; box-shadow: 5px 10px 50px 0px #e1e5f0c2; max-width: fit-content; padding: 15px 25px; border-radius: 20px; }
ul.process-content-tools li img { height: 26px; object-fit: contain; } */
ul.process-content-tools li {
  max-width: 200px;
}

ul.process-content-tools li img {
  height: 100%;
  object-fit: contain;
  box-shadow: 5px 10px 50px 0px #e1e5f0c2;
  max-width: 200px;
  border-radius: 20px;
}

.our-process-accordion {
  display: none;
}

/* Our Process page */




/* Common Contect */
.common-contect-section {
  position: relative;
}

.common-contect-section::before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o.svg);
  background-position: center;
  background-size: contain;
  z-index: -1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
}

.common-contect-section.common-padding-bottom::before {
  right: 3%;
  top: -50px;
}

.common-contect-section.common-padding::before {
  right: 3%;
  top: 50px;
}

.common-contect-section.no-effect::before {
  display: none;
}

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

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

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

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

.common-contect-dtls h2 {
  max-width: 500px;
}

.common-contect-dtls h6 {
  font-weight: 400;
}

.common-contect-ul {
  max-width: 677px;
  background: rgb(0 173 254 / 10%);
  border-radius: 20px;
  padding: 30px 30px 30px 50px;
  margin: 30px 0;
}

.common-contect-ul li {
  color: var(--black);
  line-height: 1.1;
}

.common-contect-ul li:not(:last-child) {
  margin-bottom: 20px;
}

.common-contect-ul li b {
  font-weight: 600;
}

.common-contect-number {
  padding: 0 30px;
}

.common-contect-number p {
  color: var(--dark-gray);
}

.common-contect-number p a {
  font-weight: 700;
  color: var(--primary);
}

.common-contect-form {
  max-width: 620px;
  margin: 0 0 0 auto;
}

.common-input-wrap {
  margin-bottom: 20px;
}

.common-input-wrap label {
  color: var(--black);
  font-weight: 600;
  margin: 0 0 10px;
}

.common-contect-msg {
  display: block;
  color: var(--black);
  margin: 10px 0 -10px;
  line-height: 1.25;
}

.captha-div {
  margin: 20px 0 50px;
}

/* Common Contect */

/* Industry Edtech page */

.educational-lt {
  padding-right: 80px;
}

.educational-entities-section .accordion.agreements-accordion .accordion-button::after,
.educational-entities-new .accordion.agreements-accordion .accordion-button::after {
  display: block;
}

.educational-entities-section .accordion-button:not(.collapsed)::after,
.educational-entities-new .accordion-button:not(.collapsed)::after {
  background-image: url(../images/acc-btn-not-collapsed.svg);
  transform: none;
}

.educational-entities-section .accordion-button::after,
.educational-entities-new .accordion-button::after {
  background-image: url(../images/acc-btn.svg);
  background-size: 24px;
  width: 24px;
  height: 24px;
}

.why-choose-wrap-sec.service-workshop-sec .spec-data-block .spec-dtls-block p {
  max-width: 250px;
}

.why-choose-wrap-sec .specialization-img-box {
  margin-right: 26px;
}

/* Industry Edtech page */

/* Technology listing page */

.develop-card.blue-card {
  display: inherit;
  background: #0045CA;
  z-index: 1;
}

.develop-card.blue-card a {
  position: inherit;
  bottom: inherit;
}

.develop-card.blue-card h5 {
  color: var(--white);
  max-width: 270px;
  margin: 0 0 60px;
}

.develop-card.blue-card h6 {
  color: #FFCC8A;
  font-weight: 500;
}

.blue-card-img-holder {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: -1;
}

.single-card {
  margin-bottom: 25px;
}

/* Technology listing page */

/* Technology details page */

.ios-app-dev-sec::before {
  bottom: inherit;
  top: 30px;
}

.ios-app-dev-cnt {
  padding-right: 60px;
}

.ios-app-dev-cnt h6 {
  font-weight: 400;
}

.ios-app-dev-cnt h6:last-of-type {
  color: #00ADFE;
  font-weight: bold;
}

.ios-app-dev-cnt p {
  margin: 0 0 50px;
}

.common-process-tech.common-process-section .common-hdr {
  max-width: 1170px;
}

.common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(2) {
  top: 80px;
}

.common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(4) {
  top: 40px;
}

.common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(1) {
  bottom: -40px;
}

.common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(3) {
  bottom: 10px;
}

.common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(5) {
  bottom: 80px;
}

/* Technology details page */


/* Modals */
.modal,
.modal-open {
  padding: 0 !important;
}

.modal-header {
  padding: 0;
  border: 0;
}

.modal-header .common-hdr {
  max-width: 880px;
  margin: 0 auto;
}

.modal-header h6 {
  margin: 0 0 50px;
  font-weight: 400;
}

.modal-header h6 a {
  color: #00ADFE;
  font-weight: 400;
}

.modal-header .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background-color: #6A6A6A;
  --bs-btn-close-bg: url(https://weaversweb.com/wp-content/themes/WeaversWeb/assets/images/cross.svg);
  border-radius: 50%;
  opacity: 1;
  padding: 0;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-opacity: 1;
  margin: 0;
}

.modal-content {
  padding: 50px 50px;
  border-radius: 20px;
  border: 0;
  background: var(--white) url(../images/lets-cnnt-bg.png) no-repeat center / cover;
}

.modal-body {
  padding: 0;
}

.modal-content .captha-div {
  margin: 0;
}

.letsconnect-modal .col-lg-3 .common-input-wrap,
.modal-form-btn {
  margin-bottom: 0;
  text-align: right;
}

.modal-body form label {
  color: var(--black);
  font-weight: 600;
  margin: 0 0 10px;
}

.resume-wrap .form-control[type=file] {
  padding: 0;
  height: inherit;
}

.apply-modal .common-contect-msg {
  margin: 6px 0;
}


.schedule-meeting-modal .modal-content {
  padding: 50px;
  max-width: 100% !important;
}

.schedule-meeting-modal .modal-dialog {
  max-width: 1600px;
}

.schedule-meeting-modal button.btn-close {
  position: absolute;
  right: -30px;
  z-index: 1;
  top: -30px;
  width: 40px;
  height: 40px;
  background-color: #6A6A6A;
  --bs-btn-close-bg: url(https://weaversweb.com/wp-content/themes/WeaversWeb/assets/images/cross.svg);
  border-radius: 50%;
  opacity: 1;
  padding: 0;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-opacity: 1;
  margin: 0;
}

.schedule-meeting-modal .modal-left-side {
  background: url(../images/md-left-bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 60px 60px;
  overflow: hidden;
}

.schedule-meeting-modal .modal-left-side .md-text-box {
  position: relative;
}

.schedule-meeting-modal .modal-left-side .md-text-box:after {
  position: absolute;
  content: "Schedule appointment";
  font-size: 80px;
  left: -150px;
  bottom: -20px;
  text-transform: uppercase;
  min-width: 950px;
  transform: rotate(-3.385deg);
  -webkit-text-stroke: 2px #007dfe;
  color: transparent;
  opacity: 0.2;
  line-height: 80px;
  font-family: 'Gilroy';
  font-weight: bolder;
}

.schedule-meeting-modal .modal-left-side .md-text-box h3 {
  font-weight: 600;
}

/* Modals */


/* Career listing page */
.develop-card-cnt ul {
  padding: 0;
  margin: 0 0 50px;
  list-style: none;
}

.develop-card-cnt ul li strong {
  font-weight: 600;
}

.flow-crd {
  border-radius: 20px;
  padding: 50px;
  display: flex;
  text-align: left;
  height: calc(100% - 25px);
}

.flow-crd-lt span {
  transform: none;
}

.flow-crd-lt {
  margin-right: 20px;
}

.flow-card-rt h6 {
  margin: 0 0 20px;
}

.flow-card-rt p {
  margin: 0;
}

.flow-card-lst p {
  margin: 20px 0 0;
}

/* Career listing page */


/* Career details page */
.career-details-ttl {
  text-align: center;
  max-width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
}

.career-details-ttl p:first-of-type {
  color: #00ADFE;
  font-weight: 600;
  margin: 0;
}

.career-details-ttl ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.career-details-ttl ul li {
  background: url(../images/tick-circle.png) no-repeat left center;
  padding: 10px 0 10px 40px;
  font-weight: 500;
  color: var(--black);
}

.career-details-ttl ul li:not(:last-child) {
  margin-right: 50px;
}

.career-details-ttl ul li strong {
  font-weight: 600;
}

.career-listing-wrapper h6 {
  font-weight: 600;
}

.career-listing-wrapper ul {
  list-style-type: disc;
  margin: 0;
}

.career-listing-wrapper ul li {
  line-height: 1.2;
}

.career-listing-wrapper {
  margin-top: 30px;
}

.career-listing-wrapper ul.career-listing-wrap {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.career-listing-wrapper ul.career-listing-wrap>li {
  width: 50%;
}

.apply-wrap {
  text-align: center;
  margin-top: 50px;
}

/* Career details page */

/* ============ main body End ============ */


/* ============ Footer Start ============ */

footer {
  background: rgb(39, 39, 39);
  background: linear-gradient(180deg, rgba(39, 39, 39, 1) 50%, rgba(0, 0, 0, 1) 100%);
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);
}

footer.common-padding {
  padding-top: 200px;
  padding-bottom: 55px;
}

footer .logo-box {
  margin-bottom: 30px;
  max-width: 200px;
}

.ftr-logo-sec {
  margin-top: -42px;
}

footer .col-lg-4:nth-child(2) .footer-menu {
  max-width: 300px;
  margin-left: 70px;
}

footer .col-lg-4:nth-child(3) .footer-menu {
  max-width: 350px;
  margin: 0 auto;
}

/* footer .footer-menu.ftr-logo-sec { max-width: 310px;} */
footer .footer-menu.ftr-logo-sec p {
  color: #C7C1C1;
  font-weight: 500;
  line-height: 1.2;
  max-width: 350px;
}

footer .footer-menu .menu-footer-menu-container ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

footer .footer-menu .menu-footer-menu-container ul li {
  width: 50%;
}

footer .footer-menu ul {
  padding: 0;
  margin: 0;
}

footer .footer-menu ul.social-media {
  padding: 0;
  display: flex;
}

footer .footer-menu ul.social-media {
  margin-bottom: 0;
}

footer .footer-menu ul li {
  list-style: none;
}

footer .footer-menu h6 {
  position: relative;
  color: var(--white);
  margin: 0 0 30px;
}

footer .footer-menu ul li {
  margin-bottom: 20px;
  color: #C7C1C1;
  line-height: 1.2;
}

footer .footer-menu ul li a {
  color: #C7C1C1;
}

footer .footer-menu ul li h6 {
  color: var(--white);
  margin: 0 0 20px;
  font-size: 20px;
}

footer .footer-menu ul li h6 a {
  position: relative;
  color: var(--white);
}

footer .footer-menu ul li.ftrmail {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0 !important;
  font-size: 18px;
  color: var(--white);
}

footer .footer-menu ul li.ftrmail h6 {
  margin: 0 !important;
  font-size: 16px;
  color: #C7C1C1;
  font-weight: 500;
}

footer .footer-menu ul li.ftrmail h6 a {
  color: var(--white);
  font-size: 20px;
  display: block;
}

footer .footer-menu ul.social-media li {
  margin: 0 0 0 10px;
}

footer .ftr-social-wrap {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

footer .ftr-social-wrap label {
  color: #C7C1C1;
}

footer .footer-end ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

footer .footer-end ul li {
  list-style: none;
  margin-left: 20px;
  position: relative;
}

footer .footer-end ul li a {
  color: #C7C1C1;
}

footer .footer-end ul li:first-child {
  margin: 0;
}

footer .footer-end ul li:first-child::before {
  display: none;
}

footer .footer-end ul li::before {
  content: '•';
  color: #C7C1C1;
  position: absolute;
  left: -13px;
  top: 1px;
}

footer .footer-end .row {
  margin-top: 60px;
}

footer .footer-end p {
  margin: 0;
  color: #C7C1C1;
}

footer .footer-end p span {
  color: var(--white);
}

footer .footer-end .copyright-text {
  display: flex;
  align-items: center;
  gap: 30px;
}

footer .footer-end .copyright-text img {
  max-width: 135px;
}

footer .footer-menu ul.social-media img {
  width: 20px;
}

.footer-lst-menu .subscribe-section {
  display: none;
}

footer .footer-menu ul.duns-cin-no li {
  margin: 0;
  line-height: 1.2;
}

footer .footer-menu ul li.ftrmail:not(:last-child) {
  margin-bottom: 10px !important;
}

ul.duns-cin-no {
  margin-bottom: 30px;
}

footer .footer-menu ul.duns-cin-no li strong {
  color: var(--white);
}

.subscribe-section {
  display: flex;
  align-items: center;
  max-width: 810px;
  margin: 35px auto 0;
  justify-content: space-between;
  gap: 30px;
}

.subscribe-input {
  max-width: 530px;
  width: 100%;
  position: relative;
}

.subscribe-input .btn.btn-round {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
}

.subscribe-input .btn.clr-blue {
  background: #00ADFE url(../images/send-icon.svg) no-repeat center !important;
  border-color: #00ADFE;
  text-indent: -9999999px;
  padding: 13px 29px;
}

.subscribe-input .btn.clr-blue:hover {
  background-color: rgb(0 173 254 / 60%) !important;
  border-color: rgb(0 173 254 / 60%) !important;
}

.subscribe-input input.form-control {
  border-radius: 50px;
  box-shadow: none !important;
  padding: 12px 55px 12px 30px;
  background-color: #333333;
  border: 1.5px solid #535353;
  color: var(--white);
}

/* .subscribe-label h6 {  } */
.subscribe-label h6 {
  color: var(--white);
  margin: 0 0 3px;
}

.subscribe-label p {
  color: #C7C1C1;
  margin: 0;
}

/* ============ Footer End ============ */


/* ============ Form massages ============ */
.case_connect_btn,
.connect_btn {
  margin-top: 20px;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: 1px solid #ff4242;
  border-left: 4px solid;
  background: #ffdfdf;
  color: #ff0000;
  text-align: center;
  padding: 5px 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid #27cd36;
  border-left: 4px solid;
  background: #f0ffea;
  color: #099b17;
  text-align: center;
  padding: 5px 10px;
}

.mc4wp-alert.mc4wp-error p {
  color: #ff3d3d !important;
}

/* .mc4wp-alert.mc4wp-success p { color: #74d95c !important; } */
.mc4wp-alert.mc4wp-success p {
  color: var(--black) !important;
}

/* ============ Form massages ============ */

.trending-blog-slider .slick-arrow {
  width: 50px;
  height: 50px;
  border: 1.5px solid #7194A34D;
  border-radius: 50%;
  top: inherit !important;
  bottom: -90px;
  z-index: 1;
}

.trending-blog-slider .slick-arrow:hover {
  border-color: #7194A380;
}

.trending-blog-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  width: 16px;
}

.trending-blog-slider .slick-arrow.slick-prev {
  left: inherit;
  right: 60px;
}

.trending-blog-slider .slick-arrow.slick-prev::before {
  background: url(../images/prev-arr-icon.svg) no-repeat center / 16px;
}

.trending-blog-slider .slick-arrow.slick-next {
  right: 0;
}

.trending-blog-slider .slick-arrow.slick-next::before {
  background: url(../images/nxt-arr-icon.svg) no-repeat center / 16px;
}


.pagination-case-studies {
  padding: 50px 0 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  color: var(--black);
}

.pagination-case-studies a {
  display: block;
  font-weight: 600;
}

.pagination-case-studies a:hover {
  color: var(--gray);
}

.pagination-case-studies a:hover img {
  opacity: 0.3;
}

.pagination-case-studies a img {
  margin-right: 20px;
}

li.next-lnk {
  margin-left: auto;
}

/* ============ App Landing design page (Arundhati) ============ */

body.page-template-template-partstpl_landing_design_development-php {
  background: linear-gradient(180deg, #FFFFFF 37.61%, #F3F3F3 100%);
  background-image: url(../images/banner_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}

body.page-template-template-partstpl_landing_design_development-php .common-hdr h2,
body.page-template-template-partstpl_landing_design_development-php .corporate-value h2,
body.page-template-template-partstpl_landing_design_development-php .common-hdr h5,
body.page-template-template-partstpl_landing_design_development-php .common-contect-dtls h2,
body.page-template-template-partstpl_landing_design_development-php .common-contect-dtls h5 {
  font-weight: 500;
}

.landing-header-btn ul li:first-child a img {
  margin-right: 10px;
}

.landing-header .user-sec ul li {
  margin-left: 50px;
}

.grow-your-business .home-certified-ban p {
  color: var(--black);
}

.mobile-img {
  position: relative;
}

.mobile-img::after {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/mobile-app-effect.svg) no-repeat top right / auto;
  z-index: -1;
}

.mobile-app {
  position: relative;
  margin-top: 100px;
}

.mobile-app-cnt {
  position: absolute;
  bottom: 30px;
  padding: 0 30px;
  color: var(--white);
  align-items: end;
  justify-content: space-between;
  max-width: 550px;
}

.mobile-app-cnt h6 {
  color: var(--white);
  margin: 0;
  flex: 0 0 50%;
}

.mobile-app-cnt p {
  max-width: 188px;
}

.grow-your-business .row {
  align-items: flex-end;
}

.grow-business-form {
  position: relative;
}

.grow-business-form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(180deg, rgb(247 249 252) 0%, #f7f9fc 65%), linear-gradient(180deg, rgba(0, 98, 147, 0.2) 0%, #00ADFE 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  z-index: -1;
}

.grow-business-form .inner-form-holder {
  padding: 70px 50px;
}

.grow-business-form .inner-form-holder h2 {
  position: relative;
  z-index: 1;
}

.grow-business-form .inner-form-holder h2::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100px;
  height: 100px;
  background: #DCF4FF;
  border-radius: 50%;
  z-index: -1;
}

.grow-business-form .inner-form-holder form {
  max-width: 400px;
}

.landing-forms .form-control,
.landing-forms select,
.landing-forms select.form-select {
  background-color: #FFFFFFCC;
  border-radius: 10px;
  border: 1px solid #DDEDF6;
  color: #191919;
}

.landing-forms .form-control[type=file] {
  border-radius: inherit;
  border: none;
  color: var(--black);
  background: transparent;
}

.landing-specialization {
  background: linear-gradient(180deg, rgba(247, 249, 252, 0) 0%, #F7F9FC 65%);
}

.center-content-sec {
  max-width: 1110px;
  margin: 0 auto;
}

.center-content-sec p {
  margin: 20px 0 0;
}

.trusted-tech-landing .trusted-logo-slider img {
  max-height: 32px;
  min-height: 28px;
}

.empowering-slider .icon-60 {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 30px;
}

.empowering-slider .icon-60 img {
  width: 30px;
  height: auto;
  display: block;
  border-radius: 0;
  margin: 0;
}

.empowering-sliders .slick-list {
  padding: 40px 0px;
}

.empowering-sliders .slick-slide {
  margin: 0 8px;
  padding: 0 12px;
}

.empowering-sliders .service-slider-card.common-card-style2 {
  border-radius: 3px;
  box-shadow: 0px 15px 20px 0px #D2D9E059;
  border: 0;
}

.empowering-sliders .service-slider-card.common-card-style2:hover {
  transform: translateY(-30px);
  border: 0;
}

.empowering-sliders .slick-arrow,
.what-customer-slider .slick-arrow {
  width: 60px;
  height: 50px;
  background: var(--white);
  border-radius: 3px;
  z-index: 1;
}

.empowering-sliders .slick-arrow::before,
.what-customer-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  width: 20px;
}

.empowering-sliders .slick-arrow.slick-prev {
  left: -70px;
}

.empowering-sliders .slick-arrow.slick-prev::before,
.what-customer-slider .slick-arrow.slick-prev::before {
  background: url(../images/prev-arrows.svg) no-repeat center / 20px;
}

.empowering-sliders .slick-arrow.slick-next {
  right: -70px;
}

.empowering-sliders .slick-arrow.slick-next::before,
.what-customer-slider .slick-arrow.slick-next::before {
  background: url(../images/next-arrows.svg) no-repeat center / 20px;
}

.lets-work-together {
  background: linear-gradient(180deg, rgba(247, 249, 252, 0) 0%, #F7F9FC 65%);
}

.lets-work-together::before {
  display: none;
}

.lets-work-together .common-contect-ul {
  background: rgb(0 138 255 / 5%);
  padding: 30px;
}

.lets-work-together .common-contect-ul li {
  list-style: none;
  background: url(../images/green-tick.svg) no-repeat left top 2px;
  padding-left: 30px;
}

.lets-work-together .common-contect-number {
  padding: 0;
}

.what-customer-lt {
  background: #008AFF;
  height: 100%;
  align-content: center;
  padding: 15px 100px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top 50px left 30px;
  position: relative;
}

.what-customer-lt::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -50px;
  width: 200px;
  height: 200px;
  background: #EBF6FF;
  border-radius: 50%;
  z-index: -1;
}

.what-customer-lt h2 {
  margin: 0;
  color: var(--white);
  font-weight: 500;
}

.what-customer-slider {
  background: #F7F9FC;
  text-align: center;
}

.customer-slider-item ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}

.customer-slider-item ul li {
  transition: var(--common-transition);
}

.customer-slider-item ul li:not(:last-child) {
  margin-right: 15px;
}

.customer-slider-item ul li img {
  filter: grayscale(1);
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 50%;
}

.customer-slider-item ul li.client-active img {
  filter: none;
  transform: scale(1.3);
}

.customer-slider-item {
  max-width: 643px;
  margin: 0 auto;
  padding: 100px 0 50px;
  position: relative;
  z-index: 1;
}

.customer-slider-item .quotes {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 65px;
  transform: translateX(-50%);
}

.customer-slider-item p {
  margin: 0 0 30px;
}

.customer-slider-item .author-wrap p:first-of-type {
  margin-bottom: 3px;
  color: var(--black);
  font-weight: 600;
}

.customer-slider-item .author-wrap p {
  font-weight: 500;
  margin-bottom: 10px;
}

.author-wrap .img-hold-wrap img {
  width: 100%;
  max-width: 100px;
  display: inline-block;
}

.what-customer-slider .slick-arrow {
  bottom: -25px;
  top: inherit;
}

.what-customer-slider .slick-arrow.slick-prev {
  left: -120px;
  border-radius: 3px 0 0 0;
  border-right: 1px solid #DEE7EE;
}

.what-customer-slider .slick-arrow.slick-next {
  right: inherit;
  left: -60px;
  border-radius: 0 3px 0 0;
}

.common-work-img img {
  object-fit: cover;
  width: 677px;
  height: 361px;
}

.faq-landing h3 {
  font-size: 50px;
  font-weight: 500;
}

.faq-landing .service-faq-accordion .accordion-button::after {
  background-color: #00ADFE;
  background-image: url(../images/white-plus.svg);
}

footer.landing-footer {
  clip-path: none;
  padding-top: 100px;
}

footer.landing-footer .footer-end .row {
  margin: 0;
  padding: 0;
  border: 0;
}

footer.landing-footer .footer-end .row .footer-end-ttl h5 {
  color: var(--white);
  font-weight: 500;
  margin-bottom: 34px;
}

/* ============ App Landing design page (Arundhati) ============ */

/* ============ Hire Mobile design page (Arundhati) ============ */

.hire-mobile-app-sec .spec-btm-lt p {
  margin: 0 0 10px;
  font-weight: 500;
}

.hire-mobile-app-sec .spec-btm-lt h6 {
  font-weight: 400;
  margin: 0;
}

.hire-mobile-app-sec .spec-btm-lt h6 strong {
  font-weight: bold;
}

.hire-service-sec .service-first-text {
  max-width: 100%;
}

.hire-service-sec .service-first-text p a {
  color: #00ADFE;
  font-weight: bold;
}

.hire-service-sec:before {
  animation: spin-new 6s linear infinite;
}

@-webkit-keyframes spin-new {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

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

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

.hire-mobile-development-sec .develop-card {
  padding: 50px 40px 185px;
}

.hire-mobile-development-sec .develop-card h6.dev-hdng {
  font-weight: 400;
  line-height: 1.2;
}

.hire-mobile-development-sec .develop-card h6.dev-hdng span {
  display: block;
  font-weight: 600;
}

.hire-mobile-development-sec .develop-card p:last-child {
  margin: 20px 0 0;
  color: var(--black);
  font-weight: bold;
}

.hire-mobile-development-sec .abs-btm-part {
  position: absolute;
  bottom: 50px;
  padding-right: 40px;
}

.hire-mobile-development-sec .develop-card .abs-btm-part a {
  position: static;
  bottom: inherit;
}

.hire-app-dev-box {
  border: 3px solid #F0F5FF;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 100px 50px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto;
}

.hire-app-dev-box .common-hdr {
  max-width: 1200px;
  margin: 0 auto 50px;
}

.app-details-item {
  border: 3px solid #F0F5FF;
  background: var(--white);
  border-radius: 20px;
  width: 25%;
  margin: 0 5px;
  padding: 30px;
  transition: var(--common-transition);
}

.app-details-item .details-ttl {
  box-shadow: 0px 2px 3px 1px #8F8F8F33;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);
  border-radius: 10px;
  padding: 14px 20px;
  font-weight: 600;
  color: var(--black);
}

.app-details-item ul {
  list-style: none;
  padding: 20px 0 0;
  margin: 0;
}

.app-details-item ul li {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 14px 20px;
  font-weight: 600;
  transition: var(--common-transition);
}

.app-details-item ul li:not(:last-child) {
  margin-bottom: 10px;
}

.app-details-fst {
  background: #F6F8FF;
}

.app-details-fst .details-ttl {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);
  box-shadow: 0px 2px 3px 1px #8F8F8F33;
}

.app-details-fst ul li {
  background: #00ADFE;
  color: var(--white);
}

.app-details-item ul li h6 {
  display: none;
  font-size: 14px;
  border-bottom: 2px solid;
  width: max-content;
  padding-bottom: 5px;
  margin: 0 0 10px;
}

/* ============ Hire Mobile design page (Arundhati) ============ */

/* (Design fixing) */

.flag-container .selected-flag {
  background-color: transparent !important;
}

.placeholder {
  opacity: 1;
}

.no-blogs h6 {
  margin: 0;
  color: red;
  font-weight: bold;
}

ul.mega-menu-list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}

ul.mega-menu-list li {
  width: 50%;
}

.submenu-inner-ban.industry-mega-menu {
  height: auto;
}

.submenu-inner-ban.industry-mega-menu::before {
  display: none;
}

.submenu-inner-ban.industry-mega-menu .spec-dtls-block h2,
.submenu-inner-ban.industry-mega-menu .spec-dtls-block p {
  color: var(--white);
}

.submenu-inner-ban.industry-mega-menu .spec-dtls-block p {
  font-size: 16px;
}

.submenu-inner-ban.industry-mega-menu .spec-data-block {
  margin-bottom: 30px;
}

.submenu-inner-ban.industry-mega-menu .submenu-ban-dtls p {
  color: var(--white);
  margin-bottom: 36px !important;
  font-size: 16px;
  font-weight: 600 !important;
  padding-top: 20px;
}

.submenu-inner-ban.industry-mega-menu .submenu-ban-dtls .btn.blue {
  margin: 0;
  background: #BCECFF !important;
  font-weight: 600 !important;
  color: var(--black) !important;
}


.single-hire-developer .service-faq__blur-active:after {
  display: none;
}

.single-hire-developer .service-faq__blur-active {
  background: transparent;
  z-index: 0;
}

.single-hire-developer .service-faq-accordion {
  height: 100%;
  overflow: visible;
}

ul.button-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.button-icons li:not(:last-child) {
  margin-right: 5px;
}

ul.button-icons li a img {
  width: 150px;
}

.new-blog-tabnav button {
  border-radius: 30px;
  font-weight: 600;
  padding: 6px 30px;
  margin: 0 10px 10px 0;
  border: 2px solid #B3C6D1;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  display: block;
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

button.show-button {
  background: transparent;
  color: var(--primary);
  padding: 0;
  border: none;
}

.pagination {
  justify-content: center;
}

.pagination .page-numbers {
  width: 45px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary);
  border-radius: 50%;
  color: var(--primary);
}

.pagination li:not(:last-child) {
  margin-right: 10px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: var(--primary);
  color: var(--white);
}

.page-template-tpl_thank-you a.btn {
  margin-top: 20px;
}

/* (Design fixing) */


/* ============= HOME ZOHO FORM CSS ============= */

/* ==================== * MultiPicklist Styles * ==================== */
.multiselect.wf-field-dropdown {
  padding: 0;
  cursor: text;
}

.multiselect.dropbox-active {
  border-color: #30c384;
  border-radius: 4px 4px 0 0;
}

.multiselect.no-results-elem {
  border-radius: 4px;
}

.selected-options {
  max-height: 150px;
  overflow: auto;
  border-radius: 4px 4px 0 0;
  border-bottom: 0;
  transition: 0.3s all;
  scroll-behavior: smooth;
}

.selected-options.hide-opt-list {
  min-height: 0;
  height: 0;
  padding: 0;
}

.selected-options.set-opt-list {
  height: auto;
}

.selected-options.drp-dwn-no-val {
  border-right: unset !important;
}

.dropdown-input.drop-box-closed {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dropdown-input.drop-box-active {
  border-top-right-radius: 0 !important;
  border-radius: 4px;
}

.dN {
  display: none !important;
}

.dropdown {
  position: relative;
  width: 100%;
  height: 36px;
  transition: 0.3s all;
  display: none;
}

.dropdown.open {
  display: block;
}

.dropdown-input {
  width: 100%;
  border: none;
  outline: none;
  height: 30px;
}

.dropdown-input::placeholder {
  color: #919191;
  font-size: 16px;
}

.dropdown-menu {
  position: absolute;
  display: none;
  background-color: #e4f5fe;
  border: 1px solid #BDC8D3;
  border-radius: 0 0 5px 5px;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  left: 0;
  z-index: 3;
  top: 0;
  transition: 0.3s all;
  padding: 0;
}

.dropdown-menu::-webkit-scrollbar {
  width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: var(--white);
  border-radius: 0;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--gray);
  border-radius: 0;
}

.dropdown-menu.hide-the-inp {
  top: 0;
}

.dropdown.open .dropdown-menu {
  display: block;
}

/* .multiselect.dropbox-active .dropdown-input { border: 1px solid #B3C6D1; height: auto; padding: 10px 30px; } */
.multiselect.dropbox-active .dropdown-input {
  display: none;
}

.multiselect.wf-field-dropdown.dropbox-active {
  height: auto;
}

.multi-tag {
  background-color: #41B0FE;
  padding: 5px 5px 5px 10px;
  border-radius: 8px;
  margin: 0 5px 5px 0px;
  display: inline-flex;
  max-width: 96%;
}

.tag-data-val {
  cursor: default;
  max-width: 550px;
}

.no-results {
  cursor: default !important;
  text-align: center;
  color: #919191;
  font-size: 14px;
}

.no-results:hover {
  background-color: unset !important;
}

.opt-hide {
  display: none;
}

.opt-show {
  display: block;
}

.tag-close-btn {
  margin-left: 3px;
  padding: 0px 4px 0px;
  border-radius: 50%;
  opacity: 1;
  font-weight: bold;
  cursor: pointer;
}

.multi-tag:hover .tag-close-btn {
  opacity: 1;
}

.option {
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid #f0f5f8;
}

.option:hover {
  background-color: var(--white);
}

.input-not-active {
  display: none;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.multiselect.wf-field-dropdown .selected-options {
  outline: none;
  border: 1px solid #B3C6D1;
  border-radius: 40px;
  background-color: #fff;
  padding: 8px 30px 3px;
  color: #fff;
  font-weight: 500;
}

.multiselect.wf-field-dropdown .selected-options.hide-opt-list {
  padding: 23px 30px;
}

input.wf-field-item {
  height: auto;
}

.wf-field-dropdown {
  appearance: none;
}

/* ==================== * MultiPicklist Styles * ==================== */

.wf-field-item {
  font-size: 15px !important;
}

.wf-field-item::placeholder {
  font-size: 15px !important;
}

.wf-header,
.wf-row-deal,
.wf-label:not(.form-wf-label),
.deal-row {
  display: none;
}

.f-name-l-name {
  display: flex;
  gap: 20px;
}

.f-name-l-name>div {
  width: 50%;
}

.wf-field,
.wf-field-item {
  width: 100%;
}

.wf-row {
  margin-bottom: 20px;
}

.form-wf-label {
  color: #000;
  font-weight: 600;
  margin: 0 0 10px;
  display: block;
}

input.dropdown-input {
  padding: 0;
  border-radius: 0;
  font-size: 16px;
}

.common-contect-section textarea.wf-field-item,
.page-template-tpl_landing_page .right-frm textarea.wf-field-item {
  height: 100px;
  border-radius: 20px;
  padding: 20px 30px;
}

.selected-options.wf-field-item.set-opt-list.drop-box-closed {
  border-radius: 12px;
}

.wform-field-item-upload-input {
  padding: 10px 0;
  border-radius: inherit;
  border: none !important;
  color: #000;
  background: transparent;
}

.wform-field-item-upload-input::-webkit-file-upload-button {
  padding: 5px 18px;
  margin: 0;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #000;
  font-weight: 600;
  background-color: rgb(0 173 254 / 10%);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: none;
  border-radius: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.wform-field-item-upload-input::file-selector-button {
  padding: 5px 18px;
  margin: 0;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--black);
  font-weight: 600;
  background-color: rgb(0 173 254 / 10%);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: none;
  border-radius: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.wf-field-error-active .wf-field-item {
  border-color: red !important;
}

.wf-field-error {
  color: red;
  font-size: 12px;
}

@media screen and (max-width: 1199px) {
  .f-name-l-name {
    flex-direction: column;
    gap: 0;
  }

  .f-name-l-name>div {
    width: 100%;
  }
}

/* ============= HOME ZOHO FORM CSS ============= */

/* ============= New fixings ============= */

.register-custom .input-form label {
  margin-bottom: 10px;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7-not-valid {
  border-color: #dc3232;
}

/* ============= New fixings ============= */

/* ============= Landing page (starts 20.12.2024) ============= */

.btn.gradient {
  background: #316BFF;
  border: 1px solid transparent;
  box-shadow: none;
  position: relative;
  padding: 21px 30px;
}

.btn.gradient:hover {
  background: #316BFF !important;
  color: var(--white) !important;
  box-shadow: 0px 10px 19px 0px #22222247;
}

.btn.gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-blend-mode: overlay;
  background: radial-gradient(163.33% 163.33% at 50% 100%, rgba(255, 255, 255, 0.45) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50px;
}

.new-landing-header {
  position: absolute;
}

.new-landing-header .logo img {
  filter: invert(1);
}

/* .new-landing-header.header-sticky { backdrop-filter: none; background: transparent; } */
body.page-template-template-partstpl_landing_page_one-php.fixed-gap {
  margin: 0;
}

.new-landing-header.header-sticky.main-header .logo>a {
  display: block;
}

.new-landing-header.header-sticky.main-header .logo {
  min-width: 150px;
  max-width: 150px;
}

.new-landing-header.header-sticky.main-header .logo img {
  filter: none;
}

.new-landing-header .logo .short-logo {
  display: none;
}

.landing-banner {
  clip-path: none !important;
  padding: 150px 0 50px;
  background: url(../images/landing-banner-bg.png) no-repeat center / cover;
  z-index: 1;
}

.landing-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/background-bg-circle.svg) no-repeat center / contain;
  z-index: -1;
  width: 808px;
  margin: 0 auto;
}

.landing-banner::before {
  display: none;
}

.landing-banner h1 {
  position: relative;
  color: var(--white);
  font-weight: 400;
  line-height: 1.1;
}

.landing-banner h1 strong {
  font-weight: 600;
  position: relative;
  z-index: 1;
}

/* .landing-banner h1 strong::after{content: ""; position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/business-down-shape.svg) no-repeat bottom;z-index: -1;} */

.landing-banner h1:after {
  background-image: url(../images/landing-shape.svg);
  width: 32px;
  height: 32px;
  bottom: 17px;
}

.landing-banner .home-banner-head p {
  font-size: 24px;
  color: var(--white);
  position: relative;
}

.landing-banner .home-banner-head p::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -10px;
  left: 0;
  background: url(../images/paragraph-btm.svg) no-repeat left bottom;
}

.landing-banner .home-certified-ban {
  margin-top: 40px;
}

.home-banner-form {
  max-width: 650px;
  margin-left: auto;
  padding: 50px;
  border-radius: 30px;
  background: #fff;
}

.form-btn-wrapper .capcha iframe {
  transform: scale(0.8);
  transform-origin: left;
}

.form-btn-wrapper .capcha {
  width: 50%;
}

.form-heading h2 {
  line-height: 1;
}

.page-template-template-partstpl_landing_page_one-php .common-hdr h2 {
  font-weight: 600;
}

.contact-form-wrap .form-group label {
  color: #0A7CFF;
  font-weight: 400;
  margin-bottom: 10px;
}

.contact-form-wrap .form-group {
  margin-bottom: 20px;
}

.contact-form-wrap .form-group input,
.contact-form-wrap .form-group textarea {
  border: 1px solid rgba(41, 141, 255, 0.12);
}

.form-end-para {
  margin-top: 30px;
  color: #000000;
}

.form-end-para p {
  margin-bottom: 0;
}

.form-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-btn-wrapper .btn-wrap,
.form-btn-wrapper .btn-wrap p {
  display: flex;
  margin: 0;
  position: relative;
}

.form-btn-wrapper .btn-wrap .wpcf7-spinner {
  position: absolute;
  right: 0;
  bottom: -30px;
}

.form-btn-wrapper .btn-wrap img {
  margin-right: 10px;
  width: 75px;
}

.form-group.no-label label {
  opacity: 0;
}

.page-template-template-partstpl_landing_page_one-php .recognition-section .common-hdr {
  display: none;
}

.development-outer-box.common-card-style2 {
  box-shadow: 6px 6px 0px 0px #000000;
  border: 2px solid #0B2131;
  height: calc(100% - 24px);
  text-align: center;
}

.development-outer-box.common-card-style2 .dev-icon {
  margin: 0 auto 20px;
}

.development-outer-box.common-card-style2 .dev-icon img {
  width: 100%;
  max-width: 50px;
}

/* .development-outer-box.common-card-style2 p { margin: 0; } */

.awards-recieved-sec .recognition-box {
  box-shadow: 10px 10px 50px 0px #E1E5F080;
}

.awards-recieved-sec .recognition-box .recognition-logo {
  height: 120px;
  margin: 0;
}

.gradient-why-choose-blog {
  background: linear-gradient(180deg, rgba(245, 248, 255, 0.7) 37.61%, rgba(255, 255, 255, 0.7) 100%);
}

.why-choose-cnt {
  max-width: 500px;
}

.why-choose-cnt p {
  color: var(--dark-gray);
}

.why-choose-sec .spec-data-block {
  flex-direction: column;
  gap: 0;
  max-width: 250px;
}

.why-choose-sec .spec-data-block .spec-icon-block,
.why-choose-sec .spec-data-block .spec-dtls-block h6 {
  margin-bottom: 20px;
}

.why-choose-sec .spec-data-block .spec-dtls-block h6 {
  font-weight: 500;
}

.projects-slider {
  position: relative;
  z-index: 1;
}

.projects-slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/color-bomb.svg) no-repeat bottom center / contain;
  filter: blur(200px);
  z-index: -1;
}

.project-slider-wrap .slick-list,
.client-review-slider .slick-list {
  margin: 0 -12px;
}

.project-slider-wrap .slick-slide,
.client-review-slider .slick-slide {
  margin: 0 12px;
}

.project-slider-wrap .slick-slide .portfolio-card {
  border: 0;
  margin: 0;
}

.project-slider-wrap .portfolio-card .portfolio-image {
  padding: 0 0 100%;
}

.project-slider-wrap .portfolio-card .portfolio-image img {
  height: 100%;
}

.project-slider-wrap .slick-slide .portfolio-card .portfolio-details {
  padding: 20px 0 0;
}

.project-slider-wrap .slick-slide .portfolio-card ul.portfolio-tags li {
  background: #298DFF1F;
  border-radius: 6px;
  padding: 10px;
  border: none;
  color: #0A7CFF;
}

.project-slider-wrap .portfolio-card .portfolio-subtext label {
  color: #0A7CFF;
}

.page-template-template-partstpl_landing_page_one-php .slick-arrow::before {
  display: none;
}

.page-template-template-partstpl_landing_page_one-php .slick-arrow {
  width: 30px;
  height: 30px;
  border: 1px solid #25243233;
  border-radius: 50%;
  top: inherit;
  bottom: -100px;
  z-index: 1;
}

.page-template-template-partstpl_landing_page_one-php .slick-arrow:hover {
  border-color: #0A7CFF80;
}

.page-template-template-partstpl_landing_page_one-php .slick-prev.slick-arrow:hover {
  background: url(../images/prev-slide-arrow-ic.svg) no-repeat center / 18px;
}

.page-template-template-partstpl_landing_page_one-php .slick-next.slick-arrow:hover {
  background: url(../images/next-slide-arrow-ic.svg) no-repeat center / 18px;
}

.page-template-template-partstpl_landing_page_one-php .slick-prev.slick-arrow {
  left: calc(50% - 50px);
  background: url(../images/prev-slide-arrow.svg) no-repeat center / 18px;
}

.page-template-template-partstpl_landing_page_one-php .slick-next.slick-arrow {
  right: calc(50% - 15px);
  background: url(../images/next-slide-arrow.svg) no-repeat center / 18px;
}

.technologies-tab-inner {
  border: 2px solid #0000000A;
  background: #FCFCFC;
  border-radius: 30px;
  padding: 50px;
}

.technologies-tab-inner .technologies-tabs-content {
  border: 0;
}

.technologies-tab-inner ul {
  background: #D1E6FF;
  width: max-content;
  margin: 0 auto;
  border-radius: 100px;
  padding-bottom: 0;
}

.technologies-tab-inner ul button.nav-link {
  border-radius: 100px;
  border: 0 !important;
  color: #000000;
  font-weight: 400 !important;
}

.technologies-tab-inner .technologies-tabs li.nav-item {
  padding: 0;
}

.what-our-client-say-sec {
  padding-bottom: 200px;
}

.client-review-slider .slick-track {
  display: flex;
}

.client-review-slider .slick-slide {
  height: auto;
}

.client-review-slider .slick-slide>div,
.client-review-slider .slick-slide .client-review-item {
  height: 100%;
}

.client-review-item .com-review-card {
  max-width: 100%;
  background: #F1F4F8;
  opacity: 1;
  border-radius: 30px;
  padding: 50px;
  height: 100%;
}

.client-review-item .com-review-card .review-google-logo img:last-of-type {
  display: block;
  margin-left: auto;
}

.client-review-item .com-review-body img {
  margin: 0px 0 -80px;
  max-width: 100px;
  height: 70px;
}

.client-review-item .com-review-body p {
  color: #656565;
}

.client-review-item .com-review-card .com-review-dtls h6 {
  color: #252432;
  font-size: 16px;
  font-weight: 500;
}

.client-review-item .com-review-card .com-review-dtls span {
  color: #252432;
  font-weight: 400;
}

.client-review-item .com-review-card .com-review-dtls {
  align-items: center;
}

.client-review-item .com-review-card .com-review-bottom {
  margin-top: 50px;
}

.client-review-item .com-review-body {
  margin-top: 30px;
}

.home-certified-ban-mob {
  display: none;
}

footer.common-padding.landing-footer-new {
  clip-path: none;
  background: #041527;
  padding: 100px 0;
}

.footer-lt-content.footer-menu {
  margin-bottom: 50px;
}

.footer-lt-content.footer-menu h2 {
  color: #fff;
  font-weight: 400;
  font-style: italic;
}

.footer-lt-content.footer-menu ul.duns-cin-no {
  display: flex;
}

.footer-lt-content.footer-menu ul.duns-cin-no li:last-child {
  list-style: disc;
  margin-left: 30px;
}

.footer-lt-content.footer-menu .ftr-social-wrap {
  margin-top: 20px;
}

.footer-lt-content.footer-menu .copyright-text {
  margin-top: 180px;
  display: flex;
  align-items: center;
}

.footer-lt-content.footer-menu .copyright-text .menu-terms-privacy-menu-container ul {
  display: flex;
}

.footer-lt-content.footer-menu .copyright-text .menu-terms-privacy-menu-container ul li {
  margin: 0;
}

.footer-lt-content.footer-menu .copyright-text p {
  color: #C7C1C1;
  margin: 0 5px 0 0;
}

.footer-lt-content.footer-menu .copyright-text p span {
  color: #fff;
}

.footer-lt-content.footer-menu .copyright-text .menu-terms-privacy-menu-container ul li:last-child {
  list-style: disc;
  margin-left: 25px;
}

.landing-ftr-btm {
  display: none;
}

/* ============= Landing page (starts 20.12.2024) ============= */

.tech-portfolio-sec .tab-pane .portfolio-form .form-select:first-child,
.case_studies_listing .case-tech-form .form-select:first-child {
  margin-right: 170px;
  width: 250px;
}



/*13082025*/
.ad-videobox video {
  mix-blend-mode: darken;
  width: 100%;
}

.home .recognition-section {
  padding-top: 0;
}

.header-sticky .homepage-logo,
.header-sticky .innerpage-logo {
  display: none;
}

/*13082025*/


.txt-rotate>.wrap {
  border-right: 0.08em solid #666;
  font-size: 100px;
  /* Adjust the size according to your needs */
  white-space: nowrap;
  overflow: hidden;
}


/* Loader CSS starts */
/* .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); z-index: 9999; display: flex; justify-content: center; align-items: center; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; } */
/* .loader-overlay.hidden { opacity: 0; visibility: hidden; } */

/* .loader { width: 300px;  height: 300px;  background: url('https://assets.weaversweb.com/wp-content/uploads/2024/11/weavers-loadar.gif') no-repeat center center; background-size: contain;} */

/* @media only screen and (max-width:767px) {
  .loader { width: 200px; height: 200px;}
} */
/* Optional: Logo Animation */
/* @keyframes fadeInOut {
  0%, 100% {
      opacity: 1;
  }
  50% {
      opacity: 0.5;
  }
} */
/* Loader ends */


.blog-content-box h2 {
  font-size: 40px;
}

.blog-content-box h3 {
  font-size: 35px;
}

.blog-content-box h4 {
  font-size: 30px;
}

.blog-content-box h5 {
  font-size: 25px;
}

.blog-content-box h6 {
  font-size: 20px;
}

.blog-content-box p a strong {
  color: #00ADFE;
}


.page-template-tpl_service_area .blog-list-img img {
  height: auto;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required {
  border: 1px solid #f00;
  border-radius: 35px;
}

/* ==================== 21.11.2025 (Template for Smart WordPress Solutions for Buiseness) ==================== */

.page-template-tpl_smartWordPressSolutionsforBusinesses .main-header {
  position: fixed;
}

.new-landing-banner {
  background: linear-gradient(161.43deg, #232D40 10.6%, #0F317C 87.67%);
  position: relative;
  z-index: 1;
}

.new-landing-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/landing-banner-spot.svg) no-repeat center / cover;
  z-index: -1;
}

.new-landing-banner .row {
  padding-top: 118px;
}

/* ==================== 21.11.2025 (Template for Smart WordPress Solutions for Buiseness) ==================== */


@media only screen and (min-width: 992px) {

  /* .develop-sec-cmn:not(.develop-sec-rev-cmn) .row .col-lg-4:last-child { width: 66.66666667%; }
  .develop-sec-rev-cmn .row .col-lg-4:nth-child(4) { width: 66.66666667%; } */

  .develop-sec-cmn .row .col-lg-4:nth-last-child(2) {
    width: 66.66666667%;
  }

}

@media only screen and (min-width: 1400px) {

  .career-details-sec .container {
    max-width: 1192px !important;
  }
}

@media only screen and (min-width: 1699px) {
  .container {
    max-width: 1464px !important;
  }

  .container.header-container:not(.landing-container) {
    max-width: 1674px !important;
  }

  .new-landing-header.header-sticky {
    max-width: 1464px !important;
  }
}

@media only screen and (max-width:1799px) {

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 li,
  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li {
    margin: 0 0 15px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4 a {
    font-size: 16px !important;
    padding: 0 25px 0 0 !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4 a img {
    height: 40px;
  }

  /* Technology listing page */
  .blue-card-img-holder {
    max-width: 280px;
  }

  /* Technology listing page */

  .tech-portfolio-sec:after {
    top: 540px;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .mobile-img::after {
    top: 0;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .empowering_cell {
    max-height: 450px;
    min-height: 450px;
  }


}

@media only screen and (max-width:1699px) {


  h1,
  .h1 {
    font-size: 70px;
  }

  h2,
  .h2,
  .faq-landing h3,
  .our-process h1 {
    font-size: 40px;
  }

  h3,
  .h3 {
    font-size: 50px;
  }

  h4,
  .h4 {
    font-size: 34px;
  }

  h5,
  .h5 {
    font-size: 28px;
  }

  /* header CSS */
  .main-menu ul li {
    margin: 0 7px;
  }

  .header-sticky.main-header {
    max-width: 1340px !important;
  }

  .user-sec a.btn {
    padding: 12px 30px !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu,
  .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap {
    max-width: 1340px !important;
  }

  .submenu-inner-ban {
    padding: 30px;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner {
    padding: 30px 20px 30px 20px;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 {
    padding: 30px 20px 30px 30px !important;
  }

  header.main-header .logo {
    min-width: 120px;
    max-width: 120px;
  }

  .main-menu ul li {
    margin: 0 8px !important;
  }

  .main-menu ul li a {
    padding: 3px 2px !important;
    font-size: 14px !important;
  }

  .submenu-inner-wrap ul.submenu-list-tech li,
  .submenu-inner-wrap ul.submenu-list-tech li a,
  .main-menu .mega-menu-item ul.mega-sub-menu ul li {
    font-size: 14px !important;
  }

  li.mega-menu-item:last-child .mega-sub-menu.hrd-menu-wrap {
    margin-left: -28% !important;
  }

  /* header CSS */


  /*..............common styles..............*/
  .common-hdr {
    margin-bottom: 25px;
  }

  .pt-5 {
    padding-top: 2rem !important;
  }

  /*..............common styles..............*/


  /*HOME*/
  .home-banner-section {
    padding: 180px 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 89.5%, 0% 100%);
  }

  .home-banner-section:not(.landing-banner) h1 {
    font-size: 90px;
  }

  .home-banner-section:not(.landing-banner) h2 {
    font-size: 90px;
    margin: 0 0 40px;
  }

  .home-banner-section .home-ban-btn {
    margin-bottom: 40px;
  }

  /*----------------*/
  .com-review-card .com-review-body p {
    font-size: 22px;
  }

  /*----------------*/

  /*----------------*/
  /* .home-portfolio-section { height: 180vh; clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%); } */
  .home-portfolio-section {
    clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
  }

  /*----------------*/

  /*----------------*/
  .empowering_cell {
    padding: 30px 22px;
  }

  /*----------------*/

  /*----------------*/
  .spec-data-block {
    gap: 15px;
    margin-bottom: 30px;
  }

  .spec-gradient-box {
    padding: 55px 30px;
  }

  /*----------------*/
  /*HOME*/


  /* Technology details page */
  .ios-app-dev-cnt {
    padding-right: 0px;
  }

  .common-process-tech.common-process-section .process-block-wrap .process-img {
    position: relative;
    padding: 0 0 33%;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(2) {
    top: 0;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(4) {
    top: -30px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(1) {
    bottom: -100px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(3) {
    bottom: -50px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(5) {
    bottom: -10px;
  }

  /* Technology details page */


  /* BLOG */
  .inner-banner-sec .container::before {
    width: 460px;
    height: 350px;
    margin-left: 200px;
  }

  .inner-banner-sec::after {
    width: 200px;
    height: 320px;
  }

  /* BLOG */


  /* BLOG Desails */
  .features-tech-card {
    padding: 40px;
  }

  /* BLOG Desails */


  /* About Page */
  .our-mission-section {
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
    padding: 160px 0;
  }

  .our-mission-text p {
    font-size: 22px;
  }

  /* About Page */


  /* Service Details Page */
  .common-process-section .common-hdr {
    max-width: 100%;
  }

  .process-block-wrap {
    zoom: 80%;
    max-width: 1296px;
    width: 100%;
    margin: 0 auto;
  }

  .process-block-wrap ul.process-img-data li:nth-child(1) {
    left: 0;
    bottom: -20px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(2) {
    left: 25%;
    top: 90px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(3) {
    bottom: 10px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(4) {
    left: 72%;
    top: 0px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(5) {
    left: 87%;
    bottom: 10px;
  }

  /* Service Details Page */


  /* Footer Section */
  footer .col-lg-4:nth-child(2) .footer-menu {
    margin-left: 110px;
  }

  /* Footer Section */


  /* Modal Section */
  .schedule-meeting-modal .modal-dialog {
    max-width: 1140px;
  }

  .schedule-meeting-modal .modal-content {
    padding: 30px;
  }

  .schedule-meeting-modal .modal-left-side {
    padding: 30px;
  }

  .schedule-meeting-modal .modal-left-side .md-text-box h3 {
    font-size: 40px;
  }

  .schedule-meeting-modal button.btn-close {
    right: -40px;
    top: -40px;
  }

  /* Modal Section */

  .banner-spec-btm .spec-btm-lt {
    flex: 0 0 68%;
  }

  .landing-banner {
    padding: 150px 0 50px;
  }

  .landing-banner h1 {
    font-size: 60px;
  }

  .landing-banner .home-banner-head {
    max-width: 690px;
    width: 100%;
  }

  .home-banner-form {
    padding: 40px;
  }

  .home-banner-form .form-control {
    font-size: 13px;
  }

  .form-btn-wrapper .btn-wrap .btn.gradient {
    padding: 15px 19px;
  }

  .form-btn-wrapper .capcha iframe {
    transform: scale(0.7);
  }

}

@media only screen and (max-width: 1599px) {

  select,
  select.form-select {
    font-size: 13px;
  }

  .work-process-gif {
    max-width: 900px;
    margin: 0 auto;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .empowering-sliders .slick-arrow.slick-prev {
    left: -20px;
  }

  .empowering-sliders .slick-arrow.slick-next {
    right: -20px;
  }

  .what-customer-slider .slick-arrow {
    bottom: -26px;
  }

  .grow-business-form .inner-form-holder form {
    max-width: 300px;
  }

  /* ============ App Landing design page (Arundhati) ============ */
  input.wf-field-item.wf-field-input::placeholder {
    font-size: 12px;
  }

  textarea.wf-field-item.wf-field-input::placeholder {
    font-size: 12px;
  }

}

@media only screen and (max-width:1399px) {

  h1,
  .h1 {
    font-size: 60px;
  }

  h2,
  .h2,
  .faq-landing h3,
  .our-process h1 {
    font-size: 35px;
  }

  h3,
  .h3 {
    font-size: 45px;
  }

  h6,
  .h6 {
    font-size: 22px;
  }

  /* header CSS */
  header .user-sec ul li {
    list-style: none;
    margin-left: 8px;
  }

  .header-sticky.main-header {
    max-width: 1140px !important;
  }

  .user-sec a.btn {
    padding: 12px 20px !important;
  }

  .main-menu ul li {
    margin: 0 9px !important;
  }
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { margin: 0 9px !important; }

  .main-menu ul li a {
    font-size: 14px !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu,
  .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap {
    max-width: 1170px !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap {
    max-width: 750px !important;
    margin-left: -12% !important;
  }

  .submenu-inner-ban {
    padding: 20px;
  }

  .submenu-inner-ban.industry-mega-menu .spec-data-block {
    margin-bottom: 20px;
  }

  .submenu-inner-ban.industry-mega-menu .spec-dtls-block h2 {
    font-size: 30px;
  }

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 li,
  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li {
    margin: 0 0 8px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li:last-child {
    margin-bottom: 0 !important;
  }

  .submenu-inner-ban.industry-mega-menu .submenu-ban-dtls p {
    margin-bottom: 20px !important;
    padding-top: 0;
  }

  /* header CSS */


  /*..............common styles..............*/
  .common-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .common-padding-top,
  footer.landing-footer {
    padding-top: 80px;
  }

  .common-padding-bottom {
    padding-bottom: 80px;
  }

  .common-hdr {
    margin-bottom: 30px;
  }

  .common-card-style,
  .common-card-style2 {
    padding: 30px;
  }

  .common-tech-box {
    padding: 30px;
  }

  .common-tech-box ul li {
    padding: 5px 15px;
  }

  .industry-card-section .common-card-style .btn {
    bottom: 30px;
  }

  .btn,
  .btn.gradient {
    padding: 15px 35px;
  }

  .icon-60 img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
  }

  /*..............common styles..............*/


  /*HOME*/
  .home-banner-section:not(.landing-banner) h1 {
    font-size: 80px;
  }

  .home-banner-section:not(.landing-banner) h2 {
    font-size: 80px;
  }

  .home-certified-ban ul li img {
    max-width: 80px;
  }

  .home-certified-ban ul li iframe {
    transform: scale(0.8);
    transform-origin: left;
  }

  .home-awards-ban {
    max-width: 300px;
  }

  .home-awards-slider .slick-slide img {
    max-width: 80px;
  }

  /*----------------------*/
  .recognition-box {
    padding: 20px 10px;
  }

  .recognition-box .recognition-logo {
    height: 30px;
    margin: 0 0 12px;
  }

  .recognition-box p {
    margin-bottom: 4px;
  }

  /*----------------------*/

  /*----------------------*/
  .company-review-slider .slick-dots {
    bottom: -80px;
  }

  /*----------------------*/

  /*----------------------*/
  .empowering_cell .empowering-icon {
    width: 60px;
    height: 60px;
  }

  .empowering_cell {
    min-height: 550px;
  }

  /*----------------------*/

  /*----------------------*/
  .work-process-head h2 {
    font-size: 50px;
  }

  .spec-gradient-box {
    padding: 45px 30px;
  }

  /*----------------------*/

  /*HOME*/


  /* BLOG */
  .company-dtls-block {
    padding: 80px 50px;
  }

  .spec-subscribe-box {
    padding: 45px 30px;
  }

  .inner-banner-sec .container::before {
    width: 400px;
    height: 250px;
    margin-left: 140px;
  }

  .inner-banner-sec::after {
    width: 200px;
    height: 300px;
  }

  /* BLOG */


  /* Career listing page */
  .develop-card {
    padding: 40px 30px 110px;
  }

  .develop-card a {
    bottom: 40px;
  }

  .develop-big-card {
    padding: 40px 30px;
  }

  /* Career listing page */


  /* Technology listing page */
  .blue-card-img-holder {
    max-width: 260px;
  }

  /* Technology listing page */

  /* Technology details page */

  .common-process-tech.common-process-section .process-block-wrap .process-img {
    position: relative;
    padding: 0 0 28%;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(2) {
    top: -20px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(4) {
    top: -60px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(1) {
    bottom: -115px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(3) {
    bottom: -80px;
  }

  .common-process-tech.common-process-section .process-block-wrap ul.process-img-data li:nth-child(5) {
    bottom: -40px;
  }

  /* Technology details page */


  /* Hire dedicated resources page */
  .banner-spec-btm .spec-btm-lt {
    flex: 0 0 60%;
  }

  .cnt-inline h6 {
    font-size: 17px;
  }

  .cnt-inline h6:not(:last-child) {
    margin-right: 10px;
  }

  .hire-dedicated-card {
    padding: 100px 25px;
  }

  .skilled-developer-sec p {
    padding-left: 60px;
  }

  /* Hire dedicated resources page */


  /* Contect page */
  .map-section iframe {
    height: 450px;
  }

  /* Contect page */


  /* Service Page */
  .service-card-left {
    padding: 0 0px;
  }

  .service-card-right {
    padding: 0 0 75%;
  }

  /* Service Page */


  /* About Page */
  .our-mission-text p {
    font-size: 20px;
  }

  .our-mission-section {
    padding: 130px 0;
  }

  .leadership-card .leadership-img {
    border-radius: 20px;
  }

  /* About Page */


  /* Service Details Page */
  .service-second-img {
    padding: 20px;
  }

  /* .process-block-wrap ul.process-img-data li { max-width: 200px; } */
  /* .process-block-wrap ul.process-img-data li:nth-child(5) { left: 85%; bottom: 80px; } */

  .process-block-wrap {
    zoom: 78%;
  }

  .process-block-wrap .process-img {
    padding: 0 0 36%;
  }

  .process-block-wrap ul.process-img-data li:nth-child(1) {
    bottom: -30px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(2) {
    top: 60px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(3) {
    bottom: 0;
  }

  .process-block-wrap ul.process-img-data li:nth-child(4) {
    top: -30px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(5) {
    bottom: 0;
  }

  /* Service Details Page */


  /* Our Process page */
  .our-process-tab .process-nav {
    flex: 0 0 auto;
    width: 450px;
    padding-left: 50px;
  }

  .our-process-tab .process-nav .nav-link .processTab {
    width: calc(100% - 80px);
  }

  .our-process-tab .process-nav .nav-link .processTab p {
    margin-left: 10px;
  }

  .our-process-tab .tab-content {
    padding: 40px;
    width: calc(100% - 450px);
  }

  /* Our Process page */

  .tech-portfolio-sec:after {
    top: 480px;
  }

  .service-tech-lg-container .col-xl-2 {
    width: 25%;
  }

  .portfolio-details-sec:before {
    left: 1%;
  }


  /* Footer Section */
  footer.common-padding {
    padding-top: 140px;
  }

  footer .col-lg-4:nth-child(2) .footer-menu {
    margin-left: 50px;
  }

  /* Footer Section */

  /* ============ App Landing design page (Arundhati) ============ */

  .customer-slider-item {
    max-width: 600px;
  }

  .center-content-sec {
    max-width: 850px;
  }

  .what-customer-lt::before {
    left: -20px;
  }

  .empowering-sliders .slick-slide {
    padding: 0 5px;
  }

  .empowering-sliders .slick-arrow {
    width: 50px;
    height: 40px;
  }

  .empowering-sliders .slick-arrow.slick-prev {
    left: -25px;
  }

  .empowering-sliders .slick-arrow.slick-next {
    right: -25px;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .hire-app-dev-box {
    padding: 100px 30px;
  }

  .app-details-item {
    padding: 20px;
  }

  .hire-mobile-development-sec .develop-card {
    padding: 50px 30px 185px;
  }

  .hire-mobile-development-sec .abs-btm-part {
    padding-right: 30px;
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .gradient-ban-block h4 {
    font-size: 26px;
  }

  .landing-banner .home-banner-head {
    max-width: 600px;
  }

  .landing-banner h1 {
    font-size: 50px;
  }

  .form-end-para p {
    font-size: 13px;
  }

  .form-btn-wrapper .recaptcha iframe {
    transform: scale(0.58);
  }

  .form-btn-wrapper .capcha {
    width: 45%;
  }

  .what-our-client-say-sec {
    padding-bottom: 200px;
  }

  .home-banner-form,
  .client-review-item .com-review-card {
    padding: 30px;
  }

  .home-banner-form textarea,
  .home-banner-form select,
  .home-banner-form .form-control,
  .home-banner-form .form-select,
  .home-banner-form input {
    padding: 12px 18px;
  }

  .contact-form-wrap .form-group label {
    font-size: 14px;
  }

  .footer-lt-content.footer-menu .copyright-text {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-lt-content.footer-menu .copyright-text .menu-terms-privacy-menu-container ul {
    margin-top: 5px;
  }

  .inner-banner-head-wrap h1 span.h3.sub_heading {
    font-size: 45px;
  }

}

@media only screen and (max-width: 1199px) {

  body {
    font-size: 15px;
  }

  h1,
  .h1 {
    font-size: 50px;
  }

  h3,
  .h3 {
    font-size: 40px;
  }

  /*..............common styles..............*/
  .common-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .common-small-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .common-padding-top,
  footer.landing-footer {
    padding-top: 60px;
  }

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

  .common-card-style,
  .common-card-style2 {
    padding: 30px 20px;
  }

  .common-tech-box {
    padding: 30px 20px;
  }

  .btn,
  .btn.gradient {
    padding: 15px 30px;
  }

  /*..............common styles..............*/


  /* header CSS */
  .header-sticky.main-header {
    overflow: hidden;
  }

  .header-sticky.main-header {
    max-width: 960px !important;
  }

  .main-header .user-sec {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .main-header {
    padding: 15px 0px 10px;
  }

  .header-right-btn {
    margin: 0 0 0 auto;
  }

  .nav_btn {
    display: block;
    z-index: 99999;
    cursor: pointer;
  }

  .nav_btn span {
    transition: all .8s;
  }

  body.open .nav_btn span {
    background-color: transparent;
  }

  body.open .nav_btn span:before {
    background: #252b33;
    transform: translateY(2px) translateX(0) rotate(45deg);
    width: 28px;
    height: 2px;
    transition-delay: .1s;
  }

  body.open .nav_btn span:after {
    background: #252b33;
    transform: translateY(0) translateX(0) rotate(314deg);
    width: 28px;
    height: 2px;
    transition-delay: .1s;
  }


  .home .main-menu,
  .main-menu {
    position: fixed;
    transform: translateX(120%);
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: 99999;
    box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11);
    background-color: var(--white) !important;
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 0;
    width: 100%;
    transition: 250ms ease-in;
    overflow: auto;
  }

  body.open .main-menu {
    right: 0;
  }

  .main-menu ul {
    flex-direction: column;
    display: flex;
  }

  .main-menu ul li {
    position: relative;
    width: fit-content;
    padding-right: 24px;
    margin-bottom: 5px;
  }

  .main-menu ul li:not(:last-child) {
    margin-right: 0;
  }

  .main-menu ul li a {
    display: block;
    padding: 10px;
    color: var(--white);
  }

  .main-menu ul li a::before {
    background: var(--dark-gray);
  }

  /* .nav_close { position: relative; background: #6A6A6A; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-left: auto;} */

  .main-menu ul.mega-menu-list {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }

  .main-menu ul.mega-menu-list li {
    width: 48%;
  }

  /* .main-menu .mega-menu-item ul.mega-menu-list li{margin-right: 4px !important; } */

  .minus,
  .plus {
    display: block;
    padding: 0;
    font-weight: 300;
    color: #000;
    font-size: 36px !important;
    cursor: pointer;
    position: absolute;
    right: 0;
    width: 20px;
    top: 4px;
    line-height: 1;
  }

  li.menu-item-has-children>ul.sub-menu {
    position: relative;
    margin-top: 0;
    min-width: 100%;
    padding: 0px 0px;
    box-shadow: inherit;
    background: inherit;
  }

  li.menu-item-has-children ul.sub-menu a {
    color: #FFF;
    padding: 10px 20px;
  }

  li.menu-item-has-children:hover ul.sub-menu {
    display: none;
  }

  li.menu-item-has-children>a::after {
    content: none;
  }

  li.menu-item-has-children.open-sub ul.sub-menu {
    display: block !important;
  }

  .minus {
    display: none;
  }

  .open-sub .plus {
    display: none;
  }

  .open-sub .minus {
    display: block;
  }

  .home .main-menu ul li a,
  .main-menu ul li a {
    position: initial;
    color: var(--dark-gray);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    padding: 0;
  }

  .home .main-header .user-sec-btns .btn.btn-transfrnt,
  .user-sec-btns a.btn.btn-transfrnt {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white) !important;
  }

  .user-sec-btns a.btn {
    padding: 15px 45px !important;
  }

  .user-sec-btns {
    padding: 40px 0 0;
    display: flex !important;
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
    clear: both;
  }

  .header-sticky.main-header .logo .short-logo {
    filter: invert(0);
  }

  .home .header-sticky.main-header .nav_btn span,
  .home .header-sticky.main-header .nav_btn span:before,
  .home .header-sticky.main-header .nav_btn span:after {
    background-color: var(--black);
  }

  .home .main-menu ul li a {
    color: var(--dark-gray) !important;
  }

  .home .main-menu ul li:hover a {
    color: var(--primary) !important;
  }

  .home .submenu-inner-wrap ul.submenu-list-tech li a {
    color: var(--dark-gray) !important;
  }

  .main-menu .mega-menu-wrap {
    position: relative !important;
  }

  .main-menu .mega-menu {
    position: relative !important;
  }

  #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item {
    margin: 0 !important;
    display: block;
  }

  .main-menu ul li a {
    padding: 12px 0px !important;
    font-size: 32px !important;
    font-weight: 700 !important;
  }

  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link:before {
    display: none;
  }

  #mega-menu-wrap-header-menu .mega-menu-toggle+#mega-menu-header-menu {
    background: transparent !important;
  }

  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    float: none;
    margin: 0 0 0 30px;
    line-height: normal;
    transform: none;
  }

  #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
    position: relative;
    display: none;
  }

  #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    display: block;
  }

  /* #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 0 !important; } */

  #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
    padding: 40px 30px !important;
  }

  .main-menu ul li a.cstm-back {
    text-decoration: none;
    font-size: 20px !important;
    padding: 0 10px 20px 0 !important;
    margin-bottom: 0;
    border: 0;
    color: #8a959e !important;
    font-weight: 500 !important;
  }

  .main-menu ul li:hover a.cstm-back {
    color: #8a959e !important;
  }

  .main-menu ul li:hover a.cstm-back:hover .dyn-menuname {
    color: #252B33;
  }

  .main-menu ul li a.cstm-back::before {
    display: none;
  }

  .main-menu ul li a.cstm-back .dyn-menuname {
    font-weight: 600 !important;
    color: #252B33;
    padding-left: 10px;
    margin-left: 10px;
  }

  .main-menu ul li a.cstm-back .dyn-menuname::before {
    content: "\f105";
    top: 4px;
    left: 60px;
    right: 0;
    bottom: 0;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 16px;
    position: absolute;
  }

  .main-menu ul li a.cstm-back .dyn-menuname.dyn-menuname-child::before {
    left: 218px;
  }

  /* li.mega-menu-column-2 {display: none !important; left: -100% !important;transform: translateX(-100%) !important;transition: all 0.3s ease !important; -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; }
  li.hire-content-blk { position: fixed !important; height: 100vh !important; top: 0; background: #ffffff !important; z-index: 99999 !important; left: 0 !important; transform: translateX(0) !important; -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important; display: block !important; } */

  .mega-hiremenu-cstm li.mega-menu-column-2 {
    position: fixed !important;
    top: 0;
    left: -100% !important;
    transform: translateX(-100%) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    height: 100vh !important;
  }

  .mega-hiremenu-cstm li.hire-content-blk {
    background: #ffffff !important;
    z-index: 99999 !important;
    left: 0 !important;
    transform: translateX(0) !important;
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
  }

  /* .main-menu ul li a.cstm-back::before { content: "\f177"; top: 0; left: 0; right: 0; bottom: 0; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 20px; width: 100% !important; height: 100% !important; background: transparent !important; }  
  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: '\f543' !important; font-size: 14px; vertical-align: middle; }
  */

  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
    content: '\f543' !important;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid;
    padding: 5px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
  }


  .main-menu .mega-menu-item ul.mega-sub-menu.hrd-menu-wrap,
  .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap {
    position: fixed !important;
    top: 0px !important;
    bottom: 140px !important;
    left: -100% !important;
    transform: translateX(-100%) !important;
    max-width: 100% !important;
    width: 100% !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    list-style: none;
    display: block !important;
    overflow-y: auto !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu.hrd-menu-wrap.custom-wrapr,
  .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap.custom-wrapr {
    left: 0 !important;
    transform: translateX(0) !important;
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
  }

  li.mega-menu-item:last-child .mega-sub-menu.hrd-menu-wrap {
    margin-left: 0% !important;
  }

  .main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu.hrd-menu-wrap {
    transform: none !important;
  }

  /* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap, .main-menu .mega-menu-item .mega-sub-menu {transform: translateX(-100%) !important;display: block !important; visibility: hidden !important;height: 0 !important; width: 0 !important;left: 0 !important; }
  .main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu.hrd-menu-wrap, .main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu {transform: translateX(0) !important; visibility: visible !important;height: auto !important; width: auto !important;} */


  .main-menu .mega-menu-item .mega-sub-menu {
    margin-top: 0 !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap {
    max-width: 100% !important;
    margin-left: 0% !important;
    max-height: inherit !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 {
    width: 100% !important;
    padding: 0 !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap .mega-menu-column-1 li {
    margin: 0 0 15px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 {
    padding: 10px 0px !important;
    width: 100% !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li p a {
    font-size: 16px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li h4 a {
    font-size: 20px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 {
    width: 100% !important;
    padding: 10px 0 20px !important;
  }

  .main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-1,
  .main-menu .mega-menu-item .mega-sub-menu .mega-menu-column-2 {
    max-height: inherit !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner {
    padding: 0;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-2 .submenu-inner h4 {
    font-size: 22px;
  }

  .submenu-inner-wrap ul.submenu-list-tech li a {
    padding: 0 !important;
    font-size: 16px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu ul li {
    font-size: 16px !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-banner {
    width: 100% !important;
  }

  .main-menu .mega-menu-item ul.mega-sub-menu.hrd-menu-wrap .mega-menu-banner {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .submenu-inner-ban {
    padding: 15px;
    border-radius: 15px;
  }

  .submenu-inner-ban .submenu-ban-logo {
    max-width: 120px;
    margin-bottom: 20px;
  }

  .submenu-inner-ban .submenu-ban-dtls h4 {
    font-size: 26px;
  }

  .submenu-inner-ban .submenu-ban-dtls .btn.blue {
    padding: 10px 15px !important;
    font-size: 16px !important;
    margin-bottom: 15px;
  }

  .submenu-inner-ban {
    display: none;
  }

  .menu-banner {
    min-height: 0 !important;
  }


  /* Header new css*/

  /* .main-menu .mega-menu-item .mega-sub-menu.hrd-menu-wrap, .main-menu .mega-menu-item .mega-sub-menu {transform: translateX(-100%) !important;display: block !important; visibility: hidden !important;height: 0 !important; width: 0 !important;left: 0 !important; }
  .main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu.hrd-menu-wrap, .main-menu .mega-menu-item.mega-toggle-on .mega-sub-menu {transform: translateX(0) !important; visibility: visible !important;height: auto !important; width: auto !important;} */

  /* .main-menu .mega-menu-item .mega-sub-menu, .main-menu .mega-menu-item.srvce-custom .mega-sub-menu.hrd-menu-wrap { transform: none !important; left: 0 !important; } */


  .main-menu .mega-menu-item ul.mega-sub-menu .mega-menu-column-1 li {
    max-width: 100% !important;
  }

  .user-sec-btns {
    position: absolute;
    bottom: 15px;
    z-index: 9;
  }

  /* Header new css*/

  /* header CSS */


  /*HOME*/
  .home-banner-section {
    padding: 150px 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 93.5%, 0% 100%);
  }

  .home-banner-section:not(.landing-banner) h1 {
    font-size: 65px;
  }

  .home-banner-section:not(.landing-banner) h2 {
    font-size: 65px;
  }

  .landing-banner {
    padding: 150px 0 50px;
  }

  /*-----------------*/
  .recognition-box {
    margin-bottom: 24px;
    height: calc(100% - 24px);
  }

  /*-----------------*/

  /*-----------------*/
  .com-review-card .com-review-body p {
    font-size: 20px;
  }

  /*-----------------*/

  /*-----------------*/
  .company-review-slider .slick-dots {
    bottom: -60px;
  }

  /*-----------------*/

  /*-----------------*/
  .spec-gradient-box {
    padding: 30px 30px;
  }

  /*-----------------*/

  /*-----------------*/
  .empowering_cell {
    min-height: 500px;
  }

  .empowering_cell .empowering-icon {
    margin-left: -9px;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 300ms;
  }

  .empowering_cell.active .empowering-icon {
    margin-left: 0px;
    transition-delay: 300ms;
  }

  .empowering_cell .empowering-dtls p {
    max-width: 90%;
  }

  /*-----------------*/

  /*-----------------*/
  .blog-list-card {
    padding: 20px;
  }

  /*-----------------*/

  /*-----------------*/
  .common-input-wrap {
    margin-bottom: 10px;
  }

  .captha-div {
    margin: 20px 0 30px;
  }

  /*-----------------*/

  /*HOME*/

  /* BLOG */
  .inner-banner-head-wrap h3 {
    margin: -15px 0px 30px -6px;
  }

  .company-dtls-block {
    padding: 60px 30px;
  }

  .new-blog-tabnav .blog-tab li a {
    padding: 6px 24px;
  }

  .blog-dtls-src {
    padding: 20px 10px;
  }

  .blog-turn-sec img {
    margin-bottom: 20px;
    width: 90%;
  }

  .blog-dtls-input button {
    right: 16px;
  }

  .blog-dtls-input input.form-control {
    padding: 15px 40px 15px 20px;
  }

  .trending-blog-sec {
    padding-bottom: 80px;
  }

  /* BLOG */


  /* BLOG Desails */
  .features-tech-card {
    padding: 20px;
  }

  .portfolio-visuals-card {
    padding: 20px;
  }

  /* BLOG Desails */


  /* Modal Section */
  .modal-form-btn {
    text-align: left;
    margin-top: 20px;
  }

  .schedule-meeting-modal .modal-dialog {
    max-width: 900px;
  }

  .schedule-meeting-modal .modal-content {
    padding: 20px;
  }

  .schedule-meeting-modal .modal-left-side {
    padding: 15px;
  }

  .schedule-meeting-modal .modal-left-side .md-text-box h3 {
    font-size: 30px;
  }

  /* Modal Section */


  /* Career listing page */
  .card-icon-hldr {
    margin-right: 10px;
  }

  .develop-card {
    padding: 40px 20px 110px;
  }

  .develop-big-card {
    padding: 40px 20px;
  }

  .flow-crd {
    padding: 30px;
  }

  /* Career listing page */


  /* Technology listing page */
  .develop-card.blue-card h5 {
    margin: 0 0 30px;
  }

  .develop-big-card {
    padding: 40px 20px;
  }

  .company-dtls-left h3 {
    font-size: 35px;
  }

  /* Technology listing page */


  /* Hire dedicated resources page */
  .cnt-inline {
    flex-wrap: wrap;
  }

  .cnt-inline h6:not(:last-child) {
    margin: 0 0 10px;
  }

  .card-img-wrapper img {
    border-radius: 20px;
  }

  .hire-dedicated-card {
    padding: 80px 25px;
  }

  .hire-dedicated-card::after {
    border-radius: 20px;
  }

  /* Hire dedicated resources page */


  /* Service Page */
  .service-card-right {
    padding: 0 0 100%;
  }

  /* Service Page */


  /* About Page */
  .awards-ban-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .awards-ban-head {
    max-width: 780px;
    margin: 0 auto 30px;
  }

  .awards-wraper-contain {
    gap: 20px;
  }

  .awards-wraper-contain .awards-wraper-box {
    gap: 20px;
  }

  .awards-wraper-contain .awards-wraper-box .awards-images {
    min-width: 150px;
    height: 150px;
  }

  /* About Page */


  /* Service Details Page */
  .service-faq-accordion .accordion-button {
    padding: 14px 20px;
  }

  .service-tech-s-container .col-xl-2 {
    width: 18%;
  }

  /* Service Details Page */


  /* Our Process page */
  .our-process-tab .tab-content {
    padding: 30px;
  }

  /* Our Process page */


  /* footer Css */
  .mt-50 {
    margin-top: 40px;
  }

  footer .footer-end .copyright-text {
    gap: 10px;
  }

  /* footer Css */

  /* ============ App Landing design page (Arundhati) ============ */

  .grow-business-form .inner-form-holder {
    padding: 40px 30px;
  }

  .mobile-app-cnt {
    padding: 0 10px 0 20px;
    bottom: 20px;
  }

  .customer-slider-item {
    max-width: 450px;
  }

  .what-customer-lt {
    padding: 15px 80px;
    background-position: top 80px left 20px;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .home-certified-ban ul li iframe {
    transform: scale(0.6);
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .hire-app-dev-box {
    padding: 80px 20px;
  }

  .app-details-item {
    padding: 15px;
  }

  .app-details-item .details-ttl,
  .app-details-item ul li {
    font-size: 14px;
    padding: 14px;
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .what-our-client-say-sec {
    padding-bottom: 150px;
  }

  .footer-lt-content.footer-menu ul.duns-cin-no {
    font-size: 14px;
  }

  .technologies-tab-inner {
    padding: 40px;
  }

  .form-btn-wrapper .btn-wrap img {
    width: 45px;
  }

  .form-btn-wrapper .capcha {
    width: 52%;
  }

  .form-btn-wrapper .recaptcha iframe {
    transform: scale(0.67);
  }

  /* zoho form */

  .wf-field .g-recaptcha iframe {
    transform: scale(0.8);
    transform-origin: left;
  }

  /* zoho form */

  .inner-banner-head-wrap h1 span.h3.sub_heading {
    font-size: 40px;
    margin: -15px 0px 30px -6px;
  }

}

@media only screen and (max-width: 991px) {

  h2,
  .faq-landing h3,
  .our-process h1 {
    font-size: 30px;
  }

  h6 {
    font-size: 20px;
  }

  /* header CSS */
  .header-sticky.main-header {
    max-width: 720px !important;
  }

  /* header CSS */


  /*..............common styles..............*/
  .common-padding {
    padding: 60px 0;
  }

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

  .common-card-style,
  .common-card-style2 {
    padding: 30px;
  }

  .common-tech-box {
    padding: 30px;
  }

  .common-hdr {
    margin-bottom: 30px;
  }

  /*..............common styles..............*/


  /*HOME*/
  .home-banner-section:not(.landing-banner) h1 {
    font-size: 55px;
    margin: 0 0 26px;
  }

  .home-banner-section:not(.landing-banner) h2 {
    font-size: 55px;
    margin: 0 0 30px;
  }

  /*---------------*/
  .company-review-slider {
    width: 100% !important;
  }

  .company-review-slider .slick-list.draggable {
    padding-right: 0;
  }

  .com-review-card {
    padding: 0 5px;
  }

  /*---------------*/

  /*---------------*/
  .technologies-tabs {
    justify-content: flex-start;
    border: none;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    padding-bottom: 10px;
  }

  .technologies-tabs-content {
    margin: 0 0 0;
    border-top: none;
    padding-top: 15px;
  }

  .technologies-tabs .nav-link {
    width: max-content;
  }

  /*---------------*/

  /*---------------*/
  .specialization-img-box {
    height: calc(100% - 30px);
    margin-bottom: 30px;
  }

  /*---------------*/

  /*---------------*/
  .spec-data-block {
    gap: 15px;
    margin-bottom: 20px;
  }

  /*---------------*/

  /*-----------------*/
  .empowering-collapse {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 20px;
    flex-wrap: wrap;
  }

  .empowering_cell {
    padding: 30px;
  }

  .empowering_cell,
  .empowering_cell.active {
    flex-basis: calc(50% - 10px);
    width: inherit !important;
    min-height: 450px;
    max-height: inherit;
  }

  .empowering_cell:before {
    background: linear-gradient(180deg, rgba(4, 22, 56, 0.5) 21%, rgba(0, 0, 0, 0) 82.5%);
  }

  .empowering_cell .empowering-dtls {
    opacity: 1;
    transition-delay: 0ms;
    position: relative;
    z-index: 1;
  }

  .empowering_cell .empowering-dtls p {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .empowering_cell .empowering-icon {
    margin-left: 0;
    position: relative;
  }

  .empowering-collapse {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 20px;
    flex-wrap: wrap;
  }

  /*-----------------*/

  /*-----------------*/
  .company-dtls-right h5 {
    margin: 0 0 5px;
  }

  .company-dtls-right h5 a {
    color: var(--white);
    font-size: 22px;
  }

  .company-dtls-right h5 small {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-top: 4px;
  }

  /*-----------------*/

  /*HOME*/


  .inner-banner-head-wrap {
    padding-bottom: 40px;
  }

  .inner-banner-head-wrap p {
    max-width: 100%;
  }

  .inner-banner-sec .col-lg-5 {
    margin: 0px 0 -70px;
  }


  /*BLOG*/
  .inner-banner-sec .row {
    flex-direction: column-reverse;
  }

  .inner-banner-sec .row.row-inherit,
  .inner-banner-sec .row.row-inherit .row {
    flex-direction: initial !important;
  }

  .inner-banner-sec .row.row-inherit {
    gap: 30px;
  }

  .inner-banner-sec .col-lg-5 {
    margin: -70px 0 30px;
    position: relative;
    text-align: center;
  }

  .inner-banner-head-wrap {
    padding-bottom: 0;
    text-align: center;
  }

  .inner-banner-head-wrap p {
    max-width: 470px;
    margin: 0 auto;
  }

  .inner-banner-head-wrap h3 {
    margin: -15px auto 30px;
  }

  .inner-banner-sec .container::before {
    width: 400px;
    height: 250px;
    margin-left: -100px;
  }

  /* .new-blog-tabnav { flex-direction: column-reverse; } */
  .new-blog-tabnav {
    flex-direction: column;
  }

  .new-blog-tabnav .blog-tab {
    justify-content: center;
  }

  .blog-src {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .trending-blog-right {
    margin: 30px 0 0;
  }

  .trending-blog-sec>h2 {
    margin: 0 0 30px;
    text-align: center;
  }

  .new-blog-sec::before {
    display: none;
  }

  .trending-blog-right {
    margin: 30px auto 0;
    text-align: center;
  }

  .trending-blog-right ul.blog-category-tag,
  .trending-blog-right .blog-post-date {
    justify-content: center;
  }

  .company-dtls-left h3 {
    margin-bottom: 30px;
  }

  .company-dtls-block {
    padding: 40px 30px;
  }

  .company-dtls-right h5 {
    margin: 0 0 10px;
  }

  .trending-blog-sec {
    padding-bottom: 90px;
  }

  .trending-blog-slider .slick-arrow.slick-prev {
    left: calc(50% - 55px);
  }

  .trending-blog-slider .slick-arrow.slick-next {
    right: calc(50% - 55px);
  }

  /*BLOG*/


  /* BLOG Details */
  .blog-turn-sec img {
    width: 90%;
    display: block;
    margin: 0 auto 20px;
  }

  .portfolio-card .portfolio-details {
    padding: 20px 0 30px;
  }

  .portfolio-card ul.portfolio-tags li {
    padding: 5px 18px;
  }

  /* BLOG Desails */


  /* Career details page */
  .career-details-ttl ul {
    flex-wrap: wrap;
  }

  .career-details-ttl ul li:not(:last-child) {
    margin-right: 40px;
  }

  /* Career details page */


  /* Modals */
  .modal-header h6 {
    margin: 0 0 30px;
  }

  .modal-content {
    padding: 60px 20px;
  }

  .modal-content .captha-div {
    margin: 0 0 20px;
  }

  .schedule-meeting-modal .modal-dialog {
    max-width: 500px;
  }

  /* Modals */

  .educational-lt {
    padding-right: 0;
    padding-bottom: 30px;
  }

  .accordion.agreements-accordion {
    max-width: 100%;
  }


  /* Career listing page */
  .flow-card-lst {
    margin-top: 25px;
    text-align: center;
  }

  .develop-card {
    height: inherit;
    padding: 30px 20px;
  }

  .develop-card a {
    position: relative;
    bottom: inherit;
  }

  .develop-card-cnt ul {
    margin: 0 0 30px;
  }

  .develop-card.blue-card {
    padding: 40px 20px;
  }

  .develop-card.blue-card h5 {
    max-width: 400px;
  }

  .development-sec .col-lg-4 {
    margin-top: 20px;
  }

  .develop-big-card {
    height: inherit;
    padding: 50px 20px;
  }

  .develop-big-card h4 {
    font-size: 30px;
    line-height: 1.2;
  }

  .develop-card-cnt {
    width: 100%;
  }

  /* Career listing page */


  /* Technology details page */
  .ios-app-dev-cnt {
    padding-bottom: 40px;
  }

  /* Technology details page */


  /* Hire dedicated resources page */
  .banner-spec-btm .spec-btm-lt {
    flex: 0 0 75%;
  }

  .service-first-text {
    max-width: 100%;
    margin-left: 0;
  }

  .service-dtls-sec1:before {
    bottom: 130px;
  }

  .hire-dedicated-card {
    margin-top: 30px;
  }

  /* .card-img-wrapper {padding-bottom: 80%;} */

  .card-wrapper-cnt {
    text-align: center;
  }

  /* Hire dedicated resources page */


  /* Contect page */
  .map-section iframe {
    height: 300px;
  }

  /* Contect page */


  /* Service Page */
  .service-card-left {
    padding: 30px 0 1px;
  }

  .service-card-row-count .row {
    flex-direction: column-reverse !important;
  }

  .service-card-right {
    padding: 0 0 63%;
  }

  /* Service Page */


  /* About Page */
  .service-dtls-sec1:before {
    display: none;
  }

  .service-first-text {
    margin-top: 20px;
    text-align: center;
  }

  .our-mission-section {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
    padding: 100px 0;
  }

  .ceo-block-wrap {
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
  }

  .ceo-block-wrap .ceo-details h6 {
    font-size: 30px;
  }

  .our-mission-text {
    text-align: center;
  }

  .our-mission-text img {
    max-width: 50px;
    margin: 0px 0 20px;
  }

  .awards-wraper-contain {
    flex-direction: column;
    max-width: 470px;
  }

  .awards-ban-head {
    padding: 0 30px;
  }

  /* About Page */


  /* Referral Program page */
  .referral-program-card {
    margin-bottom: 30px;
  }

  /* Referral Program page */


  /* Service Details Page */
  .mt-4 {
    margin-top: 0.5rem !important;
  }

  .service-second-img {
    padding: 12px;
  }

  .process-block-wrap {
    zoom: normal;
  }

  .process-block-wrap .process-img {
    display: none;
  }

  .process-block-wrap ul.process-img-data li {
    position: inherit;
  }

  .process-block-wrap ul.process-img-data {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }

  .process-block-wrap ul.process-img-data li {
    flex-basis: calc(50% - 10px);
    max-width: inherit;
    text-align: center;
    padding: 30px 20px;
    border-radius: 20px;
    background: var(--white);
    box-shadow: 10px 10px 50px 0px #E1E5F080;
  }

  .process-block-wrap ul.process-img-data li span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #FC5C7D;
    background-image: url(../images/gred-num.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 24px;
    font-weight: 900;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 15px;
  }

  .process-block-wrap ul.process-img-data li:nth-child(2) span {
    background-color: #9C75D0;
  }

  .process-block-wrap ul.process-img-data li:nth-child(3) span {
    background-color: #D7669E;
  }

  .process-block-wrap ul.process-img-data li:nth-child(4) span {
    background-color: #5C6EEA;
  }

  .process-block-wrap ul.process-img-data li h6 {
    max-width: inherit;
  }

  .service-tech-s-container .col-xl-2,
  .service-tech-lg-container .col-xl-2 {
    width: 33.33333333%;
  }

  /* Service Details Page */


  /* Our Process page */
  .mb-50 {
    margin-bottom: 30px;
  }

  .our-process.pt-50 {
    padding-top: 30px;
  }

  .our-process-tab .process-nav {
    width: 315px;
    padding-left: 10px;
  }

  .our-process-tab .process-nav .nav-link .processTab {
    width: calc(100% - 65px);
  }

  .our-process-tab .tab-content {
    width: calc(100% - 315px);
    padding: 20px;
    border-radius: 15px;
  }

  .process-tab-content h2 {
    margin-bottom: 20px;
  }

  .process-tab-content ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
  }

  .process-tab-content label {
    margin-bottom: 10px;
  }

  ul.process-content-tools li {
    padding: 15px;
    border-radius: 15px;
  }

  /* Our Process page */

  .tech-portfolio-sec:after {
    top: 380px;
  }

  .portfolio-details-sec:before {
    top: 6%;
  }



  /* footer Css */
  footer {
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
  }

  footer.common-padding {
    padding-top: 120px;
  }

  footer .footer-menu.ftr-logo-sec {
    max-width: 354px;
    margin: 0 auto 30px;
    text-align: center;
  }

  footer .footer-menu.ftr-logo-sec .subscribe-section {
    display: none;
  }

  footer .logo-box {
    max-width: 200px;
    margin: 0 auto 20px;
  }

  footer .col-lg-4:nth-child(2) .footer-menu {
    margin: 0 auto 30px;
    max-width: 250px;
  }

  footer .footer-menu .menu-footer-menu-container ul {
    max-width: 250px;
    margin: 0 auto;
  }

  footer .col-lg-4:nth-child(2) .footer-menu h6 {
    text-align: center;
  }

  footer .col-lg-4:nth-child(3) .footer-menu {
    max-width: 344px;
    margin: 0 auto;
    text-align: center;
  }

  footer .footer-menu ul li {
    margin-bottom: 20px;
    color: #C7C1C1;
  }

  footer .footer-menu ul li.ftrmail {
    justify-content: center;
  }

  footer .ftr-social-wrap {
    margin-top: 30px !important;
    justify-content: center;
  }

  footer .ftr-social-wrap label {
    display: none;
  }

  .subscribe-section {
    margin: 30px auto 0;
    flex-direction: column;
    text-align: center;
  }

  .footer-lst-menu .subscribe-section {
    display: block;
  }

  footer .footer-end .row {
    margin-top: 30px;
    border-top: 0;
    padding: 0;
  }

  footer .footer-end .copyright-text {
    gap: 20px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  footer .footer-end .copyright-text p {
    order: 2;
  }

  footer .footer-end ul {
    margin: 0;
    justify-content: center;
  }

  /* footer Css */

  /* ============ App Landing design page (Arundhati) ============ */

  .mobile-img img {
    width: 100%;
  }

  .mobile-app {
    margin-bottom: 30px;
  }

  .mobile-app-cnt {
    width: 100%;
    padding: 0 20px;
    max-width: 100%;
  }

  .grow-business-form {
    background-size: 30% auto, auto !important;
  }

  .grow-business-form .inner-form-holder p {
    position: relative;
    z-index: 1;
  }

  .grow-business-form .inner-form-holder h2::before {
    width: 80px;
    height: 80px;
  }

  .grow-business-form .inner-form-holder form {
    max-width: 430px;
  }

  .empowering-sliders .slick-arrow.slick-prev {
    left: -15px;
  }

  .empowering-sliders .slick-arrow.slick-next {
    right: -15px;
  }

  .what-customer-lt {
    padding: 30px;
    text-align: center;
    background-image: inherit !important;
  }

  .what-customer-lt::before {
    width: 100px;
    height: 100px;
    left: -15px;
    top: -40px;
  }

  .customer-slider-item {
    max-width: 100%;
    padding: 60px 0 80px;
  }

  .customer-slider-item .quotes {
    top: 25px;
  }

  .what-customer-slider .slick-arrow.slick-next {
    left: calc(50% - 0px);
  }

  .what-customer-slider .slick-arrow.slick-prev {
    left: calc(50% - 60px);
  }

  footer.landing-footer {
    padding-top: 60px;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .home-certified-ban ul li iframe {
    transform: scale(0.5);
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .hire-app-dev-box {
    padding: 50px 20px;
  }

  .app-details-hold {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .app-details-item {
    width: 48%;
    margin-top: 15px;
  }

  .app-details-item ul li h6 {
    display: block;
  }

  .app-details-fst {
    display: none;
  }

  .hire-app-dev-box .common-hdr {
    margin: 0 auto 35px;
  }

  .hire-mobile-development-sec .develop-card {
    padding: 30px 20px;
  }

  .hire-mobile-development-sec .abs-btm-part {
    position: static;
    bottom: inherit;
    padding: 0;
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .home-portfolio-section {
    background-position: center !important
  }

  .content-for-seo {
    margin-top: 30px;
  }

  .home-banner-form {
    max-width: 100%;
  }

  .landing-banner .home-certified-ban {
    display: none;
  }

  .landing-banner h1 {
    font-size: 40px;
  }

  .landing-banner::after {
    background: url(../images/mob-background-bg-circle.svg) no-repeat top center / cover;
    width: 100%;
    top: 80px;
  }

  .home-certified-ban-mob {
    display: block;
    padding: 50px 0;
    background: var(--white);
  }

  .home-certified-ban-mob .home-certified-ban p {
    color: #252432;
    text-align: center;
  }

  .home-certified-ban-mob .home-certified-ban ul {
    justify-content: center;
    margin: 0 auto;
  }

  .landing-banner .home-banner-head {
    text-align: center;
    max-width: 100%;
  }

  .landing-banner .home-banner-head p::before {
    display: none;
  }

  .form-heading {
    text-align: center;
  }

  .landing-banner .contact-form-wrap .form-group p {
    margin: 0;
  }

  .landing-banner .form-group.no-label label {
    display: none;
  }

  .landing-banner .form-btn-wrapper {
    display: block;
  }

  .landing-banner .form-btn-wrapper .btn-wrap img {
    display: none;
  }

  .landing-banner .form-btn-wrapper .btn-wrap input {
    width: 100%;
    margin: 20px 0 0;
  }

  .form-btn-wrapper .btn-wrap,
  .form-btn-wrapper .btn-wrap p {
    display: block;
  }

  .form-btn-wrapper .recaptcha iframe {
    transform: none;
  }

  .form-end-para {
    margin-top: 10px;
  }

  .mod-dev-service .slick-list {
    margin: 0 -10px;
  }

  .mod-dev-service .slick-slide {
    margin: 0 10px;
    padding-bottom: 20px;
  }

  .page-template-template-partstpl_landing_page_one-php .slick-arrow {
    bottom: -70px;
  }

  .page-template-template-partstpl_landing_page_one-php .slick-prev.slick-arrow {
    left: calc(50% - 30px);
  }

  .page-template-template-partstpl_landing_page_one-php .slick-next.slick-arrow {
    right: calc(50% - 35px);
  }

  .development-outer-box.common-card-style2 {
    padding: 20px;
  }

  .awards-recieved-sec {
    padding-top: 60px;
  }

  .awards-recieved-sec .recognition-mob-slider .slick-list.draggable {
    padding: 40px 50% 40px 0;
  }

  .why-choose-cnt {
    margin: 0 auto 30px;
    text-align: center;
    width: 100%;
  }

  .projects-slider {
    background: #ecf1fbb5;
    padding-top: 50px;
    padding-bottom: 90px !important;
  }

  .projects-slider::after {
    filter: blur(90px);
  }

  .what-our-client-say-sec {
    padding-bottom: 90px !important;
  }

  .technologies-tab-inner {
    padding: 50px 20px;
  }

  .landing-ftr-btm {
    display: block;
  }

  .footer-lt-content.footer-menu:not(.landing-ftr-btm) .ftr-social-wrap,
  .footer-lt-content.footer-menu:not(.landing-ftr-btm) .copyright-text {
    display: none;
  }

  footer.common-padding.landing-footer-new {
    padding: 50px 0;
  }

  .footer-lt-content.footer-menu ul.duns-cin-no {
    flex-direction: column;
    align-items: center;
  }

  .footer-lt-content.footer-menu ul.duns-cin-no li:last-child {
    list-style: none;
    margin: 0;
  }

  .footer-lt-content.footer-menu h2 {
    text-align: center;
  }

  footer .contact-form-wrap .form-group p {
    margin: 0;
  }

  .form-group.no-label label {
    display: none;
  }

  .form-btn-wrapper {
    display: block;
  }

  .form-btn-wrapper .btn-wrap img {
    display: none;
  }

  .form-btn-wrapper .btn-wrap input {
    width: 100%;
  }

  .footer-lt-content.footer-menu.landing-ftr-btm {
    margin: 0;
  }

  .footer-lt-content.footer-menu .copyright-text {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }

  .home-certified-ban-mob .home-certified-ban ul li iframe {
    transform: none;
    width: 110px;
  }

  .technologies-tab-inner ul {
    width: 100%;
    overflow-y: hidden;
  }

  .form-btn-wrapper .capcha {
    width: 100%;
  }

  .home-certified-ban ul li iframe {
    display: none;
  }

  .inner-banner-head-wrap h1 span.h3.sub_heading {
    margin: -15px auto 30px;
  }

}

@media only screen and (max-width:767px) {

  body {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 35px;
  }

  h3,
  .h3 {
    font-size: 26px;
  }

  h4,
  .h4 {
    font-size: 24px;
  }

  h5,
  .h5 {
    font-size: 20px;
  }

  h6,
  .h6 {
    font-size: 24px;
  }

  /* header CSS */
  .main-header {
    padding: 15px 0px 10px;
  }

  .header-sticky.main-header {
    max-width: 94% !important;
    padding: 8px 0;
    border-radius: 12px;
    top: 10px;
  }

  .main-header .logo>a {
    filter: invert(1);
    display: none;
  }

  .home .homepage-logo,
  .innerpage-logo {
    display: none;
  }

  .main-header .short-logo {
    display: block;
    max-width: 80px;
  }

  .home .main-header .short-logo {
    filter: invert(1);
  }

  header .user-sec .mob-hidden,
  .mob-hidden {
    display: none;
  }

  .desk-hidden,
  .mobile-connect-us {
    display: block;
  }

  .mobile-connect-us {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F8FF;
    border-radius: 50px;
  }

  .mobile-connect-us img {
    max-width: 24px;
  }

  /* header CSS */

  /*..............common styles..............*/
  .common-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .common-padding-top,
  footer.landing-footer {
    padding-top: 50px;
  }

  .common-padding-bottom {
    padding-bottom: 50px;
  }

  .common-small-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .common-card-style,
  .common-card-style2 {
    padding: 50px;
  }

  .industry-card-section .common-card-style .btn {
    bottom: 50px;
  }

  .container {
    max-width: 95%;
  }

  .btn,
  .btn.gradient {
    padding: 14px 30px;
  }

  /*..............common styles..............*/

  .home .recognition-section {
    padding-top: 50px;
  }

  /*HOME*/
  .home-banner-section {
    padding: 178px 0 57px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    overflow: hidden;
  }

  .home-banner-section:not(.landing-banner) h1 {
    font-size: 48px;
    text-align: center;
  }

  .home-banner-section:not(.landing-banner) h2 {
    font-size: 36px;
    max-width: 300px;
    text-align: center;
    margin: 0 auto 30px;
  }

  .home-banner-section h1:after {
    width: 90px;
    height: 38px;
    bottom: -38px;
    left: 51%;
  }

  .home-banner-section:not(.landing-banner) h2:after {
    display: none;
  }

  .home-banner-section .home-ban-btn {
    margin-bottom: 40px;
    flex-direction: column;
  }

  .home-banner-section .home-ban-btn a.btn {
    min-width: 200px;
    max-width: 200px;
    padding: 15px 20px;
  }

  .home-ban-scroller {
    bottom: -20px;
  }

  /* img.home-ban-overlay2 { display: none; }
  img.home-ban-overlay1 { top: inherit; bottom: -100px; width: 100%; transform: scale(1.5); } */

  .home-banner-section::after {
    background-image: url(../images/home-banner-overlay-mob.svg);
    background-size: cover;
  }

  .empowering_cell .btn {
    display: none;
  }

  /*-----------------*/
  .recognition-box {
    padding: 30px 10px;
  }

  /*-----------------*/

  /*-----------------*/
  .review-top,
  .review-bottom {
    display: none;
  }

  .com-review-card {
    padding: 0;
    text-align: center;
  }

  .com-review-card .com-review-body p {
    font-size: 16px;
  }

  .com-review-card .com-review-body img {
    max-width: 150px;
    height: 38px;
    margin: 0 auto 30px;
  }

  .com-review-card .com-review-dtls h6 {
    font-weight: 600;
  }

  .com-review-card .com-review-dtls {
    flex-direction: column;
    align-items: center;
  }

  .com-review-card .com-review-bottom {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .com-review-card .com-review-dtls span {
    margin: 0 auto;
  }

  .company-review-slider .slick-list.draggable {
    margin-bottom: 40px;
  }

  .company-review-slider .slick-dots {
    bottom: 0px;
    justify-content: center;
  }

  .com-review-card .review-google-logo .review-star {
    margin: 10px auto 0;
  }

  /*-----------------*/

  /*-----------------*/
  /* .home-portfolio-section { height: 150vh; clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%); } */
  .home-portfolio-section {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
  }

  .portfolio-sticky-text a.btn {
    padding: 12px 30px;
  }

  /*-----------------*/

  /*-----------------*/
  .work-process-head {
    justify-content: center;
  }

  .work-process-gif {
    max-width: 354px;
    margin: 0 auto;
  }

  /*-----------------*/

  /*-----------------*/
  .gradient-ban-block {
    padding: 50px 30px;
    border-radius: 0;
    margin: 0 -6%;
    background-image: url(../images/Circle2.svg);
    background-size: 235px;
    background-position: bottom right;
  }

  .gradient-ban-block h4 {
    margin: 0 auto 50px;
    font-size: 30px;
  }

  .home-portfolio-sticky>img {
    filter: blur(15px);
  }

  /*-----------------*/

  /*-----------------*/
  .technologies-tabs {
    width: calc(100% + 13px + 2.5%);
  }

  .technologies-icon-block {
    padding: 25px 0;
  }

  .technologies-icon-block:hover {
    background: transparent;
    box-shadow: none;
  }

  /*-----------------*/

  /*-----------------*/
  .spec-data-block {
    gap: 10px;
    flex-direction: column;
  }

  .spec-data-block .spec-dtls-block sup {
    font-size: 24px;
    top: -8px;
  }

  /*-----------------*/

  /*-----------------*/
  .blog-list-card {
    padding: 20px;
    margin-bottom: 20px;
    height: calc(100% - 20px);
  }

  .blog-list-img {
    padding: 0 0 55%;
  }

  .common-contect-section.common-padding-bottom::before {
    display: none;
  }

  .common-contect-dtls {
    text-align: center;
  }

  .common-contect-ul {
    text-align: left;
    margin: 20px 0;
  }

  .captha-div {
    margin: 20px 0 30px;
    text-align: center;
  }

  /*-----------------*/

  /*-----------------*/
  .home-certified-ban-bottom {
    padding-bottom: 20px;
  }

  .home-certified-ban p {
    color: var(--dark-gray);
    text-align: center;
    margin: 0 0 20px;
  }

  .home-certified-ban ul {
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    margin-bottom: 30px;
  }

  .home-certified-ban ul li {
    width: calc(33.33% - 14px);
    text-align: center;
  }

  .home-certified-ban ul li img {
    max-width: 100px;
  }

  /*-----------------*/

  /*-----------------*/
  .pt-5 {
    padding-top: 1.5rem !important;
  }

  .empowering-collapse {
    display: block;
  }

  /*-----------------*/

  /*-----------------*/
  .captha-div {
    text-align: center;
  }

  .common-input-wrap .btn {
    margin: 0 auto;
    display: block;
  }

  /*-----------------*/

  /*-----------------*/
  .recognition-section .container {
    max-width: 100%;
    padding: 0px 42px;
  }

  .recognition-box img.recognition-stars {
    display: initial;
  }

  .recognition-box {
    margin: 0;
    height: 100%;
    margin: 0 5px;
    background: #F5F8FF;
    box-shadow: 10px 10px 50px 0px #E1E5F080;
  }

  .recognition-mob-slider .slick-list.draggable {
    padding: 40px 30% 40px 0;
    margin: -40px 0;
  }

  .recognition-mob-slider {
    margin-right: calc(0px - 42px);
  }

  .recognition-mob-slider .slick-slide.slick-current.slick-active .recognition-box {
    box-shadow: none;
    background: var(--white);
  }

  /*-----------------*/
  /*HOME*/


  /* BLOG */
  .inner-banner-sec .container::before {
    width: 390px;
    height: 190px;
    margin-left: -120px;
  }

  .inner-banner-sec::after {
    height: 190px;
    top: -120px;
  }

  .inner-banner-sec .col-lg-5::before {
    width: 100%;
    height: 330px;
    right: 0;
  }

  .inner-banner-head-wrap h3 {
    line-height: 1.2;
  }

  .blog-list-img {
    border-radius: 15px;
  }

  .spec-subscribe-box {
    padding: 35px 20px;
    text-align: center;
  }

  .spec-subscribe-box .subscribe-input-2 {
    display: block;
  }

  .spec-subscribe-box .subscribe-input-2 .btn.btn-round {
    position: relative;
    margin: 10px 0 0;
    width: 100%;
  }

  .company-dtls-left {
    margin-bottom: 20px;
    text-align: center;
  }

  .company-dtls-right {
    position: relative;
    max-width: 560px;
    margin: 0 0 0 auto;
    text-align: center;
  }

  .company-dtls-right h5 small {
    margin: 5px 0 10px;
  }

  .company-dtls-right .office-country {
    justify-content: center;
  }

  .trending-blog-sec {
    padding-bottom: 80px;
  }

  /* BLOG */


  /* BLOG Details */
  .mt-50 {
    margin-top: 30px;
  }

  .blog-details-card {
    padding: 30px 0 0;
  }

  .blog-consult-box {
    padding: 30px 15px;
  }

  .blog-footer-sec {
    flex-direction: column;
    gap: 20px;
  }

  .blog-footer-sec .blog-nxt-prev,
  .blog-social-wrap {
    flex-direction: column;
  }

  .features-tech-card {
    padding: 30px 20px;
  }

  .portfolio-visuals-card {
    padding: 10px;
  }

  .common-contect-section.common-padding::before {
    display: none;
  }

  .portfolio-used-row {
    gap: 10px;
  }

  .portfolio-used-box {
    padding: 15px 15px;
    width: 100%;
  }

  .new-blog-detls-sec::before {
    display: none;
  }

  /* BLOG Details */


  /* Career listing page */
  .flow-crd {
    padding: 20px;
  }

  /* Career listing page */


  /* Career details page */
  .career-listing-wrapper {
    margin-top: 20px;
  }

  .career-details-ttl ul li:not(:last-child) {
    margin-right: 10px;
  }

  .career-listing-wrapper ul.career-listing-wrap {
    flex-wrap: wrap;
  }

  .career-listing-wrapper ul.career-listing-wrap>li {
    width: 100%;
  }

  .apply-wrap {
    margin-top: 30px;
  }

  /* Career details page */


  /* Technology listing page */
  .blue-card-img-holder {
    opacity: 0.4;
  }

  .develop-big-card h4 {
    font-size: 24px;
  }

  .company-dtls-left h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .company-dtls-right {
    max-width: 100%;
    margin-top: 10px;
  }

  /* Technology listing page */


  /* Hire dedicated resources page */
  .banner-spec-btm {
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-spec-btm .spec-btm-lt {
    flex: 0 0 100%;
  }

  .service-dtls-sec1:before {
    bottom: 30px;
  }

  .skilled-developer-sec p {
    padding-left: 0;
  }

  .hire-dedicated-card {
    padding: 60px 20px;
  }

  /* Hire dedicated resources page */


  /* Modals */
  .modal-header .btn-close {
    right: 5px;
    top: 5px;
  }

  .modal-content {
    padding: 40px 15px;
  }

  .schedule-meeting-modal .modal-content {
    padding: 60px 20px 20px;
    border-radius: 15px;
  }

  .schedule-meeting-modal button.btn-close {
    right: -10px;
    top: -50px;
  }

  /* Modals */


  /* BLOG */
  .company-dtls-block {
    padding: 40px 20px;
  }

  /* BLOG */


  /* Contect page */
  .map-text-section {
    gap: 0;
    margin: 40px auto 0;
    flex-direction: column;
    text-align: center;
  }

  /* Contect page */


  /* Service Page */
  .service-card-left .service-card-ul {
    margin: 0 0 30px;
    column-count: 1;
    padding-left: 20px;
  }

  .service-card-left .service-card-ul li {
    max-width: inherit;
  }

  .service-card-left p {
    margin-bottom: 20px;
  }

  /* Service Page */


  /* About Page */
  .our-mission-section {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
    padding: 50px 0;
  }

  .awards-wraper-contain {
    gap: 40px;
  }

  .awards-wraper-contain .awards-wraper-box {
    gap: 20px;
    flex-direction: column;
    text-align: center;
    padding: 0 30px;
  }

  /* About Page */


  /* portfolio Details */
  .portfolio-dtls-header {
    margin-bottom: 20px;
  }

  .portfolio-dtls-header * {
    margin: 0 0 10px;
  }

  .portfolio-dtls-header a {
    margin: 10px 0 0;
  }

  .tech-portfolio-sec .tab-pane .form-select,
  .case_studies_listing .form-select {
    width: 100%;
    transform: translateY(0);
    margin-top: -24px;
    margin-bottom: 15px;
  }

  .tech-portfolio-sec .tab-pane .portfolio-form .form-select:first-child,
  .case_studies_listing .case-tech-form .form-select:first-child {
    margin: 0 0 40px;
    width: 100%;
  }

  .portfolio-tab h5 {
    text-align: center;
  }

  /* portfolio Details */


  /* Service Details Page */
  .service-second-img {
    padding: 10px;
    border-radius: 15px;
  }

  .service-card-left {
    padding: 20px 0 1px;
  }

  .service-tech-used {
    border-radius: 14px;
    padding: 24px 9px;
  }

  .process-block-wrap ul.process-img-data li {
    flex-basis: 100%;
  }

  .service-faq-accordion .accordion-button {
    padding: 12px 15px;
    gap: 10px;
  }

  .common-hdr h6 {
    font-size: 20px;
  }

  /* .service-faq-accordion { height: 380px; } */
  .service-faq-accordion .accordion-body {
    padding: 6px 15px 15px;
  }

  /* .service-faq__blur-active { height: 40%; } */

  .click-to-btn {
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
    width: 300px;
  }

  .service-tech-s-container .col-xl-2,
  .service-tech-lg-container .col-xl-2 {
    width: 50%;
  }

  /* Service Details Page */


  /* Our Process page */
  .our-process-tab {
    display: none;
  }

  .op-accordion-wrap {
    display: flex;
    gap: 14px;
  }

  .our-process-accordion {
    display: block;
  }

  .op-accordion-wrap .op-accordion-num {
    width: 12%;
    min-width: 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .op-accordion-wrap .op-accordion-num .op-accordion-num-text {
    font-weight: 600;
    color: var(--gray);
    display: block;
    width: 20px;
    margin: 0;
    padding-top: 19px;
  }

  .op-accordion-wrap .op-accordion-num:after {
    position: absolute;
    content: '';
    width: 2px;
    background: #D5E8F1;
    height: 100%;
    right: 3px;
  }

  .our-process-accordion .op-accordion-wrap:first-child .op-accordion-num:after {
    top: 26px;
  }

  .our-process-accordion .op-accordion-wrap:last-child .op-accordion-num:after {
    bottom: 40px;
  }

  .op-accordion-wrap .accordion-item {
    width: 88%;
    background: white;
    border: none;
    margin-bottom: 12px;
    border-radius: 10px !important;
  }

  .op-accordion-wrap .accordion-item .accordion-button {
    background: #EBF9FF;
    padding: 10px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: none;
  }

  .op-accordion-wrap .accordion-item .accordion-button::after {
    width: 15px;
    height: 15px;
    background-size: contain;
  }

  .op-accordion-wrap .accordion-item .accordion-button span {
    color: var(--black);
    margin-left: 10px;
    font-weight: 500;
  }

  .op-accordion-wrap .accordion-item .op-accordion-icon {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 2px 2px 10px 0px #E5F3F9;
    padding: 9px;
  }

  .op-accordion-wrap .accordion-button.collapsed:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #00ADFE;
    border-radius: 50%;
    outline: 2px solid var(--white);
    left: -22px;
  }

  .op-accordion-wrap .accordion-button:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    outline: 2px solid #00ADFE;
    background: var(--white);
    border-radius: 50%;
    left: -22px;
  }

  .accordion-body.process-tab-content {
    padding: 10px;
  }

  .process-tab-content h2 {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .our-process-accordion h6 {
    font-weight: 500;
    color: var(--gray);
    margin: 0;
    margin-left: calc(12% + 20px);
    font-size: 20px;
    padding: 0 0 20px;
  }

  .our-process-accordion .op-accordion-phaseB h6 {
    margin: 0;
    padding: 20px 0 30px;
  }

  ul.process-content-tools li {
    padding: 5px 10px;
    border-radius: 15px;
    width: calc(50% - 5px);
  }

  ul.process-content-tools li img {
    max-width: none;
    width: 100%;
    border-radius: 15px;
  }

  .process-tab-content p {
    font-size: 14px;
  }

  .process-tab-content ul li {
    font-size: 14px;
  }

  .process-tab-content label {
    font-size: 14px;
  }

  ul.process-content-tools {
    padding: 0;
  }

  /* Our Process page */


  /* footer Css */
  footer {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
  }

  footer.common-padding {
    padding-top: 50px;
  }

  footer .footer-end ul li a {
    font-size: 15px;
  }

  footer .footer-menu ul li.ftrmail h6 {
    line-height: 1.2;
  }

  /* .subscribe-section { max-width: 354px; } */
  /* .subscribe-input { flex-direction: column;}
  .subscribe-input .btn.btn-round { position: relative; margin-top: 10px; } */
  /* footer Css */

  .tech-portfolio-sec:after {
    display: none;
  }

  .pagination-case-studies {
    padding: 30px 0 0;
  }

  .pagination-case-studies a {
    font-size: 12px;
  }

  .pagination-case-studies a img {
    margin-right: 5px;
    width: 22px;
  }

  .portfolio-details-sec:before {
    display: none;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  .landing-header-btn .mobile-connect-us img {
    max-width: 100%;
  }

  .mobile-app {
    display: none;
  }

  .grow-business-form {
    background: none !important;
  }

  .grow-business-form::after {
    border-radius: 15px;
  }

  .grow-business-form .inner-form-holder {
    padding: 30px 15px;
  }

  .grow-business-form .inner-form-holder h2::before {
    top: -10px;
    left: -10px;
  }

  .grow-business-form .inner-form-holder form {
    max-width: 100%;
  }

  .empowering-sliders .slick-list.draggable {
    padding: 0 10% 40px 0;
  }

  .what-customer-lt::before {
    display: none;
  }

  .lets-work-together .common-contect-ul {
    padding: 30px 20px;
  }

  .customer-slider-item {
    padding: 60px 20px 80px;
  }

  footer.landing-footer .footer-end .row .footer-end-ttl h5 {
    text-align: center;
    margin-bottom: 20px;
  }

  /* ============ App Landing design page (Arundhati) ============ */

  /* ============ Hire Mobile design page (Arundhati) ============ */

  .hire-mobile-app-sec .spec-btm-lt h6 {
    margin: 0 0 20px;
  }

  .app-details-item {
    width: 100%;
    margin: 15px 0 0;
  }

  .hire-app-dev-box {
    padding: 30px 15px;
  }

  .hire-app-dev-box .common-hdr {
    margin: 0 0 15px;
  }

  /* ============ Hire Mobile design page (Arundhati) ============ */

  /* .new-landing-header.header-sticky.main-header .logo { min-width: 90px; max-width: 90px; } */



  .new-landing-header.header-sticky.main-header .logo>a {
    display: none;
  }

  .new-landing-header .logo .short-logo {
    display: block;
  }

  .new-landing-header.header-sticky.main-header .logo {
    min-width: 60px;
    max-width: 60px;
  }

  .landing-banner {
    padding: 150px 0 50px;
  }

  .landing-banner h1 {
    font-size: 36px;
  }

  .landing-banner h1:after {
    width: 32px;
    height: 32px;
    bottom: 2px;
    left: inherit;
  }

  .landing-banner .home-banner-head p {
    font-size: 16px;
  }

  .why-choose-sec .spec-data-block .spec-dtls-block h6 {
    font-size: 18px;
  }

  .home-banner-form {
    padding: 30px 20px;
  }

  .client-review-item .com-review-body p {
    font-size: 18px;
    text-align: left;
  }

  .client-review-item .com-review-body img {
    max-width: 100px;
    height: 70px;
    margin: 0 0 -80px;
  }

  .client-review-item .com-review-card .com-review-dtls {
    flex-direction: row;
  }

  .client-review-item .com-review-card .com-review-bottom {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }

  /* ============= ZOHO FORM CSS ============= */

  .wf-field-item,
  .wf-field-item::placeholder {
    font-size: 14px !important;
  }

  /* ============= ZOHO FORM CSS ============= */

  .technologies-tabs-content .tab-pane .col-4 {
    width: 25%;
  }

  .empowering_cell,
  .empowering_cell.active {
    margin: 0 5px;
  }

  ul.blog-category-tag li:first-child {
    margin-left: 20px;
  }

  ul.blog-category-tag li:first-child::before {
    display: block;
  }

  .blog-dtls-header h1 {
    font-size: 32px;
  }

  .blog-content-box h3 {
    font-size: 26px;
  }

  .blog-content-box h2 {
    font-size: 30px;
  }

  .inner-banner-head-wrap h1 span.h3.sub_heading {
    font-size: 26px;
    padding: 22px 11px;
  }


}

@media only screen and (max-width:480px) {
  .technologies-tabs-content .tab-pane .col-4 {
    width: 33.3333%;
  }
}

@media only screen and (max-width:380px) {

  .common-card-style,
  .common-card-style2 {
    padding: 30px;
  }

  .industry-card-section .common-card-style .btn {
    bottom: 30px;
  }

  .recaptcha iframe {
    transform: scale(0.75);
    transform-origin: left;
  }
}

@media only screen and (max-width:359px) {

  .common-card-style,
  .common-card-style2 {
    padding: 20px;
  }

  .common-tech-box {
    padding: 20px;
  }

  .industry-card-section .common-card-style .btn {
    bottom: 20px;
  }

  /*..............common styles..............*/
  .btn,
  .btn.gradient {
    padding: 12px 30px;
  }

  .company-dtls-sec a.btn {
    padding: 12px 20px;
  }

  /*..............common styles..............*/

  /* Hire dedicated resources page */
  .empowering_cell {
    padding: 20px;
  }

  /* .card-img-wrapper { padding-bottom: 130%; } */
  /* Hire dedicated resources page */

  .op-accordion-wrap .accordion-item .accordion-button span {
    font-size: 14px;
  }

}

/* ========= Case Study Page ========= */
.portfolio_new .btn:not(.main-header .btn) {
  padding: 15px 47px;
}

.case-study-banner {
  padding-top: 40px;
}

.study-banner {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  overflow: hidden;
}

.study-banner::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 78%;
  height: 100%;
  background: linear-gradient(114deg, #A7E3FF -19.15%, rgba(189, 234, 255, 0) 82.97%);
  z-index: 2;
}

.study-banner .container {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
  display: flex;
  align-items: center;
}

.study-banner .case-study-desc {
  max-width: 690px;
  padding-block: 40px;
}

.case-study-desc h1 {
  font-weight: 700;
  color: var(--dark-gray);
  margin-bottom: 30px;
}

.case-study-desc h6 {
  color: #1A1921;
  margin-bottom: 30px;
}

.case-study-banner span img {
  transition: var(--common-transition);
}

.case-study-desc .blue:hover span img {
  filter: brightness(0);
}

.case-study-desc .btn.blue {
  text-transform: inherit;
}

.case-study-desc span {
  margin-right: 12px;
}

.case-study-desc ul {
  gap: 10px;
  list-style: none;
  padding: 30px 0 0;
  margin: 0;
}

.case-study-desc ul .app-store a,
.case-study-desc ul .app-store a:hover {
  border: none !important;
  background-color: var(--bs-white) !important;
  color: #333333 !important;
}

.case-study-desc ul .app-store-apple a,
.case-study-desc ul .app-store-apple a:hover {
  border: 1px solid var(--bs-white) !important;
  background-color: #333333 !important;
  color: var(--bs-white) !important;
}

.case-study-banner .pdf-btn {
  position: relative;
  z-index: 6;
  margin-top: -38px;
}

.case-study-banner .pdf-btn .btn {
  max-width: 275px;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border: 1px solid var(--bs-white);
  box-shadow: 0px 15px 30px 0px #0844B959;
  padding-inline: 40px;
}

.case-study-banner .pdf-btn .btn span {
  width: 30px;
  display: inline-block;
  margin-left: 10px;
}

.case-study-banner .pdf-btn .btn:hover span img {
  filter: brightness(0);
}

/* ============= */

.client-project-section {
  background-color: #F5F8FF;
}

.client-project-info {
  background-color: #FBFCFF;
  box-shadow: 10px 10px 50px 0px #E1E5F080;
  border-radius: 20px;
  height: 100%;
  padding: 30px 30px 40px;
}

.client-project-info .company-box {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.client-project-info .company-box .icon {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 1px solid #00ADFE;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-project-info h6 {
  margin-bottom: 10px;
}

.client-project-info .icon-desc {
  width: calc(100% - 75px);
  padding-left: 15px;
}

.client-project-info .icon-desc p {
  display: inline-block;
  font-weight: 600;
  color: #0755C4;
  background-color: #E5ECFF;
  border: 1px solid rgba(115, 153, 255, 0.2);
  border-radius: 30px;
  margin-bottom: 0;
  padding: 7px 15px;
}

.client-project-info ul li:not(:last-child) {
  margin-bottom: 15px;
}

.client-project-info ul li a span {
  margin-left: 10px;
}

.client-project-info ul li a img {
  filter: brightness(0) invert(1);
  transition: var(--common-transition);
}

.client-project-info ul li a:hover img {
  filter: inherit;
}

.client-project-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.client-project-section .we-used {
  background-image: url(https://assets.weaversweb.com/wp-content/uploads/2025/10/we-used-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.client-project-section .we-used .image {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background-color: #FBFCFF;
  border: 17px solid #e2f2fe;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-project-section .we-used .image img {
  width: 100px;
}

.client-project-section .we-used p {
  font-weight: 600;
  color: #252432;
  margin-bottom: 0;
}

.client-project-info .client-project-right-item:not(:last-child) {
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.client-project-info .client-project-right-item a {
  color: #41B0FE;
  display: flex;
  align-items: center;
}

.client-project-info .client-project-right-item a span {
  margin-left: 10px;
}

.client-project-info .client-project-right-item a:hover {
  color: var(--black);
}

.client-project-info .client-project-right-item a:hover img {
  filter: brightness(0);
}

.tools-technologies {
  background-image: linear-gradient(89.53deg, rgba(189, 228, 255, 0.2) 7.08%, rgba(218, 240, 255, 0.1) 55.14%, rgba(189, 228, 255, 0.2) 99.63%);
  border: 1px solid rgb(65 176 254 / 13%);
  border-radius: 25px;
  padding: 32px 85px;
  margin-top: 50px;
}

.tools-technologies p {
  color: #222222;
}

.tools-technologies p:last-of-type {
  margin-bottom: 0;
}

.client-pain-section {
  background-color: #F5F8FF;
}

/* .client-pain-item{ width: 20%;} */
.client-pain-item .client-pain-info {
  background-color: #FBFCFF;
  box-shadow: 0px 8px 10px 0px rgba(211, 215, 223, 0.2);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  height: 100%;
  border-radius: 20px;
  transition: var(--common-transition);
  border: 1px solid transparent;
  padding: 30px 20px;
}

.client-pain-item .client-pain-info:hover {
  box-shadow: 0px 10px 25px 0px rgba(211, 215, 223, 0.4);
  border-color: rgba(0, 0, 0, 0.08);

}

.client-pain-item img {
  height: 60px;
  margin-bottom: 80px;
  transition: var(--common-transition);
}

.client-pain-item h6 {
  font-weight: 600;
  transition: var(--common-transition);
  margin-bottom: 0;
}

.client-pain-item .client-pain-info:hover img {
  margin-bottom: 70px;
}

.client-pain-item .client-pain-info:hover h6 {
  margin-bottom: 10px;
}

/* .client-pain-row .slick-list{ margin: 0 -12px;} */
.client-pain-row .slick-track {
  display: flex !important;
  padding-bottom: 25px;
}

.client-pain-row .slick-list .slick-slide {
  height: auto !important;
  padding: 0 12px;
}

.client-pain-row .slick-list .slick-slide div {
  height: 100%;
}

.process-methodology-section {
  background-color: #F5F8FF;
}

.process-methodology-info {
  background: linear-gradient(150.04deg, rgba(0, 173, 254, 0) 50.75%, rgba(0, 173, 254, 0.3) 94.27%);
  padding: 1px;
  border-radius: 30px;
  box-shadow: -5px -4px 50px 0px rgba(211, 215, 223, 0.3);
  overflow: hidden;
  height: 100%;
}

.process-methodology-section .methodology-title {
  height: 100%;
  display: flex;
  align-items: center;
}

.process-methodology-info .process-methodology-item {
  height: 100%;
  background: radial-gradient(100.8% 104.01% at 82.3% 104.01%, rgba(212, 238, 255, 0.6) 0%, #F5F8FF 76.78%);
  border-radius: 30px;
  padding: 50px 30px 30px;
}

.process-methodology-item>img {
  margin-bottom: 30px;
}

.process-methodology-item a {
  min-width: 230px;
  ;
  padding-inline: 25px !important;
}

.process-methodology-item a span {
  margin-left: 10px;
}

.process-methodology-item a span img {
  filter: brightness(0) invert(1);
  transition: var(--common-transition);
  margin-bottom: 3px;
}

.process-methodology-item a:hover span img {
  filter: brightness(0);
}

.results-section {
  background-color: #F5F8FF;
  position: relative;
}

.results-section:before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: 1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  right: 2.5%;
  top: 40%;
}

.results-title h6 {
  line-height: 1.2;
  color: #0844B9;
  margin-bottom: 0;
}

.results-left-info .results-left-image {
  position: relative;
  padding-bottom: 63.8%;
  border-radius: 30px;
  overflow: hidden;
}

.results-left-info .results-left-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.results-right-info .impact-info {
  height: 100%;
  text-align: center;
  background: #FBFCFF;
  box-shadow: 0px 10px 25px 0px #D3D7DF66;
  border-radius: 20px;
  overflow: hidden;
  padding: 30px;
  transition: var(--common-transition);
  border: 1px solid transparent;
}

.results-right-info .impact-info:hover {
  box-shadow: 0px 10px 25px 0px #bfbfbf66;
  border-color: rgba(0, 0, 0, 0.1);
}

.results-right-info .impact-info img {
  margin-bottom: 30px;
}

.results-right-info .impact-info h6 {
  font-size: 20px;
  font-weight: 400;
  color: #252432;
  margin-bottom: 0;
}

.counter-holder {
  padding-top: 80px;
}

.counter-holder .improve-box {
  background-color: #F5F8FF;
}

.counter-holder ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  border-right: 2px solid var(--bs-white);
  width: 20%;
  background-color: rgba(128, 239, 243, 0.7);
  padding: 35px 30px;
}

.counter-holder ul li:nth-child(even) {
  background-color: #97FAFD;
}

.counter-holder ul li:first-child {
  border-radius: 20px 0 0 20px;
}

.counter-holder ul li:last-child {
  border-radius: 0 20px 20px 0;
  border-right: 0;
}

.counter-holder ul li h3 {
  font-size: 40px;
  display: flex;
  align-items: center;
}

.counter-holder ul li p {
  color: #222222;
  margin-bottom: 0;
}

.counter-holder .progress {
  height: 15px;
  background-color: var(--bs-white);
  box-shadow: 0px 4px 4px 0px #B8ECEEB2;
  border-radius: 50px;
  margin-top: 20px;
}

.counter-holder .progress .progress-bar {
  background-color: #00ADFE;
  border-radius: 50px;
}



.book-demo-holder {
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/10/demo-circle.svg');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #0045CA;
  border-radius: 20px;
  overflow: hidden;
  padding: 60px 100px;
  margin-top: 80px;
}

.book-demo-holder h3 {
  font-weight: 600;
  color: var(--bs-white);
  margin-bottom: 0;
}

.book-demo-holder a {
  border-color: var(--bs-white) !important;
  background-color: var(--bs-white);
  color: var(--black) !important;
}

.book-demo-holder a:hover {
  background-color: transparent !important;
  color: var(--bs-white) !important;
}

.mockup-section {
  background-color: #F5F8FF;
}

.mockup-big-text {
  padding-inline: 70px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.mockup-big-text h2 {
  font-size: 11.600vw;
  background: linear-gradient(to bottom, rgba(33, 185, 255, 0) 0%, rgba(125, 213, 255, 0.3) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mockup-section .section-title h3 {
  font-weight: 600;
  color: #252432;
}

.mockups-image {
  position: relative;
  overflow: hidden;
  border-radius: 20px;

  flex-grow: 1;

}

.mockups-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease 0s;

}

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


.book-demo-iamge {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}


.lit-method-image {
  position: relative;
  padding-bottom: 35%;
}

.lit-method-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lit-method-image:after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(17, 21, 23, 0.8) 0%, rgba(17, 21, 23, 0.6) 52.4%, rgba(17, 21, 23, 0.8) 100%);
  z-index: 2;
}

.lit-method-section .container {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 5;
}

.lit-method-section .method-image-desc {
  max-width: 1060px;
  margin: 0 auto;
}

.lit-method-section .method-image-desc h2 {
  color: var(--bs-white);
  margin-bottom: 0;
}

.industry-recog-right-info ul {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.industry-recog-right-info ul li {
  box-shadow: 0px 10px 25px 0px #D3D7DF66;
  background: #fff;
  padding: 20px 50px;
  border-radius: 20px;
}

.industry-recog-section {
  background: #f5f8ff;
}

.industry-recog-right-info ul li img {
  filter: grayscale(1);
  height: 22px;
  transition: var(--common-transition);
}

.industry-recog-right-info ul li:hover img {
  filter: inherit;
}

.provided-services-section {
  background: #F5F8FF;
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/10/business-solutions-top-img.svg');
  background-repeat: no-repeat;
  background-position: top left;
}

.provided-services-section:before {
  content: '';
  position: absolute;
  width: 290px;
  height: 290px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: 1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  right: 2.5%;
  top: 27%;
}

.prv-srvc-box {
  height: 100%;
  background-color: #FBFCFF;
  box-shadow: -10px 8px 10px 0px #ececec80;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  gap: 20px;
  transition: var(--common-transition);
}

.prv-srvc-box:hover {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: -10px 10px 25px 0px #D3D7DF80;
}

.prv-srvc-box .content-box {
  width: calc(100% - 90px);
  padding-left: 20px;
}

.prv-srvc-box .icon-box {
  width: 90px;
  height: 90px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prv-srvc-box h6 {
  width: calc(100% - 105px);
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

/* .prv-srvc-box .icon-box img {
  height: 55px;
} */

.business-solutions-info {
  background: linear-gradient(121.9deg, #59CAFF 0%, #0045CA 96.81%);
  border-radius: 20px;
  padding: 60px 100px;
  margin-bottom: -120px;
  position: relative;
  z-index: 4;
}

.business-solutions-desc h2 {
  color: var(--bs-white);
}

.business-solutions-desc ul li .border {
  background-color: transparent;
  border-color: 1px solid var(--bs-white);
}

.portfolio_new footer.common-padding {
  padding-top: 240px;
}

.portfolio-modal .modal-header {
  justify-content: center;
  padding-bottom: 20px;
}

.portfolio-modal .modal-footer {
  border: 0;
  justify-content: center;
}

.portfolio-modal .modal-content form {
  text-align: center;
}


@media only screen and (max-width:1698px) {
  .portfolio_new .btn:not(.main-header .btn) {
    padding: 15px 35px;
  }

  .study-banner .case-study-desc {
    max-width: 550px;
    padding-block: 40px;
    padding-inline: 40px;
  }

  .case-study-banner .pdf-btn {
    padding-left: 90px;
  }

  .process-methodology-item a {
    padding-inline: 15px !important;
  }

  .mockup-big-text {
    top: 10px;
  }

}

@media only screen and (max-width:1399px) {
  .case-study-desc h1 {
    margin-bottom: 20px;
  }

  .case-study-desc ul {
    padding: 20px 0 0;
  }

  .client-project-section .we-used .image {
    width: 140px;
    height: 140px;
    border: 10px solid #e2f2fe;
  }

  .client-project-section .we-used .image img {
    width: 80px;
  }

  .client-pain-item img {
    margin-bottom: 40px;
  }

  .process-methodology-item a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .business-solutions-info {
    margin-bottom: -90px;
    padding: 60px 40px;
  }

  .portfolio_new footer.common-padding {
    padding-top: 200px;
  }

  .process-methodology-item a span {
    width: 20px;
  }

  .mockup-big-text {
    padding-inline: 50px;
  }

}

@media only screen and (max-width:1199px) {
  .portfolio_new .btn:not(.main-header .btn) {
    padding: 15px 25px;
  }

  .study-banner::after {
    background: linear-gradient(114deg, #a7e3ff 50%, rgba(189, 234, 255, 0) 82.97%);
  }

  .client-project-info .company-box .icon {
    width: 60px;
    height: 60px;
  }

  .client-project-info .company-box .icon img {
    width: 30px;
  }

  .client-project-info .icon-desc {
    width: calc(100% - 60px);
  }

  .client-project-info {
    padding: 30px 20px 20px;
  }

  .client-pain-row {
    row-gap: 24px;
  }

  /* .client-pain-item { width: 33.333%; } */

  .results-right-info .impact-info {
    padding: 25px 20px;
  }

  .counter-holder ul li {
    padding: 25px 20px;
  }

  .counter-holder .progress {
    height: 10px;
  }

  .prv-srvc-box {
    padding: 15px;
  }

  .prv-srvc-box .icon-box {
    width: 65px;
    height: 65px;
    border-radius: 10px;
  }

  .prv-srvc-box h6 {
    width: calc(100% - 95px);
    font-size: 16px;
  }

  /*   .prv-srvc-box .icon-box img {
    height: 40px;
  } */

  .business-solutions-desc ul { flex-wrap: wrap; row-gap: 15px; }
.digi-service-overview.common-padding-bottom { margin-top: -63px; }

}

@media only screen and (max-width:991px) {
  .portfolio_new .btn:not(.main-header .btn) {
    padding: 13px 20px;
  }

  .mockups-image {
    padding-bottom: 50%;
  }

  .mockups-image img {
    position: absolute;
    inset: 0;
  }

  .case-study-banner {
    padding-top: 20px;
  }

  .study-banner .case-study-desc {
    max-width: 390px;
    padding-block: 30px;
    padding-inline: 20px;
  }

  .case-study-desc h1 {
    margin-bottom: 15px;
    font-size: 30px;
  }

  .case-study-banner .pdf-btn .btn {
    max-width: 205px;
  }

  .case-study-desc ul {
    padding: 15px 0 0;
  }

  .case-study-banner .pdf-btn {
    margin-top: -20px;
    padding-left: 40px;
  }

  .case-study-banner .pdf-btn .btn {
    font-size: 14px;
  }

  .case-study-banner .pdf-btn .btn span {
    width: 25px;
  }

  .client-project-wrap>h2 {
    text-align: center;
  }

  .client-project-section .we-used {
    padding-block: 40px;
  }

  .counter-holder ul li h3 {
    font-size: 35px;
  }

  .counter-holder ul li {
    padding: 20px 10px;
  }

  .book-demo-holder {
    text-align: center;
    padding: 40px 50px;
    margin-top: 60px;
  }

  .book-demo-holder .row .col-lg-4 {
    margin-top: 24px;
    text-align: center !important;
  }

  .mockups-info .row {
    margin-bottom: 0;
    row-gap: 24px;
  }

  .mockups-info .row h6 {
    margin-bottom: 0;
  }

  .industry-recog-section {
    text-align: center;
  }

  .industry-recog-right-info ul {
    justify-content: center;
  }

  .business-solutions-info .row .col-lg-6:first-child .business-solutions-desc {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media only screen and (max-width:767px) {
  .study-banner .case-study-desc {
    max-width: 100%;
  }

  .study-banner {
    display: flex;
    flex-direction: column-reverse;
  }

  .study-banner .container {
    position: static;
    transform: inherit;
  }

  .case-study-banner .pdf-btn {
    display: flex;
    justify-content: center;
    padding-left: 0;
  }

  .study-banner::after {
    display: none;
  }

  .results-section:before {
    width: 240px;
    height: 240px;
  }

  /* .client-pain-item { width: 50%;} */
  .counter-holder ul li {
    width: 50%;
    border-radius: 0;
  }

  .counter-holder ul li:last-child {
    width: 100%;
  }

  .counter-holder ul li {
    width: 50%;
    border: 2px solid #fff;
    border-radius: 15px !important;
  }

  .counter-holder .improve-box ul {
    justify-content: center;
  }

  .lit-method-image {
    padding-bottom: 47%;
  }

  .business-solutions-info {
    padding: 40px 30px;
  }

  .portfolio_new footer.common-padding {
    padding-top: 170px;
  }

  .mockup-big-text {
    padding-inline: 20px;
    top: 30px;
  }

  .book-demo-holder h3 {
    font-size: 30px;
  }

  .tools-technologies {
    padding: 30px 35px;
  }

  .client-pain-item img {
    height: 45px;
    margin-bottom: 30px;
  }

  .results-left-info h6 {
    font-size: 20px;
  }

  .counter-holder {
    padding-top: 60px;
  }

  .process-methodology-section .row {
    row-gap: 20px;
  }

  .provided-services-section .row {
    row-gap: 15px !important;
  }

  .industry-recog-right-info ul li {
    padding: 20px 30px;
  }

}

@media only screen and (max-width:479px) {
  .study-banner {
    border-radius: 20px;
  }

  .study-banner .case-study-desc {
    padding-inline: 0;
  }

  .study-banner .case-study-desc a {
    padding: 9px 12px !important;
  }

  .study-banner .case-study-desc a img {
    height: 18px;
  }

  .case-study-desc h6 {
    margin-bottom: 15px;
  }

  .client-project-info ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* .client-pain-item { width: 100%;} */
  .book-demo-holder {
    padding: 30px 30px;
  }

  .mockup-big-text {
    padding-inline: 0;
  }

  .lit-method-image {
    padding-bottom: 66%;
  }

  .business-solutions-info {
    padding: 30px 20px;
  }

  .industry-recog-right-info ul li {
    width: 46%;
  }

  .client-project-info h6 {
    font-size: 18px;
  }
.digi-service-overview.common-padding-bottom { margin-top: 20px; }


}

.business-solutions-desc p {
  color: #fff;
}

/* ======= New Landing page =======*/
.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php.fixed-gap {
  margin-top: 0 !important;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
  font-size: 70px;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .landing-header {
  display: none;
}

@media only screen and (min-width: 1699px) {
  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .container {
    max-width: 1674px !important;
  }
}

/* ============ Landing Banner ============= */
.man-image {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 55%;
}

.man-image img {
  width: auto;
  height: 100%;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .form-control {
  background-color: #F4F7FF;
  border: 1px solid rgba(179, 196, 210, 20%);
  border-radius: 15px;
  height: 55px;
  padding: 12px 19px;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php select {
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/dwon-arrow-1.svg');
  background-position: 97%;
  background-size: 16px;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php label {
  color: #4A4A4A;
  padding-bottom: 20px;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php textarea {
  resize: none;
  height: 106px !important;
}

.smart-landing-header .landing-header-btn ul li a {
  font-size: 22px;
  color: var(--bs-white);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 12px 60px 12px 10px;
}

.smart-landing-header .landing-header-btn ul li .btn {
  background: linear-gradient(90deg, #9403FD 0%, #00ADFE 100%);
  border: 0;
}

.smart-landing-header .landing-header-btn ul li span {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--primary);
}

.smart-landing-header .landing-header-btn ul li a img {
  margin: 0;
}

.smart-landing-header .user-sec ul li {
  margin-left: 30px;
}

.smart-landing-header .user-sec ul li:last-child a:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/new-landing-btn-right-arrow.svg');
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}

.smart-landing-header .user-sec ul li:last-child a span {
  background-color: var(--bs-white);
}

.smart-landing-header .user-sec ul li:last-child a:hover:after {
  filter: brightness(0);
}

.smart-landing-header .user-sec ul li:last-child a:hover span {
  background-color: var(--bs-black);
}

.smart-landing-header .user-sec ul li:last-child a:hover span img {
  filter: brightness(0) invert(1);
}

.header-sticky.smart-landing-header .landing-header-btn ul li:first-child a {
  color: #09548b;
}

.header-sticky.smart-landing-header .user-sec ul li a.btn {
  padding: 12px 60px 12px 10px;
}

.smart-landing-banner {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

.smart-landing-banner h1 {
  color: var(--bs-white);
}

.smart-landing-banner .btn {
  background: var(--primary);
  padding: 15px 47px;
}

.smart-landing-banner .certified-logo h6 {
  color: var(--bs-white);
}

.smart-landing-banner .certified-logo ul {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.smart-landing-banner .lasnding-review-info ul {
  display: flex;
  justify-content: center;
  column-gap: 38px;
  row-gap: 15px;
  background-color: var(--bs-white);
  border-radius: 19px;
  padding: 37px 35px;
}

.solution-services {
  max-width: 700px;
  background-color: var(--bs-white);
  border-radius: 20px;
  padding: 45px;
}

.solution-services .form-title h6 {
  font-weight: 700;
}

.solution-services .submit {
  border-color: var(--primary);
}

/* ============ Landing Banner End ============= */

/* ============ landing-case-studies ============= */
.landing-case-studies {
  background-color: #F5F8FF;
}

.landing-blog-list-slider .slick-list {
  margin: 0 -20px;
}

.landing-blog-list-slider .slick-list .slick-slide {
  padding: 0 20px;
}

.landing-blog-list-slider .blog-list-card {
  box-shadow: none;
  border-radius: 25px;
  padding: 0;
  margin-bottom: 0;
}

.landing-blog-list-slider .blog-list-card a {
  display: block;
  padding: 20px;
}

.landing-blog-list-slider .blog-list-img {
  padding: 0 0 69%;
}

.landing-blog-list-slider .blog-list-desc p {
  color: #656565;
}

.landing-blog-list-slider .slick-arrow {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid #222222;
  background-color: var(--bs-white);
  z-index: 4;
  transition: var(--common-transition);
}

.landing-blog-list-slider .slick-arrow::before {
  width: 23px;
  height: 14px;
  content: '';
  background-repeat: no-repeat !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  transition: var(--common-transition);
}

.landing-blog-list-slider .slick-arrow:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}

.landing-blog-list-slider .slick-arrow:hover::before {
  filter: brightness(0) invert(1);
}

.landing-blog-list-slider .slick-prev {
  left: -5px;
}

.landing-blog-list-slider .slick-next {
  right: -5px;
}

.landing-blog-list-slider .slick-prev::before {
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/case-left-arrow.svg');
}

.landing-blog-list-slider .slick-next::before {
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/case-right-arrow.svg');
}

.landing-blog-list-slider .slick-next,
.landing-blog-list-slider .slick-prev {
  top: 39%;
}

/* ============ landing-case-studies End ============= */

/* ============ landing-work-process ============= */
.landing-work-process {
  background-color: #E9F4FF;
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/10/business-solutions-top-img.svg');
  background-repeat: no-repeat;
  background-position: top left;
}

.landing-work-process .btn {
  background: var(--primary);
}

.landing-work-process .row.pt-5 {
  padding-top: 60px !important;
}

/* ============ landing-work-process End============= */

/* ============ Your-Trust ============= */
.your-trust-logo-slider .slick-list {
  padding: 0 -35px;
}

.your-trust-logo-slider .slick-list .slick-slide {
  padding: 0 35px;
}

.your-trust-logo-slider .slick-track {
  display: flex !important;
  align-items: center;
}

.your-trust-logo-slider .slick-track .slick-slide {
  height: inherit !important;
}

/* ============ Your-Trust End ============= */

/* ============ landing-testimonial-section ============= */
.landing-testimonial-section {
  background-color: var(--secondary);
}

.landing-testimonial-section .common-hdr :is(h2, p) {
  color: var(--bs-white);
}

.landing-testimonial-slider .slick-list {
  margin: 0 -12px;
  padding: 30px 120px !important;
}

.landing-testimonial-slider .slick-list .slick-slide {
  padding: 0 12px;
}

.landing-testimonial-slider .slick-list .slick-slide.slick-center>div {
  transform: scale(1.1);
  padding-inline: 25px !important;
}

.landing-testimonial-slider .slick-track {
  display: flex !important;
  align-items: center;
}

.landing-testimonial-slider .slick-track .slick-slide {
  height: inherit !important;
}

.landing-testimonial-slider .item {
  background-color: rgba(251, 252, 255, 0.1);
  border-radius: 30px;
  padding: 30px;
  transition: var(--common-transition);
}

.landing-testimonial-slider .item p {
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  transition: var(--common-transition);
}

.landing-testimonial-slider .user-info {
  display: flex;
  align-items: center;
}

.landing-testimonial-slider .user-info .image {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
}

.landing-testimonial-slider .user-info .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.landing-testimonial-slider .user-info .image-desc {
  width: calc(100% - 58px);
  padding-left: 11px;
}

.landing-testimonial-slider .user-info .image-desc .text {
  width: calc(100% - 40px);
  padding-right: 10px;
}

.landing-testimonial-slider .user-info .image-desc h6 {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
  transition: var(--common-transition);
}

.landing-testimonial-slider .user-info .image-desc p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  transition: var(--common-transition);
  margin-bottom: 0;
}

.landing-testimonial-slider .user-info .image-desc .quote-icon {
  margin-top: -10px;
  width: 40px;
}

.landing-testimonial-slider .slick-center .item {
  background-color: #FBFCFF;
}

.landing-testimonial-slider .slick-center .item :is(h6, p) {
  color: #222222;
}

/* ============ landing-testimonial-section End ============= */

/* ============ Landing-Why-Choose-Us ============= */
.landing-why-choose-us-sec {
  background-color: #F5F8FF;
  padding-block: 200px;
}

.landing-cunter-info .row {
  row-gap: 24px;
}

.landing-cunter-info .spec-data-block {
  background-color: #EAF0FC;
  border-radius: 40px;
  padding: 40px;
  margin-bottom: 0;
  transition: var(--common-transition);
}

.landing-cunter-info .spec-data-block:hover {
  background-color: var(--secondary);
}

.landing-cunter-info .spec-data-block .spec-dtls-block h2 {
  color: #0045CA;
  margin-bottom: 20px;
}

.landing-cunter-info .spec-data-block .spec-dtls-block p {
  color: #252432;
}

.landing-cunter-info .spec-data-block:hover .spec-dtls-block :is(h2, p) {
  color: var(--bs-white);
}

.landing-why-choose-us-sec .man-work-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36%;
}

/* ============ Landing-Why-Choose-Us End ============= */

/* ============ landing-diverse-section ============= */
.landing-diverse-section {
  background-color: #E9F4FF;
  padding-block: 50px;
}

.landing-diverse-info {
  border-radius: 20px;
}

.landing-diverse-slider .slick-list {
  margin: 0 -12px;
  padding-right: 20%;
}

.landing-diverse-slider .slick-list .slick-slide {
  padding: 0 12px;
}

.landing-diverse-info .image {
  position: relative;
  padding-bottom: 91%;
  border-radius: 20px;
  overflow: hidden;
}

.landing-diverse-info .image:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(16, 17, 25, 0) 39.56%, rgba(16, 17, 25, 0.8) 100%);
}

.landing-diverse-info .image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.landing-diverse-info .image-desc {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: var(--bs-white);
  padding: 40px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: var(--common-transition);
  border-radius: 18px;
  overflow: hidden;
}

.landing-diverse-info .image-desc .icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #E9F4FF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.landing-diverse-info .image-desc h5 {
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 0;
  transition: var(--common-transition);
}

.landing-diverse-info:hover .image-desc {
  background-color: transparent;
}

.landing-diverse-info:hover .image-desc h5 {
  color: var(--bs-white);
}

.landing-diverse-info:hover .image-desc .icon {
  opacity: 0;
}

.landing-diverse-section .landing-diverse-slider {
  width: calc(100vw - 36vw);
}

/* ============ landing-diverse-section End ============= */

/* ============ landing-asked-questions-section ============= */
.landing-asked-questions:before {
  content: '';
  position: absolute;
  width: 290px;
  height: 290px;
  background-image: url(../images/round-o2.svg);
  background-position: center;
  background-size: contain;
  z-index: 1;
  -webkit-animation: spin1 6s linear infinite;
  animation: spin1 6s linear infinite;
  left: 33%;
  top: 13%;
}

.landing-asked-questions .common-hdr {
  max-width: 570px;
}

.landing-asked-accordion {
  margin-top: 40px;
  border-radius: 40px;
  box-shadow: 0px 4px 74px 0px #0045CA1A;
  background-color: var(--bs-white);
  padding: 40px;
}

.landing-asked-accordion .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}

.landing-asked-accordion .accordion-item {
  border: 1px solid rgba(174, 174, 174, 0.6);
  border-radius: 20px;
  background-color: var(--bs-white);
  overflow: hidden;
}

.landing-asked-accordion .accordion-item .accordion-button {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  background: none;
  box-shadow: none;
  padding: 20px 30px;
  gap: 5px;
}

.landing-asked-accordion .accordion-button::after {
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/dwon-arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.landing-asked-accordion .accordion-body {
  padding: 0 65px 20px 30px;
}

.landing-asked-accordion .accordion-body p {
  color: #6B6B6B;
}

.landing-asked-accordion .accordion-body p:last-child {
  margin-bottom: 0;
}

.landing-get-in-touch {
  position: relative;
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/Circle.svg');
  background-repeat: no-repeat;
  background-position: 0px -30%;
  background-color: var(--bs-white);
  box-shadow: 0px 4px 74px 0px #0045CA1A;
  border-radius: 40px;
  padding: 80px;
  overflow: hidden;
  margin-bottom: -120px;
}

.landing-get-in-touch:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 80%;
  background-image: url('https://assets.weaversweb.com/wp-content/uploads/2025/11/get-bg.svg');
  background-repeat: no-repeat;
  z-index: 1;
}

.landing-get-in-touch .btn {
  background-color: var(--primary);
  border-color: var(--primary);
  padding: 15px 47px;
}

.landing-get-in-touch .common-hdr {
  max-width: 500px;
}

.landing-get-in-touch .common-hdr h2 {
  max-width: 330px;
}

/* ============ landing-asked-questions-section End============= */

/* ============ landing-ftr-new ============= */
.landing-ftr-new {
  display: block !important;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer,
.page-template-template-partstpl_landingDigitalSolutions-php footer {
  display: none;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .ftr-social-wrap label,
.page-template-template-partstpl_landingDigitalSolutions-php .ftr-social-wrap label {
  padding-bottom: 0;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-menu ul li.ftrmail h6,
.page-template-template-partstpl_landingDigitalSolutions-php footer .footer-menu ul li.ftrmail h6 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-menu ul li.ftrmail h6 a,
.page-template-template-partstpl_landingDigitalSolutions-php footer .footer-menu ul li.ftrmail h6 a {
  line-height: 1.4;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .ftr-logo-sec,
.page-template-template-partstpl_landingDigitalSolutions-php .ftr-logo-sec {
  margin-top: 0;
}

.page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .col-lg-4 .footer-menu .menu-footer-menu-container p,
.page-template-template-partstpl_landingDigitalSolutions-php footer .col-lg-4 .footer-menu .menu-footer-menu-container p {
  color: #C7C1C1;
}

.footer-sticky-icons {
  position: fixed;
  bottom: 80px;
  right: 50px;
  z-index: 9;
}

.footer-sticky-icons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-sticky-icons ul li {
  padding: 5px 0;
}

.footer-sticky-icons ul li a {
  display: inline-flex;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}



/* ============ landing-ftr-new End ============= */


/* ============ landing-digital-solution start ============= */
body.page-template-tpl_landingDigitalSolutions {
  background: rgba(246, 249, 255, 1);
  overflow: visible;
}

body.page-template-tpl_landingDigitalSolutions header.main-header.landing-header,
body.page-template-tpl_landingDigitalSolutions header.main-header.smart-landing-header {
  display: none;
}

header.main-header.landing-digital-sol-hdr {
  position: fixed;
}

.landing-header-container {
  display: flex;
  align-items: center;
}

ul.landing-digi-sol-menu {
  display: flex;
  list-style: none;
  margin: 0 auto;
}

.container.landing-header-container {
  max-width: 90% !important;
  margin: 0 auto;
}

.main-menu ul li {
  margin: 0 15px !important;
}

.main-menu ul li a::before {
  width: 0 !important;
}
ul.landing-digi-sol-menu li.current-menu-item.menu-item a {
    color: var(--primary) !important;
}


.landing-inner-sec { position: relative; background: rgba(246, 249, 255, 1); z-index: -2; overflow: hidden; }
.landing-inner-sec::before { content: ''; position: absolute; background: url(../images/digi-sol-bnr-wheel-left.png) no-repeat top center; background-size: contain; width: 588px; height: 588px; z-index: -1; pointer-events: none; top: -31px; left: -128px; }
.landing-inner-sec::after { content: ''; position: absolute; background: url(../images/digi-sol-bnr-wheel-right.png) no-repeat top right; background-size: contain; top: 0px; width: 433px; height: 438px; right: 0; z-index: -1; pointer-events: none; }

.landing-inner-bnr-cont { max-width: 1000px; margin: 0 auto; text-align: center; padding: 180px 0 200px; position: relative; z-index: 1;overflow: hidden; }
.landing-inner-bnr-cont:after { content: ''; position: absolute; background: url(../images/digi-sol-back.png) no-repeat center top; background-size: contain; width: 759px; height: 874px; z-index: -1; pointer-events: none; top: 0; left: 0; right: 0; margin: 0 auto; opacity: 0.7; }
.landing-inner-bnr-cont::before { content: ''; position: absolute; background: linear-gradient(332.9deg, #91D4FF 38.93%, #0045CA 117.1%); z-index: -1; left: 0; right: 0; margin: 0 auto; width: 85%; height: 100%; opacity: 0.15; filter: blur(49px); }
.landing-inner-bnr-cont p { max-width: 648px; margin: 0 auto; color: #000; }



.digi-service-overview.common-padding-bottom { margin-top: -83px; }
.digi-service-form-wrap button.btn { padding: 11px 40px; margin-top: 12px; }
.digi-service-form-wrap { padding: 25px; background: #FFF; position: sticky; top: 110px; }

.digi-service-form-wrap form.row .col-12 { margin-bottom: 10px; }

.digi-service-form-wrap form.row .col-12 .form-group input {
  height: 38px;
}

.digi-service-form-wrap form.row .col-12 .form-group select {
  height: 38px;
  padding: 0 29px;
}

.digi-service-form-wrap form.row .col-12 label {
  color: #000;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 14px;
}

.digi-service-form-wrap h4 {
  font-size: 32px;
}

.digi-service-form-wrap h4 span {
  color: var(--primary);
}

.digi-service-form-wrap h4,
.digi-service-form-wrap p {
  margin-bottom: 10px;
}

.digi-service-form-wrap p {
  color: #000;
}


.digi-service-form-wrap input::-moz-placeholder,
.form-control::-moz-placeholder {
  font-size: 14px;
}

.digi-service-form-wrap input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  font-size: 14px;
}

.digi-service-form-wrap input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  font-size: 14px;
}


span.digi-service-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  border-radius: 50%;
}

span.digi-service-heading {
  width: calc(100% - 130px);
  max-width: 574px;
  margin: 0 auto;
}

.service-overview-wrap .accordion-button .accor-arrow-btn {
  background-color: rgba(170, 170, 170, 1);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-overview-wrap .accordion-button:not(.collapsed) .accor-arrow-btn {
  background-color: var(--primary);
}

.service-overview-wrap .accordion-button:not(.collapsed) .accor-arrow-btn img {
  filter: invert(1);
  transform: rotate(-180deg);
}

.service-overview-wrap .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; color: #fff; padding-bottom: 0; }

.service-overview-wrap .accordion-button:not(.collapsed) h4 {
  color: #fff;
}

.service-overview-wrap .accordion-item {
  background-image: url(../images/acor-back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}


.service-overview-wrap .accordion-button:not(.collapsed)::after {
  display: none;
}

.service-overview-wrap .accordion-button::after {
  display: none;
}

.service-overview-wrap .accordion-button {
  padding: 40px;
}

.service-overview-wrap .accordion-button:not(.collapsed) span.digi-service-icon {
  border: 2px solid #fff;
}

.service-overview-wrap .accordion-button:not(.collapsed) span.digi-service-icon img {
  filter: invert(1);
}

.service-overview-wrap .accordion-body ul li {
  width: 50%;
  color: #fff;
}

.service-overview-wrap .accordion-body ul {
  display: flex;
  flex-wrap: wrap;
}

.service-overview-accord-inner-wrap { border-top: 0.5px solid #FFFFFF; margin: 0 30px; }
.service-overview-accord-inner-wrap ul { max-width: 622px; margin: 30px auto 0; padding-bottom: 20px; }
.submit-application-btn { max-width: 622px; margin: 0 auto; }
.submit-application-btn .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.company-dtls-left a.btn { padding: 15px 47px; }
.accordion-button:focus { z-index: 3; border-color: transparent; outline: 0; box-shadow: none; }

.submit-application-btn a.btn {
  background-color: var(--white);
  color: var(--black) !important;
}

.service-overview-wrap .accordion-item { border-left: 0; border-right: 0; }
.office-country span { display: flex; align-items: center; gap: 12px; margin-right: 12px; }

body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header .container.landing-header-container { max-width: 100% !important; justify-content: space-between; }
body.page-template-tpl_landingDigitalSolutions .main-header .container.landing-header-container { max-width: 95% !important; justify-content: space-between; }

body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header { max-width: 95% !important; }
body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header .logo .innerpage-logo a { display: block; width: 130px; }
body.page-template-tpl_landingDigitalSolutions .header-sticky .innerpage-logo { display: block; }
body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header .main-menu ul li { margin: 0 8px !important; }
body.page-template-tpl_landingDigitalSolutions .main-header .hdr-rt { width: calc(100% - 100px); justify-content: center; display: flex; }
body.page-template-tpl_landingDigitalSolutions .accordion-item:first-of-type .accordion-button,
body.page-template-tpl_landingDigitalSolutions .body.page-template-tpl_landingDigitalSolutions .accordion-item:last-of-type .accordion-button.collapsed { border-top-left-radius: 0; border-top-right-radius: 0; }
body.page-template-tpl_landingDigitalSolutions .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.landing-recognition-corner-sec { overflow: hidden; }

.digi-service-form-wrap form .col-12 { position: relative; }
.wpcf7-spinner { position: absolute !important; top: 50%; transform: translateY(-50%); }

.body-sticky-mobile{display: none;}
.body-sticky-mobile a.btn { padding: 20px 12px; font-size: 14px; border-radius: 0 20px 20px 0; }
.company-dtls-right .office-contect p { margin-bottom: 30px; }

.digi-service-form-wrap .btn:first-child:active{background-color: var(--black);}
/* ============ landing-digital-solution end ============= */



/* ============ Responsive ============ */

@media only screen and (max-width: 1699px) {
  .smart-landing-header .landing-header-btn ul li .btn {
    padding: 12px 50px 12px 10px !important;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
    font-size: 60px;
  }

  .solution-services {
    max-width: 570px;
  }

}

@media only screen and (max-width: 1599px) {
  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
    font-size: 55px;
  }

  .man-image {
    height: 40%;
  }

  .smart-landing-banner .lasnding-review-info ul {
    column-gap: 24px;
  }

  .smart-landing-banner .lasnding-review-info ul li {
    width: 90px;
  }

  .smart-landing-banner .container {
    padding-top: 80px;
  }

  .smart-landing-header .landing-header-btn ul li a {
    font-size: 18px;
  }

  .smart-landing-header .landing-header-btn ul li .btn {
    padding: 8px 50px 8px 10px !important;
  }

  .smart-landing-header .landing-header-btn ul li span {
    width: 45px;
    height: 45px;
  }

  .smart-landing-header .landing-header-btn ul li a img {
    width: 20px;
  }

  .landing-cunter-info .spec-data-block {
    border-radius: 15px;
  }

  .landing-why-choose-us-sec {
    padding-block: 100px;
  }

  .landing-testimonial-slider .slick-list .slick-slide.slick-center>div {
    padding-inline: 20px !important;
  }

  .landing-testimonial-slider .slick-list {
    margin: 0;
    padding: 30px 40px !important;
  }

  .landing-diverse-info .image-desc {
    padding: 30px 20px;
  }

  .landing-diverse-info .image-desc h5 {
    font-size: 22px;
  }

  .landing-diverse-info .image-desc .icon {
    width: 60px;
    height: 60px;
  }

  .landing-diverse-info .image-desc .icon img {
    height: 30px;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li {
    margin: 0 10px !important;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li a {
    padding: 0 !important;
    font-size: 13px !important;
  }

  body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header .logo .innerpage-logo a {
    width: 100px;
  }

  span.digi-service-icon,
  .service-overview-wrap .accordion-button .accor-arrow-btn {
    width: 50px;
    height: 50px;
  }

  .service-overview-wrap .accordion-button span.digi-service-icon img {
    width: 26px;
  }

  span.digi-service-heading {
    width: calc(100% - 100px);
    max-width: inherit;
    margin: 0 20px;
  }

  .service-overview-wrap .accordion-button .accor-arrow-btn img {
    width: 14px;
  }

  .submit-application-btn a.btn {
    padding: 14px 20px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1399px) {
  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
    font-size: 45px;
  }

  .man-image {
    display: none;
  }

  .solution-services {
    padding: 20px;
  }

  .smart-landing-banner .certified-logo ul {
    gap: 18px !important;
    padding-bottom: 25px;
  }

  .smart-landing-banner .certified-logo ul li {
    width: 90px;
  }

  .landing-blog-list-slider .slick-arrow {
    width: 55px;
    height: 55px;
  }

  .landing-blog-list-slider .slick-list {
    margin: 0 -12px;
  }

  .landing-blog-list-slider .slick-list .slick-slide {
    padding: 0 12px;
  }

  .landing-diverse-slider .slick-list {
    padding-right: 12%;
  }

  .landing-testimonial-slider .item {
    border-radius: 20px;
    padding: 20px;
  }

  .landing-testimonial-slider .slick-list .slick-slide.slick-center>div {
    padding-inline: 14px !important;
  }

  .landing-testimonial-slider .user-info .image-desc .quote-icon {
    width: 25px;
  }

  .landing-testimonial-slider .user-info .image-desc .text {
    width: calc(100% - 25px);
  }

  .landing-why-choose-us-sec {
    padding-block: 80px;
  }

  .landing-diverse-info .image-desc {
    padding: 15px 12px;
  }

  .landing-asked-accordion {
    border-radius: 20px;
    padding: 20px;
  }

  .landing-asked-questions:before {
    top: 4%;
  }

  .landing-asked-accordion .accordion-item .accordion-button {
    font-size: 20px;
  }

  .landing-asked-accordion .accordion-button::after {
    width: 30px;
    height: 30px;
    background-size: 12px;
  }

  .landing-get-in-touch {
    border-radius: 30px;
    padding: 50px;
    margin-bottom: -90px;
  }

  body.page-template-tpl_landingDigitalSolutions .header-sticky.main-header .main-menu ul li,
  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li {
    margin: 0 6px !important;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li a {
    font-size: 12px !important;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header ul.landing-digi-sol-menu {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-testimonial-slider .slick-list {
    padding: 30px 30% !important;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
    font-size: 35px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-menu ul li.ftrmail h6 {
    display: block;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .form-control {
    height: 46px;
  }

  .landing-asked-accordion .accordion-item .accordion-button {
    padding: 15px 20px;
  }

  .landing-get-in-touch {
    padding: 30px;
  }

  span.digi-service-heading h4 {
    font-size: 28px;
  }

  .service-overview-wrap .accordion-button {
    padding: 25px;
  }

  span.digi-service-icon,
  .service-overview-wrap .accordion-button .accor-arrow-btn {
    width: 40px;
    height: 40px;
  }

  .digi-service-form-wrap h4 {
    font-size: 28px;
  }

  .digi-service-form-wrap p {
    font-size: 14px;
  }

  .company-dtls-right h5 a {
    color: var(--white);
    font-size: 20px;
  }

  .company-dtls-left h3 {
    font-size: 30px;
  }

  .company-dtls-left h3 {
    margin-bottom: 40px;
  }

  .company-dtls-right .office-country,
  .company-dtls-right p,
  .company-dtls-right .office-contect {
    margin: 0 0 13px;
  }

  .company-dtls-block {
    padding: 40px 30px;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .hdr-rt {
    justify-content: flex-end;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li a {
    font-size: 32px !important;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li {
    padding-bottom: 20px;
  }

  body.open header.main-header.landing-digital-sol-hdr { bottom: 0; padding: 20px !important; top: 0; max-width: 100% !important; border-radius: 0; }

  body.open .header-sticky.main-header {
    background: #fff !important;
  }

  body.open .header-sticky.main-header .main-menu {
    background-color: #fff !important;
  }

  ul.landing-digi-sol-menu {
    padding: 30px !important;
  }

  .landing-inner-sec::before {
    width: 488px;
    height: 488px;
  }

  .landing-inner-sec::after { width: 300px; height: 300px; }
  .company-dtls-right .office-contect p { margin-bottom: 20px; }
}

@media only screen and (max-width: 991px) {
  header .user-sec ul li:first-child {
    display: none;
  }

  .certified-logo {
    margin-top: 25px !important;
  }

  .solution-services {
    max-width: 100%;
  }

  .smart-landing-banner .lasnding-review-info ul {
    margin-bottom: 20px;
  }

  .blog-list-desc h5 {
    font-size: 24px;
  }

  .landing-testimonial-slider .slick-list {
    padding: 30px 25% !important;
  }

  .landing-cunter-info .spec-data-block {
    padding: 15px;
  }

  .landing-why-choose-us-sec {
    padding-block: 60px;
  }

  .landing-diverse-section .landing-diverse-slider {
    width: calc(100vw - 6vw);
  }

  .landing-diverse-slider .slick-list {
    padding-right: 23%;
  }

  .landing-asked-questions:before {
    display: none;
  }

  .landing-get-in-touch:after {
    display: none;
  }

  .landing-get-in-touch {
    padding: 0;
  }

  .landing-get-in-touch .common-hdr {
    max-width: 100%;
    padding: 30px 30px 0;
  }

  .landing-asked-form {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .col-lg-4:nth-child(2) .footer-menu {
    margin: 0;
    max-width: 100%;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .col-lg-4:nth-child(2) .footer-menu h6 {
    text-align: start;
    margin-bottom: 15px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .col-lg-4:nth-child(3) .footer-menu {
    max-width: 100%;
    margin: 0;
    text-align: start;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-menu ul li.ftrmail {
    justify-content: start;
    margin-bottom: 0 !important;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-menu ul li.ftrmail h6 {
    display: flex;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .ftr-social-wrap label {
    display: block;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .ftr-social-wrap {
    justify-content: start;
    margin-bottom: 0 !important;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-end .copyright-text {
    gap: 20px;
    justify-content: start;
    flex-direction: column-reverse;
    text-align: start;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-end ul {
    justify-content: start;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-end .copyright-text p {
    order: inherit;
    width: 100%;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php footer .footer-end .copyright-text {
    text-align: start;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin-bottom: 20px;
  }

  .landing-asked-accordion {
    margin-top: 0;
  }

  .footer-sticky-icons ul li a {
    display: inline-flex;
    width: 40px;
    height: 40px;
  }

  .digi-service-form-wrap {
    top: 0;
    margin-top: 25px;
  }

  .company-dtls-right h5 a {
    font-size: 18px;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li a {
    font-size: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .landing-inner-sec::before {
    display: none;
  }

  .landing-inner-sec::after {
    display: none;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .main-header .short-logo {
    display: none;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .main-header .logo>a {
    display: block;
    filter: inherit;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .header-sticky.main-header .logo>a {
    display: none;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .header-sticky.main-header .short-logo {
    display: block;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .main-header .container {
    max-width: 100%;
  }

  .smart-landing-header .landing-header-btn ul li a {
    font-size: 14px;
    gap: 8px;
  }

  .smart-landing-header .landing-header-btn ul li span {
    width: 30px;
    height: 30px;
  }

  .smart-landing-header .landing-header-btn ul li a img {
    width: 13px;
  }

  .smart-landing-header .user-sec ul li:last-child a:after {
    right: 12px;
    width: 15px;
    height: 15px;
    background-size: contain;
  }

  .smart-landing-header .landing-header-btn ul li .btn {
    padding: 8px 35px 8px 8px !important;
  }

  .landing-testimonial-slider .slick-list {
    padding: 30px 7% !important;
  }

  .landing-cunter-info .common-hdr {
    display: none;
  }

  .landing-why-choose-us-sec .for-mobile {
    display: block !important;
  }

  .landing-cunter-info .spec-data-block {
    padding: 10px 13px;
    border-radius: 10px;
  }

  .landing-cunter-info .spec-data-block .spec-dtls-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .landing-cunter-info .spec-data-block .spec-dtls-block h2 {
    margin-bottom: 0;
  }

  .landing-why-choose-us-sec .col-4 {
    width: 45%;
  }

  .landing-why-choose-us-sec .col-8 {
    width: 55%;
  }

  .landing-why-choose-us-sec .man-work-img {
    width: 35%;
  }

  .landing-get-in-touch {
    margin-bottom: 0;
  }

  .landing-asked-questions {
    padding-bottom: 40px !important;
  }

  .landing-get-in-touch {
    background-position: 0px -6%;
    background-size: 40%;
  }

  .blog-list-desc p {
    margin-bottom: 10px;
  }

  .blog-list-desc h5 {
    font-size: 18px;
  }

  .landing-work-process {
    background-image: none !important;
  }

  .landing-work-process .row.pt-5 {
    padding-top: 30px !important;
  }

  .footer-sticky-icons {
    bottom: 50px;
    right: 20px;
  }

  .service-overview-wrap .accordion-body ul li {
    width: 100%;
    color: #fff;
  }

  span.digi-service-heading h4 { font-size: 24px; margin-bottom: 15px; }
  span.digi-service-heading p { font-size: 14px; }
  body.page-template-tpl_landingDigitalSolutions .innerpage-logo { display: block; }
  .landing-inner-bnr-cont { padding: 130px 0 150px; }
  .landing-inner-bnr-cont::before{display: none;}
  .landing-inner-bnr-cont:after { width: 382px; height: 387px; }
.body-sticky-mobile { display: flex; align-items: center; position: fixed; right: 0; top: 50%; transform: rotate( 180deg) translateY(50%); writing-mode: sideways-rl;        z-index: 999; }
.body-sticky-mobile a.btn:first-child { margin-bottom: 18px; }
.digi-service-overview .row .col-lg-4 .digi-service-form-wrap { display: none; }

.service-overview-accord-inner-wrap { margin: 0; }
.company-dtls-left a.btn { font-size: 12px;  padding: 13px 30px;}
.contact-modal button.btn-close.myModalContact { position: absolute; right: 0; }
}

@media only screen and (max-width: 575px) {
  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .common-hdr h2 {
    font-size: 24px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php .common-hdr p {
    font-size: 14px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php textarea {
    height: 66px !important;
  }

  .landing-blog-list-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }

  .landing-blog-list-slider .slick-arrow::before {
    width: 14px;
    height: 9px;
    background-size: contain;
  }

  .landing-cunter-info .spec-data-block .spec-dtls-block h2 {
    font-size: 18px;
  }

  .landing-cunter-info .spec-data-block .spec-dtls-block p {
    font-size: 10px;
  }

  .landing-diverse-section .landing-diverse-slider {
    width: 100%;
  }

  .landing-diverse-slider .slick-list {
    overflow: visible;
  }

  .landing-diverse-slider .landing-diverse-info .image-desc h5 {
    font-size: 24px;
  }

  .landing-diverse-slider .slick-center .landing-diverse-info .image-desc {
    background-color: transparent;
  }

  .landing-diverse-slider .slick-center .landing-diverse-info .image-desc .icon {
    opacity: 0;
  }

  .landing-diverse-slider .slick-center .landing-diverse-info .image-desc h5 {
    text-align: center;
    color: var(--bs-white);
  }

  .landing-asked-accordion .accordion-item .accordion-button {
    font-size: 16px;
  }

  .smart-landing-header .user-sec ul li {
    margin-left: 10px;
  }

  .landing-cunter-info .row {
    row-gap: 5px;
  }

  .landing-asked-accordion .accordion-body {
    padding: 0 35px 20px 20px;
  }

  .your-trust-logo-slider .slick-track .slick-slide img {
    height: 55px;
  }

  .landing-blog-list-slider .slick-next,
  .landing-blog-list-slider .slick-prev {
    top: 38%;
  }

  .landing-why-choose-us-sec {
    padding-block: 40px;
  }

  .landing-why-choose-us-sec .man-work-img {
    width: 34%;
  }
  .service-overview-wrap .accordion-button span.digi-service-icon img { width: 22px; }
}

@media only screen and (max-width: 479px) {
  .landing-why-choose-us-sec .man-work-img {
    width: 42%;
  }

  .service-overview-wrap .accordion-button {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  span.digi-service-heading {
    width: 100% !important;
    max-width: inherit;
    margin: 15px 0px 0 !important;
  }

  .service-overview-wrap .accordion-button:not(.collapsed) {
    padding-bottom: 20px;
  }

  body.page-template-tpl_landingDigitalSolutions .main-header .main-menu ul li a { font-size: 18px !important; }
  ul.landing-digi-sol-menu { padding: 40px 20px !important; }
  body.open .nav_btn span:before,
  body.open .nav_btn span:after,
  .nav_btn span,
  .nav_btn span:before,
  .nav_btn span:after { width: 24px; }

  .company-dtls-left h3 { margin-bottom: 25px; }
  .landing-inner-bnr-cont:after { width: 385px; height: 501px; top: 0; }
}

@media only screen and (max-width: 413px) {
  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php header.main-header .logo {
    min-width: 70px;
    max-width: 70px;
  }

  .smart-landing-header .landing-header-btn ul li a {
    font-size: 12px;
    gap: 4px;
  }

  .smart-landing-header .user-sec ul li {
    margin-left: 5px;
  }

  .smart-landing-header .landing-header-btn ul li .btn {
    padding: 6px 30px 6px 6px !important;
  }

  /* .smart-landing-header .user-sec ul li:last-child a:after{ display: none;} */
  .smart-landing-banner .container {
    padding-top: 40px;
  }

  .smart-landing-header .landing-header-btn ul li span {
    width: 20px;
    height: 20px;
  }

  .smart-landing-header .user-sec ul li:last-child a:after {
    right: 8px;
    width: 15px;
    height: 15px;
  }

  .smart-landing-header .landing-header-btn ul li a img {
    width: 10px;
  }

  .page-template-template-partstpl_smartWordPressSolutionsforBusinesses-php h1 {
    font-size: 27px;
  }

  .smart-landing-banner .btn {
    padding: 13px 28px;
  }

  .smart-landing-banner .certified-logo ul li {
    width: 70px;
  }

  .smart-landing-banner .lasnding-review-info ul {
    padding: 20px 25px;
  }

  .landing-testimonial-slider .item p,
  .landing-testimonial-slider .user-info .image-desc p {
    font-size: 12px;
  }

  .landing-testimonial-slider .user-info .image {
    width: 38px;
    height: 38px;
  }

  .landing-testimonial-slider .user-info .image-desc {
    width: calc(100% - 38px);
    padding-left: 17px;
  }

  .landing-testimonial-slider .item {
    padding: 15px;
  }

  .landing-testimonial-slider .user-info .image-desc h6 {
    font-size: 13px;
  }

  .landing-testimonial-slider .user-info .image-desc .quote-icon {
    width: 18px;
  }

  .landing-testimonial-slider .slick-list .slick-slide.slick-center>div {
    padding-inline: 5px !important;
  }
.landing-inner-bnr-cont:after { width: 346px; }





}

/* =========== New Case Study  ===========*/
.page-template-tpl_single_portfolio{ background-color: #F5F8FF;}
.new-case-study-banner{ background-repeat: no-repeat; background-size: cover;}
.gradient-btn{ display: inline-flex; align-items: center; gap: 15px; font-size: 16px; color: var(--bs-white) !important; font-weight: 700; text-transform: uppercase;  box-shadow: 0px 15px 30px 0px #0844B959; border: 1px solid var(--bs-white); border-radius: 100px; padding: 25px 35px 25px 30px; transition: var(--common-transition); position: relative; overflow: hidden; isolation: isolate;}
.gradient-btn:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 130px; background: linear-gradient(180deg,#C58FFF 0%, #1E71DC 50%,  #C58FFF 100%); z-index: -1; transition: var(--common-transition);}
.gradient-btn:hover:after{ top: -50px;}

.new-case-study-image-info{ padding-block: 40px 20px;}
.new-case-study-image-info .image{ position: relative; padding-bottom: 45%; border-radius: 40px; overflow: auto;}
.new-case-study-image-info .image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } 
.app-store-info{ gap: 10px; margin-top: -40px; position: relative; z-index: 5;}

/* =================== */
.new-requirements-left{ padding-right: 40px;}
.new-requirements p{ color: #252432;}
.new-requirements .scope li{ font-size: 16px; font-weight: 600; color: #252432;}
.new-requirements-info-box .industry-info p{ font-size: 22px; color: #656565; font-weight: 600; margin-bottom: 0; display: flex; align-items: center; gap: 15px;}
.new-requirements-col hr{ border-top: 2px solid #D1EDFE; opacity: 1; margin-block: 40px;}

.new-used-tools ul li{ display: flex; align-items: center; gap: 10px; background-color: var(--bs-white); box-shadow: 10px 10px 50px 0px #E1E5F080; border-radius: 50px; padding: 5px 20px 5px 5px; perspective: 1000px;}
.new-used-tools ul li span{ font-size: 20px; font-weight: 600; color: var(--dark-gray); display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #00ADFE; box-shadow: 3px 4px 10px 0px #E1E5F099; flex: 0 0 auto; border-radius: 50px;} 
.new-used-tools ul li span img{ transition: transform 0.6s ease;}
.new-used-tools ul li:hover img{ transform: rotate(360deg);}
.new-requirements-col .cta-text{ font-size: 22px; font-weight: 700; color: #00ADFE; }
/* =================== */

/* =================== */
.new-project-challenges-sec{ background-color: #F5F8FF;}
.new-project-box{  border-radius: 20px; background-color: var(--bs-white); height: 100%; padding: 30px 20px; border: 1px solid transparent; transition: var(--common-transition);}
.new-project-box:hover{ border-color: rgba(0,0,0,0.1);}
.new-project-box .icon-box{ margin-bottom: 20px;}
.new-project-box .icon-box .icon{ width: 60px; height: 60px; border-radius: 15px; display: flex; align-items: center; justify-content: center;}
.new-project-box .icon-box .icon-desc{ width: calc(100% - 60px); padding-left: 20px;}
.new-project-box .icon-box h5{ margin-bottom: 0;}
.new-project-box p:last-child{ margin-bottom: 0;}
/* ========== */
.full-image-sec, .new-testing-sec, .new-client-testimonial, .new-research-insights-sec, .new-requirements{ background-color: #F5F8FF;}
.full--image{ position: relative; padding-bottom: 44.5%; border-radius: 40px; overflow: hidden;}
.full--image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.divider-line{ width: 100%; height: 2px; background-color: #D1EDFE;}

.new-testing-sec:before {
    content: '';
    position: absolute;
    width: 290px;
    height: 290px;
    background-image: url(../images/round-o2.svg);
    background-position: center;
    background-size: contain;
    z-index: 1;
    -webkit-animation: spin1 6s linear infinite;
    animation: spin1 6s linear infinite;
    right: 2.5%;
    top: 20%;
}
.new-testing-sec .prv-srvc-box .icon-box{ width: 80px; height: 80px; border-radius: 15px;}
.new-testing-sec .prv-srvc-box h6{ width: calc(100% - 95px); font-size: 20px;}


/* ========== */
.quality-slider-holder{ position: relative; background-size: cover; object-position: center; border-radius: 50px; overflow: hidden; padding-block: 160px;}
.quality-slider-holder .laptop { position: absolute; top: 52%; left: 0; right: 0; transform: translateY(-50%); z-index: 10; pointer-events: none; margin: 0 auto; text-align: center; }
.quality-slider-holder .laptop img { width: 850px;}
.quality-slider .slick-list {
    padding-inline: 29% !important;
    margin: 0 -15px;
}

.quality-slider .slick-list .slick-slide{ padding: 0 15px;}
.quality-slider .image img{ width: 100%; height: 430px; object-fit: cover; transition: var(--common-transition);}
.quality-slider .slick-slide:not(.slick-center) .image img{ transform: scale(0.87);}
/* .quality-slider .slick-center .image img{ transform: scale(1.4);}  */


/* ========= */
.new-client-testimonial:before {
    content: '';
    position: absolute;
    width: 290px;
    height: 290px;
    background-image: url(../images/round-o2.svg);
    background-position: center;
    background-size: contain;
    z-index: 1;
    -webkit-animation: spin1 6s linear infinite;
    animation: spin1 6s linear infinite;
    left: 8.5%;
    top: 0%;
}
.new-client-wrap{ background-color: #D8A7FF; background-repeat: no-repeat; background-position: 98%; border-radius: 20px; padding: 60px;}
.new-client-left{ padding-right: 50px;}
.new-client-wrap .client-logo{ margin-bottom: 55px;}
.new-client-image-info .image{ width: 60px; height: 60px; border-radius: 100px; overflow: hidden;}
.new-client-image-info .image img{ width: 100%; height: 100%; object-fit: cover;}
.new-client-image-info .image-desc{ width: calc(100% - 60px); padding-left: 20px;}
.new-client-image-info .image-desc h6{ margin-bottom: 10px;}
.new-client-image-info .image-desc p{ font-size: 16px; color: #0045CA; margin-bottom: 0;}
.new-client-desc p{ font-size: 24px; color: #252432;}
.new-client-desc p:last-child{ margin-bottom: 0;}

/* ========= */
.new-related-case-studies{ background: linear-gradient(0deg,#FFFFFF,#F5F8FF);}
.new-related-case-slider{ padding-inline: 90px;}
.new-related-case-slider .slick-list .slick-slide{ padding-inline: 20px; padding-block: 5px;}
.new-related-wrap{ border: 1px solid #7399FF4D; background-color: #E5ECFF99; border-radius: 30px; padding: 20px;}
.new-related-image{ position: relative; padding-bottom: 79%; border-radius: 20px; overflow: hidden;}
.new-related-image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.new-related-image-desc{ text-align: center; padding-top: 30px;}
.new-related-image-desc h6{ font-size: 16px; color: #5E5E5E; margin-bottom: 15px;}
.new-related-image-desc h5{  color: #252432; margin-bottom: 15px;}
.new-related-image-desc p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new-related-image-desc p:last-child{ margin-bottom: 0;}
.related-details-btn{ position: absolute; bottom: 10px; right: 10px; z-index: 5; display: inline-block; font-size: 16px; line-height: 1.3; background-color: var(--bs-white); font-weight: 600; color: #343FF3 !important; border-radius: 10px; padding: 7px 17px;}
.related-details-btn:hover{ background-color: #343FF3; color: var(--bs-white) !important;}
.new-related-case-slider .slick-arrow{ width: 48px; height: 48px; border-radius: 50%; background-color: var(--bs-white); box-shadow: 0px 5px 30px 0px #D3D7DFCC; z-index: 5;}
.new-related-case-slider .slick-next{ right: 0;}
.new-related-case-slider .slick-prev{ left: 0;}
.new-related-case-slider .slick-next::before{ content: ''; position: absolute; inset: 0; background-image: url('https://weavers-stageing.weavers-web.com/wp-content/uploads/2026/03/right-arrow.svg'); background-repeat: no-repeat; background-position: center;}
.new-related-case-slider .slick-prev::before{ content: ''; position: absolute; inset: 0; background-image: url('https://weavers-stageing.weavers-web.com/wp-content/uploads/2026/03/left-arrow.svg'); background-repeat: no-repeat; background-position: center;}

.user-research-img{ position: relative; padding-bottom: 65%; width: 100%; overflow: hidden; border-radius: 8px;}
.user-research-img img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}


/* ============ */
.new-research-wrap{ display: flex; align-items: center;}
.new-research-left-info{ width: 45%; display: flex;}
.new-research-right-info{ width: 55%; position: relative; z-index: 4;}
.new-research-left-info .new-research-logo{ width: 185px; position: relative;}
.new-research-market{ width: calc(100% - 185px); position: relative; z-index: 4;}
.new-research-market .research-market-item{ background-color: #fff; border-radius: 30px; padding: 20px;}
.new-research-market .research-market-item ul{ padding-left: 18px;}
.research-market-item .market-icon{ width: 75px; height: 75px; border-radius: 15px; display: flex; align-items: center; justify-content: center;}
.research-market-item .market-desc{ width: calc(100% - 75px); padding-left: 28px;}
.research-market-item .market-desc h6{ margin-bottom: 6px;}
.research-market-item p{ color: var(--bs-black);}
.research-market-item .market-desc ul{ padding-left: 18px; margin-bottom: 0; padding-bottom: 0;}
.new-research-market .research-market-item:not(:last-child){ margin-bottom: 20px;}
.new-research-logo{ padding-inline: 40px; isolation: isolate;}
.new-research-logo .green-logo{ width: 105px; height: 105px; border-radius: 50%; border: 1px solid #0045CA; background-color: var(--bs-white); display: flex; align-items: center; justify-content: center; padding: 16px; position: relative; z-index: 4;}
.new-research-right-info .col-md-6 { display: flex;}
.new-technology-info{ display: flex; align-items: center; background-color: var(--bs-white); border-radius: 20px; flex-grow: 1; padding: 25px 25px 25px 10px;}
.new-technology-info .number{ width: 65px; height: 65px; border-radius: 50%; background-color: #E3E3E3; display: flex; align-items: center; justify-content: center;}
.new-technology-info .number h6{ font-weight: 700; color: #2FA5F3; margin-bottom: 0;}
.new-technology-info .new-technology-desc{ width: calc(100% - 65px); padding-left: 20px;}
.new-technology-info .new-technology-desc p:last-child{ margin-bottom: 0;}
.new-research-right-info .row{ row-gap: 24px;}
.new-research-logo .top-left{
    width: 75px;
    height: 22%;
    border: 1px dashed #848484;
    border-radius: 0 10px 0 0;
    position: absolute;
    left: -50px;
    top: 26%;
    z-index: 1;
    border-bottom: 0;
    border-left: 0;
}
.new-research-logo .top-left span{
    position: absolute;
    right: -50px;
    width: 50px;
    height: 8px;
    border: 1px dashed #848484;
    bottom: -7px;
    border-radius: 0 0 0 10px;
    border-top: 0;
    border-right: 0;
    z-index: 1;
}

.new-research-logo .top-right {
    position: absolute;
    right: -50px;
    top: 10%;
    width: 75px;
    height: 37%;
    border: 1px dashed #848484;
    border-radius: 10px 0 0 0;
    border-bottom: 0;
    border-right: 0;
}
.new-research-logo .top-right span {
    position: absolute;
    left: -50px;
    width: 50px;
    height: 35px;
    border: 1px dashed #848484;
    bottom: -7px;
    border-radius: 0 10px 10px 0px;
    border-top: 0;
    border-right: 0;
    z-index: 1;
    border-left: 0;
}
.new-research-logo .bottom-left {
    position: absolute;
    left: -50px;
    bottom: 21%;
    width: 75px;
    height: 26%;
    border: 1px dashed #848484;
    border-radius: 0 0 10px 0;
    border-top: 0;
    border-left: 0;
}
.new-research-logo .bottom-left span {
    position: absolute;
    right: -50px;
    width: 50px;
    height: 20px;
    border: 1px dashed #848484;
    top: -7px;
    border-radius: 10px 0px 0px 0px;
    border-bottom: 0;
    border-right: 0;
    z-index: 1;
    border-left: 0;
}
.new-research-logo .bottom-right {
    position: absolute;
    right: -50px;
    bottom: 8%;
    width: 75px;
    height: 40%;
    border: 1px dashed #848484;
    border-radius: 0 0 0 10px;
    border-top: 0;
    border-right: 0;
}
.new-research-logo .bottom-right span {
    position: absolute;
    left: -50px;
    width: 50px;
    height: 20px;
    border: 1px dashed #848484;
    top: -7px;
    border-radius: 0px 10px 0px 0px;
    border-bottom: 0;
    border-right: 0;
    z-index: 1;
    border-left: 0;
}

.new-testing-sec .row.common-padding{ padding-top: 90px;}

/* ========= responsive ========= */

@media only screen and (max-width: 1698px) {
  .quality-slider .slick-list {
    padding-inline: 27% !important;
}

}

@media only screen and (max-width: 1599px) {
  .gradient-btn {
    padding: 18px 28px 18px 22px;
}
.research-market-item .market-icon {
    width: 55px;
    height: 55px;
    border-radius: 8px;
}
.research-market-item .market-desc {
    width: calc(100% - 55px);
    padding-left: 15px;
}

.new-technology-info .number {
    width: 50px;
    height: 50px;
}
.new-technology-info .number h6 {
    font-size: 20px;
}
.new-technology-info .new-technology-desc {
    width: calc(100% - 50px);
    padding-left: 15px;
}
.new-technology-info .new-technology-desc h6{ margin-bottom: 10px;}
.new-related-case-slider {
    padding-inline: 60px;
}
  .quality-slider-holder {
    padding-block: 110px;
}


}
@media only screen and (max-width: 1399px) {

  .quality-slider .slick-list {
    padding-inline: 23% !important;
}
.new-testing-sec .row.common-padding {
    padding-top: 70px;
}
}
@media only screen and (max-width: 1199px) {
.gradient-btn {
    padding: 13px 20px 13px 16px;
    gap: 8px;
}
.gradient-btn img{ width: 18px;}
.app-store-info {
    margin-top: -25px;
}
.app-store-info li a img {
    height: 50px;
    display: inline-block;
}
.new-requirements-info-box .industry-info p {
    font-size: 18px;
    gap: 10px;
}
.new-requirements-info-box .industry-info p img{ width: 25px;}
.new-technology-info {
    flex-direction: column;
    align-items: start;
    padding: 15px;
    gap: 10px;
}

.new-technology-info .new-technology-desc {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
}
.new-research-logo .bottom-right {
    bottom: 29%;
    height: 19%;
}
.new-client-left {
    padding-right: 0;
}
.new-client-wrap .client-logo {
    margin-bottom: 35px;
}
.new-client-desc p {
    font-size: 18px;
}
.new-client-wrap {
    padding: 40px;
    background-size: 20%;
}

.quality-slider-holder {
    padding-block: 70px;
    border-radius: 25px;
}
.quality-slider-holder .laptop img {
    width: 660px;
}
.quality-slider .image img {
    height: 330px;
}
.quality-slider .slick-list {
    padding-inline: 25% !important;
}
  .new-testing-sec .row.common-padding {
    padding-top: 50px;
}

}
@media only screen and (max-width: 991px) {
.new-case-study-top-info .col-lg-4{ text-align: start !important;}
.new-requirements-info-box{ padding-top: 40px;}
.new-research-wrap{ flex-wrap: wrap;}
.new-research-left-info{ width: 100%; flex-wrap: wrap;}
.new-research-market {
    width: 100%;
}
.new-research-right-info{ width: 100%;}
.new-research-left-info .new-research-logo {
    width: 100%;
    padding-block: 65px;
    justify-content: center;
}
.new-research-logo :is(.top-left, .top-right, .bottom-left, .bottom-right){ display: none;}
.new-testing-sec:before {
    top: 35%;
    width: 210px;
    height: 210px;
}
.new-client-testimonial:before {
    width: 210px;
    height: 210px;
}
.new-client-image-info{ padding-bottom: 25px;}
.new-related-case-slider .slick-list .slick-slide {
    padding-inline: 10px;
}
.new-related-wrap {
    border-radius: 10px;
    padding: 10px;
}
.new-related-image {
    border-radius: 10px;
}

.new-provided-services-section .business-solutions-info {
    padding: 30px 40px;
}
.new-client-wrap {
    background-position: 98% 90%;
}
.new-requirements-left {
    padding-right: 0;
}
.new-research-logo .top-left {
    display: block !important;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 2px;
    height: 45px;
    border: 2px dashed #848484;
    border-radius: 10px 0 0 0;
    border-bottom: 0;
    border-right: 0;
    margin: 0 auto;
}
.new-research-logo .top-left span {
    height: 10px;
    width: 10px;
    border-right: 2px dashed #848484;
    border-bottom: 2px dashed #848484;
    transform: rotate(45deg);
    border-left: 0;
    border-radius: 0;
    bottom: -10px;
    left: -6px;
}

.new-research-logo .top-right {
    display: block !important;
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    bottom: 20px;
    width: 2px;
    height: 60px;
    border: 2px dashed #848484;
    border-radius: 10px 0 0 0;
    border-bottom: 0;
    border-right: 0;
    margin: 0 auto;
}
.new-research-logo .top-right span {
    height: 10px;
    width: 10px;
    border-right: 2px dashed #848484;
    border-bottom: 2px dashed #848484;
    transform: rotate(45deg);
    border-radius: 0;
    bottom: -10px;
    left: -6px;
}

.quality-slider .slick-list .slick-slide {
    padding: 0 12px;
}
.quality-slider .image img {
    height: 220px;
}
.quality-slider .slick-slide:not(.slick-center) .image img {
    transform: scale(0.90);
}
.quality-slider .slick-list {
    padding-inline: 28% !important;
}
.quality-slider-holder .laptop img {
    width: 440px;
}


}
@media only screen and (max-width: 767px) {
  .full--image {
    border-radius: 15px;
}
.new-technology-info{ border-radius: 10px;}
.new-case-study-image-info .image {
    border-radius: 15px;
}
.new-case-study-image-info {
    padding-block: 40px 0;
}
.new-testing-sec .prv-srvc-box .icon-box {
    width: 60px;
    height: 60px;
    padding: 12px;
}
.new-testing-sec .prv-srvc-box h6 {
    width: calc(100% - 75px);
}
.new-testing-sec:before {
    top: 51%;
}
.new-client-wrap {
    padding: 25px;
}
.business-solutions-desc ul {
    gap: 10px !important;
    padding-top: 15px !important;
}
.business-solutions-info {
    margin-bottom: -40px;
}

.quality-slider-holder {
    padding-block: 50px;
    border-radius: 15px;
}
.quality-slider-holder .laptop{ display: none;}
.quality-slider .slick-list {
    padding-inline: 16% !important;
}
.quality-slider .slick-slide:not(.slick-center) .image img {
    transform: scale(0.95);
}

}
@media only screen and (max-width: 479px) {
  .new-case-study-banner {
    padding-top: 40px;
}
.gradient-btn{ font-size: 14px;}
.new-case-study-image-info .image {
    padding-bottom: 64%;
}
.app-store-info {
    margin-top: -20px;
}
.app-store-info li a img {
    height: 40px;
}
.new-requirements-info-box .industry-info p {
    font-size: 15px;
    gap: 5px;
}
.new-requirements-info-box .industry-info p img {
    width: 18px;
}
.new-used-tools ul li span {
    width: 30px;
    height: 30px;
}
.new-used-tools ul li {
    gap: 5px;
    padding: 5px 15px 5px 5px;
}
.full--image {
    padding-bottom: 68%;
}
.new-client-wrap {
    padding: 15px;
}
.new-client-wrap .client-logo {
    margin-bottom: 25px;
    height: 30px;
}
.new-client-image-info {
    flex-wrap: wrap;
}
.new-client-image-info .image-desc {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
}
.new-client-desc p {
    font-size: 16px;
}
.new-related-case-slider {
    padding-inline: 0;
}
.new-related-case-slider .slick-prev {
    left: -10px;
}
.new-related-case-slider .slick-next {
    right: -10px;
}
.new-related-case-slider .slick-arrow {
    width: 40px;
    height: 40px;
}


.quality-slider .slick-list { padding-inline: 15px !important;}
.quality-slider .image img {
    height: 160px;
}
.quality-slider .slick-slide:not(.slick-center) .image img {
    transform: scale(1);
}

}