@import url(bootstrap.min.css);
@import url(fontawesome.all.min.css);
@import url(bootstrap.datetimepicker.min.css);

body { font-family: "Jost", sans-serif; font-size: 16px;}
h1, h2, h3, h4, h5, h6 { font-family: "Cormorant Garamond", serif;}

.navbar { transform: translateY(0); transition: 0.6s cubic-bezier(0.23, 0.76, 0.53, 0.99);}
.navbar-sub { background: #2c4771!important; margin: 0!important; padding: 30px 0; box-shadow: 0px 2px 18.48px 5.52px rgba(24, 46, 82, 0.004);}
.navbar-nav { background: #22416b; border: 1px solid #39547a; border-radius: 50px;}
.navbar-nav .nav-link { color: #fff; padding-left: 1rem!important; padding-right: 1rem!important;}
.navbar-nav > .nav-link:last-child { color: #76acf5!important; font-weight: bold;}
.dropdown > .language { font-size: 14px;}
.navbar-nav .dropdown-item.active,
.navbar-nav .dropdown-item:active,
.language .dropdown-item:active { background: #fff; color: #76acf5;}
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover,
.language .dropdown-item:active { color: #76acf5; background-color: #fff;}
.navbar-nav .dropdown-menu[data-bs-popper] { margin-top: 15px;}
.navbar-scroll { transform: translateY(-150%)}

#banner-opacity { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgb(10, 43, 80, 0.8);}
#banner-filtre { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;}
#banner-filtre .col-lg-4 { background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px;}
#banner-filtre .form-label { color: #0a2b50; font-weight: 500;}
#banner-filtre .form-control,
#banner-filtre .form-select { background-color: #f3f4f5; height: 45px; color: #5e7088;}
.banner-title { font-size: 40px; color: #fff; text-transform: uppercase;}

.cart-header { width: 40px; height: 40px; border-radius: 40px;}

.breadcrumb-wrapper { background: linear-gradient(135deg, #081d36 0%, #0d2b4e 60%, #1a4a7a 100%);}
.breadcrumb-wrapper h1 { font-family: "Jost", sans-serif; font-size: 25px;}
.breadcrumb-wrapper p { color: #b9c7df; margin-bottom: 0;}
.breadcrumb-item a { color: #b9c7df; text-decoration: none;}
.breadcrumb-item.active { color: #fff}
.breadcrumb-item+.breadcrumb-item::before { color: #b9b9b9}
.breadcrumb-top-bar .breadcrumb-item a { color: #97a1b3;}
.breadcrumb-top-bar .breadcrumb-item.active { color: #20355d}

.search-bar .btn { background: #ad262a; color: #fff; font-weight: bold;}
.search-bar .form-label { color: #0a2b50;}

.ferry-search-bar .form-label { font-size: 12px; color: #8a96a8; font-weight: 600; margin-bottom: 0; padding-top: 15px;}
.ferry-search-bar .form-select,
.ferry-search-bar .form-control { font-weight: bold; color: #264772; border: 0; padding-left: 0;}
.ferry-search-bar .btn { background: #102547; color: #fff; height: 71px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.ferry-search-bar .form-select::-webkit-input-placeholder { color: #264772!important}

.steps-bar { background: #fff; border-bottom: 1px solid #d1d8e6;}
.step { display: flex; align-items: center; gap: 8px; height: 65px; color: #d1d8e6; font-size: 13px; padding: 10px 0}
.step-num { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #d1d8e6; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700;}
.step a { color: #d1d8e6; text-decoration: none;}
.step.active a { color: #2e794a}
.step.active { color: #0a2b50; font-weight: 500; border-bottom: 3px solid #0a2b50;}
.step.active .step-num { background: #2c4771; border-color: #2c4771; color: #fff; }
.step-arrow { color: #ccc; font-size: 0.8rem;}
.step.success .step-num { background: #2e794a; border-color: #2e794a; color: #fff}
.step.success { color: #2e794a; font-weight: 500; border-bottom: 3px solid #2e794a;}
.filter-group .filter-pill { border: 1px solid #d7dce1!important; border-radius: 50rem; color: #62656a;}
.filter-pill.all { background: #2c4771; color: #fff; }
.filter-group .btn-check:checked+.btn, .btn.active,
.filter-group.btn.show, .btn:first-child:active,
.filter-group :not(.btn-check)+.btn:active { background: #2c4771; color: #fff}

.date-slider { gap: 10px;}
.date-list { display: flex; overflow-x: auto; gap: 20px; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;}
.date-list::-webkit-scrollbar { display: none;}
.date-item { min-width: 100px; padding: 10px; border-radius: 10px; border: 1px solid #dbe4f1; text-align: center; cursor: pointer; background: #fff;}
.date-item small { display: block; color: #8a96a8; font-size: 13.5px; text-transform: uppercase;}
.date-item strong { display: block; font-size: 18px;}
.date-item span { font-size: 13px; color: #1a7a4a; font-weight: 500;}
.date-item.active { background: #1f2a44; color: #fff; border-color: #1f2a44;}
.date-item.active span,
.date-item.active small { color: #fff}
.nav-btn { background: #fff; border: 1px solid #dbe4f1; border-radius: 50rem; cursor: pointer;}
.nav-btn:hover { background: #1f2a44; color: #fff}
.action-col button { background: #2c4771; color: #fff; min-width: 92px;}
.action-col button:hover { background: #2e794a; color: #fff}
.action-col .btn-selected-state { background: #2e794a!important; color: fff;}
/* CTA: Sefer kartındaki 'Seç' butonu — satın alma akışını tetikleyen birincil aksiyon */
.action-col .btn-select {
    background: #c8102e;
    color: #fff;
    min-width: 120px;
    padding: 0.55rem 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(200, 16, 46, 0.25);
    transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}
.action-col .btn-select:hover,
.action-col .btn-select:focus {
    background: #a30d25;
    color: #fff;
    box-shadow: 0 4px 12px rgba(200, 16, 46, 0.35);
    transform: translateY(-1px);
}
.action-col .btn-select i { margin-left: 6px;}
.badge-bar { background: #f5fbf7}
.badge-bar.badge-bar-popular { background: #fcf8f2}
.badge-bar.badge-bar-full { background: #fdeaea}
.disabled-div {pointer-events: none; opacity: 0.5; user-select: none;}
.ferry-card.selected { border: 2px solid #2e794a; transform: scale(1.01); transition: 0.2s;}
.badge-selected { background: #2e794a; color: #fff; font-weight: bold; padding: 8px 12px; border-radius: 6px;}
.divider-dashed { border-top: 3px solid #2c4771}

.city-title { font-size: 25px; font-weight: 800; color: #2c4771;}
#service-block .img-bg { min-height: 95px; line-height: 90px;}
#service-block .col-lg-4:nth-child(2) .img-bg { background: linear-gradient(135deg, #e8f4fd, #c5dff8);}
#service-block .col-lg-4:nth-child(3) .img-bg { background: linear-gradient(135deg, #e0f7fa, #b2ebf2);}
#service-block .col-lg-4:nth-child(4) .img-bg { background: linear-gradient(135deg, #fff8e1, #ffecb3);}
#service-block .col-lg-4:nth-child(5) .img-bg { background: linear-gradient(135deg, #f3e5f5, #e1bee7);}
#service-block .col-lg-4:nth-child(6) .img-bg { background: linear-gradient(135deg, #e8f5e9, #c8e6c9);}

.reservation-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px;}
.dot-circle { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: 3px;}
.dot-danger { background: #c4480a; }
.dot-blue  { background: #0d6efd; }

.reservation-title { font-family: "Cormorant Garamond", serif; font-size: 30px;}
.page-titles { font-family: "Cormorant Garamond", serif; font-size: 35px; font-weight: bold; color: #122b50}
.detail-page-titles { font-family: "Jost", sans-serif; font-size: 20px; font-weight: bold; color: #20375f; position: relative; padding-bottom: 15px;}
.detail-page-titles:after { position: absolute; content:""; left: 0; bottom: 0; width: 50px; height: 5px; background: #69b3e4; border-radius: 15px; }
.title-jost { font-family: "Jost", sans-serif; }

/* Başlıklarda lining figures — rakamlar (1, 2…) büyük harf yüksekliğinde hizalansın.
   Eski OSF fontlarında "1" Türkçe küçük "ı" gibi görünüyordu. */
h1, h2, h3, h4, h5, h6,
.page-titles, .detail-page-titles, .title-jost {
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum";
}

.about-bg { background-color: #f4f6f9; color: #0a2b50; font-size: 18px;}
.about-bg span { font-family: "Cormorant Garamond", serif; font-size: 35px; color: #0a2b50; font-weight: bold;}
.about-bg ul { list-style: none; column-count: 2;}
.about-bg li { list-style-image: url("../images/rectangle.png"); padding-bottom: 15px;}
#aboutTab .nav-link { color: #8a96a8}
#aboutTab .nav-link.active { color: #20375f}
#aboutTabContent { color: #8a96a8}
#aboutTabContent li { padding-bottom: 10px; font-size: 14px;}
#rules-tab-pane .row > .col-lg-4 .card  { border-left: 4px solid #2c4771!important; }
#rules-tab-pane .row > .col-lg-4:nth-child(3) .card  { border-left: 4px solid #2e794a!important;}
#rules-tab-pane .row > .col-lg-4:nth-child(6) .card  { border-left: 4px solid #ad262a!important;}
.tl-dot { position: absolute; left: -32px; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #20375f; border: 3px solid #fff; box-shadow: 0 0 0 2px #20375f;}
#faqAccordion .accordion-button:not(.collapsed) { background-color: #f7f8f9!important;}

.tour-bg { background: #122b50; overflow: hidden; z-index: 1;}
.tour-wrap {  overflow: hidden; min-height: 569px; border-radius: 10px;}
.tour-item { z-index: 2; width: 33.33%;}
.tour-item .tour-holder { padding: 30px; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(255, 255, 255, 0.1); background: #122b50;}
.tour-item .tour-desc { opacity: 0; z-index: 1; padding: 0 30px 50px; height: 470px;}
.tour-item .tour-desc p { opacity: 0; line-height: 26px; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;  transform: translateY(20px);}
.tour-item .tour-desc::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 0; z-index: -1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; backdrop-filter: blur(6px); background: rgba(18, 43, 80, 0.8);}
.tour-item:hover .tour-holder::before,
.tour-item.current .tour-holder::before { width: 100%;}
.tour-item:hover .tour-desc,
.tour-item.current .tour-desc { opacity: 1;}
.tour-item:hover .tour-desc p,
.tour-item.current .tour-desc p { opacity: 1; transition-delay: .2s; transform: translateY(0);}
.tour-item:hover .tour-desc::before,
.tour-item.current .tour-desc::before { width: 100%;}
.package-bg-images .img-item { position: absolute; opacity: 0; bottom: 0; height: 82.2%; width: 100%; transition: .5s;}
.package-bg-images .img-item.active { opacity: 1; display: block;}
.bg_img { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;}

.hover-effect-img .package-tour-img { position: relative; overflow: hidden;}
.hover-effect-img .package-tour-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease-in-out;}
.hover-effect-img .package-tour-img .img { position: relative; width: 100%; display: block; transition: all 500ms ease;}
.hover-effect-img .package-tour-img .img-1 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px);}
.hover-effect-img .package-tour-img span { position: absolute; top: auto; bottom: 0; left: 0; right: 0; color:#fff; text-align: center; padding: 10px; z-index: 2; background: url('../images/hover-bg.png')no-repeat;}
.hover-effect-img:hover .package-tour-img .img-1 { transform: translatex(0) scalex(1); opacity: 1; filter: blur(0);}
.hover-effect-img:hover .package-tour-img .img-2 { transform: translatex(-50%) scalex(2); opacity: 0; filter: blur(10px);}

#hotelBanner .carousel-indicators { justify-content: start; margin-left: 25%; margin-bottom: 0;}
#hotelBanner .carousel-indicators [data-bs-target] { background: #122b50; border-radius: 15px!important; width: 15px; height: 15px; border: 0;}
#hotelBanner .col-lg-6:first-child { height: 300px; margin-top: 50px;}
#hotelTab .nav-link { color: #8a96a8!important; border: 0; padding: 15px 30px; border-radius: 0;}
#hotelTab .nav-link.active { background: #f4f6f9; font-weight: bold; color: #20375f!important; border-bottom: 2px solid #dd2134}
#reviews .progress { height: 5px;}
.reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; background: #2c4771; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;}
.w-120 { width: 120px;}

.success-hero { background: linear-gradient(135deg, #1a3259 0%, #1a3259 60%, #2e5589 100%); padding: 48px 40px; text-align: center; position: relative; overflow: hidden;}
.success-hero::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px; border-radius: 50%; background: rgba(255, 255, 255, 0.02); pointer-events: none;}
.success-icon-wrap { width: 80px; height: 80px; background: #2e794a; border-radius: 50%; display: flex; align-items: center; justify-content: center;  margin: 0 auto 20px; box-shadow: 0 0 0 12px rgba(26, 122, 74, 0.2), 0 0 0 24px rgba(26, 122, 74, 0.08);}
.copy-btn { background: rgba(255, 255, 255, 0.15); cursor: pointer; transition: background 0.2s;}
.copy-btn:hover { background: rgba(255, 255, 255, 0.25);}
.booking-ref { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);}
.mail-icon { width: 44px; height: 44px; background: #2e794a; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.confetti { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden;}
.confetti-piece { position: absolute; width: 8px; height: 8px; border-radius: 2px; animation:confettiFall linear infinite;}

.passenger-row {display: grid; grid-template-columns: auto 1fr 1fr 1fr 1fr; gap: 12px; align-items: center; padding: 12px 0;}
.passenger-num{ width: 28px; height: 28px; border-radius: 50%; background: #1a3259; color: #fff; font-weight:700; display: flex; align-items: center; justify-content: center; flex-shrink:0;}

.steps-list { padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}

/*.sidebar { position: sticky; top: 20px;}*/
.sidebar .card-header { background: #2c4771; color: #fff; font-size: 18px; font-weight: bold; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.sidebar .form-check-input:checked { background-color: #2c4771; border-color: #2c4771;}
.sidebar .d-flex button:hover { background: #2c4771; color: #fff}

.card { border: 1px solid #dbe4f1}
.card img { transition: transform 0.4s;}
.card:hover img { transform: scale(1.05);}
.card ::-webkit-input-placeholder,
.card .form-control,
.card .form-select { color: #8a96a8!important}

#filter-tour-section { background: #3c567f}
#filter-tour-section .btn { font-weight: bold; color: rgba(255, 255, 255, 0.65);}
#filter-tour-section .btn:hover { color: rgba(255, 255, 255, 1); }
#filter-tour-section .btn.active { color: rgba(255, 255, 255, 1); border: 0;}
#filter-tour-section .badge { background: #475e82; font-size: 10px; font-weight: normal;}
.tour-card:hover { border: 1px solid #2c4771}
.tour-card .badge { font-size: 15px;}
.tour-card a.btn { background: #2c4771}
.tour-card a.btn:hover { background: #122b50}
/* Tur kartları — başlık ve özet için sabit alan: aynı sıradaki kartlar hizalı kalsın */
.tour-card .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.tour-card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.2em;
    line-height: 1.4;
}

.gallery-overlay { position: absolute; background-color: rgb(10, 43, 80, 0.8); left: 0; right: 0; top: 0; bottom: 0; margin-left: 5px; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.info-deal { min-width: 110px; font-size: 15px;}
.bg-bestseller-info { background: #ad262a;}
.bg-new-info { background: #2e794a;}
.bg-coupon-info { background: #ac5b11;}

.badge-cheapest { background: #f5fbf7; border: 1px solid #badfc7; color: #1a7a4a}
.badge-earliest { background: #e7eeee; border: 1px solid #c9d4da; color: #20375f}
.badge-popular { background: #fcf8f2; border: 1px solid #decdb2; color: #a85d00;}
.badge-full { background: #fdeaea; border: 1px solid #f0bdbd; color: #ad262a}

.room-circle {  width: 28px; height: 28px; border: 2px solid #d1d8e6; border-radius: 50%; display: inline-block; cursor: pointer; position: relative;}
.btn-check:checked + .room-circle::after { content: ""; width: 14px; height: 14px; background: #d1d8e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.bg-bestseller-info:hover { background: #e8192c; }

footer { background: #122b50; color: #fff}
footer a { color: #fff; text-decoration: none;}
footer .form-control { height: 45px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
footer form .btn { background: #2a6fb0; height: 45px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
footer ul a:hover { color: #4277c6}

.view-btn { background: #2c4771; font-size: 15px; color: #fff; font-weight: bold;}
.view-btn:hover { background: #20365e; color: #fff}

/*duzenlenecek*/

/* ── Filter Pills ── */
.filter-bar {
    background: #fff;
    padding: 10px 16px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

  .filter-bar .filter-pill {
      background: #fff;
      border: 1.5px solid #cdd5e0;
      border-radius: 20px;
      padding: 4px 16px;
      font-size: 0.82rem;
      cursor: pointer;
      color: #8a96a8;
      transition: all .18s;
      display: flex;
      align-items: center;
      gap: 3px;
      white-space: nowrap;
    }

.filter-bar .filter-pill.active,
.filter-bar .filter-pill:hover {
      background: #2c4771;
      border-color: #2c4771;
      color: #fff;
    }

    /* ── No-hotel card ── */
    .no-hotel-card {
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .no-hotel-card .form-check-input { width: 20px; height: 20px; }

    /* ── Hotel Card ── */
    .hotel-card {
      background: #fff;
      border: 1px solid #d1d8e6;
      border-radius: 10px;
      overflow: hidden;
      display: flex;
      align-items: stretch;
      transition: box-shadow .2s, border-color .2s;
      cursor: pointer;
    }

    .hotel-card:hover {
      box-shadow: 0 4px 18px rgba(30,58,95,.10);
      border-color: #b0bdd6;
    }

    .hotel-card.selected {
      border-color: #2c4771;
      box-shadow: 0 0 0 2px rgba(30,58,95,.18);
    }

    .hotel-card .hotel-img {
      width: 130px;
      min-height: 110px;
      object-fit: cover;
      flex-shrink: 0;
    }

    .hotel-card .hotel-body {
      padding: 12px 14px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 4px;
    }

    .hotel-name {
      font-size: 18px;
      font-weight: 700;
      color: #2c4771;
      margin: 0;
    }

    .hotel-location {
      font-size: 14px;
      color: #7a8aa0;
    }

    .stars {
      font-size: 0.72rem;
      display: flex;
      gap: 1px;
    }

    .amenity-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 2px;
    }

    .amenity-badge {
      border-radius: 4px;
      padding: 2px 8px;
      font-size: 14px;
      color: #4a5d78;
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .hotel-price-col {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      padding: 12px 14px;
      gap: 6px;
      min-width: 160px;
      flex-shrink: 0;
    }

    .hotel-night {
      font-size: 14px;
      color: #a3abb9;
      text-align: right;
    }

    .hotel-price {
      font-size: 25px;
      font-weight: 700;
      color: #ad262a;
      line-height: 1;
    }

    .hotel-radio {
      width: 20px;
      height: 20px;
      accent-color: var(--brand-blue);
      margin-top: 4px;
    }

    /* ── Wrapper ── */
    .widget-wrapper {
      max-width: 700px;
      margin: 30px auto;
      border-radius: 10px;
      box-shadow: 0 4px 32px rgba(30,58,95,.13);
      overflow: hidden;
      background: #fff;
    }

    .cards-area {
      padding: 14px 16px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      background: #fff;
    }

.plan-card { cursor: pointer; transition: box-shadow .2s, border-color .2s; min-height: 340px; }
    .plan-card:hover { box-shadow: 0 6px 24px rgba(30,58,95,.13) !important; }
    .plan-card.selected { border-color: #1e3a5f !important; box-shadow: 0 0 0 2px rgba(30,58,95,.18) !important; }
    .plan-card.featured { border-color: #1e3a5f !important; }
    .shield-red { color: #c0392b; }
    .shield-yellow { color: #f1c40f; }
    .check-icon { color: #2196f3; }
    .price-red { color: #e63946; }
    .page-header { background: #1e3a5f; border-radius: 10px 10px 0 0; }
    .radio-circle {
      width: 22px; height: 22px;
      border: 2px solid #b0bdd6;
      border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
    }
    .radio-circle.active {
      border-color: #1e3a5f;
      background: #fff;
    }
    .radio-circle.active::after {
      content: '';
      width: 12px; height: 12px;
      background: #1e3a5f;
      border-radius: 50%;
      display: block;
    }

.fa-star { color: #ffb900}
.text-gray { color: #8a96a8;}
.text-blue { color: #4277c6;}
.text-light-blue { color: #69b3e4;}
.text-dark-blue { color: #122b50}
.text-danger { color: #ad262a!important}
.bg-dark-blue { background: #2c4771;}
.bg-blue { background: #425a7f;}
.bg-gray { background: #f4f6fa;}
.bg-dark-gray { background: #eff1f4;}

@keyframes confettiFall{
    0%{transform:translateY(-20px) rotate(0deg);opacity:1;}
    100%{transform:translateY(200px) rotate(720deg);opacity:0;}
}

@media (min-width: 1920px) {
    .navbar-nav .nav-link { padding-left: 1.5rem!important; padding-right: 1.5rem!important;}
}

@media (max-width: 1440px) {
    .navbar-brand img { height: 45px;}
}

@media (max-width: 991px) {

}