@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: myanmarmn;
  src: url(../fonts/MyanmarMN.ttc);
}

@font-face {
  font-family: meriendaone;
  src: url(../fonts/MeriendaOne-Regular.ttf);
}

@font-face {
  font-family: timesbold;
  src: url(../fonts/TimesBold.ttf);
}

@font-face {
  font-family: calistoga;
  src: url(../fonts/Calistoga-Regular.ttf);
}

@font-face {
  font-family: mogra;
  src: url(../fonts/Mogra-Regular.ttf);
}

@font-face {
  font-family: mulish;
  src: url(../fonts/Mulish-Bold.ttf);
}

.myanmarmn {
  font-family: myanmarmn;
}

.meriendaone {
  font-family: meriendaone;
}

.timesbold {
  font-family: timesbold;
}

.calistoga {
  font-family: calistoga;
}

.mogra {
  font-family: mogra;
}

.mulish {
  font-family: mulish;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

/**Color**/
.greencol:before {
  background: #00b15c;
}

.bluecol:before {
  background: #5b45f5;
}

.skycol:before {
  background: #e1f3fd;
}

.pinkcol:before {
  background: #ff008a;
}

.purplecol:before {
  background: #6338dc;
}

.limecol:before {
  background: #45f5cb;
}

.seacol:before {
  background: #00b5b5;
}

.yellowcol:before {
  background: #f79e1b;
}

.lessbluecol:before {
  background: #3387ea;
}

.redcol:before {
  background: #ff2525;
}

.yellowframe {
  border: 1px solid #f79e1b;
  color: #f79e1b;
}

.blueframe {
  border: 1px solid #335eea;
  color: #335eea;
}

.greenframe {
  border: 1px solid #00b15c;
  color: #00b15c;
}

.seaframe {
  border: 1px solid #00b5b5;
  color: #00b5b5;
}

.purpleframe {
  border: 1px solid #6338dc;
  color: #6338dc;
}

.pinkframe {
  border: 1px solid #ff008a;
  color: #ff008a;
}

.lessblueframe {
  border: 1px solid #3387ea;
  color: #3387ea;
}

.yellowbg {
  background: #f79e1b;
  color: #fff;
}

.bluebg {
  background: #335eea;
  color: #fff;
}

.overflow-hidden {
  overflow: hidden;
}

.custom-vh {
  height: calc(100vh - -138px) !important;
}

.figure {
  width: 100%;
}

.custom-search .form-group .form-control {
  border-radius: 10px !important;
  margin-bottom: 30px !important;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 500;
  background: #fafbff;
  line-height: 1.5;
  color: #374151;
  position: relative;
}

body .backdrop {
  background: rgba(187, 187, 187, 0.4);
  position: absolute;
  height: 200vh;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  display: none;
}

body .backdrop.show {
  display: block;
}

.no-title-fixed {
  position: relative !important;
  top: 0px !important;
}

.reduce-margin {
  margin-top: -98px !important;
}

a {
  color: #374151;
}

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

ul {
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
  display: inline-block;
}

ul li a {
  color: #374151;
  font-weight: 600;
}

ul li a:hover {
  text-decoration: none;
  color: #335eea;
}

p {
  color: #5e5e7a;
  font-weight: 400;
  line-height: 26px;
}

.hover:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(51, 94, 234, 0.1);
          box-shadow: 0px 10px 20px rgba(51, 94, 234, 0.1);
}

.btn-blue-fill {
  background: #335eea !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #335eea;
  border-radius: 5px !important;
  padding: 12px 28px;
}

.btn-blue-outline {
  background: #fff !important;
  color: #335eea !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #335eea;
  border-radius: 5px !important;
  padding: 12px 28px;
  margin: 5px 0px;
  display: inline-block;
}

.fill-color-blue {
  color: #335eea;
}

.red-outline {
  border-color: #ff2525;
  color: #ff2525 !important;
  width: auto !important;
}

.red-outline:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(255, 37, 37, 0.1);
          box-shadow: 0px 10px 20px rgba(255, 37, 37, 0.1);
}

.blue-font {
  color: #335eea !important;
}

.black-font {
  color: #2c2c2d !important;
}

.blue-fill-text {
  font-weight: bold;
  font-size: 24px !important;
  color: #161c2d;
}

.blue-fill-radius {
  background: #335eea;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: 223px;
  padding: 15px 0px;
  font-weight: 500;
  font-size: 15px;
}

.yellow-fill-radius {
  background: #ffcb45;
  color: #2c2c2d;
  border-radius: 50px;
  display: inline-block;
  width: 223px;
  padding: 15px 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2c2c2d;
  font-weight: 700;
  letter-spacing: 2;
  text-transform: normal;
  position: relative;
}

.add-line {
  margin-bottom: 40px;
  padding-bottom: 15px;
}

.add-line::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 40px;
  background: #335eea;
  left: 0px;
  bottom: 0px;
}

.less-padding {
  padding-left: 30px !important;
}

.transition {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.form-control {
  border: 1px solid #b0b8d0;
  border-radius: 4px;
  height: 45px !important;
  font-weight: 500 !important;
  color: #2c2c2d !important;
  background: #fff;
  padding: 10px 20px;
  font-size: 14px !important;
}

.form-control:focus {
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.2);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.2);
  border-color: #335eea;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  color: #c4c4c4;
  font-weight: 400;
  font-size: 13px !important;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c4c4c4;
  font-weight: 400;
  font-size: 13px !important;
}

.form-control::-ms-input-placeholder {
  color: #c4c4c4;
  font-weight: 400;
  font-size: 13px !important;
}

.form-control::placeholder {
  color: #c4c4c4;
  font-weight: 400;
  font-size: 13px !important;
}

textarea.form-control {
  height: 150px;
}

.title {
  margin: 60px 0px;
}

.title h2 {
  font-size: 26px;
  white-space: nowrap;
}

.proper-title .title {
  margin: 30px 0px 30px;
}

.proper-title .title h3 {
  font-size: 24px;
  margin: 0px;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mb-6 {
  margin-bottom: 4rem;
}

.pb {
  padding-bottom: 4rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.off-all-padding {
  padding: 0px !important;
}

.off-padding {
  padding-top: 0px !important;
}

.off-margin {
  margin: 0px !important;
}

.add-bg-white {
  background: #fff;
}

.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.enquiries {
  background: #e5ebff;
  margin-top: 20px;
  border-radius: 5px;
}

.enquiries h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 30px;
  font-weight: 600;
  font-size: 13px;
}

.enquiries h6 .icon {
  position: relative;
}

.enquiries h6 .icon:before {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -26px;
  margin: auto;
  background: url(../img/phoneicon.svg) no-repeat;
}

label {
  color: #5e5e7a;
  font-size: 14px;
  font-weight: 500;
}

label span {
  color: #ff2525;
}

.unsigned {
  color: #ee7e31 !important;
  position: relative;
  margin-left: 25px;
  display: inline-block;
}

.unsigned::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: #ee7e31;
}

.completed {
  color: #43af6c !important;
  position: relative;
  margin-left: 25px;
  display: inline-block;
}

.completed::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: #43af6c;
}

button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select {
  cursor: pointer;
  display: block;
  position: relative;
  color: #374151;
  border: 1px solid #b0b8d0;
  height: 45px !important;
  border-radius: 4px;
  font-weight: 500 !important;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 0 15px;
  font-weight: 500 !important;
  border-radius: 4px;
  line-height: 45px !important;
  font-size: 14px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.styledSelect:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.styledSelect.active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.styledSelect:active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.styledSelect:focus {
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #b0b8d0 transparent transparent transparent;
  position: absolute;
  top: 5px;
  right: 12px;
  bottom: 0px;
  margin: auto;
}

.options {
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #b0b8d0;
  background-color: white;
  -webkit-box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
  border-radius: 5px;
  overflow: hidden;
  max-height: 180px;
  overflow-y: scroll;
}

.options li {
  margin: 0 0;
  padding: 6px 15px;
  display: block;
  font-size: 14px !important;
}

.options li:hover {
  background-color: #335eea;
  color: white;
}

.save-time .title {
  margin: 60px 0px 30px;
}

.save-time p {
  color: #2c2c2d;
  font-weight: 500;
}

.save-time a {
  color: #335eea;
}

.save-time h4 {
  font-size: 24px;
  font-weight: 600;
  color: #2c2c2d;
  margin: 20px 0px 50px;
  line-height: 36px;
}

.save-time ul li {
  position: relative;
  display: block;
  padding: 6px 0px;
  padding-left: 40px;
  font-weight: 500;
  font-size: 16px;
}

.save-time ul li span {
  font-weight: 700;
}

.save-time ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 25px;
  height: 25px;
  background: url(../img/bluecheck.svg) no-repeat;
}

.save-time .content-text h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.save-time .content-text p {
  color: #5e5e7a;
  font-weight: 500;
}

.card {
  border: none;
  -webkit-box-shadow: 0px 4px 20px rgba(44, 44, 45, 0.08);
          box-shadow: 0px 4px 20px rgba(44, 44, 45, 0.08);
}

.table-responsive {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.table-responsive .table {
  width: 100%;
}

.none-block {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.remove-absolute {
  position: relative !important;
  margin: 0px !important;
}

/**Header**/
.sticky-bar {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #fff;
}

header .header-area {
  position: absolute;
  width: 100%;
  top: 0px;
}

header .header-area .main-header .menu-main .main-menu .navbar-toggler {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  display: none;
}

header .header-area .main-header .menu-main .main-menu .navbar-toggler span {
  width: 30px;
  height: 4px;
  border-radius: 10px;
  background: #335eea;
  display: block;
  margin: 5px 0px;
}

header .header-area .main-header .menu-main .main-menu nav {
  margin: 5px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-area .main-header .menu-main .main-menu nav ul li {
  position: relative;
  display: inline-block;
  z-index: 1;
}

header .header-area .main-header .menu-main .main-menu nav ul li:hover a {
  color: #335eea;
}

header .header-area .main-header .menu-main .main-menu nav ul li.active a {
  color: #335eea;
}

header .header-area .main-header .menu-main .main-menu nav ul li a {
  font-size: 13px;
  font-weight: 500;
  padding: 22px 10px;
  margin: 0px 3px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .header-area .main-header .menu-main .main-menu nav ul li a[href="javascript:void(0)"]:after {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 0px;
  right: -4px;
  bottom: 0px;
  margin: auto;
  background: url(../img/downarrow.svg) no-repeat;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu {
  position: absolute;
  width: 380px;
  background: #fff;
  left: 0;
  top: 180%;
  visibility: hidden;
  opacity: 0;
  padding: 17px 0;
  -webkit-box-shadow: 0px 12px 24px rgba(196, 196, 196, 0.25);
          box-shadow: 0px 12px 24px rgba(196, 196, 196, 0.25);
  border-radius: 5px;
  padding: 20px;
  visibility: hidden;
  border: none !important;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu.show {
  visibility: visible;
  opacity: 1;
  top: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
  left: 15px !important;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li {
  margin: 10px 0px;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a {
  margin: 0px;
  padding: 0px 10px;
  display: inline-block;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a .icon {
  background: #f3f6ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  margin-right: 20px;
  width: 62px;
  height: 62px;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a:hover .icon {
  -webkit-box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.1);
          box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a .text-link {
  width: 100%;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a div h6 {
  color: #335eea;
  font-size: 14px;
  margin-bottom: 3px;
}

header .header-area .main-header .menu-main .main-menu nav ul li .submenu li a div p {
  margin-bottom: 0px;
  font-size: 12px;
  color: #5e5e7a;
  line-height: 20px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist {
  position: relative;
  padding: 10px 0px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist a {
  position: relative;
  padding: 12px 36px 12px 30px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist a:after {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 0px;
  right: 17px;
  bottom: 0px;
  margin: auto;
  background: url(../img/whitedownarrow.svg) no-repeat;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu {
  position: absolute;
  width: 380px;
  background: #fff;
  right: 0px;
  top: 180%;
  visibility: hidden;
  opacity: 0;
  padding: 20px;
  -webkit-box-shadow: 0px 12px 24px rgba(196, 196, 196, 0.25);
          box-shadow: 0px 12px 24px rgba(196, 196, 196, 0.25);
  z-index: 100;
  border: none !important;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu li {
  margin: 10px 0px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu.show {
  visibility: visible;
  opacity: 1;
  top: 100% !important;
  right: 20px !important;
  -webkit-transform: none !important;
          transform: none !important;
  left: unset !important;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a {
  margin: 0px;
  padding: 0px 10px;
  display: inline-block;
  width: 100%;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a:hover .icon {
  -webkit-box-shadow: 0px 15px 25px rgba(51, 94, 234, 0.1);
          box-shadow: 0px 15px 25px rgba(51, 94, 234, 0.1);
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a .icon {
  background: #f3f6ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  margin-right: 20px;
  width: 62px;
  height: 62px;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a .text-link {
  width: 100%;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a .text-link h6 {
  color: #335eea;
  font-size: 15px;
  margin-bottom: 3px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist .submenu a .text-link p {
  margin-bottom: 0px;
  font-size: 13px;
  color: #5e5e7a;
  line-height: 20px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu {
  width: 150px;
  border: none !important;
  padding: 10px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu li {
  display: block;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu li a::after {
  content: none;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu li a .icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  margin-right: 15px;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu li a .text-link {
  display: inline-block;
  vertical-align: sub;
  width: auto;
}

header .header-area .main-header .menu-main .main-menu nav .droplist.profile-btn .submenu li a .text-link h6 {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0px;
}

header .header-area .sticky-bar .menu-main .main-menu nav {
  margin: 0px 0px;
}

header .header-area .sticky-bar .menu-main .main-menu nav ul li a {
  font-size: 15px;
  font-weight: 600;
  padding: 22px 8px;
  margin: 0px 3px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .header-area .sticky-bar .menu-main .main-menu nav ul li .submenu {
  top: 180%;
}

header .header-area .sticky-bar .menu-main .main-menu nav ul li:nth-child(5) a {
  padding: 10px 34px;
  margin: 0px 8px 0px 15px;
  font-size: 15;
}

header .header-area .sticky-bar .menu-main .main-menu nav ul li:nth-child(6) a {
  padding: 10px 34px;
  margin: 0px 0px 0px 8px;
  font-size: 15;
}

.header {
  height: 80px;
  line-height: 80px;
  position: relative;
  z-index: 20;
}

.header .header-area {
  position: absolute;
  width: 100%;
  top: 0px;
  overflow: hidden;
}

.header.cancel-select {
  background: #fff;
  position: relative;
}

.header.cancel-select .btn-blue-outline {
  background: #fff !important;
}

.header.cancel-select:after {
  content: "";
  position: absolute;
  height: 98px;
  width: 340%;
  background: #fff;
  top: 0px;
  right: -340%;
  z-index: -10;
}

.slicknav_nav {
  overflow: visible;
}

.slicknav_nav li {
  position: relative;
}

.slicknav_nav li ul {
  position: absolute;
  background: #fff;
  width: 96%;
  -webkit-box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.2);
  left: 0px;
  right: 0px;
  top: 30px;
  margin: auto;
  z-index: 10;
}

.none-overflow {
  overflow: visible !important;
}

.main-content {
  min-height: calc(100vh - 138px);
  margin-top: 90px;
  /**Hero Block**/
  /**Brand Icon**/
  /**LiveNotary Block**/
  /**Why LiveNotary**/
  /**How We Help You**/
  /**Let Us Hear From You**/
  /**Get Started With LiveNotary**/
  /**FAQS**/
  /**Get Started **/
  /**How It Works**/
  /**Search Custom**/
  /**Blog Page**/
  /**Contact us**/
  /**Dashboard**/
  /**Table Custom**/
  /**Upload Document**/
  /**Profile**/
  /**About Us**/
  /**Faq**/
  /**Signature Block**/
  /**Verify Block**/
  /**Owl Carousel**/
}

.main-content.success-top {
  min-height: calc(100vh - 100px);
}

.main-content.success-top .get-started .fix-full-height {
  height: calc(100vh - 100px);
}

.main-content .hero-block .caption h1 {
  line-height: 52px;
  margin-bottom: 0px;
  font-size: 42px;
}

.main-content .hero-block .caption .tag {
  margin: 20px 0px 40px;
}

.main-content .hero-block .caption .btn:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 15px 30px rgba(51, 94, 234, 0.25);
}

.main-content .hero-block .caption ul {
  margin: 40px 0px 0px;
}

.main-content .hero-block .caption ul li {
  position: relative;
  padding: 0px 25px;
}

.main-content .hero-block .caption ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #335eea;
  position: absolute;
  top: 0px;
  left: 8px;
  bottom: 0px;
  margin: auto;
  border-radius: 20px;
}

.main-content .brand-block {
  background: #fff;
  padding: 50px 0px;
  margin-top: -50px;
  z-index: 1;
  position: relative;
}

.main-content .livenotary-block .item {
  background: #fff;
  -webkit-box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
  padding: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .livenotary-block .item .icon {
  background: #f3f6ff;
  border-radius: 10px;
  width: 108px;
  height: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .livenotary-block .item h4 {
  margin: 40px 0px 15px;
  font-size: 24px;
}

.main-content .livenotary-block .item .fix-height {
  min-height: 150px;
  margin-bottom: 30px;
}

.main-content .livenotary-block .item .fix-height p {
  margin-bottom: 0px;
  color: #374151;
}

.main-content .livenotary-block .item .btn {
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .livenotary-block .item .btn:hover {
  -webkit-box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.25);
}

.main-content .livenotary-block .item:hover .icon {
  -webkit-box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.1);
          box-shadow: 0px 15px 24px rgba(51, 94, 234, 0.1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .whylivenotary {
  background: #fff;
}

.main-content .whylivenotary .card {
  border: 0;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-content .whylivenotary .card .card-header {
  background-color: transparent;
  border-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

.main-content .whylivenotary .card .card-header .nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/elec.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/electon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/iden.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/idenon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/cloud.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/cloudon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/pay.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/payon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/use.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/useon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/tem.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/tempon.svg) no-repeat;
  display: block;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item .nav-link {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #888888;
  margin: 0;
  margin-right: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 14px;
  padding: 15px 13px;
  line-height: 1.5;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item .nav-link:hover {
  background-color: transparent;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item .nav-link.active {
  background-color: #fafbff;
  border-radius: 6px;
  color: #2c2c2d;
  border: 1px solid #edf1ff;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item .nav-link .now-ui-icons {
  position: relative;
}

.main-content .whylivenotary .card .card-header .nav-tabs .nav-item .nav-link .now-ui-icons span {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: auto;
  width: 60px;
  height: 60px;
}

.main-content .whylivenotary .card .left-side {
  position: relative;
}

.main-content .whylivenotary .card .left-side:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../img/dot.svg) no-repeat;
  width: 110px;
  height: 110px;
}

.main-content .whylivenotary .card .left-side .add-img {
  padding-left: 39px;
  padding-top: 40px;
}

.main-content .whylivenotary .card .left-side .add-img img {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
}

.main-content .whylivenotary .card .right-side {
  position: relative;
}

.main-content .whylivenotary .card .right-side:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: #335eea;
  width: 180px;
  height: 180px;
}

.main-content .whylivenotary .card .right-side .caption {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .whylivenotary .card .right-side .caption .box {
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
  margin-top: 34px;
  margin-left: 30px;
  padding: 40px 50px;
  position: relative;
}

.main-content .whylivenotary .card .right-side .caption .box h6 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 24px;
  color: #2c2c2d;
}

.main-content .whylivenotary .card .right-side .caption .box p {
  color: #5e5e7a;
  min-height: 150px;
}

.main-content .whylivenotary .card .right-side .caption .box .top-style .icon {
  position: absolute;
}

.main-content .whylivenotary .card .right-side .caption .box .top-style .top-left {
  background: url(../img/topleft.svg) no-repeat;
  width: 25px;
  height: 25px;
  left: 20px;
  top: 20px;
}

.main-content .whylivenotary .card .right-side .caption .box .top-style .top-right {
  background: url(../img/topright.svg) no-repeat;
  width: 25px;
  height: 25px;
  right: 20px;
  top: 20px;
}

.main-content .whylivenotary .card .right-side .caption .box .top-style .top-right:after {
  content: "";
  position: absolute;
  top: 11px;
  right: 14px;
  width: 20px;
  height: 20px;
  background: #ffcb45;
}

.main-content .whylivenotary .card .right-side .caption .box .bottom-style .icon {
  position: absolute;
}

.main-content .whylivenotary .card .right-side .caption .box .bottom-style .bottom-left {
  background: url(../img/bottomleft.svg) no-repeat;
  width: 25px;
  height: 25px;
  left: 20px;
  bottom: 20px;
}

.main-content .whylivenotary .card .right-side .caption .box .bottom-style .bottom-right {
  background: url(../img/bottomright.svg) no-repeat;
  width: 25px;
  height: 25px;
  right: 20px;
  bottom: 20px;
}

.main-content .icons-custom .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/elec.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/electon.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/monthly.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/MonthlyInvoicing.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/dedicated.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/DedicatedAccountManager.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/team.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/teammember.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/yournotaries.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/yournotaries.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/tem.svg) no-repeat;
  display: block;
}

.main-content .icons-custom .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/tempon.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/valid.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(1) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/valid.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/safe.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(2) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/safe.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/experienced.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(3) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/experienced.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/fast.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(4) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/fast.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/email.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(5) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/email.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link .now-ui-icons span {
  background: url(../img/tabs/off/24.svg) no-repeat;
  display: block;
}

.main-content .icons-custom-2 .card .card-header .nav-tabs .nav-item:nth-child(6) .nav-link.active .now-ui-icons span {
  background: url(../img/tabs/on/24.svg) no-repeat;
  display: block;
}

@media screen and (max-width: 768px) {
  .main-content .nav-tabs {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }
  .main-content .nav-tabs .nav-item > .nav-link {
    margin-bottom: 5px;
  }
}

.main-content .howwehelp .item {
  background: #fff;
  -webkit-box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
  padding: 30px;
  position: relative;
  margin-top: 80px;
  text-align: center;
}

.main-content .howwehelp .item .photo-profile {
  position: absolute;
  width: 160px;
  height: 160px;
  top: -75px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.main-content .howwehelp .item .photo-profile:after {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  background: #dee6ff;
  -webkit-transform: rotate(-10.26deg);
          transform: rotate(-10.26deg);
  border-radius: 10px;
}

.main-content .howwehelp .item .photo-profile img {
  -webkit-transform: rotate(2.73deg);
          transform: rotate(2.73deg);
  border-radius: 10px;
  position: relative;
  z-index: 10;
}

.main-content .howwehelp .item .comment {
  min-height: 210px;
}

.main-content .howwehelp .item p {
  margin-top: 100px;
  color: #5e5e7a;
  margin-bottom: 0px;
  font-weight: 400;
}

.main-content .howwehelp .item .line-hr {
  width: 58px;
  height: 2px;
  display: block;
  margin: 20px auto;
  background: #335eea;
}

.main-content .howwehelp .item h6 {
  margin-top: 0px;
  font-size: 19px;
}

.main-content .howwehelp .item small {
  color: #5e5e7a;
  font-size: 14px;
  font-weight: 400;
}

.main-content .letushear {
  background: #fff;
  padding-bottom: 40px;
}

.main-content .letushear .title p {
  margin-top: 20px;
}

.main-content .letushear form .form-group {
  margin: 0px 0px 6px;
  padding: 0px 30px;
}

.main-content .letushear form .form-group label {
  font-size: 15px;
  font-weight: 500;
  color: #5e5e7a;
  margin-bottom: 10px;
}

.main-content .letushear form .form-group:first-child {
  padding-left: 0px;
}

.main-content .letushear form .form-group:last-child {
  padding-right: 0px;
}

.main-content .letushear form .form-row:nth-child(2) .form-group {
  margin: 0px 0px 10px;
  padding-right: 0px;
}

.main-content .letushear form .btn {
  margin-bottom: 40px;
}

.main-content .pricinglists .title h1 {
  font-size: 42px;
  margin-bottom: 25px;
  line-height: 52px;
}

.main-content .pricinglists .title p {
  color: #5e5e7a;
  font-weight: 400;
  padding: 0px 200px;
}

.main-content .pricinglists .num .item {
  background: #fff;
  -webkit-box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
  margin: 0px 10px;
  padding: 30px;
  position: relative;
  text-align: left;
  min-height: 680px;
  border-radius: 10px;
}

.main-content .pricinglists .num .item .price-info {
  padding: 0 0 30px;
}

.main-content .pricinglists .num .item .price-info h6 {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
}

.main-content .pricinglists .num .item .price-info h2 {
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-weight: 700;
}

.main-content .pricinglists .num .item .price-info h3 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 800;
}

.main-content .pricinglists .num .item .price-info small {
  font-size: 15px;
  font-weight: 500;
  color: #2c2c2d;
}

.main-content .pricinglists .num .item .price-info p {
  font-size: 15px;
  font-weight: 500;
  color: #5e5e7a;
  margin: 10px 0px;
}

.main-content .pricinglists .num .item a.btn {
  font-size: 12px;
  font-weight: 600;
  padding: 12px 34px;
  margin-bottom: 10px;
}

.main-content .pricinglists .num .item ul {
  text-align: left;
  margin-top: 30px;
}

.main-content .pricinglists .num .item ul li {
  font-size: 14px;
  color: #2c2c2d;
  font-weight: 400;
  padding-left: 30px;
  margin: 10px 0px;
  position: relative;
  display: block;
}

.main-content .pricinglists .num .item ul li.active {
  color: #335eea;
}

.main-content .pricinglists .num .item ul li:before {
  content: "";
  position: absolute;
  background: url(../img/greencheck.svg) no-repeat;
  top: 4px;
  left: 0px;
  width: 17px;
  height: 17px;
}

.main-content .pricinglists .num:first-child .item {
  margin-left: 0px;
}

.main-content .pricinglists .num:last-child .item {
  margin-right: 0px;
}

.main-content .pricinglists .num:last-child .item:after {
  display: none;
}

.main-content .custom-pricing .num .item {
  min-height: 400px;
}

.main-content .custom-pricing .num .item .price-info {
  min-height: 100px;
}

.main-content .custom-pricing .num .item .lists {
  min-height: 390px;
  margin-top: 0;
}

.main-content .yellow-font {
  color: #ffcb45;
}

.main-content .custom-pricing-2 .num .item {
  min-height: 180px;
}

.main-content .custom-pricing-2 .num .item .price-info {
  min-height: 185px;
}

.main-content .custom-pricing-2 .num .item .lists {
  min-height: 160px;
  margin-top: 20px;
}

.main-content .faqs {
  background: #fff;
  padding-bottom: 40px;
}

.main-content .faqs .accordion {
  background: #fff;
  border-radius: 10px;
  padding: 50px 80px 10px;
  -webkit-box-shadow: 0px -4px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px -4px 24px rgba(187, 187, 187, 0.2);
}

.main-content .faqs .accordion .accordion-item {
  border-bottom: 1px solid rgba(20, 68, 136, 0.2);
}

.main-content .faqs .accordion .accordion-item button[aria-expanded="true"] {
  border-bottom: 1px solid #335eea;
}

.main-content .faqs .accordion .accordion-item:last-child {
  border-bottom: none;
}

.main-content .faqs .accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 25px 0;
  color: #2c2c2d;
  font-size: 15px;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.main-content .faqs .accordion button:hover {
  cursor: pointer;
  color: #335eea;
}

.main-content .faqs .accordion button:hover::after {
  cursor: pointer;
  color: #335eea;
  border: 1px solid #335eea;
}

.main-content .faqs .accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
  font-size: 18px;
  color: #374151;
  font-weight: 500;
}

.main-content .faqs .accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 27px;
  height: 27px;
  border: 1px solid;
  border-radius: 22px;
  background: #335eea;
  color: #fff;
}

.main-content .faqs .accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 10px;
  height: 2px;
  background: currentColor;
  border-radius: 10px;
}

.main-content .faqs .accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 2px;
  height: 10px;
  background: currentColor;
  border-radius: 10px;
}

.main-content .faqs .accordion button[aria-expanded="true"] {
  color: #335eea;
}

.main-content .faqs .accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}

.main-content .faqs .accordion button[aria-expanded="true"] + .accordion-content {
  opacity: 1;
  max-height: 20em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.main-content .faqs .accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.main-content .faqs .accordion .accordion-content p {
  font-size: 18px;
  font-weight: 400;
  margin: 2em 0;
  color: #374151;
}

.main-content .get-started .fix-full-height {
  position: relative;
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}

.main-content .get-started .fix-full-height-2 {
  position: relative;
  height: calc(100vh - 0px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}

.main-content .get-started p {
  color: #2c2c2d;
}

.main-content .get-started .left-side {
  padding-right: 30px;
}

.main-content .get-started .left-side .title {
  margin-top: 0px;
}

.main-content .get-started .left-side .title p {
  font-size: 14px;
  font-weight: 500;
}

.main-content .get-started .left-side .check-complete {
  position: absolute;
  top: 0px;
  right: -52px;
  bottom: 0px;
  margin: auto;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.main-content .get-started .left-side .check-complete ul li {
  width: 32px;
  height: 32px;
  background: #e5efff;
  border-radius: 50px;
  display: block;
  margin: 70px 0px;
  position: relative;
}

.main-content .get-started .left-side .check-complete ul li.active {
  background: #3cdb8f;
  position: relative;
  background-image: url(../img/checked.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.main-content .get-started .left-side .check-complete ul li span {
  width: 2px;
  height: 80px;
  background: #e5efff;
  display: block;
  position: absolute;
  top: 108px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  z-index: -1;
}

.main-content .get-started .left-side .check-complete ul li span.active {
  background: #3cdb8f;
}

.main-content .get-started .left-side .check-complete ul li:last-child span {
  display: none;
}

.main-content .get-started .right-side {
  background: #fff;
  position: relative;
  padding-left: 80px;
}

.main-content .get-started .right-side:after {
  content: "";
  position: absolute;
  height: 120vh;
  width: 340%;
  background: #fff;
  top: -100px;
  right: -340%;
  z-index: -10;
}

.main-content .get-started .right-side:before {
  content: "";
  position: absolute;
  height: 120vh;
  width: 340%;
  background: #fff;
  top: -100px;
  left: 0%;
  z-index: -10;
}

.main-content .get-started .right-side.proper-vh:after {
  top: 0px;
}

.main-content .get-started .right-side h4 {
  font-size: 20px;
}

.main-content .get-started .right-side .link-menu li {
  padding: 15px 0px;
  display: block;
  border-bottom: 1px solid #f1f1f1;
}

.main-content .get-started .right-side .link-menu li:last-child {
  border-bottom: 0px;
}

.main-content .get-started .right-side .link-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-content .get-started .right-side .link-menu li a .icon {
  width: 70px;
  height: 70px;
  background: #f3f6ff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}

.main-content .get-started .right-side .link-menu li a .caption {
  position: relative;
  padding-right: 60px;
  width: calc(100% - 70px);
}

.main-content .get-started .right-side .link-menu li a .caption h6 {
  margin-bottom: 2px;
  font-size: 15px;
}

.main-content .get-started .right-side .link-menu li a .caption p {
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  margin-bottom: 0px;
}

.main-content .get-started .right-side .link-menu li a .caption:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 28px;
  height: 28px;
  background: url(../img/rightarrow.svg) no-repeat;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50px;
}

.main-content .get-started .right-side .link-menu li a:hover .caption:after {
  -webkit-box-shadow: 0px 4px 20px rgba(51, 94, 234, 0.2);
          box-shadow: 0px 4px 20px rgba(51, 94, 234, 0.2);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side form .form-group.add-bottom-margin {
  margin-bottom: 146px;
}

.main-content .get-started .right-side form .form-control {
  margin-bottom: 20px;
  width: 75%;
}

.main-content .get-started .right-side form .form-control.add-bottom-margin {
  margin-bottom: 170px;
}

.main-content .get-started .right-side form .btn {
  margin-right: 20px;
}

.main-content .get-started .right-side form .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #374151;
  border: 1px solid #b0b8d0;
  height: 50px;
  border-radius: 4px;
  font-weight: 500;
  width: 65%;
}

.main-content .get-started .right-side form .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 0 15px;
  font-weight: 500;
  border-radius: 4px;
  line-height: 50px;
}

.main-content .get-started .right-side form .styledSelect:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.main-content .get-started .right-side form .styledSelect.active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side form .styledSelect:active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side form .styledSelect:focus {
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side form .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #b0b8d0 transparent transparent transparent;
  position: absolute;
  top: 5px;
  right: 12px;
  bottom: 0px;
  margin: auto;
}

.main-content .get-started .right-side form .options {
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #b0b8d0;
  background-color: white;
  -webkit-box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 16px 24px rgba(187, 187, 187, 0.2);
  border-radius: 5px;
  overflow: hidden;
  max-height: 180px;
  overflow-y: scroll;
}

.main-content .get-started .right-side form .options li {
  margin: 0 0;
  padding: 6px 15px;
  display: block;
  font-size: 17px;
}

.main-content .get-started .right-side form .options li:hover {
  background-color: #335eea;
  color: white;
}

.main-content .get-started .right-side .selectyourplan .item {
  background: #fff;
  -webkit-box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 12px 24px rgba(187, 187, 187, 0.25);
  padding: 30px 30px 20px;
  position: relative;
  text-align: center;
  min-height: 424px;
}

.main-content .get-started .right-side .selectyourplan .item .price-info {
  min-height: 120px;
}

.main-content .get-started .right-side .selectyourplan .item .price-info h2 {
  margin: 6px 0px;
}

.main-content .get-started .right-side .selectyourplan .item .price-info h2 small {
  font-size: 15px;
  font-weight: 400;
  color: #374151;
}

.main-content .get-started .right-side .selectyourplan .item .price-info h4 {
  margin: 14px 0px;
}

.main-content .get-started .right-side .selectyourplan .item .price-info small {
  font-size: 15px;
  font-weight: 400;
  color: #374151;
}

.main-content .get-started .right-side .selectyourplan .item ul {
  text-align: left;
  margin-top: 25px;
  min-height: 155px;
}

.main-content .get-started .right-side .selectyourplan .item ul li {
  font-size: 15px;
  color: #374151;
  font-weight: 400;
  padding-left: 30px;
  margin: 10px 0px;
  position: relative;
  display: block;
}

.main-content .get-started .right-side .selectyourplan .item ul li:before {
  content: "";
  position: absolute;
  background: url(../img/greencheck.svg) no-repeat;
  top: 4px;
  left: 0px;
  width: 17px;
  height: 17px;
}

.main-content .get-started .right-side .selectyourplan .item a.btn {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 24px;
  margin-bottom: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(1) .col:first-child .form-group {
  padding-left: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(1) .col :last-child .form-group {
  padding-right: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(2) .col:first-child .form-group {
  padding-left: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(2) .col :last-child .form-group {
  padding-right: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(3) .col:first-child .form-group {
  padding-left: 0px;
}

.main-content .get-started .right-side .form-style .form-row:nth-child(3) .col :last-child .form-group {
  padding-right: 0px;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group {
  font-weight: 400;
  font-size: 17px;
  padding: 0px 10px;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group label {
  color: #5e5e7a;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group label span {
  color: #ff2525;
  margin: 0px 2px;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select {
  width: 100%;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .styledSelect {
  font-weight: 400;
  font-size: 17px;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .styledSelect:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .styledSelect.active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .styledSelect:active {
  background: #fff !important;
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .styledSelect:focus {
  -webkit-box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
          box-shadow: 0px 4px 24px rgba(51, 94, 234, 0.25);
  border-color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .get-started .right-side .form-style .form-row .col .form-group .select .options:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.main-content .get-started .right-side .form-style .form-row .checkbox {
  font-size: 17px;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 0.5em;
          column-gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0px 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-content .get-started .right-side .form-style .form-row .checkbox-input {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #b0b8d0;
  border-radius: 2px;
  outline: none;
}

.main-content .get-started .right-side .form-style .form-row .checkbox-input:checked {
  position: relative;
  background-color: #335eea;
  border-color: transparent;
  /* The checkmark */
}

.main-content .get-started .right-side .form-style .form-row .checkbox-input:checked::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: translateX(0) translateY(2.5px) rotate(45deg);
          transform: translateX(0) translateY(2.5px) rotate(45deg);
}

.main-content .get-started .right-side .form-style .form-row .checkbox-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.main-content .get-started .right-side .form-style .form-row .checkagree {
  margin-bottom: 0px;
  font-size: 15px;
  color: #5e5e7a;
}

.main-content .get-started .right-side .form-style .form-group p {
  color: #2c2c2d;
  margin: 30px 0px;
  font-size: 15px;
  font-weight: 500;
}

.main-content .success h2 {
  margin-top: 40px;
}

.main-content .success p {
  margin: 0px;
}

.main-content .success .btn {
  margin-top: 30px;
}

.main-content .howitworks {
  background: #1f263a;
  padding: 70px 0px;
}

.main-content .howitworks .left-side h2 {
  font-size: 34px;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 15px;
}

.main-content .howitworks .left-side p {
  color: #869abd;
  margin-bottom: 0px;
  font-weight: 400;
}

.main-content .howitworks .right-side {
  width: 100%;
  padding-left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.main-content .howitworks .right-side .list {
  counter-reset: list-number;
}

.main-content .howitworks .right-side .list .numberlist {
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}

.main-content .howitworks .right-side .list .numberlist:last-child {
  margin-bottom: 0px;
}

.main-content .howitworks .right-side .list .numberlist:last-child:after {
  content: none;
}

.main-content .howitworks .right-side .list .numberlist::before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 25px;
  margin-bottom: 10px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  background-color: #43495a;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
  float: left;
  position: absolute;
  top: -10px;
}

.main-content .howitworks .right-side .list .numberlist:after {
  content: "";
  position: absolute;
  left: 22px;
  top: 30px;
  height: 100%;
  width: 1px;
  border-left: 1px solid #43495a;
}

.main-content .howitworks .right-side .list .numberlist .caption {
  margin-left: 70px;
}

.main-content .howitworks .right-side .list .numberlist .caption h6 {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 15px;
}

.main-content .howitworks .right-side .list .numberlist .caption p {
  font-size: 15px;
  color: #869abd;
}

.main-content .custom-search form .form-group .combine {
  position: relative;
}

.main-content .custom-search form .form-group .combine .search-icon {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 29%;
  margin: auto;
}

.main-content .custom-search form .form-group .combine .search-icon:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-content .custom-search form .form-group .combine .form-control {
  padding-left: 37%;
}

.main-content .blog-lists a {
  display: inline-block;
}

.main-content .blog-lists a .figure {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 14px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 14px 24px rgba(187, 187, 187, 0.2);
  margin: 20px 0px 15px;
}

.main-content .blog-lists a .figure .figure-caption {
  padding: 30px 30px 25px;
}

.main-content .blog-lists a .figure .figure-caption h6 {
  font-size: 16px;
}

.main-content .blog-lists a .figure .figure-caption p {
  font-size: 15px;
  margin: 15px 0px;
}

.main-content .blog-lists a .figure .figure-caption .name-date .photo-name {
  width: 60%;
}

.main-content .blog-lists a .figure .figure-caption .name-date .photo-name .photo {
  overflow: hidden;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  margin-right: 15px;
  display: inline-table;
}

.main-content .blog-lists a .figure .figure-caption .name-date .photo-name small {
  font-weight: 500;
  font-size: 15px;
  color: #2c2c2d;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main-content .blog-lists a .figure .figure-caption .name-date .blog-date {
  font-size: 15px;
  font-weight: 500;
}

.main-content .blog-details .title {
  margin: 0px 0px 30px;
}

.main-content .blog-details .add-bg-white {
  padding: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-content .blog-details .add-bg-white .profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .blog-details .add-bg-white .profile-name .photo {
  width: 57px;
  height: 57px;
  display: inline-table;
  margin-right: 20px;
}

.main-content .blog-details .add-bg-white .profile-name .name-date h6 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4px;
}

.main-content .blog-details .add-bg-white .profile-name .name-date small {
  font-size: 14px;
  font-weight: 500;
}

.main-content .blog-details .add-bg-white .figure {
  border-radius: 10px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0px;
}

.main-content .blog-details .add-bg-white .figure .figure-caption {
  margin-top: 20px;
}

.main-content .blog-details .add-bg-white .figure .figure-caption p {
  color: #2c2c2d;
  font-weight: 500;
  line-height: 26px;
}

.main-content .blog-details .add-bg-white .bloglists-search .item {
  background: #fafbff;
  padding: 10px;
  border-radius: 10px;
  margin: 20px 0;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .blog-img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  overflow: hidden;
  display: inline-table;
  margin-right: 12px;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .blog-detail {
  position: relative;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .blog-detail h6 {
  font-size: 14px;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .name-date {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .name-date .photo-name {
  width: 60%;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .name-date .photo-name .photo {
  overflow: hidden;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  display: inline-table;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .name-date .photo-name small {
  font-weight: 500;
  font-size: 15px;
  color: #2c2c2d;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main-content .blog-details .add-bg-white .bloglists-search .item .name-date .blog-date {
  font-size: 15px;
  font-weight: 500;
}

.main-content .contact-us .title {
  margin-bottom: 0px;
}

.main-content .dashboard-block .title {
  margin: 20px 0 20px;
}

.main-content .dashboard-block .title h3 {
  font-size: 20px;
  color: #374151;
  margin: 0px;
}

.main-content .dashboard-block .left-tabs .nav-pills .nav-item:first-child .nav-link {
  margin-left: 0px;
}

.main-content .dashboard-block .left-tabs .nav-pills .nav-item .nav-link {
  color: #869abd;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0px 0px 10px;
  margin: 0px 14px;
  font-size: 14px;
  font-weight: 500;
}

.main-content .dashboard-block .left-tabs .nav-pills .nav-item .nav-link:after {
  content: "";
  width: 0%;
  height: 3px;
  background: #335eea;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  border-bottom: 3px solid #335eea;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-content .dashboard-block .left-tabs .nav-pills .nav-item .nav-link.active {
  color: #335eea !important;
  background: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-content .dashboard-block .left-tabs .nav-pills .nav-item .nav-link.active:after {
  content: "";
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-content .table-responsive {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 10px;
}

.main-content .table-responsive .table {
  width: 100%;
}

.main-content .table-responsive .table thead tr th,
.main-content .table-responsive .table tbody tr td {
  border: none;
}

.main-content .table-responsive .table thead tr {
  background: #fff;
}

.main-content .table-responsive .table thead tr th {
  font-size: 13px;
  font-weight: 700;
  color: #374151;
  padding: 14px 24px;
  width: 20%;
}

.main-content .table-responsive .table thead tr th:first-child {
  width: 72%;
}

.main-content .table-responsive .table thead tr th:nth-child(2) {
  width: 14%;
}

.main-content .table-responsive .table tbody tr:nth-child(even) {
  background: #fff;
}

.main-content .table-responsive .table tbody tr td {
  padding: 14px 24px;
  font-weight: 400;
  color: #2c2c2d;
  font-size: 13px;
}

.main-content .table-responsive .table tbody tr td.unsigned, .main-content .table-responsive .table tbody tr td.completed {
  font-weight: 500;
  padding: 12px 24px 12px 18px;
}

.main-content .table-responsive .table tbody tr td a {
  font-weight: 500;
}

.main-content .table-responsive .table tbody tr td span {
  background: #335eea;
  color: #fff;
  padding: 6px 22px;
  font-size: 11px;
  border-radius: 30px;
  display: inline-block;
  margin-left: 40px;
}

.main-content .upload-block .add-bg-white {
  padding: 30px;
  min-height: calc(100vh - 150px);
}

.main-content .upload-block .add-bg-white .title {
  margin: 20px 0px 30px;
  text-align: center;
}

.main-content .upload-block .add-bg-white .title h3 {
  font-size: 20px;
}

.main-content .upload-block .add-bg-white .title p {
  font-size: 13px;
  color: #374151;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 40px;
}

.main-content .upload-block .add-bg-white .upload-card {
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0px 3px 24px rgba(187, 187, 187, 0.2);
          box-shadow: 0px 3px 24px rgba(187, 187, 187, 0.2);
  padding: 40px 50px;
  position: relative;
  margin-bottom: 30px;
}

.main-content .upload-block .add-bg-white .upload-card .top-style .icon {
  position: absolute;
}

.main-content .upload-block .add-bg-white .upload-card .top-style .top-left {
  background: url(../img/topleft.svg) no-repeat;
  width: 25px;
  height: 25px;
  left: 20px;
  top: 20px;
}

.main-content .upload-block .add-bg-white .upload-card .top-style .top-right {
  background: url(../img/topright.svg) no-repeat;
  width: 25px;
  height: 25px;
  right: 20px;
  top: 20px;
}

.main-content .upload-block .add-bg-white .upload-card .bottom-style .icon {
  position: absolute;
}

.main-content .upload-block .add-bg-white .upload-card .bottom-style .bottom-left {
  background: url(../img/bottomleft.svg) no-repeat;
  width: 25px;
  height: 25px;
  left: 20px;
  bottom: 20px;
}

.main-content .upload-block .add-bg-white .upload-card .bottom-style .bottom-right {
  background: url(../img/bottomright.svg) no-repeat;
  width: 25px;
  height: 25px;
  right: 20px;
  bottom: 20px;
}

.main-content .upload-block .add-bg-white .upload-card h6 {
  margin: 10px 0px 10px;
  font-weight: 500;
  color: #2c2c2d;
  font-weight: 500;
}

.main-content .upload-block .add-bg-white .upload-card .btn {
  position: relative;
  padding: 12px 34px 12px 60px;
}

.main-content .upload-block .add-bg-white .upload-card .btn:before {
  content: "";
  width: 14px;
  height: 16.75px;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 30px;
  background: url(../img/upload.svg) no-repeat;
}

.main-content .upload-block .add-bg-white .upload-card small {
  color: #5e5e7a;
  font-size: 12px;
  margin: 20px 0px;
}

.main-content .upload-block .add-bg-white p {
  color: #374151;
  font-size: 14px;
}

.main-content .uploaded-block .add-bg-white {
  padding: 30px;
  min-height: calc(100vh - 30px);
}

.main-content .uploaded-block .add-bg-white .title {
  margin: 20px 0px 30px;
}

.main-content .uploaded-block .add-bg-white .title h3 {
  font-size: 20px;
}

.main-content .uploaded-block .add-bg-white .table-responsive .table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eeeeee;
}

.main-content .uploaded-block .add-bg-white .table-responsive .table tbody tr img {
  width: 20px;
  height: 24px;
}

.main-content .uploaded-block .add-bg-white .table-responsive .table tbody tr td {
  line-height: 28px;
  padding: 16px 0px;
  color: #374151;
  font-size: 13px;
}

.main-content .uploaded-block .add-bg-white .table-responsive .table tbody tr td a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #ff2525;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 13px;
}

.main-content .uploaded-block .add-bg-white .table-responsive .table tbody tr td a img {
  width: 12px;
  height: 16px;
  margin-right: 10px;
}

.main-content .profile-block .title h3 {
  font-size: 20px;
  color: #374151;
}

.main-content .profile-block .add-bg-white {
  padding: 30px;
}

.main-content .profile-block .add-bg-white form .show-title {
  margin: 40px 0px 30px;
}

.main-content .profile-block .add-bg-white form .show-title:first-child {
  margin: 10px 0px 30px;
}

.main-content .profile-block .add-bg-white form .show-title h6 {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
}

.main-content .profile-block .add-bg-white form .form-group {
  margin: 0px;
}

.main-content .profile-block .add-bg-white form .form-group label {
  font-size: 13px;
  font-weight: 500;
}

.main-content .about-block h3 {
  margin-bottom: 20px;
}

.main-content .about-block p {
  color: #374151;
}

.main-content .about-block .whatwedo p {
  padding-right: 20px;
}

.main-content .about-block .outhistory img {
  padding-right: 20px;
}

.main-content .faq-block ul li {
  display: block;
  width: 100%;
  margin: 10px 0px;
}

.main-content .faq-block ul li:first-child {
  margin-top: 0px;
}

.main-content .faq-block ul li:last-child {
  margin-bottom: 0px;
}

.main-content .faq-block ul li a {
  padding: 15px 38px 15px 30px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
          box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  border-radius: 5px;
  font-size: 14px;
}

.main-content .faq-block ul li a:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 25px;
  bottom: 0px;
  margin: auto;
  width: 14px;
  height: 14px;
  background: url(../img/greyrightarrow.svg) no-repeat;
}

.main-content .faq-block ul li a.active {
  background: #335eea;
}

.main-content .faq-block ul li a.active:after {
  background: url(../img/whiterightarrow.svg) no-repeat;
}

.main-content .faq-block ul li a:hover {
  -webkit-box-shadow: 0px 4px 30px rgba(51, 94, 234, 0.15);
          box-shadow: 0px 4px 30px rgba(51, 94, 234, 0.15);
}

.main-content .faq-block .card {
  border: 0px;
  -webkit-box-shadow: 0px 4px 20px rgba(44, 44, 45, 0.08);
          box-shadow: 0px 4px 20px rgba(44, 44, 45, 0.08);
  border-radius: 5px;
  padding: 30px;
  color: #5e5e7a;
}

.main-content .faq-block .faq-section {
  background: #fdfdfd;
  min-height: 100vh;
  padding: 10vh 0 0;
}

.main-content .faq-block .faq-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}

.main-content .faq-block .faq-title h2::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 60px;
  height: 2px;
  background: #e91e63;
  bottom: -25px;
  margin-left: -30px;
}

.main-content .faq-block .faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}

.main-content .faq-block .faq .card {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 30px 0px;
  padding: 0px;
}

.main-content .faq-block .faq .card .card-header {
  background: #fff;
  -webkit-box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
          box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
  border-radius: 5px;
  border: none;
  padding: 14px 50px 14px 30px;
  position: relative;
}

.main-content .faq-block .faq .card .card-header:hover {
  -webkit-box-shadow: 0px 4px 30px rgba(51, 94, 234, 0.1);
          box-shadow: 0px 4px 30px rgba(51, 94, 234, 0.1);
}

.main-content .faq-block .faq .card .card-header:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 14px;
  height: 14px;
  background: url(../img/greyrightarrow.svg) no-repeat;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.main-content .faq-block .faq .card .card-header h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0px;
}

.main-content .faq-block .faq .card .card-body {
  background: #fff;
  -webkit-box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
          box-shadow: 0px 4px 30px rgba(187, 187, 187, 0.1);
  border-radius: 5px;
  margin-top: 20px;
}

.main-content .signature-block ul li {
  font-weight: 500;
  font-size: 16px;
  color: #5e5e7a;
}

.main-content .signature-block ul li span {
  color: #2c2c2d;
}

.main-content .signature-block .icon-text li {
  padding-left: 0px;
  font-weight: 700;
  color: #2c2c2d;
}

.main-content .signature-block .icon-text li span {
  margin-right: 5px;
}

.main-content .signature-block .icon-text li:before {
  content: none;
}

.main-content .docs-block {
  position: relative;
}

.main-content .docs-block .left-side {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}

.main-content .docs-block .left-side .notarization-lists {
  z-index: 100;
  background: #fafbff;
}

.main-content .docs-block .left-side .notarization-lists h3 {
  font-size: 20px;
  color: #374151;
  margin-bottom: 20px;
}

.main-content .docs-block .left-side .notarization-lists ul li {
  color: #a3a3a3;
  font-weight: 500;
  border-bottom: 1px solid #eeeeee;
  display: block;
  position: relative;
  padding: 18px 0px 18px 32px;
  font-size: 14px;
}

.main-content .docs-block .left-side .notarization-lists ul li:last-child {
  border-bottom: 0px;
}

.main-content .docs-block .left-side .notarization-lists ul li:last-child:after {
  content: none;
}

.main-content .docs-block .left-side .notarization-lists ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 16px;
  margin: auto;
  width: 20px;
  height: 24px;
  background: url(../img/doc.svg) no-repeat;
}

.main-content .docs-block .left-side .notarization-lists ul li:after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -1px;
  width: 50px;
  border-bottom: 1px solid #eeeeee;
}

.main-content .docs-block .left-side .notarization-lists ul li.active {
  color: #374151;
}

.main-content .docs-block .left-side .notarization-lists ul li.active:before {
  background: #3cdb8f;
  background-image: url(../img/smallchecked.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}

.main-content .docs-block .left-side .notarization-lists ul li.active.select1:before {
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 3px solid #335eea;
  width: 19px;
  height: 19px;
}

.main-content .docs-block .left-side .notarization-lists ul li div {
  display: inline-block;
  position: relative;
  padding-right: 8px;
}

.main-content .docs-block .left-side .notarization-lists ul li div .checkedmark {
  width: 22px;
  height: 22px;
  border-radius: 50px;
  position: absolute;
  right: -35px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.main-content .docs-block .left-side .notarization-lists ul li div .checkedmark.active {
  background: #3cdb8f;
  background-image: url(../img/smallchecked.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.main-content .docs-block .center-sm-show .doc-fill {
  background: #f7f9ff;
  position: relative;
}

.main-content .docs-block .center-sm-show .doc-fill .tabs-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px;
  background: #fff;
}

.main-content .docs-block .center-sm-show .doc-fill .tabs-bar .dropdown .form-group {
  margin: 0px;
}

.main-content .docs-block .center-sm-show .doc-fill .tabs-bar .dropdown .form-group .select {
  width: 200px;
  margin: 0px;
}

.main-content .docs-block .center-sm-show .doc-fill .ms-word {
  padding: 20px 20px 30px;
}

.main-content .docs-block .right-side {
  position: relative;
  height: calc(100vh - 100px);
  overflow: hidden;
}

.main-content .docs-block .right-side .right-sm {
  position: relative;
  z-index: 100;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.main-content .docs-block .right-side .right-sm::-webkit-scrollbar {
  display: none !important;
}

.main-content .docs-block .right-side .right-sm .edit-review .card {
  padding: 28px 20px;
  text-align: center;
  border-radius: 5px;
}

.main-content .docs-block .right-side .right-sm .edit-review .card h6 {
  font-size: 18px;
  color: #2c2c2d;
  font-weight: 700;
}

.main-content .docs-block .right-side .right-sm .edit-review .card p {
  font-size: 16px;
  color: #5e5e7a;
  line-height: 170%;
}

.main-content .docs-block .right-side .right-sm .edit-review .card small {
  font-size: 14px;
  color: #2c2c2d;
  font-weight: 500;
}

.main-content .docs-block .right-side .right-sm .edit-review .card small a {
  color: #335eea;
  text-decoration: underline;
}

.main-content .docs-block .right-side .right-sm .tools-card {
  margin-top: 30px;
}

.main-content .docs-block .right-side .right-sm .tools-card .card {
  border-radius: 5px;
  padding: 20px 15px;
  height: 100%;
}

.main-content .docs-block .right-side .right-sm .tools-card .card h6 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}

.main-content .docs-block .right-side .right-sm .tools-card .card ul li {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f7ff;
  padding: 10px 15px;
  font-size: 16px;
  color: #374151;
  border-radius: 5px;
  margin: 15px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-content .docs-block .right-side .right-sm .tools-card .card ul li:first-child {
  margin-top: 0px;
}

.main-content .docs-block .right-side .right-sm .tools-card .card ul li:last-child {
  margin-bottom: 0px;
}

.main-content .docs-block .right-side .right-sm .tools-card .card ul li .icon {
  margin-right: 15px;
}

.main-content .docs-block .right-side .right-sm .tools-card .card ul li span:not(.icon) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-content .docs-block .docs-right .right-side .right-sm {
  overflow: auto;
  height: 100%;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.main-content .docs-block .docs-right .right-side .right-sm::-webkit-scrollbar {
  display: none !important;
}

.main-content .docs-block .pencil-icon {
  background: #335eea;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  -webkit-box-shadow: 0px 10px 30px rgba(51, 94, 234, 0.2);
          box-shadow: 0px 10px 30px rgba(51, 94, 234, 0.2);
  position: absolute;
  bottom: 0px;
  right: 350px;
  z-index: 1000;
  cursor: pointer;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .docs-block .signer-icon {
  background: #335eea;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  -webkit-box-shadow: 0px 10px 30px rgba(51, 94, 234, 0.2);
          box-shadow: 0px 10px 30px rgba(51, 94, 234, 0.2);
  position: absolute;
  bottom: 0px;
  left: 350px;
  z-index: 1000;
  cursor: pointer;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-content .verify .add-bg-white {
  position: relative;
  padding-left: 70px;
  margin-top: -138px;
  z-index: 100;
  height: auto;
}

.main-content .verify .add-bg-white::after {
  content: "";
  background: #fff;
  height: 100vh;
  z-index: -10;
  position: fixed;
  top: 0px;
  right: -500px;
  width: 84%;
}

.main-content .verify .add-bg-white .verify-block .top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: white;
  z-index: 10;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete {
  position: relative;
  z-index: 1000;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li {
  width: 32px;
  height: 32px;
  background: #e5efff;
  border-radius: 50px;
  display: inline-block;
  margin: 0px 30px;
  position: relative;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li.active {
  background: #3cdb8f;
  position: relative;
  background-image: url(../img/checked.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  background-size: 15px;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li:first-child {
  margin-left: 0px;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li:last-child {
  margin-right: 0px;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li:last-child span {
  display: none;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li span {
  width: 70px;
  height: 2px;
  background: #e5efff;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 30px;
  bottom: 0px;
  margin: auto;
  z-index: -1;
}

.main-content .verify .add-bg-white .verify-block .top-header .check-complete ul li span.active {
  background: #3cdb8f;
}

.main-content .verify .add-bg-white .verify-block .top-header form {
  width: 100%;
}

.main-content .verify .add-bg-white .verify-block .top-header form .form-group {
  margin-left: 20px !important;
}

.main-content .verify .add-bg-white .verify-block .top-header .btn-next {
  margin-top: 0px;
}

.main-content .verify .add-bg-white .verify-block .btn-next {
  margin-top: 20px;
}

.main-content .verify .add-bg-white .verify-block .title-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0px 10px;
  margin-bottom: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  background: white;
  z-index: 1000;
}

.main-content .verify .add-bg-white .verify-block .title-fixed .left-title {
  margin-right: 50px;
}

.main-content .verify .add-bg-white .verify-block .title-fixed .left-title h3 {
  font-size: 20px;
}

.main-content .verify .add-bg-white .verify-block .title-fixed .left-title p {
  font-size: 13px;
  margin: 0px;
}

.main-content .verify .add-bg-white .verify-block .title-fixed .btn-right {
  text-align: right;
}

.main-content .verify .add-bg-white .verify-block .fill-form form {
  margin-top: 10px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .form-row p {
  font-weight: 500;
  font-size: 14px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group p {
  font-weight: 500;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group label {
  position: relative;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon {
  position: absolute;
  top: -3px;
  left: 104px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon button {
  background: transparent;
  outline: none;
  border: 0px;
  cursor: pointer;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon button img {
  width: 16px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon button:hover::after .info-text {
  display: block;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon .info-text {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
  padding: 20px;
  width: 360px;
  position: absolute;
  left: 40px;
  top: 180%;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 10;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon .info-text.hoverstate {
  visibility: visible;
  top: 100%;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .info-icon .info-text p {
  margin: 0px;
  font-size: 13px;
  font-weight: 400;
  color: #2c2c2d;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select .options {
  top: 60px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select-input {
  position: relative;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select-input .select {
  position: absolute;
  width: 12%;
  background: transparent;
  border: none;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select-input .select .styledSelect {
  background: transparent;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select-input .select:after {
  content: "";
  top: 0px;
  bottom: 0px;
  right: -6px;
  position: absolute;
  margin: auto;
  height: 24px;
  width: 2px;
  background: #b0b8d0;
  opacity: 0.5;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row .form-group .select-input .form-control {
  padding-left: 95px;
}

.main-content .verify .add-bg-white .verify-block .fill-form form .row:last-child .select .options {
  top: -145px;
}

.main-content .verify .add-bg-white .verify-block .time-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-content .verify .add-bg-white .verify-block .time-btn .time-remaining {
  padding-right: 50px;
  margin-right: 10px;
  position: relative;
}

.main-content .verify .add-bg-white .verify-block .interNetBox {
  background-color: #ecf0ff;
  text-align: center;
  position: relative;
  padding: 40px 20px;
  border-radius: 5px;
}

.main-content .verify .add-bg-white .verify-block .interNetBox .interNet {
  width: 150px;
}

.main-content .verify .add-bg-white .verify-block .figure .figBox {
  border-radius: 5px;
  position: relative;
}

.main-content .verify .add-bg-white .verify-block .figure .figBox .cam-mic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 22px;
}

.main-content .verify .add-bg-white .verify-block .figure .figBox .cam-mic a {
  width: 54px;
  height: 54px;
  background: rgba(44, 44, 45, 0.8);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 4px;
}

.main-content .verify .add-bg-white .verify-block .figure .figBox .cam-mic a:hover {
  background: #2c2c2d;
}

.main-content .verify .add-bg-white .verify-block .figure .figure-caption {
  margin-top: 20px;
  color: #374151;
}

.main-content .verify .add-bg-white .verify-block .proper-middle {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
  margin-left: 20px;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group {
  display: block;
  margin-bottom: 20px;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group label {
  position: relative;
  cursor: pointer;
  color: #2c2c2d;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0px;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b0b8d0;
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 2px;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .form-group input:checked + label:before {
  background: #335eea;
  border-radius: 2px;
  border: 1px solid #335eea;
}

.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .btn.disabled,
.main-content .verify .add-bg-white .verify-block .proper-middle .checkmark .btn:disabled {
  opacity: 0.35;
}

.main-content .verify .add-bg-white .verify-block .connect-radio-title {
  margin-top: 20px;
}

.main-content .verify .add-bg-white .verify-block .connect-radio-title span {
  margin: 0px 8px;
}

.main-content .verify .add-bg-white .verify-block .connect-radio-title span:first-child {
  margin-left: 0px;
}

.main-content .verify .add-bg-white .verify-block .connect-radio-title .addbold {
  color: #374151;
  font-weight: 700;
  font-size: 14px;
}

.main-content .verify .add-bg-white .verify-block .connect-radio-title span:not(.addbold) {
  font-weight: 500;
  font-size: 14px;
}

.main-content .verify .add-bg-white .verify-block .photoupload {
  background: #f9faff;
  border-radius: 5px;
  padding-top: 8px;
  margin-bottom: 50px;
}

.main-content .verify .add-bg-white .verify-block .photoupload.remove-bg {
  background: #fff;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-header {
  display: block;
  position: relative;
  text-align: center;
  background: transparent !important;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-header .check-complete {
  display: inline-block;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-header .btn-next {
  position: absolute;
  right: 20px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-header .btn-back {
  position: absolute;
  left: 20px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body {
  text-align: center;
  min-height: 74vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 20px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align h6 {
  font-size: 15px;
  font-weight: 500;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
  margin-top: 17px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align a {
  font-weight: 600;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align .photo-id {
  border-radius: 5px;
  margin: 30px 0px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align .drawsignature {
  width: 100%;
  height: 100%;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align .uploaded-box {
  border: 1px solid #d2d7e7;
  width: 100%;
  padding: 60px;
}

.main-content .verify .add-bg-white .verify-block .photoupload .photo-body .vertical-align .preloader h3 {
  font-size: 20px;
  margin: 10px 0px;
}

.main-content .verify .add-bg-white .verify-block .radio-custom {
  margin-top: 20px;
}

.main-content .verify .add-bg-white .verify-block .radio-custom .radio {
  display: block;
  background: #fff;
  position: relative;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #d2d7e7;
}

.main-content .verify .add-bg-white .verify-block .radio-custom .radio .radio-icon {
  position: absolute;
  left: 10px;
  top: 10px;
}

.main-content .verify .add-bg-white .verify-block .radio-custom .radio .radio-icon label {
  font-size: 15px !important;
}

.main-content .verify .add-bg-white .verify-block .radio-custom .radio .font-increase {
  font-size: 26px;
  font-weight: bold;
}

.main-content #sig-canvas {
  cursor: crosshair;
  border: 1px solid #ccc;
}

.main-content .radio {
  margin: 0px 0px 15px;
}

.main-content .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.main-content .radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #5e5e7a;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.main-content .radio input[type="radio"]:checked + .radio-label:before {
  background-color: #335eea;
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
  border-color: #335eea;
}

.main-content .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #335eea;
}

.main-content .radio input[type="radio"]:disabled + .radio-label:before {
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
  border-color: #bfbfbf;
  background: #bfbfbf;
}

.main-content .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.main-content .radio label {
  color: #374151;
  margin: 0px;
  font-weight: 500;
}

.main-content .tools-card .card .dropdown .sel_wrap {
  z-index: 1;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.main-content .tools-card .card .dropdown .sel_wrap button {
  word-break: break-all;
  overflow: visible;
  border: 0px;
  outline: none;
  background: transparent;
  cursor: pointer;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_btn {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px 0px 36px;
  background-color: #fff;
  color: #374151;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b0b8d0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_btn:after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #d2d7e7;
  content: "";
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_btn span {
  position: relative;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_btn span:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  left: -18px;
  bottom: 0px;
  margin: auto;
  border-radius: 1px;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_lst {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  max-height: 150px;
  border: 1px solid #b0b8d0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_lst li {
  background: transparent !important;
  margin: 0px !important;
  padding: 0px !important;
  border-radius: 0px !important;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_lst li a {
  display: block;
  padding: 10px 15px 10px 32px;
  font-size: 14px;
  color: #374151;
  width: 100%;
  font-weight: 500;
  position: relative;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_lst li a:hover {
  background-color: #335eea;
  color: #fff;
}

.main-content .tools-card .card .dropdown .sel_wrap .sel_lst li a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 0px;
  left: 12px;
  bottom: 0px;
  margin: auto;
  border-radius: 1px;
}

.main-content .signer-block {
  z-index: 10;
}

.main-content .signer-block .card {
  border-radius: 5px;
  height: calc(100vh - 100px);
  overflow-y: scroll;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.main-content .signer-block .card::-webkit-scrollbar {
  display: none !important;
}

.main-content .signer-block .card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px 10px;
  border-bottom: 1px solid #eeeeee;
  background: #fff;
}

.main-content .signer-block .card .card-header h6 {
  margin: 0px;
  font-size: 14px;
  color: #5e5e7a;
}

.main-content .signer-block .card .card-header .btn {
  padding: 8px 20px;
}

.main-content .signer-block .card .card-body {
  padding: 0px 15px;
}

.main-content .signer-block .card .card-body .signerlist {
  margin-top: 8px;
}

.main-content .signer-block .card .card-body .signerlist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 0px 10px 18px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.main-content .signer-block .card .card-body .signerlist li:last-child {
  border-bottom: 0px;
}

.main-content .signer-block .card .card-body .signerlist li.disabled {
  color: rgba(44, 44, 45, 0.4);
}

.main-content .signer-block .card .card-body .signerlist li span {
  position: absolute;
}

.main-content .signer-block .card .card-body .signerlist li span:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 1px;
  left: -18px;
  bottom: 0px;
  margin: auto;
  border-radius: 1px;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button img {
  width: 16px;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button:last-child {
  padding-left: 0px;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button span {
  position: absolute;
  top: -34px;
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
  padding: 8px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
  display: none;
  font-size: 12px;
  font-weight: 500;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button.identity:hover span {
  display: block;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button.signercontrol:hover span {
  display: block;
}

.main-content .signer-block .card .card-body .signerlist li .hoverbox button.offline:hover div {
  display: block;
}

.main-content .signer-block .card .card-body .signerlist li .hovershow {
  background: #fff;
  -webkit-box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 4px 24px rgba(187, 187, 187, 0.25);
  border-radius: 5px;
  font-size: 16px;
  position: absolute;
  padding: 10px 20px;
  z-index: 10;
  display: none;
}

.main-content .signer-block .card .card-body .signerlist li .identity {
  top: -40px;
  right: -96px;
}

.main-content .signer-block .card .card-body .signerlist li .signer {
  top: -40px;
  right: -174px;
}

.main-content .owl-theme {
  margin: 30px 0px;
}

.main-content .owl-theme .item .figure {
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.main-content .owl-theme .item .figure span,
.main-content .owl-theme .item .figure figcaption {
  position: absolute;
}

.main-content .owl-theme .item .figure span {
  font-size: 9px;
  padding: 8px 12px;
  right: 0px;
}

.main-content .owl-theme .item .figure figcaption {
  bottom: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 4px;
}

.main-content .owl-theme .item .figure figcaption div {
  background: rgba(44, 44, 45, 0.8);
  width: 100%;
  padding: 2px;
}

.main-content .owl-theme .item .figure figcaption div h6 {
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  margin: 5px 0;
  display: block;
}

.main-content .owl-theme .item .figure figcaption div small {
  font-size: 9px;
  margin: 0px;
  display: block;
  margin: 2px 0;
  font-weight: 600;
}

.main-content .owl-theme .owl-nav {
  position: absolute;
  top: 38px;
  bottom: 0px;
  margin: auto;
  width: 100%;
  z-index: -10;
}

.main-content .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 0px;
  bottom: 30px;
  left: -50px;
  width: 35px;
  height: 35px;
  background: #335eea;
  color: #fff;
  border-radius: 50px;
}

.main-content .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 0px;
  bottom: 30px;
  right: -50px;
  width: 35px;
  height: 35px;
  background: #335eea;
  color: #fff;
  border-radius: 50px;
}

.main-content .owl-theme .owl-dots {
  display: none !important;
}

.main-content .tools-block {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.main-content .tools-block .tools-card .card {
  overflow: auto;
  height: 100%;
}

.main-content .tools-block .tools-card .type-notary {
  margin-bottom: 15px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eeeeee;
}

.main-content .tools-block .tools-card .type-notary h6 {
  color: #5e5e7a;
  font-size: 14px !important;
}

.main-content .tools-block .tools-card .type-notary form .form-row .form-group label {
  font-size: 13px;
}

.main-content .tools-block .tools-card .type-notary form .form-row .form-group .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .tools-block .tools-card .type-notary form .form-row .form-group .radio {
  margin-bottom: 6px;
  margin-right: 22px;
}

.main-content .tools-block .tools-card .type-notary form .form-row .form-group .radio:last-child {
  margin-right: 0px;
}

.main-content .tools-block .tools-card .type-notary form .form-row .form-group .radio input[type="radio"] + .radio-label:before {
  width: 15px;
  height: 15px;
  margin-right: 6px;
}

.main-content .tools-block .right-sm {
  overflow: auto;
  width: 100%;
  height: 100%;
}

.main-content .form-group {
  margin-bottom: 0px;
}

.main-content .form-group .form-control {
  margin-bottom: 1rem;
}

.main-content .form-group .select {
  margin-bottom: 1rem;
}

.main-content.off-footer {
  min-height: calc(100vh - 100px);
}

.main-content.off-footer .get-started .right-side:before {
  height: 100vh;
}

.main-content.off-footer .get-started .right-side:after {
  height: 100vh;
}

/**Youtube Custom**/
.video-wrapper {
  background: #fff;
  padding: 20px;
  height: 280px;
  margin-left: 40px;
}

.video-wrapper iframe {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

/**Modal View**/
.modalview .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #b0b8d0;
  text-align: center;
  position: relative;
  padding: 1rem 1rem 1.5rem;
}

.modalview .modal-dialog .modal-content .modal-header .modal-title {
  display: block;
  margin: auto;
  font-size: 19px;
}

.modalview .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.modalview .modal-dialog .modal-content .modal-body .card {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modalview .modal-dialog .modal-content .modal-body .card div h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #2c2c2d;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modalview .modal-dialog .modal-content .modal-body .card div h6 span {
  font-size: 11px;
  border-radius: 50px;
  padding: 8px 13px;
  font-weight: 400;
}

.modalview .modal-dialog .modal-content .modal-body .card .completed-sign h6 {
  font-weight: 600;
}

.modalview .modal-dialog .modal-content .modal-body .card .completed-sign h6 span {
  background: #335eea;
  color: #fff;
}

.modalview .modal-dialog .modal-content .modal-body .card .additional h6 {
  font-weight: 500;
}

.modalview .modal-dialog .modal-content .modal-body .card .additional h6 span {
  background: #7e1bfd;
  color: #fff;
}

.modalview .modal-dialog .modal-content .modal-body .card .witness h6 {
  font-weight: 500;
}

.modalview .modal-dialog .modal-content .modal-body .card .witness h6 span {
  background: #039a6d;
  color: #fff;
}

.modalview .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #b0b8d0;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table thead tr th {
  border: none;
  color: #5e5e7a;
  font-weight: 400;
  font-size: 13px;
  width: 20%;
  padding: 0px 0px 10px;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table thead tr th:first-child {
  width: 65%;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table tbody tr td {
  border: none;
  font-weight: 500;
  font-size: 13px;
  color: #2c2c2d;
  vertical-align: middle;
  line-height: 32px;
  padding: 0px;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table tbody tr td.unsigned, .modalview .modal-dialog .modal-content .modal-footer .table-responsive .table tbody tr td.completed {
  padding-left: 12px;
  margin-left: 12px;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table tbody tr td a {
  padding: 5px 20px;
}

.modalview .modal-dialog .modal-content .modal-footer .table-responsive .table tbody tr td::before {
  left: -13px;
}

/**Modal**/
.modal .modal-dialog .modal-content {
  border: none;
}

.modal .modal-dialog .modal-content .modal-header button {
  opacity: 1;
}

.modal .modal-dialog .modal-content .modal-header button img {
  width: 20px;
}

.paycredit {
  padding: 0px !important;
}

.paycredit .modal-dialog .modal-content {
  padding: 30px;
}

.paycredit .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 20px 20px;
}

.paycredit .modal-dialog .modal-content .modal-header h5 {
  font-size: 20px;
}

.paycredit .modal-dialog .modal-content .modal-header button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.paycredit .modal-dialog .modal-content .modal-body {
  padding: 10px 20px;
}

.paycredit .modal-dialog .modal-content .modal-body form label {
  font-size: 13px;
  font-weight: 500;
  color: #5e5e7a;
}

.paycredit .modal-dialog .modal-content .modal-body form .form-group {
  margin-bottom: 12px;
}

.paycredit .modal-dialog .modal-content .modal-body form input::-webkit-input-placeholder {
  /* Edge */
  color: #c4c4c4;
  font-weight: 400;
  font-size: 17px;
}

.paycredit .modal-dialog .modal-content .modal-body form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c4c4c4;
  font-weight: 400;
  font-size: 17px;
}

.paycredit .modal-dialog .modal-content .modal-body form input::-ms-input-placeholder {
  color: #c4c4c4;
  font-weight: 400;
  font-size: 15px;
}

.paycredit .modal-dialog .modal-content .modal-body form input::placeholder {
  color: #c4c4c4;
  font-weight: 400;
  font-size: 15px;
}

.paycredit .modal-dialog .modal-content .modal-footer {
  border: none;
  margin-right: auto;
  padding: 4px 15px 10px;
}

.docs-modal .modal-dialog .modal-content {
  padding-top: 18px;
}

.docs-modal .modal-dialog .modal-content .modal-header {
  padding: 0px 20px 8px;
}

.docs-modal .modal-dialog .modal-content .modal-body {
  text-align: center;
}

.docs-modal .modal-dialog .modal-content .modal-body h6 {
  font-size: 15px;
}

.docs-modal .modal-dialog .modal-content .modal-body small {
  font-size: 11px;
  color: #5e5e7a;
}

.docs-modal .modal-dialog .modal-content .modal-footer {
  display: block !important;
}

.docs-modal .modal-dialog .modal-content .modal-footer .btn {
  margin: 8px 0px !important;
  display: inline-block !important;
  width: 100%;
}

.signermodal .modal-dialog .modal-content .modal-header {
  position: relative;
  text-align: center;
  padding: 20px 15px;
}

.signermodal .modal-dialog .modal-content .modal-header h6 {
  display: block;
  margin: auto;
  font-weight: 700;
  font-size: 18px;
}

.signermodal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  padding: 0rem 1rem;
}

.signermodal .modal-dialog .modal-content .modal-body {
  padding: 2.25rem 1rem 2.25rem;
}

.signermodal .modal-dialog .modal-content .modal-body form .form-group .delete-icon {
  background: transparent;
  outline: none;
  border: none;
  margin-left: 15px;
  cursor: pointer;
}

.signermodal .modal-dialog .modal-content .modal-footer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: unset;
}

.signermodal .modal-dialog .modal-content .modal-footer .btn-group .btn-blue-outline {
  margin-right: 15px !important;
}

.modal-backdrop {
  opacity: 0.2 !important;
}

/**Footer**/
footer .first-footer {
  background: #1f263a;
  padding: 30px 0px;
}

footer .first-footer .footer-card a {
  display: block;
  margin-top: 10px;
  margin-bottom: 23px;
}

footer .first-footer .footer-card p {
  margin: 0px;
  color: #869abd;
  font-weight: 500;
  font-size: 12px;
}

footer .first-footer .quick-link {
  padding-left: 50px;
}

footer .first-footer h6 {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 28px;
  margin-bottom: 25px;
}

footer .first-footer ul li {
  display: block;
  color: #869abd;
  font-weight: 500;
  font-size: 12px;
  margin: 8px 0px;
}

footer .first-footer ul li a {
  color: #869abd;
  font-weight: 500;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

footer .first-footer ul li a:hover {
  color: #335eea;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

footer .second-footer {
  background: #040404;
  text-align: center;
}

footer .second-footer p {
  color: #fff;
  font-size: 11px;
  padding: 6px 0px;
  font-weight: 400;
  margin: 0px;
}

.card_block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
  padding: 1rem;
}

.card_block .status_complete {
  margin-right: 15px;
  position: relative;
  font-weight: bold;
}

.card_block .status_complete .completed {
  padding-left: 20px;
  font-weight: normal;
}

.card_block .status_date span {
  font-weight: normal;
}

.payBtn {
  background: #335eea;
  padding: 5px 10px;
  color: #fff !important;
  border-radius: 5px;
}

.assign_agent {
  font-weight: normal;
  width: 120px;
  display: inline-block;
}

.notarization-lists .panel {
  position: relative;
}

.notarization-lists .panel a {
  font-weight: 500;
  display: inline-block;
  width: 100%;
}

.notarization-lists .panel ul li {
  padding: 12px 0 12px 20px !important;
}

.notarization-lists .panel ul li::before {
  background: #b0b8d0 !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  top: 17px !important;
}

.notarization-lists .panel ul li::after {
  display: none;
}

.notarization-lists .panel ul li a::after {
  display: none;
}

.notarization-lists .panel ul li.active::before {
  background: #335eea !important;
}

.notarization-lists .panel ul li.active.activeDone::before {
  background: #3cdb8f !important;
}

.notarization-lists .panel ul li.active a {
  color: #335eea;
}

.outOfnumber span {
  color: #335eea;
}

.btn-red-fill {
  background: #ff2525 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ff2525;
  border-radius: 5px !important;
  padding: 12px 28px;
}

.faqSec button {
  padding: 0;
  text-decoration: none !important;
  color: #002b68;
}

.ring-1 {
  width: 60px;
  height: 60px;
  padding: 10px;
  border: 7px dashed #335eea;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

.ring-1 {
  -webkit-animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
          animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

@-webkit-keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.figBox2 {
  border-radius: 5px;
  position: relative;
}

.figBox2 .cam-mic2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 22px;
}

.figBox2 .cam-mic2 a {
  width: 54px;
  height: 54px;
  background: rgba(44, 44, 45, 0.8);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 4px;
}

.figBox2 .cam-mic2 a:hover {
  background: #2c2c2d;
}

.floatRight {
  float: right;
}

.nextRight {
  position: relative;
  margin-right: -50px;
}

.head-icon img {
  width: 80px;
}

.load-3 {
  padding: 20px 0;
}

.line {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #335eea;
  margin: 0 2px;
}

.load-3 .line:nth-last-child(1) {
  -webkit-animation: loadingC 0.6s 0.1s linear infinite;
          animation: loadingC 0.6s 0.1s linear infinite;
}

.load-3 .line:nth-last-child(2) {
  -webkit-animation: loadingC 0.6s 0.2s linear infinite;
          animation: loadingC 0.6s 0.2s linear infinite;
}

.load-3 .line:nth-last-child(3) {
  -webkit-animation: loadingC 0.6s 0.3s linear infinite;
          animation: loadingC 0.6s 0.3s linear infinite;
}

@-webkit-keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.flexArea {
  width: 100%;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.bold_fnt {
  font-weight: bold;
  position: relative;
}

.bold_fnt::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  background-color: #335eea;
  content: "";
}

.selectDorp {
  position: relative;
  left: 45px;
}

#sidebar2 {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 310px;
  height: calc(100vh - 0px);
  background: #fff;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: 111;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 10px;
  display: none;
}

#sidebar2.active {
  display: block;
}

.toggle-btn2 {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
  cursor: pointer;
}

.toggle-btn2.rightIcon {
  left: 270px !important;
  top: 30px;
}

.toggle-btn2 span {
  display: block;
  width: 30px;
  height: 5px;
  background: #151719;
  margin: 5px 0px;
  cursor: pointer;
}

#sidebar2 div.list div.item {
  padding: 20px 0;
  color: #a3a3a3;
  font-size: 16px;
}

#sidebar2 div.list div.item.activeLInk a {
  color: #335eea;
  background: url(../img/Document1.svg) no-repeat left;
}

#sidebar2 div.list div.item a {
  padding: 0 0;
  color: #a3a3a3;
  font-weight: 500;
  text-decoration: none;
  background: url(../img/Document.svg) no-repeat left;
  padding-left: 30px;
  display: inline-block;
  width: 100%;
}

.span-left-gap {
  position: relative;
  padding-left: 40px;
}

#sidebar2 h2 {
  position: relative;
  top: 5px;
  font-weight: bold;
  font-size: 24px;
  line-height: 135.2%;
  text-transform: capitalize;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  color: #374151;
}

@media only screen and (max-width: 767px) {
  #sidebar2 {
    height: auto;
    width: 290px;
  }
  .toggle-btn2.rightIcon {
    left: 250px !important;
  }
}

.add-signer .modal-header h6 {
  margin: inherit !important;
}

.add-signer .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.modalNew .modal-content {
  background: #ffffff;
  border-radius: 10px;
  padding: 40px;
}

.modalNew .modal-content .modal-header {
  padding: 0 0 15px;
  border-bottom: none;
}

.modalNew .modal-content .modal-header h4 {
  font-size: 18px;
  margin: inherit !important;
  color: #161c2d;
}

.modalNew .modal-content .modal-body {
  padding: 20px 0;
}

.modalNew .modal-content .modal-body .card {
  background: #f7f9ff;
  border-radius: 5px;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modalNew .modal-content .modal-body .card h6 {
  font-size: 16px;
  line-height: 20px;
  color: #869abd;
}

.modalNew .modal-content .modal-body .card p {
  color: #161c2d;
  font-size: 16px;
  line-height: 20px;
}

.modalNew .modal-content .modal-footer {
  padding: 20px 0 0;
}

.modallg {
  max-width: 660px;
}

.table-design {
  padding: 30px 0 0 0;
}

.table-design .table th {
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
  color: #869abd;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
}

.table-design .table .completed {
  padding-left: 15px;
  margin-left: 0;
}

.table-design .table td {
  border: none;
  padding: 10px 0;
  font-weight: 500;
}

.table-design .table td a {
  color: #335eea;
  font-size: 16px;
  font-weight: 500;
}

.ddr_top-nan {
  border-top: none;
}

.width-auto {
  width: auto !important;
}

.docs-modal .modal-dialog .modal-content .modal-footer .btn.addanother {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.docs-modal .modal-dialog .modal-content .modal-footer .btn.addanother svg {
  margin-right: 10px;
  position: relative;
}

.cardIcon {
  background: url(../img/card_icon.svg) no-repeat 15px;
  padding-left: 60px;
}

.total-payment {
  border-top: 1px solid #e2e3e6;
  border-bottom: 1px solid #e2e3e6;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.total-payment span {
  font-weight: 500;
  color: #323c47;
  font-size: 16px;
}

.by-change p {
  color: #5e5e7a;
  font-size: 14px;
  font-weight: normal;
}

.by-change p a {
  color: #335eea;
}

.border-top2 {
  position: relative;
  padding-top: 35px;
}

.border-top2::after {
  position: absolute;
  left: -15px;
  right: -15px;
  top: 0;
  content: "";
  height: 1px;
  background: #eeeeee;
}

.paper-copy h3 {
  color: #161c2d;
  font-weight: bold;
  font-size: 18px;
}

.paper-copy h3 a {
  color: #335eea;
}

.paper-copy p {
  font-size: 18px;
  line-height: 158.9%;
  color: #374151;
}

.fieldInput {
  border: 1px solid #d2d7e7;
  border-radius: 4px;
  padding: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 320px;
  margin: 15px 0 0 0;
}

.fieldInput .input-group .input-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
}

.fieldInput .input-group .input-group-btn .btn {
  padding: 0;
  background: transparent;
  border: none;
  border-right: 2px solid #d2d7e7;
  border-radius: 0;
  color: #374151;
  font-weight: 500;
  padding-right: 10px;
  padding-left: 10px;
}

.fieldInput .input-group .input-group-btn .btn .dropdown-toggle::after {
  border-right: 0.3em solid #c4c4c4;
  border-left: 0.3em solid #c4c4c4;
}

.fieldInput .input-group .input-group-btn :focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fieldInput .input-group .input-group-btn .form-control {
  border: none;
  color: #374151 !important;
  font-size: 18px !important;
  font-weight: 500;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: auto !important;
  padding: 0 10px;
}

.fieldInput .input-group .input-group-btn .form-control :focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fieldInput .input-group .input-group-btn ul {
  min-width: 80px;
}

.fieldInput .input-group .input-group-btn ul li {
  width: 100%;
}

.fieldInput .input-group .input-group-btn ul li a {
  padding: 10px !important;
}

.cardHolder sup {
  color: #ff2525;
  font-weight: 600;
  font-size: 16px;
}

.photo-header .form-control:disabled,
.photo-header .form-control[readonly] {
  border: 1px solid #d2d7e7;
  background-color: #f9faff;
  color: rgba(134, 154, 189, 0.4) !important;
}

.min-ht-0 {
  min-height: auto !important;
}

.fill-color {
  color: #335eea;
}

.by-using {
  border: 1px solid #335eea;
  border-radius: 10px;
  padding: 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 158.9%;
  color: #161c2d;
  margin-bottom: 35px;
  margin-top: 20px;
}

.designTab .nav.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: none;
}

.designTab .nav.nav-tabs li {
  margin: 0 20px;
}

.designTab .nav.nav-tabs li a {
  font-weight: bold;
  font-size: 18px;
  color: #2c2c2d;
  border: none !important;
  background: transparent !important;
}

.designTab .nav.nav-tabs li a.active {
  background: #335eea !important;
  border-radius: 30px;
  color: #fff !important;
}

.designTab .tab-content {
  padding: 50px 0;
}

.priceBox {
  width: 450px;
}

.designTab .nav.nav-tabs li:nth-child(3) a.active {
  background: #ffc52f !important;
}

.btn-yellow {
  background: #ffc52f !important;
  border: 1px solid #ffc52f !important;
}

.filIcon {
  position: relative;
  color: #335eea;
}

.filIcon:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #335eea transparent transparent transparent;
  position: absolute;
  top: 5px;
  right: -15px;
  bottom: 0px;
  margin: auto;
}

.newDrop2 {
  visibility: visible;
  opacity: 1;
  top: 100% !important;
  -webkit-transform: none !important;
  transform: none !important;
  left: 100px !important;
  width: 200px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 12.042px 24.084px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 12.042px 24.084px rgba(187, 187, 187, 0.25);
  z-index: 100;
  border: none !important;
}

.newDrop2 li {
  position: relative;
  display: inline-block;
  z-index: 1;
  margin: 10px 0px;
  width: 100%;
}

.newDrop2 li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal !important;
}

.newDrop2 li a .icon {
  background: #f3f6ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  margin-right: 20px;
  width: 45px;
  height: 45px;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.newDrop2 li a .icon img {
  width: 20px;
}

.lineBtm {
  position: relative;
  margin-bottom: 50px;
}

.lineBtm::after {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  content: "";
  background: #335eea;
  width: 50px;
}

.forgotLink {
  color: #335eea;
}

.date-icon {
  background-image: url(../img/c-icon.svg);
  background-position: right 10px top 9px;
  background-repeat: no-repeat;
}

.textArea-hight {
  height: auto !important;
  min-height: 150px !important;
}

.btn-how {
  background: #ffffff;
  border-radius: 5px;
  padding: 10px 20px;
  color: #335eea;
  font-size: 18px;
}

.conectStar {
  background-color: #335eea;
}

.conectStar h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}

.conectStar p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}

.btn-yellow-fill {
  background: #ffcb45;
  color: #000;
}

.liveNotary h1 {
  font-size: 36px;
  letter-spacing: -0.02em;
  color: #161c2d;
  font-weight: bold;
}

.liveNotary h1 span {
  color: #335eea;
}

.liveNotary h6 {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #374151;
  position: relative;
  font-weight: normal;
  margin-bottom: 50px;
}

.liveNotary h6::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 2px;
  background: #335eea;
  width: 50px;
  content: "";
}

.liveNotary ul {
  margin: 0 0 0 0;
  padding: 0;
}

.liveNotary ul li {
  margin: 15px 0;
  font-size: 18px;
  line-height: 158.9%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  width: 100%;
  display: inline-block;
  color: #374151;
}

.liveNotary ul li a {
  color: #335eea;
  text-decoration: underline;
}

.liveNotary ul li img {
  position: relative;
  margin-right: 15px;
}

.contract_box {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 39px rgba(234, 234, 234, 0.25);
          box-shadow: 0px 4px 39px rgba(234, 234, 234, 0.25);
  border-radius: 5px;
  padding: 50px;
}

.contract_box h3 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contract_box h3 img {
  position: relative;
  margin-right: 15px;
}

.contract_box h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 20px;
}

.contract_box h5 span {
  color: #335eea;
}

.contract_box p {
  color: #343b4c;
  font-size: 14px;
}

.contract_box p a {
  color: #335eea;
}

.white-header {
  padding: 25px 0;
  background-color: #fff;
}

.dFlex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 600px;
}

.pb-60 {
  padding-bottom: 60px;
}

.thousand_business {
  padding: 60px 0;
  background-color: #fff;
}

.thousand_business .anyTimeBg {
  background: rgba(209, 220, 255, 0.2);
  border-radius: 5px;
  padding: 15px 25px;
  display: inline-block;
  letter-spacing: -0.01em;
  font-size: 18px;
  color: #335eea;
  font-weight: normal;
}

.thousand_business ul {
  margin: 40px 0px 40px;
}

.thousand_business ul li {
  position: relative;
  padding: 0px 25px;
}

.thousand_business ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #335eea;
  position: absolute;
  top: 0px;
  left: 8px;
  bottom: 0px;
  margin: auto;
  border-radius: 20px;
}

.thousand_business .videoplay_box iframe {
  width: 100%;
  height: 500px;
  border-radius: 20px;
}

.thousand_business .videoplay_box img {
  width: 100%;
  border-radius: 20px;
}

.tag_text {
  color: #374151;
  font-size: 18px;
  font-weight: 400;
}

.completeOnline {
  background: #fafbff url(../img/topPtn.svg) no-repeat left top;
  padding: 150px 0 60px;
}

.sliderLIne {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding-bottom: 50px;
}

.sliderLIne:before {
  position: absolute;
  left: 50%;
  top: -15px;
  height: 1px;
  background: #c0cfff;
  min-width: 500px;
  max-width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}

.sliderLIne:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 1px;
  background: #c0cfff;
  min-width: 500px;
  max-width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}

.lead-tstmnl-slider {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
}

.lead-tstmnl-slider .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.lead-tstmnl-slider .slick-dots li {
  list-style: outside none none;
  display: inline-block;
  cursor: pointer;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 0px 3px 0px 0px;
  background-color: #c0c0c0;
  position: relative;
}

.lead-tstmnl-slider .slick-dots li.slick-active {
  background-color: #335eea;
  width: 24px;
  border-radius: 5px;
}

.lead-tstmnl-slider .slick-arrow {
  position: absolute;
  background-color: transparent;
  width: 28px;
  height: 28px;
  font-size: 0;
  border-radius: 50%;
  border: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.lead-tstmnl-slider .slick-prev {
  left: 0;
  background-image: url(../img/left_1.png);
  background-position: center;
  background-repeat: no-repeat;
}

.lead-tstmnl-slider .slick-next {
  right: 0;
  background-image: url(../img/right_1.png);
  background-position: center;
  background-repeat: no-repeat;
}

.lead-tstmnl-slide {
  width: 100%;
  max-width: 1140px;
  height: 100%;
  padding: 30px 100px 30px 0;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lead-tstmnl-slide:focus {
  outline: none;
}

.lead-tstmnl-slide .lead-tstmnl-img {
  float: left;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(-10.26deg);
          transform: rotate(-10.26deg);
  background: #dee6ff;
  position: relative;
  z-index: 1;
  right: -100px;
  border-radius: 12px;
}

.lead-tstmnl-slide .lead-tstmnl-img img {
  width: 200px;
  height: 200px;
  border-radius: 12px;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}

.lead-tstmnl-text-cont {
  float: left;
  width: 82.8%;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0px 12.042px 24.084px rgba(187, 187, 187, 0.25);
          box-shadow: 0px 12.042px 24.084px rgba(187, 187, 187, 0.25);
  border-radius: 10px;
  padding: 50px 35px 50px 150px;
}

.lead-tstmnl-comment {
  float: left;
  display: block;
  width: 97.5%;
  position: relative;
  overflow: hidden;
  font-size: 18px;
  color: #374151;
  line-height: 24px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.lead-tstmnl-comment:after {
  position: absolute;
  width: 58px;
  height: 2px;
  background: #335eea;
  bottom: 0;
  left: 0;
  content: "";
}

.lead-tstmnl-nm-dsg {
  position: relative;
  bottom: 0;
  left: 0;
}

.lead-tstmnl-nm-dsg h4 {
  font-size: 24px;
  color: #161c2d;
  font-weight: 700;
}

.lead-tstmnl-nm-dsg h6 {
  color: #5e5e7a;
  font-size: 16px;
  font-weight: normal;
}

.slick-dots button {
  display: none;
}

@media only screen and (max-width: 767px) {
  .conectStar .px-5 {
    padding: 30px;
  }
  .pricinglists {
    padding-top: 30px;
  }
  .howwehelp {
    padding-top: 30px;
  }
  .title h2 {
    white-space: initial;
  }
  .main-content .custom-pricing .num .item .lists {
    min-height: auto;
  }
  .lead-tstmnl-slide {
    padding: 30px;
    max-width: 94.5vw;
    display: inline-block;
  }
  .lead-tstmnl-slide .lead-tstmnl-text-cont {
    padding: 20px;
    width: 100%;
  }
  .lead-tstmnl-slide .lead-tstmnl-text-cont {
    text-align: center;
  }
  .lead-tstmnl-comment:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .lead-tstmnl-slide .lead-tstmnl-img {
    right: initial;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    height: auto;
    background-color: transparent;
  }
  .lead-tstmnl-slide .lead-tstmnl-img img {
    width: 150px;
    height: 150px;
  }
  .conectStar h1 {
    font-size: 30px;
  }
}
/*# sourceMappingURL=style.css.map */