*, *::before, *::after {
  box-sizing: border-box;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}


body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #202020;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: #202020;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h1, h2, h3 {
  font-family: 'Open Sans', sans-serif;
}

p {
  font-size: 17px;
  color: #202020;
  margin-top: 0;
}

a, button {
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

a:hover {
  color: #000000;
  text-decoration: none;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

textarea {
  overflow: auto;
  resize: vertical;
}

video {
  outline: none;
  border: none;
  object-fit: cover;
  overflow: hidden;
  clip-path: inset(1px 2px); 
}

.font-open, span.font-open {
  font-family: 'Open Sans', sans-serif;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Italic.woff2') format('woff2'), url('../fonts/OpenSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/OpenSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Condensed';
  src: url('../fonts/OpenSans-CondensedLight.woff2') format('woff2'), url('../fonts/OpenSans-CondensedLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Condensed';
  src: url('../fonts/OpenSans-CondensedLightItalic.woff2') format('woff2'), url('../fonts/OpenSans-CondensedLightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Condensed';
  src: url('../fonts/OpenSansCondensed-Bold.woff2') format('woff2'), url('../fonts/OpenSansCondensed-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: typo grotesk rounded;
  font-style: normal;
  font-weight: 400;
  src: local('Typo Grotesk Rounded'),url('../fonts/Typo Grotesk Rounded Demo.woff') format('woff')
}

@font-face {
  font-family: typo grotesk rounded;
  font-style: italic;
  font-weight: 400;
  src: local('Typo Grotesk Rounded'),url('../fonts/Typo Grotesk Rounded Italic Demo.woff') format('woff')
}

@font-face {
  font-family: typo grotesk rounded;
  font-style: normal;
  font-weight: 300;
  src: local('Typo Grotesk Rounded'),url('../fonts/Typo Grotesk Rounded Light Demo.woff') format('woff')
}

@font-face {
  font-family: typo grotesk rounded;
  font-style: italic;
  font-weight: 300;
  src: local('Typo Grotesk Rounded'),url('../fonts/Typo Grotesk Rounded Light Italic Demo.woff') format('woff')
}

@media (min-width: 767px) {
  .custom-sm-1 {
      -webkit-box-flex:0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
  }

  .custom-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }

  .custom-sm-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .custom-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }

  .custom-sm-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }

  .custom-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .custom-sm-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }

  .custom-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }

  .custom-sm-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }

  .custom-sm-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }

  .custom-sm-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
  }

  .custom-sm-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.custom-container {
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px
}

.custom-container-xl {
  max-width: 1630px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px
}

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.indi-text{
  padding-bottom: 80px;
}
.align-items-center{
  align-items: center !important;
}

.custom-sm-1, .custom-sm-10, .custom-sm-11, .custom-sm-12, .custom-sm-2, .custom-sm-3, .custom-sm-4, .custom-sm-5, .custom-sm-6, .custom-sm-7, .custom-sm-8, .custom-sm-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.clear-both {
  clear: both;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-white {
  color: #fff
}

.text-blue {
  color: #434697;
}

.text-yellow {
  color: #ffea00;
}

.text-red {
  color: #f74a00;
}

.text-green {
  color: #25b361;
}

.text-teal {
  color: #25aeb3;
}

.text-orange {
  color: #f6935d;
}

.text-pink {
  color: #e95f6c;
}

.bg-blue {
  background: #434697 !important;
}

.bg-yellow {
  background: #ffea00;
}

.bg-pink {
  background: #e95f6c;
}

.bg-green {
  background: #25b361;
}

.bg-teal {
  background: #25aeb3;
}

.bg-orange {
  background: #f9894b;
}

.bg-lightgray {
  background: #fbfcff;
}

.error {
  color: rgb(240, 55, 55);
}

.site-btn {
  background: #303491;
  border: 2px solid #303491;
  position: relative;
  font-size: 20px;
  color: #fff;
  text-transform: capitalize;
  line-height: 1;
  border-radius: 30px;
  padding: 0.82rem 2.25rem;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  transition: all .8s;
}

.site-btn1 {
  background: #006bff;
  border: 2px solid #006bff;
  position: relative;
  font-size: 20px;
  color: #fff;
  text-transform: capitalize;
  line-height: 1;
  border-radius: 30px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  transition: all .8s;
  padding: 0.82rem 0.25rem;
  width: 150px;
}

.site-btn span {
  color: #fff;
  z-index: 2;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}

.site-btn::before {
  content: '';
  position: absolute;
  top: -30px;
  left: -30px;
  right: -30px;
  bottom: 135%;
  background: #fff;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}

.site-btn:hover::before {
  bottom: -30px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.site-btn:hover span {
  color: #303491;
  position: relative;
}

.title1 {
  font-size: 46px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.title2 {
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.title3 {
  font-size: 32px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

.title4 {
  font-size: 24px;
  font-weight: bold;
}

.title-pera {
  font-size: 22px;
  margin: 0;
}

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

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

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

.title-mb {
  margin-bottom: 85px;
}

.font-42 {
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
}

.font-light {
  font-weight: 300;
}

.mb-20 {
  margin-bottom: 20px;
}
.mt-100{
  margin-top: 100px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 2;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.slick-dots li button {
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #222222;
  border-radius: 50%;
  margin: 0 5px;
  opacity: 0.5;
}

.banner_slider .slick-dots li.slick-active button {
  opacity: 1;
}

.slick-arrow {
  width: 30px;
  height: 22px;
  position: absolute;
  top: calc(50% - 15px);
  color: transparent;
  border: none;
  z-index: 2;
  cursor: pointer;
}

.slick-arrow.slick-prev {
  background: url(slider-arrow-left.png) no-repeat center;
  background-size: contain;
  left: 0;
}

.slick-arrow.slick-next {
  background: url(slider-arrow-right.png) no-repeat center;
  background-size: contain;
  right: 0;
}
body{
  padding-top: 117px;
}
@media (max-width:1199px){
  body{
      padding-top: 99px;
  }   
}
.main-header {
  padding: 0px 0px;
  position: relative;
  box-shadow: 5px 2px 20px 0px rgb(0 0 0 / 7%);
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: #fff;
  transition: all 0.4s;
}
body.header-fixed .main-header{
  position: fixed;
  animation: smoothScroll 0.5s forwards;
}
@media (min-width:1200px){
  @keyframes smoothScroll {
      0% {
          transform: translateY(-40px);
      }
      100% {
          transform: translateY(0px);
      }
  }
}


.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.header-right .site-btn {
  padding: 0.82rem 30px;
  margin-left: 30px;
}

.login-btn {
  font-size: 20px;
  font-weight: bold;
}

.login-btn:hover {
  color: #434697;
}

.header-logo {
  float: left;
}

.navBox > ul > li > a {
  display: block;
  text-decoration: none;
  padding: 10px 15px 45px;
  display: block;
  font-size: 18px;
  color: #000;
}

.navBox ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  overflow: hidden;
}

.navBox ul li {
  float: left;
  list-style: none;
}

.navBox ul li .fa {
  padding-left: 4px;
}

.navBox .dropNav {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: inherit;
  background: #fff;
  z-index: 7;
  overflow: hidden;
  box-shadow: 10px 0px 30px rgb(41 41 41 / 18%);
  border-radius: 4px;
}

.navBox>ul>li.active > a {
  text-shadow: 0px 0px #303491;
  color: #303491;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mobile-close {
  display: none;
}

.navBox>ul>li>a i {
  font-size: 12px;
  margin-left: 6px;
}

.mobile-menu-logo {
  padding: 20px 15px;
  display: none;
}

.p-b20 {
  padding-bottom: 20px;
}

.t-h1 {
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: center;
  color: #202020;
  font-weight: 600;
  margin-bottom: 24px;
}

.t-h2 a {
  color: #222222;
}

.t-h2 {
  font-size: 1.72rem;
  text-align: center;
  color: #202020;
  line-height: 1.125;
  font-weight: 700;
}

.pricing-tbl {
  padding: 80px 0 100px;
}

.table-responsive {
  overflow-x: auto;
}

.t-p {
  margin-bottom: 0;
  font-weight: 600;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 15px 15px;
}

.price-table tr:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.price-table tr td {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 24px;
  font-size: 14px;
  width: 200px;
}

.price-table tr td:first-child {
  border-left: 0 none;
}

.price-table tr td:not(:first-child) {
  text-align: center;
}

.price-table tr:nth-child(even) {
  background-color: #FFFFFF;
}

.price-table tr:hover {
}

.price-table .fa-check {
  color: #303491;
}

.price-table .fa-times {
  color: #D8D6E3;
}

.price-table tr:nth-child(2n) td:nth-child(3) {
}

.price-table tr td:nth-child(3) {
}

.price-table tr td:nth-child(3) .fa-check, .price-table tr:nth-child(2n) td:nth-child(3) .fa-check {
}

.t-bg {
  background: #f5f5f8;
}

.t-bg h3 {
  margin: 0
}

td i {
  color: #303491;
  font-size: 8px;
}

.price-table tr.price-table-head td {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  text-transform: inherit;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #202020;
}

.price-table tr.price-table-head {
  background-color: #f5f5f8;
  color: #FFFFFF;
}

.price-table td.price-table-head {
  border-left: 1px solid #fff !important;
}

.price-table td.price {
  color: #f43f54;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

.price-table td a.site-btn {
  font-size: 14px;
}

.price-table .contact-link, .price-table .contact-link:hover {
  color: #fff;
  text-decoration: underline;
}

.price-table td.price-table-popular {
  font-family: 'Open Sans', sans-serif;
  border-top: 3px solid #303491;
  color: #303491;
  text-transform: uppercase;
  font-size: 12px;
  padding: 12px 48px;
  font-weight: 700;
}

.price-table .price-blank {
  background-color: #fafafa;
  border: 0 none;
}

.price-table svg {
  width: 90px;
  fill: #303491;
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 25px;
  margin: 0 15px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dddfe1;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: #006bff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.header-right.mobile {
  display: none;
}

.not-found-page .banner-wrap {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.not-found-page .home-banner-animation {
  display: flex;
  position: relative;
  right: 0;
  bottom: 0;
  min-height: 400px;
  top: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}

.not-found-page .home-banner-animation .e-a-circles {
  width: 950px;
  height: 950px;
  right: auto;
  top: auto;
  left: auto;
  margin: 0 auto;
}

.not-found-page .main-header {
  padding: 31px 0;
}

.not-found-page footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

.not-found-block {
  display: flex;
  justify-content: center;
  padding: 5% 0;
}

.not-found-block h1 {
  font-size: 120px;
  color: #303491;
  width: 100%;
  line-height: 120px;
  text-align: center;
}

.not-found-block p {
  width: 100%;
  text-align: center;
}

.scheduling-process { padding: 80px 0 !important; }
.scheduling-process h1 { font-size: 40px !important; margin-bottom: 20px !important; }
.scheduling-process h3 { font-size: 34px !important; }
.scheduling-process .site-btn { margin-top: 50px !important;}
.scheduling-process .banner-subtext.text-black { max-width: 610px; }
.indi-banner{
  padding: 80px 0px 0px 0px !important;
}

.waltz { padding: 80px 0 !important; }
.waltz h1 { font-size: 40px !important; }
.waltz h3 { font-size: 34px !important; }
.waltz .site-btn { margin-top: 50px !important; }

.your-team { padding: 80px 0 !important; }

.tm-page-banner img {
  position: absolute;
  top: 4px;
}

.indi-bnr-anim .enterprise-animation.individual-animation{
  position: relative;
  max-width: 100%;
  right: 0;
}
.indi-bnr-anim .individual-animation .e-a-circles{
  width: 540px;
  height: 540px;
  top: 4%;
  padding: 50px;
  right: 0;
}



/* Contact page Style Started */
.contact-wrap{
  padding: 80px 0 0 0;
  margin-bottom: 115px;
  position: relative;
}
.contact-wrap::before{
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/contact-us/contact-bg-1.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 212px;
  height: 184px;
  left: 8%;
  top: 0px;
}
.contact-wrap::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/contact-us/contact-bg-3.png);
  background-repeat: no-repeat;
  background-position: top right;
  width: 133px;
  height: 182px;
  right: 0;
  top: 32%;
  z-index: -1;
}
.contactbg {
  position: absolute;
  background: #f8faff;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 663px;
  z-index: -1;
}
.contact-wrap .title{
  font-size: 42px;
  display: flex;
  justify-content: center;
  position: relative;
}
.contact-wrap .subtext{
  font-size: 22px;
  display: flex;
  justify-content: center;
  letter-spacing: 0.25px;
  margin-bottom: 40px;
  text-align: center;
}
.cnt-frm-wrap {
  max-width: 1200px;
  background: #fff;
  box-shadow: 1px 1px 30px 6px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 70px 100px;
  margin: 0 auto;
}
.cnt-frm-wrap label {
  font-size: 17px;
}

.cnt-frm-wrap input[type=text], .cnt-frm-wrap input[type=email], .cnt-frm-wrap select, .cnt-frm-wrap textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  font-size: 16px;
  background: #f8faff;
  border: 1px solid #dbe0ed;
  border-radius: 10px;
  width: 100%;
  height: 67px;
  transition: .5s all ease-in-out;
  outline: 0;
}
.cnt-frm-wrap input[type=text]:focus, .cnt-frm-wrap input[type=email]:focus, .cnt-frm-wrap select:focus, .cnt-frm-wrap textarea:focus {
  padding: 15px 20px;
  font-size: 16px;
  background: #f8faff;
  border: 1px solid #9ea7c2;
  border-radius: 10px;
  width: 100%;  
  transition: .5s all ease-in-out;
  outline: 0;
}
.cnt-frm-wrap .custom-sm-12, .cnt-frm-wrap .custom-sm-6{
  margin-bottom: 38px;
} 
.cnt-frm-wrap textarea{
  min-height: 247px;
}
.contact-wrap .title::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/contact-us/contact-bg-2.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 111px;
  height: 129px;
  right: 80px;
  top: -10px;
}

/* Contact page Style Ended */


/* Thank You page Style Started */
.thankyou-wrap{
  padding: 50px 0 0 0;
  margin-bottom: 115px;
  position: relative;
  background-color: #f8faff;
}
.thankyou-wrap::before{
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/contact-us/contact-bg-1.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 212px;
  height: 184px;
  left: 8%;
  top: 0px;
}
.thankyou-wrap::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/contact-us/contact-bg-3.png);
  background-repeat: no-repeat;
  background-position: top right;
  width: 133px;
  height: 182px;
  right: 0;
  top: 32%;
  z-index: -1;
}
.thankyou-wrap .title {
  font-size: 80px;
  font-weight: 600;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  line-height: 80px;
}
.thankyou-wrap .title span {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  font-size: 41.5px;
  line-height: normal;
}
.whtnxt {  
  width: 100%;
  justify-content: center;
  background-image: url(../images/contact-us/thnk-bg.png);
  background-repeat: no-repeat;
  background-position: top center;  
  height: 177px;
  margin-top: 20px;
  padding-top: 58px;  
}
.blue-blog-strap {
  background-color: #434697;
  color: #fff;
  padding: 40px 0;
}

.whtnxt h2, .whtnxt p {
  width: 100%;
  justify-content: center;
  display: flex;
}
.whtnxt h2 {
  font-size: 32px;
  line-height: 32px;
}
.whtnxt p {
  font-size: 28px;
}
.blue-blog-strap h3 {
  font-size: 32px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}
.blue-blog-strap .site-btn{
  background: #ffea00;
  padding: 1rem 3.8rem;
}
.blue-blog-strap .site-btn span{
  color: #303491;
  font-weight: 700;
}
.blue-blog-strap .custom-sm-3{
  justify-content: flex-end;
  display: flex;
}
.go-home {
  padding: 100px 0;
  justify-content: center;
  display: flex;
  background-image: linear-gradient(180deg, transparent, #f2f4f9);
}
.go-home .site-btn{  
  padding: 1.2rem 4rem;
}
.go-home .site-btn span{
  font-size: 20px;
  font-weight: 700;
}
/* Thank You page Style Ended */

.indi-bnr-anim.waltz.entprs {
  padding-bottom: 0 !important;
}
.entprs .banner-text.invitee-text {
  padding-bottom: 80px;
}
.entprs .enterprise-animation.individual-animation {
  position: absolute;
}

@media (max-width: 576px) {  

.waltz { padding-bottom: 180px !important; }
.waltz .site-btn { position: relative; z-index: 10;}
.scheduling-process { padding-bottom: 250px !important; }
.your-team { padding-bottom: 250px !important; }


}

@media only screen and (min-width: 768px) {
  .home-banner-wrap .custom-sm-5 {
      flex: 0 0 45%;
      max-width: 45%;
  }

  .home-banner-wrap .custom-sm-7 {
      flex: 0 0 55%;
      max-width: 55%;
  }
}

@media only screen and (min-width: 1200px) {
  .header-logo, .header-right {
      width: 20%;
  }

  .header-center {
      width: 60%;
  }

  #open-slidebar, .closeicon {
      display: none;
  }

  #pageslide {
      display: block !important;
  }

  .pageslideBg {
      display: none !important;
  }

  .navBox ul {
      justify-content: center;
      display: flex;
  }

  .navBox .dropNav ul {
      display: flex;
      flex-flow: wrap;
  }

  .navBox > ul > li {
      margin: 35px 10px 0;
  }

  .navBox > ul > li > a > i {
      display: none;
  }

  .dropNav ul > li {
      width: 33.33%;
      padding: 60px 60px;
      text-align: left;
      position: relative;
  }
  .about-dropNav ul > li{
    width: 50%;
  }

  .dropNav ul > li > a {
      display: flex;
      position: relative;
      height: 100%;
  }

  .dropNav ul > li > a:after {
      content: "";
      position: absolute;
      width: 1px;
      height: 100%;
      background: #ebebeb;
      right: -70px;
      top: 0;
  }

  .dropNav li a h4 {
      font-size: 19px;
  }

  .dropNav li a p {
      font-size: 15px;
      margin: 0;
  }

  .mi-icon {
      min-width: 50px;
      margin-right: 10px;
  }

  .dropNav .features-submenu > li > a:after {
      height: calc(100% + 60px);
  }

  .dropNav .features-submenu > li:nth-child(4) > a:after, .dropNav .features-submenu > li:nth-child(5) > a:after, .dropNav .features-submenu > li:nth-child(6) > a:after {
      top: -60px;
  }

  .dropNav .features-submenu > li:nth-child(4):after, .dropNav .features-submenu > li:nth-child(5):after, .dropNav .features-submenu > li:nth-child(6):after {
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      right: 0;
      border-top: 1px solid #ebebeb;
  }

  .dropNav .features-submenu > li:nth-child(4):after, .dropNav .features-submenu > li:nth-child(6):after {
      width: calc(100% - 60px);
  }

  .dropNav .features-submenu > li:nth-child(6):after {
      left: 0;
      right: auto;
  }

  .dropNav .colored-submenu li {
      width: 25%;
      padding: 40px 30px;
  }

  .dropNav .colored-submenu li > a:after {
      right: -30px;
  }

  .pick-time-strip::before {
      background-size: contain !important;
  }
}

@media only screen and (min-width: 1310px) {
  .dropNav ul > li {
      padding: 60px 70px;
  }
}

@media screen and (max-width: 1199px) {
  .header-logo {
      float: none;
  }

  .navBox ul li {
      float: none;
      position: relative;
      z-index: 99;
  }

  .navBox>ul>li>a {
      padding: 10px 20px;
      text-align: left;
      font-weight: 600;
  }

  .navBox .dropNav {
      position: static;
      border-radius: 0;
      box-shadow: none;
  }

  #open-slidebar {
      display: block;
      color: #303491;
      font-size: 30px;
  }

  #pageslide {
      display: none;
      width: 100%;
      max-width: 500px;
      position: fixed;
      top: 0;
      right: -200px;
      height: 100%;
      z-index: 999999;
      overflow: auto;
  }

  .navBox {
      background: #fff;
  }

  .pageslideBg {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.6);
      z-index: 9998;
  }

  .header-center {
      order: 3;
  }

  .header-right {
      margin-left: auto;
      margin-right: 30px;
  }

  .main-header {
      padding: 20px 0px;
  }

  .not-found-page .main-header {
      padding: 20px 0;
  }

  .dropNav li a {
      text-align: left;
      padding: 10px 10px 10px 15px;
      display: block;
  }

  .mobile-close {
      display: block;
      position: absolute;
      top: 9px;
      padding: 10px 15px;
      right: 0;
      font-size: 26px;
  }

  .dropNav ul {
      padding: 0 15px;
  }

  .dropNav > ul > li > a {
      display: flex;
      align-items: center;
  }

  .mi-icon {
      min-width: 32px;
  }

  .mi-icon img {
      max-width: 22px;
  }

  .dropNav > ul > li {
      border-bottom: 2px solid #f0f0f0;
  }

  .dropNav > ul > li:last-child {
      border: none;
  }

  .mobile-menu-logo {
      display: block;
      padding: 15px;
  }

  .reminder-list p, .r-time {
      font-size: 14px;
  }
  .indi-bnr-anim .ea-b-img {
    top: 45px;
  }
  .indi-bnr-anim .ea-b-img {
    top: 50px;
  }
  .entprs.indi-bnr-anim .ea-b-img {
    top: 0;
  }
  .entprs.indi-bnr-anim .individual-animation .e-a-circles{
    right: 10%;
  }
}

@media only screen and (max-width: 1024px) {
  .entprs .enterprise-animation.individual-animation {
    position: absolute;
  }
  .entprs.indi-bnr-anim .individual-animation .e-a-circles {
    right: 10%;
    top: 0;
  }
  .indi-bnr-anim.entprs .individual-animation .e-a-circles {
    top: -80px;
}
  .entprs.indi-bnr-anim .ea-b-img {
    top: 85px;
  }
}

@media only screen and (max-width: 768px) {
  .entprs.indi-bnr-anim .individual-animation .e-a-circles{
    right: 25px;
  }
  .entprs .banner-text.invitee-text {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header-right {
      display: none;
  }

  .header-right.mobile {
      display: flex;
      justify-content: center;
      margin: auto;
  }

  .not-found-block h1 {
      font-size: 90px;
      color: #303491;
      width: 100%;
      line-height: 90px;
      text-align: center;
  }

  .not-found-block {
      padding: 10% 0;
  }

  .not-found-page .header-right {
      display: block;
      margin-right: 0;
  }
  .entprs.indi-bnr-anim .ea-b-img {
    top: 0;
  }
  .entprs .banner-text.invitee-text {
    padding-bottom: 80px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation {
    top: 0 !important;
  }
  .entprs.indi-bnr-anim .individual-animation .e-a-circles{
    right: unset;
    left: 0px;
  }
}

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

.home-banner {
  padding: 110px 0 150px;
  margin-bottom: 75px;
  background: linear-gradient(0deg, #eeeef6 0% , transparent 38%);
  overflow: hidden;
}

.home-banner-wrap .banner-subtext {
  max-width: 530px;
}

.banner-title {
  font-size: 45px;
  color: #000;
  margin-bottom: 40px;
  line-height: 1.2;
  font-weight: 400;
}

/* .banner-text {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
} */

.banner-texttop {
  margin-bottom: 20px;
}

.banner-subtext {
  color: #000;
  font-size: 21px;
  margin: 0;
}

.banner-text .site-btn {
  margin-top: 50px;
}

.banner-wrap {
  position: relative;
}

.banner-wrap::before, .banner-wrap::after {
  content: "";
  position: absolute;
}

.consultants-banner::before, .education-banner::before, .recruitment-banner::before, .sales-banner::before, .enterprise-banner::before, .individual-banner::before, .team-banner::before {
  top: 0;
  left: 70px;
  width: 200px;
  height: 125px;
  background: url(../images/banner/banner-line-top.png) no-repeat;
  background-size: contain;
}

.consultants-banner::after, .education-banner::after, .recruitment-banner::after, .sales-banner::after, .enterprise-banner::after, .individual-banner::after, .team-banner::after {
  top: 20%;
  right: 0px;
  width: 131px;
  height: 180px;
  background: url(../images/banner/banner-line-bottom.png) no-repeat;
}

.education-banner::before {
  background: url(../images/banner/education-line-top.png) no-repeat;
}

.education-banner::after {
  background: url(../images/banner/education-line-bottom.png) no-repeat;
}

.recruitment-banner::before {
  background: url(../images/banner/recruitment-line-top.png) no-repeat;
}

.recruitment-banner::after {
  background: url(../images/banner/recruitment-line-bottom.png) no-repeat;
}

.sales-banner::before {
  background: url(../images/banner/sales-line-top.png) no-repeat;
}

.sales-banner::after {
  background: url(../images/banner/sales-line-bottom.png) no-repeat;
}

.enterprise-banner::before, .individual-banner::before, .team-banner::before {
  background: url(../images/banner/gray-line-top.png) no-repeat;
}

.enterprise-banner::after, .individual-banner::after, .team-banner::after {
  background: url(../images/banner/gray-line-bottom.png) no-repeat;
  height: 192px;
}

.home-banner-animation {
  position: absolute;
  right: 10%;
  bottom: 0;
}

.home-banner-animation .e-a-circles {
  width: 950px;
  height: 950px;
  right: -17%;
  top: 0%;
}

.hb-banner-img {
  z-index: 3;
  position: relative;
}

.pick-time {
  margin-bottom: 70px;
}

.circle-white {
  width: 540px;
  height: 540px;
  border: 45px solid #ffff;
  border-radius: 50%;
}

.circle-blue {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 10px solid #434697;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pick-time-strip::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 23%;
  background: url(../images/banner/about-section-bg.png) no-repeat center;
  left: 0;
  bottom: 45px;
}

.text-btn {
  font-size: 22px;
  color: #434697;
  margin-top: 15px;
}

.circle-text .title3 {
  margin: 20px 0;
}

.circle-text .title3 span {
  color: #858585;
}

.circle-text .site-btn {
  font-size: 16.5px;
  margin-bottom: 20px;
  padding: 0.9rem 30px;
}

.circle-text .text-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgb(67 70 151 / 50%);
  bottom: -4px;
}

.work-text {
  margin: 25px 0 0;
  line-height: 1.2;
  font-size: 26px;
  font-weight: bold;
}

.work-boxes {
  padding: 45px 10px;
  position: relative;
  height: 100%;
  transition: all 0.3s ease-in-out;
  background: #fff;
}

.work-boxes:not(.shadow-none)::before {
  content: "";
  width: 50px;
  right: -20px;
  height: 50px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  border: 10px solid #434697;
  z-index: -1;
}

.work-boxes:not(.shadow-none)::after {
  content: "";
  position: absolute;
  width: 35px;
  right: -25px;
  height: 100%;
  top: 0;
  z-index: -2;
  background: url(../images/icons/how-it-work-arrow-bg.png) no-repeat center;
}

.work-boxes.shadow-none {
  box-shadow: none;
}

.work-steps .custom-sm-4 {
  margin-bottom: 75px;
}

.how-it-work {
  margin-bottom: 140px;
}

.work-boxes:hover {
  background: #fff;
  box-shadow: 5px 0 20px rgb(0 0 0 / 10%);
  transition: all 0.3s ease-in-out;
}

.work-boxes > img {
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}

.work-boxes:hover img {
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.work-boxes:hover::after {
  display: none;
  transition: all 0.3s ease-in-out;
}

.capabilities {
  padding: 80px 0;
}

.glimps-boxes {
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.glimps-boxes:hover {
  background: #fff;
  box-shadow: 5px 0 20px rgb(0 0 0 / 10%);
  transition: all 0.3s ease-in-out;
  transform: scale(1.04);
}

.glimps-row .custom-sm-4 {
  margin-bottom: 35px;
}

.glimps-icon {
  margin-bottom: 30px;
}

.glimps-boxes p {
  margin: 0;
}

span {
  cursor: pointer;
}

.switcher-btn {
  background: #fff;
  border: 1px solid #006bff;
  color: #202020;
  border-radius: 10px;
  padding: 0.7rem 1.3rem;
  font-weight: 600;
  transition: all .8s;
  margin: 0 -3px;
}

.switcher span#month {
  border-radius: 10px 0 0 10px;
}

.switcher span#year {
  border-radius: 0px 10px 10px 0px;
}

.switcher-btn.active {
  background: #006bff;
  border: 1px solid #006bff;
  color: #fff;
  border-radius: 10px;
  padding: 0.7rem 1.3rem;
  font-weight: 600;
  transition: all .8s;
}

.price-table-head .pricing-table__currency {
  font-weight: 900;
  font-size: 20px;
}

.price-table-head .pricing-table__price {
  font-weight: 800;
  font-size: 30px;
}

.price-table-head {
  min-height: 180px;
  vertical-align: top;
}

.price-table-head td {
  text-align: center !important;
  padding: 30px 20px !important;
}

.active-plan {
  color: #006bff;
}

.monthly-price {
  font-weight: 700;
}

.yearly-price {
  font-weight: 700;
}

.p-t20 {
  padding-top: 40px;
}

.integrations {
  padding: 115px 0 80px;
}

.integrations-logos {
  margin: 0 -5px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.integrations-logos li {
  background: #f8faff;
  padding: 30px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(14.28% - 12px);
  max-width: calc(14.28% - 12px);
}

.integrations-logos li img {
  transition: all 0.3s ease-in-out;
}

.integrations-logos li:nth-child(1), .integrations-logos li:nth-child(2), .integrations-logos li:nth-child(3), .integrations-logos li:nth-child(4), .integrations-logos li:nth-child(5), .integrations-logos li:nth-child(6) {
  min-width: calc(16.66% - 12px);
  max-width: calc(16.66% - 12px);
}

.title-mb-sm {
  margin-bottom: 40px;
}

.integrations-logos li:hover img {
}

.zapier-section {
  background: url(../images/zapier-bg.jpg) no-repeat center;
  padding: 80px 0;
  background-size: cover;
}

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

.zapier-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.zapier-left h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}

.zapier-logo {
  margin-right: 50px;
  min-width: 151px;
}

.icon-txt-wrap {
  display: flex;
}

.icon-box {
  width: 10%;
}

.need-us {
  padding: 110px 0 ;
}

.icon-box {
  min-width: 25%;
}

.need-text {
  padding-top: 12px;
  max-width: 450px;
}

.icon-txt-wrap {
  display: flex;
  margin-bottom: 55px;
}

.custom-tabs > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.custom-tabs .tab-panel {
  display: none;
}

.custom-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .custom-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .custom-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .custom-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .custom-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .custom-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.custom-tabs > label {
  position: relative;
  display: inline-block;
  padding: 16px 40px;
  cursor: pointer;
  margin: 0;
  font-size: 22px;
}

.custom-tabs > label:hover, .custom-tabs > input:focus + label {
  background: #f7f7f7;
}

.custom-tabs > label:hover::after, .custom-tabs > input:focus + label::after, .custom-tabs > input:checked + label::after {
  background: #06c;
}

.tab-panel {
  padding: 30px 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.custom-tabs > input:first-child:checked + label {
  color: #fff;
  background: #e95f6c;
}

.custom-tabs > input:nth-child(3):checked + label {
  color: #fff;
  background: #f9894b;
}

.custom-tabs > input:nth-child(5):checked + label {
  color: #fff;
  background: #25b361;
}

.custom-tabs > input:nth-child(7):checked + label {
  color: #fff;
  background: #25aeb3;
}

.custom-tabs label.b-round {
  border-top-left-radius: 10px;
}

.tab-contant-text {
  max-width: 72%;
  margin: 0 auto;
}

.tab-contant-text h3 {
  font-size: 34px;
  color: #fff;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
  margin-bottom: 15px;
}

.tab-contant-text p{
  color: #fff;
  margin-bottom: 30px;
}

.btn-lined {
  border: 2px solid #fff;
  font-size: 20px;
  color: #ffff;
  padding: 10px 40px;
  border-radius: 30px;
  font-weight: 600;
  display: inline-block;
}

.align-center {
  align-items: center;
}

.custom-tabs .tab-panel .site-btn {
  background: transparent;
  border: 2px solid #fff;
}

#sales .site-btn:hover span {
  color: #e95f6c;
}

#recruitment .site-btn:hover span {
  color: #f9894b;
}

#consultant .site-btn:hover span {
  color: #25b361;
}

#education .site-btn:hover span {
  color: #25aeb3;
}

.review-section {
  padding: 110px 0;
}

.review-row {
  border: 8px solid #f1f1f1;
  max-width: 1160px;
  margin: 100px auto 5px;
  border-radius: 300px;
  padding: 0 10% 50px;
  min-height: unset;
}

/* .review-img {
  margin-bottom: 25px;
} */

.author strong {
  text-transform: uppercase;
}

.author {
  margin-bottom: 30px;
}

.review-text {
  margin: 25px 0;
}

.review_slider .slick-dots {
  left: 0;
  bottom: -15px;
}

.review_slider .slick-dots li {
  background: #fff;
}

.review_slider .slick-dots li:first-child {
  padding-left: 10px;
}

.review_slider .slick-dots li:last-child {
  padding-right: 10px;
}

.review_slider .slick-dots li button {
  margin: 0 4px;
  opacity: 0.2;
}

.review_slider .slick-dots li.slick-active button {
  opacity: 1;
}

.review_slider .slick-list {
  position: relative;
  top: 4rem;
}

.cta-section {
  padding-bottom: 115px;
  background-image: linear-gradient(180deg, transparent, #f2f4f9);
}

.cta-box {
  padding: 60px 20px;
  background: #303491;
  border-radius: 30px;
}
.cta-content-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f4f5ff;
  padding: 30px;
  flex-wrap: wrap;
}
.cta-content-box p{
  width: 100%;
  max-width: 60%;
  margin: 0;
}
.cta-content-box a{
  width: 100%;
  max-width: 20%;
  margin: 0;
}
.cta-pera {
  font-size: 22px;
  color: rgb(255 255 255 / 60%);
  margin-bottom: 0px;
}

.cta-box .cta-btn {
  background: #ffea00;
  color: #303491;
  padding: 0.8rem 2.5rem;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 40px;
}

.cta-box .cta-btn span {
  color: #303491;
}

.check-list {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  display: flex;
  justify-content: center;
}

.check-list li {
  display: flex;
  align-items: center;
  margin: 25px 20px 0;
  color: rgb(255 255 255 / 60%);
}

.check-list li img {
  margin-right: 10px;
}

.footer-sub {
  margin: 85px auto 0;
}

.subscribe-wrap {
  margin: 35px 0 50px;
}

.footer-info .social-items {
  margin-top: 15px;
}

input.comman-input {
  background: #f3f5fb;
  border: none;
  border-radius: 30px;
  font-size: 15px;
  color: #555555;
  padding: 17px 30px;
  width: 100%;
}

.subscribe-wrap input.site-btn {
  border: none;
  margin-top: 15px;
  cursor: pointer;
}

input:focus {
  outline: none;
}

.dwnld-link {
  list-style-type: none;
  padding: 0;
  margin: 0 0 40px;
}

.dwnld-link li {
  display: inline-block;
  margin: 0 5px 10px;
}

.footer-title {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8ecf7;
}

.social-items {
  list-style-type: none;
  padding: 0;
  margin: 0 0 40px;
}

.social-items li {
  display: inline-block;
  margin-right: 7px;
}

.social-items img {
  width: 34px;
}

.social-items a {
  font-size: 22px;
}

.devider {
  color: #b0b0b0;
  margin: 0 7px;
}

.copyright a {
  color: #000;
}

.copyright {
  background: #f8faff;
  padding: 17px 0;
  font-size: 14px;
}

.footer-links {
  padding: 0;
  margin: 0 0 80px;
  list-style-type: none;
  margin-top: 25px;
}

.footer-links li a {
  font-size: 16px;
  color: #090909;
  line-height: 1.8;
  transition: all .3s ease;
}

.footer-links li a:hover {
  color: #303491;
  transition: all .3s ease;
}

.footer-links li {
  padding: 6px 0;
}

.column-2 {
  column-count: 2;
}

.features-wrap {
  padding-left: 6%;
  padding-right: 25px;
}

.why-use-us {
  padding-bottom: 80px;
  border-bottom: 1px solid #d5d5d5;
}

.why-use-item {
  background: #fbfcff;
  border: 2px solid #e7ecfa;
  border-radius: 150px;
  display: flex;
  align-items: center;
  margin: 50px 0;
  padding-right: 5%;
}

.why-use-icon {
  background: #fff;
  width: 140px;
  height: 140px;
  min-width: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  position: relative;
}

.why-use-text p {
  margin: 0;
}

.why-use-icon::before,
.icon-circle::before {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0px;
    left: 0px;
    padding: 0;
    z-index: 10;
    border: 3px dashed #303491;
}

.why-use-item:hover .why-use-icon::before {
  display: block;
  -webkit-animation: spinAround 9s linear infinite;
  -moz-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
  from {
      -webkit-transform: rotate(0deg)
  }

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

@-moz-keyframes spinAround {
  from {
      -moz-transform: rotate(0deg)
  }

  to {
      -moz-transform: rotate(360deg);
  }
}

@keyframes spinAround {
  from {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(360deg);
  }
}

.find-app {
  border: 1px solid #d9daea;
  margin: 60px auto;
  padding: 35px;
  width: 100%;
  max-width: 800px;
  position: relative;
}

.find-app::before, .find-app::after {
  content: "";
  width: 1px;
  height: 60px;
  position: absolute;
  background: #d9daea;
}

.find-app::before {
  top: -60px;
  left: -1px;
}

.find-app::after {
  bottom: -60px;
  right: -1px;
}

.find-app-box::before, .find-app-box::after {
  content: "";
  width: 26px;
  height: 16px;
  position: absolute;
}

.find-app-box::before {
  top: -60px;
  left: -13px;
  background: url(../images/icons/arrow-up.png) no-repeat center top;
}

.find-app-box::after {
  bottom: -60px;
  right: -13px;
  background: url(../images/icons/arrow-down.png) no-repeat center bottom;
}

.find-app-box {
  display: flex;
  justify-content: center;
}

.find-app-box h3 {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
}

.find-app-icon i {
  font-size: 45px;
}

.find-app-icon {
  margin-right: 18px;
  animation: heart-pulse 0.5s ease-out alternate;
  animation-iteration-count: infinite;
}

@keyframes heart-pulse {
  0% {
      transform: scale(0.9, 0.9);
  }

  50% {
      transform: scale(1.1, 1.1);
  }
}

.integrations.integrations-with-app {
  padding: 100px 0 0px;
}

.eduaction-page {
  font-size: 26px;
}

.education-cta {
  padding: 100px 0;
}

.about-banner {
  background: url(../images/banner/about-us-banner.png) no-repeat center top -55px;
  padding-top: 70px;
}

.about-banner-box {
  background: #fff;
  padding: 80px 70px 0;
  box-shadow: 5px 0px 20px 0px rgb(0 0 0 / 7%);
  position: relative;
}

.about-banner .font-42 {
  margin-bottom: 40px;
}

.about-banner-box .title2 {
  margin-bottom: 50px;
}

.about-blue-box {
  padding: 40px;
  max-width: 98%;
  margin: 70px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.time-icon {
  margin-right: 30px;
  min-width: 92px;
}

.about-blue-box h3 {
  font-size: 34px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-align: left;
  line-height: 1.3;
  margin: 0;
}

.about-banner::before, .asa-table-section::before {
  content: "";
  width: 100%;
  height: 50%;
  background: #f8faff url(../images/banner/about-us-box-bg.png) no-repeat center;
  position: absolute;
  left: 0;
  bottom: 100px;
}

.enter-calrik {
  padding: 120px 0 70px;
}

.enter-calrik-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1030px;
  margin: 0 auto;
}

.enter-calrik-wrap h2 {
  margin-bottom: 20px;
}

.icon-c {
  margin-right: 70px;
  min-width: 209px;
}

.enter-calrik-wrap p {
  font-size: 22px;
  margin-bottom: 0;
}

.iw-title {
  max-width: 832px;
  margin: 0 auto 70px;
}

.iw-wrap .work-boxes:not(.shadow-none)::after {
  background: url(../images/icons/shadow-line.png) no-repeat center
}

.good-things {
  padding: 70px 0;
  background: #f8faff;
}

.good-things-wrap p {
  font-size: 32px;
  margin: 0;
  line-height: 1.3;
  margin-bottom: 5px;
}

.good-things-wrap h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.invitee-text h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 20px;
}

.invitee-text .banner-title {
  font-size: 50px;
  color: #434697;
  margin-bottom: 20px;
}
.team-title .banner-title{
  font-size: 40px;
  color: #434697;
  margin-bottom: 20px;
}
.team-title h3{
  font-size: 34px;
  font-weight: normal;
}
.invitee-banner {
  padding: 80px 0 60px;
  margin-bottom: 0;
}

.branding-section {
  padding: 100px 0 20px;
}

.branding-text h3 {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.1;
}

.branding-text p {
  margin: 0;
}

.branding-row {
  align-items: center;
  margin-bottom: 20px;
}

.branding-text {
  margin-bottom: 5%;
}

.privacy-banner {
  background: url(../images/banner/privacy-banner-bg.jpg) no-repeat center;
  background-size: cover;
  margin: 0;
  padding-top: 80px;
}

.privacy-features {
  padding: 15px 0;
  background: #f9f9ff;
}

.pf-row {
  padding: 45px 0;
}

.pf-heading {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  line-height: 1.1;
}

.pf-text {
  font-size: 22px;
  margin: 0;
  color: #000;
}

.comman-hr {
  border-top: #ced2e1 1px solid;
  margin: 0;
}

.safety {
  padding-top: 100px;
}

.aws-wrap {
  display: flex;
}

.aws-icon {
  min-width: 82px;
  margin-right: 18px;
}

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

.safety-row {
  align-items: center;
}

.aws-text p {
  margin: 0;
}

.aws-text h3 {
  font-family: 'Open Sans', sans-serif;
}

.safety-text {
  margin-top: 50px;
}

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

.team-banner {
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  margin: 0;
  padding: 120px 0;
  overflow: hidden;
}

.team-banner .banner-text, .home-banner-wrap .banner-text {
  position: relative;
  top: 0;
  transform: none;
  z-index: 9;
}

.team-feature {
  padding: 100px 0 120px;
}

.team-feature .branding-text {
  margin-bottom: 3%;
}

.team-btn {
  margin-top: 100px;
}

.team-animation {
  position: relative;
}

.team-animation .e-a-circles {
  width: 650px;
  height: 650px;
  right: 0;
  top: -10%;
}

#change_bgcolor_slide {
  padding: 70px 0 110px;
}

.change_bgcolor_pink {
  background: #e95f6c;
}

.change_bgcolor_green {
  background: #25b361;
}

.change_bgcolor_orange {
  background: #f9894b;
}

.change_bgcolor_teal {
  background: #25aeb3;
}

.power-p {
  margin-bottom: 40px;
}

.power-up-slider {
  max-width: 1024px;
  margin: 0 auto;
  border: 2px solid rgb(255 255 255 / 30%);
  padding: 22px 7px;
  border-radius: 22px;
  background: rgb(217 106 46 / 30%);
}

.power-slider-item {
  margin: 0 15px;
}

.power-slider-text {
  padding: 30px 15px 60px 30px;
  position: relative;
}

.power-slider-text h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.power-slider-text p {
  font-size: 28px;
  color: rgb(255 255 255 / 90%);
}

.know-more-btn {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  position: absolute;
  bottom: 30px;
  display: flex;
  align-items: center;
}

.know-more-btn img {
  margin-left: 20px;
  transition: all 0.3s ease-in-out;
}

.know-more-btn:hover {
  color: #fff
}

.know-more-btn:hover img {
  margin-left: 30px;
  transition: all 0.3s ease-in-out;
}

.power-up-slider .slick-dots {
  bottom: -40px;
}

.power-up-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #fff;
}

.power-up-slider .slick-dots li.slick-active button {
  opacity: 1;
}

.conference-box {
  padding: 45px 40px;
  background: #fff;
  box-shadow: 5px 0 20px rgb(0 0 0 / 7%);
  max-width: 510px;
  margin-left: auto;
}

.tool-list {
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  align-items: center;
}

.tool-list li a {
  display: inline-block;
}

.tool-list li {
  margin: 0 25px 10px 0;
}

.video-link-wrap input.comman-input {
  padding: 15px 18px;
  border-radius: 0;
}

.video-link-wrap {
  margin: 15px 0 20px;
  position: relative;
}

.copy-link-icon {
  padding: 12px 20px;
  position: absolute;
  z-index: 1;
  right: 0;
  cursor: pointer;
}

.conference-box-btn .site-btn {
  font-size: 14px;
  padding: 13px 30px;
  margin-right: 15px;
}

.enterprise-banner {
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  margin: 0;
  padding: 140px 0;
  overflow: hidden;
}

.enterprise-banner .banner-text {
  position: relative;
  top: 0;
  transform: none;
}

.enterprise-feature {
  padding: 100px 0 120px;
}

.enterprise-feature .branding-text {
  margin-bottom: 2%;
}

.enterprise-power-up .power-up-slider {
  background: rgb(38 141 81 / 30%);
}

.enterprise-power-up .power-slider-text p {
  color: #deffec;
}

.business-tool-feature {
  padding: 100px 0 70px;
  background-color: rgb(251, 252, 255);
  background-image: url(../images/line-top.png), url(../images/line-bottom.png) ;
  background-repeat: no-repeat;
  background-position: left 25%, right 60%;
}

.business-tool-feature .branding-text {
  margin-bottom: 2%;
}

.business-banner {
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  padding: 80px 0 80px;
}

.automated-scheduling-banner {
  padding: 80px 0;
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  margin-bottom: 0;
}

.scheduling-img img {
  margin-left: auto;
}

.online-scheduling {
  padding: 70px 0 70px;
}

.online-scheduling h3 {
  font-size: 40px;
}

.scheduling_p {
  margin-bottom: 90px;
}

.schedule-step h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}

.schedule-step p {
  font-size: 16px;
}

.schedule-step.ss-1, .schedule-step.ss-3 {
  margin-top: 35px;
}

.schedule-step.ss-1, .schedule-step.ss-2 {
  text-align: right;
}

.schedule-step.ss-2 {
  margin-top: 135px;
}

.schedule-step.ss-4 {
  margin-top: 110px;
}

.individual-banner {
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  background-size: cover;
  margin: 0;
  padding: 155px 0;
  overflow: hidden;
}

.individual-banner .invitee-text {
  position: relative;
  top: 0;
  transform: none;
  z-index: 9;
}

.individual-power-up .power-up-slider {
  background: rgb(0 0 0 / 6%);
}

.enterprise-animation.individual-animation {
  right: 13%;
}

.individual-animation .e-a-circles {
  width: 600px;
  height: 600px;
  top: 4%;
  padding: 50px;
  right: -13%;
}

.individual-animation .e-a-circle2 {
  padding: 45px;
}

.optimization-imgwrap {
}

.optimization-clock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 22px;
}

.optimization-banner {
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
   padding: 80px 0; 
  margin: 0;
}

.optimization-banner .banner-text {
  max-width: 500px;
}

.asa-banner {
  padding-top: 70px;
}

.asa-subtext {
  margin: 20px 0 50px;
}

.asa-table-section {
  padding-top: 70px;
  position: relative;
}

.asa-table-section::before {
  top: 0;
  max-height: 290px;
}

.asa-table-wrap table {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 0 20px rgb(0 0 0 / 10%);
}

.asa-table-wrap table tr td {
  padding: 13px;
  font-size: 17px;
  font-weight: 600;
  border: 1px solid #dae2f6;
  border-collapse: collapse;
}

.asa-table-wrap table thead td {
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.asa-table-wrap table thead td:first-child {
  font-size: 30px;
  padding-left: 60px;
}

.asa-table-wrap table thead td {
  padding: 7px 15px;
}

.asa-table-wrap table tr td:first-child {
  padding-left: 60px;
}

.more-asking {
  margin-top: 100px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}

.no-more-icon {
  margin-right: 20px;
}

.more-asking h3 {
  font-size: 40px;
  font-weight: 300;
  margin: 0;
  line-height: 1.1;
}

.more-asking h3 span {
  font-weight: 400;
}

.responsive-table {
  overflow-x: auto;
}

.asa-table-wrap table tr td.restricted-plan {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

.integrations-banner {
   padding: 80px 0 50px; 
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
  margin-bottom: 0;
}

.reminder-list li a {
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  box-shadow: 6px 0px 7px rgb(0 0 0 / 15%);
  padding: 12px 15px;
}

.reminder-wrap {
  position: relative;
  bottom: 210px;
  text-align: right;
  width: 100%;
  display: block;
}

ul.reminder-list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}

.reminder-list li {
  margin-bottom: 20px;
  max-width: 272px;
}

.reminder-list li:first-child {
}

.reminder-list p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.r-time {
  color: #969696;
  text-align: right;
  display: block;
  line-height: 1;
}

:root {
  --msg-content-height: 10em;
  --msg-spacing: 1em;
  --msg1-height: 5.5em;
  --msg2-height: 3em;
  --msg3-height: 2.5em;
}

.reminder1 {
  position: absolute;
  animation-iteration-count: 1;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.reminder2 {
  position: absolute;
  animation-iteration-count: 1;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  margin-top: 10px;
}

#r-msg1 {
  animation-name: msg1;
}

#r-msg2 {
  animation-name: msg2;
}

@keyframes msg1 {
  0% {
      top: calc(var(--msg-content-height) - var(--msg1-height));
      right: 0;
      transform: scale(0);
  }

  50% {
      top: calc(var(--msg-content-height) - var(--msg1-height));
      right: 0;
      transform: scale(1);
  }

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

@keyframes msg2 {
  0% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(0);
      opacity: 0;
  }

  10% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(0);
  }

  20% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(0);
  }

  30% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(0);
  }

  40% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(0);
  }

  50% {
      top: calc(var(--msg-content-height) - var(--msg2-height));
      right: 0;
      transform: scale(1);
      opacity: 1;
  }

  60% {
      top: calc(var(--msg-content-height) - var(--msg2-height) - var(--msg3-height));
      right: 0;
  }

  70% {
      top: calc(var(--msg-content-height) - var(--msg2-height) - var(--msg3-height));
      right: 0;
  }

  100% {
      top: calc(var(--msg-content-height) - var(--msg2-height) - var(--msg3-height));
      right: 0;
  }
}

.integrations-features .pf-row {
  padding: 80px 0;
}

.integrations-features .tool-list {
  margin: 35px 0 0;
}

.integrations-features .tool-list li {
  margin: 0 40px 10px 0;
}

.list-include {
  margin-top: 20px;
}

.zp-integration .tool-list {
  margin: 30px 0 0;
}

.zp-integration .tool-list li {
  margin: 0 29px 10px 0;
}

.more-apps {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.zp-integration .tool-list li:last-child {
  margin-right: 0;
}

.zapier-section.zp-integration {
  background-color: #f5f6f7;
  padding: 20px 0 10px;
  background-image: url(../images/zp-integration-top.png), url(../images/zp-integration-bottom.png) ;
  background-repeat: no-repeat;
  background-position: left 40px top, right 40px bottom;
  background-size: 240px;
}

.add-in-boxes {
  background: #fff;
  box-shadow: 5px 0 20px rgb(0 0 0 / 7%);
  padding: 45px;
  height: 100%;
}

.add-in-wrap {
  padding-top: 100px;
}

.add-in-boxes h3 {
  font-size: 34px;
  font-weight: 700;
  font-family: 'Open Sans';
  margin-bottom: 0px;
  line-height: 1.2;
}

.add-in-boxes p {
  font-size: 22px;
  margin: 15px 0 0;
}

.outlook {
  background: url(../images/icons/outlook-bg-icon.png) no-repeat right 65px bottom;
  padding-bottom: 110px;
}

.embeds {
  background: url(../images/icons/embeds-bg.png) no-repeat right 35px top;
}

.pricing-faq {
  padding: 80px 0 100px;
  background: linear-gradient(#f4f6fb, #fff, #f4f6fb);
}

.pricing-faq-wrap {
  margin: 70px auto 0;
  max-width: 1000px;
}

input.accordian-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.custom-tabs {
  overflow: hidden;
  box-shadow: none;
}

.custom-accordian {
  width: 100%;
  background: #fff;
  box-shadow: 5px 0 10px rgb(0 0 0 / 7%);
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 10px;
}

.tab-label {
    /* display: flex; */
    justify-content: space-between;
    padding: 15px 70px 15px 40px;
    font-size: 21px;
    font-weight: 400;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    color: #606060;
    transition: all 0.5s;
    position: relative;
    width: 100%;
}

.tab-label::after {
    content: "+";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
    margin-left: 10px;
    position: absolute;
    right: 42px;
    top: 50%;
    transform: translateY(-70%);
}

.tab-content {
  display: none;
  padding: 0px 80px 0 40px;
  color: #fff;
  background: #e7e5ff;
  transition: max-height 0.5s;
}

.tab-content p {
  color: #fff;
  font-size: 15px;
  padding: 20px 0 20px 0;
}

input.accordian-input:checked + .tab-label {
  background: #303491;
  border: none;
  color: #fff;
}

input.accordian-input:checked + .tab-label::after {
  content: "-";
}

input.accordian-input:checked ~ .tab-content {
  background: #e7e5ff;
}

.icon-circle {
  width: 85px;
  height: 85px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  transition: all 0.3s ease-in-out;
}



.icon-txt-wrap:hover .icon-circle::before {
  display: block;
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}

.circle-line1::before, .circle-line2::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border: 1px dashed rgb(67 70 151 / 50%);
  border-radius: 50%;
}

.circle-line1::before {
  animation: ani 55s linear infinite;
}

.circle-line2::before {
  animation: anim 35s linear infinite;
}

.circle-line1 {
  width: 340px;
  height: 340px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-line2 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

  to {
      transform: rotate(360deg);
  }
}

@keyframes anim {
  from {
      transform: rotate(360deg);
  }

  to {
      transform: rotate(0deg);
  }
}

.os-icon1, .os-icon2, .os-icon3, .os-icon4 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #d6d8ea;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.os-icon1::before, .os-icon2::before, .os-icon3::before, .os-icon4::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 140px;
  border-right: 2px dashed rgb(67 70 151 / 70%);
  transform: rotate(-60deg);
  bottom: -80px;
  right: -63px;
}

.os-icon2 {
  bottom: 95px;
}

.os-icon2::before {
  bottom: 13px;
  transform: rotate(-120deg);
  right: -65px;
  height: 135px;
}

.os-icon3 {
  right: 15px;
  top: 0;
}

.os-icon3::before {
  right: auto;
  left: -62px;
  transform: rotate(-118deg);
}

.os-icon4 {
  right: 15px;
  top: auto;
  bottom: 95px;
}

.os-icon4::before {
  right: auto;
  left: -65px;
  transform: rotate(-60deg);
  bottom: 14px;
}

.scheduling-c {
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 1;
}

.scheduling-cartoon {
  position: absolute;
  bottom: -45px;
  right: 40px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
  }

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

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

@keyframes pulse {
  0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
  }

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

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

.invitee-banner-circle {
  max-width: 440px;
  margin: 0 auto;
  position: relative;
}

.ib-circle1 {
  width: 440px;
  height: 440px;
  position: relative;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ib-circle1::before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: 2px dashed #c9cae1;
  border-radius: 50%;
  animation: ani 55s linear infinite;
}

.ibc-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin-top: -25px;
}

.ib-circle2 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.ib-circle2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px dashed #c9cae1;
  border-radius: 50%;
  animation: anim 35s linear infinite;
}

.ib-circle2::after {
  content: "";
  position: absolute;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  border: 2px dashed #c9cae1;
  border-radius: 50%;
  animation: ani 55s linear infinite;
  left: 30px;
  top: 30px;
}

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

.business-banner-img .invitee-banner-circle {
  max-width: 380px;
}

.business-banner-img .ib-circle1 {
  width: 380px;
  height: 380px;
}

.arrow-4group {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg) translate3d(0, 0, 0);
  animation: loaderRotate 1.8s ease-in-out 0s infinite both;
}

.arrow-4group span {
  position: absolute;
  display: block;
  width: 156px;
  height: 156px;
}

.arrow4 {
  background-image: url(../images/banner/business-tool-bg-sprite.png);
  background-repeat: no-repeat;
  display: block;
}

.arrow-4group span:nth-child(1) {
  top: 0;
  left: 0;
}

.arrow-4group span:nth-child(2) {
  top: 0;
  right: 0;
}

.b-arrow-one {
  width: 156px;
  height: 156px;
  background-position: top left;
}

.b-arrow-two {
  width: 156px;
  height: 156px;
  background-position: top right;
}

.arrow-4group span:nth-child(3) {
  bottom: 0;
  left: 0;
}

.b-arrow-three {
  width: 156px;
  height: 156px;
  background-position: bottom left;
}

.arrow-4group span:nth-child(4) {
  bottom: 0;
  right: 0;
}

.b-arrow-four {
  width: 156px;
  height: 156px;
  background-position: bottom right;
}

.business-banner-img .ib-circle2::after {
  width: calc(100% - 46px);
  height: calc(100% - 46px);
  left: 23px;
  top: 23px;
}

.business-banner-img .btb-img {
  max-width: 195px;
}

.rounded-c {
  z-index: 9;
}

.business-banner-img .ib-circle1 {
  padding: 45px;
}

@-moz-keyframes loaderRotate {
  0%, 100% {
      width: 360px;
      height: 360px;
  }

  65% {
      width: 370px;
      height: 370px;
  }
}

@-webkit-keyframes loaderRotate {
  0%, 100% {
      width: 360px;
      height: 360px;
  }

  65% {
      width: 370px;
      height: 370px;
  }
}

@-o-keyframes loaderRotate {
  0%, 100% {
      width: 360px;
      height: 360px;
  }

  65% {
      width: 370px;
      height: 370px;
  }
}

@keyframes loaderRotate {
  0%, 100% {
      width: 360px;
      height: 360px;
  }

  65% {
      width: 370px;
      height: 370px;
  }
}

@keyframes shadow-pulse {
  0% {
      box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.4);
  }

  100% {
      box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.8);
  }
}

.enterprise-animation {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 55%;
}

.e-a-circles {
  content: "";
  position: absolute;
  width: 800px;
  height: 800px;
  border: 2px dashed #c5c6dd;
  border-radius: 50%;
  animation: ani 55s linear infinite;
  padding: 70px;
  top: -4%;
  right: 17%;
}

.e-a-circle2 {
  width: 100%;
  height: 100%;
  border: 2px dashed #babbd9;
  border-radius: 50%;
  animation: anim 35s linear infinite;
  padding: 60px;
}

.e-a-circle3 {
  width: 100%;
  height: 100%;
  border: 2px dashed #a9aacf;
  border-radius: 50%;
  animation: ani 55s linear infinite;
  padding: 55px;
}

.e-a-circle4 {
  width: 100%;
  height: 100%;
  border: 2px dashed #8688bc;
  border-radius: 50%;
  animation: anim 35s linear infinite;
  padding: 55px;
}

.ea-b-img {
  z-index: 3;
  position: relative;
}

.video-box-sep-right {
  position: relative;
  padding-left: 50px;
}

.video-box-sep-right:after {
  content: "";
  position: absolute;
  height: 222px;
  width: 222px;
  right: -60px;
  bottom: -50px;
  background: url(../images/video-bg-sep.png) no-repeat center bottom;
  z-index: -1;
}

.video-box-sep-right video.video-box-bg {
  display: block;
  margin: 0 auto;
  max-width: 570px;
  box-shadow: 1px 1px 20px #cccccc8a;
  margin-bottom: 70px;
  background: #fff;
}

.video-box-sep-left {
  position: relative;
}

.video-box-sep-left:after {
  content: "";
  position: absolute;
  height: 222px;
  width: 222px;
  right: -15px;
  bottom: -50px;
  background: url(../images/video-bg-sep.png) no-repeat center bottom;
  z-index: -1;
}

.video-box-sep-left video.video-box-bg {
  max-width: 570px;
  box-shadow: 1px 1px 20px #cccccc8a;
  display: inline-block;
  margin-bottom: 30px;
  background: #fff;
}

.categories-video.video-box-sep-right:after {
  bottom: -50px;
}

.enterprise-feature .video-box-sep-left video.video-box-bg, .enterprise-feature .video-box-sep-right video.video-box-bg {
  display: block;
  max-width: 515px;
}

.email-reminder-video.video-box-sep-right video {
  display: block;
  max-width: 655px;
}

.video-shadow {
    box-shadow: 1px 1px 20px #cccccc8a;
    background-color: #fff;
}

.sales-banner, .recruitment-banner, .consultants-banner, .education-banner {
  margin-bottom: 80px;
}

.term-box {
  padding: 75px 50px 50px;
  z-index: 2;
}

.term-box p {
  font-size: 18px;
  text-align: justify;
}

.ts_txt_wrap {
  margin-bottom: 40px;
}

.ts_txt_wrap h3 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}

.p_mb_35 {
  margin-bottom: 35px;
}

.terms_section::before {
  height: 400px;
  bottom: auto;
  top: 240px;
}

.terms_section {
  padding-bottom: 110px;
}

.terms_section::after {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, #f2f4f9 5% , transparent 38%);
  z-index: 0;
}

.p_mb_25 {
  margin-bottom: 25px;
}

.pi_use {
  font-size: 18px;
}

.pi_use li {
  margin-bottom: 10px;
}

.information_table {
  max-width: 1250px;
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin-bottom: 40px;
}

.information_table td {
  border: 1px solid #cccccc;
  padding: 40px;
}

.information_table tr:nth-child(odd) td {
  background: #f9f9f9;
}

.information_table td ul {
  margin: 0;
}

.header-logo span.beta_version {
  font-size: 11px;
  border: solid 1px;
  padding: 2px 6px;
  pointer-events: none;
  position: relative;
  bottom: -7px;
  left: 5px;
  color: gray;
}

@media only screen and (min-width: 1700px) and (max-width: 1850px) {
  .home-banner-animation {
      right: 6%;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1699px) {
  .home-banner-animation {
      right: 0%;
  }
}

@media only screen and (min-width: 1350px) and (max-width: 1499px) {
  .home-banner {
      padding: 80px 0 100px
  }

  .home-banner-animation {
      right: 0;
  }

  .hb-banner-img {
      max-width: 90%;
      margin-right: 0;
  }

  .home-banner-animation .e-a-circles {
      width: 750px;
      height: 750px;
      right: -1%;
      top: -1%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1349px) {
  .home-banner {
      padding: 60px 0 80px
  }

  .home-banner-animation {
      right: 0;
  }

  .hb-banner-img {
      max-width: 71%;
      margin-right: 0;
  }

  .home-banner-animation .e-a-circles {
      width: 650px;
      height: 650px;
      right: -8%;
      top: -4%;
  }
}

@media only screen and (min-width: 1023px) and (max-width: 1199px) {
  .home-banner-wrap .banner-text {
      max-width: 360px;
  }

  .home-banner {
      padding: 70px 0 70px
  }

  .home-banner-animation {
      right: 4%;
  }

  .hb-banner-img {
      max-width: 65%;
      margin-right: 0;
  }

  .home-banner-animation .e-a-circles {
      width: 600px;
      height: 600px;
      right: -9%;
      top: 0%;
  }
}

@media only screen and (min-width: 881px) and (max-width: 1022px) {
  .home-banner-wrap .banner-text {
      max-width: 330px;
  }

  .home-banner {
      padding: 60px 0 60px
  }

  .home-banner-animation {
      right: 0%;
  }

  .hb-banner-img {
      max-width: 64%;
      margin-right: 0;
      margin-bottom: -30px;
  }

  .home-banner-animation .e-a-circles {
      width: 550px;
      height: 550px;
      right: -4%;
      top: -3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 880px) {
  .home-banner-wrap .banner-text {
      max-width: 330px;
  }

  .home-banner.banner-wrap {
      padding: 60px 0 60px;
      margin-bottom: 60px;
  }

  .home-banner-animation {
      right: 0%;
  }

  .hb-banner-img {
      max-width: 60%;
      margin-right: 0;
  }

  .home-banner-animation .e-a-circles {
      width: 550px;
      height: 550px;
      right: -15%;
      top: -5%;
  }
}

@media only screen and (min-width: 1400px) {
  .scheduling-c {
      right:-30px;
  }
}

@media only screen and (min-width: 1330px) {
  .asa-table-wrap {
      padding:0 50px;
  }
}

@media only screen and (min-width: 1330px) {
  .img-left img {
      margin-left: -15px;
  }

  .img-right img {
      margin-right: -55px;
  }

  .scheduling-img img.as-calender {
      margin-right: -15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1310px) {
  .custom-container {
      max-width: 1120px;
  }

  .navBox > ul > li {
      margin: 35px 5px 0;
  }

  .header-right .site-btn {
      margin-left: 25px;
      font-size: 18px;
  }

  .header-right .login-btn {
      font-size: 18px;
  }

  .banner-title {
      font-size: 60px;
  }

  .dropNav ul > li {
      padding: 40px 30px;
  }

  .dropNav ul > li > a:after {
      right: -30px;
  }

  .invitee-text .banner-title br {
      display: none;
  }

  .enterprise-banner .custom-sm-4 {
      flex: 0 0 42%;
      max-width: 42%;
  }

  .site-btn1 {
      padding: 0.82rem 0.25rem;
      width: 150px
  }
}
@media only screen and (max-width: 1366px) {
  .bnr-businesstools {
    padding: 80px 0 40px 0 !important;
  }
  .indi-bnr-anim .individual-animation .e-a-circles {
    width: 540px;
    height: 540px;
    top: 0;
    padding: 50px;
    right: 2%;
  }
}

@media only screen and (max-width: 1330px) {
  ul.reminder-list {
      right:15px;
  }

}


@media only screen and (max-width: 1500px) {
  .enterprise-banner {
      padding: 100px 0;
  }

  .e-a-circles {
      right: 4%;
  }

}
@media only screen and (max-width: 1310px) {
  .rept-anly-box{
    padding-left: 0;
  }
  .rept-anly-box video{
    margin-left: 20px !important;
  }
  .team-animation .e-a-circles {
    width: 500px;
    height: 500px;
    right: 0;
    top: 70px;
    padding: 50px;
  }
  .team-animation .e-a-circle2 {
    padding: 40px;
  }
  .tm-page-banner img {
    position: relative;
    top: 137px;
  }
  .team-banner.your-team {
    padding: 60px 0 !important;
  }
  .team-animation {
    position: relative;
    margin-top: -48px;
  }
}
@media only screen and (max-width: 1199px) {
  .title1, .online-scheduling h3 {
      font-size: 38px;
  }

  .banner-title {
      font-size: 40px;
      line-height: 1.1;
      margin-bottom: 20px;
  }

  .banner-subtext {
      font-size: 18px;
  }

  .banner-text .site-btn {
      margin-top: 25px;
  }

  .banner-text {
  }

  .zapier-left h3 br {
      display: none;
  }

  .conference-box {
      max-width: 480px;
  }

  .schedule-step.ss-2 {
      margin-top: 65px;
  }

  .schedule-step.ss-4 {
      margin-top: 40px;
  }

  .schedule-step.ss-1, .schedule-step.ss-3 {
      margin-top: 25px;
  }

  .pick-time, .how-it-work, .banner-wrap {
      margin-bottom: 80px;
  }

  .integrations, .need-us, .review-section {
      padding: 80px 0;
  }

  .business-banner {
      margin: 0;
  }

  .branding-row {
      margin-bottom: 30px;
  }

  .enterprise-banner, .individual-banner, .privacy-banner, .optimization-bannerm, .integrations-banner, .automated-scheduling-banner, .optimization-banner, .team-banner {
      padding: 80px 0;
      margin: 0;
  }
  .invitee-banner{
    padding: 80px 20px;
  }

  .asa-table-wrap table tr td:first-child {
      padding-left: 20px;
  }

  .submenu-text p {
      display: none;
  }

  .submenu-text h4 {
      font-weight: 600;
      font-size: 15px;
      color: #333;
      margin: 0;
  }

  .branding-text h3 {
      font-size: 35px;
  }

  .scheduling-c {
      max-width: 60px;
  }

  .scheduling-cartoon {
      max-width: 100px;
      bottom: -20px;
  }

  .invitee-text .banner-title br {
      display: none;
  }

  .consultants-banner::before, .education-banner::before, .recruitment-banner::before, .sales-banner::before, .enterprise-banner::before, .individual-banner::before, .team-banner::before {
      width: 100px;
      background-size: contain;
  }

  .consultants-banner::after, .education-banner::after, .recruitment-banner::after, .sales-banner::after, .enterprise-banner::after, .individual-banner::after, .team-banner::after {
      width: 65px;
      background-size: contain;
  }

  .enterprise-animation {
      max-width: 55%;
  }

  .e-a-circles {
      width: 600px;
      height: 600px;
  }

  .enterprise-animation.individual-animation {
      right: 8%;
  }

  .team-animation .e-a-circles {
      width: 500px;
      height: 500px;
      padding: 45px;
  }

  .team-animation .e-a-circle2 {
      padding: 40px;
  }

  .reminder-wrap {
      bottom: 130px;
  }

  .integrations-logos li {
      padding: 20px 15px;
  }

  .integrations-logos li img {
      max-height: 55px;
  }

  .home-banner-animation .e-a-circles {
      padding: 45px;
  }

  .home-banner-animation .e-a-circle2 {
      padding: 42px;
  }

  .home-banner-animation .e-a-circle3 {
      padding: 40px;
  }

  .information_table td {
      padding: 20px;
  }
  .rept-anly-box video {
    margin-left: 0px !important;
  }
  .rept-anly-box .scheduling-c{
    right: 0px;
    top: 0;
    z-index: 1;
  }
  .tm-page-banner img {
    position: relative;
    top: 40px;
  }
  .team-animation {
    position: relative;
    margin-top: -65px;
  }
  .team-animation .e-a-circles {
    width: 460px;
    height: 460px;
    padding: 45px;
    right: 10%;
    top: 11%;
  }
  .team-banner.your-team {
    padding: 50px 0 00px 0 !important;
  }
  .indi-bnr-anim .ea-b-img{
    top: 85px;
  }
}

@media only screen and (min-width: 768px) and (max-width:1199px) {
  .automated-scheduling-banner .custom-sm-5, .automated-scheduling-banner .custom-sm-7, .business-banner .custom-sm-5, .business-banner .custom-sm-7, .enterprise-banner .custom-sm-4 {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .video-box-sep-right {
      padding-left: 15px;
      padding-right: 35px;
  }

  .video-box-sep-left {
      padding: 0 25px 0 20px;
  }
}

@media only screen and (min-width: 991px) and (max-width:1199px) {
  .os-icon1::before {
      bottom: -48px;
      right: -46px;
      height: 95px;
  }

  .os-icon2::before {
      bottom: 35px;
      right: -43px;
      height: 95px;
  }

  .os-icon3::before {
      left: -30px;
      height: 84px;
      bottom: -45px;
  }

  .os-icon4::before {
      left: -33px;
      bottom: 42px;
      height: 75px;
  }

  
}

@media only screen and (max-width: 991px) {
  .work-text {
      font-size: 20px;
  }

  .copyright .custom-sm-9, .copyright .custom-sm-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .copyright .custom-sm-3 {
      text-align: right;
  }

  .check-list li {
      margin: 25px 8px 0;
  }

  .tab-contant-text {
      margin-bottom: 25px;
      max-width: calc(100% - 30px);
  }

  .zapier-wrap {
      display: block;
  }

  .zapier-wrap > .custom-sm-8, .zapier-wrap > .custom-sm-4 {
      max-width: 100%;
  }

  .zapier-wrap .site-btn {
      margin-top: 30px;
  }

  .glimps-row > .custom-sm-4 {
      max-width: 50%;
      flex: 0 0 50%;
  }

  .pf-row .custom-sm-4, .pf-row .custom-sm-8 {
      flex: 100%;
      max-width: 100%;
  }

  .safety-row .custom-sm-6 {
      flex: 100%;
      max-width: 100%;
  }

  .conference-box {
      max-width: 355px;
  }

  .conference-box {
      padding: 30px 25px;
  }

  .ss-row .custom-sm-3, .ss-row .custom-sm-6 {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .schedule-step.ss-1, .schedule-step.ss-2 {
      margin: 0 0 30px 0;
      text-align: center;
  }

  .schedule-step.ss-3, .schedule-step.ss-4 {
      margin: 30px 0 0;
      text-align: center;
  }

  .safety-img {
      width: 100%;
  }

  .pf-heading {
      margin: 0 0 20px;
  }

  .add-in-wrap .custom-sm-6 {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .add-in-boxes {
      margin-top: 40px;
      height: auto;
  }

  .add-in-wrap {
      padding-top: 40px;
  }

  .invitee-banner-circle {
      max-width: 360px;
  }

  .ib-circle1 {
      width: 360px;
      height: 360px;
  }

  .invitee-text .banner-texttop {
      font-size: 28px;
  }

  .invitee-text .banner-title {
      font-size: 40px;
      margin-bottom: 15px;
  }

  .banner-subtext {
      font-size: 17px;
  }

  .scheduling-cartoon {
      max-width: 80px;
      bottom: -35px;
  }

  .branding-text h3 {
      font-size: 32px;
  }

  .font-20 {
      font-size: 18px;
  }

  .e-a-circles {
      width: 400px;
      height: 400px;
  }

  .e-a-circles {
      padding: 35px;
  }

  .e-a-circle2 {
      padding: 30px;
  }

  /* .e-a-circle3 {
      padding: 25px;
  } */

  .individual-banner .invitee-text {
      max-width: 100%;
  }

  .team-animation .e-a-circles {
      width: 350px;
      height: 350px;
      padding: 30px;
  }

  .integrations-logos li img {
      max-height: 45px;
  }

  .circle-white {
      width: 450px;
      height: 450px;
      border: 30px solid #ffff;
  }

  .circle-white .text-btn {
      font-size: 18px;
  }

  .circle-text .title3 {
      font-size: 30px;
  }

  .circle-text .site-btn {
      font-size: 14.5px;
      padding: 0.8rem 20px;
  }

  .pick-time-strip::before {
      bottom: 30px;
  }

  .find-app::before {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
  .find-app::after {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
  .find-app-box::before {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
  .find-app-box::after {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
  .find-app{
    text-align: center;
  }
  .find-app-box h3{
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
  .footer-info {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .features-wrap {
      padding: 0 15px;
  }

  .footer-links {
      margin: 0 0 40px;
  }

  .tablet-col-12 {
      flex: 0 0 100%;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
  }

  .tablet-col {
      width: calc(50% - 15px);
  }

  .scheduling-animation {
      max-width: 625px;
      margin: 0 auto;
      position: relative;
      height: 400px;
      margin-top: 50px;
  }

  .business-banner-img .ib-circle1 {
      width: 340px;
      height: 340px;
  }

  .business-banner-img .invitee-banner-circle {
      max-width: 340px;
  }

  .business-banner-img .btb-img {
      max-width: 160px;
  }

  .individual-animation .e-a-circles {
      width: 390px;
      height: 390px;
      padding: 30px;
  }

  .individual-animation .e-a-circle2 {
      padding: 55px;
  }

  .team-banner .custom-sm-6 {
      max-width: 58.333333%;
      flex: 0 0 58.333333%;
  }

  .site-btn1 {
      padding: 0.82rem 0.25rem;
      width: 150px
  }
    .team-banner .banner-text, .home-banner-wrap .banner-text{
    padding-bottom: 50px;
  }
}


@media only screen and (max-width: 880px) {
  .indi-bnr-anim .ea-b-img {
    top: 150px;
  }
}

@media only screen and (max-width: 767px) {
  p, .term-box p, .pi_use li {
      font-size: 16px;
  }

  .title1 {
      font-size: 36px;
  }

  .banner-title, .invitee-text .banner-title {
      font-size: 40px;
  }

  .banner-subtext {
      font-size: 19px;
  }

  .title-pera, .font-20 {
      font-size: 18px;
  }

  .font-24, .enter-calrik-wrap p {
      font-size: 20px;
  }

  .font-42 {
      font-size: 34px;
  }

  .title4 {
      font-size: 21px;
  }

  .about-banner .font-42, .more-asking h3 {
      font-size: 34px;
  }

  .about-banner-box .title2 {
      font-size: 32px;
      margin-bottom: 30px;
  }

  .about-blue-box h3 {
  }

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

  .banner-wrap, .how-it-work {
      margin-bottom: 60px;
  }

  .glimps-boxes {
      margin-bottom: 30px;
  }

  .integrations, .zapier-section, .need-us {
      padding: 60px 0;
  }

  .work-boxes:not(.shadow-none)::after {
      display: none;
  }

  .work-boxes {
      padding: 15px;
  }

  .work-steps .custom-sm-4, .icon-txt-wrap {
      margin-bottom: 20px;
  }

  .custom-tabs > label {
      font-size: 18px;
      padding: 10px 25px;
  }

  .tab-contant-text h3 {
      font-size: 26px;
      line-height: 1.3;
      margin-bottom: 30px;
  }

  .site-btn {
      font-size: 16px;
  }

  .glimps-row > .custom-sm-4 {
      max-width: 100%;
      flex: 0 0 100%;
  }

  .integrations-logos li:nth-child(1), .integrations-logos li:nth-child(2), .integrations-logos li:nth-child(3), .integrations-logos li:nth-child(4), .integrations-logos li:nth-child(5), .integrations-logos li:nth-child(6), .integrations-logos li {
      width: calc(50% - 10px);
      max-width: calc(50% - 10px);
  }

  .zapier-left {
      display: block;
  }

  .zapier-logo {
      margin: 0 auto 30px;
  }

  .zapier-left h3 {
      text-align: center;
  }

  .zapier-left h3 br {
      display: none;
  }

  .icon-box {
      min-width: 80px;
  }

  .icon-circle {
      margin-left: 0;
      width: 70px;
      height: 70px;
  }

  .icon-box img {
      max-width: 38px;
      max-height: 38px;
  }

  .review-row {
      max-width: 100%;
      padding: 0 10px 30px;
      border-radius: 0;
  }

  .check-list {
      display: block;
  }

  .check-list li {
      margin: 15px 0px 0;
  }

  .column-2 {
      column-count: 1;
  }

  .footer-links {
      margin: 15px 0 50px;
  }

  .dwnld-link {
      margin: 0 0 20px;
  }

  .footer-logo {
      margin-bottom: 30px;
  }

  .subscribe-wrap {
      margin: 35px 0 30px;
  }

  .social-items {
      margin: 0px 0 50px;
  }

  .copyright .custom-sm-9, .copyright .custom-sm-3 {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .copyright .custom-sm-3 {
      text-align: left;
      margin-top: 10px;
  }

  .why-use-item {
      border-radius: 8px;
      display: block;
      padding: 25px 15px;
      text-align: center;
  }

  .why-use-text .title4 {
      margin-bottom: 20px;
      line-height: 1.3;
  }

  .why-use-icon {
      margin: 0 auto 20px;
  }

  .find-app {
      max-width: calc(100% - 20px);
      padding: 35px 20px;
  }

  .why-use-item {
      margin: 0px 0 30px;
  }

  .about-banner-box {
      padding: 50px 20px 0;
  }

  .about-blue-box {
      display: block;
      padding: 30px 15px;
      max-width: 100%;
      margin: 40px auto 0;
  }

  .time-icon {
      margin: 0 auto 30px;
  }

  .about-blue-box h3 {
      text-align: center;
      font-size: 28px;
  }

  .enter-calrik-wrap {
      display: block;
      text-align: center;
  }

  .enter-calrik, .education-cta {
      padding: 60px 0;
  }

  .icon-c {
      margin: 0 auto 30px;
  }

  .about-circle .circle-text {
      top: -2px;
  }

  .row-reverse .branding-text {
      order: 2;
  }

  .row-reverse .img-right {
      order: 1;
  }

  .branding-row {
      margin-bottom: 50px;
  }

  .img-left, .img-right {
      padding-right: 0;
  }

  .conference-box {
      padding: 25px 20px;
      margin-bottom: 30px;
      max-width: 100%;
  }

  .team-btn {
      margin-top: 60px;
  }

  .power-slider-text {
      padding: 10px 15px 60px 15px;
  }

  .power-up-slider {
      padding: 15px 0px;
  }

  .scheduling-img, .business-banner-img {
      margin-top: 20px;
  }

  .home-pick.pick-time {
      margin-bottom: 110px;
  }

  .cta-section {
      padding-bottom: 60px;
  }

  .good-things-wrap p {
      font-size: 28px;
  }

  .good-things-wrap h2 {
      font-size: 30px;
  }

  .automated-scheduling-banner, .invitee-banner, .enterprise-banner, .individual-banner, .privacy-banner, .optimization-banner, .integrations-banner, .team-banner {
      margin: 0;
      padding: 60px 20px;
  }

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

  .business-tool-feature {
      padding: 60px 0 30px;
  }

  .branding-text h3 {
      font-size: 34px;
      margin-top: 10px;
  }

  .online-scheduling {
      padding: 0px 0 50px;
  }

  .scheduling_p {
      margin-bottom: 50px;
  }

  .integrations.integrations-with-app {
      padding: 60px 0 0px;
  }

  .privacy-banner-img, .integrations-banner-img {
      margin-top: 40px;
  }

  .safety {
      padding-top: 60px;
  }

  .more-asking {
      display: block;
      text-align: center;
  }

  .no-more-icon {
      margin: 0 0 20px;
  }

  .asa-table-wrap table tr td:first-child {
      min-width: 300px;
  }

  .asa-table-wrap table tr td:nth-child(2), .asa-table-wrap table tr td:nth-child(3) {
      min-width: 200px;
  }

  .tool-list {
      flex-flow: wrap;
  }

  .integrations-features .tool-list li {
      margin: 0 30px 30px 0;
  }

  .add-in-boxes {
      padding: 30px 25px;
  }

  .zapier-section.zp-integration {
      background-size: 120px;
  }

  .add-in-boxes.outlook {
      padding-bottom: 110px;
  }

  .tab-label, input.accordian-input:checked ~ .tab-content {
      padding: 15px 20px;
  }

  .tab-content {
      padding: 0px 20px;
  }

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

  .os-icon1::before, .os-icon2::before, .os-icon3::before, .os-icon4::before {
      display: none;
  }

  .os-icon2, .os-icon4 {
      bottom: 0;
  }

  .os-icon1, .os-icon2, .os-icon3, .os-icon4 {
      background: #fff;
      z-index: 9;
  }

  .banner-subtext br {
      display: none;
  }

  .business-banner-img .invitee-banner-circle {
      max-width: 320px;
  }

  .business-banner-img .ib-circle1 {
      width: 320px;
      height: 320px;
  }

  .banner-text {
      position: relative;
      top: 0;
      transform: none;
      margin-bottom: 30px;
  }

  .banner-wrap.enterprise-banner {
      padding-bottom: 90px;
  }
  .enterprise-animation{
    position: relative;
    max-width: 100%;
  }

  .enterprise-animation.individual-animation {
      right: 0;
  }
  
  .banner-wrap .custom-sm-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .individual-animation .e-a-circles {
      width: 400px;
      height: 400px;
      right: -3%;
      padding: 35px;
  }

  .individual-animation .e-a-circle2 {
      padding: 35px;
  }

  .individual-animation .e-a-circle3 {
      padding: 30px;
  }

  .banner-wrap.individual-banner {
      padding-bottom: 270px;
  }

  .banner-wrap.team-banner {
      padding-bottom: 230px;
  }

  .video-box-sep-right, .video-box-sep-left {
      padding: 0 20px 0 20px !important;
  }

  .reminder-wrap {
      bottom: 140px;
  }

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

  .home-banner-animation {
      position: relative;
      margin-top: 15px;
      right: 0;
  }

  .hb-banner-img {
      max-width: 95%;
      margin-right: auto;
  }

  .home-banner-animation .e-a-circles {
      width: 500px;
      height: 500px;
      right: auto;
      top: -3%;
      left: 4%;
  }

  .work-boxes:not(.shadow-none)::before {
      display: none;
  }

  .ts_txt_wrap h3 {
      font-size: 26px;
      line-height: 1.2;
  }

  .term-box {
      padding: 50px 20px 20px;
  }

  .information_wrp {
      overflow: auto;
  }

  .information_table {
      width: 800px;
  }
  .team-animation{
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 576px) {
  .site-btn1 {
      padding: 0.82rem 0.25rem;
      width: 150px
  }

  .circle-white {
      width: 320px;
      height: 320px;
      border: 16px solid #ffff;
  }

  .circle-blue {
      border: 6px solid #434697;
  }

  .circle-text {
      position: relative;
      top: 50px;
  }

  .circle-text img {
      max-width: 55px;
  }

  .text-btn {
      margin-top: 8px;
      font-size: 18px;
  }

  .pick-time-strip::before {
      bottom: 16px;
  }

  .circle-text .title3 {
      font-size: 26px;
  }

  .circle-text .site-btn {
      margin: 60px 0 0;
  }

  .custom-tabs > label {
      font-size: 16px;
      padding: 10px 10px;
  }

  .banner-wrap.enterprise-banner {
      padding-bottom: 200px;
  }

  .enterprise-animation {
      max-width: 100%;
      max-height: 250px;
      overflow: hidden;
  }

  .e-a-circles {
      width: 340px;
      height: 360px;
      right: 0;
      left: 360px;
  }
  .entprs .e-a-circles {
    width: 360px;
    height: 360px;
    top: 20px;
  }
  .enterprise-animation.entprs-bnr{
    padding-top: 50px;
  }
  .entprs-bnr .ea-b-img {
    margin-top: -50px;
  }

  .team-animation {
      max-width: 100%;
  }

  .banner-wrap.team-banner {
      padding-bottom: 290px;
  }

  .business-tool-feature {
      background-position: left 17%, right 60%;
  }
  .cta-content-box{
    
    justify-content: center;
    
  }
  .cta-content-box p{
    max-width: 100%;
    margin-bottom: 30px;
  }
  .cta-content-box a{
    max-width: 60%;
    text-align: center;
    margin: 0;
  }
  .entprs .banner-text.invitee-text{
    padding-bottom: 0;
  }
  .indi-bnr-anim.entprs .individual-animation .e-a-circles {
    top: 0;
    left: 0px;
}
}

@media only screen and (max-width: 400px) {
  .custom-tabs > label {
      font-size: 14px;
      padding: 10px 10px;
  }

  .circle-line1 {
      width: 310px;
      height: 310px;
  }

  .banner-wrap.enterprise-banner {
      padding-bottom: 180px;
  }
  .ib-circle1 {
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .rounded-c {
    width: 40px !important;
    height: 40px !important;
    z-index: 9;
  }
  .btb-img {
    width: 100px;
    height: 100px;
  }
  .arrow-4group span {
    position: absolute;
    display: block;
    width: 145px;
    height: 145px;
  }
  .b-arrow-one,
  .b-arrow-two,
  .b-arrow-three,
  .b-arrow-four {
    transform: scale(0.9);
  }
  .arrow-4group span:nth-child(1) {
    top: 26px;
    left: 26px;
  }
  .arrow-4group span:nth-child(2) {
    top: 23px;
    right: 36px;
  }
  .arrow-4group span:nth-child(3) {
      bottom: 33px;
      left: 26px;
  }
  .arrow-4group span:nth-child(4) {
    bottom: 35px;
    right: 35px;
  }

}

@media only screen and (max-width: 360px) {
  .custom-tabs > label {
      font-size: 13px;
      padding: 10px 10px;
  }
}

.coming-soon {
  color: gray;
  font-weight: 700;
}

.comming-soon-header {
  font-size: 1.10rem !important;
  color: gray !important;
}

.free-text-size {
  font-size: 1.50rem !important;
}

.comming-soon-h-center {
  line-height: 0.8 !important;
}


#toTop {
  background: #303491;
  color: #303491;
  display: none;

}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius:50%;
  z-index: 999;
  text-align: center;
  transition: all 0.3s ease-out;
}
#toTop:before {
  color: #fff;
}
#toTop i{
  color: white;
  font-size: 20px;
}
#toTop:hover {
  color: #fff;
  background-color: #232777;
  border-color: #232777;
}
#toTop span {
  height: 50px;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 768px){
  #toTop {
      bottom: 80px;
  }
  .bnr-businesstools .enterprise-animation {
    max-width: 100%;
    position: relative;
    right: auto;
    margin-top: -50px;
  }
}
@media (min-width: 544px){
  #toTop {
      right: 20px;
  }    
}
@media (prefers-reduced-motion: no-preference){
  :root {
      scroll-behavior: smooth;
  }
}
.contact-form-block-main {
  max-width: 460px;
  margin: 0 auto;
}
.contact-form-block-main .form-item {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 15px;
}
.contact-form-block-main .form-item label {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 3px;
  padding-left: 20px;
}
.contact-form-block-main .form-item input {
  height: 50px;
  border-radius: 50px;
  border: 0;
  background-color: #f8faff;
  padding-left: 20px;
  font-size: 16px;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  border:1px solid #f8faff;
  transition: all 0.4s;
}
.contact-form-block-main .form-item select {
  height: 50px;
  border-radius: 50px;
  border: 0;
  background-color: #f8faff;
  padding-left: 20px;
  font-size: 16px;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  border:1px solid #f8faff;
  transition: all 0.4s;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 50%;
  background-size: 14px;
  padding-right: 40px;
}
.contact-form-block-main .form-item textarea{
  height: 150px;
  border-radius: 20px;
  border: 0;
  background-color: #f8faff;
  padding-left: 20px;
  font-size: 16px;
  color: #000;   
  resize: none;
  letter-spacing: 0;
  font-family: 'Open Sans', sans-serif;
  padding-top: 15px;
  border:1px solid #f8faff;
  transition: all 0.4s;
}
.contact-form-block-main .form-item input:hover,
.contact-form-block-main .form-item input:focus,
.contact-form-block-main .form-item textarea:hover,
.contact-form-block-main .form-item textarea:focus,
.contact-form-block-main .form-item select:hover,
.contact-form-block-main .form-item select:focus{
  outline: none;
  border:1px solid #303491;
}
.form-sub-btn{
  cursor: pointer;
}
.about-banner-box--contact{
  padding-bottom: 60px;
  padding-top: 70px;
}

.banner-text p{
  color: #000;
}
.alternative-calendly h1{
  margin-bottom: 20px;
}
.alternative-calendly{
  overflow: hidden;
}
.alternative-calendly .e-a-circles{
  right: 50px;
}
.alternative-calendly .position-relative img{
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.content-block-main{
  padding: 95px 0;
}
.content-block-main h3{
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 33px;
  color: #000;
}
.content-block-main h2{
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 20px;
  line-height: 1.1em;
}
.content-block-main p{
  font-size: 20px;
  margin-bottom: 33px;
  line-height: 1.7em;
}
.content-block-main p a{
  color: #303491;
  text-decoration: underline;
}
.content-block-main p a:hover{
  color: #000;
}
.content-block-main p:last-child{
  margin-bottom: 0;
}
.blue-heading{
  color: #434697 !important;
}
h3.blue-heading{
  font-weight: bold;
  margin-bottom: 14px;
}
h3.blue-heading span{
  color: #000;
}
.content-block-top-padding{
  margin-top: 30px;
}
.review-section-new{
  background: linear-gradient(180deg, #f4f6fb 0% , transparent 38%);
}
.review-section-new .review-row{
  margin-top: 0;
}
.review-section-new .title-mb-sm h3{
  font-weight: 400;
}
.content-block-inner-row{
  margin-bottom: 40px;
}


/* =========16-10-23 */
.cb-sec {
  padding: 0 0 !important;
}
.cb-sec .cb-sec-spacing {
  margin-bottom: 50px;
}
hr {
  border: 1px solid #dcdcdc;
}
.cb-sec .cb-sec-spacing-bt{
  margin-top: 40px;
}
ul.list-wrap {
  font-family: 'Open Sans';
  font-size: 20px;
  margin: 0;
  padding-left: 0;
}
ul.list-wrap li{
  list-style: none;
  position: relative;
  padding-left: 40px;
  padding-bottom: 40px;
}
ul.list-wrap li::before {
  content: "";
  position: absolute;
  background: url(../images/tick-mark.png);
  background-repeat: no-repeat;
  /* background-position: center; */
  /* background-size: 100%; */
  width: 26px;
  height: 26px;
  display: block;
  top: 2px;
  bottom: 0;
  left: 0;
}
.list-bold {
  margin-bottom: 15px;
  display: inline-block;
  font-weight: 700;
}
section.cta-section.cta-section--calrik .cta-box p{
  color: rgba(255,255,255,0.6);
  font-size: 20px;
}
section.cta-section.cta-section--calrik .cta-box h2{
  font-size: 36px;
}
section.cta-section.cta-section--calrik .cta-box .cta-btn{
  margin-top: 15px;
}
section.cta-section.cta-section--calrik{
  padding-top: 30px;
  background-image: linear-gradient(180deg, transparent, #f4f6fb);
}
.content-block-main--price{
  background-image: linear-gradient(180deg, transparent, #f4f6fb);
}
.content-block-main--price h3{
  margin-bottom: 20px;
}
.content-block-main--price .asa-table-wrap table tr td:first-child{
  padding-left: 20px;
}
.content-block-main--price .asa-table-wrap table thead td:first-child{
  
}
.content-block-main--price .asa-table-wrap table thead{
  background-color: #f7f7ff;
}
.content-block-main--price .asa-table-wrap table thead td{
  padding: 14px 15px;
  font-weight: 600 !important;
  color: #000;
  border-bottom: 5px solid #434697;
  font-size: 18px;
}
.content-block-main--price .asa-table-wrap table thead td.bg-blue{
  color: #fff;
}
.content-block-main--price .responsive-table{
  box-shadow: 5px 0 20px rgb(0 0 0 / 10%);
}

.content-block-main--price .asa-table-wrap table tr td{
  font-weight: 400;
}

.content-block-main--price .asa-table-wrap{
  max-width: 1020px;
  padding: 0;
  margin: 0 auto;
}
.content-block-main h3{
  color: #000;
}
.mb-20{
  margin-bottom: 20px !important;
}
.mb-30{
  margin-bottom: 30px !important;
}
.pt-0{
  padding-top: 0 !important;
}
.pr-130{
  padding-right: 130px !important;
}
.cta-section--calrik .cta-box p {
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
}
.content-block-main .custom-accordian{
  box-shadow: 0px 0 14px rgba(0, 0, 0,0.07);
}
.red-gra{
  background: linear-gradient(180deg, transparent, #fff6f7);
}
.orange-gra{
  background: linear-gradient(180deg, transparent, #fff7f3);
}
.green-gra{
  background: linear-gradient(180deg, transparent, #f3fff8);
}
.sky-gra{
  background: linear-gradient(180deg, transparent, #f3feff);
}
.blue-gra{
  background: linear-gradient(180deg, transparent, #f4f6fb);
}
.blue-gra-top{
  background: linear-gradient(180deg, #f4f6fb, transparent );
}
.img-block-border img {
  border: 5px solid #d8d9ff;
}
.review-section-new .slick-list{
  top: 2rem;
}
.review-section-new .slick-list .review-text{
  margin-top: 12px;
}
input.accordian-input ~ .tab-content p{
  font-size: 16px;
  color: #000;
}
input.accordian-input:checked ~ .tab-content p a{
  color: #303491;
  font-weight: bold;
}
input.accordian-input:checked ~ .tab-content p a:hover{
  color: #8083ee;
  font-weight: bold;
}
input.accordian-input:checked + .tab-label{
  background-color: #303491;
}
.content-block-main h4{
  font-size: 26px;
  font-weight: 600;
}

/* New style added 07-11-2023 start*/
/* .home-banner.make-your-banner {
  padding: 50px 0 150px;
} */
.home-banner.make-your-banner .banner-title {
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.1;
}
.banner-subtext.text-black {
  color: #000;
  max-width: 460px;
  font-size: 19px;
  line-height: 1.5;
}
.make-your-banner .banner-title {
  margin-bottom: 22px;
}
.make-your-banner .banner-text .site-btn{
  margin-top: 30px;
}
p.desc-para {
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 910px;
}
.bg-lite-orange {
  background: #e9895f;
}
.custom-tabs > input:nth-child(9):checked + label {
  color: #fff;
  background: #e9895f;
}
.bg-lite-orange .tab-contant-text h3{
  margin-bottom: 20px;
}
.bg-lite-orange p {
  margin-bottom: 30px;
  font-size: 16px;
  color: #fff;
}
.review-item{
  position: relative;
}
/* .review-item .review-img{
  position:absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  height: 116px;
  width: 116px;
} */
.make-your-banner h2{
  font-size: 30px;
  font-weight: 400;
  color: #434697;
}
.zigzag-sec .img-block img{
  border: 13px solid #eeeef9;
  border-radius: 50%;
}
.zigzag-items h4 span{
  font-size: 44px;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
}
.zigzag-sec p {
  font-size: 20px;
  margin-bottom: 33px;
  line-height: 1.5em;
}
.zigzag-sec h4{
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
}
.zigzag-sec .desc {
  max-width: 570px;
}
.zigzag-sec .content-block-inner .custom-row:nth-child(even) .img-block {
  justify-content: center;
}
.zigzag-sec .img-block img.b-0{
  border: 0px;
  border-radius: 0px;
}
.zigzag-items {
  padding-bottom: 80px;
}
.how-it-work.btm-space{
  margin-bottom: 100px;
}
.need-us-section {
  /* margin-bottom: 80px; */
  padding: 90px 0px;
  background: url(../images/advance-features-tab-bg.jpg) center center / cover no-repeat;
}
.need-us-section .title-mb {
  margin-bottom: 60px;
}

.advance-tab {
  display: flex;
  flex-flow: row wrap;
}
.advance-tab .tab {
  background-color: #fdfeff;
  width: 30%;
  height: 400px;
  border-radius: 10px 0 0 10px;
}

.advance-tab .tab button {
  display: block;
  background-color: inherit;
  color: #848fa3;
  padding: 21px 16px 22px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  border-bottom:1px solid #e6ebf4;
}
.advance-tab .tab button.active,
.advance-tab .tab button:hover {
  color: #fff;
  background-color: #434697;
  border-radius: 12px 0px 0px 12px;
}
.advance-tab .tab button:last-child{
  border-bottom: 0px;
}
.advance-tab .tabcontent {
  padding: 40px 80px;
  width: 70%;
  height: 400px;
  box-shadow: -4px 0 30px rgb(0 0 0 / 10%);
  background-color: #fff;
}
.tab_content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  grid-column-gap: 30px;
  height: 100%;
}
.tab_content>.img_wrap,
.tab_content>.desc{
  width: calc(50% - 15px);
}
.tab_content>.img_wrap{
  align-self: center;
}
.tab_content>.desc{
  padding: 20px 0 20px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tab_content>.desc p{
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 1.5;
}
.tab_content>.desc .site-btn{
  margin-top: 40px;
}
.review-btn{
  padding-top: 40px;
}
.review-row.review_slider>div {
  top: 0;
  margin-top: -70px;
}
.review-row.review_slider .author{
  margin-bottom: 0px;
}
.review-row.review_slider .desc {
  padding-top: 20px;
  margin-bottom: 0;
  min-height: unset;
}
.author>span {
  display: flex;
  justify-content: center;
}
/* .zigzag-sec .img-block::before {
  content: "";
  position: absolute;
  border: 2px dashed #8688bc;
  border-radius: 50%;
  animation: anim 35s linear infinite;
  padding: 55px;
  height: 180px;
  width: 180px;
  z-index: -1;
} */
.zigzag-sec .zigzag-items{
  position: relative;
}
.zigzag-sec .e-a-circles,
.zigzag-sec .e-a-circle4{
  position: absolute;
  z-index: -1;
}
.zigzag-sec .e-a-circles {
  top: 0px;
  height: 200px;
  width: 200px;
  right: 100px;
}
.zigzag-sec .e-a-circle4 {
  top: 32px;
  height: 130px;
  width: 130px;
  right: 131px;
}
.zigzag-sec div.img-block {
  display: flex;
}

.reporting-box img { margin-right: 0; }

@media (max-width:1299px){
  .advance-tab .tabcontent{padding: 40px 30px;}
  .advance-tab .tabcontent .site-btn{font-size: 18px;}
}
@media (max-width:1199px){
  .tab_content>.desc {
    padding-left: 20px;
  }
  .home-banner.make-your-banner .banner-title{
    font-size: 48px;
  }
  .custom-tabs > label{font-size: 17px;}
  .pr-0{
    padding-right: 0px !important;
  }
}
@media (max-width:1024px){
  .advance-tab {
    flex-direction: column;
  }
  .advance-tab .tab{
    display: flex;
    flex-flow: row wrap;
    height: auto;
  }
  .advance-tab .tab,
  .advance-tab .tabcontent{
    width: 100%;
  }
  .advance-tab .tab button.active, .advance-tab .tab button:hover{
    border-radius: 12px 12px 0px 0px;
  }
  .advance-tab .tab button{
    padding: 12px 6px;
    font-size: 13px;
    text-align: center;
    width: max-content;
  }
  .enterprise-animation.entprs-bnr {
    bottom: auto;
    top: 25%;
  }
}
@media (max-width:991px){
  .zigzag-sec h4 {
    font-size: 22px;
  }
  .zigzag-items h4 span {
    font-size: 34px;
  }
  .home-banner.make-your-banner .banner-title{
    font-size: 40px;
  }
  .custom-tabs > label{padding: 16px 27px;}
}
@media (max-width:767px){
  .zigzag-items {
    flex-direction: column;
  }
  .zigzag-items .custom-sm-6{
    width: 100%;
    max-width: 100%;
  }
  .zigzag-sec .desc {
    max-width: 100%;
  }
  .zigzag-sec .content-block-inner .custom-row:nth-child(odd) {
    flex-direction: column-reverse;
  } 
  .zigzag-sec {
    text-align: center;
  }
  .zigzag-items h4 span {
    justify-content: center;
  }
  .advance-tab .tab button{
    width: max-content;
    border-bottom: none;
  }
  .advance-tab .tabcontent{
    display: flex;
    flex-flow: column;
    gap: 0px;
    height: auto;
    padding: 40px 20px;
  }
  .tab_content>.img_wrap, .tab_content>.desc {
    width: calc(100% - 0px);
  }
  .tab_content>.img_wrap {
    padding-bottom: 30px;
    text-align: center;
  }
  .tab_content>.desc{
    padding-left: 0px;
  }
  .tab_content>.desc .site-btn {
    margin-top: 30px;
  }
  .zigzag-sec p {
    font-size: 16px;
  }
  .how-it-work.btm-space{
    margin-bottom: 50px;
  }
  .banner-wrap.enterprise-banner.waltz.entprs {
    padding-bottom: 0 !important;
  }

}
.review-section.review-section--new {
  height: 785px;
}
@media (max-width: 576px){
  .zigzag-sec .e-a-circle4 {
    left: 400px;
}
}
@media (max-width: 400px){
.zigzag-sec .e-a-circles {
    right: unset;
    left: 155px;
    top: -20px;
}
  .zigzag-sec .e-a-circle4 {
    right: unset;
    left: 190px;
    top: 15px;
}
}
@media(max-width: 340px){
  .zigzag-sec .e-a-circles {
    right: unset;
    left: 120px;
    top: -20px;
}
.zigzag-sec .e-a-circle4 {
    right: unset;
    left: 160px;
    top: 15px;
}
}
/* New style added 07-11-2023 End*/

@media (max-width:1440px){
  .alternative-calendly .position-relative{text-align: center;}
  .alternative-calendly .position-relative img{max-width: 450px;margin: 0 auto;width: 100%;}
  .alternative-calendly .banner-title{font-size: 60px;}
  .content-block-main{padding: 65px 0;}
  .content-block-main h3{font-size: 21px;margin-bottom: 25px;}
  .review-section-new{padding: 65px 0;}
  .content-block-main h2{font-size: 32px;}
  /* ul.list-wrap li{font-size: 17px;padding-left: 32px;padding-bottom: 23px;} */
  .list-bold{margin-bottom: 7px;}
  ul.list-wrap li::before{width: 21px;height: 21px;background-size: contain;}
  .cb-sec .cb-sec-spacing-bt{margin-bottom: 0;}
  section.cta-section.cta-section--calrik{padding-bottom: 65px;}
  .review-section{padding: 65px 0;}
  .review-section.review-section--new{height: 676px;}
}
@media (max-width:1366px){
  .alternative-calendly{padding: 40px 0;} 
  .alternative-calendly .position-relative img{max-width: 380px;}
  .alternative-calendly .banner-title{font-size: 54px;}
  .content-block-main h3{font-size: 19px;}
  .content-block-main p {font-size: 19px;margin-bottom: 25px;line-height: 1.5em;}
  ul.list-wrap li{font-size: 19px;}
}
@media screen and (min-width:1310px) and (max-width:1366px){
  .custom-md-8{flex: 0 0 66.666667%;max-width: 66.666667%;}
  .custom-md-4{flex: 0 0 33.333333%;max-width: 33.333333%;}
}
@media (max-width:1199px){
  .alternative-calendly{margin-bottom: 0;}
}
@media (max-width:991px){
  .content-block-main .custom-sm-6,
  .content-block-main .custom-sm-7,
  .content-block-main .custom-sm-5{max-width: 100%;flex: 0 0 100%;}
  .mb-sm-20{margin-bottom: 20px;}
  .mb-sm-30{margin-bottom: 30px;}
  .mt-md-0{margin-top: 0;}
  .content-block-main h2{font-size: 29px;}
  .content-block-main--price .asa-table-wrap table thead td{font-size: 16px;}
  .asa-table-wrap table tr td{font-size: 16px;}
  .tab-label{font-size: 17px;padding: 15px 80px 15px 20px;}
  input.accordian-input:checked ~ .tab-content{padding: 15px 20px;}
  .mobile-none{display: none;}
  .img-md-block-small img{max-width: 600px;width: 100%;}
  .review-section.review-section--new{height: 756px;}
}
@media (min-width:992px){
  .desktop-none{display: none;}
}
@media (max-width:767px){
  .alternative-calendly .banner-title{font-size: 45px;}
  .content-block-main h2{font-size: 26px;}
  .custom-accordian{margin-bottom: 15px;}
  .review-section.review-section--new{height: auto;}
}


/* doodle alternative banner */
.doodle-alternative-banner {
  background-color: #434697;
}
.doodle-alternative-banner h4{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.doodle-alternative-banner .banner-subtext{
  color: #202020;
  max-width: 320px;
}
.doodle-alternative-banner-btn .site-btn{
  margin-top: 30px;
}
.content-block-inner--border-top{
  border-top: 1px solid #dcdcdc;
  padding-top: 70px;
}

.doodle-alternative-banner h1,
.doodle-alternative-banner h3,
.doodle-alternative-banner h4,
.doodle-alternative-banner p {
  color: white !important;
}
.doodle-alternative-banner .scheduling-img img.as-calender {
  margin-right: 0px;
}
@media (max-width:1440px){
  .doodle-alternative-banner .scheduling-img img.as-calender {
    margin-right: 0px;
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
  }
  .doodle-alternative-banner .banner-subtext {
    max-width: unset;
}
.wd-main {padding-bottom: 60px !important;}
}
@media (max-width:1366px){
  .doodle-alternative-banner .scheduling-img img.as-calender {
    max-width: 380px;
  }
  
}
@media (max-width:575px){
  .p-mtop {
      margin-top: 90px;
  }
}

/* 18-11-23 start */

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

.cta-nw .cta-box{
 padding: 60px;
}
.cta-nw .cta-box p{
  margin: 0;
  max-width: unset;
}
.ctan-wrap-h2 {
  max-width: 740px;
}
.cta-nw .ctan-wrap-tp {
  width: 65%;
}

@media (max-width:1099px){
  .ctan-wrap-upr {
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .cta-nw .cta-box a {
    margin-bottom: 0px;
  }
  .cta-nw .ctan-wrap-tp{
    width: unset;
  }
}
@media (max-width:575px){
  .cta-nw .cta-box{
    padding: 30px;
  }
}
.p-extra{
  font-weight: 600;
  padding-bottom: 10px;
}


@media (max-width:1099px){
  .review-row.review_slider .desc {
    min-height: unset;
}
.review-section.review-section--new {
  height: 726px;
}
}
@media (max-width:675px) {
  .review-row.review_slider .desc {
    min-height: unset;
}
.review-section.review-section--new {
  height: 786px;
}
}
@media (max-width:575px) {
  .review-row.review_slider .desc {
    min-height: unset;
}
.review-section.review-section--new {
  height: 806px;
}
}
@media (max-width:475px) {
  .review-row.review_slider .desc {
    min-height: unset;
}
.review-section.review-section--new {
  height: 926px;
}
}
@media (max-width:390px){
  .review-row.review_slider .desc {
    min-height: unset;
  }
  .review-section.review-section--new {
    height: 976px;
}
}

.clr-blue{
  color:#303491 !important;
}


/*  */
.box-shadow img{
  box-shadow: 1px 1px 20px #cccccc8a;
}
.video-box-sep-right.categories-video video.video-box-bg{
  max-width: 100%;
}
.branding-row__bottom-spacing {
  margin-bottom: 60px;
}
@media (max-width:1199px){
  .branding-row__bottom-spacing{margin-bottom: 40px;}
}

@media (max-width:1135px){
  .tm-page-banner img {
    position: relative;
    top: 88px;
  }
  .team-animation .e-a-circles {
    width: 460px;
    height: 460px;
    padding: 45px;
    right: 0%;
    top: 22%;
  }
}

@media (max-width:991px){
  .team-animation {
    position: relative;
    margin-top: auto;
    padding-top: 153px;
  }
  .tm-page-banner img {
    position: relative;
    top: 66px;
  }
  .team-animation .e-a-circles {
    width: 460px;
    height: 460px;
    padding: 45px;
    right: 0;
    top: 8%;
  }

}

@media (max-width:767px){
  .team-animation .e-a-circles {
    width: 800px;
    height: 800px;
    padding: 70px;
    right: 0;
    top: 0;
    left: -50px;
    margin: 0 auto;
  }
  .team-animation .e-a-circle2{
    padding: 70px;
  }
}

/*  */
.mt-30{
  margin-top: 30px;
}
.mt-50{
  margin-top: 50px;
}
.mt-0{
  margin-top: 0;
}
.mw-100{
  max-width: 100% !important;
}


.acuity-banner .banner-text{
    position: unset;
    transform: unset;
}
.acuity-banner .custom-row{
  align-items: center;
}
.pb-0{
  padding-bottom: 0;
}
.c-pb-0{
  padding-bottom: 50px;
}
.c-mt-0{
  margin-top: 50px;
}

/***************************/
/* About page style start  */
/***************************/
.navBox .about-dropNav {
    max-width: 870px;
    margin: 0 auto;
}

.want-to-knows{
	position: relative;
	padding: 60px 15px;
	background: #dce6ff;
}
.want-to-knows .custom-container{
	position: relative;
}
.want-contant-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.left-content {
    padding: 0px 15px;
    width: 75%;
}
.left-content p {
    margin: 0;
    font-size: 33px;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.left-content p strong{
	font-weight:600;
}
.cont-wrap {
	position: relative;
    margin-bottom: -10px;
	width: 25%;
}
.cont-wrap a{
	position: relative;
	background-color: #fff;
	border-color: #fff;
	color: #303491;
}
.cont-wrap a span{
	color: #303491;
}
.cont-wrap a:hover{
	border-color: transparent;
	background-color: #303491;
}
.cont-wrap a:hover span{
	color: #fff;
}
.cont-wrap a::before{
	background: #303491;
}
.cont-wrap-icon {
    position: absolute;
    width: 110px;
    top: -170px;
    right: 20px;
}
.want-line {
    position: absolute;
    right: 0px;
    bottom: -80px;
}
.solutions-submenu.about li:last-child > a:after{
  content: "";
  display: none;
}
img.use-img{
  max-width: 85%;
}
@media screen and (max-width:1024px){
	.cont-wrap-icon {
		position: absolute;
		width: 90px;
		top: -140px;
		right: 20px;
	}
	/* .want-to-knows .custom-container p{
		max-width: 700px;
	} */
  .left-content,
	.cont-wrap{
		width: 100%;
	}
}

@media screen and (max-width:1024px){
	.want-to-knows{
		margin-bottom: 60px;
	}
	.want-contant-wrap {
		gap: 30px;
		text-align: center;
 		flex-direction: column;
	}
	.cont-wrap-icon {
		width: 70px;
		top: -110px;
	}
	.left-content p {
    	font-size: 26px;
	}
}

/***************************/
/* About page style End  */
/***************************/

/* sales */
@media (min-width:1200px){
  .sales-banner .banner-title{
    font-size: 45px;
  }
}
.cta-section h4{
  font-size: 32px;
  text-align: center;
  font-weight: 400;
}
@media (min-width:768px){
  .recruitment-banner .banner-title{
    font-size: 37px;
  }
}
@media (min-width:1200px){
  .recruitment-banner .banner-title{
    font-size: 52px;
  }
}

@media (min-width:1311px){
  .recruitment-banner .banner-title{
    font-size: 45px;
  }
}

@media screen and (min-width:1200px) and (max-width:1400px){
  .automated-scheduling-banner{padding: 60px 0;}
  .business-tool-feature{padding: 60px 0 40px;}
  .privacy-banner{padding: 60px 0 60px;}
}

@media screen and (min-width:1025px) and (max-width:1280px){
  .indi-bnr-anim.entprs .individual-animation .e-a-circles {
    top: -80px;
  }
}
@media(max-width: 1310px){
  .indi-bnr-anim .enterprise-animation.individual-animation img {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1080px) {
  .indi-bnr-anim .individual-animation .e-a-circles {
    width: 460px;
    height: 460px;
    top: 60px;
    padding: 50px;
    right: 5%;
  }
  .indi-bnr-anim {
    padding: 50px 0 !important;
  }
  .indi-bnr-anim .ea-b-img {
    top: 80px;
  }
}

@media only screen and (max-width: 990px) {
  .indi-bnr-anim .ea-b-img {
    top: 55px;
  }
  .indi-bnr-anim .individual-animation .e-a-circles {
    width: 420px;
    height: 420px;
    top: 60px;
    padding: 30px;
    right: 5%;
  }
  .indi-bnr-anim {
    padding: 30px 0 !important;
  }


  .indi-bnr-anim h1.banner-title {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 940px) {
  .indi-bnr-anim .individual-animation .e-a-circles{
    top: 0px;
    width: 380px;
    height: 380px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation{
    top: 80px;
  }
  .indi-bnr-anim .ea-b-img {
    top: 105px;
  }
}

@media only screen and (max-width: 768px) {
  .indi-bnr-anim .enterprise-animation.individual-animation{
    top: 80px;
  }
  .indi-bnr-anim .ea-b-img {
    top: 140px;
  }

}

@media (min-width: 768px) and (max-width: 991px){
    .indi-bnr-anim .enterprise-animation.individual-animation img {
      padding-top: 30px;
  }
  .indi-bnr-anim .individual-animation .e-a-circles {
      top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .indi-bnr-anim .enterprise-animation.individual-animation{
    position: relative;
  }
  .indi-bnr-anim .ea-b-img {
    top: auto;
  }
  .indi-text {
    padding-bottom: 0;
}
  .indi-bnr-anim .enterprise-animation.individual-animation img{
    margin-bottom: 0px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    margin-bottom: -30px;
    padding: 0px;
    max-width: 100%;
    margin-left: 175px;
    right: 140px;
  }
.indi-bnr-anim .individual-animation .e-a-circles {
    top: 0px;
    width: 800px;
    height: 800px;
    left: 0px;
    padding: 85px;
  }
  .individual-animation .e-a-circle2 {
    padding: 85px;
  }
  .individual-animation .e-a-circle3 {
    padding: 85px;
  }
}


@media only screen and (max-width: 630px) {
  .indi-bnr-anim .individual-animation .e-a-circles{
    right: 10%;
  }
  .bnr-businesstools .enterprise-animation{
    min-height: 380px;
  }
}
@media(max-width: 576px){
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-people{
    margin-left: 15px;
    margin-bottom: 0px;
    padding-top: 80px;
  }
  .indi-bnr-anim .individual-animation .e-a-circles{
    left: 0px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    margin-bottom: 0px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    padding: 0px;
    max-width: 100%;
    margin-left: 10px;
    left: 0px;
  }
  .enterprise-animation{
    min-height: 380px;
  }
  .tm-page-banner img{
    top: 6px;
    margin-left: 15px;

  }
  
  
}
@media only screen and (max-width: 550px) {
  
  .indi-bnr-anim .individual-animation .e-a-circles{
    width: 360px;
    height: 360px;
    right: 0;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    padding: 0px;
    max-width: 270px;
    margin-left: 0px;
  }
   .enterprise-animation{
    min-height: unset;
    max-width: 250px;
  }
}
@media only screen and (max-width: 460px) {
  .indi-bnr-anim .individual-animation .e-a-circles {
    width: 400px;
    height: 400px;
    right: auto;
    left: auto;
    margin: 0 auto;
    padding: 40px;
  }
  .individual-animation .e-a-circle2 {
    padding: 40px;
  }
  .individual-animation .e-a-circle3{
    padding: 40px;
  }
  .indi-bnr-anim.entprs .individual-animation .e-a-circles{
    left: 0px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    left: 60px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-people{
    margin-left: 0px;
    padding-top: 0px;
  }
  .team-animation .e-a-circles{
    width: 350px;
    height: 350px;
    padding: 35px;
    left: 0px;
  }
  .team-animation .e-a-circle2{
    padding: 35px;
  }
  .team-animation .e-a-circle3{
    padding: 35px;
  }


}
@media only screen and (max-width: 340px) {
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-people{
    max-width: 270px;
    margin-left: 0px;
  }
  .indi-bnr-anim .enterprise-animation.individual-animation .enterprise-lady{
    left: 20px;
  }
  .indi-bnr-anim.entprs .individual-animation .e-a-circles{
    left: -40px;
  }
  
}
@media (min-width:320px){
  .bnr-businesstools .enterprise-animation {
    max-width: 100%;
    position: relative;
    right: auto;
    margin-top: auto;

  }
}




/* Contact page Media Started */
@media only screen and (max-width: 1199px) {
  .cnt-frm-wrap{padding: 70px 60px;}
  .contact-wrap::before{left: 0;}
  .cnt-frm-wrap input[type=text], .cnt-frm-wrap input[type=email], .cnt-frm-wrap select, .cnt-frm-wrap textarea{height: auto;padding: 16px 15px;}
  .cnt-frm-wrap .custom-sm-12, .cnt-frm-wrap .custom-sm-6 {margin-bottom: 28px;}
  .cnt-frm-wrap textarea {min-height: 150px;}
}

@media only screen and (max-width: 767px) {
  .cnt-frm-wrap {padding: 50px 30px;}
  .cnt-frm-wrap .custom-sm-12, .cnt-frm-wrap .custom-sm-6 {margin-bottom: 20px;}
  .contact-wrap .subtext{font-size: 18px;}
  .contact-wrap{padding: 60px 0 0 0;margin-bottom: 60px;}
  .cnt-frm-wrap input[type=text], .cnt-frm-wrap input[type=email], .cnt-frm-wrap select, .cnt-frm-wrap textarea {height: auto;padding: 14px 15px;}
}

@media only screen and (max-width: 600px) {
  .contact-wrap::before, .contact-wrap::after{display: none;}
  .contact-wrap .title::after{right: 0;top: 0;}
}

/* Contact page Media Ended */



/* Thank You page Media Started */
@media only screen and (max-width: 1199px) {
  .thankyou-wrap .title{font-size: 60px; line-height: 60px;}
  .thankyou-wrap .title span{font-size: 30.5px;}
  .thankyou-wrap {padding: 100px 0 0 0; margin-bottom: auto;}
  .whtnxt h2 {font-size: 28px;line-height: 28px;}
  .whtnxt p {font-size: 20px;}
  .whtnxt{background-size: 880px auto; background-position: bottom center; margin-top: 45px; padding-top: 78px;}
  .blue-blog-strap h3{margin: 10px 0 0 0; font-size: 26px;}
  .go-home{padding: 60px 0;}
}

@media only screen and (max-width: 960px) {
  .whtnxt {background-size: 750px auto;background-position: bottom center; margin-top: 0; padding-top: 90px;}
  .blue-blog-strap .custom-sm-9, .blue-blog-strap .custom-sm-3 { width: 100%; display: flex; max-width: 100%; justify-content: center; text-align: center; flex: 0 0 100%;}
  .blue-blog-strap .custom-sm-9{ margin-bottom: 20px;}
}

@media only screen and (max-width: 780px) {
  .whtnxt {background-size: 98% 150px; background-position: bottom center; margin-top: 0; padding-top: 75px;}
  .whtnxt p {font-size: 18px;}
  .blue-blog-strap h3{font-size: 22px;}
  .go-home .site-btn { padding: 1rem 3rem;}
}

@media only screen and (max-width: 560px) {
  .whtnxt p {font-size: 16px;width: 70%;margin: 0 auto;text-align: center;}
  .blue-blog-strap .site-btn{padding: 1rem 3rem;}
}

@media only screen and (max-width: 380px) {
  .thankyou-wrap .title {font-size: 50px;line-height: 50px;}
  .thankyou-wrap .title span {font-size: 25px;}
  .blue-blog-strap h3 {font-size: 20px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px)
{
  .entprs.indi-bnr-anim .ea-b-img {
    top: 50px;
}



}
@media only screen and (max-width: 1024px) and (min-width: 992px)
{
  .entprs.indi-bnr-anim .ea-b-img {
    top: 0;
  }
  .entprs .banner-text.invitee-text {
    padding-bottom: 0;
}
.indi-bnr-anim .ea-b-img {
  top: 130px;
}
}

/* Thank You page Media Ended */