#curso div#iframeCourse div.card {
      width:95%;
      border:none !important;
      box-shadow: 0 0  6px #1565c0;
    }
    #curso img{
      width: 100%;
      height:14.5em;
      object-fit: cover;
      object-position:center;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
    }
    .container-course div.card .card-header{
      background:#f0f2f4!important;
    }
    .card-padding{
        padding-bottom: 1.5em !important;
    }
    .card-padding-acesso{
      padding: 0;
    }

    .collapse-curso{
        background-color:#ffffff;
        border:none !important;
    }
    .card-acordion{
        background-color: #0466c8 !important;
        border:none !important;
        margin-bottom: 1vw;
    }
    #accordion div.card:active, #accordion div.card:focus{
        
        color:#ffffff;
    }
    #accordion div.card .card-header:visited{
       
    }
    .card-group{
        margin: 3em 2em !important;
    }

    .btn{
        border: none !important;
    }
   #curso div.card-text{
      color:#6c757d !important;
    }

    #curso div.row{
      row-gap:2em;
    }
    #curso div.card-body p{
        font-size: 14px;
    }
  
    #curso .btn-see{
      padding: .3em .7em !important; 
    }
    
    #curso div .btn-outline-dark{
      border: 1px solid #000 !important;
      margin-top: -.5em;
      position: relative;
      left:36%;
      transform: translateY(.6em);
    }
    #curso div .btn-position{
      transform: translateY(2em);
    }
    #curso div .table-position{
      transform: translateY(1.5em);
    }
    .pbx-mb{
      margin-bottom: 1.5rem !important;
    }
    .ul-certificado .btn{
      margin-top:1em !important;
    }
    #curso .btn-close{
      color:white !important;
    }
    .btn-close:hover,  .btn-close:active, .btn-close:focus{
      outline: none !important;
      border: none !important;
    }
    @media (max-width: 400px) {
      #curso div.col-md-4{
        min-width: 104% !important;
        margin: 0 auto !important;
      }
      #curso .btn-see{
        padding: .18em .7em !important; 
      }
        #curso div.col-md-4 img{
          height: 12em;
          object-fit: cover;
          object-position: center;
        }
        #curso h5 {
          font-size: 18px !important;
        }
        #curso div.card-body p {
          font-size: 14px !important;
        }
        #curso div.btn{
          font-size: 12px;
        }
        #curso{
          margin-top: 3vh;
        }
        #curso div.row{
          row-gap:1em;
        }
        .btn-outline-dark{
          transform: translateX(180%);
          border: 1px solid #000 !important;
        }
        #curso div .table-position{
          transform: translateY(0em);
          margin-bottom:-1em;
        }
    }
    @media (max-width: 350px) {
      #curso div .table-position{
        transform: translateY(0) translateX(3em);
      }
      #curso .btn-see{
        padding: .16em .7em !important; 
      }
      #curso .table-position-2{
        transform: translateX(3em);
      }
      .pbx-mb{
        margin-bottom: 0 !important;
      }
      #curso div.row{
        row-gap:1em;
      }
    }
    @media(min-width: 400px) and (max-width: 576px) {
      /*#curso div.col-md-4{
        min-width: 100% !important;
        margin: 0 auto;
        padding: 0 10%;
        justify-content: center;
      }*/
      #curso div .table-position{
        transform: translateY(0);
        margin-bottom: 0 !important;
      }
      #curso div.card{
        width:100%;
      }

      #curso .btn-see{
        padding: .18em .7em !important; 
      }
        .card-padding{
          padding-bottom: 1em !important;
         }
         .card-padding-hst,.card-padding-acesso{
          padding-bottom: 1em !important;
         }
        
    }

    @media (min-width: 576px)  and (max-width: 767px){
      #curso .container{
        width: 100%;
        padding: 0 10%;
      }
      #curso div.col-md-4{
        margin: 0% !important;
        width: 100% !important;
      }
      #curso .btn-see{
        padding: .18em .7em !important; 
      }
    
    }
    @media (min-width: 768px)  and (max-width:  1023px){
      /*#curso div.container:nth-of-type(1){
       padding: 0 6%!important;
      }
      #curso div .col-md-4{
          min-width: 50% !important;
         
        }
        */
      .card-padding-hst{
        padding-bottom: 0em !important;
      }
      .card-padding-acesso{
        padding-bottom: .8em;
      }
      .card-padding{
        padding-bottom: 1.4em !important;
       }
       .pbx-mb{
        margin-bottom: 1.5rem !important;
      }
          
    }
    @media (min-width: 768px)  and (max-width:  991px){
     /* #curso div.container:nth-of-type(1){
       padding: 0%!important;
      }*/
      #curso div .col-md-4{
        min-width: 50% !important;
        margin-bottom: -1em !important;
      }
      #curso .btn-see{
        padding: .2em .7em !important; 
      }
      #curso .card{
       width: 103% !important;
      }
      #curso .card h5{
        font-size:17px;
      }
      /*#curso div .table-position:nth-of-type(1){
        transform: translateY(0) !important;
      }
      #curso div .table-position:nth-of-type(4){
        transform: translateY(1em) !important;
      }
      #curso div .btn-position{
        transform: translateY(.5em);
        margin-bottom: 0 !important;
      }*/
      #curso .card-padding{
        margin-bottom: 0em !important;
      }
    
    }
    @media (min-width: 992px)  and (max-width:  1199px){
      #curso .card{
        width: 103% !important;
       }

       #curso .col-md-4{
        margin-bottom: -.7em;
       }
       #curso .btn-see{
        padding: .2em .7em !important; 
      }
       #curso .col-md-4:nth-of-type(1) .table-position,
       #curso .col-md-4:nth-of-type(4) .table-position{
        transform: translateY(.3em)  translateX(2.5em)  !important;
      }
      #curso .col-md-4:nth-of-type(3) .table-position{
        transform: translateY(-0.1em)  translateX(2.5em) !important;
      }
      #curso .col-md-4:nth-of-type(5) .table-position{
        transform: translateY(1.5em)  translateX(2.5em) !important;
      }
      #curso .table-position-2{
        transform:  translateX(2.5em) !important;
      }
      #curso .col-md-4:nth-of-type(8) .table-position{
        transform:  translateY(1.5em)  translateX(2.5em) !important;
      }
      #curso .table-course-position{
        transform: translateX(2.5em) !important;
      }
      #curso .col-md-4:nth-of-type(1) .btn-position{
        transform: translateY(-2em);
        margin-bottom: -5.5em !important;
      }
      #curso .col-md-4:nth-of-type(4) .btn-position{
        transform: translateY(1em);
      }
      #curso .col-md-4:nth-of-type(9) .table-position{
        transform: translateY(0em)  translateX(2.5em) ;
      }
      #curso .col-md-4:nth-of-type(1) .card-padding{
       margin-bottom: 0 !important;
      }
      #curso .col-md-4:nth-of-type(3) .pbx-mb,
      #curso .col-md-4:nth-of-type(9) .pbx-mb{
        margin-bottom: 0em !important;
      }
      #curso .col-md-4:nth-of-type(1) p{
       margin-bottom: -.5em;
      }
      #curso .col-md-4:nth-of-type(2) p{
        margin-bottom: .7em;
       }
       #curso .col-md-4:nth-of-type(3) p{
        margin-bottom: .7em;
       }
       #curso .col-md-4:nth-of-type(4) p{
        margin-bottom: 0em;
       }
      #curso .col-md-4:nth-of-type(6) h5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical; 
        margin-bottom: .3em;
      }
    }
    @media (min-width: 1024px)  and (max-width: 1199px){
      #curso .col-md-4{
        margin-bottom: -.9em;
       }

       #curso .table-position-2, #curso .table-position{
          transform: translateX(3em) !important;
       }
       
    }

    @media (max-width: 320px) { 
      .card-topics {
        height:20em;
      }
      .card-topics input{
      position: relative;
      left:15em !important;
      top: -4.3em;
      }
      div.item {
        width:65%;
        height: 16em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-520px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        translate: .8em 0; 
        transform:  translateY(-6.4em) ;
        width:95%;
        height: 65%;
      }
    }
    @media (max-width: 350px) { 
      .card-topics {
        height:20em;
      }
      .card-topics input{
      position: relative;
      left:13.5em;
      top: -4.3em;
      }
      div.item {
        width:85%;
        height: 16em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-520px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        transform: translateX(-0.86em) translateY(-6.4em);
        min-width:10%;
        height: 65%;
      }
      #sistemaAcesso div .item:nth-of-type(2), 
      #sistemaCctv div.item:nth-of-type(2), 
      #projectoElectrico div.item:nth-of-type(2),
      #fibra-optica div.item:nth-of-type(4) {
        height: 18em;
      }
      #sistemaAcesso div.card-topics input,   
      #sistemaCctv div.card-topics input, 
      #projectoElectrico div.card-topics input,
      #fibra-optica  div.card-topics input{
        position: relative;
        top: -3.7em;
      }
      #sistemaPbx div.item:nth-of-type(4) , #antenaTv  div.item:nth-of-type(2){
        height: 20em;
        padding-bottom: 1em;
      }
      #antenaTv div.item:nth-of-type(4) {
        height: 20.5em;
      }
      #sistemaPbx div.card-topics, #antenaTv  div.card-topics {
        height:24.3em !important;
      }
      #sistemaPbx  div.card-topics input, #antenaTv div.card-topics input{
        height: 80%;
        position: relative;
        top: 0em;
      }
      #sistemaPbx div.carousel-topic, #antenaTv div.carousel-topic{
        transform: translateX(-0.8em) translateY(-4.3em);
      }
      #segurancaCibernetica div.card-topics, #arCondicionado div.card-topics{
        height:24.5em !important;
      }
      #segurancaCibernetica div.carousel-topic, #arCondicionado div.carousel-topic{
        height: 80% !important;
        transform: translateX(-0.8em) translateY(-4em);
      }
      #segurancaCibernetica  div.item:nth-of-type(4) , #arCondicionado div.item:nth-of-type(2),  #arCondicionado div.item:nth-of-type(4){
        height: 21.5em !important;
      }
      #segurancaCibernetica  div.item:nth-of-type(2) {
        height: 18em !important;
      }
      #segurancaCibernetica div.card-topics input,  #arCondicionado div.card-topics input {
        position: relative;
        top: 0.6em;
      }
      div.carousel-topic p{
        font-size: 13.5px !important;
      }
      #accordion div .card-header a{
        font-size: 14px !important;
        text-align: start;
        padding: 0;
      }
      #accordian  div.card{
        padding: 0;
      }
    }
    @media (min-width: 350px) and (max-width:420px) { 
      .card-topics {
        height:20em;
      }
      .card-topics input{
      position: relative;
      left:15.5em;
      top: -4.3em;
      }
      div.item {
        width:85%;
        height: 16em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-520px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        transform: translateX(0.08em) translateY(-6.4em);
        width:90%;
        height: 65%;
      }
      #sistemaCctv div.item:nth-of-type(2), 
      #higieneHst div.item:nth-of-type(2), 
      #projectoElectrico div.item:nth-of-type(2),
      #fibra-optica div.item:nth-of-type(4) {
        height: 18em;
      } 
      #sistemaCctv div.item:nth-of-type(2){
        height: 19em;
      }
      #sistemaCctv div.card-topics{
        height: 22em;
      }
      #sistemaCctv div.card-topics input{
        position: relative;
        top: -1.8em;
      
      }
      #sistemaCctv div.carousel-topic{
        transform: translateY(-5em);
      }
      #projectoElectrico div.card-topics input,
      #fibra-optica  div.card-topics input,
      #higieneHst div.card-topics input{
        position: relative;
        top: -3.7em;
      }
      #sistemaPbx div.item:nth-of-type(4) , #antenaTv  div.item:nth-of-type(2){
        height: 20em;
        padding-bottom: 1em;
      }
      #antenaTv div.item:nth-of-type(4) {
        height: 20.5em;
      }
      #sistemaPbx div.card-topics, #antenaTv  div.card-topics {
        height:24.3em !important;
      }
      #sistemaPbx  div.card-topics input, #antenaTv div.card-topics input{
        height: 80%;
        position: relative;
        top: 0em;
        left: 14.4em;
      }
      #sistemaPbx div.carousel-topic, #antenaTv div.carousel-topic{
        transform: translateX(0.11em) translateY(-4.3em);
      }
     #segurancaCibernetica div.card-topics, #arCondicionado div.card-topics{
        height:24.5em !important;
      }
      #segurancaCibernetica div.carousel-topic, #arCondicionado div.carousel-topic{
        transform: translateX(0.09em) translateY(-4em);
      }
      #segurancaCibernetica  div.item:nth-of-type(4),#arCondicionado div.item:nth-of-type(2),  #arCondicionado div.item:nth-of-type(4){
        height: 20em !important;
      }
      #segurancaCibernetica  div.item:nth-of-type(2) {
        height: 18em !important;
      }
      #segurancaCibernetica div.card-topics input,  #arCondicionado div.card-topics input {
        position: relative;
        top: .5em;
        left: 15em;
      }
      div.carousel-topic p{
        font-size: 13.5px !important;
      }
      #accordion div .card-header a{
        font-size: 14px !important;
        text-align: start;
        padding: 0;
      }
      #accordian  div.card{
        padding: 0;
      }
    }

    @media (min-width: 420px) and (max-width:576px) { 
      .card-topics {
        height:20em;
      }
      .card-topics input{
      position: relative;
      left:15.5em;
      top: -4.3em;
      }
      div.item {
        width:85%;
        height: 16em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-520px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        transform: translateX(0.08em) translateY(-6.4em);
        width:80%;
        height: 65%;
      }
      #sistemaCctv div.item:nth-of-type(2), 
      #higieneHst div.item:nth-of-type(2), 
      #projectoElectrico div.item:nth-of-type(2),
      #fibra-optica div.item:nth-of-type(4) {
        height: 18em;
      } 
      #sistemaCctv div.item:nth-of-type(2){
        height: 19em;
      }
      #sistemaCctv div.card-topics{
        height: 22em;
      }
      #sistemaCctv div.card-topics input{
        position: relative;
        top: -1.8em;
      
      }
      #sistemaCctv div.carousel-topic{
        transform: translateY(-5em);
      }
      #projectoElectrico div.card-topics input,
      #fibra-optica  div.card-topics input,
      #higieneHst div.card-topics input{
        position: relative;
        top: -3.7em;
      }
      #sistemaPbx div.item:nth-of-type(4) , #antenaTv  div.item:nth-of-type(2){
        height: 20em;
        padding-bottom: 1em;
      }
      #antenaTv div.item:nth-of-type(4) {
        height: 20.5em;
      }
      #sistemaPbx div.card-topics, #antenaTv  div.card-topics {
        height:24.3em !important;
      }
      #sistemaPbx  div.card-topics input, #antenaTv div.card-topics input{
        height: 80%;
        position: relative;
        top: 0em;
        left: 14.4em;
      }
      #sistemaPbx div.carousel-topic, #antenaTv div.carousel-topic{
        transform: translateX(0.11em) translateY(-4.3em);
      }
     #segurancaCibernetica div.card-topics, #arCondicionado div.card-topics{
        height:24.5em !important;
      }
      #segurancaCibernetica div.carousel-topic, #arCondicionado div.carousel-topic{
        transform: translateX(0.09em) translateY(-4em);
      }
      #segurancaCibernetica  div.item:nth-of-type(4),#arCondicionado div.item:nth-of-type(2),  #arCondicionado div.item:nth-of-type(4){
        height: 20em !important;
      }
      #segurancaCibernetica  div.item:nth-of-type(2) {
        height: 18em !important;
      }
      #segurancaCibernetica div.card-topics input,  #arCondicionado div.card-topics input {
        position: relative;
        top: .5em;
        left: 15em;
      }
      div.carousel-topic p{
        font-size: 13.5px !important;
      }
      #accordion div .card-header a{
        font-size: 14px !important;
        text-align: start;
        padding: 0;
      }
      #accordian  div.card{
        padding: 0;
      }
    }
    
    @media (min-width: 576px)  and (max-width:  768px) { 
      .card-topics {
        height:20em;
      }
      .card-topics input{
      position: relative;
      left:15.5em;
      top: -4.3em;
      }
      div.item {
        width:85%;
        height: 18em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-520px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        transform: translateX(0.08em) translateY(-6.4em);
        width:50%;
        height: 65%;
      }
      #sistemaCctv div.item:nth-of-type(2), 
      #higieneHst div.item:nth-of-type(2), 
      #projectoElectrico div.item:nth-of-type(2),
      #fibra-optica div.item:nth-of-type(4) {
        height: 18em;
      } 
      #sistemaCctv div.item:nth-of-type(2){
        height: 19em;
      }
      #sistemaCctv div.card-topics{
        height: 22em;
      }
      #sistemaCctv div.card-topics input{
        position: relative;
        top: -1.8em;
      
      }
      #sistemaCctv div.carousel-topic{
        transform: translateY(-5em);
      }
      #projectoElectrico div.card-topics input,
      #fibra-optica  div.card-topics input,
      #higieneHst div.card-topics input{
        position: relative;
        top: -3.7em;
      }
      #sistemaPbx div.item:nth-of-type(4) , #antenaTv  div.item:nth-of-type(2){
        height: 20em;
        padding-bottom: 1em;
      }
      #antenaTv div.item:nth-of-type(4) {
        height: 20.5em;
      }
      #sistemaPbx div.card-topics, #antenaTv  div.card-topics {
        height:24.3em !important;
      }
      #sistemaPbx  div.card-topics input, #antenaTv div.card-topics input{
        height: 80%;
        position: relative;
        top: 0em;
        left: 14.4em;
      }
      #sistemaPbx div.carousel-topic, #antenaTv div.carousel-topic{
        transform: translateX(0.11em) translateY(-4.3em);
      }
     #segurancaCibernetica div.card-topics, #arCondicionado div.card-topics{
        height:24.5em !important;
      }
      #segurancaCibernetica div.carousel-topic, #arCondicionado div.carousel-topic{
        transform: translateX(0.09em) translateY(-4em);
      }
      #segurancaCibernetica  div.item:nth-of-type(4),#arCondicionado div.item:nth-of-type(2),  #arCondicionado div.item:nth-of-type(4){
        height: 20em !important;
      }
      #segurancaCibernetica  div.item:nth-of-type(2) {
        height: 18em !important;
      }
      #segurancaCibernetica div.card-topics input,  #arCondicionado div.card-topics input {
        position: relative;
        top: .5em;
        left: 15em;
      }
      div.carousel-topic p{
        font-size: 14.5px !important;
      }
      #accordion div .card-header a{
        font-size: 15px !important;
        text-align: start;
        padding: 0;
      }
      #accordian  div.card{
        padding: 0;
      }
    }
    @media (min-width: 769px)  and (max-width:  1023px){
      .card-topics input{
        position: relative;
        left:13em;
        top:3%;
      }
      div.item {
        min-width:30%;
        height: 20em;
        border-bottom: none;
        border-radius:9%;
        transform: rotateY(calc(-10deg * var(--r)))
        translateX(calc(-600px * var(--r)));
        z-index: calc((var(--position)- var(--abs)));
      }
      div.carousel-topic {
        transform: translateX(-1em) translateY(-4em);
        width:90%;
      }
      div.carousel-topic p{
        font-size: 18.5px !important;
      }
      #accordion div .card-header a{
        font-size: 20px !important;
        text-align: start;
        padding: 0;
      }
      #accordian  div.card{
        padding: 0;
      }
    }

    @media (min-width: 1400px){
    
    }

    .card-topics input{
      transform: translateX(-14em) translateY(-11.5em);
      color: #fff;
      
    }

    div.item:nth-of-type(1) {
      --offset: 1;
      background-color:#0069cc;
    }
    div.item:nth-of-type(2) {
      --offset: 2;
      background-color:#005cb3;
    }
    div.item:nth-of-type(3) {
      --offset: 3;
      background-color: 	#0069cc;/* #004f99;*/
    }
    div.item:nth-of-type(4) {
      --offset: 4;
      background-color: #005cb3 /* #0069cc;  	 #004280;*/
    }

    .card-topics input:nth-of-type(1) {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }
  .card-topics input:nth-of-type(1):checked ~ div.carousel-topic {
      --position: 1;
    }
    
    .card-topics input:nth-of-type(2) {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
    }
    .card-topics input:nth-of-type(2):checked ~ div.carousel-topic {
      --position: 2;
    }
    
    .card-topics input:nth-of-type(3) {
      grid-column: 4 /5;
      grid-row: 2 / 3;
    }
    .card-topics input:nth-of-type(3):checked ~ div.carousel-topic {
      --position: 3;
    }
    
    .card-topics input:nth-of-type(4) {
      grid-column: 5 / 6;
      grid-row: 2 / 3;
    }
    .card-topics input:nth-of-type(4):checked ~ div.carousel-topic {
      --position: 4;
    }
    
    .card-topics input:nth-of-type(5) {
      grid-column: 6 / 7;
      grid-row: 2 / 3;
    }
    .card-topics input:nth-of-type(5):checked ~ div.carousel-topic {
      --position: 5;
    }