/* Custom Styles */
:root {
	--delay: 1s;
	--duration: 1500ms;
	--iterations: 1;
}
/* •·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */

.reveal-text,
.reveal-text::after {
	-webkit-animation-delay: var(--animation-delay, 3s);
	        animation-delay: var(--animation-delay, 3s);
	-webkit-animation-iteration-count: var(--iterations, 1);
	        animation-iteration-count: var(--iterations, 1);
	-webkit-animation-duration: var(--duration, 800ms);
	        animation-duration: var(--duration, 800ms);
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
	        animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
	--animation-delay: var(--delay, 0);
	--animation-duration: var(--duration, 200ms);
	--animation-iterations: var(--iterations, 1);
	position: relative;
	-webkit-animation-name: clip-text;
	        animation-name: clip-text;
	white-space: nowrap;
	cursor: default

}

.arrow__link svg {
    fill: #fff;
}

#block-1626404405685_0 .block {
    padding-left: 0px !important;
}

.reveal-text::after {
	content: "";
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FF6B6A;
	transform: scaleX(0);
	transform-origin: 0 50%;
	pointer-events: none;
	-webkit-animation-name: text-revealer;
	    animation-name: text-revealer;
}


@-webkit-keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@-webkit-keyframes text-revealer {
	0%, 50% {
		transform-origin: 0 50%;
	}
	60%, 100% {
		transform-origin: 100% 50%;
	}
	60% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}


@keyframes text-revealer {
	0%, 50% {
		transform-origin: 0 50%;
	}
	60%, 100% {
		transform-origin: 100% 50%;
	}
	60% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}
/* Hover Link */
.hover__link::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.hover__link:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.hover__link::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: #F45C5C;
  z-index: -1;
  transition: transform .3s ease;
}

.hover__link{
  position: relative;
}
.hover__link:hover{
    color:#fff;
}

h1{
    line-height:80px;
}
h3{
    font-size:33px;
    line-height:57px;
    word-spacing:0.33px;
}
.social-links__links a{
    border-bottom:1px solid #fff;
}
.text-priority{
    font-weight:600;
}
.social-links__links{
    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: 0 10px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}
/* Second Section */
#section-1626406421364 p{
    font-family:Playfair Display;
    font-weight:500;
}
@media only screen and (min-width: 768px) {
    #section-1626406421364 p{
    font-size:27px;
    line-height:45px;
}
}
@media only screen and (max-width: 768px) {
    h1{
        line-height:46px;
        font-size:36px;
    }
}
/* Services */
.services .services__text h4{
    font-size:24px;
}
.services p{
    color:#353432;
}
@media only screen and (min-width: 768px) {
    #section-1626407022699 .services,#section-1626438037094 .services{
        border-left:1px solid #DBDCDC !important;
    }
    
    #block-1626407609700 .services,#block-1626438037093_3 .services{
        border-right:1px solid #DBDCDC !important;
    }
    
    .services .card__body{
        flex:1;
        padding:0 30px;
    }
    .services{
        min-height:100%;
    }
    .services .card__text{
        padding-bottom:5px;
    }
    .services .card__footer{
        position:absolute;
        bottom:0px;
    }
}

@media only screen and (max-width: 600px) {
    #section-1626407022699 .block,#section-1626438037094 .block{
        border-top:1px solid #DBDCDC !important;
    }
    
    #block-1626438037093_3 .services{
        border-bottom:1px solid #DBDCDC !important;
    }
    .services .card__body{
        flex:1;
        padding:30px;
    }
}
@media (min-width: 768px){
    #block-1630692635812 .block {
        padding-left: 75px;
    }
}
#block-1626438275857 .block{
        border:none !important;
}
.services .card__footer a:hover{
    text-decoration:underline;
}
/* Industries */
#section-1626451168910 .block{
    border-bottom:1px solid #DBDCDC !important;
}
#block-1626454191259 .block{
    border-bottom:none !important;
}
/* Footer */
.footer__block{
    display:flex;
    align-items:flex-start;
    margin:0;
}
/* Inline Footer Image */
.inline_image{
    display: inline-block;
    width:100%;
}
.inline_image .inline__image{
    display:inline-block;
    margin:5px;
    height:60px;
    width:60px;
}
.inline_image .nyc{
    height:55px;
    width:55px;
}
.inline_image .gold{
    height:55px;
    width:100px;
}
#section-secondary #form_submission_name{
    display:none;
}
#section-secondary #form_submission_email{
    border:0;
    border-bottom:1px solid #fff;
    background-color:transparent;
    color:#fff;
    border-radius:0;
    font-size:14px;
}
#section-1626464832575 a:hover{
    border-bottom:2px solid #FF6B6A;
    text-decoration:none;
}
.footer__block{
    display:flex;
    align-items:flex-start;
    margin:0;
}
@media only screen and (min-width: 768px) {
    .social-links{
        position:relative;
        margin-left:-15px;
    }
}


@media only screen and (max-width: 768px) {
    #block-1626404405685_0 h3{
        font-size: 24px;
        line-height: 1.8;
    }
}

@media only screen and (max-width: 600px) {
    .social-links{
        position:relative;
        margin-left:-20px;
    }
}

/* End Timeline */
.timeline{
      	position: relative;
      	margin: 50px 0;
      	padding:40px 0;
      	width:80%;
      }
      .timeline:before{
      	content: '';
      	position: absolute;
      	left:50%;
      	width:2px;
      	height:100%;
      	background:#f6f6f6;
      }
      .timeline ul{
      	margin:0;
      	padding:0;
      }
      .timeline ul li{
      	list-style-type: none;
      	position: relative;
      	width:50%;
      	padding:20px 40px;
      	box-sizing: border-box;

      }
      .timeline ul li{
      	float:right;
      	text-align:left;
      	clear:both;
      }
      .content{
      	padding-bottom: 20px;
      }
      
      .timeline ul li:before{
      	content: '';
      	position: absolute;
      	top:25px;
      	left: -11px;
      	width:25px;
      	height: 25px;
      	background:#ff3471;
      	border-radius: 50%;
      	border:8px solid #ffffff;
      	box-shadow: 0 0 0 1px #F4F4F4;
      }
      .timeline ul li h3{
      	margin:0;
      	padding:0;
      	font-family: inherit;
      	font-weight: 600;
      	font-size:20px;
      	color:#ff3471;
      	position:relative;
      	top:-10px;
      }
      .timeline ul li p{
      	margin: 0;
      	padding:0;
      	font-family: inherit;
      }
      
      .timeline ul li .timeline-image{
      	position: absolute;
      	top:-25px;
      	left:-165px;
      	margin:0;
      	padding: 8px 16px;
      }
      .final{
      	text-align: center;
      	padding:0;
      	margin-top:-100px;
      	padding:40px 0;
      	width:100%;
      }
      .timeline-icon, .finish-icon{
      	width:100px;
      }
      @media only screen and (min-width: 600px){
          .final{
              left:105px;
          }
      }
      @media screen and (max-width: 700px) {
      	/*body, html { overflow-x:hidden; } */
            .timeline .content h3{
                line-height:1.3;
            }
          	.timeline{
          		margin:0 0 0 50px;
          		padding:0;
          	}
      		.timeline:before{
      			left:0px;
      		}
      		.timeline ul li{
      			width:100%;
      		}
          .timeline ul li:nth-child(odd), .timeline ul li:nth-child(even){
          	float:right;
          	text-align:left;
          	clear:both;
    
          }
          .timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before{
    
          	top:25px;
          	left: -11px;
          }
          .final{
          	text-align: left;
          	width:80%;
          	margin-top: -40px;
          }
          .final p{
          	tex-align:right;
          }
          .finish-icon{
          	width:45px;
          	margin-top:0px;
          	margin-left:-10px;
          }
     }
     
.final img {
    display: inline !important;
}    
/*  End Timeline */
.credit a {
    border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 768px){
.footer__block {
    padding-left: 0px;
}
}


/*accordion*/
.accoring {
  background:#fff;
  color: #000;
  cursor: pointer;
  padding: 0px 0 15px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-bottom: 1px solid rgba(0,34,51,.1);
  font-family:poppins;
  font-size:initial;
}


 
 .accoring:after {
        font-family: "Glyphicons Halflings";
        content:"\2b";
        float: right;
        margin-left: 20px;
        color:#ff3471;
        font-weight:100 !important;
        position:absolute;
        font-size:55px;
        font-weight:100 !important;
        -webkit-text-stroke: 0px;
        text-stroke: 0px;
        right:26px;
        margin-top:-35px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
       
    }
    
    .accoring:after {
        content:"\2212";
    }

.accoring-panel {
  padding: 5px 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  
}
.accoring-panel .accoring-description{
    padding:1rem 0;
}
.shelf-accordion{
    margin-top:1rem;
    padding-top:1rem;
    border-top: 1px solid rgba(0,34,51,.1);
}
/* Pricing Badge */
#block-1672797545203_2 .block{
      border-top:10px solid #ff3471;
      height:520.76px;

    }
    #block-1672797545203_2 .block::before{
      position: absolute;
      top:3.2rem;
      right:28rem;
      content: '';
      background:#ff3471;
      height: 23px;
      width: 35px;
      transform : rotate(45deg);
    }
    
    #block-1672797545203_2 .block::after{
      position: absolute;
      content: attr(data-label);
      content: 'Most Popular';
      top: 2.1rem;
      right: 444px;
      padding: 0.5rem;
      width: 10rem;
      height:2.5rem;
      background: #ff3471;
      color: white;
      text-align: center;
      box-shadow: 4px 4px 10px rgba(26, 35, 126, 0.2);
    }
.feature .pricing__badge{
    position: absolute;
    padding: 5px 10px;
    justify-content: center;
    text-align: center;
    z-index: 999;
    margin-top: 5px;
    font-size:13px;
    margin-top: -50px !important;
  display: inline-block;
  color: white;
}
.pricing__badge:after{
        position: absolute;
      z-index: -1;
      content: "";
      right: -10%;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: inherit;
      -webkit-transform: skewX(-10deg);
      -moz-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
      transform: skewX(-10deg)
}
.pricing__badge:before{
     z-index: -1;
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
@media only screen and (max-width: 768px){
    .block-type--theshelf .feature{
        padding:20px;
    }
    .feature .pricing__badge{
        margin-top:-30px !important;
        margin-bottom:30px;
    }
    .block-type--theshelf .feature .btn{
        margin-bottom:30px;
    }
    .block-type--theshelf .feature__text{
        margin-top:15px;
    }
    
}
.ripple{
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 0px 0 5px;
  position: relative; 
  top:4px;
}
.ripple:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ripple 1.5s ease-out infinite;
  left:0px;
}
.ripple {
  background-color: #FF6B6A;
}

.ripple::before {
  animation-delay: 0.2s;
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}

 .slick-dots .slick-active button{
    border:1px solid  #FF6B6A;
    border-radius:24px;
    background:#FF6B6A;
}
.slick-dots li.slick-active button:before{
    color:#fff;
}

/* Typography */
/* Desktop */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-weight:400;
  color:#291f2f;
}
h1,.h1{
  font-size:5rem;
}
h2,.h2{
  font-size:4rem;
}
h3,.h3{
  font-size:3rem;
}
h4,.h4{
  font-size:2.5rem;
}
p{
  font-size:1rem;
  color:#291f2f;
  line-height: 1.6rem;
  font-weight: 400;
}
/* Mobile */
@media only screen and (max-width: 600px) {
  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:400;
    color:#291f2f;
  }
  h1,.h1{
    font-size:2rem;
  }
  h2,.h2{
    font-size:1.75rem;
  }
  h3,.h3{
    font-size:1.5rem;
  }
  h4,.h4{
    font-size:1.25rem;
  }
  p{
    font-size:0.875rem;
    color:#291f2f;
    line-height: 1.4rem;
  }
   #block-1672797545203_2 .block{
      border-top:10px solid #ff3471;

    }
    #block-1672797545203_2 .block::before{
     position: absolute;
    top: 32.9rem;
    right: 0.2rem;
    content: '';
    background: #ff3471;
    height: 20px;
    width: 26px;
    transform: rotate(45deg);
    }
    
    #block-1672797545203_2 .block::after{
     position: absolute;
    content: attr(data-label);
    content: 'Most Popular';
    top: 31.5rem;
    right: 0.5px;
    padding: 0.5rem;
    width: 8rem;
    height: 2.5rem;
    background: #ff3471;
    color: white;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(26, 35, 126, 0.2);
    }
}
}

@media only screen and (max-width: 600px) {
    .clients .col-3{
        width:33%;
    }
   
}