@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@keyframes shrink {0% {transform:scale(1);}100% {transform:scale(1.2);}}
*{font-family: "Roboto", serif;}
a{text-decoration: none;}
.logo{width: 210px !important;}

.bg-primary{background-color: #072366 !important;}
.text-primary{color: #072366 !important;}
.bg-dark{background-color: #140c40 !important;}

.navbar-nav .nav-link.active{ color: #cc2f2f !important;}
.navbar-nav .nav-link:hover {color: #cc2f2f !important;}


.text-danger{color: #cc2f2f !important;}
.border-danger{border-color: #cc2f2f !important;}

.bg-danger{background: #ff3514 !important;}
.btn-danger{background-color: #ff3514 !important;color: #fff !important;border-color: #ff3514 !important;}
.navbar-toggler:focus {box-shadow: none !important;}
.offcanvas-header .btn-close:focus {box-shadow: none !important;}

.custom {filter: grayscale(1);}

.bs-slider-img{animation:shrink 10s ease infinite alternate;height: 70vh;object-fit: cover;background-position: center;}
.banner-content{position: absolute;top: 50%;transform: translate(-50%);}

.r-rectx{aspect-ratio:1.5/1;object-fit:cover}
.r-square{aspect-ratio:1/1;object-fit:cover}
.hover-effect{overflow:hidden}
.hover-effect img{filter:brightness(100%);transition:0.3s all;}
.hover-effect:hover img{transform: scale(1.1) rotate(-3deg);}
.info-img:hover img{opacity: 0.9;transition:0.3s all;}
.text {position: absolute;bottom: 0;left:50%;transform: translate(-50%, -50%);text-align: center;}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background: linear-gradient(to bottom, rgba(41,38,33,0) 0%, #292621 100%);}
.img-effect:hover .overlay {opacity: 1;}

.responsive-polygon {background: rgba(0, 40, 80, 0.8);clip-path: polygon(0 0, 62% 0, 50% 100%, 0% 100%);}

@media(max-width:768px) {
  .logo{width: 170px !important;}
  .bs-slider-img{height:60vh;object-fit:cover;}
  .responsive-polygon {clip-path: polygon(0 0, 70% 0, 60% 100%, 0% 100%);}
}
@media(max-width:1300px) {
  .bs-slider-img{min-height:50vh}
  .responsive-polygon {clip-path: none !important;}
}