/* .content {
  height: 690px;
}
 */
.owl-nav{
  font-size: 80px !important;
}
/* .owl-nav{
  display: none !important;
} */
.single-intro-text {
  padding-bottom: 100px !important;
}
.modalidades{
  padding-top: 125px;
}
/* .modalidades-type{
  padding-bottom: 50px;
} */
.banner-sub-title{
  margin-block-end:1px;
  margin-bottom: 0px !important;
}
.price{
  margin-top: -25px;
}
.ts-pricing{
  padding: 158px 100px;
}
.number{
  font-size: 50px;
} 
.ts-speakers-animation{
  padding-top: 0px !important;
}

.x1 {
  position: absolute;
  right: auto;
  display: block;
  width: 100%;
  margin-right: 0px;
  padding-top: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 auto;
}
.x2 {
  position: absolute;
  right: auto;
  opacity: 0;
  display: block;
  width: 100%;
  margin-right: 0px;
  padding-top: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 auto;

}

.x3 {
  position: absolute;
  right: auto;
  opacity: 0;
  display: block;
  width: 100%;
  margin-right: 0px;
  padding-top: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 auto;
} 

.x4 {
  /* position: absolute; */
  right: auto;
  opacity: 0;
  display: block;
  width: 100%;
  margin-right: 0px;
  padding-top: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 auto;
}

.background {
  transition: all 2s ease;
  opacity:1;
}
.animation-content{
   z-index:100;
   position: relative;
   padding-top: 5px;
   margin-left: 0px;
   padding-right: 1px;
}
.opacity {
  opacity: 0;
}
.test{
  margin-top: -30px; 
  background-color: #474644;
  display: block;
}
.the-sticky-div {
  /* margin-top: -1500px; */
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* overflow: hidden; */
  width: 100%;
  height: 100vh;  
  margin: 0px auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
}
.section-2-sticky {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 200vh;
  margin-left: 0px;
  justify-content: center;
  align-items: center;

 
}
.the-overflow-hidden-mask {
  padding-top: 100px;
  position: relative;
  z-index: 200;
  /* overflow: hidden; */
  width: 100%;
  height: 100%;
}

/* 
.vertical-scroll-content {
  padding-top: 70px;
} */

.section-works {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100vh;;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-1{
  opacity: 0;
} 
.section-2{
  opacity: 0;
}
.section-3{
  opacity: 0;
}
.section-4{
  opacity: 0;
}

/*  Css sandra */

.form-control{
  background-color: #474644 !important;
  color: white !important;
  border-radius: 20px;
  font-family: 'Raleway';
  font-size: 14.5px;
  
}
.form-control::placeholder{
  color: white;
}
.form-check-label{
  font-size: 10.5px;
  letter-spacing: 0.033em;
}
.text-form{
  color: white !important;
  font-family: 'GT Pressura';
  font-size: 21.4px;
}
.form-1{
  opacity: 0.95;
} 

.form-check{
  font-size: 10px;
}

/* .section{
  background-size: 100%;
} */

.sticky-subtitle{
  font-size: 17px;
  font-family: 'Raleway';
  font-weight: 500;
  line-height: 28px;
}

.sticky-title{
  font-size: 50px;
  color: white;
  line-height: 60px;
  margin-block-end: 0.7em;
}
.sticky-title p{
  font-size: 25px!important;
  line-height: 33px;
  font-weight: bold!important;
}

.title-maestria{
  color: white;
  font-family: 'Raleway';
  font-weight: bold;
  font-size: 27px;
  line-height: 34px;
}

.img-efect {
  max-width: 580px;
  width: auto;
} 


.info p{
  margin-block-end: 0.1em;
 
}
.info a{
  color: #474644;
}
/* .info{
  margin-left: -10px;
} */


.names-content{
  display: flex !important;
  justify-content: center !important;
  margin-left: 25px;
}

.slider-responsive{
  background-color: #5f0023
}

.slider-responsive .section-title:after {
  border: 6px solid white;
}

.slider-responsive{
  display: none;
}
.section-title-responsibe {
  display: none;
}
.slider-responsive{
  padding-left: 20px;
  padding-right: 20px;
  color:white;
  bottom: -100px;
}

.item{
  border-top: 4px solid white;
  border-color: rgba(235, 218, 218, 0.5);
  padding-top: 30px;
  max-width: 510px;
}
.ts-princing-desktop{
  display: none;
}