/* .verticaltext { 
	width: 100;
    transform: translate(0px, 110px)
    rotate(270deg);
    white-space: nowrap;

    } */

    .dropdown {
      padding: 8px 15px;
      justify-content: center;
      align-items: center;
      color: rgba(0,0,0,.5);
      font-size: 16px;
      perspective: 1000px;
      z-index: 100;
    }
    .dropdown:hover {
      cursor: pointer;
    }
    .dropdown:hover .dropdown_menu li {
      display: block;
    }
    .dropdown_menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      perspective: 1000px;
      z-index: -1;
    }
    .dropdown_menu li {
      display: none;
      color: black;
      background-color: rgba(218, 249, 241, 0.534);
      padding: 10px 70px 10px 30px;
      font-size: 16px;
      opacity: 0;
      border-radius: 5px;
    }
    .dropdown_menu li:hover {
      background-color: rgba(0, 181, 130, 0.699);
    }
 
    .dropdown_menu-5 .dropdown_item-1 {
      transform-origin: top center;
      animation: translateX 300ms 60ms ease-in-out forwards;
    }
    .dropdown_menu-5 .dropdown_item-2 {
      transform-origin: top center;
      animation: translateX 300ms 120ms ease-in-out forwards;
    }
    .dropdown_menu-5 .dropdown_item-3 {
      transform-origin: top center;
      animation: translateX 300ms 180ms ease-in-out forwards;
    }
    @-moz-keyframes translateX {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }
      80% {
        transform: translateX(-5px);
      }
      100% {
        opacity: 1;
        transform: translateX(0px);
      }
    }
    @-webkit-keyframes translateX {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }
      80% {
        transform: translateX(-5px);
      }
      100% {
        opacity: 1;
        transform: translateX(0px);
      }
    }
    @-o-keyframes translateX {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }
      80% {
        transform: translateX(-5px);
      }
      100% {
        opacity: 1;
        transform: translateX(0px);
      }
    }
    @keyframes translateX {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }
      80% {
        transform: translateX(-5px);
      }
      100% {
        opacity: 1;
        transform: translateX(0px);
      }
    }
    

body {
    font-family: 'Quicksand', sans-serif !important;
    position: relative; 
}    

.profile-picture {
    width: 95%!important;
}

.profile {
    background-color: rgb(0, 125, 107);
}

.profile-arrow {
    background-color: rgba(31, 61, 36, 0.315);
    border-radius: 30px;
    width: 20;
    height: 17;
}

.linked {
    color: black;
}

.linked:hover {
    color: black;
}

.social-git:hover {
    color: rgb(0, 160, 110);;
}
.social-linked-in:hover {
    color:  #0e76a8;
}
.social-fb:hover {
    color: #4267B2;
}
.social-insta:hover {
    color: #833AB4;
}

.new-icon {
    background-color: rgb(230, 243, 241);
}

.new {
    background-color: rgb(0, 160, 110);
}


.about-me {
    background-color: rgb(239, 255, 253);
}

.about-me-category {
    margin-top: -150px;
}


.about-me-icon {
color: rgb(0, 125, 107);
}


.about-me-skills {
    border-radius: 30px;
}
    

.card-res:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
}

.font1 {
    color: red;
    background-color: rgb(255, 237, 237);
}

.font2 {
    color: rgb(162, 202, 162);
    background-color: rgb(244, 249, 250);
}

.font3 {
    color: blue;
    background-color: rgb(240, 238, 250);
}


.cursor-progress {
    cursor:progress;
}

.cursor-pointer {
    cursor:pointer;
}

/* .carousel-inner img {
    width: 100%;
    height: 100%;
  } */


.single-brand-item{
    margin:0 auto
}
.single-brand-item img{
    cursor:pointer;
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
    .brand-carousel .single-brand-item{
        height:100px;
        width:140px
    }
}

@media only screen and (min-width: 1201px){
    .brand-carousel .single-brand-item{
        height:100px;
        width:200px
    }
}


.say-hi {
    color: rgb(14, 147, 127);
    text-decoration: underline;
}
.say-hi:hover {
    color: rgb(14, 147, 127);
    text-decoration: underline;
}

.Heading {
    color: rgb(0,  181, 130);
}

.language {
    background-color: rgb(247, 253, 254);
}


#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(0,  181, 130);
    color: white;
    cursor: pointer;
    padding: 25px;
    border-radius: 35px;
  }
  
  #myBtn:hover {
    background-color:lightgray;
  }


  .arrow {
    border: solid white;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 5px;
  }

  .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }