@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Parkinsans:wght@300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');



body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
}




/* Genel Form ve Input Stili */
.bg-light {
    background-color: #fff !important;
    border-radius: 10px;
    padding: 5px 0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Gölge efekti */

}

.mr-1 {
    margin-right: 5px;
}

.ml-1 {
    margin-left: 5px;
}

.mt-1 {
    margin-top: 5px;
}

.mb-1 {
    margin-bottom: 5px;
}

.mr-2 {
    margin-right: 10px;
}

.ml-2 {
    margin-left: 10px;
}

.mt-2 {
    margin-top: 10px;
}

.mb-2 {
    margin-bottom: 10px;
}


.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.form-group {
    display: flex;
}


.form-control {
    border: 1px solid #888;
    padding-left: 30px;
    transition: all 0.3s ease;
}

.vertical-input {
    height: 5vh;
    border: var(--bs-border-width) solid var(--bs-border-color);

}

.vertical-input:focus {
    border: 1px solid #4caf50 !important;
    outline: none;
}

.floating-label {
    position: absolute;
    top: 20%;
    left: 40px;
    transform: translateY(50%);
    transition: all 0.3s ease;
    color: grey;
    font-size: 14px;
    pointer-events: none;
}

.floating-label-vertical {
    font-size: 11px;
    top: 0 !important;
    transform: translateY(0%) !important;
}

.form-control:focus+.floating-label,
.form-control:not(:placeholder-shown)+.floating-label:not(:placeholder-shown) {
    top: 0;
    font-size: 12px;
    color: grey;
}

/* .form-item {
    top: 50%;
  
    color: #2CB0F2;
} */
input:focus~.dropdown-content {
    display: block;
}

.form-control,
.form-select,
.btn-success {
    height: 60px;
    font-size: 15px;
    box-sizing: border-box;

    flex-shrink: 0;
    /* Elemanların küçülmesini engelle */
}

.btn-success-vertical {
    display: flex;
    justify-content: center;
}

.custom-input {
    z-index: 1;
}

.arrow-icon {
    flex: 1;
    z-index: 2;
    /* Üstteki kutular */
    position: relative;
    right: 20px;
}

.passenger-icon {
    color: black;
    position: absolute;
    left: 0.5rem;
    z-index: 2;
}

#swapButton {
    height: 40px;
    font-size: 16px;
    box-sizing: border-box;

    flex-shrink: 0;
    /* Elemanların küçülmesini engelle */
}

.forms-container {
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.7);
}

/* Swap Button */
#swapButton {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4EBDF4;
    border-color: #4EBDF4;
}

.swapbtn {
    position: absolute;
    right: calc(50% + 132px);
    /* Ekranın ortasına yakın, sağdan 1084px mesafe */
    z-index: 1;
    top: calc(22% + 8px);

}


.swapbtn-vertical {
    /* transform: translate(458%, 25%)!important; */
    display: none !important;

}

#swapButton:hover {
    background-color: #4EBDF4;
    color: #fff;
}

/* Dropdown'ın genel yapısını ayarla */
.time-dropdown {
    margin-top: 10px;
    background-color: #f8f9fa;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: fit-content;
}


/* Label için stil */
.dropdown-label {
    font-weight: bold;
    margin-right: 10px;
    color: black;
    margin-bottom: 5px;
}

.dropdown-number {
    width: 50px;
    text-align: center;
}

/* Buton için stil */
.dropdown-button {
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

.dropdown-button:hover {
    background-color: #0056b3;
    /* Hover efekti */
}


/* Search Button */
.btn-success {
    background-color: #4caf50;
    border-color: #4caf50;
    color: white;
    cursor: pointer;
}

.btn-success:hover {
    background-color: #45a049;
    border-color: #45a049;
}

/* Placeholder stili */
::placeholder {
    color: #999;
    opacity: 1;
}

#airportInput {
    width: 100%;

    box-sizing: border-box;
}

.dropdown-content {
    display: none;
    /* Başlangıçta gizli */
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    color: black;
    z-index: 1000;

}

.dropdown-item {
    padding: 10px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
}

.dropdown-item:hover {
    background-color: #f1f1f1;
}

.form-time {
    display: none;
    position: absolute;
}

.time-dropdown {
    display: none;
    /* Başlangıçta gizli */
    position: absolute;
    z-index: 1000;
    /* Saat seçiciyi diğer elemanların üstünde göstermek için */
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.time-dropdown select {
    margin: 5px 0;
}

.time-dropdown.active {
    display: block;
    /* Saat seçici açılınca görünür olacak */
}

.time-header {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

input[type="date"]:focus {
    outline: none;
    /* Tarayıcı varsayılan mavi çerçeveyi kaldırır */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
    /* Hafif bir gölge ekleme */
}

.form-select {
    height: 5vh;
}

/* Focus anındaki input stil düzenlemesi */
.form-control:focus,
.form-select:focus {
    border-color: #4caf50;
    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25);
}

/* Flight Arrival ve Return Flight placeholderları */
#flightArrival::placeholder,
#returnFlight::placeholder {
    color: #999;
    font-style: italic;
}

/* Flex düzenleme */


/* Flight ve Return Date için zaman simgesi boşluk bırakma */

/* İkon için input elementlerine yeni ekleme (before input içinde çalışmaz) */
.input-group-icon {
    position: relative;
}

.input-group-icon .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
}

/* Passenger Dropdown */
.passenger-dropdown {
    position: relative;
}

.passenger-dropdown-vertical {
    width: 29vh !important;
}

.passenger-dropdown-content {
    display: none;
    /* Başlangıçta gizli */
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 280px;
    z-index: 100;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.passenger-dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.passenger-counter {
    display: flex;
    align-items: center;
}

.passenger-counter-button {
    color: #007bff;
    border-color: #007bff;
    cursor: pointer;
    border-radius: 50%;
    /* Tam yuvarlak yapmak için */
    height: 1.5rem;
    /* Genişlik ile aynı değer */
    display: flex;
    justify-content: center;
    align-items: center;
    /* İçeriği ortalamak için */
    font-size: 16px;
    /* + ve - simgelerinin görünürlüğünü artırmak için */
}

.passenger-counter-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.passenger-counter-input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: 14px;
    margin-left: .75rem;
}

.passenger-counter-input:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

/* Dropdown'ı açıp kapatma için stiller */
.passenger-dropdown.active .passenger-dropdown-content {
    display: block;
    /* Aktif olduğunda dropdown görünecek */
}

.selected-passengers {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.selected-passengers p {
    color: black;
    margin: 0;
}

/* Seçilen input stilini normal hale getirme */
.form-control.selected {
    font-style: normal;
}



/* Cards Styling */
.card img {
    object-fit: cover;

}

.card-body {
    text-align: center;
}

/* Footer */
.footer {
    background-color: #f8f9fa;
    color: #6c757d;
}

.review-box {
    flex: 1;
    margin: 0 10px;
}

.trustpilot-box {
    flex: 1.5;
    /* TrustPilot kutusunu daha büyük yapar */
    transform: translateY(-50px);
    /* TrustPilot kutusunu yukarı taşır */
}

.review-box .bg-light {
    padding: 30px;
}

.trustpilot-box .bg-light {
    padding: 50px;
    /* TrustPilot kutusunun içindeki boşluğu artırır */
}

.reviews {
    margin-top: -20px;
}



.middle-box {
    width: calc(6rem + 0.25rem);
    height: calc(5rem + 0.25rem);
    border: 0.1rem solid #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;

}

.circle {
    display: flex;

    align-items: center;
}

.half-star {
    position: relative;
    width: 1rem;
    /* İkon boyutuna göre ayarlanabilir */
    display: inline-block;
}

.half-star .bi-star-fill {
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
}

.star-box {
    margin-right: 0.1rem;
}


.why-book-transfer {
    text-align: center;
    /* Tüm başlıkları ve paragrafları ortalar */
}

.custom-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.custom-icon {
    font-size: 3rem;
    color: black;
}

.calender-icon {
    color: black !important;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #2CB0F2;
}

.custom-heading {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.vechiles {
    color: #54b3d7;
}

.custom-paragraph {
    font-size: small;
    margin: 0;
    padding: 5px 0;
}

.custom-icon-spacing {
    margin-bottom: 10px;
}

/* Alt çizgiyi kaldır */
.no-underline {
    text-decoration: none;
    color: inherit;
}

.list-unstyled {
    line-height: 2.25rem;
}

/* li'den gelen sol noktayı kaldır ve flex ile hizala */
.list-item {
    list-style-type: none;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* li hover olduğunda arka plan rengi mavi olsun */
.list-item:hover {
    background-color: #007bff;
    color: white;
}

/* Hover sırasında a etiketi rengini beyaz yap */
.list-item:hover a {
    color: white;
}

/* Bootstrap'in img-fluid sınıfını değiştirmek yerine özel bir sınıf tanımlıyoruz */
.custom-img {

    height: 125px;
    object-fit: cover;
}

/* Bootstrap'in col-6 sınıfına ek olarak ortalama için özel sınıf tanımlıyoruz */
.custom-col {
    text-align: center;
    /* İçerikleri ortalıyoruz */
}

.yellow-section {
    background-color: #FFCD48;
    color: #f8f9fa;
    border: none;
}

.yellow-section-container {
    margin: 0;
}

.paraghaf-text {
    color: #6c757d;
    font-size: 14px;
}

.clamp-text {
    font-size: 14px;
}

.carousel-control-prev {
    left: -80px;
    /* Sol oku biraz daha sola kaydırır */
}

.carousel-control-next {
    right: 60px;
    /* Sağ oku biraz daha sağa kaydırır, eksikse görünmesini sağlar */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    /* Arka planı belirgin hale getirin */
    border-radius: 50%;
    /* Okları yuvarlatın */
    width: 20px;
    height: 20px;
}

.card-text.clamp-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* İki satıra sınırlamak için */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.join-our-community-card {
    background-color: #04608E;
}

.footer {
    background-color: #45423C;
}

.information-text {
    color: #4E889B;
}

.box {
    background-color: #fff;
    width: 6rem;
    height: 5rem;
    border: 0.1rem solid #6c757d;
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
}

.icon-circle i {
    font-size: 24px;
    /* İkonun boyutunu büyütme */
    color: #007bff;
    /* İkonun rengini ayarlama */
}

.custom-colmn {
    width: 150px;
    /* Tüm sütunların genişliğini belirle */
    display: inline-block;
    /* Flex yerine inline kullanabilirsiniz */
}

.custom-img {
    width: 100%;
    /* Görselin sütuna göre boyutlanmasını sağlar */
    border-radius: 10px;
    /* Görsel kenarlarını yuvarlar */
}

.agencies-form {
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agencies-form-login {
    border-right: solid 1px grey;
}

.custom-title {
    font-size: 17.5px;
    color: #45423C;
    position: relative;
    /* ::after pseudo-element için gerekli */
}

.custom-title::after {
    content: "";
    display: block;
    width: 50%;
    /* Burada uzunluğu ayarlayabilirsiniz */
    border-bottom: solid 2px #FFDA47;
    position: absolute;
    bottom: -5px;
    /* İstediğiniz mesafeye göre ayarlayın */
    left: 25%;
    /* Alt çizginin hizalaması */
}

.star-box-agencies {
    margin-right: 0.1rem;
    color: gold;
}

.icon-text-wrapper {
    display: flex;
    /* İkon ve metni yan yana hizalamak için */
    align-items: center;
    /* İkonun ve metnin dikeyde hizalanması */
}

.icon-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    /* Dairenin boyutu */
    height: 20px;
    border: 3px solid blue;
    /* Mavi border */
    border-radius: 50%;
    /* Daire şekli */
    margin-right: 8px;
    /* İkon ile metin arasına boşluk eklemek için */
}

.icon-circle i {
    color: blue;
    /* İkonun rengi */
    font-size: 8px;
    /* İkon boyutu */
}

.help-centre-box {
    display: inline-flex;
    color: blue;
}

.fa-building,
.fa-award {
    color: #4EBDF4;
    font-size: 2rem;
    padding-top: 5px;
    padding-right: 5px;
}

.save-icon-text {
    padding-top: 5px;
    line-height: 0.1rem;
}

.nav-bottom {
    flex-wrap: nowrap;
}

.row>* {
    flex-shrink: 1;
}

.circle-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Daire ve başlıkları ortalamak için center kullanıyoruz */
    position: relative;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-circle {
    width: 40px;
    height: 40px;
    background-color: #4EBDF4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.step-circle-deactive {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(237, 233, 229);
    color: rgb(183, 178, 170);
    font-size: 14px;
    position: relative;
    z-index: 1;
    border: 2px solid rgb(183, 178, 170);
    /* Kenarlık genişliği 2px ve rengi gri tonlarda */
}

.step-circle p,
.step-circle-deactive p {
    margin: 0;
    /* Varsayılan dış boşlukları kaldır */
    padding: 0;
    /* Varsayılan iç boşlukları kaldır */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* Daire yüksekliği kadar yer kaplasın */
    width: 100%;
    /* Daire genişliği kadar yer kaplasın */
}

.line {
    width: 37rem;
    /* Çizginin genişliği */
    height: 2px;
    background-color: rgb(183, 178, 170);
}

.title {
    font-size: 14px;
    color: #333;
}

.titles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Başlıkları hizalamak için center kullanıyoruz */
    width: 100%;
    /* Başlıkların tam genişlikte hizalanması için */
}

.titles p {
    width: 8rem;
    /* Başlık genişliği daire ile aynı olacak */
}

/* step search-form */
.forms-container-colmn {
    padding: 20px;
}

.search-form-colmn {
    display: flex;
    flex-direction: column;
    /* Dikey hizalama */
    gap: 1rem;
    /* Aralıklı görünüm */
}

.form-group-colmn {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* Form elemanları arasında boşluk bırak */
}

.form-item-colmn {
    display: flex;
    flex-direction: column;
}

.input-container-colmn {
    position: relative;
}

input.form-control-colmn,
input.form-date-colmn {
    width: 100%;
    padding-left: 2.5rem;
    /* İkon için yer bırak */
}

.passenger-dropdown-content-colmn {
    margin-top: 0.5rem;
}

.btn-outline-secondary {
    display: block;
    width: 100%;
    margin-top: 1rem;
}

.check-free-box {
    background-color: #EAF7ED;
    display: flex;
    padding: 10px;
    border: 1px solid #45a049;
    align-items: center;
}

.dates-none {
    display: none;
}

.fa-solid {
    padding: 2px;
}

.step1-car-detail {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.blog-img {
    height: 8rem;
    /* Resimlerin yüksekliğini aynı tutuyoruz */
    object-fit: cover;
    /* Resimlerin oranlarını bozmayıp, taşan yerleri kesiyor */
    width: 100%;
    /* Tam genişliği koruyoruz */
}

.footer-sembols {
    display: flex;
    justify-content: end;
    align-items: center;
}

.tour-card {
    box-shadow: 0 4px 5px -2px #6c757d;
    /* sadece alt gölge */
    padding: 0;
}

/* Inputtel START ------------------------------ */

.iti {
    display: block;
    width: 100%;
}

.iti__country-list {
    background: #aaa;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin: 0;
    box-shadow: none;
    max-height: 200px;
    width: 32rem;
    overflow-x: hidden;
}

.iti__country {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    padding: 1px 2px;
    padding-left: 40px;
    /* max-width: 200px; */
    border-bottom: solid 1px #ddd;
}



.iti__country-name {
    font-size: 12px;
    margin-left: 25px;
    line-height: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.iti__dial-code {
    font-size: 14px;
    line-height: 20px;
    margin-left: 25px;
    color: #000;
}

.iti__flag-box {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
}

.iti__flag {
    height: 14px !important;
}

.iti__arrow {
    margin-left: 5px;
    border-top-color: #888;
}

.iti__arrow--up {
    border-bottom-color: #888;
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: #000;
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
}

.iti--separate-dial-code .iti__selected-flag {
    /* background: #fbfbfb; */
    padding: 0 10px;
    height: 100%;
    border-right: solid 1px #ddd;
    border-radius: 5px;
    color: #212529;
}

.iti--separate-dial-code .iti__flag-container:hover .iti__selected-flag {
    background: #bbb;
}

.iti-mobile .iti__country-list {
    max-width: 250px;
}

/* Inputtel END ------------------------------ */

.form-date {
    height: 5vh;
    width: 100%;
    /*    width: 17vw;*/
    border: solid 1px #888;


    position: relative;
    padding-left: 30px;
    border-radius: 8px;
}

.form-date:focus+.floating-label,
.form-date:not(:placeholder-shown)+.floating-label:not(:placeholder-shown) {
    top: 0;
    font-size: 12px;
}

.datepicker-group {
    position: relative;

}

.datepicker-return-group {
    position: relative;
    top: -15vh;
}

.Zebra_DatePicker {
    width: 15vw;
}

.date-format {
    font-size: 14px;
    color: #007bff;
    margin-top: 10px;
}

input[type="date"]:focus {
    outline: none;
    /* Tarayıcı varsayılan mavi çerçeveyi kaldırır */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
    /* Hafif bir gölge ekleme */
}

input.form-control-colmn,
input.form-date-colmn {
    width: 100%;
    padding-left: 2.5rem;
    /* İkon için yer bırak */
}


.return-add {
    display: block;

}

.book-title {
    background-color: #FFCD48;
    display: flex;
    align-items: center;
    height: 5vh;
    padding-left: 5px;
    font-size: 17px;
}

.Outward-title p,
.outward-extras p,
.passengers-detail p {
    font-size: 15px;
    text-align: center;

}

.Outward-title h8,
.outward-extras h8,
.passengers-detail h8 {
    font-size: 14px;
    color: #B2AEA5;
    text-align: center;
}

.Outward-title h8,
.Outward-title i,
.outward-extras i,
.passengers-detail i {
    color: #B2AEA5;
}

.Outward-title h8 {
    align-self: start;
}

.book-form {
    height: 5vh;
    padding-left: 5px;
}

.form-text {
    margin-top: 0;
    font-size: .75em;
    color: var(--bs-secondary-color);
}

.is-invalid {
    border-color: red !important;
}

.invalid-feedback {
    display: none;
    color: red;
}

input.is-invalid+.invalid-feedback {
    display: block;
}

.btn-outline-info {
    width: 11vw;
    font-size: 10px;
    margin-top: .5rem;
}

.extras {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

}

.way {
    display: flex;
}

.one-way,
.round-trip {
    padding: 3px;
    width: 8rem;
    margin-right: 5px;

}

.header-photo {
    position: relative;
    width: 100%;

}

.header-photo img {
    width: 100%;
    height: 20vh;
    filter: contrast(0.4) brightness(0.5);
}

.header-photo .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;

    padding: 20px;
    border-radius: 5px;
}

.circle-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    /* Dairenin rengi */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid black;
}

.main-top {
    display: flex;
    align-items: center;
    gap: 10px;

}

.extras-information {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;

}

.one-way a,
.one-way h4,
.round-trip a,
.round-trip h4 {
    font-weight: 600;
}

.ftr-content {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #101010;
}

.ftr-content .main-btn {
    margin-bottom: 30px;
}

.ftr-bottom {
    padding: 20px 0;
    background: #000;
}

.ftr-bottom>.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ftr-bottom span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #ddd;
    margin: 5px 0;
}

.ftr-bottom a {
    display: block;
    margin: 5px 0;
}

.ftr-bottom a img {
    width: 70px;
    filter: grayscale(1);
}

.ftr-bottom a:hover img {
    filter: none;
}

.ftr-contact {
    display: block;
    margin-bottom: 20px;
}

.ftr-contact>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.ftr-contact>div i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    min-width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
}

.ftr-contact>div a,
.ftr-contact>div span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #ddd !important;
}

.ftr-contact>div a:hover {
    text-decoration: underline !important;
}

.ftr-links {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
}

.ftr-links a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
    margin-bottom: 10px;
}

.ftr-links a:hover {
    text-decoration: underline !important;
}

.ftr-title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.ftr-social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.ftr-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    color: #fff !important;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.ftr-tursab {
    display: block;
    margin-bottom: 30px;
}

.ftr-tursab img {
    width: 200px;
}

.payment {
    display: flex;
    justify-content: space-around;
}

.fa-car,
.fa-credit-card {
    margin-right: 10px;
    font-size: 35px;
    /* İkon boyutunu ayarlayabilirsiniz */
}

.invalid {
    border-color: red;
}

.is-valid {
    border-color: green;
}

.voucher-passenger-info {
    display: flex;
}

.voucher-passenger-info-label {
    width: 80px;
    /* Bütün label öğeler için aynı genişliği belirleyin */
    font-weight: bold;
}

.voucher-passenger-info-value {
    flex: 1;
    /* Bu öğe kalan alanı kaplayacak */
}

.voucher-flight-arrival {
    display: flex;
    justify-content: space-around;
}

.arrow-icon-voucher {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.75rem;
    font-size: 3rem;
}

.table-group-divider {
    border-top: calc(var(--bs-table-bg)* 2) solid currentcolor;
}

.credit-card-input {
    height: 40px;
    padding-left: 5px;
}

.credit-card-date-input {
    width: 50%;
    height: 40px;
    padding-left: 5px;
}

.credit-card-form {
    display: flex;
    justify-content: center;
}

.form-check-input {
    border-color: #45a049;
}






/* LIVE SERACH STYLES START */

.live-result {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #ffffff;
    border: solid 1px #ddd;
    max-height: 300px;
    z-index: 99;
    overflow-y: scroll;
    overflow-x: hidden;
}

.live-result .title {
    width: 100%;
    background: #28A0D8;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}

.live-result .item {
    padding: 5px 5px;
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
    color: #444;
    border-bottom: solid 1px #eee;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.live-result .item i {
    color: #bbb;
}

.live-result .item:hover {
    background: #f5f5f5;
}

/* LIVE SERACH STYLES END */




.transfer-box {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}


.transfer-box:last-child {
    margin-bottom: 0;
}

.transfer-box>.head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.transfer-box>.head>.left {
    display: block;
    margin-right: 10px;
}

.transfer-box>.head>.left>span {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

.transfer-box>.head>.left>span>b {
    font-size: 12px;
    line-height: 18px;
    display: block;
    font-weight: 600;
    margin-right: 4px;
}

.transfer-box>.head>.right {
    display: block;
}

.transfer-box>.head>.right>a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #FF002A !important;
    border: solid 1px #FF002A;
    border-radius: 5px;
    min-width: 34px;
    height: 34px;
    transition: 0.2s ease 0s;
}

.transfer-box>.head>.right>a:hover {
    background: #FF002A;
    color: #fff !important;
}

.transfer-box>.transfers>.content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px;
    background: #ffcd48;
    border: solid 1px #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}

.transfer-box>.transfers>.content:last-child {
    margin-bottom: 0;
}

.transfer-box>.transfers>.content>.vehicle {
    min-width: 100px;
    width: 100px;
    display: block;
    margin-right: 10px;
}

.transfer-box>.transfers>.content>.vehicle>div {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(3/5*100%);
    border: solid 1px #ddd;
    border-radius: 5px;
}

.transfer-box>.transfers>.content>.vehicle>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
    background: #fff;
}

.transfer-box>.transfers>.content>.desc {
    display: block;
    width: calc(100% - 110px);
}

.transfer-box>.transfers>.content>.desc>span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
    width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.transfer-box>.transfers>.content>.desc>.clock {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.transfer-box>.transfers>.content>.desc>.clock>span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin-right: 4px;
}

.transfer-box>.transfers>.content>.desc>.clock>small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #444;
    position: relative;
}

.transfer-box>.transfers>.content>.titlebar {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.transfer-box>.transfers>.content>.titlebar>.direction {
    display: block;
    padding: 5px;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    border: solid 1px #ddd;
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
}

.transfer-box>.transfers>.content>.titlebar>.direction:before {
    content: "\f883";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #0E618D;
    position: absolute;
    left: 0;
    width: 30px;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    line-height: 30px;
    display: block;
}

.transfer-box>.transfers>.content>.titlebar>.direction>span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
}

.transfer-box>.transfers>.content>.titlebar>.direction>span:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.transfer-box>.transfers>.content>.titlebar>.vehicle {
    display: block;
    padding: 5px;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    border: solid 1px #ddd;
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
}

.transfer-box>.transfers>.content>.titlebar>.vehicle:before {
    content: "\f5b6";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #0E618D;
    position: absolute;
    left: 0;
    width: 30px;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    line-height: 30px;
    display: block;
}

.transfer-box>.transfers>.content>.titlebar>.vehicle>span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
}

.transfer-box>.transfers>.content>.titlebar>.vehicle>span:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.transfer-box>.transfers>.content>.titlebar>span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    background: #fff;
    padding: 5px 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    font-weight: 600;
    color: #666;
}




.comment-slider-container {
    width: 100%;
    position: relative;
    border-radius: 0;
}




.gal-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(3/4*100%);
    margin-bottom: 20px;
    border-radius: var(--border-radius);
}

.gal-item>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.gal-item:hover>img {
    transform: scale(1.1);
}

.gal-item>span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    transition: 0.4s ease 0s;
    z-index: 12;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gal-item:hover>span {
    background: none;
}

.gal-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    opacity: 0;
    transition: 0.4s ease 0s;
}

.gal-item:hover:before {
    opacity: 1;
}

.gal-item:after {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    line-height: 26px;
    transform: translate(-50%, -50%);
    z-index: 12;
    color: #fff;
    opacity: 0;
    transition: 0.4s ease 0s;
}

.gal-item:hover:after {
    opacity: 1;
}




.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 2;
    /* Sit on top */
    padding-top: 50px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 100%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}




/* SELECT2 RESET * START */

.form-group .select2-container {
    width: 100% !important;
}

.form-group .select2-container .select2-selection--single {
    height: unset;
    border-radius: 0;
}

.form-group .select2-container .select2-selection__rendered {
    line-height: unset;
    padding: 0;
    height: unset;
    color: unset;
    /* text-overflow: unset;
    overflow: unset;
    white-space: unset; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-group .select2-container .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 20px;
    text-align: center;
    height: unset;
}

.select2-dropdown {
    border-radius: 0;
    z-index: 3000;
    border: solid 1px #ddd;
}

.select2-results__group,
.select2-results__option {
    padding: 5px;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    border-bottom: solid 1px #eee;
}

.select2-results__group {
    background: #eee;
}

.select2-results__option:last-child {
    border-bottom: none;
}

.select2-search__field {
    border: solid 1px #ddd !important;
    padding: 5px 10px !important;
    font-size: 14px;
    line-height: 20px;
}

/* SELECT2 RESET * END */
.circle-icon-agencie {
    background-color: blue;
    height: 50px;
    width: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50% !important;
    color: white;
}

.b2b-menu {
    background-color: #444 !important;
}

.b2b-menu-link {
    color: #fff;
}

.b2b-menu-link:hover {
    color: #fff;
    background-color: #0e618d;
}

.nav-right {
    display: flex;
    align-items: center;
}

.dropdown-user>li>a {
    text-decoration: none;
    color: gray;
}

.dropdown-menu {
    padding: 5px;
    line-height: 2rem;
}

.dashboard-index {
    font-family: "Parkinsans", sans-serif;

}

.fa-car-side {
    font-size: 28px;
    color: #007bff;
}

.fa-money-check-dollar {
    font-size: 28px;
    color: #007bff;
}

/* Varsayılan enabled durumunda gri görünüm */
.request-btn {
    background-color: gray;
    border: 1px solid gray;
    color: #ddd;
    cursor: not-allowed;
    /* Gri durumdayken işaretçi değişikliği */
}

/* Aktif (enabled ve kullanılabilir) olduğunda mavi görünüm */
.request-btn:enabled {
    background-color: #23B2E9;
    border: 1px solid #23B2E9;
    color: #FFF;
    cursor: pointer;
    /* Kullanıcıya tıklanabilir hissi */
}




.invoice-box {
    /* max-width: 800px; */
    margin: auto;
    padding: 30px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;
}

.invoice-box table {
    width: 100%;
    line-height: inherit;
    text-align: left;
}

.invoice-box table td {
    padding: 5px;
    vertical-align: top;
}

.invoice-box table tr td:nth-child(2) {
    text-align: right;
}

.invoice-box table tr.top table td {
    padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
    font-size: 45px;
    line-height: 45px;
    color: #333;
}

.invoice-box table tr.information table td {
    padding-bottom: 40px;
}

.invoice-box table tr.heading td {
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.invoice-box table tr.details td {
    padding-bottom: 20px;
}

.invoice-box table tr.item td {
    border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
    border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
    border-top: 2px solid #eee;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/** RTL **/
.invoice-box.rtl {
    direction: rtl;
    font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.invoice-box.rtl table {
    text-align: right;
}

.invoice-box.rtl table tr td:nth-child(2) {
    text-align: left;
}

.tabs {
    position: relative;
    background: #ddd;
    height: 795px;
    overflow-y: auto;
}

.tabs::before,
.tabs::after {
    content: "";
    display: table;
}

.tabs::after {
    clear: both;
}

.tab {
    float: left;
}

.tab-switch {
    display: none;
}

.tab-label {
    font-size: 12px !important;
    display: block;
    line-height: 2.75em;
    height: 3em;
    padding: 0 15px;
    background: #061937;
    border-right: 0.125rem solid #fff;
    color: #fff;
    cursor: pointer;
    top: 0;
    transition: all 0.25s;
}

.tab-label:hover {
    top: -0.25rem;
    transition: top 0.25s;
}

.tab-content {
    position: absolute;
    z-index: 1;
    top: 2.75em;
    left: 0;
    padding: 1.618rem;
    background: #fff;
    color: #2c3e50;
    border-bottom: 0.25rem solid #bdc3c7;
    opacity: 0;
    transition: all 0.35s;
}

.tab-switch:checked+.tab-label {
    background: #fff;
    color: #2c3e50;
    border-bottom: 0;
    border-right: 0.125rem solid #fff;
    transition: all 0.35s;
}

.tab-switch:checked+label+.tab-content {
    z-index: 2;
    opacity: 1;
    transition: all 0.35s;
}


.flashing-text {
    animation: flash 1s infinite;
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



@keyframes blink {
    0% {
        background-color: red;
    }

    50% {
        background-color: darkred;
    }

    100% {
        background-color: red;
    }
}

.flash {
    animation: blink 1s infinite;
    color: white;

    padding: 20px;
    text-align: center;
    border-radius: 10px;
    width: 100%;
}



#itelefon-error {
    position: absolute;
}


.error-label {
    color: red;
    font-size: 12px;
}


/* PAGINATION START */

.pagination {
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination ul li {
    margin: 2px;
    display: block;
}

.pagination ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 0;
    background: #222;
    border: solid 1px #333;
    color: #fff !important;
    border-radius: 3px;
}

.pagination ul li a:hover {
    background: #162442;
}

.pagination ul li.active a {
    background: #5990ea;
    border-color: #5990ea;
    color: #fff !important;
}

/* PAGINATON END */

/* SLIDER START */

.main-slider-area {
    display: block;
    width: 100%;
    position: relative;
    z-index: 50;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.main-slider-container {
    width: 100%;
    position: relative;
}

.main-banner {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 525px;
    background: #fff;
}

.main-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0) 100%);
    z-index: 10;
}

.main-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Çerçeveye tam oturur, ancak orantısı bozulabilir */
}



.main-slider-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    pointer-events: none;
}

.main-slider-buttons>div {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    position: relative;
    background: none;
    pointer-events: all;
}

.main-slider-buttons>div:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Material Design Icons";
    font-weight: 400;
    font-size: 24px;
    line-height: 1.6 30px;
    color: #fff;
}

.main-slider-buttons>div.prev:before {
    content: "\F0142";
}

.main-slider-buttons>div.next:before {
    content: "\F0141";
}

.slide-desc {
    position: absolute;
    top: 170px;
    display: flex;
    width: 100%;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
    text-align: start;
}

.slide-desc .title {
    display: block;
    font-size: 45px;
    line-height: 1.2;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 4px 5px #222;
}

.slide-desc .desc {
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    margin-top: 10px;
    text-shadow: 1px 2px 2px #222;
    text-align: center;
}

.slide-desc-in {
    pointer-events: all;
    text-align: center;
}

.main-slider-items {
    width: 100%;
    z-index: 1000;
    background: #00000000;
    align-self: flex-end;
    position: absolute;
    bottom: 10px;
}





/* Login Form Styles */
.login-slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-card {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 320px;
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.login-input {
    background: rgba(0, 0, 0, 0.05) !important;
    border: rgba(0, 0, 0, 0.1) !important;
    color: #fff !important;
    height: 45px !important;
}

.login-input::placeholder {
    color: #eee !important;
}

.login-btn {
    height: 45px;
    font-weight: bold;
}

.login-forgot-link {
    text-decoration: none;
    font-size: 0.9em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


/* Login Form Dual Pane Styles */
.login-card-wide {
    width: auto !important;
    max-width: 800px !important;
}

.login-divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
    .login-divider {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}


/* Register Form Styles */
.register-card {
    width: auto !important;
    max-width: 1000px !important;
    padding: 30px !important;
}

.register-label {
    color: #222 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    margin-bottom: 5px;
}

.register-title {
    color: #222;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    font-weight: bold;
}


/* Register Card Select2 Styles */
.register-card .select2-container .select2-selection--single {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: rgba(0, 0, 0, 0.1) !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
}

.register-card .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    padding-left: 10px !important;
    color: #495057 !important;
    /* Bootstrap default input color */
}

.register-card .select2-container .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    top: 0 !important;
    right: 5px !important;
}



.t-pay>tbody>tr:hover>* {
    color: #c5882c;
}

.section-gray {
    background-color: #f7f7f7;
    padding: 10px 0;

}


.form-item{
    width: 100%;
}


.forms-container .row{
    margin-left: -5px;
    margin-right: -5px;
}

.forms-container .row .col-12,
.forms-container .row .col-lg-3{
    padding-left: 5px;
    padding-right: 5px;
}

.form-check-label{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.form-check-label i{
    font-size: 20px;
}