html, body {
  font-family: 'Cairo';
}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 576px) {
  .navbar-brand {
    width: 180px;
  }
}

.carousel-item {
  /*min-height: 50vh;*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlink {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.card, .media {
  margin-bottom: 1rem;
  position: relative;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in;
  transform: translateY(0rem);
}

.card:not(.stophover):hover, .media:not(.stophover):hover {
  transform: scale(1.025);
  /*background-color: #FFF;*/
  /*box-shadow: 0 1rem 1rem rgba(0,0,0,0.2);*/
}

.shadow-color:hover, .shadow-color.hover {
  box-shadow: -0.3rem -0.3rem 2rem #cc7a00, 0.5rem 0.8rem 3rem rgba(238,4,5,0.6), inset -3rem 2rem 4rem rgba(245,148,0,0.3) !important;
  background-color: rgba(255,255,255,0.7)!important;
}

@media only screen and (max-width : 576px) {
  .mobile-card-container > .row {
    overflow-x: auto;
  }
}

.tab-pane {
  background-color: #FAFAFA;
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.2);
  min-height: 180px;
}

div.card-img-top.ratio-4-3 {
  border-radius: 0.5rem;
  margin: 0.25rem;
  width: calc( 100% - 0.5rem );
}

div.card-img-top {
  background-color: #c1c1c1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ratio-16-9 {
  padding-top: 56.25%;
}

.carousel-item.ratio-16-9 {
  height: 56.25vw;
  max-height: 80vh;
  padding: unset;
}

.ratio-4-3 {
  padding-top: 75%;
}

.ratio-3-2 {
  padding-top: 66.66%;
}

.ratio-8-5 {
  padding-top: 62.5%;
}

.ratio-1-1 {
  padding-top: 100%;
}

.nav.nav-pills.nav-fill .nav-item, .nav.nav-tabs.nav-fill .nav-item {
  margin-bottom: 1rem;
}

@media (max-width: 576px) {
  .nav.nav-pills.nav-fill .nav-item, .nav.nav-tabs.nav-fill .nav-item {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
  }
}

@media (max-width: 576px) {
  .nav.nav-pills.nav-fill .nav-item .nav-link, .nav.nav-tabs.nav-fill .nav-item .nav-link {
    padding: 0.5rem;
  }
}

@media (max-width: 576px) {
  .nav.nav-pills.nav-fill .nav-item .fa, .nav.nav-tabs.nav-fill .nav-item .fa {
    font-size: 1.5rem;
  }
}

.bg-goldwave {
  background-color: #CC7A00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23F6A300' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23CC7A00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23cb7501' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23ca7002' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23c86b03' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23c76605' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23c56007' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23c45b09' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23c2560b' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23c0510d' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23be4b0f' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23bc4611' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23ba4013' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23b83b14' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23b53516' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23b32e17' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23b02819' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23ae201a' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23AB181B' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center center;
}

.bg-graycorner {
  background-color: #F6E3BE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23f7e7c7' points='800 100 0 200 0 800 1600 800 1600 200'/%3E%3Cpolygon fill='%23f9ebd1' points='800 200 0 400 0 800 1600 800 1600 400'/%3E%3Cpolygon fill='%23faefda' points='800 300 0 600 0 800 1600 800 1600 600'/%3E%3Cpolygon fill='%23fbf3e3' points='1600 800 800 400 0 800'/%3E%3Cpolygon fill='%23fcf7ec' points='1280 800 800 500 320 800'/%3E%3Cpolygon fill='%23fefbf6' points='533.3 800 1066.7 800 800 600'/%3E%3Cpolygon fill='%23FFFFFF' points='684.1 800 914.3 800 800 700'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.bg-squarepattern {
  background-color: #F8F9FA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23F8F9FA' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23f6f6f7' href='%23s' y='2'/%3E%3Cuse fill='%23f6f6f7' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f3f4f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f3f4f5' href='%23s'/%3E%3Cuse fill='%23f0f1f2' href='%23s' x='2'/%3E%3Cuse fill='%23f0f1f2' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23eeeff0'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23eeeff0'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebeced'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F8F9FA'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e9eaeb'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F6A300'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F6A300'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F6A300'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-size: cover;
}

.bg-sungradient {
  background: #ab181b;
  background: linear-gradient(
90deg, #ab181b 0%, #cc7a00 100%);
}

.text-colorfull {
  background: #280000;
  background: -webkit-linear-gradient(to right, #280000 0%, #B60000 50%, #F6A300 100%);
  background: -moz-linear-gradient(to right, #280000 0%, #b60000 50%, #F6A300 100%);
  background: linear-gradient(to right, #280000 0%, #B60000 50%, #F6A300 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}