.block-three .text-block:after {
  content: "";
  width: 717px;
  aspect-ratio: 1;
  position: absolute;
  background-size: contain;
  background-image: url("/wp-content/themes/jotlink/assets/images/circle.png");
}
@media screen and (max-width: 1200px) {
  .block-three .text-block:after {
    width: 500px;
  }
}
@media screen and (max-width: 991.9px) {
  .block-three .text-block:after {
    width: 400px;
  }
}
@media screen and (max-width: 767.9px) {
  .block-three .text-block:after {
    width: 300px;
  }
}
@media screen and (max-width: 479.9px) {
  .block-three .text-block:after {
    width: 100%;
  }
}
.block-six {
  z-index: 1;
}
.block-six .white-card {
  width: 100%;
  max-width: 611px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .block-six .white-card {
    max-width: 100%;
  }
}
.block-six .white-card .elementor-widget-image {
  top: 0;
  bottom: 0;
}
.block-six .white-card .elementor-widget-image div {
  align-items: center;
  display: flex;
}
.block-six .white-card.with-shadow {
  box-shadow: -1.59px -1.59px 10.972px -1.908px #FFF, 3.498px 6.361px 19.623px -10.813px #7E68A9;
}
.block-six .white-card.card-one {
  max-width: 460px;
}
.block-six .white-card.card-two {
  max-width: 410px;
}
.block-six .white-card.card-three {
  max-width: 396px;
}
.block-six .white-card.white-card-2 {
  max-width: 600px;
}
.line-block {
  position: relative !important;
}
.line-block.first-line-block:before {
  content: "";
  height: 42px;
  border-radius: 26px;
  display: block !important;
  position: absolute;
  top: 18px;
  z-index: 0;
  pointer-events: none;
  width: 601px;
  background: linear-gradient(90deg, #FFF 21.61%, #7D4FFF 100%);
  right: 50%;
  left: auto;
  bottom: auto;
}
@media screen and (max-width: 1700px) {
  .line-block.first-line-block:before {
    width: 400px;
  }
}
@media screen and (max-width: 1500px) {
  .line-block.first-line-block:before {
    width: 300px;
  }
}
@media screen and (max-width: 1199.9px) {
  .line-block.first-line-block:before {
    width: 200px;
  }
}
.line-block.second-line-block:before {
  content: "";
  height: 42px;
  border-radius: 26px;
  display: block !important;
  position: absolute;
  top: 18px;
  z-index: 0;
  pointer-events: none;
  width: 376px;
  background: linear-gradient(90deg, #E2D9FC 0%, #E1A0E2 100%);
  right: 50%;
  left: auto;
  bottom: auto;
}
.line-block.third-line-block:before {
  content: "";
  height: 42px;
  border-radius: 26px;
  display: block !important;
  position: absolute;
  top: 18px;
  z-index: 0;
  pointer-events: none;
  width: 376px;
  background: linear-gradient(90deg, #E2D9FC 0%, #62D9FF 100%);
  right: 50%;
  left: auto;
  bottom: auto;
}
.line-block.fourth-line-block:before {
  content: "";
  height: 42px;
  border-radius: 26px;
  display: block !important;
  position: absolute;
  top: 18px;
  z-index: 0;
  pointer-events: none;
  width: 376px;
  background: linear-gradient(90deg, #E2D9FC 0%, #FF9A40 100%);
  right: 50%;
  left: auto;
  bottom: auto;
}
.line-block.fourth-line-block:after {
  content: "";
  height: 42px;
  width: 601px;
  border-radius: 26px;
  display: block;
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #FF9A40 0%, #FFF 100%);
  right: auto;
  bottom: auto;
}
@media screen and (max-width: 1700px) {
  .line-block.fourth-line-block:after {
    width: 400px;
  }
}
@media screen and (max-width: 1500px) {
  .line-block.fourth-line-block:after {
    width: 300px;
  }
}
@media screen and (max-width: 1199.9px) {
  .line-block.fourth-line-block:after {
    width: 100px;
  }
}
@media screen and (min-width: 1700px) {
  .el-one .elementor-widget-container {
    margin: 0px -120px -80px 40px !important;
  }
}
@media screen and (min-width: 1700px) {
  .el-two .elementor-widget-container {
    margin: -50px 80px -30px -300px !important;
  }
}
@media screen and (min-width: 1700px) {
  .el-three .elementor-widget-container {
    margin: 0px -350px 0px 80px !important;
  }
}
@media screen and (min-width: 1700px) {
  .el-four .elementor-widget-container {
    margin: 0px 40px 0px -150px !important;
  }
}
@media screen and (min-width: 1650px) {
  .bl-one {
    margin-left: 252px !important;
  }
}
@media screen and (min-width: 1650px) {
  .bl-two {
    margin-right: -8px !important;
  }
}
@media screen and (min-width: 1650px) {
  .bl-three {
    margin-left: 678px !important;
  }
}
@media screen and (min-width: 1700px) {
  .first-container {
    margin-left: -50px !important;
  }
}
@media screen and (min-width: 1900px) {
  .first-container {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 2000px) {
  .first-container {
    margin-left: 100px !important;
  }
}
@media screen and (min-width: 1700px) {
  .last-container {
    margin-right: -50px !important;
  }
}
@media screen and (min-width: 1900px) {
  .last-container {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 2000px) {
  .last-container {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 1599.9px) {
  .left-column-wrapper {
    position: relative;
    left: -50px;
  }
}
@media screen and (max-width: 1499.9px) {
  .left-column-wrapper {
    position: relative;
    left: -90px;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-wrapper {
    left: -65px;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-wrapper {
    left: -85px;
  }
}
@media screen and (max-width: 1200px) {
  .left-column-wrapper {
    left: 0;
  }
}
@media screen and (max-width: 1599.9px) {
  .right-column-wrapper {
    position: relative;
    right: -50px;
  }
}
@media screen and (max-width: 1399.9px) {
  .right-column-wrapper {
    right: -25px;
  }
}
@media screen and (max-width: 1399.9px) {
  .right-column-wrapper {
    right: -40px;
  }
}
@media screen and (max-width: 1200px) {
  .right-column-wrapper {
    right: 0;
  }
}
@media screen and (max-width: 1499.9px) {
  .left-column-block-one {
    width: 515px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-one {
    width: 470px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 766.9px) {
  .left-column-block-one {
    width: 300px !important;
    padding-bottom: 65px !important;
  }
}
@media screen and (max-width: 1499.9px) {
  .left-column-block-two {
    width: 440px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-two {
    width: 400px !important;
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 766.9px) {
  .left-column-block-two {
    width: 300px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 1499.9px) {
  .left-column-block-three {
    width: 490px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-three {
    width: 450px !important;
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 766.9px) {
  .left-column-block-three {
    width: 300px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 1499.9px) {
  .left-column-block-four {
    width: 335px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-four {
    width: 370px !important;
    padding-bottom: 115px !important;
  }
}
@media screen and (max-width: 766.9px) {
  .left-column-block-four {
    width: 300px !important;
    padding-bottom: 70px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-one-img {
    right: 0px !important;
    top: 55px !important;
  }
}
@media screen and (max-width: 1399.9px) {
  .left-column-block-two-img {
    right: -25px !important;
  }
}