@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.ttf");
}
@font-face {
  font-family: "InterBlack";
  src: url("../fonts/Inter-Black.ttf");
}
@font-face {
  font-family: "InterBold";
  src: url("../fonts/Inter-Bold.ttf");
}
@font-face {
  font-family: "InterExtraBold";
  src: url("../fonts/Inter-ExtraBold.ttf");
}
@font-face {
  font-family: "InterExtraLight";
  src: url("../fonts/Inter-ExtraLight.ttf");
}
@font-face {
  font-family: "InterLight";
  src: url("../fonts/Inter-Light.ttf");
}
@font-face {
  font-family: "InterMedium";
  src: url("../fonts/Inter-Medium.ttf");
}
@font-face {
  font-family: "InterSemiBold";
  src: url("../fonts/Inter-SemiBold.ttf");
}
@font-face {
  font-family: "InterThin";
  src: url("../fonts/Inter-Thin.ttf");
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: Inter,"courier new",monospace;
  font-size: 16px;
  color: #2E2E2E;  
  font-weight: normal;
}

h1{
  font-family: InterBold,"courier new",monospace;
  font-size: 70px;
  color: #000000;
  font-weight: normal;
}

h2{
  font-family: InterBold,"courier new",monospace;
  font-size: 38px;
  font-weight: normal;
}
.autohide {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  background: #fff;
}

.is-top .autohide {
  background: #fff ;
}
.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}


.showcase_section{
  padding-top: 140px !important;
}

.is-top .shadow-sm{
  box-shadow: none !important;
}

.navbar-toggler{
  border: 0 none;
  color:#2E2E2E;
}
.nav-item{
  border-top: 1px solid #F1F2F3;
  padding: 10px 0;
}
.nav-item:last-child{
padding-bottom: 0;
  
}
.nav-link{
  color: #2E2E2E;
  font-family: InterBold,"courier new",monospace;
  font-size: 14px;
  font-weight: normal;
}

.nav-link:hover{
  color: #E05353;
}

.btn-outline-menu_button {
  --bs-btn-color: #2E2E2E;
  --bs-btn-border-color: #2E2E2E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E05353;
  --bs-btn-hover-border-color: #E05353;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #E05353;
  --bs-btn-active-border-color: #E05353;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2E2E2E;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2E2E2E;
  --bs-gradient: none;
  --bs-btn-border-radius: 20px;

  font-family: InterBold,"courier new",monospace;
  font-size: 14px;
}

.showcase-heading{
  margin-top: 70px;
}

 .btn-outline-showcase_button {
    --bs-btn-color: #E05353;
    --bs-btn-border-color: #E05353;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E05353;
    --bs-btn-hover-border-color: #E05353;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E05353;
    --bs-btn-active-border-color: #E05353;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E05353;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E05353;
    --bs-gradient: none;
    --bs-btn-border-radius: 20px;


    font-family: InterMedium,"courier new",monospace;
    font-size: 14px;

}

.main_section{
  background-image: url(../images/bg_main.jpg) ;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




.about_section .section_title{

}

.gradient_header{
  color: #F43B47;
  background: -webkit-linear-gradient(350deg, #F43B47 , #F86139 , #000000 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about_section p{
  font-family: InterMedium,"courier new",monospace;
  font-size: 20px;
  color: #5F6368;
}

.btn-outline-about_contact {
  --bs-btn-bg: #F6F6F6;

  --bs-btn-color: #F6F6F6;
  --bs-btn-border-color: #F6F6F6;
  --bs-btn-hover-color: #2E2E2E;
  --bs-btn-hover-bg: #E4E5E6;
  --bs-btn-hover-border-color: #E4E5E6;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #2E2E2E;
  --bs-btn-active-bg: #E4E5E6;
  --bs-btn-active-border-color: #E4E5E6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #F6F6F6;
  --bs-btn-disabled-bg: #F6F6F6;
  --bs-btn-disabled-border-color: #F6F6F6;
  --bs-gradient: none;
  --bs-btn-border-radius: 20px;


  font-family: Inter,"courier new",monospace;
  font-size: 16px;
  color: #2E2E2E;

}

.service_section{
  background-image: url(../images/bg_services.svg) ;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_section .container{
  margin: 60px auto;
}
.about_container{
  padding: 50px 20px;
}
.service_container, .products_container, .featured_container, .companies_container{
  padding-top: 60px;
  padding-bottom: 60px;
}

.featured_container{
  padding: 60px 0 20px;
}

p.service_text{
  font-size: 18px;
  color: #FFFFFF;
}

.service_section .row{
  padding-top: 40px;
}


.service_subtitle{
  font-family: InterBold,"courier new",monospace;
  font-size: 20px;  
  color:#1F1F1F;
}

.section_title{
  font-family: InterBold,"courier new",monospace;
  font-size: 16px;
}

.box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.products_section{
  background: #F6F6F6 url(../images/bg_products.png) repeat ;
}


.product_title{
  padding-top: 70px;
}


.products_container p, .featured_container p, .companies_container p{
  padding: 20px ;
}

.bg_neighborfood{
  background-color: #FFD200;
}
.bg_unotickets{

  background-color: #E53935;
}

.bg_neighborfood h2, .bg_unotickets h2{
  width: 100%;
  padding-top: 70px;
}

.bg_neighborfood img, .bg_unotickets img{
  margin: 0 auto;
  height: 260px;
}

.uno_hr_container{
  background-color: #425CC7;
  background-image: url(../images/bg_uno_hr_md.png) ;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.companies_container {
  
  padding-bottom: 10px;
}

.companies_container img{
  padding: 15px ;

}

.footer_section div{
  
  border-top: 1px solid #DFDFDF;
  font-size: 14px;
  color:#616164;
  padding-top: 25px;
  padding-bottom: 25px;
}


.btn-outline-featured {
  --bs-btn-bg: #ffffff;

  --bs-btn-color: #2E2E2E;
  --bs-btn-border-color: #D5D5D5;
  --bs-btn-hover-color: #2E2E2E;
  --bs-btn-hover-bg: #E9E9E9;
  --bs-btn-hover-border-color: #D5D5D5;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #2E2E2E;
  --bs-btn-active-bg: #D5D5D5;
  --bs-btn-active-border-color: #D5D5D5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2E2E2E;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #D5D5D5;
  --bs-gradient: none;
  --bs-btn-border-radius: 20px;


  font-family: Inter,"courier new",monospace;
  font-size: 16px;
  color: #2E2E2E;

}

[data-bs-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}



.cards_container{
  display: flex;
   justify-content: center; 
   align-items: center;
   height: 220px;
   position: relative;
   column-rule-style: grab;
   overflow: hidden;
   margin: 0 auto;
   margin-top: 60px;
}

.cards{
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(4, 300px);
  grid-gap: 20px;
  pointer-events: none;
}

.card{
  overflow: hidden;
  border-radius: 20px;
  border: 0 none;
}


.card img{
  width: 300px;
}

.card_content{
  bottom: 0;
  position: absolute;
  padding: 30px 44px ;
}


.card_content div{
  font-size: 14px;
  color:#D5D5D5;
}

.card_content p{
  color:#fff;
}




#contactModal .modal-header{
  border-bottom: 0 none;
}

.contact_main_title{
  font-size: 14px;
  color: #929297;
  font-family: InterBold,"courier new",monospace;
}

#contactModal h1{
  font-size: 42px;
  font-family: InterBlack,"courier new",monospace;
  color: #2E2E2E;
}

.contact_title{
  font-family: InterBold,"courier new",monospace;
  color: #E05353;
}

#contactModal p{
  color: #2E2E2E;
}

.contact_hr{
  border-bottom: 1px solid #DFDFDF;
}

#contactModal a{
  color: #2E2E2E;
}