@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml1BMEfq4.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml1RMEfq4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml2xME.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml1BMEfq4.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml1RMEfq4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xME.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl1BMEfq4.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl1RMEfq4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl2xME.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl1BMEfq4.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl1RMEfq4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/dosis/v12/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl2xME.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.block-number {
  text-align: center;
  font-weight: bold;
  font-size: 0.8125em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #191919;
  transition: 0.3s ease-out; }

.block-number:hover {
  opacity: 1; }

.block-number::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  margin-bottom: 2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #191919; }

.block-number a:hover,
.block-number a:focus {
  color: #191919; }

.demo-section .main-content .section,
.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar,
.demo-header .main-content .header,
.demo-footer .main-content .footer {
  margin: 30px 20px 100px;
  border: 1px solid #f5f6f7;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }

.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar {
  position: static;
  margin: 0; }

.sample-blocks img {
  border-radius: 0.25rem; }

.sample-blocks img.aos-animate {
  opacity: 0.5 !important; }

.sample-blocks img:hover {
  opacity: 1 !important;
  transition: 0.7s !important; }

.sample-blocks a {
  position: absolute; }

.sample-blocks a:nth-child(1) {
  animation: wobble 4s infinite;
  right: 15px;
  bottom: -20px; }

.sample-blocks a:nth-child(2) {
  animation: wobble 8s infinite;
  right: 320px;
  bottom: 30px; }

.sample-blocks a:nth-child(3) {
  animation: wobble 5s infinite;
  right: 0px;
  bottom: 190px; }

.sample-blocks a:nth-child(4) {
  animation: wobble 6s infinite;
  right: 280px;
  bottom: 180px; }

.sample-blocks a:nth-child(5) {
  animation: wobble 9s infinite;
  right: 270px;
  bottom: 320px; }

.sample-blocks a:nth-child(6) {
  animation: wobble 7s infinite;
  right: 20px;
  bottom: 370px; }

.sample-blocks a:nth-child(7) {
  animation: wobble 5s infinite;
  right: 200px;
  bottom: 470px; }

.sample-blocks a:nth-child(8) {
  animation: wobble 8s infinite;
  right: 10px;
  bottom: 470px; }

.sample-blocks a:nth-child(9) {
  animation: wobble 9s infinite;
  right: 0px;
  bottom: 570px; }

@keyframes wobble {
  0% {
    transform: rotate(-1deg) translate(-5px, -5px); }
  50% {
    transform: rotate(1deg) translate(5px, 5px); }
  100% {
    transform: rotate(-1deg) translate(-5px, -5px); } }
.slider-blackwhite {
  padding: 0;
  margin: 40px 0;
  float: left;
  width: 100%;
  height: 100px;
  overflow: hidden; }

section {
  width: 100%;
  float: left; }

.slider-blackwhite img {
  cursor: pointer;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 150px;
  transform: scale(1);
  transition: .3s all ease-in-out; }

.slider-blackwhite img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transform: scale(1.2); }

.devider-right {
  border-right: 1px solid #d8d8d8; }

.feature-1 {
  transition: box-shadow .3s; }

.feature-1:hover {
  box-shadow: 0 0 11px rgba(211, 207, 207, 0.2);
  border: 1px solid #f1f0f0;
  border-radius: 6px;
  cursor: pointer; }

.feature-1.no-hover-effect {
  transition: box-shadow .3s; }

.feature-1.no-hover-effect:hover {
  box-shadow: none;
  border: 0px solid #f1f0f0;
  border-radius: 6px;
  cursor: pointer; }

.work-circle {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 50px 0 60px;
  padding: 0;
  height: 42%;
  border: 1px dashed #818285;
  border-radius: 50%; }

.work-circle img {
  width: 100%;
  object-fit: cover; }

.work-circle #circle-title-box {
  animation: circle 75s infinite linear;
  transform-origin: 50% 50%;
  height: 100%;
  width: 100%;
  z-index: 999; }

.work-circle #circle-title-box li {
  animation: circle 75s infinite linear reverse;
  cursor: pointer; }

.work-circle ul {
  width: auto;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  left: 0;
  top: 0; }

.work-circle ul li {
  height: 94px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 94px; }

.work-circle ul li a {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.work-circle ul li a i {
  color: #fff; }

.work-circle ul li span {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  color: #8b8b8b;
  text-transform: uppercase;
  position: absolute;
  left: 0 !important;
  right: 0;
  top: 110%;
  text-align: center; }

.work-circle ul li.first {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 44%;
  top: -6%;
  border-radius: 50%; }

.work-circle ul li.second {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 80%;
  top: 10%;
  border-radius: 50%; }

.work-circle ul li.third {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 94%;
  top: 44%;
  border-radius: 50%; }

.work-circle ul li.four {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 80%;
  top: 78%;
  border-radius: 50%; }

.work-circle ul li.fifth {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 44%;
  top: 94%;
  border-radius: 50%; }

.work-circle ul li.six {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 6%;
  top: 76%;
  border-radius: 50%; }

.work-circle ul li.sevan {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: -5%;
  top: 43%;
  border-radius: 50%; }

.work-circle ul li.eight {
  background: #6b6ed4;
  background-image: linear-gradient(-45deg, #93a3ee 0%, #8753bc 100%);
  left: 8%;
  top: 10%;
  border-radius: 50%; }

.work-circle #circle-content-box .circal-content .side-text {
  position: absolute;
  width: 100%;
  top: 130px;
  left: 0;
  right: 0;
  display: inline;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  color: #676767; }

.work-circle #circle-content-box .circal-content .side-text h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  color: #926cde;
  text-transform: uppercase;
  margin: 0 0 10px;
  padding: 0;
  text-align: center; }

.work-circle #circle-content-box .circal-content .img-slider {
  position: absolute;
  width: 100%;
  top: 34%;
  left: 0;
  text-align: center;
  z-index: 10; }

.work-circle #circle-content-box .circal-content .img-slider img {
  width: 50%; }

.card.card-body.first:hover {
  background: #6b6ed4;
  color: #fff; }

.card.card-body.first:hover a {
  color: #fff; }

.card.card-body.second:hover {
  background: #699dd6;
  color: #fff; }

.card.card-body.second:hover a {
  color: #fff; }

.card.card-body.third:hover {
  background: #FF9800;
  color: #fff; }

.card.card-body.third:hover a {
  color: #fff; }

.card.card-body.four:hover {
  background: #F44336;
  color: #fff; }

.card.card-body.four:hover a {
  color: #fff; }

.card.card-body.five:hover {
  background: #FFC107;
  color: #fff; }

.card.card-body.five:hover a {
  color: #fff; }

.card.card-body.six:hover {
  background: #3cd458;
  color: #fff; }

.card.card-body.six:hover a {
  color: #fff; }

.card.card-body.seven:hover {
  background: #2196f3;
  color: #fff; }

.card.card-body.seven:hover a {
  color: #fff; }

.card.card-body.eight:hover {
  background: #00BCD4;
  color: #fff; }

.card.card-body.eight:hover a {
  color: #fff; }

.count-style {
  font-size: 80px;
  position: absolute;
  color: #eaeaea;
  top: -4px;
  font-weight: bold;
  left: -10px;
  vertical-align: top;
  line-height: 0;
  z-index: 0; }

.process-card {
  z-index: 1;
  margin-bottom: 30px;
  width: 96%; }

.case-study-slider .portfolio-1 img {
  width: 100%; }

@keyframes circle {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
.loader-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: #fff; }

.loader-wrap .loader-svg {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  animation-fill-mode: forwards; }

@-webkit-keyframes loader {
  33% {
    -webkit-transform: translate3d(0, -95px, 0); }
  66% {
    -webkit-transform: translate3d(-95px, -95px, 0); }
  100% {
    -webkit-transform: translate3d(-194px, -95px, 0); } }
@keyframes loader {
  33% {
    transform: translate3d(0, -95px, 0); }
  66% {
    transform: translate3d(-95px, -95px, 0); }
  100% {
    transform: translate3d(-194px, -95px, 0); } }
@-moz-keyframes loader {
  33% {
    transform: translate3d(0, -95px, 0); }
  66% {
    transform: translate3d(-95px, -95px, 0); }
  100% {
    transform: translate3d(-194px, -95px, 0); } }
@-ms-keyframes loader {
  33% {
    transform: translate3d(0, -95px, 0); }
  66% {
    transform: translate3d(-95px, -95px, 0); }
  100% {
    transform: translate3d(-194px, -95px, 0); } }
@-webkit-keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes loader-rotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
@-moz-keyframes loader-rotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
@-ms-keyframes loader-rotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
.padding-40 {
  padding: 40px 0; }

.padding-40 .slick-dots {
  bottom: 14px; }

.key-fact-section {
  width: 100%;
  position: relative; }

.key-fact-section .img-slider {
  width: 65%;
  margin: auto; }

.key-fact-section .all-key-facts {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  height: 320px; }

.key-fact-section .all-key-facts .key-facts {
  display: inline-block;
  vertical-align: middle; }

.key-fact-section .all-key-facts .key-facts.one {
  width: auto;
  height: auto;
  top: -10%;
  left: 9%;
  position: absolute;
  background-position: 0px -3px;
  text-align: right; }

.key-fact-section .all-key-facts .key-facts.two {
  width: auto;
  height: auto;
  top: 20%;
  left: -1%;
  position: absolute;
  background-position: -229px -28px;
  text-align: right; }

.key-fact-section .all-key-facts .key-facts.three {
  width: auto;
  height: auto;
  top: 70%;
  left: -2%;
  position: absolute;
  background-position: -429px 2px;
  text-align: right; }

.key-fact-section .all-key-facts .key-facts.foure {
  width: auto;
  height: auto;
  top: -16%;
  right: 6%;
  position: absolute;
  background-position: -583px -6px;
  text-align: left; }

.key-fact-section .all-key-facts .key-facts.five {
  width: auto;
  height: auto;
  top: 26%;
  right: 0;
  position: absolute;
  background-position: -165px -245px;
  text-align: left; }

.key-fact-section .all-key-facts .key-facts.six {
  width: auto;
  height: auto;
  bottom: -6%;
  right: -2%;
  position: absolute;
  background-position: -165px -245px;
  text-align: left; }

.key-fact-section .all-key-facts .key-facts span.count {
  font-size: 1.8rem;
  font-weight: 800;
  color: #fbb549;
  line-height: normal;
  font-family: Dosis, sans-serif; }

.key-fact-section .all-key-facts .key-facts p {
  font-size: 1rem;
  color: #4a545c;
  font-weight: 500;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px; }

.partner .client {
  width: 100%;
  float: left;
  margin-bottom: 30px; }

.partner .client img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transform: scale(1);
  cursor: pointer;
  transition: .2s all ease-in-out;
  -webkit-transition: .2s all ease-in-out;
  -moz-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  -ms-transition: .2s all ease-in-out; }

.partner .client img:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  transform: scale(1.2); }

.case-studies .card {
  transition: .3s all ease-in-out;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out; }

.case-studies .card:hover {
  transform: translateY(-10px); }

.case-studies .card:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0); }

.case-studies .card img {
  cursor: pointer;
  transition: .2s all ease-in-out;
  -webkit-transition: .2s all ease-in-out;
  -moz-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  -ms-transition: .2s all ease-in-out; }

.case-studies .case-study {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  width: 100%; }

.case-studies .case-study .col-lg-4 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 50px;
  display: inline-block; }

@media (max-width: 1200px) {
  .key-fact-section .all-key-facts .key-factsone {
    top: -14%;
    left: 6%; }

  .key-fact-section .all-key-facts .key-facts.two {
    top: 16%;
    left: -5%; }

  .key-fact-section .all-key-facts .key-facts.three {
    top: 66%;
    left: -6%; }

  .key-fact-section .all-key-facts .key-facts.foure {
    top: -16%;
    right: 2%; }

  .key-fact-section .all-key-facts .key-facts.five {
    top: 22%;
    right: -4%; }

  .key-fact-section .all-key-facts .key-facts.six {
    bottom: -2%;
    right: -6%; } }
.main-slider {
  height: 264px;
  overflow: hidden; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.margin-bottom-56 {
  margin-bottom: 54px; }

.margin-top-112 {
  margin-top: -112px; }
  .margin-top-112 img {
    width: 90%;
    float: right; }

.margin-top-32 {
  margin-top: 32px; }

.color-challange {
  color: #054272;
  font-weight: 600;
  font-size: 12px; }
  .color-challange a {
    width: 100%;
    float: left; }

.bg-gray-2 {
  float: left;
  width: 100%;
  background: #f9f9f9;
  padding: 70px 0px;
  margin-bottom: 100px; }

.bg-gray-3 {
  float: left;
  width: 100%;
  background: #f4f1f1;
  padding: 70px 0px; }

.webinar-left {
  float: left;
  width: 100%;
  margin-top: 40px; }

h1.font-30.width-300 {
  width: 300px;
  font-size: 2.57813rem;
  line-height: 44px; }

.mrg-top-20px-cus {
  margin-top: 20px; }

.casestudies-margin {
  margin: 80px auto; }
  .casestudies-margin .full-img {
    width: 100%; }

.padding-60 {
  padding: 0 60px; }

.service-provider {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px; }

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

.ps-timeline-sec {
  position: relative;
  width: 100%; }
  .ps-timeline-sec .container {
    position: relative; }
    @media screen and (max-width: 767px) {
      .ps-timeline-sec .container ol:before {
        background: #494371;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important; }
      .ps-timeline-sec .container ol:after {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px; }
      .ps-timeline-sec .container ol.ps-timeline {
        margin: 130px 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important; }
        .ps-timeline-sec .container ol.ps-timeline li {
          height: 220px;
          float: none !important;
          width: inherit !important; }
          .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
            width: 70px; }
          .ps-timeline-sec .container ol.ps-timeline li:last-child {
            margin: 0;
            bottom: 0 !important;
            height: 120px; }
            .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
              bottom: 40px !important;
              width: 100% !important;
              margin-left: 25px !important;
              margin-top: 0 !important; }
              .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
                width: 100px; }
            .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
              margin-bottom: 0 !important;
              top: 80px;
              width: 100% !important; }
          .ps-timeline-sec .container ol.ps-timeline li span {
            left: 8px !important; }
            .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
              content: none !important; }
            .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
              content: none !important; }
            .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
              content: none !important; }
            .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
              content: none !important; }
          .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
            position: absolute !important;
            bottom: 150px !important;
            width: 100% !important;
            float: left !important;
            margin-left: 35px !important;
            margin-bottom: 0 !important; }
            .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
              margin: 0 auto !important;
              width: 100px !important; }
          .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
            position: absolute !important;
            bottom: 115px !important;
            width: 100% !important;
            float: left !important;
            margin-left: 35px !important;
            margin-bottom: 0 !important; }
          .ps-timeline-sec .container ol.ps-timeline li p {
            text-align: center !important;
            width: 100% !important;
            margin: 0 auto !important;
            margin-top: 0px !important; }
          .ps-timeline-sec .container ol.ps-timeline li .ps-top {
            width: 100% !important;
            float: right !important;
            right: 0;
            top: 80px; }
          .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
            width: 100% !important;
            float: right !important;
            right: 0;
            top: 48px;
            position: relative !important; } }
    .ps-timeline-sec .container ol:before {
      background: #494371;
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 100%;
      position: absolute;
      left: 8px;
      top: -3px; }
    .ps-timeline-sec .container ol:after {
      background: #494371;
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 100%;
      position: absolute;
      right: 8px;
      top: -3px; }
    .ps-timeline-sec .container ol.ps-timeline {
      margin: 296px 0;
      padding: 0;
      border-top: 4px solid #494371;
      list-style: none; }
      .ps-timeline-sec .container ol.ps-timeline li {
        float: left;
        width: 20%;
        padding-top: 30px;
        position: relative; }
        .ps-timeline-sec .container ol.ps-timeline li .text {
          text-align: center;
          font-size: 16px;
          font-weight: 600;
          margin: 20px;
          color: #494371; }
          .ps-timeline-sec .container ol.ps-timeline li .text.yallow {
            margin: 20px 0;
            line-height: 24px; }
          .ps-timeline-sec .container ol.ps-timeline li .text.map {
            margin: 20px 0;
            width: 150%;
            position: relative;
            left: -25%; }
          .ps-timeline-sec .container ol.ps-timeline li .text.green {
            line-height: 26px; }
        .ps-timeline-sec .container ol.ps-timeline li span {
          width: 30px;
          height: 30px;
          margin-left: -25px;
          background: #ff8b75;
          border: 4px solid #494371;
          border-radius: 50%;
          box-shadow: 0 0 0 0px #fff;
          text-align: center;
          line-height: 50px -10;
          color: #df8625;
          font-size: 2em;
          font-style: normal;
          position: absolute;
          top: -16px;
          left: 54%; }
          .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
            content: '';
            color: #494371;
            width: 4px;
            height: 50px;
            background: #494371;
            position: absolute;
            top: -50px;
            left: 42%; }
          .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
            content: '';
            color: #494371;
            width: 8px;
            height: 8px;
            background: #494371;
            position: absolute;
            bottom: 70px;
            left: 34%;
            border-radius: 100%; }
          .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
            content: '';
            color: #494371;
            width: 4px;
            height: 50px;
            background: #494371;
            position: absolute;
            bottom: -50px;
            left: 44%; }
          .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
            content: '';
            color: #494371;
            width: 8px;
            height: 8px;
            background: #494371;
            position: absolute;
            top: 70px;
            left: 34%;
            border-radius: 100%; }
        .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
          position: absolute;
          bottom: 0;
          margin-bottom: 130px;
          width: 100%; }
          .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
            display: table;
            margin: 0 auto;
            width: 56px; }
        .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
          position: absolute;
          margin-top: 60px;
          width: 100%; }
          .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
            display: table;
            margin: 0 auto;
            width: 56px; }
        .ps-timeline-sec .container ol.ps-timeline li p {
          text-align: center;
          width: 80%;
          font-size: 22px;
          margin: 0 auto;
          color: #494371;
          font-weight: 600; }
        .ps-timeline-sec .container ol.ps-timeline li .ps-top {
          position: absolute;
          bottom: 0;
          margin-bottom: 66px;
          width: 100%; }
        .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
          position: absolute;
          margin-top: 0;
          width: 100%; }

@media (max-width: 991px) {
  .navbar-left .navbar-toggler {
    float: right;
    margin-right: 0; }

  .navbar-left {
    display: block;
    width: 100%;
    float: left;
    align-items: center;
    flex-shrink: 0; }

  .col-sm {
    max-width: 50%;
    flex: 0 0 50%; }

  .logo-dark,
  .logo-light {
    width: 220px; }

  .key-fact-section .all-key-facts .key-facts span.count {
    font-size: 22px; }

  .key-fact-section .all-key-facts .key-facts p {
    font-size: 15px;
    width: 150px; }

  .key-fact-section .all-key-facts .key-facts.one {
    top: -14%;
    left: 6%; }

  .key-fact-section .all-key-facts .key-facts.two {
    top: 13%;
    left: -5%; }

  .key-fact-section .all-key-facts .key-facts.three {
    top: 48%;
    left: -5%; }

  .key-fact-section .all-key-facts .key-facts.foure {
    top: -16%;
    right: 3%; }

  .key-fact-section .all-key-facts .key-facts.five {
    top: 16%;
    right: -3%; }

  .key-fact-section .all-key-facts .key-facts.six {
    bottom: 20%;
    right: -5%; }

  .navbar-left {
    display: block;
    width: 100%;
    float: left;
    align-items: center;
    flex-shrink: 0; }

  .navbar-left .navbar-toggler {
    float: right;
    margin-right: 0;
    padding-right: 0; }

  .padding-40 {
    padding: 30px 0; }

  .work-togather .lead-2.pl-7 {
    padding-left: 1.5rem !important; }

  .work-togather .lead-2.pr-7 {
    padding-right: 1.5rem !important; }

  .display-3 {
    font-size: 2.5rem; }

  .csd .section1 .col-md-3 {
    flex: 0 0 31%;
    max-width: 31%; } }
.responsive-timeline {
  display: none; }

@media (max-width: 767px) {
  .cus-margin-bottom-20 {
    margin-bottom: 20px; }

  .img-100-sm .gap-y img {
    width: 100%; }

  .margin-top-112 img {
    width: 100%;
    float: right; }

  .margin-top-112 {
    margin-top: 20px; }

  .margin-bottom-56 {
    margin-bottom: 0px; }

  .no-padding-cust {
    padding-left: 0px;
    padding-right: 0px; }

  .cus-margin-bottom-0 {
    margin-bottom: 0px; }

  .padding-60 {
    padding: 0 15px; }

  .casestudies-margin {
    margin: 40px auto; }

  .responsive-timeline {
    display: block;
    width: 100%;
    float: left; }
    .responsive-timeline .timeline-block {
      width: 100%;
      float: left;
      background: #fff;
      padding: 10px;
      text-aling: center; }
    .responsive-timeline .timeline-img {
      width: 100%;
      text-align: center;
      margin-bottom: 20px; }
      .responsive-timeline .timeline-img img {
        width: 60px; }

  .timeline-text {
    font-size: 18px !important;
    font-weight: 500;
    color: #3b496c; }

  .ps-timeline-sec {
    display: none; }

  .ps-timeline-sec .container ol.ps-timeline li .text.map {
    color: #E75705;
    margin: 20px 0;
    width: 100%;
    position: relative;
    left: 0; }

  .header {
    padding-bottom: 20px; }

  .section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }

  .section .section-header {
    margin: 0 auto 30px;
    max-width: 100%; }

  p {
    font-size: 1.05rem; }

  .h6,
  h6 {
    font-size: 1.2rem; }

  .devider-right {
    border-right: 0;
    margin-bottom: 50px; }

  .key-fact-section .img-slider {
    display: none; }

  .key-fact-section .all-key-facts {
    position: relative;
    height: auto;
    flex-wrap: wrap;
    text-align: center;
    display: flex;
    justify-content: space-between; }

  .key-fact-section .all-key-facts .key-facts.one,
  .key-fact-section .all-key-facts .key-facts.two,
  .key-fact-section .all-key-facts .key-facts.three,
  .key-fact-section .all-key-facts .key-facts.foure,
  .key-fact-section .all-key-facts .key-facts.five,
  .key-fact-section .all-key-facts .key-facts.six {
    position: relative;
    width: 50%;
    background: #fff;
    flex: 0 0 49%;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 0px;
    border: 1px solid #fafbfb;
    margin-bottom: 10px;
    box-shadow: 0 0 20px #f3f3f3; }

  .key-fact-section .all-key-facts .key-facts span.count {
    font-weight: 400;
    color: #323d47;
    font-family: Dosis, sans-serif; }

  .key-fact-section .all-key-facts .key-facts p {
    font-size: 15px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #757575; }

  .key-fact-section .all-key-facts .key-facts .devider-right {
    border-right: 0;
    margin-bottom: 50px; }

  .padding-40 {
    padding: 20px 0; }

  .csd .section1 .col-md-3,
  .our-process .section1 .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%; }

  .csd .section1 .col-md-3 p.lead-3,
  .our-process .section1 .col-md-3 p.lead-3 {
    text-align: left !important;
    margin-bottom: 0; }

  .csd .section1 .col-md-3 p.lead-3 br,
  .our-process .section1 .col-md-3 p.lead-3 br {
    display: none; }

  .demo-section .main-content section.ml-6 {
    margin-left: 0 !important; }

  .demo-section .main-content section.mr-6 {
    margin-right: 0 !important; }

  .case-studies .case-study {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }

  .case-studies .case-study .col-lg-4.mt-7 {
    margin-top: 0 !important; } }
.responsive-menu {
  display: none; }

@media (max-width: 580px) {
  #tawkchat-minified-box {
    border: 0 none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    bottom: 42px;
    height: 100%;
    z-index: 999995;
    text-align: left;
    font-size: 16px; }

  .responsive-menu {
    display: block;
    position: fixed;
    bottom: 0;
    height: 56px;
    background: #fff;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2); }
    .responsive-menu ul {
      padding: 0;
      margin: 0; }
      .responsive-menu ul li {
        padding: 0;
        float: left;
        line-height: 56px;
        width: 20%;
        text-align: center;
        list-style: none; }
        .responsive-menu ul li a {
          width: 100%;
          float: left;
          line-height: 56px;
          -webkit-filter: grayscale(100%);
          /* Safari 6.0 - 9.0 */
          filter: grayscale(100%);
          opacity: 0.4; }
          .responsive-menu ul li a.active {
            -webkit-filter: grayscale(0%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
            opacity: 1; }
          .responsive-menu ul li a img {
            vertical-align: middle;
            width: 22px; }

  .casestudies-margin {
    margin: 20px auto; }

  .pl-7,
  .px-7 {
    padding-left: 20px !important; }

  .pr-7,
  .py-7 {
    padding-right: 20px !important; }

  .navbar-light .desktop-logo {
    display: none !important; }

  .navbar-light .mobile-logo-dark,
  .navbar-stick-light.stick .mobile-logo-dark {
    display: none; }

  .navbar-light .mobile-logo-light,
  .navbar-stick-light.stick .mobile-logo-light {
    display: inline-block; }

  .navbar-dark .mobile-logo-dark,
  .navbar-stick-dark.stick .mobile-logo-dark {
    display: inline-block; }

  .navbar-dark .mobile-logo-light,
  .navbar-stick-dark.stick .mobile-logo-light {
    display: none; }

  .navbar-left .navbar-toggler {
    margin-top: 10px; }

  .footer {
    padding-right: 0 !important;
    padding-top: 2rem !important;
    padding-bottom: 0rem !important; }

  .why-choose .count-style {
    font-size: 60px;
    left: 10px; }

  .why-choose .process-card {
    width: 100%; }

  .portfolio-1 img {
    width: 100%; }

  .margin-top-112 img {
    width: 100%;
    float: right; }

  .margin-top-112 {
    margin-top: 20px; }

  .bg-gray-2 {
    margin-bottom: 40px; }

  .row.padding-zero-xs .col-md-10 {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .row.padding-zero-xs .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .webinar-left {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (max-width: 480px) {
  .display-3 {
    font-size: 2.5rem; }

  .display-4 {
    font-size: 2.2rem; }

  .footer .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px; }

  .btn {
    margin-bottom: 20px; }

  .padding-40 {
    padding: 0px 0; }

  .slider-blackwhite img {
    margin: auto;
    display: table; } }
@media (max-width: 400px) {
  .display-3,
  .h2,
  h2 {
    font-size: 1.9rem; }

  .display-4 {
    font-size: 2.2rem; }

  .key-fact-section .all-key-facts .key-facts.one,
  .key-fact-section .all-key-facts .key-facts.two,
  .key-fact-section .all-key-facts .key-facts.three,
  .key-fact-section .all-key-facts .key-facts.foure,
  .key-fact-section .all-key-facts .key-facts.five,
  .key-fact-section .all-key-facts .key-facts.six {
    position: relative;
    width: 100%;
    flex: 0 0 100%; } }
@media (max-width: 340px) {
  .logo-dark,
  .logo-light {
    width: 180px; } }

/*# sourceMappingURL=style.css.map */