/* Add here all your CSS customizations */
.grecaptcha-badge { visibility: hidden; }

.step-count {
    border-radius: 50%;
    background: #f5f6fe;
    color: #4550e6;
    width: 36px;
    height: 36px;
    font-size: 1.25rem;
    padding-top: 0.3rem;
    display: inline-block;
    text-align: center;
}
.icon-holder {
    text-align: center;
}
.arrow-holder {
    content: "";
    width: 100%;
    height: 15px;
    background: url("../../publicsite/img/pages/verified/line-with-arrow.svg") no-repeat center center;
    background-size: 120px 15px;
    display: inline-block;
    position: absolute;
    right: -50%;
    top: 25%;
}
.icon-holder img {
    max-width: 200px;
    height: auto;
    position: relative;
}
.pricing-container {padding-left: 0px; padding-right: 0px; }
.price-column { background: #fff; margin-top:0; margin-bottom: 40px; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); margin-top: 20px; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; position: relative; z-index: 1;}
/* .price-column:hover {margin-top: -10px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);} */
.price-column h2 { background-color: #000; color: #FFF; font-size: 17px; text-align: center; margin-bottom: 0; padding: 30px 0;  } 
.price-column h3 { color: #fff; text-align: center; font-size: 32px; background: #0F141A; margin-bottom: 0; padding: 20px 0; font-weight: bold; text-transform: inherit}
.price-column h3 span { font-weight: 300; font-size: 18px; }
.price-column h3 sup {font-size: 18px;}
.price-column ul {margin:25px 0;}
.price-column li {border-top: 1px dotted #EFEFEF; padding: 12px 0; width: 75%; margin:0 auto; color: #333;}
	.price-column li:first-child {border-top: none;}
.price-column li i {float: right; color: #8FB73C;}
.price-column li i.red-color {color: #CC0000;}
.price-column li del {color: #aaa;}

.price-bottom {background: #0F141A; padding: 25px 0; text-align: center;}
.price-btn {background: transparent; padding: 12px 30px; border: 2px solid #FFF; border-radius: 0; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 14px;}
.price-btn:hover {background: #FFF; color: #1A9FF9; border: 2px solid #FFF;}

.price-column p {padding: 20px; background: #F8F8F8;}
	
.price-column.large {margin-top: -20px;position: relative; z-index:2; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);  }
.price-column.large h2 { background-color: #1166A0;}
.price-column.large h3 { background: #1A9FF9; padding: 45px 0; font-size: 38px;}
.price-column.large .price-bottom {background-color: #1166A0;}

.circular--portrait {
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}
.circular--portrait.sm {
    width: 90px;
    height: 90px;
}
.circular--portrait img { 
    max-width: 260px; 
    max-height: 260px; 
}

.circular--portrait.sm img {
    max-width: 120px;
    max-height: 120px;
}
@media screen and (max-width: 991px) {
    .banner-content-img {
        position: relative;
        text-align: center;
        margin: 0 auto 0px auto;
        margin-top: -70px;
        max-height: 400px;
    }
    .banner-content-img img {
        max-height: 400px;
    }
}
.fst-st {
    text-decoration: line-through;
}
/* .container {
    width: 200px;
    height: 150px;
    position: relative;
    display:inline-block;
    margin: 10px;
    background: lightblue;
  } */
  
  .stack-top {
    /* adjust the below to control the shape */
    --d:5px; 
    --w:100px;
    --c:#333;
    /**/
  
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
    color: #fff;
    text-align: center;
    width: var(--w);
    transform-origin: bottom left;
    padding:5px 0 calc(var(--d) + 5px);
    background:
      linear-gradient(rgba(0,0,0,0.6) 0 0) bottom/100% var(--d) no-repeat
      var(--c);
    clip-path:polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)))
  }
  
  .stack-top.left {
    left:0;
    right:auto;
    transform: translate(-22.29%, -83%) rotate(-45deg);
    transform-origin: bottom right;
  }
  @media screen and (min-width: 768px) and (max-width: 991px) {
  .stack-top.left {
    transform: translate(-22.29%, -45%) rotate(-45deg);
  }
  }
  @media screen and (max-width: 767px) {
    .stack-top.left {
        transform: translate(-22.29%, -97%) rotate(-45deg);
    }
  }