@font-face {
  font-family: "LATO-REGULAR";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-REGULAR"), url("../fonts/LATO-REGULAR.woff") format("woff");
}
@font-face {
  font-family: "LATO-THIN";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-THIN"), url("../fonts/LATO-THIN.woff") format("woff");
}
@font-face {
  font-family: "LATO-LIGHT";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-LIGHT"), url("../fonts/LATO-LIGHT.woff") format("woff");
}
@font-face {
  font-family: "LATO-MEDIUM";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-MEDIUM"), url("../fonts/LATO-MEDIUM.woff") format("woff");
}
@font-face {
  font-family: "Lato-Semibold";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/Lato-Semibold"), url("../fonts/Lato-Semibold.woff") format("woff");
}
@font-face {
  font-family: "LATO-BOLD";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-BOLD"), url("../fonts/LATO-BOLD.woff") format("woff");
}
@font-face {
  font-family: "Lato-Heavy";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/Lato-Heavy"), url("../fonts/Lato-Heavy.woff") format("woff");
}
@font-face {
  font-family: "LATO-BLACK";
  font-style: normal;
  font-weight: 400;
  src: local("../fonts/LATO-BLACK"), url("../fonts/LATO-BLACK.TTF") format("TTF");
}

body {
  font-family: "LATO-MEDIUM";
  color: #5b5b5b;
}
/*card a tag hover underline*/

.back a:hover{ text-decoration: underline!important;}
a {
  color: #47b2e4;
  text-decoration: none;
}
.pr-5 {
  padding-right: 3rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
a:hover {
  color: #c950b4;
  text-decoration: none;
}
h1 {
  font-family: "Lato-Heavy"}
.logo-slider-p {
  color: #828282;
  font-family: "Lato-Semibold"}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
h1 span {
  font-family: "LATO-LIGHT"}
.banner-hero span {
  color: #fff;
}
.color-text span {
  color: #5b5b5b;
}
.main-heading {
  padding: 20px 0;
  color: #c950b4;
  font-family: "Lato-Heavy"}
.color-text {
  color: #7e6fbf;
}
.owl-carousels .owl-prev, .owl-carousels .owl-next {
  display: block !important;
}
#client .card {
  border: 1px solid #fff;
}
.owl-carousels .owl-nav button.owl-prev {
  left: -1.5% !important;
  bottom: 40% !important;
  position: absolute;
}
.owl-carousels .owl-nav button.owl-next {
  right: -1.5% !important;
  bottom: 40% !important;
  position: absolute;
}
.pt-100 {
  padding-top: 25% !important;
}
.pt-50 {
  padding-top: 15% !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  height: 30px;
  width: 30px;
  border: 1px solid #bbb !important;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff !important;
}
.owl-nav.disabled {
  display: block !important;
}
.owl-carousel .owl-nav button.owl-prev {
  left: -3%;
  bottom: 30%;
  position: absolute;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  bottom: 30%;
  right: -3%}
.carousel-control-next-icon {
  background-image: url(images/next.png);
}
.carousel-control-prev-icon {
  background-image: url(images/next.png);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.t-text {
  font-family: "Lato-Heavy";
    
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #37517e00;
}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #37517e;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}@keyframes animate-preloader {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #47b2e4;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #6bc1e9;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}
@-webkit-keyframes reshape {
  0% {
  width: 70px;
  height: 70px;
  border-radius: 0;
  background-color: #6ecee6;
}
33% {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #6ecee6;
}
66% {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #7e6fbf;
}
99% {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #c950b4;
}
}@keyframes reshape {
  0% {
  width: 70px;
  height: 70px;
  border-radius: 0;
  background-color: #6ecee6;
}
33% {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #6ecee6;
}
66% {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #7e6fbf;
}
99% {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #c950b4;
}
}
.header-alt .custome-button {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(150px);
  transform: translateX(150px);
  -webkit-animation: reshape linear 1s;
  animation: reshape linear 1s;
}
.headers {
  visibility: hidden;
  opacity: 0;
}
.header-alts {
  visibility: visible;
  -webkit-transform: translate(-5px);
  transform: translate(-5px);
  -webkit-transition: all 2s cubic-bezier(.68, -.55, .27, 1.55);
  transition: all 2s cubic-bezier(.68, -.55, .27, 1.55);
}
#fixed-social {
  position: fixed;
}
#fixed-social {
  position: absolute;
  right: 0;
  top: 20%;
  padding: 10px;
}
#fixed-social a {
  color: #fff;
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 40px;
  margin-bottom: 3px;
  z-index: 2;
  border-radius: 25px;
}
#fixed-social a:hover>span {
  visibility: visible;
  right: 41px;
  opacity: 1;
}
#fixed-social a span {
  line-height: 40px;
  right: 60px;
  position: absolute;
  text-align: center;
  width: 200px;
  visibility: hidden;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  z-index: 1;
  opacity: 0;
  border-radius: 25px;
}
.fixed-facebook {
  background-color: #6ecee6;
}
.fixed-facebook span {
  background-color: #6ecee6;
}
.fixed-twitter {
  background-color: #7e6fbf;
}
.fixed-twitter span {
  background-color: #7e6fbf;
}
.fixed-gplus {
  background-color: #c950b4;
}
.fixed-gplus span {
  background-color: #c950b4;
}
#header {
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 997;
  padding: 15px 0;
}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(40, 58, 90, 0);
}
#header .logo {
  font-size: 55px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-height: 40px;
}
.nav-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0 0 40px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: .3s;
  transition: .3s;
}
.navbar {
  padding: 0;
  position: fixed;
  background-color: #000;
  top: 0;
  left: 0;
  width: 8%;
  height: 100%}
.navbar ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar li:first-child {
  position: absolute !important;
  top: 0;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 20px 20px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: .3s;
  transition: .3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
  color: #47b2e4;
}
.navbar .getstarted, .navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 2px solid #47b2e4;
  font-weight: 600;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: #fff;
  background: #31a9e1;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, .25);
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 4px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
  color: #47b2e4;
}
.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
#service-breacker .sub-point ul li {
    margin-bottom: 10px;
}
section#service-page {
    padding-top: 30px;
}
@media (max-width:1366px) {
  .navbar .dropdown .dropdown ul {
  left: -90%}
.navbar .dropdown .dropdown:hover>ul {
  left: -100%}
}.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.mobile-nav-toggle.bi-x {
  color: #000;
}


@media (max-width:991px) {
  .mobile-nav-toggle {
  display: block;
}
.navbar ul {
  display: none;
}
}.navbar-mobile {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(40, 58, 90, .9);
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 30px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 999;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #37517e;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
  color: #47b2e4;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #37517e;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, .25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
  color: #47b2e4;
}
.navbar-mobile .dropdown>.dropdown-active {
  display: block;
  visibility: visible !important;
}
.core-value {
  color: #e57436;
  font-size: ste;
  font-family: "LATO-MEDIUM";
  margin-bottom: 1.5rem;
}
.cta-about .cta-btn {
  font-family: "Lato-Heavy";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px;
  border: 2px solid #209dd8;
  color: #fff;
  background: #209dd8;
}
.cta-about h3 {
  color: #fff;
  font-size: 22px;
  font-family: "Lato-Heavy";
}
.cta-about {
  background: -webkit-linear-gradient(rgba(81, 85, 92, .9), rgba(40, 58, 90, 0)), url("../img/about-us-parrlax.jpg") fixed center bottom;
  background: linear-gradient(rgba(81, 85, 92, .9), rgba(40, 58, 90, 0)), url("../img/about-us-parrlax.jpg") fixed center bottom;
  background-size: auto, auto;
  background-size: cover;
  padding: 50px 0;
}
.custome-button {
  background: #fff9f9e8;
  padding: 10px;
  margin: 5px;
  border-radius: 20px;
  font-size: 11px;
  font-family: "Lato-Heavy";
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.nav-link-tab.active {
  color: #6ecee6;
  background: 0 0 !important;
  border-bottom: 3px solid #7e6fbf;
  border-bottom-left-radius: 0 0px;
  border-bottom-right-radius: 0 0px;
}
.nav-item button {
  background: #fff !important;
  color: #5b5b5b;
  border: none;
  font-size: 20px;
}
.clients-about {
  padding: 12px 0;
  text-align: center;
  margin-top: -6%}
#hero-about {
  width: 100%;
  height: 100vh;
}
.bi.bi-download {
  margin: 0 10px;
}
.carousel-item {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.46, .03, .52, .96);
  transition: -webkit-transform .3s cubic-bezier(.46, .03, .52, .96);
  transition: transform .3s cubic-bezier(.46, .03, .52, .96);
  transition: transform .3s cubic-bezier(.46, .03, .52, .96), -webkit-transform .3s cubic-bezier(.46, .03, .52, .96);
}
#hero .container {
  padding-top: 72px;
}
.Visibility-none {
  visibility: hidden;
}
#hero h1 {
  margin: 0 0 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  color: #043954;
  padding-bottom: 12%}
#hero h2 {
  color: rgba(255, 255, 255, .6);
  margin-bottom: 50px;
  font-size: 24px;
}
#hero img, svg {
  vertical-align: middle;
}
#hero .btn-get-started {
  font-family: "LATO-MEDIUM";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px 0 0;
  color: #fff;
  background: #47b2e4;
}
#hero .btn-get-started:hover {
  background: #209dd8;
}
#hero .btn-watch-video {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px 0 0 25px;
  color: #fff;
  line-height: 1;
}
#hero .btn-watch-video i {
  line-height: 0;
  color: #fff;
  font-size: 32px;
  -webkit-transition: .3s;
  transition: .3s;
  margin-right: 8px;
}
#hero .btn-watch-video:hover i {
  color: #47b2e4;
}
#hero .animated {
  -webkit-animation: up-down 2s ease-in-out infinite alternate-reverse both;
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}


@media (max-width:991px) {
  #hero .animated {
  -webkit-animation: none;
  animation: none;
}
section.about-us-section {
    padding-top: 0px;
}
#hero .hero-img {
  text-align: center;
}
}@media (max-width:768px) {
  #hero h1 {
  font-size: 28px;
  line-height: 36px;
}
#hero h2 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}
#hero .hero-img img {
  width: 70%}
}@media (max-width:575px) {
  #hero .hero-img img {
  width: 80%}
#hero .btn-get-started {
  font-size: 16px;
  padding: 10px 24px 11px;
}
.carousel-caption {
    top: 37% !important;
    left: 15% !important;
}
}
@-webkit-keyframes up-down {
  0% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
100% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
}@keyframes up-down {
  0% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
100% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
}section {
  padding: 60px 0;
  overflow: hidden;
}
.section-bg {
  border: 1px solid #c2c3c5;
  border-radius: 15px;
  background-color: #fff;
  z-index: 2;
}
.section-title {
  text-align: left;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}
.section-titles h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  color: #37517e;
}
.section-title h2:before {
  content: "";
  position: absolute;
  display: block;
  width: 150px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
}
.section-title p {
  margin-bottom: 0;
}
.bt-Approach {
  background: #fff;
  border-left: 5px solid #7e6fbf;
}
.bt-Choose {
  background: #fff;
  border-left: 5px solid #c950b4;
}
.bt-Features {
  background: #fff;
  border-left: 5px solid #6ecee6;
}
.tab-button {
  padding: 10px 15px;
  border: 1 px solid;
  margin: 10px;
}
.tab-button.bt-Approach.active {
  background: #7e6fbf;
  color: #fff;
}
.tab-button.bt-Choose.active {
  background: #c950b4;
  color: #fff;
}
.tab-button.bt-Features.active {
  background: #6ecee6;
  color: #fff;
}
.bg-blue.pt-5 {
  background: #043954;
  padding: 20% 0;
  margin-bottom: -50%}
.footer-newsletter img {
  max-width: 100px;
  max-height: 100px;
}
.customer-section img {
  width: 70%}
.box-front {
  position: absolute;
  display: block;
  top: 60%;
  padding: 5%}
.box-front h2 {
  color: #fff;
  font-family: "LATO-BOLD"}
.box-front img {
  padding: 15px 0;
}
#topadjustment-2 {
  position: absolute;
  right: 15%;
  top: 38.5% !important;
  left: 18.5%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
}
#topadjustment-2 h1 {
  font-size: 37px;
}
#topadjustment h1 {
  color: #3b3c7d;
}
#topadjustment {
  position: absolute;
  right: 15%;
  top: 10% !important;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
}
.clients {
  padding: 12px 0;
  text-align: center;
  margin-top: -4.5%;
    
}
.color-text-pink {
  color: #c950b4;
  font-family: "Lato-Heavy";
}
.color-text-pink span {
  color: #5b5b5b;
  font-family: "LATO-MEDIUM";
}
.clients img {
  max-width: 70%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: inline-block;
  -webkit-filter: none;
  filter: none;
}
#client img {
  max-width: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: inline-block;
  padding: 0;
  -webkit-filter: grayscale(100);
  filter: none;
}
.clients img:hover {
  -webkit-filter: none !important;
  filter: none !important;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width:768px) {
  .clients img {
  max-width: 80%}
#topadjustment-2 h1 {
  font-size: 28px;
}
}.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}
.about .content ul {
  list-style: none;
  padding: 0;
}
.about .content ul li {
  padding-left: 28px;
  position: relative;
}
.about .content ul li+li {
  margin-top: 10px;
}
.about .content ul i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  color: #47b2e4;
  line-height: 1;
}
.about .content p:last-child {
  margin-bottom: 0;
}
.about .content .btn-learn-more {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  -webkit-transition: .3s;
  transition: .3s;
  line-height: 1;
  color: #47b2e4;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  margin-top: 6px;
  border: 2px solid #47b2e4;
}
.about .content .btn-learn-more:hover {
  background: #47b2e4;
  color: #fff;
  text-decoration: none;
}
.why-us .content {
  padding: 60px 100px 0;
}
.why-us .content h3 {
  font-weight: 400;
  font-size: 34px;
  color: #37517e;
}
.why-us .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}
.why-us .content p {
  font-size: 15px;
  color: #848484;
}
.why-us .img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.why-us .accordion-list {
  padding: 0 100px 60px;
}
.why-us .accordion-list ul {
  padding: 0;
  list-style: none;
}
.why-us .accordion-list li+li {
  margin-top: 15px;
}
.why-us .accordion-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}
.why-us .accordion-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 30px;
  outline: none;
  cursor: pointer;
}
.why-us .accordion-list span {
  color: #47b2e4;
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
}
.why-us .accordion-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.why-us .accordion-list p {
  margin-bottom: 0;
  padding: 10px 0 0;
}
.why-us .accordion-list .icon-show {
  display: none;
}
.why-us .accordion-list a.collapsed {
  color: #343a40;
}
.why-us .accordion-list a.collapsed:hover {
  color: #47b2e4;
}
.why-us .accordion-list a.collapsed .icon-show {
  display: inline-block;
}
.why-us .accordion-list a.collapsed .icon-close {
  display: none;
}
@media (max-width:1300px) {
  .About-text-banner {
  top: 43vh !important;
  position: absolute;
}
.About-text-banner h1 {
  text-align: center;
}
#hero-about {
  background-position: center !important;
}
}
@media (max-width:1024px) {
  #hero-about {
  background-position: center !important;
}
.why-us .content, .why-us .accordion-list {
  padding-left: 0;
  padding-right: 0;
}
}
@media only screen and (max-width: 1024px){
section#service-page {
    padding: 10px 0px 40px;
}
section#service-breacker {
    padding: 30px 0px;
}
section#service-vertical {
    padding: 30px 0px;
}
.timeline {
    padding: 20px 0 0 !important;
}
.timeline ul {
    padding: 0 0 20px !important;
}
.footer-newsletter {
    padding-top: 20px !important;
    margin-left: 25px;
}
.scene {
    display: block !important;
}
.card-photo {
    object-fit: cover !important;
}
.card-wrap {
    width: 470px !important;
    height: 428px !important;
}
.back a {
    left: -21% !important;
}
.cards-padd-2 {
  margin-top: 0% !important;
}
#hero-about {
    height: 500px;
}
.About-text-banner {
    top: 204px !important;
}
}
@media only screen and (max-width: 960px){
section#service-page {
    padding: 50px 0px 40px 0px;
}
#service-page h2.main-heading.title-heading-sp {
    margin-bottom: 20px;
}
.footer-newsletter {
    margin-left: 0px;
}
section.about-us-section {
    margin-left: 0px;
}
div#v-pills-home-tab {
    margin-left: 0px;
}
div#v-pills-profile-tab {
    margin-left: 0px;
}
.cards-intigration {
    height: 220px !important;
}
.customer-section img.card-img-top.p-3.w-100 {
    top: -57px;
    position: relative;
    width: 80% !important;
    left: 38px;
}
}
@media only screen and (max-width: 640px){
#service-page h2.main-heading.title-heading-sp {
    font-size: 28px;
}
.customer-section img.card-img-top.p-3.w-100 {
    top: -27px;
}
section.about-us-section {
    padding-bottom: 20px;
}
}
@media only screen and (max-width: 600px){
.service-subhead {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (max-width:992px) {
  .why-us .img {
  min-height: 400px;
}
.why-us .content {
  padding-top: 30px;
}
.why-us .accordion-list {
  padding-bottom: 30px;
}
}@media (max-width:575px) {
  .why-us .img {
  min-height: 200px;
}
}
@media only screen and (max-width: 480px){
section#service-breacker {
    padding: 30px 10px;
}
.About-text-banner {
    right: unset !important;
}
.About-text-banner h1 {
    padding: 0 15px;
}
#service-page p.pl-5.pr-5 {
    padding: 0px 15px !important;
}
.customer-section img.card-img-top.p-3.w-100 {
    width: 100% !important;
    left: 10px;
}
}
@media only screen and (max-width: 414px){
#service-page h2.main-heading.title-heading-sp {
    font-size: 24px;
}
#clients-about p.pl-5.pr-5 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#clients-about h2.main-heading.title-heading-sp.pt-lg-5 {
    margin-bottom: 30px;
}
.customer-section .cards-intigration {
    height: 175px !important;
}
.button-service-page {
    font-size: 15px !important;
}
}
.skills .content h3 {
  font-weight: 700;
  font-size: 32px;
  color: #37517e;
  font-family: "Poppins", sans-serif;
}
.skills .content ul {
  list-style: none;
  padding: 0;
}
.skills .content ul li {
  padding-bottom: 10px;
}
.skills .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #47b2e4;
}
.skills .content p:last-child {
  margin-bottom: 0;
}
.skills .progress {
  height: 60px;
  display: block;
  background: 0 0;
  border-radius: 0;
}
.skills .progress .skill {
  padding: 0;
  margin: 0 0 6px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #37517e;
}
.skills .progress .skill .val {
  float: right;
  font-style: normal;
}
.skills .progress-bar-wrap {
  background: #e8edf5;
  height: 10px;
}
.skills .progress-bar {
  width: 1px;
  height: 10px;
  -webkit-transition: .9s;
  transition: .9s;
  background-color: #4668a2;
}
.services .icon-box {
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, .1);
  padding: 0;
  -webkit-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
  background: #fff;
}
.services .icon-box .icon {
  margin-bottom: 10px;
}
.services .icon-box .icon i {
  color: #47b2e4;
  font-size: 36px;
  -webkit-transition: .3s;
  transition: .3s;
}
.services .icon-box h4 {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 24px;
}
.services .icon-box h4 a {
  color: #37517e;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}
.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.services .icon-box:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.services .icon-box:hover h4 a {
  color: #47b2e4;
}
.expert-btn {
  font-family: "LATO-MEDIUM";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px 0 0;
  color: #fff;
  background: #7e6fbf;
  text-align: center;
}
.cta {
  background: -webkit-linear-gradient(rgba(81, 85, 92, .9), rgba(40, 58, 90, 0)), url("../img/paralla-img.png") fixed center bottom;
  background: linear-gradient(rgba(81, 85, 92, .9), rgba(40, 58, 90, 0)), url("../img/paralla-img.png") fixed center bottom;
  background-size: cover;
  padding: 120px 0;
}
.cta h3 {
  color: #fff;
  font-size: 28px;
  font-family: "Lato-Heavy"}
.cta span {
  font-family: "LATO-REGULAR"}
.cta p {
  color: #fff;
}
.cta .cta-btn {
  font-family: "Lato-Heavy";
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px;
  border: 2px solid #209dd8;
  color: #fff;
  background: #209dd8;
}
.cta .cta-btn:hover {
  background: #47b2e4;
  border: 2px solid #47b2e4;
}
@media (max-width:1024px) {
  .cta {
  background-attachment: scroll;
}
section#clients\ home-slider {
    margin-left: 20px;
}
section.about-us-section {
    margin-left: 20px;
}
section#services {
    margin-left: 13px;
}
section#client {
    margin-left: 20px !important;
}
.cards-intigration {
    height: 200px !important;
}
}
@media (min-width:769px) {
  .cta .cta-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
}.portfolio #portfolio-flters {
  list-style: none;
  margin-bottom: 20px;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #444;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 8px 20px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #47b2e4;
  color: #fff;
}
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
  -webkit-transition: all .6s;
  transition: all .6s;
}
.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: rgba(55, 81, 126, .8);
  padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #47b2e4;
}
.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}
.portfolio .portfolio-item:hover .portfolio-img img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
.portfolio-details {
  padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #47b2e4;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #47b2e4;
}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(55, 81, 126, .08);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
  padding: 0;
}
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, .1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  -webkit-transition: .5s;
  transition: .5s;
  height: 100%}
.team .member .pic {
  overflow: hidden;
  width: 180px;
  border-radius: 50%}
.team .member .pic img {
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}
.team .member:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.team .member .member-info {
  padding-left: 30px;
}
.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}
.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}
.team .member span:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}
.team .member p {
  margin: 10px 0 0;
  font-size: 14px;
}
.team .member .social {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.team .member .social a {
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}
.team .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}
.team .member .social a:hover {
  background: #47b2e4;
}
.team .member .social a:hover i {
  color: #fff;
}
.team .member .social a+a {
  margin-left: 8px;
}
#box-1 {
  background-image: url("assets/img/card-3.png");
}
#box-2 {
  background-image: url("assets/img/card-2.png");
}
#box-3 {
  background-image: url("assets/img/card-1.png");
}
.pricing .box {
  padding: 60px 40px;
  box-shadow: 0 3px 20px -2px rgba(20, 45, 100, .1);
  background: #fff;
  height: 100%;
  border-top: 4px solid #fff;
  border-radius: 5px;
}
.back ul#third-cart {
    top: 50%;
}
.pricing h3 {
  font-family: "Lato-Heavy";
  margin-bottom: 0;
  font-size: 1.5rem;
  color: #fff;
  text-align: left;
}
.pricing h4 {
  font-size: 48px;
  color: #37517e;
  font-weight: 400;
  font-family: "Jost", sans-serif;
  margin-bottom: 25px;
}
.pricing h4 sup {
  font-size: 28px;
}
.pricing h4 span {
  color: #47b2e4;
  font-size: 18px;
  display: block;
}
.pricing ul {
  padding: 30px 0;
  list-style: disc;
  color: #999;
  text-align: left;
  line-height: 20px;
}
.pricing ul li {
  padding: .5rem 0 .25rem;
  position: relative;
  color: #fff;
}
.pricing ul i {
  color: #28a745;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 6px;
}
.pricing ul .na {
  color: #ccc;
}
.pricing ul .na i {
  color: #ccc;
}
.pricing ul .na span {
  text-decoration: line-through;
}
.pricing .buy-btn {
  display: inline-block;
  padding: 12px 0;
  -webkit-transition: none;
  transition: none;
  font-size: 16px;
  font-family: "LATO-MEDIUM";
  -webkit-transition: .3s;
  transition: .3s;
  color: #fff;
}
.pricing .buy-btn:hover {
  color: #fff;
}
.pricing .featured {
  border-top-color: #47b2e4;
}
.pricing .featured .buy-btn {
  background: #47b2e4;
  color: #fff;
}
.pricing .featured .buy-btn:hover {
  background: #23a3df;
}
@media (max-width:992px) {
  .pricing .box {
  max-width: 60%;
  margin: 0 auto 30px auto;
}
}@media (max-width:769px) {
  #desktop-view {
  display: none !important;
}
.pricing .box {
  max-width: 80%;
  margin: 0 auto 30px auto;
}
}@media (max-width:420px) {
  .pricing .box {
  max-width: 100%;
  margin: 0 auto 30px auto;
}
}.faq .faq-list {
  padding: 0 100px;
}
.faq .faq-list ul {
  padding: 0;
  list-style: none;
}
.faq .faq-list li+li {
  margin-top: 15px;
}
.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #47b2e4;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0;
}
.faq .faq-list .icon-show {
  display: none;
}
.faq .faq-list a.collapsed {
  color: #37517e;
  -webkit-transition: .3s;
  transition: .3s;
}
.faq .faq-list a.collapsed:hover {
  color: #47b2e4;
}
.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
  display: none;
}
@media (max-width:1200px) {
  .faq .faq-list {
  padding: 0;
}
}.contact .info {
  border-top: 3px solid #6ecee6;
  border-bottom: 3px solid #6ecee6;
  padding: 30px;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, .1);
}
.contact .info img {
  font-size: 20px;
  color: #47b2e4;
  float: left;
  width: 25px;
  height: 25px;
  background: #e7f5fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7e6fbf;
}
.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
}
.contact .info .email p {
  padding-top: 5px;
}
.contact .info .social-links {
  padding-left: 60px;
}
.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  -webkit-transition: .3s;
  transition: .3s;
  margin-right: 10px;
}
.contact .info .social-links a:hover {
  background: #47b2e4;
  color: #fff;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
  background: #47b2e4;
  color: #fff;
}
.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #6ecee6;
  border-bottom: 3px solid #6ecee6;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, .12);
}
.contact .php-email-form .form-group {
  padding-bottom: 8px;
}
.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px;
  font-weight: 400;
  font-size: 13px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form .form-group {
  margin-bottom: 0;
}
.contact .php-email-form label {
  padding-bottom: 8px;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #47b2e4;
}
.contact .php-email-form input {
  height: 44px;
}
.contact .php-email-form textarea {
  padding: 10px 12px;
  height: 100px;
  margin-bottom: 15px;
}
.contact .php-email-form button[type=submit] {
  background: #47b2e4;
  border: 0;
  padding: 12px 34px;
  color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50px;
}
.contact .php-email-form button[type=submit]:hover {
  background: #209dd8;
}
@-webkit-keyframes animate-loading {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}@keyframes animate-loading {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}.breadcrumbs {
  padding: 15px 0;
  background: #f3f5fa;
  min-height: 40px;
  margin-top: 72px;
}
@media (max-width:992px) {
  .breadcrumbs {
  margin-top: 68px;
}
}.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
}
.breadcrumbs ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px;
  margin: 0;
  font-size: 14px;
}
.breadcrumbs ol li+li {
  padding-left: 10px;
}
.breadcrumbs ol li+li:before {
  display: inline-block;
  padding-right: 10px;
  color: #4668a2;
  content: "/"}
.owl-carousels .owl-stage-outer {
  background-color: #6ecee6;
}
#footer {
  font-size: 14px;
  background: -webkit-linear-gradient(42deg, rgba(126, 111, 191, 1) 12%, rgba(110, 206, 230, 1) 19%, rgba(201, 80, 180, 1) 31%, #e57436 41%);
  background: linear-gradient(48deg, rgba(126, 111, 191, 1) 12%, rgba(110, 206, 230, 1) 19%, rgba(201, 80, 180, 1) 31%, #e57436 41%);
}
#footer .footer-newsletter {
  padding: 50px 0;
  background: #fff;
  text-align: center;
  font-size: 15px;
  color: #444;
  margin-bottom: -6%}
.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.cards-intigration {
  width: 25%;
  height: 250px;
  border-radius: 10%}
#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #37517e;
}
.links {
  color: #fff;
  text-decoration: none;
}
.footer-linkss {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 20px;
}
#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, .06);
  text-align: left;
}
#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}
#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: 0 0;
  font-size: 16px;
  padding: 0 20px;
  background: #47b2e4;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, .1);
}
#footer .footer-newsletter form input[type=submit]:hover {
  background: #209dd8;
}
#footer .footer-top {
  padding: 60px 0 0;
  background: #043954;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 10px;
  padding: 2px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  color: #37517e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
#footer .footer-top .footer-links p {
  color: #fff;
  font-family: "LATO-REGULAR";
  font-size: 1rem;
}
#footer .footer-top .footer-contact p {
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 0;
  color: #fff;
  padding: 5px 25px;
}
.footer-links h4 {
  margin-bottom: 0;
}
#footer .footer-top h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  padding-bottom: .5rem;
}
.Address:before {
  content: url(../img/google-maps.png);
  top: 2%;
  left: -10%;
  position: absolute;
}
.Telephone:before {
  content: url(../img/footer-phone-icon.png);
  top: 2%;
  left: -10%;
  position: absolute;
}
.email:before {
  content: url(../img/email.png);
  top: 2%;
  left: -10%;
  position: absolute;
}
#contact .info .email:before {
    display: none;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: #777;
  -webkit-transition: .3s;
  transition: .3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #47b2e4;
}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  -webkit-transition: .3s;
  transition: .3s;
}
#footer .footer-top .social-links a:hover {
  color: #fff;
  text-decoration: none;
}
#footer .footer-bottom {
  padding-top: 0;
  padding-bottom: 30px;
  color: #fff;
}
#footer .copyright {
  float: left;
}
#footer .credits {
  float: right;
  font-size: 13px;
}
#footer .credits a {
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width:768px) {
  .card-box {
  display: -ms-grid !important;
  display: grid !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  width: 100% !important;
  text-align: center;
}
#pills-tab {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#footer .footer-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer .copyright, #footer .credits {
  text-align: center;
  float: none;
}
#footer .credits {
  padding-top: 4px;
}
}
.Approach:not(.collapsed) {
  color: #fff;
  background-color: #7e6fbf;
  box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.Approach:focus {
  z-index: 3;
  border-color: #7e6fbf;
  outline: 0;
  box-shadow: none;
}
.Choose:not(.collapsed) {
  color: #fff;
  background-color: #c950b4;
  box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.Choose:focus {
  z-index: 3;
  border-color: #c950b4;
  outline: 0;
  box-shadow: none;
}
.Features:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #6ecee6;
  box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.Features:focus {
  z-index: 3;
  border-color: #6ecee6;
  outline: 0;
  box-shadow: none;
}
.accordion-button.Approach.collapsed {
  border-left: 5px solid #7e6fbf;
}
.accordion-button.Choose.collapsed {
  border-left: 5px solid #c950b4;
}
.accordion-button.Features.collapsed {
  border-left: 5px solid #6ecee6;
}
.flip-card-back.buy-btn {
  display: inline-block;
  padding: 14px 0;
  font-size: 16px;
  -webkit-transition: .3s;
  transition: .3s;
  border: 1px solid #47b2e400;
}
.flip-card {
  background-color: transparent;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  width: 16rem;
}
.card-box h1 {
  font-size: 4rem;
}
.card-title {
  margin-bottom: 1.5rem;
  font-family: "LATO-BOLD";
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden;
}
.flip-card-back {
  background-color: #1e90ff;
  color: #fff;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.About-text-banner {
  top: 39vh;
  position: absolute;
  right: -2vw;
}
@media (min-width:1800px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1600px;
}
.navbar {
  padding: 0;
  position: fixed;
  background-color: #000;
  top: 0;
  left: 0;
  width: 6%;
  height: 100%}
}#footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width:1800px) and (max-width:1899px) {
  .cards-intigration {
  width: 25%;
  height: 300px;
  border-radius: 10%}
}
@media screen and (min-width:1900px) and (max-width:2060px) {
  #clients\ home-slider img {
  max-width: 50% !important;
}
.cards-intigration {
  width: 25%;
  height: 350px;
  border-radius: 10%}
#footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0rem;
}
.About-text-banner {
  top: 42vh;
  position: absolute;
  right: -1vw;
}
.cta-about h3 {
  color: #fff;
  font-size: 28px;
  font-family: "LATO-MEDIUM"}
#topadjustment-2 {
  top: 39.5% !important;
}
.clients {
  padding: 12px 0;
  text-align: center;
  margin-top: -5%}
#footer .footer-top .footer-links p {
  margin-bottom: 1rem;
}
#third-cart {
  top: 48% !important;
}
#padding-cart {
  top: 15% !important;
}
.card-box {
  width: 22rem;
}
.pricing ul {
  padding: 50px 0;
}
.owl-carouselss .owl-nav button.owl-prev {
  left: 88%;
  bottom: 0;
  position: absolute;
}
.owl-carouselss .owl-nav button.owl-next {
  position: absolute;
  bottom: 0 !important;
  right: 2% !important;
}
/*.footer-newsletter br {*/
/*  display: none;*/
/*}*/
.box-front {
  position: absolute;
  display: block;
  top: 65%;
  padding: 5%}
.clients img {
  max-width: 100% !important;
}
#footer .footer-newsletter {
  padding: 50px 0;
  background: #fff;
  text-align: center;
  font-size: 15px;
  color: #444;
  margin-bottom: -7%}
#footer .footer-top h4 {
  padding-bottom: 1.5%}
#footer .footer-top .footer-contact {
  margin-top: 4%}
.btn-anim-wid {
  width: 20% !important;
}
.tab-button {
  padding: 15px;
  border: 1 px solid;
  margin: 15px;
}
.customer-section {
  padding-bottom: 50px !important;
}
.title-heading-sp {
  font-size: 45px !important;
}
#display-desk {
  padding-bottom: 200px !important;
}
section {
  padding: 100px 0;
  overflow: hidden;
}
#footer .footer-top .footer-links {
  margin-top: 4% !important;
}
.back a {
  margin: 0;
  position: relative;
  top: 0 !important;
  left: -10% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
  z-index: 1;
}
.back {
  padding: 11% !important;
}
.float-left {
  float: left;
  padding: 0 5%}
.float-right {
  float: right;
}
.card-wrap {
  width: 400px !important;
  height: 600px !important;
}
.cards-padd-2 {
  margin-top: -7% !important;
}
.cards-padd-1 {
  margin-top: 7% !important;
}
.section-title h2:before {
  content: "";
  position: absolute;
  display: block;
  width: 200px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
}
.pl-5 {
  padding-left: 10rem !important;
}
.pr-5 {
  padding-right: 10rem !important;
}
p {
  margin-top: 0;
  margin-bottom: 2rem;
}
body p {
  font-size: 18px;
}
.owl-carousel .owl-nav button.owl-prev {
  left: -2%;
  bottom: 35%;
  position: absolute;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  bottom: 35%;
  right: -2%}
.owl-carousels .owl-nav button .owl-next {
  left: -1% !important;
}
.owl-carousels .owl-nav button .owl-prev {
  right: -1%}
#hero h1 {
  font-size: 57px;
  font-weight: 700;
  line-height: 72px;
  color: #043954;
}
.h2, h2 {
  font-size: 2.5rem;
}
.cta h3 {
  font-size: 32px;
}
.section-title h2 {
  font-size: 45px;
}
.custome-button {
  background: #fff9f9e8;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 20px;
  font-size: 14px;
}
}#topadjustment-4 {
  top: 23%}
@media (max-width:767px) {
  #footer .footer-top .footer-contact p, #footer .footer-top .footer-links p {
  color: #ffffffa6;
}
#footer .footer-top h4 {
  padding-bottom: .5rem;
}
.footer-linkss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: coloum !important;
  flex-direction: coloum !important;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
      text-align: center;
}
#footer .footer-top {
  padding: 0;
  background: #043954;
}
#footer .footer-top .footer-links{   margin-bottom: 0px!important;}
#footer .footer-top .footer-contact {
  margin-bottom: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-grid;
  display: grid;
}
.social-links {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Address:before, .Telephone:before, .email:before {
  left: 30%;
  top: -5%}
.section-title h2:before {
  display: none;
}
.container {
  text-align: center;
}
.section-title {
  text-align: center;
}
.carousel-inner .carousel-item>div:first-child {
  display: block;
}
.about-us-section button {
    align-self: center !important;
}
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 98vh;
  border-bottom-left-radius: 25% 25%;
  border-bottom-right-radius: 25% 10%}
@media (min-width:768px) {
  .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
  -webkit-transform: translateX(25%);
  transform: translateX(25%);
}
.carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}
}.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media screen and (min-width:200px) and (max-width:768px) {
    .in-view br {display:none;} 
  #carouselExampleDark img {
  -o-object-fit: cover !important;
  object-fit: cover !important;
  height: 500px !important;
}
#hero h1 {
    font-size: 23px !important;
    line-height: 30px !important;
}
#hero-about {
    width: 100%;
    height: 500px;
}
.carousel-inner {
  border-bottom-left-radius: 0 0%;
  border-bottom-right-radius: 0 0%}
#display-desk {
  display: none;
}
}
@media screen and (min-width:769px) and (max-width:2060px) {
  #mobile-view {
  display: none;
}
#display-mob {
  display: none;
}
}@media (max-width:810px) {
  #hero h1 {
  font-size: 28px;
  line-height: 36px;
}
}

@media screen and (min-width:1000px) and (max-width:1100px) {
    .navbar {
   
    width: 10%;

}
#header .logo {
    padding-left: 8%;
}
.navbar a, .navbar a:focus {
font-size: 14px;
}
.btn-anim-wid {
    width: 35%!important;
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
    
    #footer-row {

    gap: 1.6rem;

}
  #topadjustment-2 {
  position: absolute;
  right: 15%;
  top: 37% !important;
  left: 5.5%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
}
#topadjustment {
  text-align: left !important;
}
}@media screen and (min-width:991px) and (max-width:3000px) {
    .in-view br {display:none;} 
  .mobile {
  display: none !important;
}
}@media screen and (min-width:768px) and (max-width:991px) {
  .owl-carouselss .owl-nav button.owl-prev {
  left: 85% !important;
  bottom: 0;
  position: absolute;
}
}@media screen and (min-width:1085px) and (max-width:1175px) {
  .navbar {
  width: 10%}
.card-wrap {
  width: 260px !important;
  max-width: 100%;
  height: 590px !important;
}
.back a {
  top: 5% !important;
  left: 5% !important;
}
.btn-anim-wid {
  width: 35% !important;
}
}@media screen and (min-width:200px) and (max-width:400px) {
  .aseptic .nav-pills .nav-link, .whyWhat .nav-pills .nav-link {
  padding: 2rem 1.5rem !important;
}
}@media screen and (min-width:200px) and (max-width:370px) {
  .aseptic .nav-pills .nav-link, .whyWhat .nav-pills .nav-link {
  padding: 2rem 1rem !important;
}
}@media screen and (min-width:200px) and (max-width:767px) {
   #testimonial-img{ justify-content: center!important;
       
   }
     #testimonial-p{ justify-content: center!important;
       
   }
      #testimonial-ps{text-align: center!important;
       
   }
    .py-sm-5{
        padding-top: 3rem!important;
            padding-bottom: 3rem!important;
            }
    .pt-sm-5{
        padding-top: 3rem!important;
            
            }
.pb-sm-5{
       
            padding-bottom: 3rem!important;
            }
   .py-sm-2{
        padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important;
            }
    .pt-sm-2{
        padding-top: 1.5rem!important;
            
            }
.pb-sm-2{
       
            padding-bottom: 1.5rem!important;
            }
            .pt-sm-1 {
    padding-top: 0.5rem!important;
}
.navMargin.py-150 {
    padding: 60px 0 0 0!important;
    overflow: hidden;
}
  .mobile-pad {
  padding-left: 12px !important;
}
#order-1 {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}
.owl-carouselss .owl-nav button.owl-prev {
  left: 35% !important;
  bottom: 0;
  position: absolute;
}
.owl-carouselss .owl-nav button.owl-next {
  position: absolute;
  bottom: 0;
  right: 35% !important;
}
#topadjustment-3 br {
  display: none;
}
#hero-about {
  width: 100%;
  height: 420px;
}
.About-text-banner {
  top: 168px !important;
  position: absolute;
}
}@media screen and (min-width:200px) and (max-width:991px) {
 .header-scrolled #mobile-view {
    display: block;
} 
#header.header-scrolled #desktop-view {
    display: none;
}
  #topadjustment-4 {
  top: 27%}
.flex-box {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}
.cards-intigration {
  width: 50%;
  height: 100%;
  border-radius: 10%;
  margin-left: 25%}
.card-title {
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}
.our-expert img {
  padding: 0 !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  margin-left: 0 !important;
}
.carousel-inner {
  border-bottom-left-radius: 0 0%;
  border-bottom-right-radius: 0 0%}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto;
}
#carouselExampleDark img {
  aspect-ratio: 0 !important;
  -o-object-fit: initial;
  object-fit: initial;
}
.owl-item {
  opacity: 0;
}
.owl-item.active {
  opacity: 1;
}
#header.header-scrolled, #header.header-inner-pages {
  background: #fff;
}
.footer-linkss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: coloum !important;
  flex-direction: coloum !important;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
}
.about-us-section button {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: center;
  align-self: flex-start;
}
.our-expert button {
  display: -ms-inline-grid;
  display: inline-grid;
}
.about-us-section img {
  padding: 60px 0 0;
}
.cards-padd-1 {
  margin-top: 0 !important;
}
.box-front {
  text-align: left;
}
.cta-about h3 {
  color: #fff;
  font-size: 22px;
  font-family: "LATO-MEDIUM"}
#client img {
  max-width: 50%;
  padding: 0;
}
.padding-360 {
  padding-bottom: 100px !important;
}
.customer-section {
  padding-top: 60px !important;
  padding-bottom: 40px;
}
div#our-expert {
    padding-bottom: 0px;
}
h2.main-heading.title-heading-sp {
    padding: 0px;
    margin-bottom: 0px;
}
.cards-padd-1 {
  margin-top: 0;
}
.cards-padd-2 {
  margin-top: 0 !important;
}
.btn-anim-wid {
  width: 50% !important;
}
.desktop {
  display: none !important;
}
.navbar {
  padding: 0;
  position: initial;
  background-color: #000;
  width: 100%}
.navbar li:first-child {
  display: none;
}
nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav img {
  padding: 0 0 0 10px !important;
}
}.scene {
  max-width: 100%;
  margin: auto;
}
.card-wrap {
  display: block;
  width: 318px;
  max-width: 100%;
  height: 490px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.cards, .front, .back, .card-photo {
  width: 100%;
  height: 100%}
.card-face {
  position: absolute;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden;
  z-index: 0;
}
.cards {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: box-shadow .4s, -webkit-transform 1s;
  transition: box-shadow .4s, -webkit-transform 1s;
  transition: transform 1s, box-shadow .4s;
  transition: transform 1s, box-shadow .4s, -webkit-transform 1s;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .302), 0 1px 3px 1px rgba(60, 64, 67, .149);
  border-radius: 10px;
}
.card-photo {
  -o-object-fit: none;
  object-fit: none;
  border-radius: 10px;
}
.cards:hover {
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .302), 0 4px 8px 3px rgba(60, 64, 67, .149);
}
.back {
  background-color: #6ecee6;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  text-align: center;
  color: #a9a9a9;
  border-radius: 10px;
  padding: 5%;
  z-index: 1;
}
.back p {
  margin: 0;
  position: relative;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
}
.back ul {
  margin: 0;
  position: relative;
  top: 43%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
}
.back .top {
  margin: 0;
  position: relative;
  top: 5%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  color: #fff;
}
.back a {
  margin: 0;
  position: relative;
  top: 0;
  left: -7%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
}
.padding-cart {
  top: 15% !important;
}
.back .tops {
  margin: 0;
  position: relative;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  color: #fff;
}
.flipcard {
  opacity: 0;
}
input:hover+.cards {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.cards-padd-1 {
  margin-top: 10%}
.cards-padd-2 {
  margin-top: -10%}
.float-right {
  float: right;
}
.float-left {
  float: left;
  padding: 0 5%}
@media screen and (min-width:960px) {
  .scene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
}
.cards-btn {
  font-family: "LATO-BOLD";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px 0 0;
  color: #fff;
}
#display-desk {
  padding-bottom: 80px;
}
.customer-section {
  padding-top: 80px;
}
.title-heading-sp {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
@-webkit-keyframes fadeinn {
  from {
  opacity: 0;
}
to {
  opacity: 1;
}
}@keyframes fadeinn {
  from {
  opacity: 0;
}
to {
  opacity: 1;
}
}.about-us-vission-missson-section ul li button {
  border-radius: none !important;
}
button {
  font-family: "Lato-Heavy";
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px 0 0;
  color: #fff;
  background: #7e6fbf;
  text-align: center;
  cursor: pointer;
  /*overflow: hidden;*/
  -webkit-transition: ease;
  transition: ease;
  border: 1px solid #7e6fbf;
      overflow-x: hidden;
    overflow-y: hidden;
}
button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bt-Approach img:last-child {
  display: none;
}
.bt-Approach:hover img:last-child {
  display: block;
}
.bt-Approach:hover img:first-child {
  display: none;
}
.bt-Choose img:last-child {
  display: none;
}
.bt-Choose:hover img:last-child {
  display: block;
}
.bt-Choose:hover img:first-child {
  display: none;
}
.bt-Approach img:last-child {
  display: none;
}
.bt-Approach.active img:last-child {
  display: block;
}
.bt-Approach.active img:first-child {
  display: none;
}
.bt-Choose img:last-child {
  display: none;
}
.bt-Choose.active img:last-child {
  display: block;
}
.bt-Choose.active img:first-child {
  display: none;
}
button.gradient:hover {
  color: #fff;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.button {
  background: #fff;
  color: #000;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
}
.button:hover {
  color: #fff;
}
.button:before {
  -webkit-clip-path: circle(3% at 90% 52%);
  clip-path: circle(3% at 90% 52%);
  background: #7e6fbf;
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 1;
}
.about-btn:before {
  -webkit-clip-path: circle(3% at 80% 52%);
  clip-path: circle(3% at 80% 52%);
  background: #7e6fbf;
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 1;
}
.btm-1:before {
  -webkit-clip-path: circle(3% at 90% 52%);
  clip-path: circle(3% at 90% 52%);
  background: #7e6fbf;
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 1;
}
.btm-1:before {
  -webkit-clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  background: #7e6fbf;
  -webkit-transition: .7s;
  transition: .7s;
  opacity: 1;
}
.btm-1:hover:before {
  -webkit-clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
  clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
}
.btm-1 {
  background: #fff;
  color: #000;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
}
.btm-1:hover {
  color: #fff;
}
.btm-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btn-anim-wid {
  width: 29%}
.btm-2:before {
  -webkit-clip-path: circle(3% at 90% 52%);
  clip-path: circle(3% at 90% 52%);
  background: #c950b4;
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 1;
}
.btm-2:before {
  -webkit-clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  background: #c950b4;
  -webkit-transition: .7s;
  transition: .7s;
  opacity: 1;
}
.btm-2:hover:before {
  -webkit-clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
  clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
}
.btm-2 {
  background: #fff;
  color: #000;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
}
.btm-2:hover {
  color: #fff;
}
.btm-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btm-3:before {
  -webkit-clip-path: circle(3% at 90% 52%);
  clip-path: circle(3% at 90% 52%);
  background: #6ecee6;
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 1;
}
.btm-3:before {
  -webkit-clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  clip-path: polygon(-3% 0%, -1% 0%, -1% 100%, -3% 100%);
  background: #6ecee6;
  -webkit-transition: .7s;
  transition: .7s;
  opacity: 1;
}
.btm-3:hover:before {
  -webkit-clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
  clip-path: polygon(-1% 0%, 100% 0%, 100% 100%, -1% 100%);
}
.btm-3 {
  background: #fff;
  color: #000;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
}
.btm-3:hover {
  color: #fff;
}
.btm-3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.button:hover:before {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
}
.accordion {
  --bs-accordion-border-color: #fff;
}
.underline-text2:after {
  position: absolute;
  bottom: 0;
  content: " ";
  width: 15%;
  background: red;
  height: 2px;
  left: 42%;
  right: 10%}
#carouselExampleDark img {
  -o-object-fit: initial;
  object-fit: initial;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  top: 27%;
  left: 19%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
}
.owl-carouselss .owl-nav button.owl-prev {
  left: 88%;
  bottom: 0;
  position: absolute;
}
.owl-carouselss .owl-nav button.owl-next {
  position: absolute;
  bottom: 0;
  right: 2%}
.owl-carouselss .owl-stage-outer {
  padding-bottom: 3rem !important;
}
#padding-cart {
  top: 15% !important;
}
.banner-hero {
  color: #e57436 !important;
}
.about-us-vission-missson-section .nav-pills {
  border-bottom: 1px solid #c9c3c3;
}
hr {
  width: 20%;
  border-top: 2px solid #c9c3c3;
  margin-left: auto;
  margin-right: auto;
}
.about-us-vission-missson-section {
  padding-top: 120px;
  padding-bottom: 120px;
}
.color-text-gray {
  font-family: "Lato-Heavy";
}
.color-text-gray span {
  font-family: "LATO-REGULAR";
}
#header.header-scrolled #desktop-view {
  visibility: hidden;
}
#header.header-scrolled #desktop-view {
  visibility: hidden;
}
.about-us-vission-missson-section button {
  padding-bottom: 15%}
.tab-pane.fade.active.show {
  -webkit-transition: .5s cubic-bezier(.77, 0, .18, 1);
  transition: .5s cubic-bezier(.77, 0, .18, 1);
}


@media screen and (max-width:767px) {
    .about-us-vission-missson-section {
    padding-top: 30px;
    padding-bottom: 60px;
}
  _: :-webkit-full-page-media, _:future, :root #header .logo img {
  width: 10%;
  justify-content: start;
  display: flex;
}
}


_::-webkit-full-page-media, _:future, :root #header .logo img{   padding-top:-75px;   max-width: 175px;}
_::-webkit-full-page-media, _:future, :root #padding-cart {top: 30px !important;}

_::-webkit-full-page-media, _:future, :root .back a:hover {text-decoration: underline;}
/*_::-webkit-full-page-media, _:future, :root .timeline ul li:nth-child(15) div::before {top: 35px;left: -27.5%;}*/
@media screen and (min-width:991px) and (max-width:1300px) {
  #footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.carousel-inner {
  height: auto !important;
}
}@media screen and (min-width:811px) and (max-width:1100px) {
  #hero h1 {
  font-size: 28px;
  line-height: 36px;
}
}@media screen and (min-width:1200px) and (max-width:1300px) {
  #header .logo {
  padding-left: 5%}
}@media screen and (min-width:1400px) and (max-width:1800px) {
  .clients img {
  max-width: 90%}
.About-text-banner {
  top: 42vh;
  position: absolute;
  right: 1vw;
}
#hero-about {
  background-position: center !important;
}
#header .logo {
  padding-left: 5%;
}
}
@media screen and (min-width:767px) and (max-width:1150px) {
  .card-box {
  width: 22rem;
}
}
@media screen and (min-width:1250px) and (max-width:1300px) {
  .clients img {
  max-width: 90%;
}
}
@media screen and (min-width:992px) and (max-width:1150px) {
  #header .logo {
  padding-left: 10%;
}
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  margin-left: 50%}
.owl-carouselss .owl-nav button.owl-prev, .owl-carouselss .owl-nav button.owl-next {
  background-color: #6ecee6 !important;
  color: #fff !important;
}
button.button.about-btn.btn-anim-wid.clip-path.align-middle {
  position: relative;
  z-index: 1;
}


/*@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {*/

/*    #header .logo img {*/
/*  max-width: 50% !important;*/
/*  justify-content: start;*/
/*  display: flex;*/
/*}*/
/*}*/

.title {
  position: relative;
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}
.timeline .timeline-container {
  position: relative;
  width: 100%}
.timeline .timeline-end, .timeline .timeline-start, .timeline .timeline-year {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 1;
}
#first-year {
  top: 10%}
#first-second {
  top: 27%}
#first-third {
  top: 44%}
#first-foth {
  top: 61%}
#first-fifth {
  top: 77%}
.timeline .timeline-end p, .timeline .timeline-start p, .timeline .timeline-year p {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  background: linear-gradient(#fff, #fff);
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.timeline .timeline-continue:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #686767;
}
.timeline .row.timeline-left, .timeline .row.timeline-right .timeline-date {
  text-align: right;
}
.timeline .row.timeline-right, .timeline .row.timeline-left .timeline-date {
  text-align: left;
}
.timeline .timeline-date {
  font-size: 14px;
  font-weight: 600;
  margin: 41px 0 0;
}
.timeline .row.timeline-left .timeline-date:after {
  left: -7px;
}
.timeline .row.timeline-right .timeline-date:after {
  right: -7px;
}
.timeline .timeline-box, .timeline .timeline-launch {
  position: relative;
  display: inline-block;
  margin: 15px;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
}
.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: 0 0;
}
.timeline .timeline-box:after, .timeline .timeline-box:before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.timeline .row.timeline-left .timeline-box:after, .timeline .row.timeline-left .timeline-box:before {
  left: 100%}
.timeline .row.timeline-right .timeline-box:after, .timeline .row.timeline-right .timeline-box:before {
  right: 100%}
.timeline .timeline-launch .timeline-box:after, .timeline .timeline-launch .timeline-box:before {
  left: 50%;
  margin-left: -10px;
}
.timeline .timeline-box:after {
  top: 26px;
  border-color: transparent transparent transparent #fff;
  border-width: 10px;
}
.timeline .timeline-box:before {
  top: 25px;
  border-color: transparent transparent transparent #ddd;
  border-width: 11px;
}
.timeline .row.timeline-right .timeline-box:after {
  border-color: transparent #fff transparent transparent;
}
.timeline .row.timeline-right .timeline-box:before {
  border-color: transparent #ddd transparent transparent;
}
.timeline .timeline-launch .timeline-box:after {
  top: -20px;
  border-color: transparent transparent #ddd;
}
.timeline .timeline-launch .timeline-box:before {
  top: -19px;
  border-color: transparent transparent #fff;
  border-width: 10px;
  z-index: 1;
}
.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}
.timeline .timeline-icon i {
  font-size: 25px;
  color: #4f84c4;
}
.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}
.timeline .timeline-launch .timeline-text {
  width: 100%}
.timeline .timeline-text h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}
.timeline .timeline-text p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width:767px) {
    _::-webkit-full-page-media, _:future, :root .back a {
    z-index: 1!important;left: 25%!important;
}
  .timeline .timeline-continue:after {
  left: 40px;
}
.timeline .timeline-end, .timeline .timeline-start, .timeline .timeline-year, .timeline .row.timeline-left, .timeline .row.timeline-right .timeline-date, .timeline .row.timeline-right, .timeline .row.timeline-left .timeline-date, .timeline .timeline-launch {
  text-align: left;
}
.timeline .row.timeline-left .timeline-date:after, .timeline .row.timeline-right .timeline-date:after {
  left: 47px;
}
.timeline .timeline-box, .timeline .row.timeline-right .timeline-date, .timeline .row.timeline-left .timeline-date {
  margin-left: 55px;
}
.timeline .timeline-launch .timeline-box {
  margin-left: 0;
}
.timeline .row.timeline-left .timeline-box:after {
  left: -20px;
  border-color: transparent #fff transparent transparent;
}
.timeline .row.timeline-left .timeline-box:before {
  left: -22px;
  border-color: transparent #ddd transparent transparent;
}
.timeline .timeline-launch .timeline-box:after, .timeline .timeline-launch .timeline-box:before {
  left: 30px;
  margin-left: 0;
}
}
.bg-pink {
  background-color: #c950b4;
}
.bg-grey {
  background-color: #f5f5f5;
}
.bg-white {
  background-color: #fff;
}
.service-page-coloum {
  display: table-cell;
  padding: 16px;
}
.box-service {
  display: table;
  width: 100%}
.cards-intigrations {
  width: 25%;
  height: 420px;
  border-radius: 5%}
ol.alpha {
  list-style-type: upper-alpha;
  text-align: left;
}
ol.alpha li {
  padding-bottom: 1rem;
  font-size: 1rem;
}
.button-service-page {
  font-family: "Lato-Heavy";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 10px;
  border: 2px solid #7e6fbf;
  color: #fff;
  background: #7e6fbf;
}
.service-subhead {
  font-family: "LATO-BOLD";
  color: #043954;
}
#first-yearse6 {
  top: 8%}
#first-secondse5 {
  top: 20%}
#first-thirdse4 {
  top: 33%}
#first-fothse2 {
  top: 46%}
#first-fifthse1 {
  top: 58%}
#first-fothe1 {
  top: 70%}
#first-fothe2 {
  top: 83%}
#first-yearsc6 {
  top: 4%}
#first-secondsc5 {
  top: 10%}
#first-thirdsc4 {
  top: 16%}
#first-fothsc2 {
  top: 22.5%}
#first-fifthsc1 {
  top: 29%}
#first-fothc1 {
  top: 34.5%}
#first-fothc2 {
  top: 40%}
#first-fothc3 {
  top: 45%}
#first-fothc4 {
  top: 50.5%}
#first-fothc5 {
  top: 56%}
#first-fothc6 {
  top: 61%}
#first-fothc7 {
  top: 66.5%}
#first-fothc8 {
  top: 71.5%}
#first-fothc9 {
  top: 77%}
#first-fothc10 {
  top: 82.5%}
#first-fothc11 {
  top: 87.5%}
#first-fothc12 {
  top: 93%}
.timeline ul {
  background: #fff;
  padding: 0 0 50px;
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 3px;
  margin: 0 auto;
  padding-top: 10%;
  background: #e8e8e8;
}
.timeline ul li:nth-child(odd):after {
  content: '';
  position: absolute;
  right: 40px;
  bottom: 0;
  transform: translateX(96%);
  background: inherit;
  border-bottom-right-radius: 500px;
  border-top-right-radius: 500px;
  height: 80px;
  width: 80px;
  z-index: 0;
  transition: .5s all ease;
  border-bottom-left-radius: 500px;
  border-top-left-radius: 500px;
}
.timeline ul li:nth-child(even):after {
  content: '';
  position: absolute;
  right: 40px;
  bottom: 0;
  transform: translateX(96%);
  background: inherit;
  border-bottom-right-radius: 500px;
  border-top-right-radius: 500px;
  height: 80px;
  width: 80px;
  z-index: 0;
  transition: .5s all ease;
  border-bottom-left-radius: 500px;
  border-top-left-radius: 500px;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #fff;
}
.timeline ul li:first-child div, .timeline ul li:last-child div, .timeline ul li:nth-child(3) div, .timeline ul li:nth-child(5) div, .timeline ul li:nth-child(7) div, .timeline ul li:nth-child(9) div, .timeline ul li:nth-child(11) div, .timeline ul li:nth-child(13) div, .timeline ul li:nth-child(15) div {
  padding-left: 50px;
}
.timeline ul li:first-child div:before {
  content: url(../images/Benifits_1.png);
  position: absolute;
  top: 50px;
  width: 30px;
  height: 30px;
  left: -37px;
  z-index: 7;
  transition: .5s all ease;
}
/* .timeline ul li:last-child {
  padding-top: 7em;
} */
.timeline ul li:nth-child(3) div:before {
  content: url(../images/Benifits_2.png);
  position: absolute;
  top: 34px;
  width: 30px;
  height: 30px;
  left: -37px;
  z-index: 7;
}
.timeline ul li:last-child div:before {
  content: url(../images/Benifits_3.png);
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  left: -37px;
  z-index: 7;
}
.timeline ul li:nth-child(2) div, .timeline ul li:nth-child(4) div, .timeline ul li:nth-child(6) div, .timeline ul li:nth-child(8) div, .timeline ul li:nth-child(10) div, .timeline ul li:nth-child(12) div, .timeline ul li:nth-child(14) div, .timeline ul li:nth-child(16) div {
  padding-right: 50px;
  text-align: right;
}
.timeline ul li:nth-child(2) div:before {
  content: url(../images/Value_1.png);
  position: absolute;
  top: 40px;
  width: 30px;
  height: 30px;
  right: 35px;
  z-index: 7;
  margin-right: 1em;
}
.timeline ul li:nth-child(4) div:before {
  content: url(../images/Value_2.png);
  position: absolute;
  top: 100px;
  width: 30px;
  height: 30px;
  right: -37px;
  z-index: 7;
  margin-right: 1em;
}
.timeline ul li:nth-child(odd) div {
  left: 45px;
}
.timeline ul li:nth-child(even) div {
  left: -439px;
}
.timeline ul li:nth-child(even) div:before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #f45b69;
}
.delay-1 {
  animation-delay: .5s;
}
.delay-2 {
  animation-delay: .25s;
}
.delay-3 {
  animation-delay: .75s;
}
.delay-4 {
  animation-delay: 1s;
}
time {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.timeline ul li:after {
  transition: background .5s ease-in-out;
}
.timeline ul li.in-view:nth-child(even):after {
  text-align: center;
  background: linear-gradient(#fff, #fff);
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.timeline ul li.in-view:nth-child(odd):after {
  text-align: center;
  background: linear-gradient(#fff, #fff);
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}
.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}
.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
  font-family: "LATO-MEDIUM";
  font-size: 19px;
  color: #484848;
}
.timeline ul li:nth-child(4) div {
  font-size: 17px;
}
.top {
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
}
.right {
  border-bottom-right-radius: 90px;
  border-top-right-radius: 90px;
}
.bottom {
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}
.left {
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
}
/*.bottom, .top {*/
/*  height: 45px;*/
/*  width: 90px;*/
/*}*/
.left, .right {
  height: 90px;
  width: 45px;
}
.value-proposition {
  text-align: center;
}
.benefits {
  text-align: center;
}
.value-proposition h2 {
  color: #953735;
  text-transform: uppercase;
}
.benefits h2 {
  text-transform: uppercase;
  color: #604a7b;
}
.timeline {
  position: relative;
  padding: 4em 0 0;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
@media screen and (max-width:575px) {
  .timeline ul li {
  margin-left: 50px;
}
.timeline ul li div {
  width: calc(100vw - 91px);
}
.timeline ul li:nth-child(even) div {
  left: 45px;
}
.timeline ul li:nth-child(even) div:before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #f45b69 transparent transparent;
}
.timeline ul li:nth-child(even):after {
  right: 40;
  bottom: 0;
  transform: translateX(96%);
  background: inherit;
  border-bottom-right-radius: 110px;
  border-top-right-radius: 110px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.timeline ul li:nth-child(2) div, .timeline ul li:nth-child(4) div, .timeline ul li:nth-child(6) div, .timeline ul li:nth-child(8) div, .timeline ul li:nth-child(10) div, .timeline ul li:nth-child(12) div, .timeline ul li:nth-child(14) div, .timeline ul li:nth-child(16) div {
  padding-left: 50px;
  text-align: left;
}
.timeline ul li:nth-child(4) div:before {
  top: 130px;
}
.timeline ul li:first-child div:before {
  top: 50px;
}
.timeline ul li:nth-child(2) div:before {
  right: -71px;
  left: -33px;
  top: 66px;
}
.timeline ul li:nth-child(3) div:before {
  top: 33px;
}
.timeline ul li:nth-child(4) div:before {
  right: -71px;
  left: -33px;
}
#services .justify-content-sm-center {
    justify-content: center!important;
}
section#services {
    padding-top: 20px !important;
}
.Address:before {
    left: 38% !important;
}
.Telephone:before {
    left: 35% !important;
}
.email:before {
    left: 40% !important;
}
section#clients\ home-slider {
    margin-left: 20px;
    margin-right: 20px;
}
section#client {
    margin-left: 0px !important;
}
section.about-us-section {
    margin-left: 0px;
}
section#display-mob {
    padding: 0px 0px;
}
.padding-360 {
    padding-bottom: 60px !important;
}
section#services {
    margin-left: 0px;
}
}
@media screen and (max-width: 414px){
.cards-intigrations {
    height: 450px;
}
.card-wrap {
    height: 445px !important;
}
.back a {
    left: -15% !important;
}
.Address:before {
    left: 34% !important;
}
.Telephone:before {
    left: 32% !important;
}
.email:before {
    left: 37% !important;
}
}
@media screen and (max-width: 400px){
.cards-padd-1 a.cards-btn.align-middle {
    top: -32px;
}
.Telephone:before {
    left: 30% !important;
}
}
@media screen and (max-width:380px) {
  .timeline ul li div {
  position: relative;
  bottom: 0;
  top: 57px;
}
.timeline ul li:last-child div, .timeline ul li:nth-child(3) div {
  top: 25px;
}
.timeline ul li:nth-child(2) div, .timeline ul li:nth-child(4) div {
  padding-right: 0;
}
.timeline ul li:nth-child(2) div {
  top: 30px;
}
.cards-intigrations {
    height: 515px;
}
}
.thankH1.mt-3 {
    color: #c950b4;
}
.text-shadow-pink{text-shadow: 2px 2px 5px #c950b4;}

.text-shadow-blue{text-shadow: 2px 2px 5px rgb(110, 206, 230);}
.text-shadow-blues{text-shadow: 2px 2px 5px rgb(126, 111, 191);}

@media screen and (max-width: 991px){
#footer .footer-top .col-lg-4.col-md-4, #footer .footer-top .col-md-6, #footer .footer-top .col-lg-2.col-md-2{
    display: block !important;
    width: 100%;
}
#footer .footer-links {
    margin-bottom: 0px !important;
    text-align: center;
}
.Address:before {
    left: 27%;
}
.Telephone:before {
    left: 25%;
}
.email:before {
    left: 29%;
}
#footer .footer-links.footer-linkss {
    margin-left: 0px !important;
    margin-bottom: 30px !important;
    
}
#footer .footer-contact {
    margin-bottom: 0px !important;
}
#footer .footer-contact img.img-fluid {
    width: 17%;
    margin: 0 auto;
}
.footer-linkss {
    text-align: center;
}
.About-text-banner {
    right: 0vw !important;
}
}
@media screen and (max-width: 720px){
#footer .footer-contact img.img-fluid {
    width: 25%;
    margin: 0 auto;
}
#footer .footer-links {
    margin-left: 0% !important;
}
.about-us-section h2.main-heading.title-heading-sp {
    margin-top: 40px;
}
}