@import url('https://fonts.googleapis.com/css2?family=Cairo+Play:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&family=Sunflower:wght@500&display=swap');
@import url("animista.css");
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Rubik:wght@300&display=swap');

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
/*    font-family: 'Cairo Play', sans-serif;*/
    font-family: 'Sunflower', sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #040F28;
}

.inner-shadow {
    box-shadow: inset 14px 14px 6px rgba(0, 0, 0, 0.1);
}

.icon-service img{
  transition: transform .1s ease-in-out;
}

.icon-service img:hover {
  transform: scale(1.1) translate(0, -5%);
}


.bg-dark {
    background-color: #A90D0D  !important;

}
.bg-dark-footer {
    background-color: #840000 !important;
    background-color: linear-gradient(180deg, rgba(244,3,16,1) 6%, rgba(250,184,76,0.5326505602240896) 47%, rgba(255,0,0,1) 96%);
}
.bg-qsti-red {
    background-color: #FF0000 !important;
}
.tx-qsti-red {
     color: #FF0000;
}

.bg-tx-qsti-red {
     background-color: #FF0000;
     color: #FFFFFF;
}

.text-primary {
     color: #FFFFFF;
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 700;
    line-height: 1.2;
}

.btn-primary {
    background-color: #930707;
    
}
strong {
    color: #000000;
}


.fs-1 {
  font-size: calc(1.475rem + 2.7vw) !important;
}

.fs-2 {
  font-size: calc(1.395rem + 1.74vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: calc(1.15rem + 0.2vw) !important;
}

.fs-6 {
  font-size: calc(1.0rem + 0.1vw) !important;
}
.fs-7 {
  font-size: calc(0.85rem + 0.2vw) !important;
}

.fs-8 {
  font-size: calc(0.75rem + 0.2vw) !important;
}

.fs-9 {
  font-size: calc(0.65rem + 0.2vw) !important;
}

.border{
    border: 1px solid #cecece;
}
.quote{
    font-family: 'Calligraffitti', cursive;
    color: #333;
}



.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}
.text-black{
  color: #000;
}

.btn-primary:hover {
    color: #000;
    background-color: #c72222;
    border-color: #fd6d2c;
    
}
.radius-5{
    border-radius: 10px;
}
.radius-10{
    border-radius: 10px;
}
.mt-5 {
     margin-top: 1rem !important; 
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #FFF;
    background-color: #930707;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    /* border: 1px solid transparent; */
  
}
.nav-tabs {
    border-bottom: 0px solid #0d6fd1;
}
.credits-gradient{
  background: rgb(232,128,128);
  background: radial-gradient(circle, rgba(232,128,128,1) 14%, rgba(255,0,0,1) 99%);
}
.credits-border{
  border-bottom: 1px solid #FF0000;
}
.project-list ul li{
     padding: 5px;
    width: 550px; 
    border-radius: 5px;
}
}