@-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } }
@-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } }
@keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } }
.cnc-animated-text-section.cnc-animated-text-section-layout2{padding:100px 0;background-color: #005BC5;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .container{max-width:1430px;width: 100%;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper{text-align: center;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {color: #fff; font-size: 48px; font-weight: 700; line-height: normal;margin: 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper{ display: inline-block; position: relative; vertical-align: top;overflow: hidden;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper::after{content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #FFD780; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper.is-loading::after{ width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper strong{color: #FFD780;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-layout2 .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;top: 0; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span.words-wrapper strong.is-hidden {-webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .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-layout2{padding:50px 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .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-layout2{padding:30px 0;}
.cnc-animated-text-section.cnc-animated-text-section-layout2 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 30px;}
}