@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } }
@-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } }
@keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } }
.cnc-animated-text-section.cnc-animated-text-section-layout4{padding:100px 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .container{max-width:1430px;width: 100%;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper{text-align: center;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {color: #000; font-size: 48px; font-weight: 700; line-height: normal;margin: 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper{ display: inline-block; position: relative;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper{ overflow: hidden; vertical-align: top;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper::after{content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper strong{color: #005BC5;font-weight: inherit;display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0;opacity: 0;text-transform: capitalize;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper strong.is-visible { position: relative;opacity: 1;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child){margin: 0 0 10px;}
@media (max-width:1024px) {
.cnc-animated-text-section.cnc-animated-text-section-layout4{padding:50px 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 40px;}
}
@media (max-width:767px) {
.cnc-animated-text-section.cnc-animated-text-section-layout4{padding:30px 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 30px;}
}