@CHARSET "ISO-8859-1";
body{font-family: "Open Sans", sans-serif;font-weight: 300;color: #0b0a0a;}
.only-desktop{display: block !important;}
.only-mobile{display: none !important;}
.font-shadows-into-light-two{font-family: 'Nunito', cursive;}
.heading-font{font-family: 'Marcellus',sans-serif;}
.color-atop-red{color: #ef560f !important;}
.wrap{margin-left: auto;margin-right: auto;width: 1170px;position: relative;}
.navbar-nav{margin: auto;}
.navbar-dark .navbar-nav .nav-link{color: #0b0a0a;}
.navbar-brand img{width: 200px;}
#header{background-color: #fff;width: 100%;z-index: 10b0a0a0;position:fixed;top:0px;height: 60px;z-index: 60;padding: 0;margin:0;padding-top: 10px;}
#menu li {display:inline-block;margin: 10px;color: #0b0a0a;background:#fff;background: rgba(255,255,255, 0.5);-webkit-border-radius: 10px;border-radius: 10px;}
#menu{}
.logo{float: left;}
.logo img{width: 200px;}
.contact-btn{width: 200px;float: right;}

.hero-banner{margin-top: 0px;position: relative;background-color: #ef560f;padding-bottom: 80px;}
.hero-content{text-align: center;}
.hero-content h1{color: #fff;font-size: 70px;font-weight: 500;padding-top: 8vh;}
.hero-content h2{color: #fff;font-size: 40px;font-weight: 300;padding-top: 8vh;}
.hero-content h1 b{font-size: 50px;font-weight: 700;}

.main-banner-wrapper{margin-top: 40px;position: relative;background-color: #ef560f;float: left;width: 100%;padding: 50px 0px;}
.main-banner-wrapper-dm{margin-top: 70px;position: relative;padding-bottom: 0px;padding-top: 0px;background-color: #FFF;background-image: url('../images/main_banner1.jpg');background-size: cover;height: calc(100vh - 0px);background-position: bottom left;}
.main-banner-wrap{display: table;width: 100%;}
.main-banner{display: table-cell;vertical-align: middle;width: 100%;text-align: left;}
.main-banner-head{font-size: 100px;font-weight: 700;margin-top: 70px;line-height: 65px;color: #fff;}
.main-banner-rotating-text{font-size: 100px;font-weight: 700;margin-top: 70px;font-family: 'Roboto Condensed', sans-serif;line-height: 65px;color: #fff;}
.main-banner-text{font-size: 20px;font-weight: 300;margin-top: 15px;color: #fff;line-height: 30px;float: left;}
.main-banner-client-text{font-size: 25px;font-weight: 400;margin-top: 20px;color: #0b0a0a;float: left;}
.main-banner-cta{float: left;width: 100%;text-align: center;margin-top: 50px;margin-bottom: 30px;}
.main-banner-cta-button{width: 400px;padding: 20px 30px;background-color: #433934;color: #ef560f;font-size: 20px;font-weight: 700;text-decoration: none;cursor: pointer;color: #fff !important;border-radius: 30px;}
.main-banner-cta-button:hover{background-color: #0b0a0a;color: #fff;text-decoration: none;}
.main-banner-addon-text{float: left;font-size: 20px;font-weight: 300;margin-top: 10px;width: 100%;color: #fff;}
.main-banner-img-left{position: absolute;width: 400px;height: 247px;bottom: 0;left: 0;background-image: url('../images/main-banner-left.png');background-size: cover;}
.main-banner-img-right{position: absolute;width: 400px;height: 247px;bottom: 0;right: 0;background-image: url('../images/main-banner-right.png');background-size: cover;}
.client-logos{float: left;width: 100%;margin-top: 30px;}
.client-div-top{float: left;text-align: left;}
.client-div-top img{height: 50px;margin-bottom: 35px;}


.home-intro-head{text-align: center;width: 100%;font-size: 50px;font-weight: 700;padding-top: 30px;line-height: 70px;}
.sec-home-intro{padding-top: 0px;}
.home-columns-wrapper{padding-top: 30px;position: relative;float: left;width: 100%;}
.home-columns-head{text-align: left;width: 100%;font-size: 25px;font-weight: 700;color: #0b0a0a;padding-top: 30px;width: 86%;margin-left: 7%;}
.home-columns-text{text-align: left;width: 100%;font-size: 18px;font-weight: 300;color: #0b0a0a;padding-top: 10px;width: 86%;margin-left: 7%;}

.home-columns-button{margin-bottom: 0px;margin-top: 30px;text-align: left;width: 86%;margin-left: 7%;float: left;}
.home-columns-button a{background-color: #ebe0d9;color: #0b0a0a;text-align: center;padding: 10px 20px;border-radius: 30px;font-size: 15px;width: 100%;float: left;border: 1px solid #0b0a0a;}
.home-columns-button a:hover{text-decoration: none;background-color: #0b0a0a;color: #fff;}

.home-columns-button-consult{margin-bottom: 40px;margin-top: 20px;text-align: left;width: 86%;margin-left: 7%;float: left;}
.home-columns-button-consult a{background-color: #ef560f;color: #fff;text-align: center;padding: 10px 20px;border-radius: 30px;font-size: 15px;width: 100%;float: left;}
.home-columns-button-consult a:hover{text-decoration: none;background-color: #ff5100;}

.startup-overwhelmed-head{text-align: center;width: 100%;font-size: 40px;font-weight: 700;color: #ef560f;padding-top: 30px;}
.startup-challenges-heading{text-align: left;width: 100%;font-size: 20px;font-weight: 400;color: #ef560f;padding-top: 10px;margin-bottom: 40px;margin-left: 15px;}
.startup-challenges-head{width:80%;text-align: left;margin-top: 15px;margin-bottom: 15px;margin-left: 10px;margin-right: 10px;float: left;font-weight: 500;font-size: 22px;color: #ef560f;text-transform: uppercase;line-height: 30px;}
.startup-challenges-ul{padding-left: 18px !important;}
.startup-challenges-ul li{list-style-type: decimal !important;margin-bottom: 10px;vertical-align: middle;text-align: left;}
.startup-challenges-ul li b{font-weight: 700;}
.startup-challenges-text{width:80%;text-align: left;margin-top: 0px;margin-bottom: 10px;float: left;font-weight: 300;font-size: 18px;margin-left: 10px;margin-right: 10px;}
.startup-challenges-text ul{padding-left: 0px;}
.startup-challenges-text ul li{list-style-type: none;padding-left: 0px;}
.startup-challenges-text ul label{margin-bottom:0px !important;}
.startup-challenges-text ul li input[type=checkbox]{margin-right: 10px;}
.startup-challenges-box{text-align: center;background-color: #f3f3f3;border-radius: 10px; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.04),0px 1px 4px rgba(0, 0, 0, 0.12);float: left;width: 96%;margin-left: 2%;}
.startup-challenges-box img{width: 60%;padding-bottom: 20px;}
.startup-challenges-wrap{margin-bottom: 30px;}
.startup-challenges-last{margin-bottom: 0px;}
.startup-challenges-filler-1{float: left;width: 100%;height: 25px;}
.startup-challenges-filler-2{float: left;width: 100%;height: 50px;}
.startup-challenges-filler-3{float: left;width: 100%;height: 90px;}
#accordion {  
  .card-header{margin-bottom: 8px;}
  .card{margin-bottom: 20px;}
  .accordion-title{
    position: relative;display: block;padding:8px 0 8px 50px;background: #433934;border-radius: 30px;overflow: hidden;text-decoration: none;color: #fff;font-size: 25px;font-weight: 500;width: 100%;height: 70px;text-align: left;
    transition: all .4s ease-in-out; 
    i{position: absolute;width: 40px;height: 100%;left: 10px;top: 0;color: #fff;background: radial-gradient(rgba(#0b0a0a, .8), #433934);text-align: center;border-right: 1px solid transparent;}
    &:hover{
      padding-left: 60px;background: #433934;color: #fff;
      i {border-right: 1px solid #fff;}
    }
  }
  [aria-expanded="true"]{background: #433934;color: #fff;
    i {
      color: #fff;
      background: #433934;
      &:before{
        content: "\f068" ;
      }
    }
  }
  .accordion-body{padding: 20px 25px;text-align: left;}
}
.why-startups-fail .why-works-head{color: #0b0a0a;}
.why-startups-fail .why-works-head-dark{color: #fff;font-weight: 800;}
.startup-how-we-will-help{background-color: #433934;padding: 50px 0px;}
.startup-how-we-will-help-head{font-size: 80px;line-height: 100px;font-weight: 500;color: #fff;margin-top: 20px;}
.startup-how-we-will-help-text ul li{color: #fff;margin-bottom: 10px;}

.sec-why-it-happens{}
.why-it-happens-wrapper{padding-top: 30px;position: relative;float: left;width: 100%;}
.why-it-happens-head{text-align: center;width: 100%;font-size: 60px;font-weight: 700;color: #ef560f;padding-top: 30px;}
.why-it-happens-text{text-align: center;width: 100%;font-size: 20px;font-weight: 300;color: #0b0a0a;padding-top: 10px;width: 86%;margin-left: 7%;}
.why-it-happens-text b{font-weight: 700;}
.why-it-happens-text-bold{text-align: center;width: 100%;font-size: 30px;font-weight: 800;color: #0b0a0a;padding-top: 30px;width: 86%;margin-left: 7%;}
.home-banner-text{text-align: center;width: 100%;font-size: 20px;font-weight: 300;color: #0b0a0a;padding-top: 10px;width: 86%;margin-left: 7%;}
.quiz-head{text-align: center;width: 100%;font-size: 30px;font-weight: 700;padding-top: 30px;}

.sec-how-we-help{float: left;width: 100%;padding-top: 50px;padding-bottom: 50px;background-color: #f3f3f4;margin-top: 50px;}
.col-right-align{float: right;margin-left: auto;order: 2;}
.col-left-align{float: left;}
.sec-how-we-help-head{width: 100%;font-size: 25px;font-weight: 500;color: #0b0a0a;text-transform: uppercase;margin-top: 10px;}
.sec-how-we-help-subhead{width: 100%;font-size: 50px;font-weight: 800;color: #ef560f;text-transform: uppercase;margin-top: 0px;}
.sec-how-we-help-text{float: left;margin-top: 20px;}
.sec-how-we-help-punchline{float: left;margin-top: 20px;font-weight: 500;width: 100%;}
.how-we-help-buttons{background-color: #0b0a0a;padding: 10px 30px;width: auto;float: left;color: #fff;text-transform: uppercase;text-decoration: none;border-radius: 30px;font-weight: 500;margin-top: 20px;cursor: pointer;}
.how-we-help-buttons a{cursor: pointer;}
.why-works-head{width:95%;text-align: left;margin-top: 15px;margin-bottom: 5px;margin-left: 2.5%;margin-right: 2.5%;float: left;font-weight: 500;font-size: 25px;line-height: 35px;color: #ef560f;}
.why-works-head-dark{width:95%;text-align: left;margin-top: 15px;margin-bottom: 5px;margin-left: 2.5%;margin-right: 2.5%;float: left;font-weight: 500;font-size: 25px;line-height: 35px;color: #000;}
.why-works-text{width:95%;text-align: left;margin-top: 0px;margin-bottom: 10px;float: left;font-weight: 300;font-size: 18px;margin-left: 2.5%;margin-right: 2.5%;}
.why-atop-text-punchline{float: left;margin-top: 10px;font-weight: 400;width: 95%;text-align: left;margin-left: 2.5%;margin-right: 2.5%;margin-bottom: 20px;}
.why-it-works-wrap{margin-bottom: 50px;}


.sec-why-lacks{float: left;margin-top: 0px;width: 100%;}
.sec-why-lacks-left{float: left;}
.sec-why-lacks-right{float: left;}
.sec-why-lacks-head{width: 100%;font-size: 30px;font-weight: 500;color: #ef560f;text-transform: uppercase;margin-top: 30px;}
.sec-why-lacks-subhead{font-weight: 400;margin-bottom: 10px;}
.sec-why-lacks-text{}
.sec-why-lacks-text ol{padding-left: 20px;}
.sec-why-lacks-text li{line-height: 30px;margin-bottom: 10px;}
.lack-of-bu{}
.lack-of-bu-item{text-align: center;}
.lack-of-bu-item img{width: 100%;margin-left: 0%;}

.analysis-report{float: left;margin-top: 50px;width: 100%;}
.analysis-report-head{text-align: center;font-size: 40px;}
.analysis-report-head b{font-weight: 700;}
.analysis-report-text{}
.analysis-report-list-head{margin-top: 20px;font-size: 30px;}
.analysis-report-free{font-weight: 500;}
.analysis-report-button{float: left;margin-top: 20px;}
.analysis-report-pointers{padding-left: 20px;}
.analysis-report-pointers li{list-style-image: url('../images/tick.png');}

.team-head{text-align: left;}
.team-text{text-align: left;}

/*Sentence*/
.sentence{color: #fff;font-size: 40px;text-align: left;font-weight: 500;}
/*Wrapper*/

/*Vertical Sliding*/
.slidingVertical{display: inline;}
.slidingVertical span{
  animation: topToBottom 12.5s linear infinite 0s;
  -ms-animation: topToBottom 12.5s linear infinite 0s;
  -webkit-animation: topToBottom 12.5s linear infinite 0s;
  color: #ef560f;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}


.services-wrapper{margin-top: 0px;position: relative;float: left;width: 100%;}
.services-wrap{display: table;width: 100%;}
.services-section{display: table-cell;vertical-align: middle;width: 100%;text-align: center;}
.services-head-top{font-size: 40px;line-height: 45px;font-weight: 400;margin-bottom: 30px;color: #0b0a0a;}
.services-head-main{font-size: 40px;line-height: 40px;font-weight: 500;margin-top: 50px;margin-bottom: 30px;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;}
.services-head{font-size: 30px;line-height: 40px;font-weight: 900;margin-top: 30px;}
.services-text{font-size: 20px;font-weight: 300;margin-top: 10px;margin-bottom: 0px;}
.services-sub-text{font-size: 30px;font-weight: 500;margin-top: 50px;margin-bottom: 0px;}
.services-sub-text-main{font-size: 30px;font-weight: 500;margin-top: 20px;margin-bottom: 0px;padding-top: 20px;padding-bottom: 20px;}
.section-copy-caption{float: left;width: 100%;font-size: 22px;margin-top: 20px;}

.red-section{background-color: #fff;}

.video-background{width: 70%;}

.client-testimonials{float: left;width: 100%;}
.client-testimonials-item{float: left;width: 100%;}
.client-testimonials-item img{width: 70%;margin-left: 15%;}
.testimonial-slider img{width: 90%;margin-left: 5%;}



.filter {margin: 1em auto;padding: 0px;}  
.filter li {padding: 12px;font-size: 1em;width: 19%;float: left;list-style: none;display: block;text-align: center;background-color: #E5E5E5;margin: 0.5%;font-weight: 800;cursor: pointer;}
.filter li:hover{background-color: #0b0a0a !important;color: #FFFFFF !important;}
.current{background-color: #0b0a0a !important;color: #FFFFFF !important;}
.case-studies-head-section{width:100%;float: left;padding: 50px 0px 10px 0px;}
.case-studies-section{width:100%;float: left;padding: 0px 10px;padding-bottom: 100px;}
.case-studies{float: left;width: 100%;}
.case-studies-item{float: left;width: 100%;}
.case-studies-item img{width: 70%;margin-left: 15%;}
.slick-prev:before, .slick-next:before{color: #0b0a0a;font-size: 50px;}
.slick-prev{left: -50px;}
.slick-next{right: -50px;}

.why-atop-wrap{margin-bottom: 30px;}
.why-atop-wrap-last{margin-bottom: 0px;}
.why-atop-sec-head{width:100%;text-align: left;margin-top: 15px;margin-bottom: 15px;float: left;font-weight: 500;font-size: 25px;font-weight:700;color: #0b0a0a;text-transform: uppercase;line-height: 30px;margin-left: 10px;}
.why-atop-head{width:80%;text-align: left;margin-top: 15px;margin-bottom: 5px;margin-left: 10px;margin-right: 10px;float: left;font-weight: 500;font-size: 18px;color: #ef560f;line-height: 30px;}
.why-atop-text{width:80%;text-align: left;margin-top: 0px;margin-bottom: 10px;float: left;font-weight: 300;font-size: 18px;margin-left: 10px;margin-right: 10px;}
.why-atop-text ul{padding-left: 0px;}
.why-atop-text ul li{list-style-type: none;padding-left: 0px;}
.why-atop-text ul label{margin-bottom:0px !important;}
.why-atop-text ul li input[type=checkbox]{margin-right: 10px;}
.why-atop-box{text-align: center;background-color: #ebe0d9;border-radius: 10px; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.04),0px 1px 4px rgba(0, 0, 0, 0.12);float: left;width: 96%;margin-left: 2%;}
.why-atop-box img{width: 60%;padding-bottom: 20px;}
.why-atop-box-dark{text-align: center;background-color: #433934;border-radius: 5px; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.04),0px 1px 4px rgba(0, 0, 0, 0.12);float: left;width: 96%;margin-left: 2%;color: #fff;padding: 40px 0px;}
.why-atop-box-dark img{width: 60%;padding-bottom: 20px;}
.why-atop-cta{float: left;width: 100%;text-align: center;}
.why-atop-cta-button{width: 200px;padding: 10px 15px;background-color: #0b0a0a;color: #fff;font-size: 15px;font-weight: 700;text-decoration: none;cursor: pointer;color: #fff !important;float: left;width: 30%;margin-left: 35%;margin-bottom: 20px;}
.why-atop-cta-button:hover{background-color: #ef560f;color: #fff;text-decoration: none;}
.why-atop-filler-1{float: left;width: 100%;height: 25px;}
.why-atop-filler-2{float: left;width: 100%;height: 50px;}
.why-atop-filler-3{float: left;width: 100%;height: 75px;}

.custom-marketing-plan-wrapper{padding-bottom: 30px;}
.marketing-plan{padding-top: 30px;padding-bottom: 30px;}

.atop-team-img{width: 80%;}

.contact-wrapper{background-color: #f3f3f4;margin-top: 0px;box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.04),0px 1px 4px rgba(0, 0, 0, 0.12);padding-bottom: 50px;}
.contact-left{background-color: #FFF;margin-top: 20px;margin-bottom: 0px;padding: 50px;}
.contact-right{background-color: #eee;margin-top: 20px;margin-bottom: 0px;padding: 30px;}
.addresses-map{float: left;margin-top: 20px;}
.addresses-wrapper{float: left;width: 100%;}
.addresses-wrap{float: left;width: 100%;margin-top: 25px;}
.address-country-flag{float: left;width: 10%;margin-right: 5%;}
.address-country-flag img{height: 100%;}
.address-details{float: left;width: 85%;}
.address-country{float: left;width: 100%;font-weight: 800;font-size: 20px;}
.address-text{float: left;width: 100%;padding-left: 25px;background-image: url('../images/location.png');background-size: 15px 15px;background-position: left 5px;background-repeat: no-repeat;}
.address-phone{float: left;width: 100%;padding-left: 25px;background-image: url('../images/telephone.png');background-size: 15px 15px;background-position: left 5px;background-repeat: no-repeat;}
.address-email{float: left;width: 100%;padding-left: 25px;background-image: url('../images/email.png');background-size: 15px 15px;background-position: left 5px;background-repeat: no-repeat;}
.input-wrap{float: left;width: 100%;padding-bottom: 20px;position: relative;}
.input-wrap i{position: absolute;}
.client-div{float: left;text-align: center;}
.client-div img{height: 50px;margin-bottom: 35px;max-width: 100%;}

.cert-div{float: left;text-align: center;}
.cert-div img{height: 80px;margin-bottom: 35px;}

.contact-us-form input, .contact-us-form select, .contact-us-form textarea {border-radius: 10px;border: solid 0.5px #b4b3b3;}
.contact-form input, .contact-form select, .contact-form textarea {width: 100%;padding: 12px 20px;border: solid 0.5px #0b0a0a;background-color: #ffffff;font-size: 14px;font-weight: normal;line-height: 1.33;margin-top: 8px;resize: none;}
.contact-form select{color: #9f9f9f;}
.blur-effect {-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);text-shadow: 0 0 35px rgba(0, 216, 255, 0.96);}
.contact-form input, .contact-form select, .contact-form textarea {width: 100%;padding: 4px 20px;border: solid 0.5px #0b0a0a;background-color: #ffffff;font-size: 14px;font-weight: normal;line-height: 1.33;margin-top: 3px;resize: none;height: 40px;}
.contact-form textarea {height: 100px;}
.contact-form input::placeholder, .contact-form textarea::placeholder {color: #b2b2b2;}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {color: #b2b2b2;}
.contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder {color: #b2b2b2;}
.contact-form select {-webkit-appearance: none;position: relative;}
.select-div {width: 100%;}
.select-div:before {content: "";width: 16px;height: 7px;background: url(https://www.atopdigital.com/wp-content/themes/atop_2021/images/down-arrow.png) no-repeat right white;display: inline-block;position: absolute;z-index: 1;right: 10px;top: 30px;background-size: contain;}
.submit-btn {margin: 5px 0 0 0;width: 100%;outline: none;padding: 12px 0;}
.submit-btn:focus {outline: none;}
.contact-form span {font-size: 12px;font-family: "Open Sans", sans-serif;line-height: 1;}
.contact-form i {font-size: 14px;font-family: "Open Sans", sans-serif;    position: absolute;left: 0;bottom: 0;}
.contact-us-form input, .contact-us-form select, .contact-us-form textarea {border-radius: 10px;border: solid 0.5px #b4b3b3;}
.contact-us-form .submit-btn {font-size: 14px;font-weight: bold;margin-top: 8px;}
.btn, .btn2 {width: 200px;height: 40px;font-size: 20px;font-weight: 600;text-align: center;line-height: 28px;color: #fff;border-radius: 30px;background: #ef560f;background-size: 600%;-webkit-animation: anime 10s linear infinite;animation: anime 10s linear infinite;}@-webkit-keyframes anime {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}@keyframes anime {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.btn2{width: 400px;}
.btn:hover{color: #ef560f;background: #fff;border: 1px solid #ef560f;}
.btn2:hover{color: #ef560f;background: #fff;border: 1px solid #ef560f;}


.rotating-text h2 {width: 100%;font-size: 30px;line-height: 40px;font-weight: 900;margin-top: 30px;font-family: 'Roboto Condensed', sans-serif;color: #1d1d1f;text-align: center;}
.mask {
  height: 60px;
  position: relative;
  overflow: hidden;
  margin-top: var(--offset);
}

.mask span {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 100px;
  margin: auto;
  padding-bottom: var(--offset);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  width: 600px;text-align: center;left: calc(50% - 300px);
}

.mask span[data-show] {
  transform: translateY(-100%);
  transition: .5s transform ease-in-out;
}

.mask span[data-up] {
  transform: translateY(-200%);
  transition: .5s transform ease-in-out;
}

.mask span:nth-child(1) {
  background-image: linear-gradient(45deg, #0b0a0a 50%, #0b0a0a);
}

.mask span:nth-child(2) {
  background-image: linear-gradient(45deg, #0b0a0a 50%, #0b0a0a);
}

.mask span:nth-child(3) {
  background-image: linear-gradient(45deg, #0b0a0a 50%, #0b0a0a);
}

.mask span:nth-child(4) {
  background-image: linear-gradient(45deg, #0b0a0a 50%, #0b0a0a);
}


.rotating-text-banner h2 {width: 100%;font-size: 30px;line-height: 40px;font-weight: 900;margin-top: 30px;text-align: center;color: #0b0a0a;}
.rotating-text-banner h2 b{font-size: 15px;}
.rotating-text-banner h2 i{font-size: 40px;font-style: normal;}

.rotating-text2 h2 {width: 100%;font-size: 30px;line-height: 40px;font-weight: 900;margin-top: 30px;text-align: center;color: #0b0a0a;}
.rotating-text2 h2 b{font-size: 15px;}
.rotating-text2 h2 i{font-size: 40px;font-style: normal;}

.mask2 {
  height: 60px;
  position: relative;
  overflow: hidden;
  margin-top: var(--offset);
}

.mask2 p {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 100px;
  margin: auto;
  padding-bottom: var(--offset);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  width: 600px;text-align: center;left: calc(50% - 300px);
  margin: 0px;
}

.mask2 p[data-show] {
  transform: translateY(-100%);
  transition: .5s transform ease-in-out;
}

.mask2 p[data-up] {
  transform: translateY(-200%);
  transition: .5s transform ease-in-out;
}

.mask2 p:nth-child(1) {
  background-image: linear-gradient(45deg, #ef560f 50%, #ef560f);
}

.mask2 p:nth-child(2) {
  background-image: linear-gradient(45deg, #ef560f 50%, #ef560f);
}

.mask2 p:nth-child(3) {
  background-image: linear-gradient(45deg, #ef560f 50%, #ef560f);
}

.mask2 p:nth-child(4) {
  background-image: linear-gradient(45deg, #ef560f 50%, #ef560f);
}


.mask3 {
  height: 60px;
  position: relative;
  overflow: hidden;
  margin-top: var(--offset);
}

.mask3 p {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 100px;
  margin: auto;
  padding-bottom: var(--offset);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  width: 600px;
  margin: 0px;
  text-align: left;
}

.mask3 p[data-show] {
  transform: translateY(-100%);
  transition: 1s transform ease-in-out;
}

.mask3 p[data-up] {
  transform: translateY(-200%);
  transition: .5s transform ease-in-out;
}

.mask3 p:nth-child(1) {
  background-image: linear-gradient(45deg, #fff 50%, #fff);
}

.mask3 p:nth-child(2) {
  background-image: linear-gradient(45deg, #fff 50%, #fff);
}

.mask3 p:nth-child(3) {
  background-image: linear-gradient(45deg, #fff 50%, #fff);
}

.mask3 p:nth-child(4) {
  background-image: linear-gradient(45deg, #fff 50%, #fff);
}









.slidingVertical span:nth-child(2){
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 1; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: translateY(-50px); }
  10% { opacity: 1; -ms-transform: translateY(0px); }
  25% { opacity: 1; -ms-transform: translateY(0px); }
  30% { opacity: 0; -ms-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}