*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: "Poppins", sans-serif;
}
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    background-color: #fff;
}
body::-webkit-scrollbar-thumb {
    background-color: #ffe06c;
}
p {
    margin: 0;
}
.navbar .navbar-toggler .hamburger-box .hamburger-inner,
.navbar .navbar-toggler .hamburger-box .hamburger-inner::after,
.navbar .navbar-toggler .hamburger-box .hamburger-inner::before {
    width: 100%;
    height: 3px;
    position: absolute;
    background-color:black;
}
.sec-04-box .black-btn,
.sec-05-box .sec-05-btns-box .black-btn,
.sec-06-box .sec-06-btns-box .black-btn {
    background: #3f3f3f;
    border: 1px solid #3f3f3f;
    color: #fff;
    text-decoration: none;
    padding: 0.6rem 2rem;
    font-size: 1.2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sec-04-box .black-btn:hover,
.sec-05-box .sec-05-btns-box .black-btn:hover,
.sec-06-box .sec-06-btns-box .black-btn:hover {
    background: #fff;
    color: #3f3f3f;
}
.sec-05-box .sec-05-btns-box .white-btn,
.sec-06-box .sec-06-btns-box .white-btn {
    background: #fff;
    border: 1px solid #3f3f3f;
    color: #3f3f3f;
    text-decoration: none;
    padding: 0.6rem 2rem;
    font-size: 1.2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sec-05-box .sec-05-btns-box .white-btn:hover,
.sec-06-box .sec-06-btns-box .white-btn:hover {
    background: #3f3f3f;
    color: #fff;
}
.sec-05-box .sec-05-item-body-list-item .left .blue-circle,
.sec-06-box .sec-06-item-body-list-item .left .blue-circle {
    background: #273c70;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}
.navbar {
    position: absolute;
    width: 100%;
    background: #fff;
    padding-left: 0.5rem;
    z-index: 1000;
}
.navbar .navbar-toggler {
    outline: none;
}
.navbar .navbar-toggler .hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.navbar .navbar-toggler .hamburger-box .hamburger-inner {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 0.1s 0.2s ease-in-out;
    transition: background-color 0.1s 0.2s ease-in-out;
}
.navbar .navbar-toggler .hamburger-box .hamburger-inner::after,
.navbar .navbar-toggler .hamburger-box .hamburger-inner::before {
    content: "";
    left: 0;
    -webkit-transition: -webkit-transform 0.2s 0.2s ease-in-out;
    transition: -webkit-transform 0.2s 0.2s ease-in-out;
    transition: transform 0.2s 0.2s ease-in-out;
    transition: transform 0.2s 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out;
}
.navbar .navbar-toggler .hamburger-box .hamburger-inner::after {
    top: 10px;
}
.navbar .navbar-toggler .hamburger-box .hamburger-inner::before {
    top: -10px;
}
.navbar .hamburger-active .hamburger-inner {
    background-color: transparent !important;
}
.navbar .hamburger-active .hamburger-inner::before {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
.navbar .hamburger-active .hamburger-inner::after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
.navbar .navbar-collapse {
    margin-top: 1rem;
    padding: 1rem;
    border-top: 1px solid #000;
}
.navbar .navbar-collapse .nav-item .nav-link {
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.navbar .navbar-collapse .nav-item .nav-link:hover {
    color: #ffe06c;
}
header.main-header {
    height: 100vh;
    background-image: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img//header.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
header.main-header .header-text-box {
    margin: 0 5% 0 5%;
}
header.main-header .header-text-box h1,
header.main-header .header-text-box p {
    color: #fff;
}
header.main-header .header-text-box p {
    padding-top: 1rem;
    text-align: justify;
}
.sec-01 {
    padding: 2rem 1rem;
}
.sec-01-box {
    background: #202020;
    color: #fff;
    padding: 2rem 1rem;
}
.sec-01-box .left-side {
    position: relative;
}
.sec-01-box .left-side h2 {
    font-weight: 600;
    padding-bottom: 1rem;
}
.sec-01-box .left-side::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 90%;
    background: #ffe06c;
    bottom: 0;
}
.sec-01-box p {
    padding-top: 1rem;
    text-align: justify;
}
.sec-02 {
    padding: 2rem 1rem;
}
.sec-02-box {
    background-image: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img//business-people-using-tablet.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 2rem 1rem;
}
.sec-02-box h2 {
    position: relative;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.sec-02-box h2::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffe06c;
    bottom: 0;
}
.sec-02-box p {
    text-align: justify;
}
.sec-02-box .sec-02-list {
    margin-top: 2rem;
}
.sec-02-box .sec-02-list .sec-02-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0;
}
.sec-02-box .sec-02-list .sec-02-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1rem;
}
.sec-02-box .sec-02-list .sec-02-item-img img {
    width: 100%;
}
.sec-02-box .sec-02-list .sec-02-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sec-02-box .sec-02-list .sec-02-item-text p {
    text-align: left;
}
.sec-03 {
    background: #ffe06c;
    padding: 3rem 2rem;
}
.sec-03 h2 {
    color: #000;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}
.sec-04 {
    padding: 2rem 1rem;
}
.sec-04-box {
    padding: 2rem 1rem;
}
.sec-04-box h2 {
    font-weight: 600;
    padding-bottom: 2rem;
}
.sec-04-box .sec-04-items {
    padding-top: 2rem;
}
.sec-04-box .sec-04-items .sec-04-item-box {
    border: 1px solid #000;
    padding: 2rem;
    margin: 1rem 0;
}
.sec-04-box .sec-04-items .sec-04-item-box .number1,
.sec-04-box .sec-04-items .sec-04-item-box .number2,
.sec-04-box .sec-04-items .sec-04-item-box .number3 {
    display: none;
}
.sec-04-box .sec-04-items .sec-04-item-box .sec-04-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0;
}
.sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1rem;
    width: 50%;
}
.sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img img {
    width: 100%;
}
.sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-text p {
    text-align: left;
}
.sec-05 {
    padding: 2rem 1rem;
}
.sec-05-box {
    padding: 2rem 1rem;
}
.sec-05-box h2 {
    padding-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}
.sec-05-box .sec-05-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sec-05-box .sec-05-btns-box {
    margin: 1rem 0;
}
.sec-05-box .sec-05-btns-box .black-btn {
    margin: 0.5rem 0;
}
.sec-05-box .sec-05-btns-box .white-btn {
    margin: 0.5rem 0;
}
.sec-05-box .sec-05-item {
    border: 2px solid #f6f6f6;
    padding: 0;
    margin: 1rem;
}
.sec-05-box .sec-05-item-head {
    padding: 2rem 1rem;
    background: #d3d7d6;
    height: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sec-05-box .sec-05-item-head h2 {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.sec-05-box .sec-05-item-head h3 {
    font-size: 1.3rem;
    text-transform: lowercase;
    text-align: center;
}
.sec-05-box .sec-05-item-body {
    padding: 2rem 1rem;
    height: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sec-05-box .sec-05-item-body-list {
    padding-top: 1rem;
}
.sec-05-box .sec-05-item-body-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5rem 0;
}
.sec-05-box .sec-05-item-body-list-item .left {
    padding-right: 0.8rem;
}
.sec-05-box .sec-05-item-bottom {
    padding: 2rem 1rem;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sec-05-box .sec-05-item-bottom h2 {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.5rem 0;
    margin: 0;
}
.sec-05-box .sec-05-item .bottom1 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/EuroCert-dowod.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-05-box .sec-05-item .bottom2,
.sec-05-box .sec-05-item .bottom3 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/EuroCertToken.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-05-box .sec-05-item .bottom4 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img//EuroCert-Mikroczytnik.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-05-box .sec-05-item .bottom5 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/EuroCertClassic.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-05-box .sec-05-item .bottom6 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/EuroCert-Karta.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-05-box .sec-05-item .bottom7 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/satisfaction.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-06 {
    background: #f6f6f6;
    padding: 2rem 1rem;
}
.sec-06-box {
    padding: 2rem 1rem;
}
.sec-06-box h2 {
    padding-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}
.sec-06-box .sec-06-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sec-06-box .sec-06-btns-box {
    margin: 1rem 0;
}
.sec-06-box .sec-06-btns-box .black-btn {
    margin: 0.5rem 0;
}
.sec-06-box .sec-06-btns-box .white-btn {
    margin: 0.5rem 0;
}
.sec-06-box .sec-06-item {
    border: 2px solid #d3d7d6;
    padding: 0;
    margin: 1rem;
}
.sec-06-box .sec-06-item-head {
    padding: 2rem 1rem;
    background: #d3d7d6;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sec-06-box .sec-06-item-head h2 {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.sec-06-box .sec-06-item-head h3 {
    font-size: 1.3rem;
    text-transform: lowercase;
    text-align: center;
}
.sec-06-box .sec-06-item-body {
    padding: 2rem 1rem;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sec-06-box .sec-06-item-body-list {
    padding-top: 1rem;
}
.sec-06-box .sec-06-item-body-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5rem 0;
}
.sec-06-box .sec-06-item-body-list-item .left {
    padding-right: 0.8rem;
}
.sec-06-box .sec-06-item-bottom {
    padding: 2rem 1rem;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sec-06-box .sec-06-item-bottom h2 {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.5rem 0;
    margin: 0;
}
.sec-06-box .sec-06-item .bottom01 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/EuroCertOdnowienie.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-06-box .sec-06-item .bottom02 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/Odnowienie-nowa-karta.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-06-box .sec-06-item .bottom03 {
    background: url("https://podpis-kwalifikowany.bydgoszcz.pl/assets/img/Odnowienie-nowy-token.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec-07{
    width:80%;
    margin-bottom:5%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    position:relative;
}
.sec-07::before {
    content : "";
    position: absolute;
    left    : 20%;
    bottom  : 0;
    height  : 1px;
    width   : 60%;  /* or 100px */
    border-bottom:3px solid #ffe06c;
  }
  .owl-stage{
    display: flex;
    align-items:center;
  }
.sec-07-box
{
    display:flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin:1%;
}
.arrow {
    border:1px solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 7px;
    margin:2%;
    cursor:pointer;
  }
  
  .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
.sec-07-box img{
    width:100%;
    max-height:100%;
}
.main-footer {
    background: #393939;
    color: #fff;
    padding: 3rem;
}
.main-footer .footer-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
}
.main-footer .footer-map i {
    padding-right: 1rem;
}
.main-footer .footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
}
.main-footer .footer-contact i {
    padding-right: 1rem;
}
.main-footer .footer-menu ul {
    list-style: none;
}
.main-footer .footer-menu ul .footer-menu-item {
    padding: 0.3rem 0;
}
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link {
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link:hover {
    color: #ffe06c;
}
.bottom-strip {
    padding: 1rem 0;
}
.bottom-strip .facebook-link {
    color: #393939;
    font-size: 2.5rem;
}
@media (min-width: 420px) {
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 25%;
    }
    .navbar{
        background-color:white;
    }
}
@media (min-width: 600px) {
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 15%;
    }
    .sec-05 .sec-06-box .sec-05-btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-05 .sec-06-box .sec-05-btns-box {
        margin: 0 1rem;
    }
}
@media (min-width: 700px) {
    header.main-header .header-text-box {
        margin: 0 25% 0 10%;
    }
    header.main-header .header-text-box h1 {
        font-size: 3rem;
    }
    header.main-header .header-text-box p {
        font-size: 1.3rem;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 10%;
    }
}
@media (min-width: 768px) {
    .navbar {
        padding: 1rem 0;
        background: black;
    }
    .navbar .navbar-collapse {
        margin-top: 0;
        padding-right: 5%;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .navbar .navbar-collapse .nav-item .nav-link {
        color: #fff;
    }
    .sec-01-box {
        padding: 4rem 1rem;
    }
    .sec-01-box .left-side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-01-box .left-side::before {
        width: 3px;
        height: 90%;
        right: 0;
    }
    .sec-01-box .left-side h2 {
        margin: 0;
        padding: 0;
    }
    .sec-02-box {
        padding: 4rem 2rem;
    }
    .sec-02-box h2::before {
        width: 20%;
    }
    .sec-02-box .sec-02-list-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .sec-04-box,
    .sec-05-box,
    .sec-06-box {
        padding: 4rem 2rem;
    }
    .main-footer .footer-map-box,
    .main-footer .footer-contact-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .main-footer .footer-menu-box .footer-menu {
        position: relative;
    }
    .main-footer .footer-menu-box .footer-menu::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background: #fff;
        left: -10%;
    }
}
@media (min-width: 992px) {
    .sec-04-box .sec-04-items {
        padding-top: 8rem;
    }
    .sec-04-box .sec-04-items .sec-04-item-box {
        position: relative;
        margin: 1rem 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #fff;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number1,
    .sec-04-box .sec-04-items .sec-04-item-box .number2,
    .sec-04-box .sec-04-items .sec-04-item-box .number3 {
        position: absolute;
        display: block;
        width: 75%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number1 {
        top: -18%;
        left: -35%;
        z-index: -1;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number2 {
        top: -16%;
        right: 15%;
        z-index: 1;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number3 {
        bottom: -10%;
        right: -30%;
        z-index: -1;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 100%;
    }
    .main-footer .footer-menu-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 1200px) {
    header.main-header .header-text-box {
        margin: 0 40% 0 10%;
    }
    .sec-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-01-box {
        width: 90%;
    }
    .sec-02-box,
    .sec-04-box,
    .sec-05 .sec-06-box {
        width: 90%;
    }
    .sec-04-box .sec-04-items {
        padding-top: 10rem;
    }
    .sec-04-box .sec-04-items .sec-04-item-box {
        padding: 6rem 2rem;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number1,
    .sec-04-box .sec-04-items .sec-04-item-box .number2,
    .sec-04-box .sec-04-items .sec-04-item-box .number3 {
        width: 65%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number1 {
        top: -15%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number2 {
        top: -10%;
        right: 20%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .number3 {
        right: -25%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item {
        padding: 2rem 0;
    }
    .sec-05-box .sec-05-btns,
    .sec-05-box .sec-06-btns,
    .sec-06-box .sec-05-btns,
    .sec-06-box .sec-06-btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-05-box .sec-05-btns-box,
    .sec-05-box .sec-06-btns-box,
    .sec-06-box .sec-05-btns-box,
    .sec-06-box .sec-06-btns-box {
        margin: 0 3rem;
    }
}
@media (min-width: 1366px) {
    header.main-header .header-text-box {
        margin: 0 50% 0 10%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box {
        margin: 1rem 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 65%;
    }
}
@media (min-width: 1600px) {
    header.main-header .header-text-box {
        margin: 0 45% 0 10%;
    }
    .sec-04-box .sec-04-items .sec-04-item-box {
        margin: 1rem 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-04-box .sec-04-items .sec-04-item-box .sec-04-item-img {
        width: 30%;
    }
}

/* ==========================================================================
   ENHANCED KEYBOARD ACCESSIBILITY
   ========================================================================== */

/* Make all clickable elements keyboard accessible */
.arrow {
    border: 1px solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 7px;
    margin: 2%;
    cursor: pointer;
    /* Add keyboard accessibility */
    position: relative;
    background: #fff;
    transition: all 0.2s ease;
}

.arrow:hover,
.arrow:focus {
    background: #f0f0f0;
    transform: scale(1.1);
}

.arrow:active {
    background: #e0e0e0;
    transform: scale(0.95);
}

/* Ensure carousel items are focusable */
.sec-07-box {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 1%;
    position: relative;
}

.sec-07-box img {
    width: 100%;
    max-height: 100%;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.sec-07-box:focus-within img {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Enhanced button accessibility */
.black-btn,
.white-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.black-btn:hover,
.white-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.black-btn:active,
.white-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Navigation menu keyboard improvements */
.navbar .navbar-collapse .nav-item {
    position: relative;
}

.navbar .navbar-collapse .nav-item .nav-link {
    position: relative;
    border-radius: 4px;
    margin: 2px;
    transition: all 0.2s ease;
}

.navbar .navbar-collapse .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #ffe06c;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.navbar .navbar-collapse .nav-item .nav-link:hover::after,
.navbar .navbar-collapse .nav-item .nav-link:focus::after {
    width: 100%;
}

body.high-contrast .navbar .navbar-collapse .nav-item .nav-link::after {
    background: #ffff00;
}

/* Card hover and focus states */
.sec-04-box .sec-04-items .sec-04-item-box {
    transition: all 0.3s ease;
    cursor: pointer;
}

.sec-04-box .sec-04-items .sec-04-item-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.sec-05-box .sec-05-item,
.sec-06-box .sec-06-item {
    transition: all 0.3s ease;
    cursor: pointer;
}

.sec-05-box .sec-05-item:hover,
.sec-06-box .sec-06-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* Footer links enhancement */
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link {
    position: relative;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 2px;
    transition: all 0.2s ease;
}

.main-footer .footer-menu ul .footer-menu-item .footer-menu-link:hover {
    background-color: rgba(255, 224, 108, 0.1);
    transform: translateX(4px);
}

body.high-contrast .main-footer .footer-menu ul .footer-menu-item .footer-menu-link:hover {
    background-color: rgba(255, 255, 0, 0.2);
}

/* Social media links accessibility */
.bottom-strip .facebook-link {
    color: #393939;
    font-size: 2.5rem;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-block;
}

.bottom-strip .facebook-link:hover,
.bottom-strip .facebook-link:focus {
    transform: scale(1.1);
    color: #1877f2;
    background-color: rgba(24, 119, 242, 0.1);
}

body.high-contrast .bottom-strip .facebook-link:hover,
body.high-contrast .bottom-strip .facebook-link:focus {
    color: #ffff00;
    background-color: rgba(255, 255, 0, 0.2);
}

/* Keyboard navigation helper text */
.keyboard-hint {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Show keyboard hints when parent is focused */
*:focus .keyboard-hint,
*:focus-visible .keyboard-hint {
    position: static;
    width: auto;
    height: auto;
    padding: 4px 8px;
    margin: 4px;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 1px solid #ccc;
    background: #f9f9f9;
    font-size: 0.8rem;
    border-radius: 2px;
}

body.high-contrast *:focus .keyboard-hint,
body.high-contrast *:focus-visible .keyboard-hint {
    background: #333;
    color: #fff;
    border-color: #fff;
}

/* Improve contrast for keyboard users */
@media (prefers-reduced-motion: no-preference) {
    .arrow,
    .black-btn,
    .white-btn,
    .navbar .navbar-collapse .nav-item .nav-link {
        transition: all 0.2s ease;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arrow,
    .black-btn,
    .white-btn,
    .navbar .navbar-collapse .nav-item .nav-link {
        transition: none;
    }
}

/* High Contrast Mode */
body.high-contrast {
    background-color: #000000 !important;
    color: #ffffff !important;
}

body.high-contrast * {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body.high-contrast .navbar {
    background-color: #000000 !important;
    border-bottom: 2px solid #ffffff !important;
}

body.high-contrast .navbar .navbar-collapse .nav-item .nav-link {
    color: #ffffff !important;
}

body.high-contrast .navbar .navbar-collapse .nav-item .nav-link:hover {
    color: #ffff00 !important;
    background-color: #000000 !important;
}

body.high-contrast header.main-header {
    background-image: none !important;
    background-color: #000000 !important;
}

body.high-contrast .sec-01-box,
body.high-contrast .sec-02-box,
body.high-contrast .sec-03,
body.high-contrast .sec-04-box,
body.high-contrast .sec-05-box,
body.high-contrast .sec-06-box,
body.high-contrast .main-footer {
    background-color: #000000 !important;
    background-image: none !important;
}

body.high-contrast .sec-03 {
    background-color: #000000 !important;
}

body.high-contrast .sec-03 h2 {
    color: #ffffff !important;
}

body.high-contrast .sec-04-box .sec-04-items .sec-04-item-box,
body.high-contrast .sec-05-box .sec-05-item,
body.high-contrast .sec-06-box .sec-06-item {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

body.high-contrast .sec-05-box .sec-05-item-head,
body.high-contrast .sec-06-box .sec-06-item-head {
    background-color: #333333 !important;
}

body.high-contrast .sec-05-box .sec-05-item-bottom,
body.high-contrast .sec-06-box .sec-06-item-bottom {
    background-image: none !important;
    background-color: #333333 !important;
}

body.high-contrast .black-btn,
body.high-contrast .white-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

body.high-contrast .black-btn:hover,
body.high-contrast .white-btn:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

body.high-contrast a {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

body.high-contrast a:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

body.high-contrast img {
    filter: contrast(1.5) brightness(1.2) !important;
}

/* Large Font Mode */
html.large-font {
    font-size: 120% !important;
}

html.large-font h1 {
    font-size: 3.6rem !important;
}

html.large-font h2 {
    font-size: 2.4rem !important;
}

html.large-font h3 {
    font-size: 1.8rem !important;
}

html.large-font p,
html.large-font span,
html.large-font a,
html.large-font button {
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
}

html.large-font .navbar .navbar-collapse .nav-item .nav-link {
    font-size: 1.3rem !important;
}

html.large-font .black-btn,
html.large-font .white-btn {
    font-size: 1.4rem !important;
    padding: 0.8rem 2.5rem !important;
}

html.large-font .footer-menu-link {
    font-size: 1.2rem !important;
}

/* Increased Letter Spacing Mode */
html.increased-spacing {
    letter-spacing: 0.1em !important;
}

html.increased-spacing h1,
html.increased-spacing h2,
html.increased-spacing h3,
html.increased-spacing h4,
html.increased-spacing h5,
html.increased-spacing h6 {
    letter-spacing: 0.15em !important;
    word-spacing: 0.3em !important;
}

html.increased-spacing p,
html.increased-spacing span,
html.increased-spacing a,
html.increased-spacing button,
html.increased-spacing li {
    letter-spacing: 0.1em !important;
    word-spacing: 0.2em !important;
}

html.increased-spacing .navbar .navbar-collapse .nav-item .nav-link {
    letter-spacing: 0.12em !important;
    word-spacing: 0.25em !important;
}

html.increased-spacing .black-btn,
html.increased-spacing .white-btn {
    letter-spacing: 0.08em !important;
    word-spacing: 0.15em !important;
}

/* ==========================================================================
   KEYBOARD NAVIGATION IMPROVEMENTS
   ========================================================================== */

/* Skip Link for Screen Readers and Keyboard Users */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #000000;
    color: #ffffff;
    padding: 8px;
    text-decoration: none;
    z-index: 10000;
    border-radius: 4px;
    font-weight: bold;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 6px;
    outline: 3px solid #0065C3;
    outline-offset: 2px;
}

body.high-contrast .skip-link:focus {
    outline: 3px solid #ffff00;
}

/* Enhanced Focus Indicators */
*:focus-visible {
    outline: 3px solid #0065C3 !important;
    outline-offset: 2px !important;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 101, 195, 0.3) !important;
}

body.high-contrast *:focus-visible {
    outline: 3px solid #ffff00 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 0, 0.3) !important;
}

/* Navigation Focus Styles */
.navbar .navbar-collapse .nav-item .nav-link:focus,
.navbar .navbar-collapse .nav-item .nav-link:focus-visible {
    outline: 3px solid #ffe06c !important;
    outline-offset: 2px !important;
    background-color: rgba(255, 224, 108, 0.1) !important;
    border-radius: 4px;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

body.high-contrast .navbar .navbar-collapse .nav-item .nav-link:focus,
body.high-contrast .navbar .navbar-collapse .nav-item .nav-link:focus-visible {
    outline: 3px solid #ffff00 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
}

/* Button Focus Styles */
.black-btn:focus,
.black-btn:focus-visible,
.white-btn:focus,
.white-btn:focus-visible {
    outline: 3px solid #0065C3 !important;
    outline-offset: 3px !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease !important;
}

body.high-contrast .black-btn:focus,
body.high-contrast .black-btn:focus-visible,
body.high-contrast .white-btn:focus,
body.high-contrast .white-btn:focus-visible {
    outline: 3px solid #ffff00 !important;
    box-shadow: 0 6px 12px rgba(255, 255, 0, 0.3) !important;
}

/* Hamburger Menu Focus */
.navbar .navbar-toggler:focus,
.navbar .navbar-toggler:focus-visible {
    outline: 3px solid #ffe06c !important;
    outline-offset: 3px !important;
    background-color: rgba(255, 224, 108, 0.1) !important;
    border-radius: 4px;
    transform: scale(1.1);
}

body.high-contrast .navbar .navbar-toggler:focus,
body.high-contrast .navbar .navbar-toggler:focus-visible {
    outline: 3px solid #ffff00 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
}

/* Interactive Elements Focus */
a:focus,
a:focus-visible {
    outline: 3px solid #0065C3 !important;
    outline-offset: 2px !important;
    background-color: rgba(0, 101, 195, 0.1) !important;
    border-radius: 2px;
    text-decoration: underline !important;
}

body.high-contrast a:focus,
body.high-contrast a:focus-visible {
    outline: 3px solid #ffff00 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
}

/* Card/Item Focus for Keyboard Navigation */
.sec-04-box .sec-04-items .sec-04-item-box,
.sec-05-box .sec-05-item,
.sec-06-box .sec-06-item {
    position: relative;
}

.sec-04-box .sec-04-items .sec-04-item-box:focus-within,
.sec-05-box .sec-05-item:focus-within,
.sec-06-box .sec-06-item:focus-within {
    outline: 2px solid #0065C3;
    outline-offset: 4px;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

body.high-contrast .sec-04-box .sec-04-items .sec-04-item-box:focus-within,
body.high-contrast .sec-05-box .sec-05-item:focus-within,
body.high-contrast .sec-06-box .sec-06-item:focus-within {
    outline: 2px solid #ffff00;
}

/* Footer Links Focus */
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link:focus,
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link:focus-visible {
    outline: 3px solid #ffe06c !important;
    outline-offset: 2px !important;
    background-color: rgba(255, 224, 108, 0.1) !important;
    border-radius: 2px;
    padding: 2px 4px;
}

body.high-contrast .main-footer .footer-menu ul .footer-menu-item .footer-menu-link:focus,
body.high-contrast .main-footer .footer-menu ul .footer-menu-item .footer-menu-link:focus-visible {
    outline: 3px solid #ffff00 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
}

/* Carousel Navigation Focus */
.arrow:focus,
.arrow:focus-visible {
    outline: 3px solid #0065C3 !important;
    outline-offset: 2px !important;
    background-color: rgba(0, 101, 195, 0.1) !important;
    transform: scale(1.2) !important;
    transition: all 0.2s ease !important;
}

body.high-contrast .arrow:focus,
body.high-contrast .arrow:focus-visible {
    outline: 3px solid #ffff00 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
}

/* Remove default focus outline from elements that have custom focus styles */
.navbar .navbar-toggler:focus,
.black-btn:focus,
.white-btn:focus,
.arrow:focus,
.main-footer .footer-menu ul .footer-menu-item .footer-menu-link:focus {
    outline: none;
}

/* Ensure focus is visible even when element is active */
*:focus:not(:focus-visible) {
    outline: none;
}

*:focus-visible {
    outline: 3px solid #0065C3 !important;
    outline-offset: 2px !important;
}

/* High contrast focus override */
body.high-contrast *:focus-visible {
    outline: 3px solid #ffff00 !important;
    outline-offset: 2px !important;
}

/* Ensure text remains readable in all accessibility modes */
html.large-font.increased-spacing p,
html.large-font.increased-spacing span {
    line-height: 1.8 !important;
}

/* Responsive adjustments for accessibility features */
@media (max-width: 768px) {
    html.large-font {
        font-size: 110% !important;
    }
    
    html.large-font h1 {
        font-size: 2.8rem !important;
    }
    
    html.large-font h2 {
        font-size: 2rem !important;
    }
    
    html.increased-spacing {
        letter-spacing: 0.08em !important;
    }
    
    html.increased-spacing h1,
    html.increased-spacing h2,
    html.increased-spacing h3 {
        letter-spacing: 0.1em !important;
        word-spacing: 0.2em !important;
    }
}

/*# sourceMappingURL=main.css.map */