#s-1020 {
  background: #f9f9f9;
  font-family: "Poppins", sans-serif;
  padding: 100px 0
}

#s-1020 .btn-hover {
  border-radius: 50px;
  height: 110%;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 110%;
  z-index: -1
}

#s-1020 .btn-hover-inner {
  display: block;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}

#s-1020 .d-hd-block {
  display: block !important
}

#s-1020 .img-box-2 {
  border-radius: 50%;
  border: 2px dashed #ffe4de;
  height: 558px;
  position: relative;
  width: 558px
}

#s-1020 .big-img {
  -webkit-box-shadow: rgba(17,17,26,.1) 0 4px 16px, rgba(17,17,26,.1) 0 8px 24px, rgba(17,17,26,.1) 0 16px 56px;
  box-shadow: rgba(17,17,26,.1) 0 4px 16px, rgba(17,17,26,.1) 0 8px 24px, rgba(17,17,26,.1) 0 16px 56px;
  left: -7px;
  max-width: calc(100% - 46px);
  position: absolute;
  top: -7px
}

#s-1020 .small-img {
  -webkit-box-shadow: rgba(0,0,0,.09) 0 2px 1px, rgba(0,0,0,.09) 0 4px 2px, rgba(0,0,0,.09) 0 8px 4px, rgba(0,0,0,.09) 0 16px 8px, rgba(0,0,0,.09) 0 32px 16px;
  bottom: 30px;
  box-shadow: rgba(0,0,0,.09) 0 2px 1px, rgba(0,0,0,.09) 0 4px 2px, rgba(0,0,0,.09) 0 8px 4px, rgba(0,0,0,.09) 0 16px 8px, rgba(0,0,0,.09) 0 32px 16px;
  height: 250px;
  position: absolute;
  right: 0;
  width: 250px
}

#s-1020 .img-box-2 img {
  border-radius: 50%
}

#s-1020 .part {
  -o-transition: transform .21s !important;
  -webkit-transform: translate3d(0,150%,0) scale(1.7);
  -webkit-transition: -webkit-transform .21s !important;
  background: #103741;
  border-color: #103741;
  border-radius: 100%;
  height: 100%;
  position: absolute;
  top: -5px;
  transform: translate3d(0,150%,0) scale(1.7);
  transition: -webkit-transform .21s !important;
  transition: transform .21s !important;
  transition: transform .21s, -webkit-transform .21s !important;
  width: 25%
}

#s-1020 .part:nth-child(1) {
  -o-transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
  left: 0;
  transition-delay: 0s !important
}

#s-1020 .part:nth-child(2) {
  -o-transition-delay: 70ms !important;
  -webkit-transition-delay: 70ms !important;
  left: 30%;
  transition-delay: 70ms !important
}

#s-1020 .part:nth-child(3) {
  -o-transition-delay: .14s !important;
  -webkit-transition-delay: .14s !important;
  left: 60%;
  transition-delay: .14s !important
}

#s-1020 .part:nth-child(4) {
  -o-transition-delay: .21s !important;
  -webkit-transition-delay: .21s !important;
  left: 90%;
  transition-delay: .21s !important
}

#s-1020 .rotate {
  -webkit-animation: rotateShape 10s linear infinite;
  animation: rotateShape 10s linear infinite
}

#s-1020 .shape-mockup {
  position: absolute
}

#s-1020 .shape-mockup-wrap {
  position: relative
}

#s-1020 .shapePulse {
  -webkit-animation: shapePluse 6s linear infinite;
  animation: shapePluse 6s linear infinite
}

#s-1020 .space {
  padding-bottom: 120px;
  padding-top: 120px
}

#s-1020 .sub-title {
  color: #fe5d37;
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 29px;
  margin-top: -4px
}

#s-1020 .vs-btn {
  background-color: transparent;
  border-radius: 9999px;
  border: 1px solid #fe5d37;
  color: #fe5d37;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  min-width: 150px;
  overflow: hidden;
  padding: 10px 33px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  z-index: 2
}

#s-1020 .vs-btn.style-1:hover {
  border: 1px solid #103741;
  color: #fff
}

#s-1020 .vs-btn:hover {
  background-color: #103741;
  color: #fff
}

#s-1020 .wave-btn:active .part, #s-1020 .wave-btn:focus .part, #s-1020 .wave-btn:hover .part {
  -webkit-transform: translateZ(0) scale(1.7) !important;
  transform: translateZ(0) scale(1.7) !important
}


#s-1020 h2 {
  color: #103741;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.208;
  margin: 0 0 15px;
  text-transform: none
}

#s-1020 h2, #s-1020 p {
  font-family: "Baloo 2", cursive
}

#s-1020 p {
  color: #74787c;
  font-size: 18px;
  line-height: 1.625;
  margin: 0 0 18px
}

@-webkit-keyframes rotateShape {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@-webkit-keyframes shapePluse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
}

@keyframes rotateShape {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@keyframes shapePluse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
}

@media(max-width:1680px) {
  #s-1020 .d-hd-block {
    display: none !important
  }
}

@media(max-width:1199px) {
  #s-1020 .sec-title {
    font-size: 42px
  }

  #s-1020 .sec-title.big-title {
    font-size: 48px;
    margin-top: -.8rem
  }

  #s-1020 h2 {
    font-size: 30px
  }

  #s-1020 .img-box-2 {
    height: 450px;
    width: 100%
  }

  #s-1020 .img-box-2 .small-img {
    height: 200px;
    width: 200px
  }
}

@media(max-width:991px) {
  #s-1020 .img-box-2 {
    height: 480px;
    margin-left: auto;
    margin-right: auto;
    width: 480px
  }

  #s-1020 .space {
    padding-bottom: 80px;
    padding-top: 80px
  }

  #s-1020 .sec-title {
    font-size: 36px
  }

  #s-1020 .sec-title.big-title {
    font-size: 40px
  }

  #s-1020 .sub-title {
    margin-bottom: 20px
  }
}

@media(max-width:767px) {
  #s-1020 h2 {
    font-size: 26px
  }

  #s-1020 .sec-title {
    font-size: 30px
  }

  #s-1020 .sec-title.big-title {
    font-size: 36px
  }

  #s-1020 .fs-md {
    font-size: 16px;
    padding: 0 15px
  }

  #s-1020 .sub-title {
    margin-top: 20px
  }
}

@media(max-width:575px) {
  #s-1020 .img-box-2 {
    height: calc(100vw - 35px);
    width: 100%
  }

  #s-1020 .sub-title {
    font-size: 20px;
    margin-bottom: 24px
  }

  #s-1020 .img-box-2 .big-img {
    left: 0;
    max-width: calc(100% - 10px);
    top: 0
  }

  #s-1020 .img-box-2 .small-img {
    display: none
  }

  #s-1020 .vs-btn {
    font-size: 14px;
    min-width: 140px
  }
}

@media(min-width:992px) {
  #s-1020 .text-lg-start {
    text-align: left !important
  }
}