.three-col-listing h1{font-size:36px;}
.three-col-listing h2{font-size:24px;}
.three-col-listing h3{font-size:23px;font-weight:500;}
.three-col-listing h4{font-size: 22px;font-weight:500;}
.three-col-listing h5{font-size: 20px;}
.three-col-listing h6{font-size: 16px;}
@media(min-width:768px) {
  .three-col-listing_1{text-align:center;}
  .three-col-listing h1{font-size:50px;}
  .three-col-listing h2{font-size:34px}
  .three-col-listing h3{font-size:30px;}
  .three-col-listing h5{font-size:22px;}
  .three-col-listing h6{font-size:18px;}
  .three-col-listing p, li{font-size:18px;}
}
@media(min-width:992px){
  .three-col-listing h1{font-size:60px;}
  .three-col-listing h2{font-size:52px;}
  .three-col-listing h3{font-size:36px;}
  .three-col-listing h4{font-size:24px;}
}
.three-col-listing ol{padding-left: 40px;list-style-type: decimal;margin-bottom:16px;}
.three-col-listing ul{padding-left:40px;margin-bottom:20px;list-style: disc;line-height:1.8;}
.three-col-listing_1{text-align: left; padding-top:50px;position:relative;}
.three-col-listing.thank-content h3, .three-col-listing.thank-content h4{margin: 30px 0 20px;}
.three-col-listing.thank-content h4{margin-left:10px;}
.three-col-listing.thank-content ol{padding-left: 40px;list-style-type: decimal;margin-bottom:16px;}
.three-col-listing.thank-content ul{padding-left:40px;margin-bottom:20px;list-style: disc;line-height:1.8;}
.thank-content{text-align:left; padding-top: 50px; padding-bottom: 50px;}
.three-col-listing .heading{font-weight:500;color: #212121; margin-bottom: 0 !important;padding: 1rem;background: #e1ecf8;font-size: 22px;line-height: 1.5;border-top-left-radius:15px;border-top-right-radius:15px;}
.three-col-listing p{margin-bottom: 20px;}
.three-col-listing ul li{position:relative;list-style:none;}
.three-col-listing ul li::before{position:absolute;content:"";width:15px;height:15px;background-image:url(https://info.blueoshan.com/hubfs/Blueoshan%20website%20-%202023/arrow-orange.png);left: -30px;top: 8px;background-size: contain;background-repeat: no-repeat;}
/* .primary-btn{text-decoration: none;color: #fff;font-size: 14px;font-weight: 500;padding: 7px 29px;border-radius: 50px;display: inline-block;background-color: #ff7a59;font-family: 'Poppins',sans-serif;border-color: #ff7a59;}
.primary-btn:hover{ background-color: #fd9278;border-color: #fd9278;} */
.interactive-button{line-height:1.6!important;}
.three-col-listing .hs-cta-embed{margin:auto!important;} 
@media(min-width:768px){
  .three-col-listing .bo-column{width:83%;margin:auto;}
}
.animate-element1 {
  position: absolute;
  left: 0px;
  top: 85px;
  animation: myfirst 20s infinite;
  animation-timing-function: linear;
  z-index: -1;
}
.animate-element2 {
  position: absolute;
  right: 20%;
  top: 20px;
  animation: mysecond 20s infinite;
  animation-timing-function: linear;
  z-index: -1;
}
.animate-element3{
  position: absolute;
  right: 10%;
  top: 10%;
  animation: mythird 20s infinite;
  animation-timing-function: linear;
  z-index: -1;
}
.animate-element4 {
  position: absolute;
  left: 45%;
  bottom: 80px;
  animation: myfourth 20s infinite;
  animation-timing-function: linear;
  z-index: -1;
}

@keyframes myfirst {
  0% {
    left: 0px;
    top: 0px;
  }

  25% {
    left: 100px;
    top: 0px;
  }

  50% {
    left: 100px;
    top: 100px;
  }

  75% {
    left: 50px;
    top: 100px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
}

@keyframes mysecond {
  0% {
    right: 20%;
    top: 0px;
  }

  25% {
    right: 25%;
    top: 0px;
  }

  50% {
    right: 20%;
    top: 100px;
  }

  75% {
    right: 25%;
    top: 100px;
  }

  100% {
    right: 20%;
    top: 0px;
  }
}
@keyframes mythird {
  0% {
    left: 45%;
    bottom: 0px;
  }

  25% {
    left: 55%;
    bottom: 100px;
  }

  50% {
    left: 65%;
    bottom: 60px;
  }

  75% {
    left: 55%;
    bottom: 100px;
  }

  100% {
    left: 45%;
    bottom: 0px;
  }
}

@keyframes myfourth {
  0% {
    left: 45%;
    bottom: 0px;
  }

  25% {
    left: 55%;
    bottom: 100px;
  }

  50% {
    left: 65%;
    bottom: 60px;
  }

  75% {
    left: 55%;
    bottom: 100px;
  }

  100% {
    left: 45%;
    bottom: 0px;
  }
}

@-webkit-keyframes myOrbit {
  from {
    -webkit-transform: rotate(0deg) translateX(50px) rotate(0deg);
  }

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

@-moz-keyframes myOrbit {
  from {
    -moz-transform: rotate(0deg) translateX(50px) rotate(0deg);
  }

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

@-o-keyframes myOrbit {
  from {
    -o-transform: rotate(0deg) translateX(50px) rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg) translateX(50px) rotate(-360deg);
  }
}

@keyframes myOrbit {
  from {
    transform: rotate(0deg) translateX(50px) rotate(0deg);
  }

  to {
    transform: rotate(360deg) translateX(50px) rotate(-360deg);
  }
}
.three-col-content .content-box {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 14px 30px rgba(51,51,51,.1);
  height:calc(100% - 20px);
  margin-bottom: 20px;
}
.three-col-content .list-box{padding:1rem;}
.two-col{display:block;}
.three-col-content.two-col .content-sec{width: 100%;}
@media(min-width:768px){
  .three-col-content{display: flex;gap: 20px!important;flex-wrap: wrap;align-items: inherit!important;}
  .three-col-content.one-col .content-sec{width: 100%;}
  .two-col{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:30px;}
  .three-col-content.two-col .content-sec{width: calc(50% - 10px);}
  .three-col-content.three-col .content-sec{width: calc(33.33% - 10px);}
  .three-col-content .content-sec ul li{margin-bottom: 0.8rem;}
}