/****************************************
    TEXT
*****************************************/

.nano body,
.nano p,
.nano p.small,
.nano p.xsmall,
.nano p.lead,
.nano h1,
.nano h2,
.nano h3,
.nano h4,
.nano h5,
.nano h6,
.nano h7,
.nano .hero-banner h1,
.nano .hero-banner .description {
    /*
    font-family: 'shneleicht';
    */
    font-family: "Inter", serif;
}

.nano body {
    /*
    font-family: 'shneleicht';
    */
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #3c3c3c;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
    overflow-x: hidden;
    font-weight: 300;
}


.nano .text-shadow {
    text-shadow: 2px 2px 6px rgba(0, 17, 45, 0.15);
}

.nano .text-smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


.nano p {
    font-size: 1.125rem;
    line-height: 1.525rem;
    font-weight: 300;
    letter-spacing: 0px;
}

    .nano p .small {
        font-size: 1rem;
        line-height: 1.35rem;
        letter-spacing: 0px;
    }

    .nano p .xsmall {
        font-size: 0.875rem;
        line-height: 1.375rem;
        letter-spacing: 1px;
    }

    .nano p .lead {
        font-size: 1.25rem;
        line-height: 2rem;
        letter-spacing: 0px;
    }


.nano .hero-banner .description {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 300;
    opacity: 0.75;
    padding: 0;
    letter-spacing: 0.5px;
    font-weight: 300;
}



.nano h1, .nano .h1-size, .nano .hero-banner h1 {
    font-size: 2.5rem;
    line-height: 3rem;
}

.nano h2, .nano .h2-size, .nano .hero-banner h2 {
    font-size: 2rem;
    line-height: 2.5rem;
}

.nano h3, .nano .h3-size, .nano .hero-banner h3 {
    font-size: 1.875rem;
    line-height: 2.675rem;
}

.nano h4, .nano .h4-size, .nano .hero-banner h4 {
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.nano h5, .nano .h5-size, .nano .hero-banner h5 {
    font-size: 1.625rem;
    line-height: 2.125rem;
}

.nano h6, .nano .h6-size, .nano .hero-banner h6 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.nano h7, .nano .h7-size, .nano .hero-banner h7 {
    font-size: 1.375rem;
    line-height: 1.875rem;
}

.nano h1,
.nano .hero-banner h1,
.nano h1-size,
.nano h2,
.nano .hero-banner h2,
.nano h2-size,
.nano h3,
.nano .hero-banner h3,
.nano h3-size,
.nano h4,
.nano .hero-banner h4,
.nano h4-size {
    font-weight: 600;
    padding: 0;
    letter-spacing: 0.3px;
}

.nano h5,
.nano .hero-banner h5,
.nano h5-size,
.nano h6,
.nano .hero-banner h6,
.nano h6-size,
.nano h7,
.nano .hero-banner h7,
.nano h7-size {
    font-weight: 300;
    padding: 0;
    letter-spacing: 0.5px;
}

.nano bold,
.nano strong,
.nano b {
    font-weight: 600;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h7 + p {
    padding-top: 15px;
}

p + h5 {
    padding-top: 30px;
}

.nano h3 + h6 {
    padding-top: 15px;
}

.nano blockquote {
    width: 100%;
    padding: 5px 0px 5px 30px;
    margin: 30px 0;
    border-left: 5px solid #0646FF;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 300;
    font-optical-sizing: auto;
}

    .nano blockquote.blue {
        border-color: #0646FF;
    }

    .nano blockquote.orange {
        border-color: #F56E00;
    }

    .nano blockquote.blue-green {
        border-color: #00B9F1;
    }

.nano .reduceOpacity {
    opacity: 0.8;
}

.nano img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {

    .nano body {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }

    .nano h1,
    .nano .hero-banner h1,
    .nano .h1-size {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .nano h2,
    .nano .hero-banner h2,
    .nano .h2-size {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .nano h3,
    .nano .hero-banner h3,
    .nano .h3-size {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .nano h4,
    .nano .hero-banner h4,
    .nano .h4-size,
    .nano .searchPage .filter h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .nano h5,
    .nano .hero-banner h5,
    .nano .h5-size {
        font-size: 1.3rem;
        line-height: 1.7rem;
    }

    .nano h6,
    .nano .hero-banner h6,
    .nano h6-size {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .nano h7,
    .nano .hero-banner h7,
    .nano .h7-size {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .nano p {
        font-size: 0.9rem;
        line-height: 1.35rem;
    }

    .nano #moduleRte ul li {
        font-size: 0.9rem !important;
        line-height: 1.35rem !important;
    }

    .nano p .lead {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .nano p .small {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

    .nano p .xsmall {
        font-size: 0.7rem;
        line-height: 1.1rem;
    }

    h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h7 + p {
        padding-top: 0.750rem;
    }

    p + h5 {
        padding-top: 1.5rem;
    }

    .nano blockquote {
        padding: 5px 0px 5px 30px;
        margin: 30px 0;
        font-size: 0.9rem;
        line-height: 1.3rem;
    }
}


.nano #moduleRte img {
    border-radius: 25px;
}







/****************************************
    BULLET POINT
*****************************************/
.nano #moduleRte ul {
    list-style-type: disc;
    padding-left: 20px;
}

    .nano #moduleRte ul li::marker {
        color: #00BCE9;
        font-size: 1.2em;
    }

.nano #moduleRte ol li::marker {
    color: #00BCE9;
    font-weight: bold;
}

.nano #moduleRte ul li,
.nano #moduleRte ol li {
    margin-bottom: 8px;
    font-size: 1.125rem;
    line-height: 1.525rem;
    font-weight: 300;
}



/****************************************
    SECTION SPACE
*****************************************/

.nano #moduleRte .0 {
    padding-top: 0;
    padding-bottom: 0;
}

.nano #moduleRte .25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.nano #moduleRte .75 {
    padding-top: 75px;
    padding-bottom: 75px;
}





/****************************************
    ADDITIONAL BOOTSTRAP
*****************************************/


.nano .rounded-25 {
    border-radius: 25px;
}



/****************************************
    FIX LI'S CSS
*****************************************/

.nano .page-title {
    border-bottom: 1px solid #EBF0FF;
    border-top: 1px solid #EBF0FF;
}

.page-title.dark-background {
    border-bottom: 1px solid #26406A;
    border-top: 1px solid #26406A;
}

.nano a {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .nano a:hover {
        text-decoration: underline;
    }

.nano .breadcrumbs li a {
    font-size: 1rem;
}

.nano .breadcrumbs li .active {
    font-size: 1rem;
}


@media (max-width: 767.98px) {
    .nano .breadcrumbs li a {
        font-size: calc(1rem * 0.8);
    }

    .nano .breadcrumbs li.active {
        font-size: calc(1rem * 0.8);
    }

    .nano .authorisation {
        padding: 40px 0;
    }
}

.nano .pagination li a {
    text-decoration: none;
}


.nano .resource-item .icon img {
    margin-right: 20px;
}

.searchPage .filter h5 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    line-height: 36px;
    font-weight: 600;
}


@media (max-width: 767.98px) {
    .nano .searchPage .filter h5 {
        font-size: 15px;
        line-height: 26px;
    }

    .nano .searchPage .filter label {
        font-size: 15px;
        line-height: 28px;
    }

    .nano .resource-item .icon img {
        margin-right: 0px;
    }
}

.nano .tab-pane .card {
    border-radius: 25px;
    margin-bottom: 32px;
}

    .nano .tab-pane .card img {
        border-radius: 8px;
    }

.nano #accordionProductItem .accordion-button {
    padding: 8px 0;
}

.nano #Brochures .card {
    margin-bottom: 32px;
}

.nano #trophon-Consumables-Accessories .card {
    margin-top: 32px;
}

.nano #trophon-Consumables-Accessories .accordion-body {
    padding: 0px;
}

.nano #Brochures .card img {
    width: 100%;
}

.nano #trophon-Consumables-Accessories img {
    width: 100%;
}

@media (max-width: 767.98px) {
    .nano #trophon-Consumables-Accessories img {
        width: 50%;
    }
}


.nano .accordion-item {
    background: transparent;
}





/****************************************
TEXT/BACKGROUND COLOR
*****************************************/
.text-violet {
    color: #001E50;
}

.text-blue {
    color: #0646FF;
}

.text-blue-green {
    color: #00B9F1;
}

.text-black {
    color: #000000;
}

.text-light-grey {
    color: #f5f5f5;
}

.text-light-blue {
    color: #EBF1FF;
}

.text-white {
    color: #ffffff;
}

.text-orange {
    color: #F56E00;
}

.bkg-violet,
.bg-violet {
    background-color: #001E50;
}

.bkg-blue,
.bg-blue {
    background-color: #0646FF;
}

.bkg-blue-green,
.bg-blue-green {
    background-color: #00B9F1;
}

.bkg-light-blue,
.bg-light-blue {
    background-color: rgba(6, 70, 255, 0.08);
}

.bkg-black,
.bg-black {
    background-color: #000000;
}

.bkg-light-grey,
.bg-light-grey {
    background-color: #f7f7f7;
}

.bkg-white,
.bg-white {
    background-color: #ffffff;
}

.bkg-blue-linear,
.bg-blue-linear {
    background: linear-gradient( to right, rgba(23, 37, 80, 1), rgba(119, 148, 192, 1) );
}

.bkg-light-blue-linear,
.bg-light-blue-linear {
    background: linear-gradient( to right, rgba(238, 238, 238, 1), rgba(208, 218, 232, 1) );
}

.bkg-dark-blue-linear,
.bg-dark-blue-linear {
    background: linear-gradient( to right, rgba(2, 16, 50, 1), rgba(14, 78, 116, 1) );
}

.bkg-blue-green-linear,
.bg-blue-green-linear {
    background: linear-gradient( 45deg, #00B9F1, #001E50 );
}

.bg-orange-linear {
    background: linear-gradient( to right, rgba(245, 110, 0, 1), rgba(207, 95, 3, 1) );
}



/****************************************
    SPACING
*****************************************/

.nano .vh128,
.nano .vh64,
.nano .vh50,
.nano .vh32,
.nano .vh16 {
    width: 100%;
    display: block;
}

.nano .vh128 {
    height: 128px;
}

.nano .vh64 {
    height: 64px;
}

.nano .vh50 {
    height: 64px;
}

.nano .vh32 {
    height: 32px;
}

.nano .vh16 {
    height: 16px;
}

@media (max-width: 767.98px) {

    .nano .vh128 {
        height: 64px;
    }

    .nano .vh64 {
        height: 32px;
    }

    .nano .vh50 {
        height: 30px;
    }

    .nano .vh32 {
        height: 16px;
    }

    .nano .vh16 {
        height: 8px;
    }
}


/****************************************
    BORDER
*****************************************/

.nano .border-top-bottom {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}



/****************************************
    SPACING - SECTION
*****************************************/

.nano .section,
.nano .section0,
.nano .section8,
.nano .section16,
.nano .section32,
.nano .section64,
.nano .section128 {
    width: 100%;
}


.nano .section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.nano .sectionTop {
    padding-top: 50px;
}

.nano .sectionBottom {
    padding-bottom: 50px;
}

.nano .section0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.nano .section8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nano .section16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.nano .section32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.nano .section64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.nano .section128 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}


@media (max-width: 767.98px) {

    .nano .section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .nano .sectionTop {
        padding-top: 30px;
    }

    .nano .sectionBottom {
        padding-bottom: 30px;
    }

    .nano .section0 {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .nano .section8 {
        padding-top: calc(0.5rem * 0.8);
        padding-bottom: calc(0.5rem * 0.8);
    }

    .nano .section16 {
        padding-top: calc(1rem * 0.8);
        padding-bottom: calc(1rem * 0.8);
    }

    .nano .section32 {
        padding-top: calc(2rem * 0.8);
        padding-bottom: calc(2rem * 0.8);
    }

    .nano .section64 {
        padding-top: calc(4rem * 0.8);
        padding-bottom: calc(4rem * 0.8);
    }

    .nano .section128 {
        padding-top: calc(8rem * 0.8);
        padding-bottom: calc(8rem * 0.8);
    }
}


/****************************************
    FORM
*****************************************/

.nano input:focus {
    outline: none;
    box-shadow: none;
}

.nano .btn-close:focus {
    outline: none;
    box-shadow: none;
}

.nano .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.nano .accordion-item {
    border: 0;
}

    .nano .accordion-item h2 {
        border-bottom: 1px solid #0646FF;
        font-weight: 600;
        padding-left: 8px;
        padding-right: 8px;
    }


.nano input:not(:placeholder-shown) {
    background-color: #ffffff;
}

.nano input:read-only {
    box-shadow: none;
    background-color: #ddd;
}

.nano input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

.nano .form-control {
    padding-top: 15px;
    padding-bottom: 11px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 100px;
    font-size: 18px;
    border: 0;
}

.nano .form-select {
    padding-top: 15px;
    padding-bottom: 11px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 100px;
    font-size: 18px;
    border: 0;
}

.nano input::placeholder {
    font-size: inherit;
    color: inherit;
    opacity: 0.75;
    color: #c7c7c7;
}

@media (max-width: 767.98px) {

    .nano .form-control,
    .nano .form-select,
    .nano .form-check-label {
        font-size: 0.8rem;
    }

    .nano .btn {
        --bs-btn-font-size: 0.8rem;
    }
}


/****************************************
    FILTERS
*****************************************/


.nano .searchPage .searchContent p {
}

@media (max-width: 767.98px) {
}



/****************************************
TEXT LINK
*****************************************/

.nano .text-link-blue {
    color: #0646FF;
    text-decoration: none;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

    .nano .text-link-blue:hover {
        text-decoration: underline;
    }

.nano .text-link-blue-green {
    color: #00B9F1;
    text-decoration: none;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

    .nano .text-link-blue-green:hover {
        text-decoration: underline;
    }


.nano .text-link-violet {
    color: #001E50;
    text-decoration: none;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

    .nano .text-link-violet:hover {
        text-decoration: underline;
    }

.nano .text-link-white {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

    .nano .text-link-white:hover {
        text-decoration: underline;
    }



/****************************************
BUTTON
*****************************************/

.btn-arrow-violet a,
.btn-arrow-blue a,
.btn-arrow-blue-green a,
.btn-arrow-white a,
.btn-arrow-white-orange a,
.btn-sm-arrow-violet a,
.btn-sm-arrow-blue a,
.btn-sm-arrow-blue-green a,
.btn-sm-arrow-white a,
.btn-sm-arrow-white-orange a {
    text-decoration: none;
}

    .btn-arrow-violet a:hover,
    .btn-arrow-blue a:hover,
    .btn-arrow-blue-green a:hover,
    .btn-arrow-white a:hover,
    .btn-arrow-white-orange a:hover,
    .btn-sm-arrow-violet a:hover,
    .btn-sm-arrow-blue a:hover,
    .btn-sm-arrow-blue-green a:hover,
    .btn-sm-arrow-white a:hover,
    .btn-sm-arrow-white-orange a:hover {
        text-decoration: none;
    }

.btn-arrow-violet,
.btn-arrow-blue,
.btn-arrow-blue-green,
.btn-arrow-white,
.btn-arrow-white-orange,
.btn-sm-arrow-violet,
.btn-sm-arrow-blue,
.btn-sm-arrow-blue-green,
.btn-sm-arrow-white,
.btn-sm-arrow-white-orange {
    display: inline-block;
}

.nano .btn-arrow-violet,
.nano .btn-arrow-blue,
.nano .btn-arrow-blue-line,
.nano .btn-arrow-black,
.nano .btn-arrow-blue-green,
.nano .btn-arrow-orange,
.nano .btn-arrow-white,
.nano .btn-arrow-white-orange,
.nano .btn-arrow-whiteline-white,
.nano .btn-arrow-whiteLine-blueGreen {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    padding: 15px 70px 15px 25px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: right 35px center;
    background-size: 50px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 767.98px) {
    .nano .btn-arrow-violet,
    .nano .btn-arrow-blue,
    .nano .btn-arrow-blue-line,
    .nano .btn-arrow-black,
    .nano .btn-arrow-blue-green,
    .nano .btn-arrow-orange,
    .nano .btn-arrow-white,
    .nano .btn-arrow-white-orange,
    .nano .btn-arrow-whiteline-white,
    .nano .btn-arrow-whiteLine-blueGreen {
        font-size: 14px;
        line-height: 16px;
    }
}

.nano .btn-arrow-violet:hover,
.nano .btn-arrow-blue:hover,
.nano .btn-arrow-blue-line:hover,
.nano .btn-arrow-black:hover,
.nano .btn-arrow-blue-green:hover,
.nano .btn-arrow-orange:hover,
.nano .btn-arrow-white:hover,
.nano .btn-arrow-white-orange:hover,
.nano .btn-arrow-whiteline-white:hover,
.nano .btn-arrow-whiteLine-blueGreen:hover {
    background-position: right 25px center;
    text-decoration: none !important;
}


.nano .btn-arrow-violet:disabled,
.nano .btn-arrow-violet[disabled]
.nano .btn-arrow-blue:disabled,
.nano .btn-arrow-blue[disabled]
.nano .btn-arrow-black:disabled,
.nano .btn-arrow-black[disabled],
.nano .btn-arrow-blue-green:disabled,
.nano .btn-arrow-blue-green[disabled],
.nano .btn-arrow-orange:disabled,
.nano .btn-arrow-orange[disabled],
.nano .btn-arrow-white:disabled,
.nano .btn-arrow-white[disabled],
.nano .btn-arrow-white-orange:disabled,
.nano .btn-arrow-white-orange[disabled] {
    opacity: 0.5;
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3;
    text-decoration: none !important;
}

.nano .btn-sm-arrow-violet,
.nano .btn-sm-arrow-blue,
.nano .btn-sm-arrow-blue-line,
.nano .btn-sm-arrow-black,
.nano .btn-sm-arrow-blue-green,
.nano .btn-sm-arrow-orange,
.nano .btn-sm-arrow-white,
.nano .btn-sm-arrow-white-orange,
.nano .btn-sm-arrow-whiteline-white,
.nano .btn-sm-arrow-whiteLine-blueGreen {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    padding: 10px 55px 10px 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 40px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .nano .btn-sm-arrow-violet:hover,
    .nano .btn-sm-arrow-blue:hover,
    .nano .btn-sm-arrow-blue-line:hover,
    .nano .btn-sm-arrow-black:hover,
    .nano .btn-sm-arrow-blue-green:hover,
    .nano .btn-sm-arrow-orange:hover,
    .nano .btn-sm-arrow-white:hover,
    .nano .btn-sm-arrow-white-orange:hover,
    .nano .btn-sm-arrow-whiteline-white:hover,
    .nano .btn-arrow-whiteLine-blueGreen:hover {
        background-position: right 20px center;
        text-decoration: none !important;
    }


.nano .btn-arrow-whiteLine-blueGreen,
.nano .btn-sm-arrow-whiteLine--blueGreen {
    color: #ffffff;
    background-color: transparent;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #ffffff;
}

    .nano .btn-arrow-whiteLine-blueGreen:hover:not([disabled]),
    .nano .btn-sm-arrow-whiteLine-blueGreen:hover:not([disabled]) {
        color: #00B9F1;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-blue-green.svg');
        border: 1px solid #00B9F1;
        text-decoration: none;
    }

.nano .btn-arrow-blue-line,
.nano .btn-sm-arrow-blue-line {
    color: #0646FF;
    background-color: transparent;
    background-image: url('/theme/img/icon/arrow-right-blue.svg');
    border: 1px solid #0646FF;
}

    .nano .btn-arrow-blue-line:hover:not([disabled]),
    .nano .btn-sm-arrow-blue-line:hover:not([disabled]) {
        color: white;
        background-color: #0646FF;
        background-image: url('/theme/img/icon/arrow-right-white.svg');
        border: 1px solid #0646FF;
        text-decoration: none;
    }

.nano .btn-arrow-whiteline-white,
.nano .btn-sm-arrow-whiteline-white {
    color: #ffffff;
    background-color: transparent;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #ffffff;
}

    .nano .btn-arrow-whiteline-white:hover:not([disabled]),
    .nano .btn-sm-arrow-whiteline-white:hover:not([disabled]) {
        color: #F56E00;
        background-color: #ffffff;
        background-image: url('/theme/img/icon/arrow-right-orange.svg');
        border: 1px solid #ffffff;
        text-decoration: none;
    }







.nano .btn-arrow-violet,
.nano .btn-sm-arrow-violet {
    color: white;
    background-color: #001946;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #001946;
}

    .nano .btn-arrow-violet:hover:not([disabled]),
    .nano .btn-sm-arrow-violet:hover:not([disabled]) {
        color: #001946;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-black.svg');
        border: 1px solid #001946;
        text-decoration: none;
    }


.nano .btn-arrow-blue,
.nano .btn-sm-arrow-blue {
    color: white;
    background-color: #0646FF;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #0646FF;
}

    .nano .btn-arrow-blue:hover:not([disabled]),
    .nano .btn-sm-arrow-blue:hover:not([disabled]) {
        color: #0646FF;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-blue.svg');
        border: 1px solid #0646FF;
        text-decoration: none;
    }

.nano .btn-arrow-black,
.nano .btn-sm-arrow-black {
    color: white;
    background-color: #3c3c3c;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #3c3c3c;
}

    .nano .btn-arrow-black:hover:not([disabled]),
    .nano .btn-sm-arrow-black:hover:not([disabled]) {
        color: #3c3c3c;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-black.svg');
        border: 1px solid #3c3c3c;
        text-decoration: none;
    }

.nano .btn-arrow-blue-green,
.nano .btn-sm-arrow-blue-green {
    color: white;
    background-color: #00BCE9;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #00BCE9;
}

    .nano .btn-arrow-blue-green:hover:not([disabled]),
    .nano .btn-sm-arrow-blue-green:hover:not([disabled]) {
        color: #00BCE9;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-blue-green.svg');
        border: 1px solid #00BCE9;
        text-decoration: none;
    }

.nano .btn-arrow-orange,
.nano .btn-sm-arrow-orange {
    color: white;
    background-color: #F56E00;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    border: 1px solid #F56E00;
}

    .nano .btn-arrow-orange:hover:not([disabled]),
    .nano .btn-sm-arrow-orange:hover:not([disabled]) {
        color: #F56E00;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-orange.svg');
        border: 1px solid #F56E00;
        text-decoration: none;
    }


.nano .btn-arrow-white,
.nano .btn-sm-arrow-white {
    color: #0646FF;
    background-color: #ffffff;
    background-image: url('/theme/img/icon/arrow-right-blue.svg');
    border: 1px solid #ffffff;
}

    .nano .btn-arrow-white:hover:not([disabled]),
    .nano .btn-sm-arrow-white:hover:not([disabled]) {
        color: #ffffff;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-white.svg');
        border: 1px solid #ffffff;
        text-decoration: none;
    }


.nano .btn-arrow-white-orange,
.nano .btn-sm-arrow-white-orange {
    color: #F56E00;
    background-color: #ffffff;
    background-image: url('/theme/img/icon/arrow-right-orange.svg');
    border: 1px solid #ffffff;
}

    .nano .btn-arrow-white-orange:hover:not([disabled]),
    .nano .btn-sm-arrow-white-orange:hover:not([disabled]) {
        color: #ffffff;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-white.svg');
        border: 1px solid #ffffff;
        text-decoration: none;
    }


.nano a.btn-opacity {
    transition: transform 0.3s ease;
    opacity: 0.6;
}

    .nano a.btn-opacity:hover {
        opacity: 1;
        text-decoration: none;
    }


.nano .btn-text-arrow-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 70px 15px 30px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: right 35px center;
    background-size: 50px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .nano .btn-text-arrow-white:hover:not([disabled]) {
        background-position: right 25px center;
        text-decoration: none;
    }

.nano .btn-text-arrow-white {
    color: #ffffff;
    background-color: transparent;
    background-image: url('/theme/img/icon/arrow-right-white.svg');
    opacity: 0.65;
}

    .nano .btn-text-arrow-white:hover:not([disabled]) {
        color: #ffffff;
        background-color: transparent;
        background-image: url('/theme/img/icon/arrow-right-white.svg');
        opacity: 1;
        text-decoration: none;
    }

.nano .btn-link-arrow-read {
    color: #0646FF;
    background-image: url('/theme/img/icon/arrow-right-blue.svg');
}

.nano .menu-box .btn-quicklink {
    background: #00B9F1;
    transition: all 0.3s ease;
    padding: 5px 10px;
    font-size: 14px;
}

    .nano .menu-box .btn-quicklink:hover {
        background: #049FCE;
        text-decoration: none;
    }

.nano .btn-arrow-blue:disabled, .nano .btn-sm-arrow-blue:disabled {
    background-color: dimgrey;
    color: linen;
    opacity: 1;
    border: 1px solid dimgrey;
}

/****************************************
TABLE
*****************************************/
.nano .u-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nano table {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5714285714;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E9E9EA;
}

.nano thead {
    display: table-header-group;
    vertical-align: top;
    unicode-bidi: isolate;
    border-color: inherit;
}

.nano table tr:first-of-type {
    border-top-width: 1px;
}


.nano table tr {
    border-bottom-width: 1px;
}

.nano table > th, table > thead th, table > thead tr td {
    font-weight: 600;
    background-color: #021032;
    color: #fff;
    border-color: #67718a;
    border-bottom: 1px solid #021032;
}

.nano table td, table th {
    padding: .75rem 1rem;
    border-left-width: 1px;
    border-right-width: 1px;
    vertical-align: top;
}

.nano table tr:nth-child(even) {
    background-color: #ffffff;
}

@media (max-width: 767.98px) {
}


/****************************************
THE CENTRE
*****************************************/

.nano .centreList {
    position: relative;
    min-height: 450px;
    min-height: 30px;
}

    .nano .centreList.no-min-height {
        min-height: unset;
    }

    .nano .centreList.w-300-px {
        min-height: 390px;
    }

    .nano .centreList a.list {
        text-decoration: none;
        color: #3c3c3c;
        background-image: url('/theme/img/icon/arrow-right-black.svg');
        background-repeat: no-repeat;
    }

        .nano .centreList a.list:hover {
            background-image: url('/theme/img/icon/arrow-right-black.svg');
            -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.75);
        }


/****************************************
FOOTER
*****************************************/

.nano .footer .copyright {
    font-optical-sizing: auto;
    font-size: 16px;
    font-weight: 300;
    opacity: 0.5;
    background: #0D2959;
}

.nano #bsi .nav {
    --bs-nav-link-padding-x: 0.2rem;
}

.nano #bsi li:first-child {
    padding-left: 1rem;
}

.nano #bsi li:last-child {
    padding-right: 1rem;
}




/****************************************
    BREAK POINT
*****************************************/


@media (min-width: 640px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767.98px) {
    .nano .hide-on-mobile {
        display: none !important;
    }
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1400px) {
}

@media (min-width: 1536px) {
}


/****************************************
    HERO BANNER
*****************************************/


.nano .box-shadow {
    text-shadow: 2px 2px 6px rgba(0, 17, 45, 0.15);
}

.nano .lottie_height {
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: -5px;
}

@media (min-width: 1400px) {
    .nano .lottie_height {
        height: 435px;
    }
}

@media (min-width: 1200px) {
    .nano .lottie_height {
        height: 480px;
    }
}

@media (min-width: 1000px) {
    .nano .lottie_height {
        height: 330px;
        margin-bottom: unset;
    }
}



/****************************************
    MODULE COMMON ELEMENTS
*****************************************/


.nano .bkg-white .flexDivider:nth-child(1), .nano .bg-white .flexDivider:nth-child(1), .nano .bg-White .flexDivider:nth-child(1), .nano .bkg-light-grey .flexDivider:nth-child(1), .nano .bkg-light-blue .flexDivider:nth-child(1), .nano .lightwhite .flexDivider:nth-child(1), .nano .bg-light-grey .flexDivider:nth-child(1), .nano .bg-light-blue .flexDivider:nth-child(1) {
    flex-grow: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.nano .bkg-violet .flexDivider:nth-child(1),
.nano .bkg-blue .flexDivider:nth-child(1),
.nano .bkg-blue-green .flexDivider:nth-child(1),
.nano .bkg-black .flexDivider:nth-child(1),
.nano .bkg-blue-linear .flexDivider:nth-child(1),
.nano .bkg-dark-blue-linear .flexDivider:nth-child(1),
.nano .bkg-blue-green-linear .flexDivider:nth-child(1),
.nano .bg-violet .flexDivider:nth-child(1),
.nano .bg-blue .flexDivider:nth-child(1),
.nano .bg-blue-green .flexDivider:nth-child(1),
.nano .bg-black .flexDivider:nth-child(1),
.nano .bg-blue-linear .flexDivider:nth-child(1),
.nano .bg-dark-blue-linear .flexDivider:nth-child(1),
.nano .bg-blue-green-linear .flexDivider:nth-child(1),
.nano .bg-orange-linear .flexDivider:nth-child(1) {
    flex-grow: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.nano .flexDivider:nth-child(2) {
    flex-grow: 1;
    border-right: 0px solid rgba(0, 0, 0, 0.2);
}


.nano .backgroundImageTopCenter {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.nano .backgroundImageCenter {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.nano .backgroundImageTopRight {
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.nano .backgroundImageTopRightInherit {
    background-position: top right;
    background-size: inherit;
    background-repeat: no-repeat;
}


.nano .teaserBackgroundSize {
    display: block;
    width: 100%;
    height: 200px;
}

.nano .teaserBackgroundSizeCircle {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}

@media (max-width: 767.98px) {
    .nano .teaserBackgroundSizeCircle {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
}


.nano .ads-box {
    margin-top: 220px;
}

@media (max-width: 767.98px) {
    .nano .ads-box {
        margin-top: 120px;
    }
}




/****************************************
    GLOBAL PRESENT PAGE
*****************************************/

.nano #chartdiv {
    height: 700px;
    padding: 30px;
}

.nano .global-map .global-content {
    max-height: 65vh;
}



/****************************************
    PAGES
*****************************************/

.nano #event-page p {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.nano #event-page h7 {
    display: block;
    border-bottom: 2px solid #cc0000;
}


/****************************************
    BORDER RADIUS
*****************************************/

.nano .broder-25 {
    border-radius: 25px;
}



/****************************************
    LIST
*****************************************/

.nano .searchPage .btn-tag {
    font-weight: 300;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 3px;
    background: #f0f0f0;
    display: inline-block;
    color: #3c3c3c;
}

.nano .searchPage .btn-tag-link {
    font-weight: 300;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
}

.searchPage .searchContent .no-image > img {
    max-width: 50%;
    opacity: 0.3;
}

@media (max-width: 767.98px) {
    .nano .searchPage .btn-tag {
        font-size: 80%;
        padding: 1px 8px;
    }

    .nano .searchPage .btn-tag-link {
        font-size: 80%;
        padding: 1px 8px;
    }
}



/****************************************
    MODULE
*****************************************/
.nano .singleTestimonial {
    padding: 100px 0;
}

.nano .testimonialSingle .writer {
    margin: 0 auto;
    padding: 30px 30px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    margin-top: 50px;
    font-weight: 300;
}

/* light background */
.nano .singleVideo .bkg-white p,
.nano .singleVideo .bkg-light-grey p,
.nano .singleVideo .bkg-blue-linear p,
.nano .singleVideo .bkg-light-blue p,
.nano .singleVideo .bg-white p,
.nano .singleVideo .bg-light-grey p,
.nano .singleVideo .bg-blue-linear p,
.nano .singleVideo .bg-light-blue p {
    color: #3c3c3c;
}

/* dark background */
.nano .singleVideo .bkg-violet p,
.nano .singleVideo .bkg-blue p,
.nano .singleVideo .bkg-blue-green p,
.nano .singleVideo .bkg-black p,
.nano .singleVideo .bkg-dark-blue-linear p,
.nano .singleVideo .bkg-blue-green-linear p,
.nano .singleVideo .bg-violet p,
.nano .singleVideo .bg-blue p,
.nano .singleVideo .bg-blue-green p,
.nano .singleVideo .bg-black p,
.nano .singleVideo .bg-dark-blue-linear p,
.nano .singleVideo .bg-blue-green-linear p {
    color: #ffffff;
}

.nano .singleVideo .bkg-violet .videoTag,
.nano .singleVideo .bkg-blue .videoTag,
.nano .singleVideo .bkg-blue-green .videoTag,
.nano .singleVideo .bkg-black .videoTag,
.nano .singleVideo .bkg-dark-blue-linear .videoTag,
.nano .singleVideo .bkg-blue-green-linear .videoTag,
.nano .singleVideo .bg-violet .videoTag,
.nano .singleVideo .bg-blue .videoTag,
.nano .singleVideo .bg-blue-green .videoTag,
.nano .singleVideo .bg-black .videoTag,
.nano .singleVideo .bg-dark-blue-linear .videoTag,
.nano .singleVideo .bg-blue-green-linear .videoTag {
    background-color: #ffffff;
}

    .nano .singleVideo .bkg-violet .videoTag p.xsmall,
    .nano .singleVideo .bkg-blue .videoTag p.xsmall,
    .nano .singleVideo .bkg-blue-green .videoTag p.xsmall,
    .nano .singleVideo .bkg-black .videoTag p.xsmall,
    .nano .singleVideo .bkg-dark-blue-linear .videoTag p.xsmall,
    .nano .singleVideo .bkg-blue-green-linear .videoTag p.xsmall,
    .nano .singleVideo .bg-violet .videoTag p.xsmall,
    .nano .singleVideo .bg-blue .videoTag p.xsmall,
    .nano .singleVideo .bg-blue-green .videoTag p.xsmall,
    .nano .singleVideo .bg-black .videoTag p.xsmall,
    .nano .singleVideo .bg-dark-blue-linear .videoTag p.xsmall,
    .nano .singleVideo .bg-blue-green-linear .videoTag p.xsmall {
        color: #001E50;
    }

.nano .singleVideo .bkg-white .videoTag,
.nano .singleVideo .bkg-light-grey .videoTag,
.nano .singleVideo .bkg-blue-linear .videoTag,
.nano .singleVideo .bkg-light-blue .videoTag,
.nano .singleVideo .bg-white .videoTag,
.nano .singleVideo .bg-light-grey .videoTag,
.nano .singleVideo .bg-blue-linear .videoTag,
.nano .singleVideo .bg-light-blue .videoTag {
    background-color: #001E50;
}

    .nano .singleVideo .bkg-white .videoTag p.xsmall,
    .nano .singleVideo .bkg-light-grey .videoTag p.xsmall,
    .nano .singleVideo .bkg-blue-linear .videoTag p.xsmall,
    .nano .singleVideo .bkg-light-blue .videoTag p.xsmall,
    .nano .singleVideo .bg-white .videoTag p.xsmall,
    .nano .singleVideo .bg-light-grey .videoTag p.xsmall,
    .nano .singleVideo .bg-blue-linear .videoTag p.xsmall,
    .nano .singleVideo .bg-light-blue .videoTag p.xsmall {
        color: #ffffff;
    }

.nano .singleVideo .videoTag {
    padding: 3px 16px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 32px;
}


.nano .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 1.35rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .nano .accordion-button {
        font-size: 1rem;
    }
}


.nano .accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.nano .introStyle1 .img-box, .nano .introStyle1 .img-box.left {
    float: left;
    padding-bottom: 15px;
    padding-right: 0px;
    width: 100%;
}

.nano .introStyle1 .img-box.right {
    float: right;
}

    .nano .introStyle1 .img-box img {
        max-width: 100%;
        height: auto;
    }

@media (min-width: 768px) {
    .nano .introStyle1 .img-box, .nano .introStyle1 .img-box.left {
        float: left;
        padding-bottom: 15px;
        padding-right: 30px;
        width: 45%;
    }

        .nano .introStyle1 .img-box.right {
            float: right;
            padding-left: 30px;
            padding-right: unset;
        }
}

.nano .partner-logo img {
    margin-left: 7px;
    margin-bottom: 10px;
}



.nano .partner-logo .hover-image {
    display: inline-block;
    transition: transform 0.3s ease;
    opacity: 0.9;
}

    .nano .partner-logo .hover-image:hover {
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
        border-radius: 100px;
        opacity: 1;
    }

.nano .ctaStyle2 {
}

    .nano .ctaStyle2 .flex-container {
        justify-content: flex-start;
    }

@media (min-width: 768px) {
    .nano .ctaStyle2 .flex-container {
        justify-content: flex-end;
    }
}





.nano a {
}

    .nano a:hover {
    }


.nano .bkg-violet .rte a,
.nano .bkg-blue .rte a,
.nano .bkg-blue-green .rte a,
.nano .bkg-black .rte a,
.nano .bkg-dark-blue-linear .rte a,
.nano .bkg-blue-green-linear .rte a,
.nano .bg-violet .rte a,
.nano .bg-blue .rte a,
.nano .bg-blue-green .rte a,
.nano .bg-black .rte a,
.nano .bg-dark-blue-linear .rte a,
.nano .bg-blue-green-linear .rte a {
}

    .nano .bkg-violet .rte a:hover,
    .nano .bkg-blue .rte a:hover,
    .nano .bkg-blue-green .rte a:hover,
    .nano .bkg-black .rte a:hover,
    .nano .bkg-dark-blue-linear .rte a:hover,
    .nano .bkg-blue-green-linear .rte a:hover,
    .nano .bg-violet .rte a:hover,
    .nano .bg-blue .rte a:hover,
    .nano .bg-blue-green .rte a:hover,
    .nano .bg-black .rte a:hover,
    .nano .bg-dark-blue-linear .rte a:hover,
    .nano .bg-blue-green-linear .rte a:hover {
    }



.nano .bkg-white .rte a,
.nano .bkg-light-grey .rte a,
.nano .bkg-blue-linear .rte a,
.nano .bkg-light-blue .rte a,
.nano .bg-white .rte a,
.nano .bg-light-grey .rte a,
.nano .bg-blue-linear .rte a,
.nano .bg-light-blue .rte a {
    height: 0;
    font-weight: 300;
    color: #000;
    border-bottom: 1px solid #000;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    height: auto;
    text-decoration: none;
}

    .nano .bkg-white .rte a:hover,
    .nano .bkg-light-grey .rte a:hover,
    .nano .bkg-blue-linear .rte a:hover,
    .nano .bkg-light-blue .rte a:hover,
    .nano .bg-white .rte a:hover,
    .nano .bg-light-grey .rte a:hover,
    .nano .bg-blue-linear .rte a:hover,
    .nano .bg-light-blue .rte a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #000;
    }



.nano .focus-blue {
    border: 2px solid #0646FF;
    border-radius: 25px;
    position: relative;
    padding: 70px 30px 30px 30px;
}

.nano .focus-blue-green {
    border: 2px solid #00B9F1;
    border-radius: 25px;
    position: relative;
    padding: 70px 30px 30px 30px;
}

.nano .focus-violet {
    border: 2px solid #001E50;
    border-radius: 25px;
    position: relative;
    padding: 70px 30px 30px 30px;
}

.nano .focus-white {
    border: 2px solid #ffffff;
    border-radius: 25px;
    position: relative;
    padding: 70px 30px 30px 30px;
}