@charset "UTF-8";
/*text-color*/
/*text-color*/
/*img*/
/*img*/
/*border*/
/*border*/
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/*universal*/
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  margin: 0px !important;
  padding: 0px !important;
  background: #ffffff !important; /*font-family: 'Roboto', sans-serif !important; font-family: "Poppins", sans-serif !important;*/
  font-family: "Inter", sans-serif;
  color: #555 !important;
  letter-spacing: 0.5px !important;
}

ul {
  margin: 0px;
  padding: 0px;
  display: list-item;
  list-style: none !important;
}

ul li,
ul li a {
  list-style: none !important;
}

p, li, strong {
  margin: 0px;
  padding: 0px;
  font-size: 16px !important;
  text-decoration: none;
  line-height: 1.5;
  color: #333333;
  letter-spacing: 0.5px !important;
}

span {
  margin: 0px;
  padding: 0px;
  font-size: 16px !important;
  text-decoration: none;
  line-height: 1.5;
  color: #333333;
}

a {
  color: #333333;
  margin: 0px;
  padding: 0px;
  font-size: 14px !important;
  text-decoration: none;
  outline: none !important;
  letter-spacing: 0.5px !important;
}

a:hover,
a:focus,
button:hover,
button:focus {
  color: #222;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

h1, h2, h3, h4, h6 {
  float: left;
  width: 100%;
  color: #111111 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: 1.6 !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-family: "Saira", sans-serif !important;
  font-weight: bold;
  letter-spacing: 0.5px !important;
}

h5 {
  float: left;
  width: 100%;
  color: #111111 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: 1.6 !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-family: "Saira", sans-serif !important;
  font-weight: bold;
}

h1 {
  font-size: 50px;
  line-height: 55px !important;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

#wrapper {
  margin: 0 auto !important;
}

/*universal*/
/*scroll-bar*/
::-webkit-scrollbar {
  width: 8px !important;
  height: 5px !important;
}

::-moz-scrollbar {
  width: 6px !important;
  height: 5px !important;
}

::-ms-scrollbar {
  width: 6px !important;
  height: 5px !important;
}

::-o-scrollbar {
  width: 6px !important;
  height: 5px !important;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px !important;
}

::-moz-scrollbar-track {
  border-radius: 0px !important;
}

::-ms-scrollbar-track {
  border-radius: 0px !important;
}

::-o-scrollbar-track {
  border-radius: 0px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px;
}

::-moz-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px;
}

::-ms-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px;
}

::-o-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px;
}

/*scroll-bar*/
form input:focus, form textarea:focus, form select:focus {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #0e76bc !important;
}
form input:hover, form textarea:hover, form select:hover {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #0e76bc !important;
}

/* Chrome, Edge, Safari */
::-webkit-input-placeholder {
  font-size: 14px !important;
}

/* Firefox */
::-moz-placeholder {
  font-size: 14px !important;
}

/* Internet Explorer 10–11 */
:-ms-input-placeholder {
  font-size: 14px !important;
}

/* Microsoft Edge (Legacy) */
::-ms-input-placeholder {
  font-size: 14px !important;
}

/* Standard */
::placeholder {
  font-size: 14px !important;
}

.form-select {
  font-size: 14px !important;
}

.form-select:valid {
  font-size: 14px !important;
}

.sticky,
.product-fixed {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0 auto !important;
  top: 130px !important;
  z-index: 9 !important;
  text-align: center !important;
  padding: 10px 0px 20px 0px !important;
  position: sticky;
  top: 0px !important;
  z-index: 99999;
  text-align: left !important;
}

.product-fixed {
  z-index: -99 !important;
}

.slideInRight {
  z-index: 99 !important;
}

.slideInLeft {
  z-index: 99 !important;
}

.red {
  color: #be263b !important;
}

h1 {
  font-size: 36px;
  color: #231f20 !important;
  font-weight: bold !important;
}
h1 .t-color {
  font-size: 36px !important;
  color: #0e76bc !important;
}

h2 {
  font-size: 30px;
  color: #231f20 !important;
  font-weight: bold !important;
}
h2 .t-color {
  font-size: 30px !important;
  color: #0e76bc !important;
}

h3 {
  font-size: 28px;
  color: #231f20 !important;
  font-weight: bold !important;
}
h3 .t-color {
  font-size: 28px !important;
  color: #0e76bc !important;
}

.more-button {
  display: block;
  float: left;
  width: auto !important;
  margin: 20px 0px 0px 0px !important;
}
.more-button a, .more-button button, .more-button input {
  background: #0e76bc;
  padding: 10px 25px;
  color: #ffffff;
  border-radius: 5px;
  border: none !important;
}
.more-button button {
  background: #0e76bc;
  padding: 10px 25px;
  color: #ffffff;
  border-radius: 5px;
}
.more-button:hover a, .more-button:hover button, .more-button:hover input {
  background: #be263b !important;
}

.contact-form form button {
  background: #0e76bc;
  padding: 10px 25px;
  color: #ffffff;
  border-radius: 5px;
  border: none !important;
}
.contact-form form button:hover {
  background: #be263b !important;
}

a.request-demo {
  background: #0e76bc !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 5px;
}

.hex {
  width: 160px;
  aspect-ratio: 1/1;
  background: linear-gradient(135deg, #30b983, #0ea56b);
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
  /* center demo */
  margin: 0 auto;
  text-align: center;
  position: absolute;
}

.bg-white {
  background: #ffffff !important;
}

.bg-light {
  background: #f3f3f3 !important;
}

.full-vh {
  height: 100vh !important;
}

.grid-reverse {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  direction: rtl;
}

.grid-reverse > * {
  direction: ltr;
}

.header {
  display: block;
  float: left;
  width: 100%;
  background: #ffffff !important;
  padding: 0px 0px;
  box-shadow: 0px -5px 40px rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  z-index: 999 !important;
}
.header .logo {
  padding: 10px 0px !important;
}
.header .logo a img {
  width: 80% !important;
}
.header .header-right {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: space-around !important;
  float: right !important;
}
.header .header-right nav ul li a {
  color: #333333 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  padding: 32px 10px !important;
  letter-spacing: 0px !important;
}
.header .header-right nav ul li .dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  margin-top: 5px;
  width: 0.5em;
  height: 0.5em;
  content: "";
  border: none;
  border-bottom: 0.15em solid;
  border-right: 0.15em solid;
  transform: rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 {
  float: left;
  width: 100% !important;
  position: fixed !important;
  top: 88px;
  z-index: 99 !important;
  border-radius: 0px !important;
  padding: 20px 10px !important;
  background: #ffffff !important;
  border: none !important;
  border-bottom: 5px solid #0e76bc !important;
  box-shadow: 0 20px 30px -2px rgba(0, 0, 0, 0.4) !important;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul {
  display: grid !important;
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
  gap: 10px 10px;
  max-width: 96% !important;
  margin: 0 auto !important;
  width: 96% !important;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 1px 0px !important;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px 10px 10px !important;
  background: #ffffff !important;
  border: 1px solid #ddd !important;
  height: 135px !important;
  color: #333333 !important;
  text-align: center !important;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a img {
  width: 75% !important;
  filter: grayscale(1) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a p {
  width: 100% !important;
  font-size: 14px !important;
  text-align: center !important;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a:hover {
  background: #f3f4f6 !important;
}
.header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a:hover img {
  filter: grayscale(0) !important;
  transform: scale(1.1) !important;
}
.header .header-right nav ul li:hover a {
  color: #0e76bc !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .header-right nav ul li:hover a img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .header-right nav ul li:hover .dropdown-toggle::after {
  transform: rotate(-135deg);
  margin-bottom: -5px !important;
}
.header .demo {
  margin: 32px 0px !important;
  display: block;
  float: left;
  width: auto !important;
}
.header .demo a {
  margin: 0px 0px 0px 10px !important;
}
.header .demo a svg {
  width: 18px !important;
  fill: #0e76bc !important;
}
.header .demo .more-button {
  float: right !important;
  margin: 0px 0px 0px 0px !important;
}

@media all and (min-width: 992px) {
  .dropdown-menu {
    width: 13rem;
  }
  .mega-submenu {
    left: 100%;
    top: 0;
    min-width: 25rem;
  }
  .ktm-mega-menu {
    position: static;
  }
  .mega-menu {
    left: 0;
    right: 0;
    width: 100%;
  }
  .dropdown-menu li {
    position: relative;
  }
  .dropdown-menu .submenu {
    display: none;
    left: 100%;
    top: 0;
  }
  .dropdown-menu > li:hover > .submenu,
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
.offer {
  display: block;
  float: left;
  width: 100% !important;
  background: #ffffff !important;
  padding: 60px 0px;
  position: relative;
  overflow: hidden !important;
}
.offer .fix-grid-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.offer .fix-grid-container .container {
  width: 1360px !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}
.offer .fix-grid-container .container .row {
  height: 100%;
  width: 100%;
  margin: 0;
}
.offer .fix-grid-container .container .row .lines {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  height: 100%;
  overflow: hidden;
  position: relative;
  animation: line 6s linear alternate infinite;
}
.offer .fix-grid-container .container .row .lines:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  height: 100%;
  overflow: hidden;
  position: relative;
  animation: line 6s linear alternate infinite;
}
@keyframes line {
  0% {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  50% {
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  100% {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.offer .offer-section {
  display: grid;
  grid-template-columns: 6fr 6fr;
  gap: 0px 0px;
  position: relative !important;
  z-index: 99 !important;
}
.offer .offer-section .offer-left h1 {
  font-size: 30px;
  color: #231f20 !important;
  font-weight: bold !important;
}
.offer .offer-section .offer-left h1 .t-color {
  font-size: 30px !important;
  color: #0e76bc !important;
}
.offer .offer-section .offer-left p {
  font-size: 16px !important;
}
.offer .offer-section .offer-right svg {
  display: block;
  width: 80% !important;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.offer .offer-section .offer-right svg circle[cx="244.15676"][cy="119.33414"][r="17.97281"] {
  fill: #0e76bc;
  transform-origin: 50% 50%;
  transform-box: fill-box; /* important so origin is relative to the shape */
  animation: scaleUpDown 1.2s ease-in-out infinite;
}
@keyframes scaleUpDown {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.offer .offer-section .offer-right svg circle[cx="574.65009"][cy="245.47147"][r="17.97281"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg circle[cx="868.00636"][cy="213.02522"][r="10.85611"] {
  fill: #be263b;
}
.offer .offer-section .offer-right svg path[d="M973.90739,295.76063a10.84756,10.84756,0,0,1,10.851-10.14657c-.22417-.02844-.44633-.063-.67491-.07771a10.85611,10.85611,0,0,0-1.39307,21.66748c.22858.0147.45334.00885.67931.00936A10.84757,10.84757,0,0,1,973.90739,295.76063Z"] {
  fill: #be263b;
}
.offer .offer-section .offer-right svg path[d="M685.459,108.1354a18.8551,18.8551,0,1,1-18.85509,18.85509A18.87645,18.87645,0,0,1,685.459,108.1354Z"] {
  fill: #0e76bc;
  --radius: 18px !important;
}
.offer .offer-section .offer-right svg path[d="M406.09806,428.88505A18.85509,18.85509,0,1,1,424.95316,410.03,18.87645,18.87645,0,0,1,406.09806,428.88505Z"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg path[d="M634.99753,526.14562H535.66144l23.37712-40.49105a4.77368,4.77368,0,0,1,8.2685,0l9.98639,17.29705L594.2738,473.541a5.97673,5.97673,0,0,1,10.35221,0Z"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg path[d="M978.22993,431.23513H941.32468l2.58722-24.07477a16.70084,16.70084,0,0,1,15.85293-15.99889h0a16.70082,16.70082,0,0,1,17.522,16.02556Z"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg path[d="M974.21849,485.7907H906.8263L922.01669,447.653c-1.10383-13.12273,4.45793-22.77459,12.41823-31.17762l10.09892-25.35467c16.31743-10.73928,28.61911-9.937,41.719,4.01144C1001.7845,417.12279,991.03363,450.18,974.21849,485.7907Z"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg path[d="M238.06118,511.601s-87.13995-7.71-103.32995,0c0,0,5.96-22.11,4.42-24.42-1.12-1.69,1.97-64.67,1-101-.55-20.5-5.28-40.52,8.47-55.74,4.68-5.17,9.9-9.51,15.41-11.63,0,0-1.54-14.65,6.17-15.42,0,0,29.31-3.09,40.1,6.17,3.45,2.94,5.62,11.9,5.85,19.62-5.34,26.26-3.45,55.4,1.45,85.63.3,1.92.63,3.85.96,5.78C223.76119,450.571,231.62118,481.481,238.06118,511.601Z"] {
  fill: #0e76bc;
}
.offer .offer-section .offer-right svg path[d="M204.64256,328.18108l11.05113,1.18389s10.84819,21.04649,10.06038,25.43646-2.50345,1.72473,2.37918,8.7483,18.73758,25.1781,20.45328,27.84325,48.48864-33.02154,45.58076-43.71392c0,0,14.77228,10.59758,21.101,12.00818,0,0-48.20327,63.21789-54.92055,71.30829s-12.1235,6.42885-21.35485,1.63192-55.93257-52.644-55.93257-52.644Z"] {
  fill: #0e76bc;
}
.offer:after {
  content: "";
  background-image: url(../images/Group-623.png) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  width: 100% !important;
  height: 100vh !important;
  display: block;
  position: absolute;
  z-index: 9 !important;
  left: 0px;
  top: 0px !important;
  overflow: hidden !important;
}

.home-about {
  display: block;
  float: left;
  width: 100% !important;
  background: #f3f3f3 !important;
  padding: 80px 0px;
  overflow: hidden !important;
  height: 50vh !important;
}
.home-about .home-about-section {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 0px 0px;
}
.home-about .home-about-section .home-about-left {
  z-index: 99 !important;
}
.home-about .home-about-section .home-about-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  position: relative;
}
.home-about .home-about-section .home-about-right .hex {
  z-index: 99 !important;
}
.home-about .home-about-section .home-about-right .hex h3 {
  display: block;
  float: left;
  margin: 35px 0px 5px 0px !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 22px !important;
}
.home-about .home-about-section .home-about-right .hex span {
  color: #ffffff !important;
}
.home-about .home-about-section .home-about-right .hex-1 {
  background: #3d3d3d;
  left: 161px !important;
  top: 31px;
}
.home-about .home-about-section .home-about-right .hex-2 {
  background: #e5fbef;
  top: -50px !important;
}
.home-about .home-about-section .home-about-right .hex-2 h3 {
  color: #333333 !important;
}
.home-about .home-about-section .home-about-right .hex-2 span {
  color: #333333 !important;
}
.home-about .home-about-section .home-about-right .hex-3 {
  background: #2a4f68;
  right: 161px !important;
  top: 31px;
}
.home-about .home-about-section .home-about-right .hex-4 {
  background: #e2f5ff !important;
  top: 110px !important;
}
.home-about .home-about-section .home-about-right .hex-4 h3 {
  color: #333333 !important;
}
.home-about .home-about-section .home-about-right .hex-4 span {
  color: #333333 !important;
}

.our-product {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  align-content: center !important;
  background: #1a3e74 !important;
  padding: 200px 0px !important;
  height: 60vh !important;
  overflow: hidden !important;
}
.our-product span {
  font-size: 150px !important;
  font-family: "Saira", sans-serif !important;
  font-weight: bold;
  color: #ffffff !important;
  opacity: 1;
  text-align: center !important;
  text-transform: uppercase;
  padding: 0 3%;
  transition: opacity 0.5s, transform 0.5s;
  background: linear-gradient(180deg, hsl(0, 0%, 100%) 35%, hsl(216, 64%, 16%) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-wrap: wrap; /* align-items: center; */
  width: 100% !important;
  justify-content: center !important;
  animation: letspace 600ms linear alternate infinite;
}
.our-product img {
  width: 100% !important;
  overflow: hidden !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.our-product:hover img {
  transform: scale(1.1) !important;
}

@keyframes letspace {
  0% {
    letter-spacing: 0;
  }
  100% {
    letter-spacing: 5px;
  }
}
.product-switch {
  display: none !important;
  border-bottom: none !important;
}

.product-switch.sticky {
  display: block !important;
  position: fixed !important;
  top: 0px !important;
  padding: 0px 0px !important;
  height: auto !important;
  background: rgba(255, 255, 255, 0.9) !important;
  z-index: 999999 !important;
  border-bottom: 1px solid #ddd !important;
}
.product-switch.sticky ul {
  display: block;
  float: left;
  width: 100%;
}
.product-switch.sticky ul li a {
  display: inline;
  float: left;
  width: 14.286%;
  text-align: center;
  border-right: 1px solid #ddd !important;
  padding: 5px 5px !important;
}
.product-switch.sticky ul li a:hover {
  background: #be263b;
  color: #ffffff;
}
.product-switch.sticky ul li:last-child a {
  border-right: none !important;
}

.product-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  background: #1a3e74 !important;
}
.product-wrapper section:first-child {
  border-radius: 60px 60px 0px 0px !important;
}
.product-wrapper .product {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  align-content: center !important;
}
.product-wrapper .product .product-section {
  display: grid;
  grid-template-columns: 6fr 6fr;
  gap: 0px 10px;
}
.product-wrapper .product .product-section .product-left p {
  font-size: 16px !important;
}
.product-wrapper .product .product-section .product-left h3 {
  margin: 20px 0px 5px 0px !important;
  color: #0e76bc !important;
}
.product-wrapper .product .product-section .product-left ul li {
  font-size: 16px !important;
  list-style: none !important;
  margin: 0px 0px 5px 0px !important;
}
.product-wrapper .product .product-section .product-left ul li svg {
  width: 12px !important;
  display: inline !important;
  float: left !important;
  margin: 5px 5px 0px 0px !important;
}
.product-wrapper .product .product-section .product-right {
  display: grid;
  justify-content: center;
  align-items: center !important;
  position: relative !important;
}
.product-wrapper .product .product-section .product-right img {
  width: 80% !important;
  margin: 0 auto;
  text-align: center;
  z-index: 9999 !important;
}
.product-wrapper .product .product-section .product-right .pulse-circle {
  border-radius: 50%;
  background-color: #0f2545;
  position: absolute !important;
  display: block;
  float: left;
  text-align: center;
  width: 170px !important;
  height: 170px !important;
  margin: 0 auto !important;
  left: 0;
  right: 0 !important;
  z-index: 1;
  animation: scaleIn 6s linear alternate infinite;
}
@keyframes scaleIn {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  50% {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
  100% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
}
.product-wrapper .product .product-section .product-right img.bg-shape {
  position: relative;
  animation: anim-grow-shrink 4s infinite alternate-reverse linear;
}
@keyframes anim-grow-shrink {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.3);
  }
}
.product-wrapper .product .product-section .product-right img.front-img {
  position: absolute !important;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  text-align: center;
  width: auto !important;
}
.product-wrapper .product .product-section .product-right a {
  border: 1px solid #219868 !important;
  padding: 10px 30px !important;
  border-radius: 5px;
  color: #219868 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  width: auto;
  text-align: center;
  margin: 0 auto !important;
  font-family: "Saira", sans-serif !important;
}

.product-wrapper #SA .product-section .product-right {
  position: relative;
  width: 600px;
  overflow: hidden;
}
.product-wrapper #SA .product-section .product-right .base-img {
  width: 100%;
  display: block;
}

.product-wrapper #SC .product-section .product-right {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* top → bottom */
}
.product-wrapper #SC .product-section .product-right img {
  position: relative;
  z-index: 2;
  animation: floatMain 4s ease-in-out infinite;
}
.product-wrapper #SC .product-section .product-right:before {
  content: "";
  position: absolute;
  height: 100%;
  background: url("/assets/images/sc.png") no-repeat center/contain;
  opacity: 0.25; /* looks like back phone */
  filter: blur(2px); /* depth feel */
  z-index: 1;
  animation: floatBack 4s ease-in-out infinite;
}
@keyframes floatMain {
  0% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(15px);
  }
}
@keyframes floatBack {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(-15px);
  }
}

.product-wrapper #MDP .product-section .mdp-reveal {
  margin: auto;
  overflow: hidden;
}
.product-wrapper #MDP .product-section .mdp-reveal img {
  width: 100%;
  display: block;
  /* hide everything except a thin top strip */
  clip-path: inset(0 0 100% 0);
  /* forward + reverse animation */
  animation: mdpBounce 6s ease-in-out infinite;
}
@keyframes mdpBounce {
  /* completely hidden */
  0% {
    clip-path: inset(0 0 100% 0);
  }
  /* reveal step 1 */
  20% {
    clip-path: inset(0 0 60% 0);
  }
  /* reveal step 2 */
  40% {
    clip-path: inset(0 0 30% 0);
  }
  /* fully visible */
  50% {
    clip-path: inset(0 0 0 0);
  }
  /* hold full view */
  65% {
    clip-path: inset(0 0 0 0);
  }
  /* start hiding from bottom */
  80% {
    clip-path: inset(30% 0 0 0);
  }
  /* more hidden upward */
  90% {
    clip-path: inset(60% 0 0 0);
  }
  /* back to fully hidden */
  100% {
    clip-path: inset(100% 0 0 0);
  }
}

section.services {
  display: block;
  float: left;
  width: 100% !important;
  background: #f3f3f3 !important;
  padding: 60px 0px;
}
section.services h2 {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
  margin: 0px 0px 40px 0px !important;
}
section.services .services-section {
  display: grid;
  grid-template-columns: 3fr 3fr 3fr 3fr;
  gap: 0px 15px;
  width: 100% !important;
  height: 420px !important;
}
section.services .services-section .services-block {
  position: relative;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 8px -3px rgba(11, 11, 11, 0.2) !important;
  background: #ffffff !important;
}
section.services .services-section .services-block a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a svg {
  width: 75% !important;
  display: block;
  height: 420px !important;
  margin: 0 auto;
  text-align: center !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a svg.mobile {
  width: 50% !important;
}
section.services .services-section .services-block a:after {
  content: "";
  position: absolute;
  z-index: 999 !important;
  top: 0px !important;
  width: 100% !important;
  height: 420px !important;
  border-radius: 10px !important;
}
section.services .services-section .services-block a .service-content {
  position: absolute;
  bottom: 30px !important;
  display: block;
  left: 10px !important;
  z-index: 9999 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a .service-content img.icon {
  z-index: 9999 !important;
  bottom: 140px !important;
  left: 5px !important;
  width: 40px !important;
  filter: brightness(0) !important;
}
section.services .services-section .services-block a .service-content h3 {
  z-index: 9999 !important;
  bottom: 80px !important;
  left: 10px !important;
  margin: 5px 0px 0px 0px !important;
  font-weight: bold !important;
  font-size: 20px !important;
  color: #333333 !important;
  line-height: 1.4 !important;
}
section.services .services-section .services-block a .service-content .hidden {
  display: none !important;
}
section.services .services-section .services-block a .service-content .hidden span {
  display: inline;
  float: left !important;
  background: #be263b;
  padding: 3px !important;
  float: left !important;
  color: #ffffff !important;
  margin: 0px 5px 0px 0px !important;
  font-size: 11px !important;
  border-radius: 5px !important;
}
section.services .services-section .services-block a .service-content .hidden span.icon {
  background: transparent !important;
  padding: 0px !important;
  margin: 0px !important;
}
section.services .services-section .services-block a .service-content .hidden span.icon svg {
  width: 20px !important;
  height: 20px !important;
  transform: rotate(-45deg) !important;
}
section.services .services-section .services-block a .service-content .hidden span.icon svg path {
  fill: #ffffff !important;
}
section.services .services-section .services-block a:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a:hover .service-content {
  bottom: 45px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a:hover .service-content h3 {
  bottom: 80px !important;
  color: #ffffff !important;
}
section.services .services-section .services-block a:hover .service-content .hidden {
  margin: 10px 0px 0px 0px !important;
  display: block !important;
  float: left;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.services .services-section .services-block a:hover:after {
  background: rgba(0, 0, 0, 0.45) !important;
}
section.services .services-section .services-block a:hover svg {
  transform: scale(1.1) !important;
}
section.services .services-section .services-block a:hover img.icon {
  bottom: 140px !important;
  filter: brightness(1) !important;
}

section.our-client {
  display: block;
  float: left;
  width: 100% !important;
  background: #ffffff !important;
  padding: 60px 0px;
  border-top: 1px solid #f3f3f3 !important;
}
section.our-client h2 {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
  margin: 0px 0px 30px 0px !important;
  font-size: 30px !important;
}
section.our-client h2 span {
  font-size: 30px !important;
}
section.our-client .demo {
  display: block;
  float: left;
  width: 100% !important;
}
section.our-client .demo .item {
  display: block;
  float: left;
  width: 100% !important;
}
section.our-client .demo .item ul li {
  border-right: 1px solid #ddd !important;
}
section.our-client .demo .item ul li img {
  width: 100% !important;
  padding: 10px 15px !important;
  height: auto;
  filter: grayscale(1);
}
section.our-client .demo .item ul li img:hover {
  filter: grayscale(0);
}
section.our-client .demo .item ul li a {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
}
section.our-client .demo .item ul li a:nth-child(even) {
  border: none !important;
}
section.our-client .demo .item ul li:last-child {
  border: none !important;
}
section.our-client .demo .item ul.lSPager.lSpg {
  display: none !important;
}

.connect-with-us {
  display: block;
  float: left;
  width: 100% !important;
  background: #f6f9ff !important;
  padding: 100px 0px;
  position: relative;
}
.connect-with-us .connect-section {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 0px 0px;
}
.connect-with-us .connect-section .connect-left {
  position: relative;
  margin: 0px 0px 0px 100px !important;
}
.connect-with-us .connect-section .connect-left:before {
  content: "";
  position: absolute;
  background: url("../images/navigation.png") left top no-repeat !important;
  background-size: cover;
  width: 100% !important;
  height: 98px !important;
  left: -95px !important;
  top: 5px !important;
}
.connect-with-us .connect-section .connect-left h1 {
  margin: 0px 0px 10px 0px !important;
}
.connect-with-us .connect-section .connect-right {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
}
.connect-with-us .connect-section .connect-right a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100% !important;
  font-size: 30px !important;
  font-weight: bold !important;
  color: #0e76bc;
}
.connect-with-us .connect-section .connect-right .more-button a {
  color: #ffffff !important;
  font-weight: normal !important;
  border-radius: 20px !important;
  font-size: 18px !important;
  margin: -15px 0px 0px 0px !important;
}

.contact-us {
  display: block;
  float: left;
  width: 100% !important;
  background: #f3f3f3 !important;
  padding: 40px 0px;
  position: relative;
}
.contact-us .contact-us-section {
  display: block;
  float: left;
  width: 100% !important;
  background: #ffffff !important;
  padding: 30px 30px;
  border-radius: 30px;
  box-shadow: 0px 0px 5px 0px rgba(22, 22, 22, 0.1) !important;
  position: relative;
}
.contact-us .contact-us-section:after {
  content: "";
  position: absolute;
  bottom: -44px;
  right: 100%;
  border-radius: 30px;
  left: 0;
  width: 100% !important;
  height: 5px;
  z-index: 9999;
  background: linear-gradient(272.44deg, #be263b -8.47%, #0e76bc 100%);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contact-us .contact-us-section .contact-left h5 {
  text-transform: uppercase;
  color: #999999;
  animation: letspace 600ms linear alternate infinite !important;
}
.contact-us .contact-us-section .contact-left h2 {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px 10px 0px !important;
}
.contact-us .contact-us-section .contact-left p {
  display: block;
  float: left;
  width: 100% !important;
  width: 90% !important;
  margin: 20px 0px 0px 0px !important;
}
.contact-us .contact-us-section .contact-right img {
  width: 80% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.contact-us .contact-us-section .contact-right svg {
  width: 70% !important;
  height: 200px !important;
}
.contact-us .contact-us-section .contact-right svg path[d="M683.12454,282.42068V398.06673A9.11863,9.11863,0,0,1,674.101,407.186a.80182.80182,0,0,1-.09986.00416H660.54129a40.6065,40.6065,0,0,1-40.6065-40.6065v-84.163a9.12338,9.12338,0,0,1,9.12338-9.12338l5.454,0c-2.52672,7.37064,31.7654,10.47377,33.648,0l5.841,0A9.12341,9.12341,0,0,1,683.12454,282.42068Z"] {
  fill: #be263b;
}
.contact-us .contact-us-section .contact-right svg path[d="M901.00443,442.26243l-25.1032-24.79356a8.72676,8.72676,0,0,0-12.32743.0765,22,22,0,1,0,31.30516,30.919Z"] {
  fill: #0e76bc;
}
.contact-us .contact-us-section .contact-right svg path[d="M975.70994,516.04649l-25.1032-24.79357a8.72678,8.72678,0,0,0-12.32743.0765,22,22,0,1,0,31.30516,30.919Z"] {
  fill: #0e76bc;
}
.contact-us .contact-us-section .contact-right svg path[d="M337.23235,486.62784c-26.38574,0-53.89882-.25214-64.16427-.41561a5.17627,5.17627,0,0,1-5.06954-5.15521V427.09538a1.82954,1.82954,0,0,1,1.823-1.82756H390.29728a1.82942,1.82942,0,0,1,1.82726,1.8227v36.612a22.84157,22.84157,0,0,1-22.45691,22.75218C360.10027,486.57927,348.7713,486.62784,337.23235,486.62784Z"] {
  fill: #0e76bc;
}

.contact-bottom {
  display: block;
  float: left;
  width: 100% !important;
  background: #ffffff !important;
  padding: 60px 0px !important;
}
.contact-bottom .contact-bottom-section .contact-form {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd;
  padding: 30px 30px 30px 30px;
  border-radius: 5px;
}
.contact-bottom .contact-bottom-section .contact-form h2 {
  font-size: 26px !important;
}
.contact-bottom .contact-bottom-section .contact-form h2 span {
  font-size: 26px !important;
}
.contact-bottom .contact-bottom-section .contact-form form {
  display: block;
  float: left;
  width: 100% !important;
  margin: 30px 0px 0px 0px !important;
}
.contact-bottom .contact-bottom-section .contact-information {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd;
  padding: 30px 30px 30px 30px;
  border-radius: 5px;
  background: #f3f3f3;
}
.contact-bottom .contact-bottom-section .contact-information h2 {
  font-size: 26px !important;
}
.contact-bottom .contact-bottom-section .contact-information h2 span {
  font-size: 26px !important;
}
.contact-bottom .contact-bottom-section .contact-information .item {
  display: flex;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 20px 0px 0px 0px !important;
  float: left;
}
.contact-bottom .contact-bottom-section .contact-information .item .icon svg {
  background: #ffffff;
  padding: 20px !important;
  margin: 0px 20px 0px 0px !important;
  height: 60px !important;
  width: 60px !important;
  border-radius: 5px !important;
  text-align: center;
  color: #0e76bc;
  fill: #0e76bc;
}
.contact-bottom .contact-bottom-section .contact-information .item .info {
  display: block;
  float: left;
  width: calc(100% - 80px) !important;
}
.contact-bottom .contact-bottom-section .contact-information .item .info a {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 16px !important;
}
.contact-bottom .contact-bottom-section .contact-information .item:hover .icon svg {
  fill: #be263b !important;
}

.join-us .join-us-section::after {
  display: none !important;
}
.join-us .join-us-section .join-right svg path[d="M641.79483,709.25743h-537a1,1,0,0,1,0-2h537a1,1,0,0,1,0,2Z"],
.join-us .join-us-section .join-right svg path[d="M447.73748,504.4896l-24.91564-57.41229-3.62029-52.59964-.73-11.055a10.56595,10.56595,0,0,1,21.01565-2.0969l7.843,58.63588,13.50028,58.496Z"],
.join-us .join-us-section .join-right svg path[d="M386.04414,451.97165l-6.22528-29.94941-1.95619-22.81317a53.714,53.714,0,0,1,10.18022-36.31795l1.98977-2.71789,33.50383,11.90825,16.33365,21.53228c9.96788,10.0222,2.16405,19.61714,1.07625,20.85313l-.33444,30.26247-.37615.05046Z"],
.join-us .join-us-section .join-right svg path[d="M348.60546,496.9351l4.72284-54.63581,13.77849-49.90141A18.84767,18.84767,0,0,1,383.378,378.73315l.44949-.0432,2.448,37.45429-17.6201,36.20633-5.82411,43.43665Z"] {
  fill: #be263b;
}

.join-bottom .join-bottom-section h2 {
  font-size: 40px !important;
  text-align: center !important;
  margin: 0px 0px 40px 0px !important;
}
.join-bottom .join-bottom-section h2 .t-color {
  font-size: 40px !important;
}
.join-bottom .join-bottom-section .career-listing {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 80% !important;
  border-radius: 20px !important;
  padding: 20px !important;
  background: #ffffff !important;
  text-align: left !important;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.0509803922) !important;
  margin: 30px auto !important;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.join-bottom .join-bottom-section .career-listing a {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}
.join-bottom .join-bottom-section .career-listing a h1 {
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: bold !important;
  margin: 0px 0px 10px 0px !important;
  color: #333333 !important;
}
.join-bottom .join-bottom-section .career-listing a span.view-details {
  color: #0e76bc !important;
  width: 170px;
  padding: 10px 10px;
  position: absolute !important;
  right: 20px !important;
  font-size: 15px !important;
  font-weight: normal !important;
  bottom: 20px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.join-bottom .join-bottom-section .career-listing a span.view-details svg {
  width: 20px !important;
  display: inline !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  fill: #0e76bc !important;
  padding: 0px 0px 0px 5px !important;
}
.join-bottom .join-bottom-section .career-listing a .c-opening span {
  position: relative;
  padding: 0px 20px 0px 0px !important;
  font-size: 14px !important;
}
.join-bottom .join-bottom-section .career-listing a .c-opening span:after {
  content: "";
  position: absolute;
  background: #333333;
  width: 1px;
  height: 15px !important;
  right: 6px !important;
  top: 3px !important;
}
.join-bottom .join-bottom-section .career-listing a .c-opening span span:last-child:after {
  display: none !important;
}
.join-bottom .join-bottom-section .career-listing:hover {
  background: #ffffff !important;
  box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.join-bottom .join-bottom-section .career-listing:hover a h1 {
  color: #be263b !important;
}
.join-bottom .join-bottom-section .career-listing:hover a span.view-details {
  padding: 10px 10px;
  width: 170px;
  margin: 0px !important;
}
.join-bottom .join-bottom-section .career-listing:hover a span.view-details svg {
  margin: 0px 0px 0px 10px !important;
}

.job-details-bottom .job-bottom-section .job-details-content h2 {
  font-size: 26px !important;
}
.job-details-bottom .job-bottom-section .job-details-content h2 span {
  font-size: 26px !important;
}
.job-details-bottom .job-bottom-section .job-details-content p {
  display: block;
  float: left;
  width: 100% !important;
  color: #333333;
  margin: 0px 0px 10px 0px !important;
  font-size: 14px;
}
.job-details-bottom .job-bottom-section .job-details-content h4 {
  font-size: 18px !important;
  color: #0e76bc !important;
}
.job-details-bottom .job-bottom-section .job-details-content ul {
  display: block;
  float: left;
  width: 100% !important;
  color: #333333;
  margin: 0px 0px 10px 0px !important;
}
.job-details-bottom .job-bottom-section .job-details-content ul li {
  display: block;
  float: left;
  width: 100% !important;
  color: #333333;
  margin: 5px 0px 5px 20px !important;
  text-indent: 2px !important;
  font-size: 14px;
}
.job-details-bottom .job-bottom-section .job-details-content ul li svg {
  width: 12px !important;
  display: inline !important;
  float: left !important;
  margin: 5px 5px 0px -20px !important;
}
.job-details-bottom .job-bottom-section .job-details-content .work {
  display: block;
  float: left;
  width: 100% !important;
  color: #333333;
  border-radius: 5px !important;
  padding: 20px !important;
  background: #f3f3f3 !important;
}
.job-details-bottom .job-bottom-section .job-details-content .work p {
  font-size: 14px;
}
.job-details-bottom .job-bottom-section .job-apply-form {
  display: inline;
  float: right;
  width: 80% !important;
  padding: 30px 30px !important;
  margin: 0 auto !important;
  border: 1px solid #aaa !important;
  border-radius: 20px !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form {
  padding: 0px !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form h2 {
  font-size: 26px !important;
  margin: 0px 0px 20px 0px !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form h2 span {
  font-size: 26px !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 {
  position: relative !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 label {
  margin: 0px 0px 0px 0px !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 input[type=file] {
  border: none;
  height: 100%;
  -webkit--webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -moz--webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: transparent;
  line-height: 2rem !important;
  outline: none !important;
  height: 150px !important;
  padding: 0px !important;
  border-radius: 5px !important;
  border: 1px dashed #bbb !important;
  opacity: 0 !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 .upload-area {
  border: 1px dashed #bbb !important;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 150px !important;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  padding: 5px;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 .upload-area p {
  display: inline !important;
  float: left !important;
  width: auto !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 .upload-area .upload_img {
  position: relative;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 .upload-area .upload_img:before {
  content: "";
  background: rgba(190, 38, 58, 0.2);
  margin: 0px 0px 10px 0px !important;
  animation: circle 2s linear infinite;
  width: 50px;
  height: 50px;
  border-radius: 50% !important;
  position: absolute !important;
}
.job-details-bottom .job-bottom-section .job-apply-form form .mb-3 .upload-area .upload_img svg {
  fill: #be263b !important;
  width: 20px !important;
  margin: 12px 15px !important;
  animation: none !important;
}
@keyframes circle {
  0% {
    transform: scale(0, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
.job-details-bottom .job-bottom-section .job-apply-form form .more-button {
  margin: 0px 0px 0px 0px !important;
}
.job-details-bottom .job-bottom-section .article-share-fixed {
  z-index: 99999 !important;
  text-align: left !important;
}

/*about-us*/
.about-us {
  position: relative;
  overflow: hidden !important;
}
.about-us:before {
  content: "";
  background: #0e76bc;
  height: 280px !important;
  width: 25% !important;
  position: absolute;
  left: 0px !important;
  top: 0px !important;
  filter: blur(300px);
}
.about-us:after {
  content: "";
  background: #be263b;
  height: 280px !important;
  width: 25% !important;
  position: absolute;
  right: 0px !important;
  top: 0px !important;
  border-radius: 0px !important;
  z-index: 9 !important;
  filter: blur(300px);
}
.about-us .about-us-section {
  border-radius: 20px !important;
  z-index: 99 !important;
}
.about-us .about-us-section:after {
  display: none;
}
.about-us .about-us-section .about-left p {
  margin: 0px 0px 0px 0px !important;
}
.about-us .about-us-section .about-right {
  margin: 0 auto;
  text-align: center;
}
.about-us .about-us-section .about-right img {
  width: 70% !important;
  border-radius: 5px !important;
  transform: translateX(0px);
  animation: slideleft 0.8s ease-out forwards;
}
@keyframes slideleft {
  to {
    opacity: 1;
    transform: translateX(60px);
  }
}

.about-bottom-section .about-us-content {
  display: block;
  float: left;
  width: 100% !important;
}
.about-bottom-section .about-us-content h2 {
  margin: 0px 0px 10px 0px !important;
}
.about-bottom-section .about-us-content .company-highlight {
  display: block;
  float: left;
  width: 100% !important;
  margin: 30px 0px !important;
  overflow: hidden !important;
}
.about-bottom-section .about-us-content .company-highlight ul li {
  display: inline;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 20px 5px;
  border: 1px solid #ddd !important;
  background: #f3f3f3;
  text-align: center;
  border-radius: 5px;
}
.about-bottom-section .about-us-content .company-highlight ul li h3 {
  font-size: 24px !important;
  color: #333333 !important;
}
.about-bottom-section .about-us-content .company-highlight ul li p, .about-bottom-section .about-us-content .company-highlight ul li span {
  color: #333333;
  margin: 0px 0px 10px 0px;
}
.about-bottom-section .about-us-content .company-highlight ul li:hover {
  background: #0e76bc !important;
  border: 1px solid #0e76bc !important;
}
.about-bottom-section .about-us-content .company-highlight ul li:hover h3, .about-bottom-section .about-us-content .company-highlight ul li:hover p, .about-bottom-section .about-us-content .company-highlight ul li:hover span {
  color: #ffffff !important;
}
.about-bottom-section .about-us-content .why-us {
  display: block;
  float: left;
  width: 100% !important;
  margin: 20px 0px !important;
}
.about-bottom-section .about-us-content .why-us h3 {
  margin: 0px 0px 10px 0px !important;
}
.about-bottom-section .about-us-content .why-us p {
  color: #333333;
  margin: 0px 0px 10px 0px;
}
.about-bottom-section .about-us-content .why-us ul li {
  display: block;
  float: left;
  width: 100% !important;
  background: #f3f3f3 !important;
  border-radius: 5px !important;
  padding: 15px !important;
  font-size: 16px !important;
  list-style: none !important;
  margin: 10px 0px 0px 0px !important;
}
.about-bottom-section .about-us-content .why-us ul li svg {
  width: 12px !important;
  display: inline !important;
  float: left !important;
  margin: 5px 5px 0px 0px !important;
}
.about-bottom-section .about-us-content .why-us ul li h6 {
  display: inline;
  float: left;
  width: auto !important;
  color: #0f2545 !important;
  font-size: 16px !important;
}
.about-bottom-section .about-us-content .why-us ul li p {
  display: inline;
  float: left;
  width: auto !important;
  margin: 0px 0px 20px 15px !important;
}
.about-bottom-section .article-share-fixed {
  z-index: 99999 !important;
  text-align: left !important;
}
.about-bottom-section .mission-vision {
  display: flex;
  flex-wrap: wrap;
  justify-content: right !important;
}
.about-bottom-section .mission-vision .mission {
  display: block;
  float: left;
  width: 60% !important;
  padding: 20px !important;
  background: #0e76bc !important;
  border-radius: 5px;
  margin: 0px 0px 40px 0px !important;
  height: 300px !important;
  position: relative;
  z-index: 9999 !important;
  transform: translateX(60px);
  animation: slideright 0.8s ease-out forwards;
}
.about-bottom-section .mission-vision .mission .v-text {
  opacity: 0;
  transform: translateX(60px);
  animation: slideright 0.8s ease-out forwards;
}
.about-bottom-section .mission-vision .mission .v-text p {
  position: absolute !important;
  left: -172px !important;
  top: 85px !important;
  color: #ddd !important;
  text-transform: uppercase !important;
  font-size: 60px !important;
  font-weight: bold !important;
  transform: rotate(-90deg) !important;
  z-index: 99 !important;
}
.about-bottom-section .mission-vision .mission svg {
  width: 70px !important;
  height: 60px !important;
}
.about-bottom-section .mission-vision .mission svg path {
  fill: #ffffff !important;
}
.about-bottom-section .mission-vision .mission h3 {
  color: #ffffff !important;
  margin: 5px 0px 5px 0px !important;
}
.about-bottom-section .mission-vision .mission p {
  color: #ffffff !important;
}
.about-bottom-section .mission-vision .vision {
  background: #be263b !important;
  position: relative;
  transform: translateX(60px);
  animation: slideright 2s ease-out forwards;
}
.about-bottom-section .mission-vision .vision .v-text {
  opacity: 0;
  transform: translateX(60px);
  animation: slideright 2s ease-out forwards;
}
.about-bottom-section .mission-vision .vision .v-text p {
  position: absolute !important;
  left: -145px !important;
  top: 85px !important;
  color: #ddd !important;
  text-transform: uppercase !important;
  font-size: 60px !important;
  font-weight: bold !important;
  transform: rotate(-90deg) !important;
  z-index: 99 !important;
}
@keyframes slideright {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*about-us*/
/*services*/
.our-services .our-services-section:after {
  display: none !important;
}
.our-services .our-services-section .services-right {
  display: block;
  float: right;
  width: 100% !important;
  overflow: hidden !important;
}
.our-services .our-services-section .services-right img {
  width: 80% !important;
  float: right !important;
  border-radius: 5px;
  filter: grayscale(0);
  transform: translateX(60px);
  animation: slideright 0.8s ease-out forwards;
}

.services-bottom .services-bottom-section .services-left {
  display: block;
  float: left;
  width: 100% !important;
}
.services-bottom .services-bottom-section .services-left h2 {
  font-size: 36px !important;
}
.services-bottom .services-bottom-section .services-left h2 span {
  font-size: 36px !important;
}
.services-bottom .services-bottom-section .services-left .services-highlight {
  display: block;
  float: left;
  width: 100% !important;
  margin: 30px 0px !important;
  overflow: hidden !important;
}
.services-bottom .services-bottom-section .services-left .services-highlight ul li {
  display: inline;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 10px 10px;
  border: 1px solid #ddd !important;
  background: #ddd;
  text-align: center;
  border-radius: 5px;
  width: 50px !important;
  height: 50px !important;
}
.services-bottom .services-bottom-section .services-left .services-highlight ul li img {
  width: 100% !important;
  margin: 0px 0px !important;
}
.services-bottom .services-bottom-section .services-left .services-highlight ul li.active {
  background: #0e76bc !important;
}
.services-bottom .services-bottom-section .services-right {
  display: block;
  float: left;
  width: 100% !important;
}
.services-bottom .services-bottom-section .services-right .services-list {
  float: right !important;
  background-attachment: #ffffff;
  z-index: 9999 !important;
  display: block;
  margin: 0px auto 80px auto !important;
  width: 80% !important;
  padding: 30px 30px !important;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.0509803922) !important;
}
.services-bottom .services-bottom-section .services-right .services-list img {
  width: 60px;
  height: 60px !important;
  border-radius: 50% !important;
  padding: 10px !important;
  background: #0e76bc !important;
}
.services-bottom .services-bottom-section .services-right .services-list h3 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 22px !important;
  color: #333333 !important;
  margin: 10px 0px 10px 0px !important;
}
.services-bottom .services-bottom-section .services-right .services-list h3 span {
  font-size: 22px !important;
}
/*services*/
/*product*/
.product-green {
  background: #e8f7ed !important;
}
.product-green h2 {
  color: #219868 !important;
}
.product-green h3 {
  color: #219868 !important;
}
.product-green h4 {
  color: #219868 !important;
}

.product-blue {
  background: #e6f5ff !important;
}
.product-blue h2 {
  color: #144880 !important;
}
.product-blue h3 {
  color: #144880 !important;
}
.product-blue h4 {
  color: #144880 !important;
}

.product-black {
  background: #ddd !important;
}
.product-black h2 {
  color: #333333 !important;
}
.product-black h3 {
  color: #333333 !important;
}
.product-black h4 {
  color: #333333 !important;
}

.product-bluegreen {
  background: #c5e8ff !important;
}
.product-bluegreen h2 {
  color: #104568 !important;
}
.product-bluegreen h3 {
  color: #104568 !important;
}
.product-bluegreen h4 {
  color: #104568 !important;
}

.main-product {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  align-content: center !important;
  height: auto !important;
  padding: 40px 0px !important;
  float: left !important;
}
.main-product .main-product-section {
  display: grid;
  grid-template-columns: 6fr 6fr;
  gap: 0px 10px;
}
.main-product .main-product-section .main-product-left h2 {
  margin: 0px 0px 0px 0px !important;
}
.main-product .main-product-section .main-product-left h3 {
  margin: 15px 0px 0px 0px !important;
  font-size: 20px !important;
}
.main-product .main-product-section .main-product-left ul li {
  display: inline;
  float: left !important;
  width: auto !important;
}
.main-product .main-product-section .main-product-left ul li img.app {
  width: 80px !important;
  border-radius: 5px;
  margin: 0px 20px 0px 0px !important;
}
.main-product .main-product-section .main-product-left p {
  font-size: 16px !important;
}
.main-product .main-product-section .main-product-left a {
  font-size: 16px !important;
}
.main-product .main-product-section .main-product-left a:hover {
  text-decoration: underline !important;
}
.main-product .main-product-section .main-product-left .ratings {
  display: block;
  float: left !important;
  width: 100% !important;
}
.main-product .main-product-section .main-product-left .ratings svg {
  width: 10px !important;
}
.main-product .main-product-section .main-product-left .ratings svg path {
  fill: #219868 !important;
}
.main-product .main-product-section .main-product-left .ratings svg.gray path {
  fill: #999999 !important;
}
.main-product .main-product-section .main-product-right {
  width: 80% !important;
  margin: 0 auto;
  text-align: center;
  float: right !important;
}
.main-product .main-product-section .main-product-right img {
  width: 70% !important;
  transform: translateX(0px);
  animation: slideleft 0.8s ease-out forwards;
  border-radius: 50% !important;
}

.product-page {
  padding: 0px !important;
  height: auto !important;
}

.key-feature-wrapper {
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 60px 0px !important;
}
.key-feature-wrapper .key-feature .key-feature-section h2 {
  margin: 0px 0px 20px 0px !important;
  font-weight: bold !important;
  font-size: 30px !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block {
  display: block;
  float: left;
  width: 100% !important;
  border-radius: 5px;
  padding: 20px !important;
  margin: 0px 0px 40px 0px !important;
  background: #ffffff;
  height: 320px !important;
  position: relative;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15) !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block img {
  width: 25% !important;
  margin: 0px 0px 0px -15px !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block h4 {
  font-size: 18px !important;
  font-weight: bold !important;
  margin: 0px 0px 5px 0px !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block p {
  font-size: 14px !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block p.no-image {
  height: 40px !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block span {
  position: absolute;
  padding: 10px 20px !important;
  background-color: #ddd !important;
  right: 20px !important;
  font-weight: bold !important;
  margin: -30px 0px 0px 0px !important;
  font-size: 20px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15) !important;
}
.key-feature-wrapper .key-feature .key-feature-section .key-feature-block:hover span {
  margin: 0px 0px 0px 0px !important;
  box-shadow: none !important;
}

/*product*/
.product-details {
  display: block;
  float: left;
  width: 100% !important;
  padding: 60px 0px !important;
  background: #ffffff !important;
}
.product-details .product-details-section .product-details-left h2 {
  font-size: 24px !important;
  margin: 0px 0px 10px 0px !important;
}
.product-details .product-details-section .product-details-left p {
  margin: 0px 0px 10px 0px !important;
}
.product-details .product-details-section .product-details-right {
  width: 80% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.product-details .product-details-section .product-details-right h2 {
  font-size: 24px !important;
  margin: 0px 0px 10px 0px !important;
}
.product-details .product-details-section .product-details-right img {
  width: 100% !important;
}
.product-details .product-details-section .product-details-right .more-button {
  width: 100% !important;
  margin: 20px auto 10px auto !important;
}
.product-details .product-details-section .product-details-right .more-button a {
  margin: 10px 10px 10px 10px !important;
}
.product-details .product-details-section .product-details-right .more-button a.trial {
  background: #30b981 !important;
}
.product-details .product-details-section .product-details-right .more-button a.register {
  background: #219868 !important;
}

/*testimonials*/
.testimonials {
  display: block;
  float: left;
  width: 100% !important;
  padding: 60px 0px !important;
  background: #f3f3f3 !important;
  position: relative;
  height: 100vh !important;
}
.testimonials:after {
  content: "";
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  background: #ffffff;
  width: 50% !important;
  height: 100vh !important;
}
.testimonials .testimonials-main {
  display: block;
  float: left;
  width: 90% !important;
  margin: 0 auto;
  height: auto !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.testimonials .testimonials-main h2 {
  text-align: center !important;
  margin: 0px 0px 30px 0px !important;
  font-size: 26px !important;
}
.testimonials .testimonials-main .demo {
  display: block;
  float: left;
  width: 100% !important;
}
.testimonials .testimonials-main .demo .item {
  display: block;
  float: left;
  width: 100% !important;
}
.testimonials .testimonials-main .demo .item img {
  display: block;
  margin: 0px auto 20px auto !important;
  text-align: center;
  height: 110px;
  width: 110px !important;
  border-radius: 50%;
}
.testimonials .testimonials-main .demo .item h2 {
  text-align: left !important;
  font-size: 16px !important;
  margin: 10px 0px 0px 0px !important;
  font-weight: bold !important;
}
.testimonials .testimonials-main .demo .item p {
  font-size: 14px !important;
}
.testimonials .testimonials-main .demo .item span {
  font-size: 13px !important;
}
.testimonials .testimonials-main .demo .item ul.lSPager.lSpg {
  display: none !important;
}
.testimonials .testimonials-main .testimonials-details h2 {
  text-align: left !important;
  font-size: 16px !important;
  margin: 10px 0px 0px 0px !important;
  font-weight: bold !important;
}
.testimonials .testimonials-main .testimonials-details p {
  font-size: 14px !important;
}
.testimonials .testimonials-main .testimonials-details span {
  font-size: 13px !important;
}
.testimonials .testimonials-main .testimonials-img {
  margin: 0 auto !important;
}
.testimonials .testimonials-main .testimonials-img img {
  display: block;
  margin: 0px auto 20px auto !important;
  text-align: center;
  height: 110px;
  width: 110px !important;
  border-radius: 50%;
}
.testimonials .request-demo {
  display: block;
  float: left;
  width: 40%;
  position: absolute;
  z-index: 9 !important;
}
.testimonials .request-demo form {
  width: 80% !important;
  margin: 0 auto !important;
}
.testimonials .request-demo form h2 {
  text-align: center !important;
  margin: 0px 0px 20px 0px !important;
  font-size: 26px !important;
}
.testimonials .request-demo form h2 span {
  text-align: center !important;
  margin: 0px 0px 20px 0px !important;
  font-size: 26px !important;
}
.testimonials .request-demo form .mb-3 small.text-danger {
  position: absolute;
  font-size: 12px !important;
}
.testimonials .request-demo form .mb-3 input, .testimonials .request-demo form .mb-3 select, .testimonials .request-demo form .mb-3 textarea {
  margin: 5px 0px 0px 0px !important;
}
.testimonials .request-demo form .half-width {
  display: block;
  float: left;
  width: 50% !important;
}
.testimonials .request-demo form .align-self-end {
  display: block;
  float: right;
  width: 50% !important;
}

/*testimonials*/
footer.footer {
  display: block;
  float: left;
  width: 100% !important;
  background: #0f2545 !important;
  padding: 60px 0px;
  color: #ffffff !important;
  position: relative;
}
footer.footer:before {
  content: "";
  position: absolute;
  background: url(../images/S-circle.png) left top no-repeat !important;
  background-size: 100% !important;
  height: 280px !important;
  width: 280px !important;
  bottom: 60px !important;
  left: -140px !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
footer.footer:hover:before {
  transform: rotate(250deg) !important;
}
footer.footer:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 100%;
  left: 0;
  width: 100% !important;
  height: 5px;
  z-index: 9999;
  background: linear-gradient(272.44deg, #be263b -8.47%, #0e76bc 100%);
  animation: linear-gradient 0.5s linear alternate infinite;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes linear-gradient {
  0% {
    background: linear-gradient(272.44deg, #be263b -8.47%, #0e76bc 100%);
  }
  100% {
    background: linear-gradient(272.44deg, #0e76bc -8.47%, #be263b 100%);
  }
}
footer.footer h2, footer.footer a {
  color: #ffffff !important;
}
footer.footer svg {
  fill: #ffffff !important;
  margin: 0px 10px 0px 0px;
}
footer.footer .footer-information a img {
  width: 80% !important;
}
footer.footer .footer-information ul li {
  margin: 10px 0px 20px 0px !important;
  padding: 0px 0px 0px 20px !important;
  color: #ffffff !important;
}
footer.footer .footer-information ul li svg {
  width: 18px !important;
}
footer.footer .footer-information ul li a.text-indent {
  display: block;
  float: left;
  width: 100% !important;
  margin: 5px 0px 20px 0px !important;
  text-indent: 28px !important;
  padding: 0px 0px 0px 0px;
}
footer.footer .footer-link {
  margin: 25px 0px 0px 0px !important;
}
footer.footer .footer-link h2 {
  margin: 0px 0px 30px 0px !important;
  font-size: 22px !important;
}
footer.footer .footer-link ul svg {
  width: 15px !important;
}
footer.footer .footer-link ul li {
  margin: 0px 0px 10px 0px !important;
}
footer.footer .footer-bottom {
  display: block;
  float: left;
  width: 100% !important;
  margin: 100px 0px 0px 0px !important;
  padding: 60px 0px 0px 0px !important;
  border-top: 1px solid #999999;
}
footer.footer .footer-bottom P {
  float: left !important;
}
footer.footer .footer-bottom ul {
  float: left !important;
}
footer.footer .footer-bottom ul li {
  float: left !important;
  margin: 0px 0px 0px 20px !important;
}
footer.footer .footer-bottom .copyright p {
  color: #ffffff !important;
}
footer.footer .footer-bottom .follow-us {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end !important;
}
footer.footer .footer-bottom .follow-us ul li a.facebook svg {
  width: 13px !important;
}
footer.footer .footer-bottom .follow-us ul li a.facebook svg path {
  fill: #ffffff !important;
}
footer.footer .footer-bottom .follow-us ul li a.linkedin svg {
  width: 19px !important;
}
footer.footer .footer-bottom .follow-us ul li a.linkedin svg path {
  fill: #ffffff !important;
}

/**responsive**/
@media screen and (min-width: 1400px) and (max-width: 8000px) {
  #wrapper {
    max-width: 1260px !important;
    margin: 0 auto !important;
    width: 1260px !important;
  }
  .offer:after {
    height: 550px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul {
    width: 70% !important;
    max-width: 70% !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1390px) {
  #wrapper {
    width: 88% !important;
  }
  .home-about {
    height: 70vh !important;
  }
  .home-about .hex-2 .our-product span {
    font-size: 110px !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 70% !important;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 40% !important;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
  .home-about .home-about-section .home-about-right .hex-1 {
    left: 130px !important;
    top: 50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-2 {
    top: -25px !important;
  }
  .home-about .home-about-section .home-about-right .hex-3 {
    right: 130px !important;
    top: 50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-4 {
    top: 125px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
  .home-about .home-about-section .home-about-right .hex-1 {
    left: 100px !important;
    top: 61px !important;
  }
  .home-about .home-about-section .home-about-right .hex-2 {
    top: -15px !important;
  }
  .home-about .home-about-section .home-about-right .hex-3 {
    right: 100px !important;
    top: 61px !important;
  }
  .home-about .home-about-section .home-about-right .hex-4 {
    top: 135px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #wrapper {
    width: 90% !important;
  }
  .offer .offer-section .offer-left h1 {
    font-size: 34px !important;
  }
  .offer .offer-section .offer-left h1 .t-color {
    font-size: 34px !important;
  }
  .home-about {
    height: auto !important;
  }
  .header .header-right nav ul li a {
    font-size: 14px !important;
    padding: 21px 10px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 {
    top: 64px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
    height: 120px !important;
  }
  .header .demo {
    margin: 20px 0px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li {
    padding: 20px 0px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li h3 {
    font-size: 16px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li span {
    font-size: 14px !important;
  }
  .our-product span {
    font-size: 90px !important;
  }
  .product-wrapper section:first-child {
    border-radius: 50px 50px 0px 0px !important;
  }
  .product-wrapper .product .container {
    width: 90% !important;
  }
  .product-wrapper .product .product-section .product-left h2 {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h2 span {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h3 {
    font-size: 20px !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 70% !important;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 40% !important;
  }
  .product-wrapper .product .product-section .product-right .pulse-circle {
    height: 120px !important;
    width: 120px !important;
  }
  .join-bottom .join-bottom-section .career-listing {
    width: 100% !important;
  }
  .contact-us .contact-us-section .contact-left p {
    width: 100% !important;
  }
  footer.footer .footer-link {
    margin: 10px 0px 0px 0px !important;
  }
  footer.footer::before {
    height: 180px !important;
    width: 180px !important;
    left: -110px !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .home-about .home-about-section .home-about-right .hex-1 {
    left: 80px !important;
  }
  .home-about .home-about-section .home-about-right .hex-2 {
    top: -50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-3 {
    right: 80px !important;
  }
  .home-about .home-about-section .home-about-right .hex-4 {
    top: 110px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1099px) {
  .home-about .home-about-section .home-about-right .hex-1 {
    left: 50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-2 {
    top: -50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-3 {
    right: 50px !important;
  }
  .home-about .home-about-section .home-about-right .hex-4 {
    top: 110px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #wrapper {
    width: 90% !important;
  }
  .full-vh {
    height: auto !important;
    padding: 60px 0px !important;
  }
  .header .logo a img {
    width: 100% !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 {
    margin: 0px !important;
    position: absolute;
    top: 10px !important;
    right: -330px !important;
    padding: 10px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
    height: 120px !important;
  }
  .header .header-right .demo {
    margin: 24px 70px 24px 0px !important;
  }
  .home-about {
    padding: 30px 0px !important;
    height: auto !important;
  }
  .home-about .home-about-section {
    grid-template-columns: 12fr !important;
  }
  .home-about .home-about-section .home-about-right {
    margin: 60px 0px 0px 0px !important;
  }
  .home-about .home-about-section .home-about-right .hex {
    position: static !important;
    animation: none !important;
  }
  .about-us .about-us-section .about-right {
    margin: 20px auto 0px auto !important;
    text-align: left !important;
  }
  .about-us .about-us-section .about-right img {
    width: 50% !important;
  }
  .offer .offer-section .offer-left h1 {
    font-size: 34px !important;
  }
  .offer .offer-section .offer-left h1 .t-color {
    font-size: 34px !important;
  }
  .header .demo {
    margin: 20px 0px !important;
  }
  .our-product span {
    font-size: 70px !important;
  }
  section.services .services-section {
    grid-template-columns: 6fr 6fr;
    gap: 15px !important;
    height: fit-content !important;
  }
  .product-wrapper section:first-child {
    border-radius: 50px 50px 0px 0px !important;
  }
  .product-wrapper .product .container {
    width: 90% !important;
  }
  .product-wrapper .product .product-section .product-left h2 {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h2 span {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h3 {
    font-size: 20px !important;
  }
  .product-wrapper .product .product-section .product-right {
    margin: 60px 0px 0px 0px !important;
    width: 100% !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 80% !important;
    margin: 30px auto;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 40% !important;
  }
  .product-wrapper .product .product-section .product-right .pulse-circle {
    height: 90px !important;
    width: 90px !important;
  }
  .connect-with-us {
    padding: 60px 0px !important;
  }
  .connect-with-us .connect-section {
    grid-template-columns: 7fr 5fr;
  }
  .connect-with-us .connect-section .connect-left h2 {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-left h2 .t-color {
    font-size: 26px !important;
  }
  .join-bottom .join-bottom-section .career-listing {
    width: 100% !important;
  }
  .job-details-bottom .job-bottom-section .job-apply-form {
    display: block !important;
    float: none !important;
    width: 80% !important;
    padding: 20px 20px 70px 20px !important;
    margin: 30px auto 0px auto !important;
  }
  .contact-us .contact-us-section .contact-left p {
    width: 100% !important;
  }
  .contact-bottom .contact-bottom-section .contact-form {
    padding: 15px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information {
    padding: 15px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .item .icon svg {
    padding: 15px !important;
    height: 55px !important;
    width: 55px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .info {
    width: calc(100% - 75px) !important;
  }
  .services-bottom .services-bottom-section .services-right .services-list {
    width: 100% !important;
    float: left !important;
    margin: 0px 0px 30px 0px !important;
  }
  /*our-product*/
  .product-details .product-details-section .product-details-right {
    float: left !important;
    text-align: left !important;
    margin: 20px 0px 0px 0px !important;
  }
  .main-product .main-product-section {
    grid-template-columns: 7fr 5fr;
  }
  .main-product .main-product-section .main-product-right {
    width: 100% !important;
    text-align: left !important;
    display: block;
    float: left;
    margin: auto !important;
  }
  .main-product .main-product-section .main-product-right img {
    width: 100% !important;
    animation: none !important;
  }
  .testimonials {
    height: auto !important;
    position: static !important;
  }
  .testimonials:after {
    display: none !important;
  }
  .testimonials .request-demo {
    width: 80% !important;
    position: static !important;
    margin: 20px auto 0px auto !important;
    float: none !important;
  }
  .testimonials .request-demo form {
    margin: 0 auto !important;
  }
  /*our-product*/
  footer.footer .footer-link {
    margin: 10px 0px 0px 0px !important;
  }
  footer.footer::before {
    height: 180px !important;
    width: 180px !important;
    left: -110px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #wrapper {
    width: 90% !important;
  }
  .full-vh {
    height: auto !important;
    padding: 60px 0px !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 {
    margin: 0px !important;
    position: absolute;
    top: 8px !important;
    right: 0px !important;
    padding: 10px !important;
  }
  .header .header-right nav .p-md-0 {
    left: -400px !important;
    top: 64px !important;
    z-index: 999999999 !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
    height: 120px !important;
  }
  .header .header-right .demo {
    display: none !important;
  }
  .header .logo a img {
    width: 100% !important;
  }
  .offer .container {
    max-width: 96% !important;
  }
  .offer:after {
    background: none !important;
  }
  .offer .offer-section .offer-left h1 {
    font-size: 30px !important;
  }
  .offer .offer-section .offer-left h1 .t-color {
    font-size: 30px !important;
  }
  .offer .offer-section .offer-left p {
    font-size: 18px !important;
  }
  .home-about {
    padding: 30px 0px !important;
    height: auto !important;
  }
  .home-about .home-about-section {
    grid-template-columns: 12fr !important;
  }
  .home-about .home-about-section .home-about-right {
    margin: 60px 0px 0px 0px !important;
  }
  .home-about .home-about-section .home-about-right .hex {
    position: static !important;
    animation: none !important;
  }
  .about-us .about-us-section .about-right {
    margin: 20px auto 0px auto !important;
    text-align: left !important;
  }
  .about-us .about-us-section .about-right img {
    width: 50% !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li {
    padding: 20px 0px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li h3 {
    font-size: 24px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li span {
    font-size: 16px !important;
  }
  .our-product span {
    font-size: 60px !important;
  }
  section.services .services-section {
    grid-template-columns: 6fr 6fr;
    gap: 15px !important;
    height: fit-content !important;
  }
  .product-wrapper section:first-child {
    border-radius: 50px 50px 0px 0px !important;
  }
  .product-wrapper .product .container {
    width: 90% !important;
  }
  .product-wrapper .product .grid-reverse {
    grid-auto-flow: initial !important;
  }
  .product-wrapper .product .product-section {
    grid-template-columns: 12fr !important;
  }
  .product-wrapper .product .product-section .product-left h2 {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h2 span {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h3 {
    font-size: 20px !important;
  }
  .product-wrapper .product .product-section .product-right {
    margin: 60px 0px 0px 0px !important;
    width: 100% !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 80% !important;
    margin: 30px auto;
  }
  .product-wrapper .product .product-section .product-right img.bg-shape {
    width: 50% !important;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 25% !important;
  }
  .product-wrapper .product .product-section .product-right .pulse-circle {
    height: 90px !important;
    width: 90px !important;
  }
  .connect-with-us {
    padding: 60px 0px !important;
  }
  .connect-with-us .connect-section {
    grid-template-columns: 12fr;
  }
  .connect-with-us .connect-section .connect-left h2 {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-left h2 .t-color {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-right {
    margin: 30px 0px 0px 0px !important;
  }
  .join-bottom .join-bottom-section .career-listing {
    width: 100% !important;
  }
  .join-bottom .join-bottom-section .career-listing a span.view-details {
    bottom: 0px !important;
    right: 0px !important;
  }
  .job-details-bottom .job-bottom-section .job-apply-form {
    display: block !important;
    float: none !important;
    width: 80% !important;
    padding: 20px 20px 70px 20px !important;
    margin: 30px auto 0px auto !important;
  }
  .contact-us .contact-us-section .contact-left p {
    width: 100% !important;
  }
  .contact-bottom .contact-bottom-section .contact-form {
    padding: 15px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information {
    padding: 15px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .item .icon svg {
    padding: 15px !important;
    height: 55px !important;
    width: 55px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .info {
    width: calc(100% - 75px) !important;
  }
  .services-bottom .services-bottom-section .services-right .services-list {
    width: 100% !important;
    float: left !important;
    margin: 0px 0px 30px 0px !important;
  }
  /*our-product*/
  .product-details .product-details-section .product-details-right {
    float: left !important;
    text-align: left !important;
    margin: 20px 0px 0px 0px !important;
  }
  .main-product .main-product-section {
    grid-template-columns: 12fr;
  }
  .main-product .main-product-section .main-product-right {
    width: 60% !important;
    text-align: left !important;
    display: block;
    float: left;
    margin: 20px auto 0px auto !important;
  }
  .main-product .main-product-section .main-product-right img {
    width: 100% !important;
    animation: none !important;
  }
  .testimonials {
    height: auto !important;
    position: static !important;
  }
  .testimonials:after {
    display: none !important;
  }
  .testimonials .request-demo {
    width: 80% !important;
    position: static !important;
    margin: 20px auto 0px auto !important;
    float: none !important;
  }
  .testimonials .request-demo form {
    margin: 0 auto !important;
  }
  /*our-product*/
  footer.footer .footer-link {
    margin: 10px 0px 0px 0px !important;
  }
  footer.footer::before {
    height: 180px !important;
    width: 180px !important;
    left: -110px !important;
    bottom: 140px !important;
  }
  footer.footer .footer-bottom .follow-us {
    margin: 20px 0px 0px 0px !important;
    justify-content: flex-start !important;
  }
  footer.footer .footer-bottom ul li {
    margin: 0px 20px 0px 0px !important;
  }
}
@media screen and (min-width: 448px) and (max-width: 575px) {
  #wrapper {
    width: 90% !important;
  }
  .full-vh {
    height: auto !important;
    padding: 60px 0px !important;
  }
  h2 span.t-color br {
    display: none !important;
  }
  .header {
    position: static !important;
    animation: none !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 {
    margin: 0px !important;
    position: absolute;
    top: -60px !important;
    right: -10px !important;
    padding: 10px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
    height: 120px !important;
  }
  .header .header-right nav .p-md-0 {
    left: -426px !important;
    top: 0px !important;
    z-index: 999999999 !important;
    width: 450px !important;
  }
  .header .header-right .demo {
    display: none !important;
  }
  .offer {
    height: auto !important;
    padding: 30px 0px !important;
  }
  .offer:after {
    height: 90vh !important;
    background-size: cover !important;
    width: 100% !important;
  }
  .offer .container {
    width: 90% !important;
  }
  .offer .container .fix-grid-container {
    display: none !important;
  }
  .offer .offer-section {
    grid-template-columns: 12fr;
  }
  .offer .offer-section .offer-left h1 {
    font-size: 26px !important;
  }
  .offer .offer-section .offer-left h1 .t-color {
    font-size: 26px !important;
  }
  .offer .offer-section .offer-left p {
    font-size: 16px !important;
  }
  .offer .offer-section .offer-right {
    margin: 30px 0px 0px 0px !important;
  }
  .offer .fix-grid-container {
    display: none !important;
  }
  .home-about {
    padding: 30px 0px !important;
    height: auto !important;
  }
  .home-about .home-about-section {
    grid-template-columns: 12fr !important;
  }
  .home-about .home-about-section .home-about-left h2 {
    font-size: 26px !important;
  }
  .home-about .home-about-section .home-about-left h2 .t-color {
    font-size: 26px !important;
  }
  .home-about .home-about-section .home-about-right {
    margin: 60px 0px 0px 0px !important;
    position: static !important;
  }
  .home-about .home-about-section .home-about-right .animated {
    animation: none !important;
  }
  .home-about .home-about-section .home-about-right .hex {
    position: static !important;
    animation: none !important;
    visibility: visible !important;
  }
  .about-us .about-us-section .about-right {
    margin: 20px auto 0px auto !important;
    text-align: left !important;
  }
  .about-us .about-us-section .about-right img {
    width: 50% !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li {
    padding: 15px 0px !important;
    width: 22% !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li h3 {
    font-size: 16px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li span {
    font-size: 14px !important;
  }
  .about-bottom-section .mission-vision .mission {
    width: 80% !important;
    height: auto !important;
  }
  .about-bottom-section .mission-vision .vision .v-text p {
    top: 71px !important;
  }
  .our-product {
    height: auto !important;
    padding: 60px 0px !important;
    position: static !important;
  }
  .our-product span {
    font-size: 40px !important;
  }
  section.services .services-section {
    grid-template-columns: 6fr 6fr;
    gap: 15px !important;
    height: fit-content !important;
  }
  section.services .services-section .services-block a svg {
    height: 350px !important;
  }
  .product-wrapper section:first-child {
    border-radius: 50px 50px 0px 0px !important;
  }
  .product-wrapper .product .container {
    width: 90% !important;
  }
  .product-wrapper .product .grid-reverse {
    grid-auto-flow: initial !important;
  }
  .product-wrapper .product .product-section {
    grid-template-columns: 12fr !important;
  }
  .product-wrapper .product .product-section .product-left h2 {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h2 span {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h3 {
    font-size: 20px !important;
  }
  .product-wrapper .product .product-section .product-right {
    margin: 60px 0px 0px 0px !important;
    width: 100% !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 80% !important;
    margin: 30px auto;
  }
  .product-wrapper .product .product-section .product-right img.bg-shape {
    width: 50% !important;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 25% !important;
  }
  .product-wrapper .product .product-section .product-right .pulse-circle {
    height: 90px !important;
    width: 90px !important;
  }
  section.our-client .demo .item {
    width: 70% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  section.our-client .demo .item ul li {
    border-right: none !important;
  }
  .connect-with-us {
    padding: 60px 0px !important;
  }
  .connect-with-us .connect-section {
    grid-template-columns: 12fr;
  }
  .connect-with-us .connect-section .connect-left h2 {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-left h2 .t-color {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-right {
    margin: 30px 0px 0px 0px !important;
  }
  .join-bottom .join-bottom-section .career-listing {
    width: 100% !important;
  }
  .join-bottom .join-bottom-section .career-listing a span.view-details {
    bottom: 0px !important;
    right: 0px !important;
    position: static !important;
    padding: 15px 0px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .job-details-bottom .job-bottom-section .job-apply-form {
    display: block !important;
    float: none !important;
    width: 80% !important;
    padding: 20px 20px 70px 20px !important;
    margin: 30px auto 0px auto !important;
  }
  .contact-us .contact-us-section .contact-left p {
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
  }
  .contact-bottom .contact-bottom-section .contact-form {
    padding: 15px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information {
    padding: 15px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .item .icon svg {
    padding: 15px !important;
    height: 55px !important;
    width: 55px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .info {
    width: calc(100% - 75px) !important;
  }
  .services-bottom .services-bottom-section .services-right .services-list {
    width: 100% !important;
    float: left !important;
    margin: 0px 0px 30px 0px !important;
    padding: 20px 20px !important;
  }
  /*our-product*/
  .product-details .product-details-section .product-details-right {
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    margin: 20px 0px 0px 0px !important;
  }
  .product-details .product-details-section .product-details-right iframe {
    width: 90% !important;
  }
  .main-product .main-product-section {
    grid-template-columns: 12fr;
  }
  .main-product .main-product-section .main-product-right {
    width: 60% !important;
    text-align: left !important;
    display: block;
    float: left;
    margin: 20px auto 0px auto !important;
  }
  .main-product .main-product-section .main-product-right img {
    width: 100% !important;
    animation: none !important;
  }
  .testimonials {
    height: auto !important;
    position: static !important;
  }
  .testimonials h2 {
    text-align: left !important;
  }
  .testimonials:after {
    display: none !important;
  }
  .testimonials .request-demo {
    width: 100% !important;
    position: static !important;
    margin: 20px auto 0px auto !important;
    float: left !important;
  }
  .testimonials .request-demo form {
    margin: 0 auto !important;
    width: 100% !important;
  }
  .testimonials .request-demo form h2 {
    text-align: left !important;
  }
  .product-page {
    padding: 0px !important;
  }
  .key-feature-wrapper .key-feature .key-feature-section .key-feature-block {
    margin: 0px 0px 20px 0px !important;
  }
  /*our-product*/
  .client-column[_ngcontent-ng-c3627020304] {
    border-right: none !important;
  }
  .client-column[_ngcontent-ng-c3627020304] .client-card {
    margin: 0 auto !important;
    border-right: 0px solid #ffffff !important;
  }
  .client-column {
    margin: 0 auto !important;
    border-right: 0px solid #ffffff !important;
    border-right: none !important;
  }
  footer.footer .footer-link {
    margin: 10px 0px 0px 0px !important;
  }
  footer.footer::before {
    height: 180px !important;
    width: 180px !important;
    left: -110px !important;
    bottom: 140px !important;
  }
  footer.footer .footer-information a img {
    width: 50% !important;
  }
  footer.footer .footer-link h2 {
    margin: 0px 0px 10px 0px !important;
  }
  footer.footer .footer-bottom .follow-us {
    margin: 20px 0px 0px 0px !important;
    justify-content: flex-start !important;
  }
  footer.footer .footer-bottom ul li {
    margin: 0px 20px 0px 0px !important;
  }
}
@media screen and (min-width: 545px) and (max-width: 575px) {
  .header .logo a img {
    width: 40% !important;
  }
}
@media screen and (min-width: 512px) and (max-width: 544px) {
  .header .logo a img {
    width: 50% !important;
  }
}
@media screen and (min-width: 448px) and (max-width: 511px) {
  .header .logo a img {
    width: 50% !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 447px) {
  #wrapper {
    width: 90% !important;
  }
  .full-vh {
    height: auto !important;
    padding: 60px 0px !important;
  }
  .header {
    position: static !important;
    animation: none !important;
  }
  .header .logo a img {
    width: 50% !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 {
    margin: 0px !important;
    position: absolute;
    top: -50px !important;
    right: 0px !important;
    padding: 10px !important;
  }
  .header .header-right nav .p-md-0 {
    width: 300px !important;
    left: -285px !important;
    top: 0px !important;
    z-index: 999999999 !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul li a {
    height: 130px !important;
  }
  .header .header-right .demo {
    display: none !important;
  }
  .offer {
    height: auto !important;
    padding: 30px 0px !important;
  }
  .offer:after {
    background: none !important;
  }
  .offer .container {
    width: 90% !important;
  }
  .offer .container .fix-grid-container {
    display: none !important;
  }
  .offer .offer-section {
    grid-template-columns: 12fr;
  }
  .offer .offer-section .offer-left h1 {
    font-size: 26px !important;
  }
  .offer .offer-section .offer-left h1 .t-color {
    font-size: 26px !important;
  }
  .offer .offer-section .offer-left p {
    font-size: 16px !important;
  }
  .offer .offer-section .offer-right {
    margin: 30px 0px 0px 0px !important;
  }
  .home-about {
    padding: 30px 0px !important;
    height: auto !important;
  }
  .home-about .home-about-section {
    grid-template-columns: 12fr !important;
  }
  .home-about .home-about-section .home-about-left h2 {
    font-size: 26px !important;
  }
  .home-about .home-about-section .home-about-left h2 .t-color {
    font-size: 26px !important;
  }
  .home-about .home-about-section .home-about-right {
    margin: 60px 0px 0px 0px !important;
    position: static !important;
  }
  .home-about .home-about-section .home-about-right .animated {
    animation: none !important;
  }
  .home-about .home-about-section .home-about-right .hex {
    position: static !important;
    animation: none !important;
    visibility: visible !important;
    width: 130px !important;
  }
  .home-about .home-about-section .home-about-right .hex h3 {
    margin: 20px 0px 0px 0px !important;
  }
  .home-about .home-about-section .home-about-right .hex span {
    font-size: 14px !important;
  }
  .about-us .about-us-section .about-right {
    margin: 20px auto 0px auto !important;
    text-align: left !important;
  }
  .about-us .about-us-section .about-right img {
    width: 60% !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li {
    padding: 15px 0px !important;
    width: 46% !important;
    margin: 5px 5px 5px 5px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li h3 {
    font-size: 20px !important;
  }
  .about-bottom-section .about-us-content .company-highlight ul li span {
    font-size: 16px !important;
  }
  .about-bottom-section .mission-vision .mission {
    width: 80% !important;
    height: auto !important;
  }
  .our-product {
    position: static !important;
    height: auto !important;
    padding: 60px 0px !important;
  }
  .our-product span {
    font-size: 30px !important;
  }
  section.services .services-section {
    grid-template-columns: 12fr;
    gap: 15px !important;
    height: fit-content !important;
  }
  section.services .services-section .services-block a svg {
    height: auto;
  }
  .product-wrapper section:first-child {
    border-radius: 50px 50px 0px 0px !important;
  }
  .product-wrapper .product .container {
    width: 90% !important;
  }
  .product-wrapper .product .grid-reverse {
    grid-auto-flow: initial !important;
  }
  .product-wrapper .product .product-section {
    grid-template-columns: 12fr !important;
  }
  .product-wrapper .product .product-section .product-left h2 {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h2 span {
    font-size: 24px !important;
  }
  .product-wrapper .product .product-section .product-left h3 {
    font-size: 20px !important;
  }
  .product-wrapper .product .product-section .product-right {
    margin: 60px 0px 0px 0px !important;
    width: 100% !important;
  }
  .product-wrapper .product .product-section .product-right img {
    width: 80% !important;
    margin: 30px auto;
  }
  .product-wrapper .product .product-section .product-right img.bg-shape {
    width: 50% !important;
  }
  .product-wrapper .product .product-section .product-right img.front-img {
    width: 35% !important;
  }
  .product-wrapper .product .product-section .product-right .pulse-circle {
    height: 90px !important;
    width: 90px !important;
  }
  section.our-client .demo .item {
    width: 60% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  section.our-client .demo .item ul li {
    border-right: none !important;
  }
  .connect-with-us {
    padding: 60px 0px !important;
  }
  .connect-with-us .connect-section {
    grid-template-columns: 12fr;
  }
  .connect-with-us .connect-section .connect-left {
    margin: 0px !important;
  }
  .connect-with-us .connect-section .connect-left:before {
    display: none !important;
  }
  .connect-with-us .connect-section .connect-left h2 {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-left h2 .t-color {
    font-size: 26px !important;
  }
  .connect-with-us .connect-section .connect-right {
    margin: 30px 0px 0px 0px !important;
  }
  .join-bottom .join-bottom-section h2 {
    font-size: 26px !important;
  }
  .join-bottom .join-bottom-section h2 .t-color {
    font-size: 26px !important;
  }
  .join-bottom .join-bottom-section .career-listing {
    width: 100% !important;
  }
  .join-bottom .join-bottom-section .career-listing a span.view-details {
    bottom: 0px !important;
    right: 0px !important;
    position: static !important;
    padding: 15px 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .job-details-bottom .job-bottom-section .job-apply-form {
    display: block !important;
    float: none !important;
    width: 100% !important;
    padding: 10px 10px 70px 10px !important;
    margin: 30px auto 0px auto !important;
  }
  .contact-us .contact-us-section {
    padding: 20px 20px !important;
  }
  .contact-us .contact-us-section .contact-left p {
    width: 100% !important;
  }
  .contact-bottom .contact-bottom-section .contact-form {
    padding: 15px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information {
    padding: 15px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .item .icon svg {
    padding: 15px !important;
    height: 55px !important;
    width: 55px !important;
  }
  .contact-bottom .contact-bottom-section .contact-information .info {
    width: 100% !important;
    margin: 10px 0px 0px 0px;
  }
  .services-bottom .services-bottom-section .services-right .services-list {
    width: 100% !important;
    float: left !important;
    margin: 0px 0px 30px 0px !important;
    padding: 20px 20px !important;
  }
  /*our-product*/
  .product-details .product-details-section .product-details-right {
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    margin: 20px 0px 0px 0px !important;
  }
  .product-details .product-details-section .product-details-right iframe {
    width: 100% !important;
  }
  .main-product .main-product-section {
    grid-template-columns: 12fr;
  }
  .main-product .main-product-section .main-product-right {
    width: 60% !important;
    text-align: left !important;
    display: block;
    float: left;
    margin: 20px auto 0px auto !important;
  }
  .main-product .main-product-section .main-product-right img {
    width: 100% !important;
    animation: none !important;
  }
  .testimonials {
    height: auto !important;
    position: static !important;
  }
  .testimonials h2 {
    text-align: left !important;
  }
  .testimonials:after {
    display: none !important;
  }
  .testimonials .request-demo {
    width: 100% !important;
    position: static !important;
    margin: 20px auto 0px auto !important;
    float: left !important;
  }
  .testimonials .request-demo form {
    margin: 0 auto !important;
    width: 100% !important;
  }
  .testimonials .request-demo form h2 {
    text-align: left !important;
  }
  .testimonials .request-demo form .half-width {
    width: 100% !important;
  }
  .product-page {
    padding: 0px !important;
  }
  .key-feature-wrapper .key-feature .key-feature-section .key-feature-block {
    margin: 0px 0px 20px 0px !important;
  }
  /*our-product*/
  .client-column[_ngcontent-ng-c3627020304] {
    border-right: none !important;
  }
  .client-column[_ngcontent-ng-c3627020304] .client-card {
    margin: 0 auto !important;
    border-right: 0px solid #ffffff !important;
  }
  .client-column {
    margin: 0 auto !important;
    border-right: 0px solid #ffffff !important;
    border-right: none !important;
  }
  .product-switch.sticky {
    display: none !important;
  }
  footer.footer .footer-link {
    margin: 10px 0px 0px 0px !important;
  }
  footer.footer::before {
    height: 180px !important;
    width: 180px !important;
    left: -110px !important;
    bottom: 140px !important;
  }
  footer.footer .footer-information a img {
    width: 50% !important;
  }
  footer.footer .footer-link h2 {
    margin: 0px 0px 10px 0px !important;
  }
  footer.footer .footer-bottom .follow-us {
    margin: 20px 0px 0px 0px !important;
    justify-content: flex-start !important;
  }
  footer.footer .footer-bottom ul li {
    margin: 0px 20px 0px 0px !important;
  }
}
@media (max-width: 768px) {
  br {
    content: " ";
    display: none !important;
  }
  .hex span br {
    display: block !important;
  }
}
@media screen and (min-width: 448px) and (max-width: 991px) {
  .p-md-0 {
    padding: 0 !important;
    position: absolute;
    z-index: 9999;
    background: #ffffff !important;
    width: 400px !important;
    left: -40px !important;
    top: 76px !important;
    border-bottom: 5px solid #0e76bc !important;
    box-shadow: 0 22px 30px -2px rgba(0, 0, 0, 0.2) !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 {
    background: #0e76bc !important;
    padding: 6px !important;
    margin: 7px 0px 0px -20px !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 span span.line1 {
    color: #ffffff !important;
    opacity: 1 !important;
  }
  .header .header-right nav ul li a {
    padding: 10px !important;
    text-align: right !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 {
    top: 40px !important;
    position: absolute !important;
    border-bottom: none !important;
    padding: 10px !important;
  }
  .header .header-right nav ul li .dropdown-menu.mega-menu.p-3 ul {
    display: grid !important;
    grid-template-columns: 4fr 4fr 4fr !important;
    gap: 10px 10px;
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  p-toast.p-component.p-toast.p-toast-top-right {
    display: none !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 447px) {
  .header .header-right nav button.navbar-toggler.my-2 {
    background: #0e76bc !important;
    padding: 6px !important;
    margin: 0px 0px 0px -20px !important;
  }
  .header .header-right nav button.navbar-toggler.my-2 span span.line1 {
    color: #ffffff !important;
    opacity: 1 !important;
  }
  .header .header-right nav div#main_nav {
    position: relative;
    float: left;
    background: #ffffff !important;
    width: 100% !important;
    top: 0px !important;
    height: auto !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 {
    display: block;
    float: left;
    padding: 0 !important;
    position: relative;
    z-index: 9999;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 li {
    display: block;
    float: left !important;
    width: 100% !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 li a {
    padding: 10px !important;
    text-align: right !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 li a:hover {
    background: #e6f5ff !important;
    color: #333333 !important;
    border-radius: 5px !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 .dropdown-menu.mega-menu.p-3 {
    width: 100% !important;
    float: left !important;
    top: 40px !important;
    position: absolute !important;
    border-bottom: none !important;
    padding: 10px !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 .dropdown-menu.mega-menu.p-3 ul {
    display: grid !important;
    grid-template-columns: 4fr 4fr 4fr !important;
    gap: 10px 10px;
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .header .header-right nav div#main_nav ul.p-md-0 .dropdown-menu.mega-menu.p-3 ul li a img {
    margin: 0 auto !important;
    text-align: center;
    display: block;
    width: 100% !important;
  }
  .main-product .main-product-section .main-product-left ul li {
    width: 33% !important;
  }
  .main-product .main-product-section .main-product-left ul li img {
    width: 100% !important;
  }
  .main-product .main-product-section .main-product-left ul li img.app {
    width: 80px !important;
  }
  p-toast.p-component.p-toast.p-toast-top-right {
    display: none !important;
  }
  .client-column[_ngcontent-ng-c2076515298] {
    border: none !important;
  }
}
/**responsive**/