/*BUTTON  LOOK*/
.responsive-tab-menu .nav-pills .nav-link,
.responsive-tab-menu .nav-pills .show>.nav-link {
  
    background-color:black;
    margin: .5rem 0rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    
   
   
   
}
/*BUTTON ACTIVE LOOK*/
.responsive-tab-menu .nav-pills .nav-link.active,
.responsive-tab-menu .nav-pills .show>.nav-link {
 
    background-color: rgba(35, 35, 35, 0.123);
    
 
   
    
    
  
}

@media (max-width: 767px) {

    .responsive-tab-content,
    .responsive-tab-menu {
        display: block !important;
    }

    .nav-pills.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        border: 1px solid #dddddd;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }

    .nav-pills.nav-tabs-dropdown::after,
    .nav-tabs-dropdown::after {
        content: "☰";
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 2;
        pointer-events: none;
    }

    .nav-pills.nav-tabs-dropdown.open a,
    .nav-tabs-dropdown.open a {
        position: relative;
        display: block;
    }

    /* .nav-pills.nav-tabs-dropdown.open>li.active>a,
    .nav-tabs-dropdown.open>li.active>a {
        background-color: #eeeeee;
    } */

    .nav-pills.nav-tabs-dropdown li,
    .nav-tabs-dropdown li {
        display: block;
        padding: 0;
        vertical-align: bottom;
    }

    .nav-pills.nav-tabs-dropdown>li>a,
    .nav-tabs-dropdown>li>a {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
    }

    .nav-pills.nav-tabs-dropdown>li>a:focus,
    .nav-tabs-dropdown>li>a:focus,
    .nav-pills.nav-tabs-dropdown>li>a:hover,
    .nav-tabs-dropdown>li>a:hover,
    .nav-pills.nav-tabs-dropdown>li>a:active,
    .nav-tabs-dropdown>li>a:active {
        border-color: transparent;
    }

    /* hh */
    .nav-pills.nav-tabs-dropdown>li>a.active,
    .nav-tabs-dropdown>li>a.active {
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #222;
    }

    .nav-pills.nav-tabs-dropdown>li.active>a:focus,
    .nav-tabs-dropdown>li.active>a:focus,
    .nav-pills.nav-tabs-dropdown>li.active>a:hover,
    .nav-tabs-dropdown>li.active>a:hover,
    .nav-pills.nav-tabs-dropdown>li.active>a:active,
    .nav-tabs-dropdown>li.active>a:active {
        border-color: transparent;
    }
}


.tab-pane {
  margin-top: 4rem;
  padding: .5rem;
  background-color: transparent;

  width: 80vw;
  height: 20rem;
  border-radius: 28px 0px 0px 28px;
 
} 
.card-tab-content {
  padding: .5rem;
 
color: var(--clr-1);
background-color: var(--clr-3);
width: 80vw;
  height: 20rem;
  border-radius: 28px 0px 0px 28px;
  box-shadow:2px 2px 6px #222;
}
.card-tab-content img {
width: 100%;
scale: 150%;
border-radius:0px 28px 28px 0px ;
margin-top: 1.6rem;

}

.nav-link img{
  width: 3rem;
 margin-left: -1rem;
  padding: 0;
}




.card-body-circle{
    padding: 2rem 4rem 0rem 4rem;
  }
  .card-title-circle {
  font-size: 3rem;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.181);
  }
  .card-text-circle {
    padding: 0rem 4rem 0rem 0rem;
  }