@import url('helvetica.css');
*{
    font-family: 'Helvetica Neue', sans-serif;
}

:root {

    --cs-body-bg: #ffffff;
    --cs-body-bg-dark: #aaaaaa;

    --cs-adv-bg: #ee7047;
    --cs-adv-text: #ffffff;

    --cs-menu-nav-bg: #ffffff;
    --cs-menu-nav-link: #ee7047;
    --cs-menu-nav-link-hover: #1b3257;

    --cs-menu-bg: #1b3257;
    --cs-menu-text: #ffffff;
    --cs-menu-link: #dddddd;
    --cs-menu-link-hover: #ee7047;

    --cs-menu-drop-bg: #ffffff;
    --cs-menu-drop-border: #cccccc;
    --cs-menu-drop-link: #ee7047;
    --cs-menu-drop-link-hover: #ee7047;
    --cs-menu-drop-link-hover-bg: #f0f0f0;

    --cs-title-color: #333333;
    --cs-subtitle-color: #777777;
    --cs-text-color: #555555;
    --cs-title-color-dark: #ffffff;
    --cs-subtitle-color-dark: #ffffff;
    --cs-text-color-dark: #ffffff;

    --cs-link-color: #333333;
    --cs-link-hover-color: #ee7047;
    --cs-link-color-dark: #ffffff;
    --cs-link-hover-color-dark: #ee7047;

    --cs-btn-bg: #ee7047;
    --cs-btn-border: #ee7047;
    --cs-btn-color: #ffffff;
    --cs-btn-hover-color: #ffffff;
    --cs-btn-hover-bg: #ba5a3a;
    --cs-btn-hover-border: #ba5a3a;
    --cs-btn-menu: #7dbb4f;
    --cs-btn-menu-hover: #4d7728;
    --cs-btn-bg-dark: #ee7047;
    --cs-btn-border-dark: #ee7047;
    --cs-btn-color-dark: #ffffff;
    --cs-btn-hover-color-dark: #fff;
    --cs-btn-hover-bg-dark: #bd5938;
    --cs-btn-hover-border-dark: #bd5938;

    --cs-btn-alt:#1b3257;
    --cs-btn-alt-hover:#13233d;

    --cs-nav-color: #333333;
    --cs-nav-hover-color: #ee7047;

    --cs-accordion-bg: #1b3257;
    --cs-accordion-color: #ffff;
    --cs-accordion-hover-color: #ee7047;

    --cs-border: #cccccc;
    --cs-hr-border: #000000;
    --cs-form-border: #cccccc;
    --cs-form-focus-border: #6610f2;

    --cs-footer-text: #829bab;
    --cs-footer-link: #829bab;
    --cs-footer-link-hover: #ee7047;
    --cs-footer-bg: #0e1b2d;
    --cs-footer-bottom-bg: #060a11;

    --bs-primary-rgb: 238, 112, 71;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 255, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;

}


a:hover {
    color: var(--cs-btn-hover-bg) !important;
}

#p10n6 div.card-body.ps-0.pe-0,
#p3c9 {
    padding-bottom: 0rem !important;
}

.form-control:focus {
    border-color: var(--cs-menu-drop-link) !important;
    box-shadow: 0 0 5px var(--cs-btn-hover-bg-dark) !important;
}

header.menu2 a.btn.btn-primary::before {
    content: '';
    display: block;
    width: 14rem;
    height: 1.8rem;
    background-image: url('../images/nav-btn.png');
    background-size: contain;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.menu2 div.container ul.nav li.nav-item.ms-auto.nav-pills{
    display: flex;
    align-items: center;
}

#p3c17.content2.dark-mode a.card-link.mt-2.btn.btn-primary,
#p3c6.content2.dark-mode a.card-link.mt-2.btn.btn-primary{
    background-color: var(--cs-btn-alt) !important;
    border-color: var(--cs-btn-alt) !important;
    color: var(--cs-btn-hover-color-dark) !important;
}

header.menu2 a.btn.btn-primary {
    background-color: var(--cs-btn-menu) !important;
    border-color: var(--cs-btn-menu) !important;
    color: var(--cs-btn-hover-color-dark) !important;
}

#p3c17.content2.dark-mode a.card-link.mt-2.btn.btn-primary:hover,
#p3c6.content2.dark-mode a.card-link.mt-2.btn.btn-primary:hover{
    background-color: var(--cs-btn-alt-hover) !important;
    border-color: var(--cs-btn-alt-hover) !important;
    color: var(--cs-btn-hover-color-dark) !important;

}
header.menu2 a.btn.btn-primary:hover {
    background-color: var(--cs-btn-menu-hover) !important;
    border-color: var(--cs-btn-menu-hover) !important;
    color: var(--cs-btn-hover-color-dark) !important;
}

#p3c4{
    background-color: var(--cs-menu-nav-link) !important;
}

a.card-link.mt-2.btn.btn-primary{
    margin-top: 1.2rem !important;
}

#p7r16,
#p7r14,
#p7c13,
#p7c9,
#slider-mobile,
#p8c10.content8.pt-4.pb-4.bg-color-0 div.col div.card.border-0.ms-1.me-1.h-100 div.card-body,
#p6c10.content8.pt-4.pb-4.bg-color-0 div.col div.card.border-0.ms-1.me-1.h-100 div.card-body,
#p3c10.content8.pt-4.pb-4.bg-color-0 div.col div.card.border-0.ms-1.me-1.h-100 div.card-body,
#p8c88,
#p6c88,
#p3c88,
#p3r12,
#p3c17,
#p3r16,
#p3r14,
#p3c15,
#p3c13{
    display: none !important;
}


@media(min-width:768px){
    #p3c6{
        padding-top: 1.5rem !important;
    }
}

@media(max-width:991px){
    #p7c8,
    #p3c8{
        display: none !important;
    }
    #p7r16,
    #p7c13,
    #p7c9,
    #p3r16,
    #p3c15,
    #p3c13{
        display: block !important;
    }

    #p8c10 img.card-img.rounded-0,
    #p6c10 img.card-img.rounded-0,
    #p3c10 img.card-img.rounded-0{
        width: 75% !important;
        height: 90% !important;
    }

    #p3c6 div.card-img-overlay-box.p-5{
        padding-left: 1rem !important;
    }
}

@media(max-width:767px){
    #p7c8,
    #p3r12,
    #p3c8{
        display: block !important;
    }
    #p7r3,
    #p7c9,
    #p7c13,
    #p3r16,
    #p3r14,
    #p3c15,
    #p3c13{
        display: none !important;
    }
}

@media(max-width:576px){
    #p3c17{
        display: block !important;
    }
    #p3c6{
        display: none !important;
    }
    #p3c17 div.card-img-overlay-box.p-5{
        padding-top: 4rem !important;
    }
}

@media(max-width:480px){
    #p3c17 div.card-img-overlay-box.p-5{
        padding-top: 3rem !important;
    }
}

@media(max-width:440px){
    #p3c17 div.card-img-overlay-box.p-5{
        padding-top: 2rem !important;
    }
}

@media(max-width:410px){
    #p3c17 div.card-img-overlay-box.p-5{
        padding-top: 1rem !important;
    }
    header.menu2 a.btn.btn-primary::before {
        content: '';
        display: block;
        width: 10rem;
        height: 1.3rem;
        background-image: url('../images/nav-btn.png');
        background-size: contain;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

@media(max-width:380px){
    #p3c17 div.card-img-overlay-box.p-5{
        padding-top: 0.5rem !important;
    }
}

@media(max-width:330px) {
    header.menu2 a.btn.btn-primary::before {
        content: '';
        display: block;
        width: 8rem;
        height: 1rem;
        background-image: url('../images/nav-btn.png');
        background-size: contain;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

#p8c10.content8.pt-4.pb-4.bg-color-0 div.col,
#p6c10.content8.pt-4.pb-4.bg-color-0 div.col,
#p3c10.content8.pt-4.pb-4.bg-color-0 div.col{
    margin-top: 0rem !important;
}


.content7 button.accordion-button.collapsed{
    color: var(--cs-text-color) !important;
}
.content7 button.accordion-button:hover,
.content7 button.accordion-button.collapsed:hover{
    color: var(--cs-menu-link-hover) !important;
}

.content7 .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
/* --------- SLIDER --------- */

@media(max-width:768px) {
    #p8c88,
    #p6c88,
    #p3c88 {
        display: block !important;
    }
    #p8c10,
    #p6c10,
    #p3c10 {
        display: none !important;
    }

    #slider-mobile {
        display: block !important;
    }
    #p3c6 div.card-img-overlay-box.p-5 h6{
        font-size: 18px !important;
    }
}

.slider-css {
    width: 100%;
    max-width: 600px;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  
  .slides-css {
    display: flex;
    overflow-x: scroll;
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  
  .slide-css {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 146px;
    scroll-snap-align: center;
    margin-right: 0px;
    box-sizing: border-box;
    background: white;
    transform-origin: center center;
    transform: scale(1);
  }
  
  .scroll-img{
      width: 100%;
  }
  

/* --------- END SLIDER --------- */

@media (max-width: 1200px) and (min-width: 768px) {
    .content10 .col-md-6:nth-child(2){
        order: 1 !important;
        margin-bottom: 1rem !important;
    }
    div.col-md-6.d-flex.align-items-center.order-2.order-md-1:nth-child(1){
        order: 2 !important;
    }
    .content10 .col-md-6{
        width: 100% !important;
    }
    .content10 div.card-body.p-3.pt-0.pb-0.pe-0.ps-0.ps-md-3.mt-3.mt-md-0{
        padding: 1rem 0 0 0 !important;
    }
}

#p10n6 div.mb-3.text-start{
    margin-bottom: 0rem !important;
}