/**
** key dont be focus for every pixel but for every device
**/
.card .card-header .col-10 #en {
  color: white; }

.card .card-header .col-10 #ind {
  color: white; }

.container-fluid {
  overflow-x: hidden !important; }

* {
  font-size: 0.9rem;
  font-family: 'Lato', sans-serif; }

.fa-chevron-down {
  margin-top: 0.9rem;
  font-size: 2rem; }

.transformChevronDown {
  transform: rotate(90deg); }

@media only screen and (min-width: 2240px) {
  .card-header .col-2 {
    padding-left: 10rem; }
  .experience .row .col-sm-12 .row {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 50%; }
  html body .container-fluid .item .card {
    height: 15vh; }
  .container-fluid .item .card .card-header .col-10 {
    margin-top: 5rem; }
  .container-fluid .item .card .card-header .col-2 i {
    margin-top: 5.1rem; } }

@media only screen and (min-width: 1023px) {
  .card-header .col-2 {
    padding-left: 10rem; }
  .experience .row .col-sm-12 .row {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 50%; } }

@media only screen and (min-width: 750px) and (max-width: 1023px) {
  #show-aboutMe .row .col-md-9 p {
    margin-left: 4rem; }
  .experience .row .col-sm-12 .row {
    margin-bottom: 1rem;
    margin-left: 50%; } }

@media only screen and (min-width: 280px) and (max-width: 750px) {
  #show-aboutMe .row .col-md-9 p {
    margin-left: 0rem; }
  .experience .row .col-sm-6 ul {
    margin-left: -9%; }
  #show-aboutMe img {
    margin-left: 15%; }
  .collapse-detail ul {
    list-style-type: none;
    position: relative;
    left: -10px; } }

.item {
  margin-bottom: 1rem; }

.card {
  background: black !important;
  color: white; }

.collapse-detail {
  background: linear-gradient(38deg, #ff9500 62%, #ffcc84 100%);
  color: white; }
  .collapse-detail .mb-in-collapse-detail {
    width: 100%;
    height: var(--mb); }

.mb-out-collapse-detail {
  width: 100%;
  height: var(--mb); }

.collapse-detail * {
  font-size: 1.4rem; }

.abilities {
  margin: 1rem;
  padding: 1rem;
  background: linear-gradient(38deg, #ff9500 62%, #ffcc84 100%);
  margin-left: -2rem;
  font-weight: 600; }

.progress {
  margin-top: 1rem; }

.progress-bar {
  font-size: 0.9rem !important;
  text-align: start !important;
  padding-left: 1rem; }

.fit-image-ratio {
  margin-right: 200p;
  width: 70%;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%; }

.fit-image-ratio-cert {
  width: 80%;
  height: 83.5%;
  object-fit: cover;
  object-position: 50% 30%; }

.experience {
  margin: 1rem; }

.experience .row {
  margin-top: 4rem; }

.experience .row .col-sm-6:nth-child(2) .row img {
  margin-left: 15%;
  margin-right: 1rem; }

.experience .row .col-sm-6:nth-child(1) .row img {
  margin-left: 15%;
  margin-right: 1rem; }

.certificate {
  margin: 1rem; }

.certificate .row {
  margin-top: 4rem; }

.certificate .row .col-sm-6 .row {
  margin-left: 10%; }

.certificate .row .col-sm-12:nth-child(2) .row img {
  margin-left: 15%;
  margin-right: 1rem; }

.certificate .row .col-sm-12:nth-child(1) .row img {
  margin-left: 15%;
  margin-right: 1rem; }

.contactMe {
  padding: 2rem; }

p {
  line-height: 2.5rem; }

li {
  margin-top: 1rem; }

ul h1 {
  margin-top: 1rem; }

.collapse-detail li:nth-child(1) {
  list-style-type: none; }

.collapse-detail ul {
  list-style-type: disc;
  right: 7%; }
  .collapse-detail ul .prj {
    list-style: none; }
  .collapse-detail ul .noneprj {
    list-style: disc; }
  .collapse-detail ul li {
    text-align: left; }
    .collapse-detail ul li img {
      position: relative;
      top: -0.1rem;
      margin-left: -1.7rem;
      padding-right: .15rem;
      content: url("../../assets/check-mark-button-sized.svg"); }

.accordion:hover {
  cursor: pointer; }

.slide-anime {
  width: 100%;
  height: 450px; }

.slide-anime img {
  position: relative;
  max-width: 100%;
  animation: fade-out .2s; }

.slide-anime img:nth-child(1) {
  display: block; }

.mySlides {
  display: none;
  text-align: center; }

#show-abilities .abilities .row {
  margin-bottom: .8rem; }

#docx {
  align-content: center;
  height: 50px !important; }