@import url('https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.caudex{

  font-family: "Caudex", serif;

}

body{

    font-family: "Ubuntu", sans-serif;

}



.main-header{

  background: url(images/background.jpg) no-repeat;

  background-size: cover;

  background-position: bottom left;

}

.main-logo{

  width: 120px;

  /*background-color: rgba(280, 280, 280, 0.2);*/

  border-radius: 30px;

  padding: 8px;

}

#topNav > div{

  background-color: rgba(280, 280, 280, 0.2);

  border-radius: 30px;

  padding: 8px;

}

#topNav .nav-link{

  font-weight: 500;

  font-size: 18px;

  margin-left: 20px;

  color: #484848;

}

#topNav .nav-link.active{

  color: #F30F0F;

  font-weight: 700;

}

#topNav .nav-link:hover{

  border-bottom: 2px solid #000;

}

#topNav .nav-link.active:hover{

  border-bottom: 2px solid #F30F0F;

}



.big-sub-heading{

  font-size: 5.5dvh;

  font-weight: 500;

}

.text-red{

  color: #b62026;

}

.text-red1{

  color: #F30F0F;

}

.bg-green1{

  background-color: #dff48b;

}

.bg-orange{

  background-color: #F30F0F;

}

.bg-orange1{

  background-color: #f8eaea;

}

bg-meroon{

  background-color: #b62026;

}

h2{

  font-family: "Caudex", serif;

  font-size: 26px;

  font-weight: 800;

}



.box{

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 15px;

  min-height: 230px;

  font-size: 16px;

  color: #484848;

}

.box > img{

  margin-top: -40px;

}

.bg-slate{

  background-color: #E0E0E0;

}

.rating{

  color: #FF5D5D;

}

.comment{

  font-size: 24px;

  color: #484848;

}

.the_form label{padding-top: 20px;}

.the_form input[type=text], .the_form input[type=number], .the_form input[type=email]{

  border: 1px solid #484848;

}

.top-footer{

  border-top: 1px solid #444;



}

#bottom-footer{

  font-size: 14px;

}

.footer-menu{

  list-style: none;

}

.footer-menu li a{

  text-decoration: none;

  color: #484848;

  font-weight: 600;

  font-size: 14px;

}

.footer-menu li a.active{

  color: #F30F0F;

}

.quote-mark{

  position: absolute;

  margin-top: -40px;

}

.nobullet{

  list-style: none;

  padding-left: 0;

}

.nobullet li{

  margin-bottom: 12px;

}



.modal.custom .modal-dialog {
    position:fixed;
    bottom:0;
    left:0;
    margin:0;
    min-width: 30%;
}

.flag{
  width: 35px;
}

@media screen and (max-width: 450px){
  .modal.custom .modal-dialog{
    width: 100%;
  }
}

/* .country-modal .modal-dialog{

  position: fixed;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  margin: 0;

  width: 100%;

  max-width: 560px;

  padding: 0 16px 16px;

} */

.country-modal .modal-content{

  border-radius: 16px 16px 0 0;

}

@media (max-width: 576px){

  /* .country-modal .modal-dialog{

    max-width: 100%;

    padding: 0;

  } */

  .country-modal .modal-content{

    border-radius: 16px 16px 0 0;

  }

}

.country-container {
  display: flex;
  align-items: center;
}

.country-picker-dropdown {
  position: relative;
  display: inline-block;
}

.country-picker-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 38px;
  white-space: nowrap;
  width: auto;
  max-width: none;
}

.country-picker-selected,
.country-picker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.country-picker-flag {
  flex: 0 0 auto;
}

.country-picker-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
  border-top: 0.45em solid currentColor;
  flex: 0 0 auto;
}

.country-picker-menu {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.country-picker-option {
  white-space: nowrap;
  display: flex;
  align-items: center;
  width: fit-content;
  min-width: 0;
}

.country-picker-menu > div[id$="_list"] {
  display: grid;
  width: max-content;
}

.country-mobile-container {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.country-mobile-container .country-picker-btn {
  min-height: 34px;
  gap: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.country-mobile-container .country-picker-selected .country-picker-name {
  display: none;
}
