.text-center {text-align:center;}
.d-none{display:none;}
.d-block{display:block;}
.modal-open {overflow:hidden; padding-right:16px;}
.modal-backdrop {position:fixed !important; inset:0 !important; width:100vw !important; z-index:1069; height:100vh !important; background-color:rgba(0,0,0,0.5) !important;}
.cModal {width:100vw; height:100vh;position:fixed; inset:0; z-index:1070; overflow-y:auto; padding-top:100px;}
.cModal .modal-dialog{max-width: 700px; background-color:#fff; border-radius:30px; min-height:200px; width:100%; height:auto;margin:auto;}
.cModal .modal-dialog .modal-content {width:100%; position:relative; padding:30px;}
.cModal .modal-dialog .modal-content .close{ background:transparent; width:30px;height:30px; padding:0; display:flex; justify-content:center; align-items:center; margin-left:auto;}
.cModal .modal-dialog .modal-content .close svg {width:30px; height:30px;}
.special-offer {
    margin: 30px 0px;
    background-color: var(--dark-blue);
    color: var(--neutral--100);
    padding: 10px 0px;
    border-radius: 50px;
    /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
    box-shadow: unset !important;
}

    .special-offer p {
        margin-bottom: 0px !important;
        font-size: 18px;
        word-spacing: 4px;
    }

    .special-offer strong {
        color: var(--neutral--100);
        font-weight: bold;
        font-size: 30px;
    }

.cut-off {
    text-decoration: line-through;
    -webkit-text-decoration-color: #35353e;
    text-decoration-color: #35353e;
}

    .cut-off .text-span-8 {
        display: inline-block;
        text-decoration: none;
        position: relative;
    }

        .cut-off .text-span-8:after {
            content: '';
            display: block;
            width: 100%;
            height: 51%;
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 3px solid #35353e;
        }
.full-width .flex-horizontal {
    display: unset;
}

.header-wrapper {
    top: 43px !important;
}

.announcement-bar {
    background-color: #1e1e2e;
    color: #fff;
    z-index: 999;
}

    .announcement-bar p {
        color: #fff;
        margin-bottom: 0px;
        padding: 5px;
     /*animation: move-words 20s linear infinite;
        position: relative;*/
    }

.learn_more_btn {
    margin-top: 30px;
    text-decoration: none;
    color: var(--neutral--100);
    transition: color .3s, background-color .3s, border-color .3s;
    background-color: var(--dark-blue) !important;
}

.callToAction {
    background-color: var(--dark-blue);
    color: white;
    padding: 50px 0px;
}

.callToAction .custom-container{
    max-width: 900px !important; margin-top: 0px !important; margin-bottom: 0px !important;
}

.custom-container .bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-container .bar p{
    flex: 0 0 auto; width: 66.66666667%; text-align: left;
}

.custom-container .bar .getinTouch{
    flex: 0 0 auto; width: 33.33333333%; text-align: end;
}

@keyframes move-words {
    0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }
    }


@media (max-width:991px) {
    .hide {
        display: none !important;
    }
    .dropdownList a{
        margin-left: 0px;
    }
    .dropdownList .sub-menu {
        position: relative !important;
        box-shadow: unset !important;
        border: none !important;
        border-radius: unset !important;
        padding: 0px !important;
        top: 10px !important;
        display: none;
    }

    .dropdownList:hover .sub-menu{
        display: block;
    }

    .sub-menu .sub-menu-list a {
        font-size: 25px !important;
        margin: 10px 0 !important;
    }
}

@media (max-width:944px) {
    .callToAction {
        padding-right: 24px;
        padding-left: 24px;
    }
}

    @media (max-width:767px) {
        .header-wrapper {
            top: 36px !important;
        }
    }

    @media (max-width:598px) {
        .modal-open {
            padding-right: 0px;
        }

        .header-wrapper {
            top: 63px !important;
        }

       .custom-container .bar{
           flex-direction: column;
       }

        .custom-container .bar p{
            width: 100%;
            margin-bottom: 30px;
        }

        .custom-container .bar .getinTouch {
            text-align: center;
            width: 100%;
        }
    }

    @media (max-width:329px) {
        .announcement-bar p {
            font-size: 19px;
        }
    }

    @media screen and (max-width:767px) {
        .cModal {
            padding: 50px 0.5rem 50px;
        }

            .cModal .modal-dialog .modal-content {
                padding: 20px 16px;
            }
    }

    @media screen and (max-width: 479px) {
        .accordion-body.show p {
            font-size: 18px !important;
        }
    }

    @media only screen and (max-width:362px) {
        .special-offer p {
            font-size: 16px;
            word-spacing: 2px;
        }

        .special-offer strong {
            font-size: 28px;
        }
    }