body{
   overflow-x: hidden;
 }
 /* bebas-neue-regular - latin */
 @font-face {
   font-family: 'Bebas Neue';
   font-style: normal;
   font-weight: 400;
   src: url('../assets/fonts/bebas-neue-v2-latin-regular.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../assets/fonts/bebas-neue-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/bebas-neue-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/bebas-neue-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/bebas-neue-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/bebas-neue-v2-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
 }

 /* body,.btn-extensive,footer .btn-dark,
 .curso-extensive .item-vantagem:not(.borda-branca)::before,
 .curso-extensive .item-vantagem:not(.borda-branca)::after,
 .curso-extensive .video-container::after,
 .curso-extensive .slick-dots .slick-active button::before,
 .curso-extensive .bg-extensive-gradient::before,
 .item-vantagem .icone i{
   background: rgb(22,71,234);
   background: -moz-linear-gradient(90deg, rgba(22,71,234,1) 0%, rgba(36,235,143,1) 100%);
   background: -webkit-linear-gradient(90deg, rgba(22,71,234,1) 0%, rgba(36,235,143,1) 100%);
   background: linear-gradient(90deg, rgba(22,71,234,1) 0%, rgba(36,235,143,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1647ea",endColorstr="#24eb8f",GradientType=1);
 } */
 body,
 .btn-extensive,
 footer .btn-dark,
 .curso-extensive .item-vantagem:not(.borda-branca)::before,
 .curso-extensive .item-vantagem:not(.borda-branca)::after,
 .curso-extensive .video-container::after,
 .curso-extensive .slick-dots .slick-active button::before,
 .curso-extensive .bg-extensive-gradient::before,
 .item-vantagem .icone i {
    background: rgb(4 32 126);
    background: -moz-linear-gradient(90deg, rgb(4 32 126) 0%, rgb(186 14 251) 100%);
    background: -webkit-linear-gradient(90deg, rgb(4 32 126) 0%, rgb(186 14 251) 100%);
    background: linear-gradient(90deg, rgb(4 32 126) 0%, rgb(186 14 251) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04207e", endColorstr="#ba0efb", GradientType=1);
 }
 .curso-extensive .video-container::before{
   -webkit-border-top-left-radius: 1.1rem;
   -moz-border-radius-topleft: 1.1rem;
   border-top-left-radius: 1.1rem;
 }
 .curso-extensive  .video-container::after,
 .curso-extensive .adorno::after{
   -webkit-border-bottom-right-radius: 1.1rem !important;
   -moz-border-radius-bottomright: 1.1rem !important;
   border-bottom-right-radius: 1.1rem !important;
 }
 .curso-extensive .item-vantagem .check-icone{
   margin: 0 auto;
   display: inline-block;
   width: 30px;
   height: 30px;
   background: url("../assets/img/icone-check.svg") no-repeat center/1.5rem;
 }
 .curso-extensive .banner-top .item-vantagem::after,
 .curso-extensive .item-vantagem::after,
 .curso-extensive .item-vantagem::before{
   transform: rotate(270deg) scaleX(-1);
 }
 .curso-extensive .item-vantagem .titulo{
     /* color: #22D39C; */
   color: #b20ef5;
 }
 .diagonal-box:not(.banner-top) .section-header h3 {
   font-size: 2.2rem;
 }
 /*menu*/
 .curso-extensive h3{
   /* color:#22D39C; */
   color: #af0ff3;
 }
 /*breadcrumb*/
 .breadcrumb-item+.breadcrumb-item::before{
   color: #fdfdfd6e;
 }
 body.curso-extensive .navbar-dark .navbar-nav .nav-link{
   color:#FFF;
   text-transform: uppercase;
 }
 /*-----*/

 .section-header {
   max-width: 700px;
 }

 .section-header h1,
 .section-header h2,
 .section-header h3{
     font-weight: 700;
 }

 .section-header .white{
   color: #fff;
 }


 @media (max-width: 767.98px) {
   .banner-top::after{
     display: none;
   }
 }

 @media (min-width: 768px) {
   .banner-top::after{
     width: 300px;
     height: 380px;
     background-size: 380px;
     right: 0;
     bottom: -100px;

   }
 }

 @media (min-width: 992px) {
   .banner-top::after{
     width: 490px;
     height: 516px;
     background-size: 555px 516px;
     right: 0;
     bottom: -148px;
   }
   .banner-top .section-header{
       max-width: 620px;
   }
 }

 @media (min-width: 1200px) {
   .banner-top::after{
     width: 600px;
     height: 516px;
     background-size: 555px 516px;
     right: 0;
     bottom: -148px;
   }
 }


 .banner-top .section-header .lead{
   color:#EEE
 }

 .section-header .dark{
   color: #222;
 }
 .cabecalho.border-bottom{
   border-color: #ffffff1c !important;
 }



 /*.diagonal-bottom{
   clip-path: polygon(0 0%, 100% 0, 100% 60%, 0 100%);
   padding-bottom: 20%;
 }
 */
 .diagonal-box{
   position: relative;
   padding: 10% 0 5% 0;
   margin-top: -1px;
 }
 .diagonal-box.banner-top {
   padding: 12% 0 5% 0;
   margin-top: -12%;
 }
 .diagonal-box.wrap{
     padding: 0 !important;
 }
 .diagonal-box::before,
 .diagonal-box.wrap::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   transform: skewy(-12.9deg);
   transform-origin: 50% 0;
   outline: 1px solid transparent;
   backface-visibility: hidden;
   z-index: -2;
 }
 .diagonal-box.rotate-right::before{
   transform: skewy(-11.9deg);
   transform-origin: 52% 0;
 }
 .diagonal-box.rotate-left::before{
   transform: skewy(-13.9deg);
   transform-origin: 52% 0;
 }

 .diagonal-box.banner-top:before{
   transform: skewy(-10.5deg);
 }

 .bg-claro::before {
   background-image: linear-gradient(45deg, #dae0eb, #FFFFFF);
 }
 .bg-escuro::before {
   background-image: linear-gradient(45deg, #111, #333333);
 }
 .bg-escuro-light::before {
   background-image: linear-gradient(45deg, #222, #333436);
 }
 .diagonal-box.wrap.bg-escuro .textura::before{
   opacity:.7;
 }
 .textura.opacity-10::before{
   opacity:.15;
 }
 .textura::before{
   background-image: url("../assets/img/bg_diagonal_2.png");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .nossos-cursos::after{
   content: "";
   position: absolute;
   left: 0;
   top: -165px;
   right: 0;
   bottom: -165px;
   background-image: url('bg_nossos_cursos.webp');
   background-color:#111;
   background-repeat: no-repeat;
   background-size: contain;
   z-index: -3;
 }

 /*Cards*/
 /*Intensive*/
 .card.intensive,
 .card.extensive,
 .card.propedeutics,
 .card.professor{
   -webkit-border-radius: 1rem;
   -moz-border-radius: 1rem;
   border-radius: 1rem;
   padding-top: 5rem !important;
 }

 .card .card-body p{
     margin-bottom: 3em;
 }
 .card.intensive{
   background: rgb(217,33,87);
   background: -moz-linear-gradient(45deg, rgba(217,33,87,1) 0%, rgba(247,160,41,1) 100%);
   background: -webkit-linear-gradient(45deg, rgba(217,33,87,1) 0%, rgba(247,160,41,1) 100%);
   background: linear-gradient(45deg, rgba(217,33,87,1) 0%, rgba(247,160,41,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d92157",endColorstr="#f7a029",GradientType=1);
 }
 .card.extensive{
     background: rgb(22,74,232);
     background: -moz-linear-gradient(45deg, rgba(22,74,232,1) 0%, rgba(36,235,143,1) 100%);
     background: -webkit-linear-gradient(45deg, rgba(22,74,232,1) 0%, rgba(36,235,143,1) 100%);
     background: linear-gradient(45deg, rgba(22,74,232,1) 0%, rgba(36,235,143,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#164ae8",endColorstr="#24eb8f",GradientType=1);
 }
 .card.propedeutics{
     background: rgb(27,27,28);
     background: -moz-linear-gradient(45deg, rgba(27,27,28,1) 0%, rgba(70,70,70,1) 100%);
     background: -webkit-linear-gradient(45deg, rgba(27,27,28,1) 0%, rgba(70,70,70,1) 100%);
     background: linear-gradient(45deg, rgba(27,27,28,1) 0%, rgba(70,70,70,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1c",endColorstr="#464646",GradientType=1);
 }
 .card .card-header, .card .card-body{
   color:#FFF;
 }
 .card .card-header{
     background: none;
     border: none;
     text-transform: uppercase;
 }
 .card .card-body button,
 .card .card-body a{
     background-color: #fff;
     color: #000;
     border:none;
 }
 .card .wave{
   padding: 1rem;
   border-radius: 100%;
   display: inline-block !important;
   border: 1px solid rgba(255,255,255,.125)
 }
 .card .wave.one{
   background-color: rgba(255,255,255,0.15);
   z-index: 100;
   top: -4.5rem;
   position: absolute;
   left: 50%;
   margin-left: -4.5rem;
 }
 .card .wave.two{
   background-color: rgba(255,255,255,0.3);
 }
 .card .icone{
   font-size: 3rem;
   display: inline-block;
   height: 4.8rem;
   width: 4.8rem;
   line-height: 0;
   padding-top: 16px;
   background-color: #FFF;
   text-align: center;
   border-radius: 100%;

 }
 .card.professor{
   background-color:#393A3C;
   padding-top: 7rem !important;
 }
 .curso-extensive .card.professor h4{
     /* color:#22D39C; */
   color: #edc045;
 }
 .card.professor .card-header{
   text-transform: none;
 }
 .card.professor .icone{
   height: 8rem;
   width: 8rem;
   padding: 0;
 }
 .card.professor .wave.one{
     top: -6rem;
     margin-left: -6rem;
 }
 .card.extensive .icone i{
   color: #1ea3b7;
 }
 .card.intensive .icone i{
   background: #F7A029;
   background: -webkit-linear-gradient(to bottom, #F7A029 0%, #D92157 100%);
   background: -moz-linear-gradient(to bottom, #F7A029 0%, #D92157 100%);
   background: linear-gradient(to bottom, #F7A029 0%, #D92157 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .nossos-cursos .card{
   border:none
 }
 @media (min-width: 768px) {

   .card.extensive{
     margin-top: -3rem
   }
 }

 /*Vantagens*/
 .vantagens .item-vantagem{
   min-height: 160px;
 }
 .video-container{
   position: relative;
 }
 .item-vantagem{
   position: relative;
   background-color: #FFF;
   min-height: 120px;
   padding: 1rem;
 }
 .item-vantagem.rounded{
   -webkit-border-radius:  0.5rem !important;
   -moz-border-radius:  0.5rem !important;
   border-radius:  0.5rem !important;
 }
 .item-vantagem::before,
 .item-vantagem::after,
 .video-container::before,
 .video-container::after,
 .adorno::after{
   content: '';
   display: block;
   width: 48px;
   height: 48px;
   background-color: #ffffff7d;
   position: absolute;
   z-index: -1;
 }
 .adorno{
   position: relative;
 }
 .adorno::after{
   /* background-color: #22D39C !important; */
   background-color: #9e1cd1 !important;
   bottom: -4px;
   right: -4px;
 }
 .item-vantagem::before,
 .video-container::before{
   top: -5px;
   left: -5px;
   -webkit-border-top-left-radius:  0.5rem;
   -moz-border-radius-topleft:  0.5rem;
   border-top-left-radius:  0.5rem;
 }
 .item-vantagem::after,
 .video-container::after{
   bottom: -5px;
   right: -5px;
   -webkit-border-bottom-right-radius:  0.5rem;
   -moz-border-radius-bottomright:  0.5rem;
   border-bottom-right-radius: 0.5rem;
 }
 .item-vantagem p{
   margin-bottom: 0;
 }
 .item-vantagem h4{
   font-size: 1em;
   color:#333;
   font-weight: bold;
 }
 .item-vantagem .icone i{
   margin-right: 1rem;
   padding-top: 0.5rem;
   font-size: 2rem;
   height: 4rem;
   display: block;
   width: 4rem;
   text-align: center;
   color:#FFF;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }

 /*VÍDEO CONTAINER*/
 .video-container,.video-container > div{
     background-color: #333;
     -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
     border-radius: 1rem;
 }
 .video-container > div{
   overflow: hidden;
   height: 360px;
 }

 /*ABOUT*/
 .about figure{
   margin-top:-8rem;
 }

 /*MÓDULOS*/
 .curso-extensive .modulos .slick-track > .slick-slide > div{
   padding: 0;
   margin-left: 1rem;
   margin-right: 1rem;
   margin-bottom:2rem;
   min-height: 180px;
 }
 .curso-extensive .modulos .slick-track > .slick-slide > div img{
   padding: 0;
   -webkit-border-radius: 1rem;
   -moz-border-radius: 1rem;
   border-radius: 1rem;
   margin: 0;
   min-height: 180px;
   margin: 0;
   display: block;
 }

 /* grayscale módulos
 .curso-extensive .modulos .slick-track > .slick-slide > div img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
 }

 .curso-extensive .modulos .slick-track > .slick-slide > div img:hover {
    -webkit-filter: none;
    filter: none;
 }
 ------------------------*/
 .curso-extensive .modulos .slick-track > .slick-slide > div figure{
     position:relative;
     margin: 0;
     -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
     border-radius: 1rem;
     background: rgb(51, 51, 51) url('loading.png') no-repeat center center ;
 }

 .curso-extensive .modulos .slick-track > .slick-slide > div figcaption{
   position:absolute;
   bottom:0;
   right: 0;
   left: 0;
   -webkit-border-bottom-right-radius: 1rem;
   -webkit-border-bottom-left-radius: 1rem;
   -moz-border-radius-bottomright: 1rem;
   -moz-border-radius-bottomleft: 1rem;
   border-bottom-right-radius: 1rem;
   border-bottom-left-radius: 1rem;
   display: inline-block;
   /* color:#24eb8f; */
   color: #FFF;
   font-weight: bold;
   text-align: center;
   padding-top: 2rem;
   padding-bottom: 2rem;
   font-size: 1.5rem;
   background: rgb(17,17,17);
   background: -moz-linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0.700717787114846) 40%, rgba(17,17,17,0) 100%);
   background: -webkit-linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0.700717787114846) 40%, rgba(17,17,17,0) 100%);
   background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0.700717787114846) 40%, rgba(17,17,17,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
 }

 .curso-extensive .slick-dots .slick-active button::before,
 .curso-extensive .slick-dots li button::before{
   line-height: 15px;
   width: 15px;
   height: 15px;
   color: transparent;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }
 .curso-extensive .slick-dots li button::before{
   background-color: #848484;
 }

 /*CRONOGRAMA*/
 .cronograma a.btn-dark{
     background-color: #111;
     border-color: #111;
 }
 .cronograma a.btn-dark:hover{
   background-color: #000;
 }
 .cronograma .tablet{
   text-align: right;
 }
 .cronograma .tablet img{
     margin-top: -2.5rem;
 }
 .cronograma.diagonal-box::before,
 .cronograma.diagonal-box .diagonal-box::before{
   bottom: -1rem !important;
 }

 /*metodologia*/
 .metodologia .metodos > div:nth-child(1){
     /* background-color: #0F4CE8; */
      background-color: #06207f;
 }
 .metodologia .metodos > div:nth-child(2){
   /* background-color: #1061DD; */
   background-color: #3a1ba3;
 }
 .metodologia .metodos > div:nth-child(3){
   /* background-color: #1484CA; */
   background-color: #6117be;
 }
 .metodologia .metodos > div:nth-child(4){
   /* background-color: #1BB0B1; */
   background-color: #8a13da;
 }
 .metodologia .metodos > div:nth-child(5){
   /* background-color: #1EBEA8; */
   background-color: #af0ff3;
 }

 /*Telegran*/
 .telegran{
   min-height: 500px;
 }
 .telegran > div{
   padding-top:8rem !important;
 }
 @media (max-width: 575.98px) {
   .telegran > div{
     padding-top:40rem !important;
   }
   .telegran::after {
     width: 80% !important;
   }
 }
 .telegran::after {
   background: url(../assets/img/whatsapp_hand_neutro.png) no-repeat bottom right;
   content: "";
   display: block;
   position: absolute;
   height: 742px;
   width: 48%;
   z-index: -2;
 }

 /*Apostilas*/
 .apostilas .apostila-item .rounded{
   -webkit-border-radius: 1rem !important;
   -moz-border-radius: 1rem !important;
   border-radius: 1rem !important;
 }
 .apostilas .apostila-item{
     min-height: 180px;
     background: url('loading.png') no-repeat center center ;
 }

 /*oftquest*/
 .oftquest img.notebook{
   margin-top: -8rem;
 }
 @media (max-width: 991px) {
   .oftquest img.notebook{
     margin-top: 0rem;
   }
 }
 /*Navegação - Submenu cursos*/

 .submenu-curso .nav-link,
 .submenu-curso .navbar-toggler .navbar-toggler-icon-personalizado::before,
 .submenu-curso .navbar-toggler .navbar-toggler-icon-personalizado::after{
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
 }
 .curso-extensive .submenu-curso .nav-link.active{
   /* background-color:#22d39c */
   background-color:#6216be
 }
 .curso-extensive .submenu-curso .nav-link:not(.active):hover{
   /* color: #22d39c !important; */
   color:#a610ed !important;
 }
 .submenu-curso .navbar-toggler{
     position: fixed;
     bottom: 1rem;
     right: 1rem;
     z-index: 9;
 }
 .submenu-curso{
   width: 18rem;
 }
 .submenu-curso .navbar-collapse.collapse,
 .submenu-curso .navbar-collapse.collapse.show{
   background-color: #292929;
   position: fixed;
   top: 0px;
   bottom: 0px;
   box-shadow: 0 2rem 2rem rgba(0,0,0,.75);
   width: 18rem;
 }

 .submenu-curso .navbar-toggler{
   padding: 0;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   background-color:#b10ff5
 }
 .submenu-curso .navbar-toggler .navbar-toggler-icon-personalizado{
   position: relative;
   display: block;
   height: 2rem;
   width: 2rem;
 }

 /*.submenu-curso .navbar-toggler:not(.collapsed){
     left:18rem;
     margin-left:-1.1rem;
     bottom: auto;
     top: 1rem;
 }*/
 .submenu-curso .navbar-toggler:not(.collapsed) .navbar-toggler-icon-personalizado::before{
   transform: rotate(45deg);
 }
 .submenu-curso .navbar-toggler:not(.collapsed) .navbar-toggler-icon-personalizado::after{
   transform: rotate(-45deg);
 }
 .submenu-curso .navbar-toggler .navbar-toggler-icon-personalizado::before,
 .submenu-curso .navbar-toggler .navbar-toggler-icon-personalizado::after{
   z-index: 99999;
   content: '';
   height: 2px;
   background-color: #FFF;
   display: block;
   width: 1rem;
   position: absolute;
   top: 1rem;
   left:0.5rem;
   margin: 0 !important;
 }
 .submenu-curso .navbar-toggler.collapsed .navbar-toggler-icon-personalizado::before{
   top:.7rem
 }
 .submenu-curso .navbar-toggler.collapsed .navbar-toggler-icon-personalizado::after{
   top:1.1rem
 }
 .curso-extensive .submenu-curso.navbar-dark .navbar-toggler{
   color: rgb(1 249 138 / 55%) !important;
 }

 /*Depoimentos*/
  .depoimentos .slick-track > .slick-slide.video {
      background-color: #232323;
  }
 .depoimentos .slick-track > .slick-slide{
   padding:2rem 0rem 4rem 0rem;
   background-color: #fff;
   margin-right: 0.5rem;
   margin-left: 0.5rem;
   -webkit-border-radius: 1rem;
   -moz-border-radius: 1rem;
   border-radius: 1rem;

   background-image: url("../assets/img/extensive_quotes.svg");
   background-repeat: no-repeat;
   background-position: 92% 95%;
 }
 .depoimentos .slick-track > .slick-slide h4{
   font-size: 1.2rem;
   margin-bottom: 1rem;
   padding-left: 2rem;;
 }
 .depoimentos .slick-track>.slick-slide.video h4 {
   color:#FFF
 }
 .depoimentos .slick-track > .slick-slide p{
     color:#272829;
     font-style: italic;
     padding-right: 2rem;
      padding-left: 2rem;
     background: url('../assets/img/stars.gif') no-repeat;
      background-position-x: 2rem;
      background-position-y: bottom;
     padding-bottom: 2.5rem;
 }
 .depoimentos .slick-prev:before, .slick-next:before{
   color:#000 !important
 }

 /*planos*/
 .planos .price{
   font-family: 'Bebas Neue';
   font-size: 6rem;
 }
 .planos .item-vantagem .check-icone{
   margin-right:1rem;
   margin-left: 0rem;
 }
 .planos .item-vantagem{
   min-height: auto !important;
 }
 @supports (-webkit-text-stroke: 1px #ffffff73) {
   .planos .price .sigla,
   .planos .price .decimal{
     -webkit-text-stroke: 1px #ffffff73;
     -webkit-text-fill-color: transparent;
   }
 }
 /*rodape*/
 footer .redes-sociais a i,
 footer .contato-info-rodape li a i{
   color:#22D39C !important
 }
 section.contatos .whatsapp {
   color: #FFF;
   border-color: #FFF;
   -webkit-border-radius: 0.7rem;
   -moz-border-radius: 0.7rem;
   border-radius: 0.7rem;
 }
 section.contatos .whatsapp span {
   display: inline-block;
   background-color: #fff;
   border-radius: 50px;
   line-height: 0;
   padding-top: 8px;
   height: 2rem;
   margin-right: 1rem;
   width: 2rem;
 }
 section.contatos .whatsapp img {
   width: 1rem;
 }
 section.contatos div#contatos{
     padding-top: 6rem !important;
     padding-bottom: 8rem !important;
 }
 footer{
   margin-top:-10rem;
 }

 /*promo grupo extensive*/
 .promo-grupo .desconto{
   font-size:10rem;
 }
 .promo-grupo .desconto{
   font-size: 10rem;
   line-height: .8;
 }
 .promo-grupo .prefix,.promo-grupo .suffix{
   font-size: 1rem;
 }
 .promo-grupo.bg-escuro::before {
     background-image: url('../assets/img/bg_promo_grupos_2.jpg');
     background-color: #111;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center right;
     padding-top: 5rem;
     padding-bottom: 5rem;
     content: "";
     position: absolute;

     top: 0;

     bottom: 0;
     outline: 1px solid transparent;
     backface-visibility: hidden;
     z-index: -1;

     overflow-x: hidden;
 }
 .promo-grupo .rules{
   font-size: 1.2rem;

 }
 .promo-grupo .rules li{
   margin-bottom: 1rem;
   position: relative;
   list-style: none;
   padding-left: 2rem;
 }

 .promo-grupo .rules li:before{

     content: '';
     height: 16px;
     width: 16px;
     display: inline-block;
     background: url(../assets/img/arrow.svg) no-repeat center center;
     border: 1px solid #ffffff42;
     position: absolute;
     left: 0px;
     top: 50%;
     margin-top: -8px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     transition: all 200ms;

 }
 @media (max-width: 1024px) {
   .diagonal-box.promo-grupo::after {
       content: "";
       position: absolute;
       left: 0;
       top: 0;
       right: 0;
       bottom: 0;
       outline: 1px solid transparent;
       backface-visibility: hidden;
       z-index: -1;
       background-color: rgba(0, 0, 0, 0.418);
       transform:skewy(-12.9deg);
       transform-origin: 50% 0;

   }
 }
 @media (max-width: 768px) {
     .slick-arrow{
       display:none !important
     }
 }
  .diagonal-box.promo-grupo .section-header .gold{
   color: #bf9213;
 }
  .diagonal-box.promo-grupo .section-header span{
     display: block;
     font-size: 0.5em;
     color: #222;
     font-weight: 400;
 }
 .text-gold{
   color:#e7c201
 }