/* @tailwind base;
@tailwind components;
@tailwind utilities; */
/*@import url(./font.css);*/
/*@import url(./section-title.css);*/

main{
    min-height: calc(100vh - 400px);
}

.nav-link {
    position: relative;
    padding-bottom: 5px;
}

.nav-link::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.3s ease-in-out;
}

.nav-link:hover::before {
    width: 100%;
}

.nav-link-dropdown {
    position: relative;
    padding-bottom: 8px;
}

.nav-link-dropdown::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: white;
    transition: all 0.3s ease-in-out;
}

.nav-link-dropdown:hover::before {
    width: 100%;
    padding-left: 2px;
}

/*section*/
.section{
    padding: 30px 0;
}
@media screen and (min-width:768px) {
  .section {
      padding: 50px 0;
  }
}
@media screen and (min-width:1024px) {
  .section{
      padding: 70px 0;
  }
}




/*button*/

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #ea580c;
    color: white;
    padding: 0.75rem 1.5rem;
    width: fit-content;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: "Bebas Neue";
}

.btn-hover-white {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #10396A;
    color: #fff;
    padding: 0.75rem 1.5rem;
    width: fit-content;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: "Bebas Neue" ;
}

.btn:hover {
    background-color: #c2410c;
}
.btn-hover:hover{
    background-color: #051629;

}
.btn-hover-white:hover{
    background-color: #fff;
    color: #1E2841;

}
.filter-btn{
    text-align: center;
    color: #54595F;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    background-color: #ECECEC;
    padding: 16px 24px; /* px-6 py-4 */
    width: 100%;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase;
}
.filter-btn:hover{
    color: white;
    background-color: #10396A;
}
.filter-btn-active{
    color: white !important;
    background-color: #10396A !important;
}
/*swiper*/

.custom-next, .custom-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
color: black;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 10;
}

.custom-prev {
    left: 0px;
}
.custom-next {
    right: 0px;
}

.partnersSwiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #ccc;
    opacity: 0.6;
}
.partnersSwiper .swiper-pagination-bullet-active {
    background-color: #000; /* Blue color */
    opacity: 1;
}
.input{
    border: none;
    border-bottom: 1px solid #FDFDFD;
    padding: 8px 0;
    width: 100%;
    background-color: transparent !important;
    color:white;
    outline: none !important;
    font-family: "Roboto";
}
.input::placeholder{
    color:#ADB0B4;
}
.input:focus{
    border-bottom: 1px solid #FDFDFD;

    outline: none !important;
    box-shadow: none;
}
/*table*/
table{
    border-collapse: collapse;
}
td,th{
    border: 1px solid #656565 !important;

}

tbody tr:nth-child(odd){
    background-color: #EDF3F7;
}