.lfb-margin-top-0{
    margin-top: var(--size-0);
}
.lfb-margin-top-5{
 margin-top: var(--size-5);
}
.lfb-margin-top-10{
 margin-top: var(--size-10);
}
.lfb-margin-top-15{
 margin-top: var(--size-15);
}
.lfb-margin-top-20{
 margin-top: var(--size-20);
}
.lfb-margin-top-25{
 margin-top: var(--size-25);
}
.lfb-margin-top-30{
 margin-top: var(--size-30);
}
.lfb-margin-top-35{
 margin-top: var(--size-35);
}
.lfb-margin-top-40{
 margin-top: var(--size-40);
}
.lfb-margin-top-45{
 margin-top: var(--size-45);
}
.lfb-margin-top-50{
 margin-top: var(--size-50);
}
.lfb-margin-top-55{
 margin-top: var(--size-55);
}
.lfb-margin-top-60{
 margin-top: var(--size-60);
}
.lfb-margin-top-65{
 margin-top: var(--size-65);
}
.lfb-margin-top-70{
 margin-top: var(--size-70);
}
.lfb-margin-top-75{
 margin-top: var(--size-75);
}
.lfb-margin-top-80{
    margin-top: var(--size-80);
}
.lfb-margin-top-85{
 margin-top: var(--size-85);
}
.lfb-margin-top-90{
 margin-top: var(--size-90);
}
.lfb-margin-top-95{
 margin-top: var(--size-95);
}
.lfb-margin-top-100{
 margin-top: var(--size-100);
}
.lfb-margin-bottom-0{
    margin-bottom: var(--size-0);
}
.lfb-margin-bottom-5{
 margin-bottom: var(--size-5);
}
.lfb-margin-bottom-10{
 margin-bottom: var(--size-10);
}
.lfb-margin-bottom-15{
 margin-bottom: var(--size-15);
}
.lfb-margin-bottom-20{
 margin-bottom: var(--size-20);
}
.lfb-margin-bottom-25{
 margin-bottom: var(--size-25);
}
.lfb-margin-bottom-30{
 margin-bottom: var(--size-30);
}
.lfb-margin-bottom-35{
 margin-bottom: var(--size-35);
}
.lfb-margin-bottom-40{
 margin-bottom: var(--size-40);
}
.lfb-margin-bottom-45{
 margin-bottom: var(--size-45);
}
.lfb-margin-bottom-50{
 margin-bottom: var(--size-50);
}
.lfb-margin-bottom-55{
 margin-bottom: var(--size-55);
}
.lfb-margin-bottom-60{
 margin-bottom: var(--size-60);
}
.lfb-margin-bottom-65{
 margin-bottom: var(--size-65);
}
.lfb-margin-bottom-70{
 margin-bottom: var(--size-70);
}
.lfb-margin-bottom-75{
 margin-bottom: var(--size-75);
}
.lfb-margin-bottom-80{
    margin-bottom: var(--size-80);
}
.lfb-margin-bottom-85{
 margin-bottom: var(--size-85);
}
.lfb-margin-bottom-90{
 margin-bottom: var(--size-90);
}
.lfb-margin-bottom-95{
 margin-bottom: var(--size-95);
}
.lfb-margin-bottom-100{
 margin-bottom: var(--size-100);
}
 
/*Padding*/
.lfb-padding-top-0{
    padding-top: var(--size-0);
}
.lfb-padding-top-5{
 padding-top: var(--size-5);
}
.lfb-padding-top-10{
 padding-top: var(--size-10);
}
.lfb-padding-top-15{
 padding-top: var(--size-15);
}
.lfb-padding-top-20{
 padding-top: var(--size-20);
}
.lfb-padding-top-25{
 padding-top: var(--size-25);
}
.lfb-padding-top-30{
 padding-top: var(--size-30);
}
.lfb-padding-top-35{
 padding-top: var(--size-35);
}
.lfb-padding-top-40{
 padding-top: var(--size-40);
}
.lfb-padding-top-45{
 padding-top: var(--size-45);
}
.lfb-padding-top-50{
 padding-top: var(--size-50);
}
.lfb-padding-top-55{
 padding-top: var(--size-55);
}
.lfb-padding-top-60{
 padding-top: var(--size-60);
}
.lfb-padding-top-65{
 padding-top: var(--size-65);
}
.lfb-padding-top-70{
 padding-top: var(--size-70);
}
.lfb-padding-top-75{
 padding-top: var(--size-75);
}
.lfb-padding-top-80{
    padding-top: var(--size-80);
}
.lfb-padding-top-85{
 padding-top: var(--size-85);
}
.lfb-padding-top-90{
 padding-top: var(--size-90);
}
.lfb-padding-top-95{
 padding-top: var(--size-95);
}
.lfb-padding-top-100{
 padding-top: var(--size-100);
}
.lfb-padding-bottom-0{
    padding-bottom: var(--size-0);
}
.lfb-padding-bottom-5{
 padding-bottom: var(--size-5);
}
.lfb-padding-bottom-10{
 padding-bottom: var(--size-10);
}
.lfb-padding-bottom-15{
 padding-bottom: var(--size-15);
}
.lfb-padding-bottom-20{
 padding-bottom: var(--size-20);
}
.lfb-padding-bottom-25{
 padding-bottom: var(--size-25);
}
.lfb-padding-bottom-30{
 padding-bottom: var(--size-30);
}
.lfb-padding-bottom-35{
 padding-bottom: var(--size-35);
}
.lfb-padding-bottom-40{
 padding-bottom: var(--size-40);
}
.lfb-padding-bottom-45{
 padding-bottom: var(--size-45);
}
.lfb-padding-bottom-50{
 padding-bottom: var(--size-50);
}
.lfb-padding-bottom-55{
 padding-bottom: var(--size-55);
}
.lfb-padding-bottom-60{
 padding-bottom: var(--size-60);
}
.lfb-padding-bottom-65{
 padding-bottom: var(--size-65);
}
.lfb-padding-bottom-70{
 padding-bottom: var(--size-70);
}
.lfb-padding-bottom-75{
 padding-bottom: var(--size-75);
}
.lfb-padding-bottom-80{
    padding-bottom: var(--size-80);
}
.lfb-padding-bottom-85{
 padding-bottom: var(--size-85);
}
.lfb-padding-bottom-90{
 padding-bottom: var(--size-90);
}
.lfb-padding-bottom-95{
 padding-bottom: var(--size-95);
}
.lfb-padding-bottom-100{
 padding-bottom: var(--size-100);
}



/* fonts */
@import url(../fonts/roboto/css2.css?family=Roboto:wght@100;300;400;500;700;900&display=swap);

/* end fonts */

/* variables */

:root {
    --primary: #1B75BC;
    --secondary: #025978;
    --danger: #dc3545;
    --gray: #F1F2F2;
    --white: #fff;
    --black: #010101;
    --body: #6d6f71;
    --footer: #f1f1f2;
    --size-0: 0px;
    --size-5: 5px;
    --size-10: 10px;
    --size-15: 15px;
    --size-20: 20px;
    --size-25: 25px;
    --size-30: 30px;
    --size-35: 35px;
    --size-40: 40px;
    --size-45: 45px;
    --size-50: 50px;
    --size-55: 55px;
    --size-60: 60px;
    --size-65: 65px;
    --size-70: 70px;
    --size-75: 75px;
    --size-80: 80px;
    --size-85: 85px;
    --size-90: 90px;
    --size-95: 95px;
    --size-100: 100px;
    --center-box-720: 720px;
    --center-box-720: 820px;
    --center-box-920: 920px;
}

/* end variables */

/* reset */

body,
p,
a,
ul,
li {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

li {
    list-style-type: none;
}

.container-md {
    max-width: 1140px !important;
}
/*
*:focus,
*::selection,
.navbar-toggler:focus,
.form-control:focus {
    box-shadow: 0 0 0 0;
}
*/
.form-control,
.form-control:focus,
.form-select,
.form-select:focus {
    /* border    : 2px solid rgba(0, 0, 0, .1); */
    color: var(--secondary);
    box-shadow: 0 0 0 0;
}

::-webkit-input-placeholder {
    /* Edge */
    color: var(--secondary);
}

:-ms-input-placeholder {
    /* Internet Explorer */
    color: var(--secondary);
}

::placeholder {
    color: var(--secondary);
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary);
    font-weight: 500;
}

/* width */

::-webkit-scrollbar {
    width: 1em;
}

/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--secondary);
    outline: 1px solid #708090;
}

    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary);
    }


/* end reset */

/* base styles */
body {
    width: 100%;
    font-size: 14px;
    font-weight: 200;
    margin: 0;
    color: var(--body);
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    background-color: var(--white);
}

header.fixed-menu {
    position: fixed;
    width: 100%;
    background-color: var(--white);
    z-index: 9;
    border-bottom: 1px solid var(--secondary);
    top: 0
}

    header.fixed-menu .blue-stripe {
        display: none;
    }

a {
    text-decoration: none;
    transition: all .2s;
    color: var(--primary);
}

    a:hover {
        text-decoration: none;
        transition: all .2s;
    }

.center-box-720 {
    max-width: var(--center-box-720);
    text-align: center;
}


/* end base styles */
/* nav mega menu styles */
.mega-menu-left {
    background-color: var(--secondary);
    padding: var(--size-25) var(--size-0) var(--size-25) var(--size-35);
    height: 100%;
}

    .mega-menu-left h4 {
        color: var(--white);
        border-bottom: 1px solid;
        margin-bottom: var(--size-20);
    }

        .mega-menu-left h4 a {
            color: var(--white) !important;
            font-size: 22px !important;
            text-decoration: none !important;
            display: block !important;
            padding: var(--size-10) 0 !important;
        }

            .mega-menu-left h4 a:hover {
                background-color: rgba(0, 0, 0, 0.5) !important;
            }

    .mega-menu-left ul {
        padding-left: 0 !important;
    }

        .mega-menu-left ul li a {
            color: var(--white) !important;
            text-decoration: none !important;
            text-transform: capitalize;
            font-weight: 400 !important;
            font-size: 16px;
            padding: 8px var(--size-0) 8px var(--size-20) !important;
            display: block !important;
        }

            .mega-menu-left ul li a:hover,
            .mega-menu-left ul li a.active-tab {
                background-color: rgba(0, 0, 0, 0.5) !important;
            }

.mega-menu-right {
    padding: var(--size-25) var(--size-100) var(--size-25) var(--size-35);
}

    .mega-menu-right p.parent-hint {
        font-size: 16px;
        font-weight: 300;
        border-bottom: 1px solid var(--secondary);
        padding-bottom: var(--size-20);
        margin-bottom: var(--size-40);
    }

    .mega-menu-right .mega-menu-details h5 {
        color: var(--secondary);
        margin-bottom: var(--size-20);
        text-transform: capitalize;
    }

    .mega-menu-right .mega-menu-details p {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: var(--size-15);
    }

.sm {
    box-sizing: border-box;
    position: relative;
    z-index: 9999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .sm,
    .sm ul,
    .sm li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
    }

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm > li > h1,
.sm > li > h2,
.sm > li > h3,
.sm > li > h4,
.sm > li > h5,
.sm > li > h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

    .sm a.disabled {
        cursor: default;
    }

.sm::after {
    content: "";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    overflow: hidden;
}

.sm *,
.sm *::before,
.sm *::after {
    box-sizing: inherit;
}

.sm-blue {
    background: transparent;
    border-radius: 0px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

    .sm-blue a,
    .sm-blue a:hover,
    .sm-blue a:focus,
    .sm-blue a:active {
        padding: 10px 20px;
        /* make room for the toggle button (sub indicator) */
        padding-right: 58px;
        /* background   : var(--primary);
    background-image: linear-gradient(to bottom, #4f4e79, #4b4a73); */
        color: var(--black);
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    }

        .sm-blue a.current {
            background: var(--secondary);
            color: var(--white);
        }

        .sm-blue a.disabled {
            color: #9d9cbf;
        }

        .sm-blue a .sub-arrow {
            position: absolute;
            top: 50%;
            margin-top: -17px;
            left: auto;
            right: 4px;
            width: 34px;
            height: 34px;
            overflow: hidden;
            font: bold 16px/34px monospace !important;
            text-align: center;
            text-shadow: none;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 0px;
        }

            .sm-blue a .sub-arrow::before {
                content: '+';
            }

        .sm-blue a.highlighted .sub-arrow::before {
            content: '-';
        }

    .sm-blue > li:first-child > a,
    .sm-blue > li:first-child > :not(ul) a {
        border-radius: 0px 0px 0 0;
    }

    .sm-blue > li:last-child > a,
    .sm-blue > li:last-child > *:not(ul) a,
    .sm-blue > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a,
    .sm-blue > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
        border-radius: 0 0 0px 0px;
    }

        .sm-blue > li:last-child > a.highlighted,
        .sm-blue > li:last-child > *:not(ul) a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
            border-radius: 0;
        }

    .sm-blue ul {
        color: var(--black);
    }

        .sm-blue ul ul {
            background: rgba(102, 102, 102, 0.1);
        }

        .sm-blue ul a,
        .sm-blue ul a:hover,
        .sm-blue ul a:focus,
        .sm-blue ul a:active {
            background: transparent;
            color: #353451;
            font-size: 16px;
            text-shadow: none;
            border-left: 8px solid transparent;
        }

            .sm-blue ul a.current {
                background: var(--secondary);
                /* background-image: linear-gradient(to bottom, #2d2c44, #31304b); */
                color: var(--white);
            }

            .sm-blue ul a.disabled {
                color: #b3b3b3;
            }

        .sm-blue ul ul a,
        .sm-blue ul ul a:hover,
        .sm-blue ul ul a:focus,
        .sm-blue ul ul a:active {
            border-left: 16px solid transparent;
        }

        .sm-blue ul ul ul a,
        .sm-blue ul ul ul a:hover,
        .sm-blue ul ul ul a:focus,
        .sm-blue ul ul ul a:active {
            border-left: 24px solid transparent;
        }

        .sm-blue ul ul ul ul a,
        .sm-blue ul ul ul ul a:hover,
        .sm-blue ul ul ul ul a:focus,
        .sm-blue ul ul ul ul a:active {
            border-left: 32px solid transparent;
        }

        .sm-blue ul ul ul ul ul a,
        .sm-blue ul ul ul ul ul a:hover,
        .sm-blue ul ul ul ul ul a:focus,
        .sm-blue ul ul ul ul ul a:active {
            border-left: 40px solid transparent;
        }

        .sm-blue ul li {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
        }

            .sm-blue ul li:first-child {
                border-top: 0;
            }

@media (min-width: 1024px) {

    /* Switch to desktop layout
    -----------------------------------------------
       These transform the menu tree from
       collapsible to desktop (navbar + dropdowns)
    -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-blue ul {
        position: absolute;
        width: 12em;
    }

    .sm-blue li {
        float: left;
    }

    .sm-blue.sm-rtl li {
        float: right;
    }

    .sm-blue ul li,
    .sm-blue.sm-rtl ul li,
    .sm-blue.sm-vertical li {
        float: none;
    }

    .sm-blue a {
        white-space: nowrap;
    }

    .sm-blue ul a,
    .sm-blue.sm-vertical a {
        white-space: normal;
    }

    .sm-blue .sm-nowrap > li > a,
    .sm-blue .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    /* ...end */
    .sm-blue {
        /* background: #4d4c76;
      background-image: linear-gradient(to bottom, #4f4e79, #4b4a73); */
        border-radius: 0px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    }

        .sm-blue a,
        .sm-blue a:hover,
        .sm-blue a:focus,
        .sm-blue a:active,
        .sm-blue a.highlighted {
            padding: 14px 23px;
            /* background      : #4d4c76; */
            /* background-image: linear-gradient(to bottom, #4f4e79, #4b4a73); */
            color: var(--black);
        }

            .sm-blue a:hover,
            .sm-blue a:focus,
            .sm-blue a:active,
            .sm-blue a.highlighted {
                background: var(--secondary);
                /* background-image: linear-gradient(to bottom, #45446a, #414063); */
                color: var(--white);
            }

            .sm-blue a.current {
                background: var(--secondary);
                /* background-image: linear-gradient(to bottom, #2d2c44, #31304b); */
                color: var(--white);
            }

            .sm-blue a.disabled {
                background: var(--secondary);
                /* background-image: linear-gradient(to bottom, #4f4e79, #4b4a73); */
                color: #fff;
            }

            .sm-blue a .sub-arrow {
                top: auto;
                margin-top: 0;
                bottom: 2px;
                left: 50%;
                margin-left: -5px;
                right: auto;
                width: 0;
                height: 0;
                border-width: 0px;
                border-style: solid dashed dashed dashed;
                border-color: #dadae7 transparent transparent transparent;
                background: transparent;
                border-radius: 0;
            }

                .sm-blue a .sub-arrow::before {
                    display: none;
                }

        .sm-blue > li:first-child > a,
        .sm-blue > li:first-child > :not(ul) a {
            border-radius: 0px 0 0 0px;
        }

        .sm-blue > li:last-child > a,
        .sm-blue > li:last-child > :not(ul) a {
            border-radius: 0 0px 0px 0 !important;
        }

        .sm-blue > li {
            border-left: 0px solid var(--secondary);
        }

            .sm-blue > li:first-child {
                border-left: 0;
            }

        .sm-blue ul {
            border: 0px solid #a8a8a8;
            padding: 0;
            background: var(--gray);
            border-radius: 0 0 0px 0px !important;
            /* box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); */
        }

            .sm-blue ul ul {
                border-radius: 0px !important;
                background: var(--gray);
            }

            .sm-blue ul a,
            .sm-blue ul a:hover,
            .sm-blue ul a:focus,
            .sm-blue ul a:active,
            .sm-blue ul a.highlighted {
                border: 0 !important;
                padding: 10px 23px;
                background: transparent;
                color: var(--black);
                border-radius: 0 !important;
            }

                .sm-blue ul a:hover,
                .sm-blue ul a:focus,
                .sm-blue ul a:active,
                .sm-blue ul a.highlighted {
                    background: var(--secondary);
                    /* background-image: linear-gradient(to bottom, #4f4e79, #4b4a73); */
                    color: var(--white);
                }

                .sm-blue ul a.current {
                    background: var(--secondary);
                    /* background-image: linear-gradient(to bottom, #2d2c44, #31304b); */
                    color: var(--white);
                }

                .sm-blue ul a.disabled {
                    background: #fff;
                    color: #b3b3b3;
                }

                .sm-blue ul a .sub-arrow {
                    top: 50%;
                    margin-top: -5px;
                    bottom: auto;
                    left: auto;
                    margin-left: 0;
                    right: 10px;
                    border-style: dashed dashed dashed solid;
                    border-color: transparent transparent transparent #dadae7;
                }

            .sm-blue ul li {
                border: 0;
            }

        .sm-blue .scroll-up,
        .sm-blue .scroll-down {
            position: absolute;
            display: none;
            visibility: hidden;
            overflow: hidden;
            background: #fff;
            height: 20px;
        }

        .sm-blue .scroll-up-arrow,
        .sm-blue .scroll-down-arrow {
            position: absolute;
            top: -2px;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            overflow: hidden;
            border-width: 8px;
            border-style: dashed dashed solid dashed;
            border-color: transparent transparent #353451 transparent;
        }

        .sm-blue .scroll-down-arrow {
            top: 6px;
            border-style: solid dashed dashed dashed;
            border-color: #353451 transparent transparent transparent;
        }

        .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
            right: auto;
            left: 10px;
            border-style: dashed solid dashed dashed;
            border-color: transparent #dadae7 transparent transparent;
        }

        .sm-blue.sm-rtl > li:first-child > a,
        .sm-blue.sm-rtl > li:first-child > :not(ul) a {
            border-radius: 0 0px 0px 0;
        }

        .sm-blue.sm-rtl > li:last-child > a,
        .sm-blue.sm-rtl > li:last-child > :not(ul) a {
            border-radius: 0px 0 0 0px !important;
        }

        .sm-blue.sm-rtl > li:first-child {
            border-left: 0px solid var(--secondary);
        }

        .sm-blue.sm-rtl > li:last-child {
            border-left: 0;
        }

        .sm-blue.sm-rtl ul a .sub-arrow {
            right: auto;
            left: 10px;
            border-style: dashed solid dashed dashed;
            border-color: transparent #dadae7 transparent transparent;
        }

        .sm-blue.sm-vertical {
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        }

            .sm-blue.sm-vertical a {
                padding: 9px 23px;
            }

                .sm-blue.sm-vertical a .sub-arrow {
                    top: 50%;
                    margin-top: -5px;
                    bottom: auto;
                    left: auto;
                    margin-left: 0;
                    right: 10px;
                    border-style: dashed dashed dashed solid;
                    border-color: transparent transparent transparent #dadae7;
                }

            .sm-blue.sm-vertical > li:first-child > a,
            .sm-blue.sm-vertical > li:first-child > :not(ul) a {
                border-radius: 0px 0px 0 0;
            }

            .sm-blue.sm-vertical > li:last-child > a,
            .sm-blue.sm-vertical > li:last-child > :not(ul) a {
                border-radius: 0 0 0px 0px !important;
            }

            .sm-blue.sm-vertical > li {
                border-left: 0 !important;
            }

            .sm-blue.sm-vertical ul {
                border-radius: 0px !important;
            }

                .sm-blue.sm-vertical ul a {
                    padding: 10px 23px;
                }
}


.main-nav {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    /* background        : var(--primary); */
    /* background-image  : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4f4e79), color-stop(100%, #4b4a73));
    background-image     : -webkit-linear-gradient(top, #4f4e79, #4b4a73);
    background-image     : -moz-linear-gradient(to bottom, #4f4e79, #4b4a73);
    background-image     : -o-linear-gradient(to bottom, #4f4e79, #4b4a73);
    background-image     : linear-gradient(to bottom, #4f4e79, #4b4a73); */
    /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow      : 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow           : 0 1px 4px rgba(0, 0, 0, 0.3); */
}

    .main-nav:after {
        clear: both;
        content: "\00a0";
        display: block;
        height: 0;
        font: 0px/0 serif;
        overflow: hidden;
    }

.nav-brand {
    float: left;
    margin: 0;
}

    .nav-brand a {
        display: block;
        padding: 10px 0 10px 0;
        color: var(--black);
        font-size: 22px;
        font-weight: normal;
        line-height: 29px;
        text-decoration: none;
    }

        .nav-brand a .logo {
            width: 280px;
            pointer-events: none;
        }

#main-menu {
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    /* Mega menus */


    /* make mega menus take the full width of .main-nav */

    #main-menu,
    #main-menu > .has-mega-menu {
        position: static !important;
        display: flex;
    }

        #main-menu .mega-menu {
            top: 94px !important;
            margin-left: 0 !important;
            right: 0 !important;
            width: auto !important;
            max-width: none !important;
        }

        #main-menu > .has-mega-menu .scroll-up,
        #main-menu > .has-mega-menu .scroll-down {
            margin-left: 0 !important;
        }


        /* clear any floats inside the mega menus */

        #main-menu .mega-menu > li {
            /* overflow: auto; */
        }


        /* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

        #main-menu .mega-menu {
            color: var(--black);
            border-top: 2px solid var(--secondary);
        }

            #main-menu .mega-menu ul {
                position: static;
                display: block;
                margin: 0.83em 0;
                border: 0;
                padding: 0 0 0 20px;
                width: auto;
                background: transparent;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                #main-menu .mega-menu ul li {
                    display: list-item;
                    list-style-type: none;
                    border: 0;
                }

            #main-menu .mega-menu a {
                display: inline;
                border: 0;
                padding: 0;
                background: transparent;
                color: inherit;
                text-decoration: underline;
            }


            /* simple columns inside the mega menus */

            #main-menu .mega-menu .column-1-3 {
                padding: 0 20px;
            }

@media (min-width: 768px) {
    #main-menu .mega-menu .column-1-3 {
        float: left;
        width: 33.33%;
    }
}


/* Sample image placeholder */

.mega-menu-sample-image {
    margin: 0.83em 0;
    border: 1px solid;
    height: 80px;
    line-height: 80px;
    text-align: center;
}


#main-menu:before {
    display: none;
}


/* Mobile menu toggle button */

.main-menu-btn {
    float: right;
    margin: 10px;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: var(--black);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

    .main-menu-btn-icon:before {
        content: '';
        top: -7px;
        left: 0;
    }

    .main-menu-btn-icon:after {
        content: '';
        top: 7px;
        left: 0;
    }


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* hide the button in desktop view */
.main-menu-btn {
    position: absolute;
    top: -99999px;
}

/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 400px);
    float: right;
}

.sm-blue > li:last-child {
    margin-left: auto;
}

    .sm-blue > li:last-child a {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

/* .sm-blue>li:last-child a:hover {
        background: transparent;
        color     : var(--primary);
    } */

ul.ul-language {
    padding: 0;
    background-color: var(--white);
    color: var(--primary);
    min-width: auto !important;
    width: 100px !important;
}

.sm-blue > li:last-child .arrow-lang {
    width: 10px;
}

/* end nav mega menu styles */

/* desktop styles */
.desktop {
    display: initial;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 99;
    background-color: var(--secondary);
    color: var(--white);
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    line-height: 2;
    padding: 0px 10px;
    border: 1px solid;
}

    .back-to-top:hover {
        color: var(--secondary);
        background-color: var(--white);
    }

.blue-stripe {
    background-color: var(--secondary);
    height: var(--size-15);
}

.container-menu {
    margin-left: auto
}

.top-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .top-menu li a {
        color: var(--black);
        text-transform: capitalize;
        padding: 14px 20px;
        font-weight: 400;
    }

        .top-menu li a:hover {
            color: var(--secondary);
        }

    .top-menu li:last-child {
        margin-left: auto;
    }

        .top-menu li:last-child a {
            padding: 0;
        }

.panel-search {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.togglesearch {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 42px;
    line-height: 30px;
    z-index: 2;
    display: none;
}

    .togglesearch input[type="text"] {
        width: calc(100% - 50px);
        padding: 5px 30px;
        border: 1px solid var(--secondary);
        border-radius: 10px;
        outline: none;
    }

    .togglesearch input[type="submit"] {
        width: 50px;
        margin: 0;
        padding: 0;
        margin-left: 0;
        outline: none;
        cursor: pointer;
        background-image: url(../img/search-blue.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border: 1px solid transparent;
        background-color: transparent;
    }

        .togglesearch input[type="submit"]:hover {
        }



/* Swiper */
.swiper-container {
    width: 100%;
    height: 100%;
    background-color: #000;
}

/* Swiper slides */
.swiper-slide {
    /* position: relative; */
}

/* Slide captions */
.slide-captions {
    position: absolute;
    top: 35%;
    color: #FFF;
    z-index: 999;
    transform: translateY(-50%);
}

    .slide-captions .slide-bk {
        background-color: rgba(27, 117, 188, 0.7);
        padding: var(--size-25)
    }

    .slide-captions .current-title {
        margin: 0;
        font-size: 48px;
        color: var(--white);
        line-height: 20px;
        border-bottom: 1px solid var(--white);
        padding-bottom: var(--size-25);
        display: flex;
        flex-flow: column;
    }

        .slide-captions .current-title span {
            font-size: 28px;
            font-weight: 300;
        }

    .slide-captions .current-subtitle {
        margin: 8px 0 18px 0;
        font-size: 18px;
        color: var(--white);
        font-weight: 200;
        line-height: 28px;
        max-width: 380px;
    }

    .slide-captions a.current-url {
        color: var(--white);
        border: 1px solid var(--white);
        padding: 8px 12px;
        display: flex;
        width: fit-content;
    }

        .slide-captions a.current-url:hover {
            color: var(--primary);
            background-color: var(--white);
        }

/* Swiper arrows */
.swiper-pagination-bullet-active {
    background-color: #fff;
}

/* Swiper pagination */
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 50px;
}

.swiper-button-prev,
.swiper-button-next {
    color: #fff;
}



.swiper-main-slider .swiper-slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

    .swiper-main-slider .swiper-slide::after {
        content: '';
        display: inline-block;
        padding-top: 36%;
    }

.section-discover {
    padding-top: var(--size-75);
    padding-bottom: var(--size-60);
    background-color: var(--gray);
    text-align: center;
}

    .section-discover .container-discover {
        max-width: var(--center-box-720);
        margin: 0 auto;
    }

    .section-discover h1.title {
        font-size: 32px;
        font-weight: 400;
        color: var(--black);
        border-bottom: 2px solid var(--secondary);
        width: fit-content;
        margin: 0 auto var(--size-30);
        line-height: 58px;
    }

    .section-discover h4.sub-title {
        font-weight: 400;
        color: var(--secondary);
        font-size: 22px;
        margin-bottom: var(--size-20);
    }

    .section-discover p {
        color: var(--secondary);
        margin-bottom: var(--size-20);
        font-size: 16px;
        font-weight: 300;
    }

    .section-discover a.learn-more {
        font-weight: 400;
        color: var(--secondary);
        font-size: 16px;
        border-bottom: 2px solid var(--secondary);
        padding-bottom: 2px;
    }

        .section-discover a.learn-more:hover {
            color: var(--primary);
            border-color: var(--primary);
        }

.section-what-we-do {
    /* padding: var(--size-75) 0 var(--size-60);*/
}

    .section-what-we-do .container-what-we-do {
        max-width: var(--center-box-920);
        margin: 0 auto var(--size-50);
    }

.accordion-flush .accordion-item .accordion-button {
    background-color: #e7e8e9;
    color: var(--secondary);
    font-weight: 300;
    font-size: 18px;
    text-transform: capitalize;
}

.section-what-we-do .accordion-button:not(.collapsed) {
    background-color: var(--secondary);
    color: var(--white);
}

.section-what-we-do .accordion-button::after {
    display: none;
}

.section-what-we-do .accordion-button .arrow-left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-right: 10px;
    border-left: 6px solid var(--primary);
}

.section-what-we-do .accordion-button:not(.collapsed) .arrow-left {
    border-left: 6px solid var(--white);
}

.section-what-we-do .accordion-body {
    background-color: #f0f2f9;
    padding: 25px;
}

    .section-what-we-do .accordion-body ul li a {
        color: var(--black);
        font-size: 16px;
        font-weight: 400;
        border-bottom: 1px solid;
        padding-bottom: var(--size-15);
        line-height: var(--size-50);
    }

        .section-what-we-do .accordion-body ul li a:hover {
            color: var(--primary);
        }

    .section-what-we-do .accordion-body ul li:last-child a {
        border-bottom: 0;
    }

.section-what-we-do .what-we-do-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--size-20);
}

.section-what-we-do h2 {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 340px;
    padding-right: var(--size-30);
    border-right: 2px solid;
}

    .section-what-we-do h2.accordion-header {
        font-size: initial;
        border: 0;
        padding-right: inherit;
    }

.section-what-we-do p.hint {
    font-weight: 400;
    padding: 0 var(--size-30);
    font-size: 14px;
}

.section-what-we-do a.learn-more {
    border-bottom: 2px solid var(--secondary);
    padding-bottom: 2px;
    color: var(--secondary);
    min-width: 90px;
    font-weight: 300;
}

    .section-what-we-do a.learn-more:hover {
        border-bottom: 2px solid var(--primary);
        color: var(--primary);
    }


.swiper-what-we-do {
    width: 320px;
}

    .swiper-what-we-do .swiper-slide {
        border-radius: 5px;
    }

.what-we-do-viedo {
    position: relative;
}

    .what-we-do-viedo .video {
        cursor: pointer;
        border: 1px solid var(--secondary);
        display: none;
        width: 100%;
    }

    .what-we-do-viedo .playpause {
        cursor: pointer;
        background-color: var(--white);
    }

    .what-we-do-viedo .container-border {
        position: relative;
    }

    .what-we-do-viedo span.top-left {
        width: 100px;
        height: 185px;
        position: absolute;
        z-index: 2;
        border-right: 1px solid var(--secondary);
        transform: rotate(45deg);
        background-color: var(--white);
        top: -62px;
        left: -20px;
    }

    .what-we-do-viedo .container-border img {
        width: 100%;
    }

    .what-we-do-viedo .container-border .top-left-on-img {
        width: 0;
        height: 0;
        border-top: 150px solid var(--white);
        border-right: 150px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .what-we-do-viedo .container-border svg {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        color: var(--white);
        border-radius: 50%;
        top: 40%;
        left: 50%;
        transform: translate(-50%);
        padding: 12px;
    }

    .what-we-do-viedo .message {
        position: absolute;
        right: -12px;
        bottom: -12px;
        background-color: var(--white);
        color: var(--secondary);
        max-width: 380px;
        padding: var(--size-10) var(--size-20);
    }

        .what-we-do-viedo .message .title {
            color: var(--secondary);
            font-weight: 300;
            font-size: 32px;
            line-height: 42px;
            margin-bottom: 0;
        }

        .what-we-do-viedo .message p {
            font-weight: 300;
        }

    .what-we-do-viedo .triangle-left {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-right: 20px solid var(--white);
        border-bottom: 12px solid transparent;
        position: absolute;
        left: -20px;
        top: 12px;
    }

.section-skew-banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}

    .section-skew-banner::after {
        /* content    : '';
    display    : block;
    padding-top: 30%; */
    }

.div-skew {
    transform: skew(20deg);
    background-color: var(--primary);
    width: 35%;
    float: right;
    border-left: 20px solid var(--white);
    margin-right: -100px;
}

    .div-skew .details {
        color: var(--white);
        text-align: left;
        padding: var(--size-70) var(--size-100);
        transform: skew(-20deg);
        max-width: 380px;
        font-weight: 400;
        font-size: var(--size-15);
        line-height: 20px;
    }

        .div-skew .details h5 {
            color: var(--white);
            font-weight: 400;
            border-bottom: 1px solid var(--white);
            width: min-content;
            font-size: 34px;
            padding-bottom: var(--size-10);
            margin-bottom: var(--size-20);
            text-transform: capitalize;
        }

        .div-skew .details a {
            color: var(--white);
            display: block;
            border-bottom: 2px solid;
            width: fit-content;
            margin-top: var(--size-50);
            font-weight: 300;
            font-size: 16px;
        }

            .div-skew .details a:hover {
                color: #a7a7a7;
            }

.section-news {
    /* position: relative;*/
}

    .section-news div.d-flex {
        flex-flow: column;
        align-items: center;
    }

        .section-news div.d-flex h2.title {
            color: var(--secondary);
            border-bottom: 2px solid;
            line-height: 58px;
            font-weight: 400;
            margin-bottom: var(--size-10);
        }

    .section-news .view-all-news {
        border-bottom: 2px solid;
        color: var(--secondary);
        font-size: 18px;
        font-weight: 400;
    }

        .section-news .view-all-news:hover {
            color: var(--primary);
        }

    .section-news div.d-flex p.hint {
        color: var(--secondary);
        font-weight: 400;
        max-width: var(--center-box-720);
        text-align: center;
    }

.swiper.news {
    margin-top: var(--size-30);
}

    .swiper.news .swiper-wrapper.swiper-wrapper-center {
        justify-content: center;
    }

    .swiper.news .swiper-slide {
        border-bottom-right-radius: var(--size-25);
        height: auto;
        border: 1px solid rgba(0, 0, 0, .125);
    }

        .swiper.news .swiper-slide .card {
            border-radius: var(--size-0);
            border-bottom-right-radius: var(--size-25);
            border: 0;
            height: 100%;
            transition: all 0.2s;
        }

        .swiper.news .swiper-slide img {
            display: block;
            width: 100%;
            height: 50%;
            min-height: 250px;
            object-fit: cover;
            transition: all 0.2s
        }

        .swiper.news .swiper-slide .publish-date {
            color: var(--white);
            background-color: var(--primary);
            position: absolute;
            padding: var(--size-10) var(--size-15);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            font-weight: 300;
            font-size: 16px;
            text-transform: capitalize;
            line-height: var(--size-20);
        }

        .swiper.news .swiper-slide .card-body {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-between;
            height: auto;
        }

        .swiper.news .swiper-slide .card-title {
            color: var(--secondary);
            border-bottom: 1px solid;
            padding-bottom: var(--size-10);
            font-size: var(--size-20);
            margin-bottom: var(--size-20);
            text-align: center
        }

        .swiper.news .swiper-slide .card-text {
            color: var(--black);
            font-weight: 400;
            line-height: 18px;
            margin-bottom: 5px;
            text-align: center
        }

        .swiper.news .swiper-slide .see-more {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/news-arrow-right.svg);
            background-size: 32px;
            margin-left: auto;
        }

        .swiper.news .swiper-slide .card:hover img {
            transform: scale(0.95);
            transition: all 0.2s
        }

        .swiper.news .swiper-slide .card:hover .card-title {
            color: var(--primary);
            transition: all 0.2s
        }

        .swiper.news .swiper-slide .card:hover .see-more {
            background: url(../img/news-arrow-right-hover.svg);
        }

.news-swiper-buttons {
    position: absolute;
    top: 0;
    height: var(--swiper-navigation-size);
    width: 100%;
}

    .news-swiper-buttons .swiper-counts {
        height: var(--swiper-navigation-size);
        background-color: var(--primary);
        padding: var(--size-20) var(--size-20);
        color: var(--white);
        font-size: 20px;
        z-index: 1;
        font-weight: 300;
        display: none;
        align-items: center;
        justify-content: center;
        width: 120px
    }

.section-news .swiper-button-prev,
.section-news .swiper-button-next {
    background-color: var(--primary);
    padding: var(--size-0) var(--size-20);
    color: var(--white);
}

    .section-news .swiper-button-prev:hover,
    .section-news .swiper-button-next:hover {
        background-color: var(--secondary);
    }

.section-news .swiper-button-prev {
    left: auto;
    right: 42px;
}

.section-news .swiper-button-next {
    right: 0;
    left: auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px;
    font-weight: bold;
}

.section-horizon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: var(--white);
    display: flex;
    align-items: center;
}

    .section-horizon::after {
        content: '';
        display: block;
        padding-top: 26%;
    }

    .section-horizon .horizon-details {
        position: absolute;
        margin: 0 auto;
        width: 100%;
    }

    .section-horizon h2 {
        color: var(--white);
        font-weight: 300;
        font-size: var(--size-50);
        margin-bottom: var(--size-20);
        text-transform: uppercase;
    }

    .section-horizon .details {
        display: flex;
    }

    .section-horizon p {
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        width: fit-content;
    }

        .section-horizon p.hint {
            border-right: 1px solid;
            font-size: 28px;
            line-height: 32px;
            max-width: 340px;
            margin-right: var(--size-50);
            padding-right: var(--size-45);
        }

    .section-horizon a.learn-more {
        display: block;
        float: right;
        color: var(--white);
        border-bottom: 1px solid;
        margin-top: var(--size-20);
    }

        .section-horizon a.learn-more:hover {
            color: var(--primary);
        }

footer {
    background-color: var(--footer);
    padding-top: var(--size-75);
}

    footer .footer-logo {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }

        footer .footer-logo .logo {
            width: 280px;
            pointer-events: none;
        }

.footer-main-div {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin-bottom: var(--size-75);
}

footer .footer-main-div ul.main-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--size-20);
}

footer ul.main-menu a {
    text-transform: capitalize;
    color: var(--secondary);
    display: block;
    font-weight: 300;
    margin-bottom: 2px;
}

    footer ul.main-menu a.top-level {
        margin-bottom: var(--size-5);
        font-size: 22px;
        font-weight: 600;
    }

    footer ul.main-menu a:hover {
        color: var(--primary);
    }

footer .footer-logo ul.footer-social-media {
    display: flex;
    gap: var(--size-20);
    justify-content: end;
    align-items: flex-end;
    list-style: none;
}

.social-media {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    list-style: none;
}

.facebook-icon,
.twitter-icon,
.linkedin-icon,
.youtube-icon,
.instagram-icon,
.facebook-icon-bk-white,
.twitter-icon-bk-white,
.linkedin-icon-bk-white,
.youtube-icon-bk-white,
.instagram-bk-white {
    display: block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.facebook-icon /*,
    .facebook-icon-bk-white:hover */ {
    background-image: url('../img/facebook.svg');
}

.facebook-icon-bk-white /*,
        .facebook-icon:hover*/ {
    background-image: url('../img/facebook-bk-white.svg');
}

.twitter-icon /*,
    .twitter-icon-bk-white:hover*/ {
    background-image: url('../img/twitter.svg');
}

.twitter-icon-bk-white /*,
        .twitter-icon:hover*/ {
    background-image: url('../img/twitter-bk-white.svg');
}

.linkedin-icon /*,
    .linkedin-icon-bk-white:hover*/ {
    background-image: url('../img/linkedin.svg');
}

.linkedin-icon-bk-white /*,
        .linkedin-icon:hover */ {
    background-image: url('../img/linkedin-bk-white.svg');
}

.youtube-icon /*,
    .youtube-icon-bk-white:hover */ {
    background-image: url('../img/youtube.svg');
}

.youtube-icon-bk-white /*,
        .youtube-icon:hover */ {
    background-image: url('../img/youtube-bk-white.svg');
}


.instagram-icon /*,
    .youtube-icon-bk-white:hover */ {
    background-image: url('../img/instagram.svg');
}

.instagram-icon-bk-white {
    background-image: url('../img/instagram-bk-white.svg');
}


footer .copyright {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid;
    color: var(--secondary);
    font-weight: 500;
    padding: var(--size-10) var(--size-0) var(--size-15);
}

    footer .copyright ul {
        display: flex;
    }

        footer .copyright ul li:last-child a {
            border-right: 0;
        }

        footer .copyright ul li a {
            color: var(--secondary);
            border-right: 2px solid;
            padding-right: var(--size-10);
            margin-right: var(--size-10);
        }

            footer .copyright ul li a:hover {
                color: var(--primary);
            }

.section-our-subsidiaries {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat no-repeat;
    width: 100%;
    position: relative;
}

    .section-our-subsidiaries::after {
        content: '';
        display: inline-block;
        padding-top: 38%;
    }

    .section-our-subsidiaries .section-head {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: var(--size-40) 0;
        display: flex;
        align-items: center;
    }

        .section-our-subsidiaries .section-head .container-title {
            display: flex;
            margin-bottom: var(--size-30);
        }

        .section-our-subsidiaries .section-head h2 {
            color: var(--white);
            width: min-content;
            font-weight: 300;
            font-size: var(--size-50);
            line-height: var(--size-50);
            text-transform: capitalize;
            border-right: 1px solid;
            margin-right: var(--size-50);
            padding-right: var(--size-25);
        }

        .section-our-subsidiaries .section-head .details {
            display: flex;
            flex-flow: column;
            justify-content: space-around;
            align-items: flex-start;
        }

            .section-our-subsidiaries .section-head .details p {
                font-weight: 300;
                line-height: var(--size-20);
                color: var(--white);
            }

            .section-our-subsidiaries .section-head .details a {
                font-weight: 300;
                font-size: var(--size-15);
                color: var(--white);
            }

                .section-our-subsidiaries .section-head .details a:hover {
                    color: var(--primary);
                }

                .section-our-subsidiaries .section-head .details a span {
                    border-bottom: 1px solid;
                    margin-left: 2px;
                }

    .section-our-subsidiaries .section-body {
        max-width: 820px;
        margin: 0 auto;
    }

    .section-our-subsidiaries a.explore {
        display: flex;
        align-items: center;
    }

        .section-our-subsidiaries a.explore:after {
            content: '';
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/sub-arrow-right-white.svg);
            background-size: 32px;
            margin-left: 10px;
        }

        .section-our-subsidiaries a.explore:hover:after {
            background: url(../img/sub-arrow-right.svg);
        }

.select-location {
    background-color: #015a78;
    padding: var(--size-25) var(--size-35);
    margin-bottom: var(--size-10);
}

    .select-location .con-contenet {
        display: grid;
        gap: var(--size-20);
    }

        .select-location .con-contenet h4 {
            color: var(--white);
            font-weight: 300;
            text-transform: uppercase;
            font-size: 26px;
            padding-right: var(--size-50);
            margin-bottom: var(--size-0);
        }

    .select-location label {
        font-weight: 400;
    }


a.explore {
    color: var(--white);
    background: var(--primary);
    float: right;
    text-transform: capitalize;
    font-weight: 300;
}

    a.explore:hover {
        background: var(--white);
        color: var(--primary);
    }

/*Inner*/
header.no-back-image {
    border-bottom: 3px solid var(--secondary);
}

section.section-header-inner-page {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    width: 100%;
}

    section.section-header-inner-page:after {
        /*   opacity: .5;
        background-image: linear-gradient(to bottom,rgba(0,0,0,0) 35%,#000 60%);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;*/
    }

    section.section-header-inner-page::after {
        content: '';
        display: inline-block;
        padding-top: 25%;
    }

    section.section-header-inner-page.page-info-in-header {
        position: relative;
    }

        section.section-header-inner-page.page-info-in-header .page-info {
            position: absolute;
            width: 100%;
            height: 100%;
        }

            section.section-header-inner-page.page-info-in-header .page-info .full-height {
                height: 100%;
                display: flex;
                flex-flow: column;
                justify-content: center;
            }

        section.section-header-inner-page.page-info-in-header .page-title {
            color: var(--white);
            margin-top: auto;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 42px;
        }

        section.section-header-inner-page.page-info-in-header .subsidiaries {
            margin-top: auto;
            display: flex;
            flex-flow: column;
            color: var(--white);
        }

            section.section-header-inner-page.page-info-in-header .subsidiaries h1.title {
                color: var(--white);
                text-transform: uppercase;
                font-weight: bold;
                font-size: 64px;
                border-bottom: 1px solid;
                width: fit-content;
                padding-right: var(--size-20);
                padding-bottom: var(--size-10);
                margin-bottom: var(--size-25);
                line-height: 70px;
            }

            section.section-header-inner-page.page-info-in-header .subsidiaries p {
                font-weight: 300;
                font-size: var(--size-25);
                line-height: var(--size-25);
            }

        section.section-header-inner-page.page-info-in-header ul.breadcrumbs {
            margin: auto 0 20px;
            display: flex;
            color: #b1b1b1;
            flex-flow: wrap;
            gap: 4px;
        }

            section.section-header-inner-page.page-info-in-header ul.breadcrumbs li {
                /*margin-right: var(--size-5);*/
                padding-right: var(--size-5);
                border-right: 1px solid;
                line-height: 12px;
            }

                section.section-header-inner-page.page-info-in-header ul.breadcrumbs li:last-child {
                    border-width: 0;
                }

                section.section-header-inner-page.page-info-in-header ul.breadcrumbs li a {
                    text-transform: uppercase;
                    color: #b1b1b1;
                    font-weight: 400;
                    font-size: 12px;
                }

                section.section-header-inner-page.page-info-in-header ul.breadcrumbs li:last-child a {
                    color: var(--primary);
                }

                section.section-header-inner-page.page-info-in-header ul.breadcrumbs li a:hover {
                    color: var(--primary);
                }

section.section-page-title {
    background-color: var(--footer);
}

section.what-we-do-inner {
    padding: var(--size-50) 0;
}

section.section-page-title.our-history {
    background-color: var(--white);
}

section.section-page-title img.relative-top {
    width: 100%;
    /*  max-width: 350px;*/
}

section .image-wrapper-white,
section .image-wrapper-footer,
section .image-wrapper-transparent {
    position: relative;
}
    /*
    section .image-wrapper-white:before {
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
        border-right: 15px solid var(--white);
        content: "";
        height: 0;
        position: absolute;
        right: 12px;
        top: 25px;
        width: 0;
    }

    section .image-wrapper-footer:before {
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
        border-right: 15px solid var(--footer);
        content: "";
        height: 0;
        position: absolute;
        right: 12px;
        top: 25px;
        width: 0;
    }

    section .image-wrapper-transparent:before {
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
        border-right: 15px solid;
        content: "";
        height: 0;
        position: absolute;
        right: 12px;
        top: 25px;
        width: 0;
    }

    section .image-wrapper-white.show-in-left:before,
    section .image-wrapper-white.show-in-left-2:before {
        border-left: 15px solid var(--white) !important;
    }

    section .image-wrapper-footer.show-in-left:before,
    section .image-wrapper-footer.show-in-left-2:before {
        border-left: 15px solid var(--footer) !important
    }

    section .image-wrapper-transparent.show-in-left:before {
    }*/

    section .image-wrapper-white.show-in-left:before,
    section .image-wrapper-footer.show-in-left:before,
    section .image-wrapper-transparent.show-in-left:before {
        left: 0px;
        right: auto;
        border-left: 15px solid;
        border-right: 0;
    }

    section .image-wrapper-white.show-in-left-2:before,
    section .image-wrapper-footer.show-in-left-2:before,
    section .image-wrapper-transparent.show-in-left-2:before {
        left: 12px;
        right: auto;
        border-left: 15px solid;
        border-right: 0;
    }

section .section-page-title .inner-page-details {
    display: flex;
    flex-flow: column;
    align-items: baseline;
    justify-content: center;
    margin-left: 25px;
}

section.section-page-title h2.inner-page-title {
    border-bottom: 2px solid var(--secondary);
    color: #000;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 58px;
    margin-bottom: 40px;
}

section.section-page-title h5.inner-page-hint {
    color: var(--secondary);
    font-weight: 500;
    font-size: 17px;
}

section.section-page-title .inner-page-hint.our-history-sub-title {
    font-size: 26px !important;
    font-weight: 300 !important;
}


section.section-page-title p {
    font-weight: 400;
    color: #000;
    /* line-height: 16px; */
}

section.section-page-title a.whatch-video {
    margin-top: var(--size-40);
    color: var(--secondary);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
}

    section.section-page-title a.whatch-video::before {
        content: '';
        display: block;
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        background: url(../img/news-arrow-right-secondary.svg);
        background-size: 32px;
        margin-right: 10px;
    }

    section.section-page-title a.whatch-video:hover {
        color: var(--primary);
    }

.section-corporate-banking {
}

    .section-corporate-banking h2.title {
        background-color: var(--secondary);
        color: var(--white);
        font-weight: 300;
        text-transform: uppercase;
        padding: 15px 25px;
    }

    .section-corporate-banking ul.list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--size-25);
        margin: var(--size-40);
    }

        .section-corporate-banking ul.list li {
            list-style-type: disc;
        }

    .section-corporate-banking p {
        color: var(--secondary);
        font-size: 16px;
        font-weight: 400;
        padding: 25px;
    }

    .section-corporate-banking ul.list li a {
        color: var(--body);
        font-weight: 500;
        font-size: 16px;
        border-bottom: 2px solid var(--white);
    }

        .section-corporate-banking ul.list li a:hover {
            color: var(--secondary);
            border-bottom: 2px solid var(--secondary);
        }

    .section-corporate-banking .what-we-do-viedo-inner {
        position: relative;
    }

        .section-corporate-banking .what-we-do-viedo-inner .video {
            width: 100%;
            display: none;
            cursor: pointer;
            border: 1px solid var(--secondary);
        }

        .section-corporate-banking .what-we-do-viedo-inner .playpause {
            cursor: pointer;
            background-color: var(--white);
        }

        .section-corporate-banking .what-we-do-viedo-inner .container-border {
            border: 1px solid var(--secondary);
            position: relative;
        }

        .section-corporate-banking .what-we-do-viedo-inner span.top-left {
            width: 80px;
            height: 80px;
            position: absolute;
            z-index: 2;
            border-right: 1px solid var(--secondary);
            transform: rotate(135deg);
            background-color: var(--white);
            top: -40px;
            right: -40px;
        }

        .section-corporate-banking .what-we-do-viedo-inner .container-border img {
            width: 100%;
            transform: translate(-12px, 12px);
        }

        .section-corporate-banking .what-we-do-viedo-inner .container-border .top-left-on-img {
            width: 0;
            height: 0;
            border-top: 80px solid var(--white);
            border-left: 80px solid transparent;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
        }

        .section-corporate-banking .what-we-do-viedo-inner .message {
            position: absolute;
            right: -12px;
            bottom: -12px;
            background-color: var(--white);
            color: var(--secondary);
            max-width: 380px;
            padding: var(--size-10) var(--size-20);
        }

            .section-corporate-banking .what-we-do-viedo-inner .message .title {
                color: var(--secondary);
                font-weight: 300;
                font-size: 32px;
                line-height: 42px;
                margin-bottom: 0;
            }

            .section-corporate-banking .what-we-do-viedo-inner .message p {
                font-weight: 300;
            }

        .section-corporate-banking .what-we-do-viedo-inner .triangle-left {
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-right: 20px solid var(--white);
            border-bottom: 12px solid transparent;
            position: absolute;
            left: -20px;
            top: 12px;
        }

        .section-corporate-banking .what-we-do-viedo-inner .message a.learn-more {
            display: flex;
            align-items: center;
            font-weight: 400;
        }

            .section-corporate-banking .what-we-do-viedo-inner .message a.learn-more:hover {
                color: var(--secondary);
            }

            .section-corporate-banking .what-we-do-viedo-inner .message a.learn-more i.arrow-right {
                display: block;
                text-indent: -9999px;
                width: 32px;
                height: 32px;
                background: url(../img/news-arrow-right.svg);
                background-size: 32px;
                margin-right: 10px;
            }


    .section-corporate-banking.new-d {
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
        padding-top: var(--size-35);
    }

        .section-corporate-banking.new-d::after {
            display: inline-block;
            content: '';
            padding-top: 3%;
        }

        .section-corporate-banking.new-d .corporate-con {
        }

            .section-corporate-banking.new-d .corporate-con .corporate-header {
                display: flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
            }

        .section-corporate-banking.new-d .title {
            text-transform: uppercase;
            color: var(--white);
            background-color: transparent;
            border-bottom: 3px solid;
            font-weight: 400;
            padding: 0 6px;
            line-height: 48px;
        }

        .section-corporate-banking.new-d p {
            color: var(--white);
            padding: var(--size-20);
        }

        .section-corporate-banking.new-d a.learn-more {
            color: var(--white);
            display: flex;
            align-items: center;
            font-size: var(--size-20);
            font-weight: 300;
            margin-bottom: var(--size-35);
        }

            .section-corporate-banking.new-d a.learn-more:hover {
                color: var(--gray);
            }

            .section-corporate-banking.new-d a.learn-more::before {
                content: '';
                display: block;
                text-indent: -9999px;
                width: 32px;
                height: 32px;
                background: url(../img/news-arrow-right-white.svg);
                background-size: 32px;
                margin-right: 10px;
            }

            .section-corporate-banking.new-d a.learn-more:hover:before {
                background: url(../img/news-arrow-right-gray.svg);
            }

        .section-corporate-banking.new-d .corporate-grid {
        }

            .section-corporate-banking.new-d .corporate-grid ul.corporate-items {
                display: flex;
                gap: 30px;
            }

                .section-corporate-banking.new-d .corporate-grid ul.corporate-items li {
                    display: flex;
                }

                    .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a {
                        display: flex;
                        flex-flow: column;
                        position: relative;
                    }

                        .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a:before {
                            border-bottom: 15px solid transparent;
                            border-top: 15px solid transparent;
                            border-right: 15px solid transparent;
                            content: "";
                            height: 0;
                            position: absolute;
                            right: 12px;
                            top: 25px;
                            width: 0;
                        }

                        .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a img {
                            width: 100%;
                            /* max-width: 300px;*/
                            /*                            clip-path: polygon(100% 0, 100% 10%, 95% 15%, 100% 20%, 100% 0%, 100% 100%, 0 100%, 0 60%, 0% 0%, 0 0);
*/
                        }

                        .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a p {
                            background-color: var(--white);
                            color: var(--secondary);
                            display: flex;
                            flex-flow: column;
                            align-items: center;
                            justify-content: center;
                            gap: var(--size-5);
                            font-size: 20px;
                            text-align: center;
                            padding: var(--size-20);
                            height: 100%;
                        }

                            .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a p::after {
                                content: '';
                                display: block;
                                text-indent: -9999px;
                                width: 32px;
                                height: 32px;
                                background: url(../img/news-arrow-right-secondary.svg);
                                background-size: 32px;
                                margin-right: 10px;
                            }

        .section-corporate-banking.new-d .corporate-grid {
        }

.investment-banking {
    position: relative;
    width: 100%;
}

.investment-banking-bk {
    background-position: center center;
    background-size: cover;
    width: 100%;
    display: flex;
}

    .investment-banking-bk::before {
        display: inline-block;
        content: '';
        padding-top: 26%;
    }

.investment-banking-con {
    position: relative;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: top;
    background-size: 100%;
    width: 100%;
    display: flex;
    right: 0;
    padding-top: var(--size-35);
    background-repeat: no-repeat;
}

.investment-banking .section-title {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

    .investment-banking .section-title h2 {
        text-transform: uppercase;
        border-bottom: 3px solid;
        color: var(--white);
        font-weight: 400;
        margin-bottom: var(--size-30);
        padding: 0 6px;
        line-height: 48px;
    }

    .investment-banking .section-title p {
        color: var(--white);
        font-weight: 300;
        font-size: 16px;
        margin-bottom: var(--size-30);
    }

    .investment-banking .section-title a {
        display: flex;
        align-items: center;
        color: var(--white);
        font-weight: 300;
    }

        .investment-banking .section-title a.learn-more:hover {
            color: var(--body);
        }

        .investment-banking .section-title a.learn-more .arrow-right {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/news-arrow-right-white.svg);
            background-size: 32px;
            margin-right: 10px;
        }

        .investment-banking .section-title a.learn-more:hover .arrow-right {
            background: url(../img/news-arrow-right-gray.svg);
        }

.investment-banking .modules {
    display: flex;
    justify-content: space-between;
    margin-top: var(--size-50);
}

.investment-banking .module {
    display: flex;
    flex-flow: column;
    max-width: 28%;
}

    .investment-banking .module .title {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between;
        background-color: var(--white);
        padding: var(--size-10) var(--size-35);
        position: relative;
        height: 100%
    }

        .investment-banking .module .title h4 {
            color: var(--secondary);
            font-weight: 400;
            font-size: 22px;
            text-align: center;
            text-transform: capitalize;
            white-space: pre-line;
        }

        .investment-banking .module .title a.learn-more {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/news-arrow-right-secondary.svg);
            background-size: 32px;
            margin-right: 10px;
        }

            .investment-banking .module .title a.learn-more:hover {
                background: url(../img/news-arrow-right-gray.svg);
            }

        .investment-banking .module .title .arrow-down {
            width: 0;
            height: 0;
            border-left: 27px solid transparent;
            border-right: 27px solid transparent;
            /* border-top  : 27px solid #f00; */
            position: absolute;
            bottom: 14px;
            left: 4px;
            transform: rotate(-140deg);
        }

.section-video {
    /* margin: var(--size-70) 0; */
    /* padding-top: var(--size-50); */
}

    .section-video .what-we-do-viedo {
        position: relative;
    }

        .section-video .what-we-do-viedo .video {
            cursor: pointer;
            border: 1px solid var(--secondary);
            display: none;
            width: 100%;
        }

        .section-video .what-we-do-viedo .playpause {
            cursor: pointer;
            background-color: var(--white);
        }

        .section-video .what-we-do-viedo .container-border {
            position: relative;
        }

        .section-video .what-we-do-viedo span.top-left {
            width: 100px;
            height: 185px;
            position: absolute;
            z-index: 2;
            border-right: 1px solid var(--secondary);
            transform: rotate(45deg);
            background-color: var(--white);
            top: -62px;
            left: -20px;
        }

        .section-video .what-we-do-viedo .container-border img {
            width: 100%;
        }

        .section-video .what-we-do-viedo .container-border .top-left-on-img {
            width: 0;
            height: 0;
            border-top: 150px solid var(--white);
            border-right: 150px solid transparent;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .section-video .what-we-do-viedo .container-border svg {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.6);
            color: var(--white);
            border-radius: 50%;
            top: 40%;
            left: 50%;
            transform: translate(-50%);
            padding: 12px;
            z-index: 1;
        }

        .section-video .what-we-do-viedo .message {
            position: absolute;
            right: -12px;
            bottom: -12px;
            background-color: var(--white);
            color: var(--secondary);
            max-width: 380px;
            padding: var(--size-10) var(--size-20);
        }

            .section-video .what-we-do-viedo .message.new-d {
                background-color: rgba(2, 89, 120, .75);
                color: var(--white);
                transform: translateY(-50%);
                top: 50%;
                bottom: initial;
                right: initial;
                left: 50px;
            }

            .section-video .what-we-do-viedo .message .title {
                color: var(--secondary);
                font-weight: 400;
                font-size: 30px;
                line-height: 42px;
                margin-bottom: 6px;
            }

            .section-video .what-we-do-viedo .message.new-d .title {
                color: var(--white);
                font-weight: 300;
                font-size: 42px;
                margin-bottom: var(--size-25);
            }

            .section-video .what-we-do-viedo .message.font-small .title {
                font-weight: 300;
            }

            .section-video .what-we-do-viedo .message p {
                font-weight: 500;
                color: var(--black);
                margin-bottom: 10px;
                line-height: 22px
            }

            .section-video .what-we-do-viedo .message.new-d p {
                color: var(--white);
                font-weight: 400;
                margin-bottom: var(--size-25);
            }

            .section-video .what-we-do-viedo .message.font-small p {
                font-weight: 400;
            }

        .section-video .what-we-do-viedo .triangle-left {
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-right: 20px solid var(--white);
            border-bottom: 12px solid transparent;
            position: absolute;
            left: -20px;
            top: 12px;
        }

        .section-video .what-we-do-viedo a.learn-more {
            display: flex;
            align-items: center;
            color: var(--secondary);
            font-weight: 300;
        }

        .section-video .what-we-do-viedo .message.new-d a.learn-more {
            color: var(--white);
        }

        .section-video .what-we-do-viedo a.learn-more:hover {
            color: var(--body);
        }

        .section-video .what-we-do-viedo .message.new-d a.learn-more:hover {
            color: var(--body);
        }

        .section-video .what-we-do-viedo a.learn-more .arrow-right {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/news-arrow-right-secondary.svg);
            background-size: 32px;
            margin-right: 10px;
        }

        .section-video .what-we-do-viedo .message.new-d a.learn-more .arrow-right {
            background: url(../img/news-arrow-right-white.svg);
        }

        .section-video .what-we-do-viedo a.learn-more:hover .arrow-right {
            background: url(../img/news-arrow-right-gray.svg);
        }

        .section-video .what-we-do-viedo .message.new-d a.learn-more:hover .arrow-right {
            background: url(../img/news-arrow-right-gray.svg);
        }

.section-page-title.center.our-subsidiaries {
    background-color: var(--white);
}

.section-page-title.center {
    text-align: center;
    padding: var(--size-50) 0;
}

    .section-page-title.center .inner-page-details {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
        max-width: var(--center-box-720);
    }

        .section-page-title.center .inner-page-details.vacancies {
            max-width: initial;
            text-align: initial;
        }

        .section-page-title.center .inner-page-details.overview {
            display: block;
        }

section.section-page-title.center .inner-page-details h1.inner-page-title,
section.section-page-title.center .inner-page-details.overview .inner-page-title {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: var(--size-5);
    padding: var(--size-0) var(--size-10) var(--size-10);
    color: var(--primary);
    border: 0;
}

    section.section-page-title.center .inner-page-details h1.inner-page-title.with-border {
        color: var(--black);
        border-bottom: 2px solid var(--secondary);
        margin-bottom: var(--size-35);
    }

.inner-page-hint.font-under-title-border {
    font-size: 16px;
    font-weight: 500;
}

.section-page-title.our-history h1.inner-page-title {
    color: var(--secondary);
}

section.section-page-title.center .inner-page-details .inner-page-icon {
    margin: var(--size-25) var(--size-0)
}

    section.section-page-title.center .inner-page-details .inner-page-icon .swiper-wrapper {
        padding-bottom: var(--size-25);
    }

    section.section-page-title.center .inner-page-details .inner-page-icon .swiper-slide .icon {
        width: 200px;
    }

    section.section-page-title.center .inner-page-details .inner-page-icon .swiper-slide h4 {
        font-weight: 300;
        text-transform: capitalize;
        font-size: 26px;
    }

section.section-page-title.center .inner-page-details p.inner-page-title {
    color: var(--primary);
    font-size: 32px;
    font-weight: 400
}

section.section-page-title.center .inner-page-details p {
    color: var(--secondary);
    font-size: 16px;
}

section.section-page-title.center .inner-page-details .inner-page-icon .swiper-button-prev,
section.section-page-title.center .inner-page-details .inner-page-icon .swiper-button-next {
    color: var(--primary);
}

section.section-page-title.center .inner-page-details .swiper-button-next:after,
section.section-page-title.center .inner-page-details .swiper-button-prev:after {
    font-size: var(--size-40);
    font-weight: 300;
}

section.section-page-title.center .inner-page-details .swiper-horizontal > .swiper-pagination-bullets,
section.section-page-title.center .inner-page-details .swiper-pagination-bullets.swiper-pagination-horizontal,
section.section-page-title.center .inner-page-details .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

section.section-page-title.center .inner-page-details .swiper-pagination-bullet-active {
    background-color: var(--primary);
}

section.section-page-title .inner-page-details p.font-large {
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: var(--size-15);
    margin-top: var(--size-30);
}

section.section-page-title .inner-page-details p.font-medium {
    font-size: 20px;
    font-weight: 300;
}

section.section-page-title .inner-page-details a.learn-more {
    font-size: 20px;
    font-weight: 300;
    border-bottom: 2px solid;
    color: var(--secondary);
    padding: 0 4px;
    margin-top: var(--size-20);
    text-transform: uppercase;
}

    section.section-page-title .inner-page-details a.learn-more:hover {
        color: var(--black)
    }

.section-banner-full-width-sm {
    background-size: cover;
    background-position: center center;
    width: 100%;
    position: relative;
}

    .section-banner-full-width-sm::after {
        display: block;
        content: '';
        padding-top: 19%;
    }

    .section-banner-full-width-sm .banner-data {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .section-banner-full-width-sm .banner-data .banner-flex {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            max-width: var(--center-box-820);
            margin: 0 auto;
        }

        .section-banner-full-width-sm .banner-data h2.slogan {
            width: 100%;
            text-align: center;
        }

        .section-banner-full-width-sm .banner-data h2 {
            color: var(--white);
            text-transform: uppercase;
            margin-bottom: 0;
            font-weight: 400;
            width: 280px;
        }

            .section-banner-full-width-sm .banner-data h2 span {
                font-weight: 300;
                width: 100%;
                display: block;
            }

        .section-banner-full-width-sm .banner-data div.details {
            display: flex;
            flex-flow: column;
            border-left: 1px solid;
            padding-left: 30px;
            margin-left: 30px;
        }


            .section-banner-full-width-sm .banner-data div.details p.font-large {
                font-size: 18px;
                font-weight: 300;
                line-height: 22px;
                margin-bottom: 5px;
            }

            .section-banner-full-width-sm .banner-data div.details p.font-small {
                line-height: 18px;
                margin-bottom: 5px;
            }

            .section-banner-full-width-sm .banner-data div.details a.learn-more {
                color: var(--white);
                font-weight: 300;
                display: flex;
                align-items: center;
            }

                .section-banner-full-width-sm .banner-data div.details a.learn-more span {
                    display: block;
                    width: var(--size-70);
                    height: 1px;
                    background-color: var(--white);
                    margin-left: 10px;
                }

                .section-banner-full-width-sm .banner-data div.details a.learn-more:hover {
                    color: var(--body);
                }

                    .section-banner-full-width-sm .banner-data div.details a.learn-more:hover span {
                        background-color: var(--body);
                    }

    .section-banner-full-width-sm .banner-flex-sm {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        max-width: var(--center-box-720);
        margin: 0 auto;
        padding: var(--size-20) var(--size-0);
    }

        .section-banner-full-width-sm .banner-flex-sm h2 {
            font-size: 48px;
            border-bottom: 2px solid;
            padding: var(--size-0) var(--size-5) var(--size-10);
            margin-bottom: var(--size-30);
        }

        .section-banner-full-width-sm .banner-flex-sm p {
            color: var(--white);
            font-size: 22px;
            font-weight: 300;
            text-align: center;
        }

.section-image-right {
    /*  margin: var(--size-75) 0;*/
}

    .section-image-right .data {
        display: flex;
        flex-flow: wrap;
    }

    .section-image-right img.img-fluid {
        width: 100%
    }

    .section-image-right .data h2.title {
        color: var(--black);
        border-bottom: 1px solid;
        text-transform: uppercase;
        margin-bottom: 25px;
        padding-bottom: 10px;
        font-weight: 400;
    }

    .section-image-right p {
        color: var(--black);
        font-weight: 400;
        margin-bottom: 30px;
        font-size: 16px;
    }

    .section-image-right a {
        color: var(--secondary);
        border-bottom: 1px solid;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 15px;
        padding: 0 2px;
    }

        .section-image-right a:hover {
            color: var(--black);
        }

.section-banner-full-width-md {
    background-size: cover;
    background-position: center center;
    width: 100%;
    position: relative;
}

    .section-banner-full-width-md::after {
        display: block;
        content: '';
        padding-top: 26%;
    }

    .section-banner-full-width-md .banner-data {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .section-banner-full-width-md .banner-data .banner-flex {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            color: var(--white);
            max-width: var(--center-box-720);
            margin: 0 auto;
        }

        .section-banner-full-width-md .banner-data h2 {
            color: var(--white);
            text-transform: uppercase;
            width: min-content;
            font-weight: 400;
            border-bottom: 1px solid;
            line-height: 48px;
            padding: 0 4px;
            margin-bottom: var(--size-35);
        }

            .section-banner-full-width-md .banner-data h2.w-100 {
                width: max-content !important;
                border-bottom: 2px solid;
                font-size: 38px;
                padding-bottom: 10px;
                margin-bottom: var(--size-30);
            }

        .section-banner-full-width-md .banner-data div.details {
            text-align: center;
            display: flex;
            flex-flow: column;
            align-items: center;
        }

            .section-banner-full-width-md .banner-data div.details p {
                font-size: 16px;
                font-weight: 300;
                line-height: 22px;
                margin-bottom: 35px;
            }

                .section-banner-full-width-md .banner-data div.details p.font-medium {
                    font-size: 20px;
                    line-height: 32px;
                }

            .section-banner-full-width-md .banner-data div.details a.learn-more {
                color: var(--white);
                display: flex;
                align-items: center;
                text-transform: uppercase;
            }

                .section-banner-full-width-md .banner-data div.details a.learn-more:hover {
                    color: var(--body);
                }

            .section-banner-full-width-md .banner-data div.details i.arrow-right {
                display: block;
                text-indent: -9999px;
                width: 32px;
                height: 32px;
                background: url(../img/news-arrow-right-white.svg);
                background-size: 32px;
                margin-right: 10px;
            }

            .section-banner-full-width-md .banner-data div.details a.learn-more:hover i.arrow-right {
                background: url(../img/news-arrow-right-gray.svg);
            }

.section-banner-full-width-lg {
    background-size: cover;
    background-position: center center;
    width: 100%;
    position: relative;
}

    .section-banner-full-width-lg::after {
        display: block;
        content: '';
        padding-top: 26%;
    }

    .section-banner-full-width-lg .banner-data {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .section-banner-full-width-lg .banner-data .banner-flex {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            color: var(--white);
            max-width: var(--center-box-720);
            margin: 0 auto;
            text-align: center;
        }

        .section-banner-full-width-lg .banner-data h2 {
            color: var(--white);
            text-transform: capitalize;
            font-weight: 300;
            border-bottom: 1px solid;
            padding-bottom: var(--size-10);
            margin-bottom: var(--size-30);
        }

            .section-banner-full-width-lg .banner-data h2 span {
                font-weight: 300;
            }

        .section-banner-full-width-lg .banner-data div.details {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
        }


            .section-banner-full-width-lg .banner-data div.details p.font-large {
                font-size: 22px;
                font-weight: 200;
                line-height: 28px;
                margin-bottom: var(--size-20);
            }

            .section-banner-full-width-lg .banner-data div.details p.font-small {
                line-height: 22px;
                margin-bottom: 5px;
            }

            .section-banner-full-width-lg .banner-data div.details a.learn-more {
                color: var(--white);
                font-weight: 200;
                display: flex;
                align-items: center;
                font-size: 18px;
                border-bottom: 1px solid;
                margin-top: var(--size-15);
            }

                .section-banner-full-width-lg .banner-data div.details a.learn-more:hover {
                    color: var(--body);
                }


.section-connect-with-us {
    margin-top: var(--size-50);
    margin-bottom: var(--size-50);
    background-image: url(../img/connect-with-us.png);
    background-position: right center;
    background-size: 62%;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
}

    .section-connect-with-us::after {
        display: block;
        content: '';
        padding-top: 23%;
    }

    .section-connect-with-us .row-100 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        .section-connect-with-us .row-100 .col-30 {
            display: flex;
            width: 30%;
            flex-flow: column;
            justify-content: space-evenly;
        }

        .section-connect-with-us .row-100 .col-60 {
            display: flex;
            width: 60%;
            flex-flow: column;
            justify-content: space-evenly;
        }

    .section-connect-with-us h2.title {
        font-weight: 300;
        border-bottom: 1px solid;
        line-height: 48px;
        color: var(--primary);
        width: fit-content;
        text-transform: uppercase;
        margin-bottom: var(--size-10);
    }

    .section-connect-with-us p {
        color: var(--primary);
        font-weight: 400;
        margin-bottom: var(--size-15);
    }

    .section-connect-with-us a.learn-more {
        color: var(--primary);
        border-bottom: 1px solid;
        padding: 0 2px;
        width: fit-content;
        font-weight: 400;
        font-size: 14px;
    }

        .section-connect-with-us a.learn-more:hover {
            color: var(--body);
        }

    .section-connect-with-us .bk .data {
        display: flex;
        flex-flow: column;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .section-connect-with-us .data h2.title {
        color: var(--white);
        padding-right: var(--size-25);
        margin-bottom: var(--size-35);
    }

    .section-connect-with-us .data p {
        color: var(--white);
    }

    .section-connect-with-us .data .social-media {
        width: 160px;
        margin-bottom: var(--size-40);
    }

main.inner-pages {
    padding: var(--size-50) 0;
}

.section-list {
    margin: var(--size-50) var(--size-0);
    color: var(--primary);
    font-weight: 300;
    font-size: 17px;
}

    .section-list .items-showing {
    }

        .section-list .items-showing.text-bold {
            font-size: 22px;
            font-weight: 300;
            color: var(--secondary);
        }

        .section-list .items-showing span::after,
        .section-list .items-showing span::before {
            display: inline-block;
            content: '"';
        }

    .section-list ul.ul-list {
        margin-top: var(--size-40);
        display: flex;
        flex-flow: column;
    }

        .section-list ul.ul-list .item-details {
            margin-right: var(--size-50);
            width: calc(100% - 180px)
        }

        .section-list ul.ul-list li.left-image .item-details {
            margin-left: var(--size-50);
        }

            .section-list ul.ul-list li.left-image .item-details h3 {
                font-size: 28px;
            }

            .section-list ul.ul-list li.left-image .item-details p {
                color: var(--black)
            }

        .section-list ul.ul-list li {
            display: flex;
            align-items: center;
            justify-content: center;
            border-top: 1px solid;
            padding-top: var(--size-40);
            margin-bottom: var(--size-40);
            color: var(--body);
        }

            .section-list ul.ul-list li:first-child {
                border-top: 0px solid;
                padding-top: 0;
            }

            .section-list ul.ul-list li img {
                height: 168px;
                width: 168px;
                object-fit: cover;
                object-position: center center;
            }

            .section-list ul.ul-list li a.read-more {
                font-weight: 500;
                margin-top: var(--size-15);
                color: var(--primary);
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 14px;
            }

                .section-list ul.ul-list li a.read-more:after {
                    content: '';
                    display: block;
                    text-indent: -9999px;
                    width: 22px;
                    height: 22px;
                    background-image: url(../img/news-arrow-right.svg);
                    background-size: 22px;
                    background-repeat: no-repeat;
                    background-position: right;
                    margin-left: var(--size-10);
                }

    .section-list .item-details .item-date {
        text-transform: uppercase;
        color: var(--secondary);
        margin-bottom: 4px;
        display: flex
    }

        .section-list .item-details .item-date.font-large {
            font-size: 22px;
            font-size: 22px;
        }

    .section-list .item-details .item-title {
        text-transform: uppercase;
        margin-bottom: 0;
        display: flex
    }

    .section-list.secondary .item-details .item-title {
        color: var(--secondary);
        font-weight: 600;
        font-size: var(--size-25);
    }

    .section-list.our-history .item-title {
        color: var(--secondary);
        text-transform: inherit;
        font-weight: 400;
        margin-bottom: var(--size-5);
        font-size: 36px;
    }


    .section-list.our-history .item-sub-title {
        font-weight: 400;
        color: var(--black);
        margin-bottom: var(--size-20);
        font-size: 14px;
    }

    .section-list .item-details p {
        font-size: 15px;
        font-weight: 400;
        color: var(--secondary);
        line-height: var(--size-20);
    }

    .section-list .item-details .item-date-gray {
        color: var(--body);
        font-weight: 400;
        margin-top: var(--size-5);
    }

    .section-list a.item-action {
        display: block;
        text-indent: -9999px;
        width: 250px;
        height: 50px;
        background-image: url(../img/download.svg);
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: right;
        margin: 0 40px;
    }

        .section-list a.item-action:hover {
            background-image: url(../img/download-gray.svg);
        }

        .section-list a.item-action.arrow {
            background-image: url(../img/news-arrow-right-secondary.svg);
        }

            .section-list a.item-action.arrow:hover {
                background-image: url(../img/news-arrow-right-gray.svg);
            }

    .section-list a.item-apply-now {
        text-transform: uppercase;
        color: var(--secondary);
        border: 1px solid var(--primary);
        padding: var(--size-5);
        border-radius: var(--size-50);
        display: flex;
        align-items: center;
        justify-content: end;
        width: 180px;
        font-size: 18px;
        gap: var(--size-10);
    }

        .section-list a.item-apply-now:hover {
            background-color: var(--secondary);
            color: var(--white);
        }

        .section-list a.item-apply-now i.item-arrow-right {
            display: block;
            text-indent: -9999px;
            width: 40px;
            height: 40px;
            background-image: url(../img/news-arrow-right-secondary.svg);
            background-size: 40px;
            background-repeat: no-repeat;
            background-position: right;
        }

        .section-list a.item-apply-now:hover i.item-arrow-right {
            background-image: url(../img/news-arrow-right-white.svg);
        }


ul.ul-pagination {
    display: flex;
    justify-content: space-between;
    width: max-content;
}

    ul.ul-pagination li {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        ul.ul-pagination li a {
            color: var(--body);
            font-weight: 500;
            font-size: 14px;
            padding: var(--size-5) var(--size-10);
            border: 0px solid;
        }

            ul.ul-pagination li a:hover,
            ul.ul-pagination li a.active {
                border: 1px solid var(--secondary);
                border-radius: var(--size-5);
            }

.section-board-of-directors {
    margin: var(--size-50) var(--size-0)
}

    .section-board-of-directors .card-more {
        outline-offset: -10px;
        border-bottom: 10px solid var(--gray);
        cursor: pointer;
    }

        .section-board-of-directors .card-more:hover {
            border-bottom: 10px solid var(--secondary);
        }

    .section-board-of-directors .border-end {
        border-right: 1px solid;
    }

    .section-board-of-directors .card .card-body .card-title {
        color: var(--black);
        font-weight: 600;
        font-size: 24px;
    }

    .section-board-of-directors .card .card-body .card-text {
        font-weight: 500;
        font-size: 14px;
        color: var(--black);
        margin-bottom: var(--size-10);
    }

    .section-board-of-directors .card .card-body .card-read-more {
        color: var(--primary);
        border-bottom: 2px solid;
        font-size: 18px;
        font-weight: 300;
        display: inline-block;
        padding-right: var(--size-5)
    }

.section-compliance-swiper {
    margin: var(--size-60) 0;
}

    .section-compliance-swiper h2 {
        color: var(--black);
        font-weight: 400;
        border-bottom: 1px solid var(--primary);
        padding-bottom: var(--size-5);
        text-transform: uppercase;
        width: fit-content;
        text-align: center;
        margin: 0 auto var(--size-40);
    }

.swiper-compliance .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .swiper-compliance .swiper-slide .compliance-con {
        max-width: var(--center-box-720);
        display: flex;
    }

    .swiper-compliance .swiper-slide img {
        max-width: 380px;
    }

    .swiper-compliance .swiper-slide h3.title {
        background: var(--secondary);
        color: var(--white);
        font-weight: 300;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        padding: var(--size-20) var(--size-40) var(--size-20);
        z-index: 1
    }

    .swiper-compliance .swiper-slide .hint {
        display: flex;
        flex-flow: column;
        border: 1px solid var(--secondary);
        padding: var(--size-30);
        justify-content: center;
        margin-bottom: var(--size-60);
    }

        .swiper-compliance .swiper-slide .hint p {
            margin-top: auto;
            font-weight: 400;
            color: var(--black);
            line-height: 22px;
        }

        .swiper-compliance .swiper-slide .hint a {
            margin-top: auto;
            color: var(--secondary);
            display: flex;
            align-items: center;
            font-weight: 400;
        }

            .swiper-compliance .swiper-slide .hint a span {
                display: block;
                width: 60px;
                height: 1px;
                background-color: var(--secondary);
                margin-left: var(--size-5);
            }

            .swiper-compliance .swiper-slide .hint a:hover {
                color: var(--primary);
            }

                .swiper-compliance .swiper-slide .hint a:hover span {
                    background-color: var(--primary);
                }


.swiper-compliance .swiprer-action {
    display: flex;
    flex-flow: row;
    position: absolute;
    bottom: 0;
    left: 52%;
}

.swiper-compliance .swiper-pagination {
    width: auto;
    position: relative;
    bottom: 14px;
}

.swiper-compliance .swiper-pagination-bullet-active {
    background-color: var(--secondary);
}

.swiper-compliance .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: var(--size-10);
    margin-right: var(--size-10);
}

.swiper-compliance .swiper-button-prev,
.swiper-compliance .swiper-button-next {
    color: var(--secondary);
    position: relative;
}

    .swiper-compliance .swiper-button-next:after,
    .swiper-compliance .swiper-button-prev:after {
        font-size: var(--size-25);
    }

.swiper-compliance .swiper-button-prev {
    left: auto;
    top: auto;
    bottom: 0%;
}

.swiper-compliance .swiper-button-next {
    right: auto;
    top: auto;
    bottom: 0%;
}

.section-categories-media-center {
    background-color: var(--gray);
    padding: var(--size-60) 0;
}

    .section-categories-media-center .items {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .section-categories-media-center .items .item {
            position: relative;
            width: 32%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--white);
            border-left: 10px solid #939598;
        }

            .section-categories-media-center .items .item:hover {
                border-left: 10px solid var(--secondary);
            }

            .section-categories-media-center .items .item .detailse {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                display: flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                background-color: rgb(42 42 42 / 70%);
            }

                .section-categories-media-center .items .item .detailse h2.title {
                    color: var(--white);
                    font-weight: 400;
                    text-transform: capitalize;
                    margin-bottom: var(--size-15);
                    text-align: center;
                }

                .section-categories-media-center .items .item .detailse p {
                    color: var(--white);
                    font-weight: 400;
                    text-transform: uppercase;
                    font-size: 18px;
                }

            .section-categories-media-center .items .item img {
                display: block;
                width: 100%;
                height: auto;
            }

        .section-categories-media-center .items .overlay {
            position: absolute;
            bottom: 100%;
            left: 0;
            right: 0;
            background-color: rgba(2 86 120 / 50%);
            overflow: hidden;
            width: 100%;
            height: 0;
            transition: .5s ease;
        }

        .section-categories-media-center .items .item:hover .overlay {
            bottom: 0;
            height: 100%;
        }

.section-sub-page-title {
    /*  margin-bottom: var(--size-60);*/
}

    .section-sub-page-title .inner-page-title {
        border-bottom: 2px solid var(--primary);
        color: var(--secondary);
        text-transform: uppercase;
        padding: 0 var(--size-10) var(--size-5);
        margin: 0 auto var(--size-35);
        width: fit-content;
    }

    .section-sub-page-title .details {
        display: flex;
    }

        .section-sub-page-title .details .left-text {
            border-right: 2px solid var(--primary);
            color: var(--secondary);
            font-size: 22px;
            font-weight: 300;
            padding-right: var(--size-20);
            margin-right: var(--size-20);
        }

        .section-sub-page-title .details .right-text {
            font-size: 16px;
            font-weight: 400;
            color: var(--black);
        }

            .section-sub-page-title .details .right-text.with-title {
                display: flex;
                flex-flow: column;
                justify-content: end;
            }

    .section-sub-page-title.subsidiaries.subsidiaries-news p {
        color: var(--black);
        font-weight: 400;
        font-size: 16px;
        margin-bottom: var(--size-20);
    }

    .section-sub-page-title.subsidiaries p.color-black {
        color: var(--black);
        font-weight: 400;
        font-size: 16px;
        margin-bottom: var(--size-20);
    }

    .section-sub-page-title.subsidiaries .details {
        padding-top: var(--size-25);
        display: flex;
        gap: 20px
    }

        .section-sub-page-title.subsidiaries .details.full-width {
            grid-template-columns: 100%;
        }

            .section-sub-page-title.subsidiaries .details.full-width h2 {
                text-transform: uppercase;
            }

            .section-sub-page-title.subsidiaries .details.full-width .left-text {
                color: var(--black)
            }

        .section-sub-page-title.subsidiaries .details.col-w-45 {
            grid-template-columns: 45% 55%;
        }

        .section-sub-page-title.subsidiaries .details .left-text {
            border-right-width: 0;
            border-top: 2px solid var(--primary);
            padding-top: var(--size-10);
        }

    .section-sub-page-title .details .right-text p {
        margin-bottom: var(--size-15);
    }

.color-sec-bold {
    font-weight: 500;
    color: var(--secondary);
    line-height: 20px;
}

.section-sub-page-title .share-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: var(--size-25);
}

    .section-sub-page-title .share-box .share-icons {
        display: flex;
        align-items: center;
    }

        .section-sub-page-title .share-box .share-icons p {
            text-transform: uppercase;
            color: var(--secondary);
            border-right: 1px solid;
            padding-right: var(--size-15);
            margin-right: var(--size-15);
            font-weight: 300;
            margin-bottom: 0;
        }

        .section-sub-page-title .share-box .share-icons ul {
            display: flex;
        }

            .section-sub-page-title .share-box .share-icons ul li {
                margin-right: var(--size-5);
            }

    .section-sub-page-title .share-box a.back-to-news {
        display: flex;
        align-items: center;
        color: var(--secondary);
        font-weight: 400;
    }

        .section-sub-page-title .share-box a.back-to-news span {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background-size: 32px;
            background-image: url(../img/news-arrow-right-secondary.svg);
            margin-right: var(--size-10);
        }

.section-subsidiaries-auth .sub-logo-container {
    /*   position: relative;
    top: 50%;
    transform: translateY(-50%);*/
    margin-top: var(--size-20);
}

    .section-subsidiaries-auth .sub-logo-container img.sub-logo {
        width: 100%;
        object-fit: contain;
        max-height: 200px;
    }

    .section-subsidiaries-auth .sub-logo-container h5.sub-logo-title {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: var(--size-10);
    }

.section-subsidiaries-auth {
    margin: var(--size-75) 0;
}

    .section-subsidiaries-auth h2 {
        color: var(--secondary);
        text-align: center;
        text-transform: uppercase;
        font-size: 38px;
        margin-bottom: var(--size-50);
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .section-subsidiaries-auth .border-bot {
        border-bottom: 1px solid var(--body);
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-wrapper {
        padding-bottom: var(--size-50);
        /*border-bottom: 1px solid var(--body);*/
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-slide {
        border-left: 1px solid var(--body);
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth svg {
        max-width: 85%;
        width: 100%;
        font-weight: bold;
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-action {
        display: none;
        flex-flow: row;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
        bottom: var(--size-30);
        z-index: 1;
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-button-prev,
    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-button-next {
        left: auto;
        right: auto;
        top: auto;
        position: relative;
        display: block;
        text-indent: -9999px;
        width: 42px;
        height: 42px;
        background-size: 42px;
        margin: 0 var(--size-25);
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-button-prev {
        background-image: url(../img/news-arrow-right-secondary.svg);
        transform: rotate(180deg);
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-button-next {
        background-image: url(../img/news-arrow-right-secondary.svg);
    }

    .section-subsidiaries-auth a.url {
        font-size: 18px;
        float: right;
        display: flex;
        align-items: center;
        margin-top: var(--size-10);
        color: var(--secondary);
        font-weight: 400;
    }

        .section-subsidiaries-auth a.url::after {
            content: '';
            margin-left: var(--size-20);
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background-size: 32px;
            background-image: url(../img/news-arrow-right-secondary.svg);
        }

.section-reports {
    padding: var(--size-60) var(--size-0);
    background-color: var(--gray);
    margin-top: var(--size-60);
}

    .section-reports .swiper-slide {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .section-reports .report-icon {
        max-width: 70%;
        margin-bottom: var(--size-30);
    }

    .section-reports .swiper-body {
        display: flex;
        justify-content: center;
        width: 100%;
    }

        .section-reports .swiper-body h3 {
            color: var(--secondary);
            text-transform: uppercase;
            font-weight: 400;
            margin-right: var(--size-15)
        }


        .section-reports .swiper-body a.show-all {
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background-size: 32px;
            background-image: url(../img/news-arrow-right-secondary.svg);
        }

.section-global-presence {
    background-color: var(--gray);
    padding-bottom: var(--size-50);
    /*    display   : flex;
    width           : 100%;
    justify-content : center;
    align-items     : center;*/
}

    .section-global-presence .country-info-modal {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.95);
        padding-top: 5rem;
        z-index: 1;
        display: none;
    }

        .section-global-presence .country-info-modal .close-modal {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            font-size: 18px;
            font-weight: 300;
            text-transform: uppercase;
            cursor: pointer;
        }

            .section-global-presence .country-info-modal .close-modal span {
                margin-right: var(--size-10);
                font-weight: 500;
                font-size: 26px;
            }

            .section-global-presence .country-info-modal .close-modal:hover {
                color: var(--primary);
            }

        .section-global-presence .country-info-modal h2 {
            font-weight: 300;
            text-align: left;
            margin-bottom: var(--size-10);
            padding-top: 0;
        }

        .section-global-presence .country-info-modal p {
            font-size: 18px;
            line-height: 32px;
        }

        .section-global-presence .country-info-modal ul li {
            margin-bottom: var(--size-10);
        }

            .section-global-presence .country-info-modal ul li a {
                font-size: 20px;
                font-weight: 300;
                text-transform: capitalize;
                color: var(--black);
            }

                .section-global-presence .country-info-modal ul li a:hover {
                    color: var(--primary);
                    padding-left: var(--size-10);
                }

    .section-global-presence h2,
    .section-global-presence p.hint {
        color: var(--secondary);
        text-align: center;
    }

    .section-global-presence h2 {
        text-transform: capitalize;
        text-align: center;
        padding: var(--size-50) var(--size-0) var(--size-0)
    }

    .section-global-presence p.hint {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: var(--size-50);
    }

    .section-global-presence .container-global-map {
        padding: var(--size-50) var(--secondary);
    }

.section-continent {
    padding: var(--size-25) 0;
}

    .section-continent .items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-rows: 1fr;
        gap: 10px;
    }

        .section-continent .items .item {
            display: flex;
            flex-flow: column;
            gap: 10px;
        }

            .section-continent .items .item .item-title {
                background-color: var(--secondary);
                color: var(--white);
                padding: var(--size-10);
                font-weight: 300;
                text-transform: uppercase;
            }

                .section-continent .items .item .item-title h4 {
                    color: var(--white);
                    text-transform: capitalize;
                    font-weight: 400;
                    margin-bottom: 2px;
                }

            .section-continent .items .item .item-body {
                background-color: var(--gray);
                padding: var(--size-10) var(--size-10) var(--size-25);
                height: 74%;
            }

                .section-continent .items .item .item-body ul {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: var(--size-5);
                }

                    .section-continent .items .item .item-body ul li a {
                        color: var(--secondary);
                        font-weight: 500;
                        font-size: 15px;
                        text-transform: capitalize;
                    }

                        .section-continent .items .item .item-body ul li a:hover {
                            color: var(--primary);
                        }

.section-commissions-fees h2.inner-page-title {
    border-bottom: 2px solid var(--secondary);
    color: var(--secondary);
    text-transform: capitalize;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: var(--size-5);
    padding: var(--size-0) var(--size-10) var(--size-10);
    font-size: 40px;
}

.section-commissions-fees .commissions-fees-con {
    background-color: var(--footer);
    padding: var(--size-50) var(--size-0);
}

    .section-commissions-fees .commissions-fees-con label {
        color: var(--primary);
        margin-bottom: var(--size-10);
        font-weight: 500;
    }

    .section-commissions-fees .commissions-fees-con .form-control,
    .section-commissions-fees .commissions-fees-con .form-control:focus,
    .section-commissions-fees .commissions-fees-con .form-select,
    .section-commissions-fees .commissions-fees-con .form-select:focus {
        color: var(--body);
    }

    .section-commissions-fees .commissions-fees-con label.table-title {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 20px;
        font-weight: 400;
    }

    .section-commissions-fees .commissions-fees-con div.table-responsive {
        border: 1px solid var(--primary);
        border-radius: 10px;
        background-color: var(--white);
        padding: var(--size-10) var(--size-20);
    }

    .section-commissions-fees .commissions-fees-con .table {
        color: var(--primary);
    }

        .section-commissions-fees .commissions-fees-con .table thead tr {
            border-bottom: 1px solid;
        }

        .section-commissions-fees .commissions-fees-con .table tbody tr td {
            font-weight: 400;
        }

        .section-commissions-fees .commissions-fees-con .table tbody tr:first-child td {
            padding-top: var(--size-20);
        }

.inner-page-def-text {
    font-size: 18px;
    font-weight: 300;
}

    .inner-page-def-text ol li {
        list-style-type: decimal;
        margin-bottom: var(--size-10);
    }
        .inner-page-def-text ol li ul li {
            margin: 0 20px;
            list-style-type: initial;
            margin-bottom: var(--size-10);
        }

.image-full-width {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .image-full-width::after {
        content: '';
        display: inline-block;
        padding-top: 25%;
    }



.loading {
    background-color: rgb(2, 89, 120, .99);
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0;
    top: 0;
    z-index: 100;
    /*  display     : none*/
}

.loading-center {
    width: 100%;
    height: 100%;
    position: relative
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@keyframes load {
    0% {
        opacity: .08;
        filter: blur(5px);
        letter-spacing: 3px
    }
}

.animate {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: auto;
    animation: load 1.2s infinite 0s ease-in-out;
    animation-direction: alternate;
    text-shadow: 0 0 1px var(--secondary);
    color: var(--white)
}

.pagination-black {
}

    .pagination-black .pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: max-content;
    }

        .pagination-black .pager .n-page-link {
            color: var(--body);
            font-weight: 500;
            font-size: 14px;
            padding: var(--size-5) var(--size-10);
            border: 1px solid var(--white);
            border-radius: var(--size-5);
        }

            .pagination-black .pager a.n-page-link:hover,
            .pagination-black .pager .n-page-link.active {
                border: 1px solid var(--secondary);
            }

        .pagination-black .pager .page-link-caret-left,
        .pagination-black .pager .page-link-caret-right {
            font-family: bootstrap-icons !important;
        }

            .pagination-black .pager .page-link-caret-left::after {
                content: "\f230";
            }

            .pagination-black .pager .page-link-caret-right::after {
                content: "\f234";
            }

.vidWrapper {
    max-width: var(--center-box-920);
    margin: 0 auto;
    width: 100%
}

.section-video2 {
    /*   position: relative;*/
}

    .section-video2 .play-video2 {
        display: flex;
        border: 1px solid var(--primary);
        padding: var(--size-60);
        max-width: var(--center-box-920);
        margin: 0 auto;
    }

        .section-video2 .play-video2:before {
            color: var(--primary);
            height: 60px;
            width: 80px;
            content: "\201C";
            font-family: sans-serif;
            font-size: 250px;
            margin-top: -85px;
            margin-left: -120px;
        }

        .section-video2 .play-video2 .video2-details {
            padding-right: var(--size-25);
            margin-left: var(--size-40);
        }

            .section-video2 .play-video2 .video2-details article {
            }

                .section-video2 .play-video2 .video2-details article h2 {
                    font-size: 16px;
                    margin-bottom: var(--size-5);
                    color: #010101;
                }

                .section-video2 .play-video2 .video2-details article p {
                    font-weight: 300;
                    font-size: 26px;
                    color: #2e2e2e;
                    line-height: 32px;
                    margin-bottom: var(--size-50);
                }

                .section-video2 .play-video2 .video2-details article div {
                    font-weight: 300;
                    color: #010101;
                }

        .section-video2 .play-video2 .video2 {
            display: flex;
            flex-flow: column;
            margin-right: -80px;
            align-items: center;
        }

            .section-video2 .play-video2 .video2 img {
                width: 100%;
                margin-bottom: var(--size-20);
            }

            .section-video2 .play-video2 .video2 a.watch-video {
                border-bottom: 4px solid;
                color: var(--primary);
                font-weight: 500;
                font-size: 18px;
                padding-right: 60px;
                width: fit-content;
            }

                .section-video2 .play-video2 .video2 a.watch-video:hover {
                    color: var(--body);
                }

            .section-video2 .play-video2 .video2 a.learn-more {
                border-bottom: 4px solid;
                color: var(--primary);
                font-weight: 500;
                font-size: 18px;
                padding-right: var(--size-10);
                padding-left: var(--size-10);
                width: fit-content;
            }

                .section-video2 .play-video2 .video2 a.learn-more:hover {
                    color: var(--body);
                }

.inner-title-style {
    color: var(--secondary);
    border-bottom: 2px solid;
    padding-bottom: var(--size-5);
    margin-bottom: var(--size-20);
    font-size: 42px;
    display: inline-block;
    padding-right: var(--size-25);
    font-weight: 400;
    text-transform: capitalize;
}

.inner-title-style-2 {
    color: var(--secondary);
    font-size: var(--size-25);
    font-weight: 500;
}

.inner-text-style-p {
    color: #010101;
    font-size: 22px;
}

.inner-ol-hint {
    color: #010101;
    font-size: 22px;
    margin-bottom: var(--size-10);
}

.inner-ol {
}

    .inner-ol li strong {
        color: var(--black);
        display: block;
        font-weight: bold;
    }

.inner-text-under-ol {
    color: var(--secondary);
    font-size: 22px;
}

section.section-contact-title {
    background-color: var(--secondary);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: var(--size-50) var(--size-0) var(--size-20);
}

    section.section-contact-title h1 {
        color: var(--white);
        font-weight: 400;
        border-bottom: 2px solid;
        text-transform: uppercase;
        padding: var(--size-0) var(--size-5);
        margin: var(--size-0) auto var(--size-35);
        width: fit-content;
    }

        section.section-contact-title h1.album-title {
            color: var(--white);
            padding: var(--size-0);
            margin: var(--size-0) var(--size-0) var(--size-35);
            font-size: 36px;
        }

    section.section-contact-title ul.breadcrumbs {
        margin-right: auto;
        display: flex;
        color: #b1b1b1;
        flex-flow: wrap;
    }

        section.section-contact-title ul.breadcrumbs li {
            margin-right: var(--size-5);
            padding-right: var(--size-5);
            border-right: 1px solid;
            line-height: 10px;
            margin-bottom: var(--size-5)
        }

            section.section-contact-title ul.breadcrumbs li:last-child {
                border-width: 0;
            }

            section.section-contact-title ul.breadcrumbs li a {
                text-transform: uppercase;
                color: #b1b1b1;
                font-weight: 400;
                font-size: 12px;
            }

            section.section-contact-title ul.breadcrumbs li:last-child a {
                color: var(--white);
            }

            section.section-contact-title ul.breadcrumbs li a:hover {
                color: var(--white);
            }

.section-addresses h2 {
    color: var(--secondary);
    font-weight: 400;
    border-bottom: 1px solid var(--body);
    padding-bottom: var(--size-20);
    margin-bottom: var(--size-25);
    width: max-content;
}

.address-info {
    display: flex;
    justify-content: space-between;
}

    .address-info ul.social-media {
        display: flex;
        gap: var(--size-20);
    }

.complaints-info .info {
    color: var(--black);
    font-weight: 400;
    font-size: 18px;
}

    .complaints-info .info p {
        margin-bottom: var(--size-15);
    }

        .complaints-info .info p span {
            margin: var(--size-0) var(--size-5)
        }

.address-info .info {
    color: var(--secondary);
    font-weight: 400;
    font-size: 18px;
}

    .address-info .info p {
        margin-bottom: var(--size-15);
    }

        .address-info .info p span {
            margin: var(--size-0) var(--size-5)
        }

        .address-info .info p:last-child {
            margin-bottom: var(--size-0);
        }

.section-contact-form {
    background-color: var(--gray);
}

    .section-contact-form label.form-label {
        font-size: 16px;
        color: var(--primary);
        font-weight: 400;
    }

    .section-contact-form .form-control::placeholder {
        color: #c1c1c1;
    }

    .section-contact-form .form-control {
        border: 1px solid var(--secondary);
    }

    .section-contact-form .btn-send {
        background-color: var(--secondary);
        color: var(--white);
        font-weight: 300;
        font-size: 16px;
        border-radius: var(--size-10);
        display: flex;
        float: left;
        width: 180px;
        align-items: center;
        justify-content: center;
        padding: var(--size-10);
        border: 1px solid var(--secondary)
    }

        .section-contact-form .btn-send:hover {
            background-color: var(--white);
            color: var(--secondary);
        }

section.section-map {
    display: flex;
}

.section-map iframe {
    width: 100%;
}

.section-annual {
    background-color: var(--gray);
    padding: var(--size-50) var(--size-0);
}

    .section-annual .swiper-slide {
        border-radius: 20px;
        border: 1px solid var(--primary);
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background-color: var(--white)
    }

        .section-annual .swiper-slide a {
            display: block;
            width: 100%;
            color: var(--primary);
            margin-bottom: 20px;
            transition: all 0.2s
        }

            .section-annual .swiper-slide a.arrow {
                display: flex;
                flex-flow: column;
                text-transform: uppercase;
                font-size: 22px;
                font-weight: 400;
                text-align: center;
            }

        .section-annual .swiper-slide h2 {
            width: 100%
        }

        .section-annual .swiper-slide a.arrow:hover {
            color: var(--secondary);
        }

        .section-annual .swiper-slide a.arrow:after {
            content: '';
            display: block;
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            background: url(../img/news-arrow-right.svg);
            background-size: 32px;
            margin: 20px auto 0;
        }

        .section-annual .swiper-slide a.arrow:hover:after {
            background: url(../img/news-arrow-right-secondary.svg);
        }

        .section-annual .swiper-slide a img {
            width: 100%;
            object-fit: cover;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin-bottom: 20px;
        }

        .section-annual .swiper-slide a:hover img {
            transform: scale(0.95);
            transition: all 0.2s
        }

    .section-annual .swiper-button-prev, .section-annual .swiper-button-next {
        color: var(--primary)
    }

.annual-swiper-buttons {
    position: absolute;
    top: 0;
    height: var(--swiper-navigation-size);
    width: 100%;
}

.section-annual .swiper-button-prev,
.section-annual .swiper-button-next {
    background-color: var(--primary);
    padding: var(--size-0) var(--size-20);
    color: var(--white);
    border-radius: 10px;
}

    .section-annual .swiper-button-prev:hover,
    .section-annual .swiper-button-next:hover {
        background-color: var(--secondary);
    }

.section-annual .swiper-button-prev {
    left: auto;
    right: 42px;
}

.section-annual .swiper-button-next {
    right: 0;
    left: auto;
}
/*
section.section-annual .details {
    position: relative;
}

section.section-annual .report-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: var(--size-15) var(--size-20);
    background-color: var(--primary);
    display: flex;
    align-items: center;
}

    section.section-annual .report-title h2 {
        color: var(--white);
        text-align: center;
        font-weight: 300;
        font-size: 28px;
        text-transform: uppercase;
        margin: var(--size-0);
    }

    section.section-annual .report-title .see-more {
        display: block;
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        background: url(../img/news-arrow-right-white.svg);
        background-size: 32px;
        margin-left: auto;
    }*/
.mobile-search,
.panel-mobile-search {
    display: none;
}

.section-image-gallery {
}

    .section-image-gallery .container-md {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: var(--size-50);
    }

    .section-image-gallery .section-title {
        text-align: center;
        font-weight: 400;
        color: var(--secondary);
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        margin-bottom: var(--size-50);
    }

        .section-image-gallery .section-title h2 {
            color: var(--secondary);
            font-weight: 400;
            border-bottom: 2px solid;
            text-transform: uppercase;
            padding: var(--size-0) var(--size-5) var(--size-10);
            margin-bottom: var(--size-10);
        }

    .section-image-gallery a.a-explore {
        display: flex;
        flex-flow: row-reverse;
        color: var(--secondary);
        align-items: center;
        justify-content: center;
        width: max-content;
        padding: var(--size-0) var(--size-5);
        margin: var(--size-50) auto 0;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 400;
    }

        .section-image-gallery a.a-explore:before {
            content: '';
            display: block;
            text-indent: -9999px;
            width: 28px;
            height: 28px;
            background-image: url(../img/news-arrow-right-secondary.svg);
            background-size: 28px;
            background-repeat: no-repeat;
            background-position: right;
            margin-left: var(--size-10)
        }

    .section-image-gallery .items {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        gap: 50px;
    }

        .section-image-gallery .items.photos-gallery {
            gap: 25px;
        }

        .section-image-gallery .items.publications {
            flex-flow: column;
        }

    .section-image-gallery.videos-gallery .items .item {
        width: 100%;
        max-width: 100%;
    }

    .section-image-gallery .items .item {
        width: 30%;
        max-width: 33.333%;
        text-align: center;
        flex-grow: 3;
        flex-shrink: 0;
        display: flex;
        flex-flow: column;
        color: var(--body)
    }

        .section-image-gallery .items .item:hover img {
            /*          -moz-box-shadow: 0 0 10px #ccc;
            -webkit-box-shadow: 0 0 10px #ccc;
            box-shadow: 0 0 10px #ccc;*/
        }

        .section-image-gallery .items .item:hover h5 {
            color: var(--black)
        }

    .section-image-gallery .items.publications .item {
        width: 100%;
        max-width: 100%;
        align-items: center;
        text-align: left;
        flex-flow: row;
        justify-content: space-between;
        border-bottom: 1px solid;
        padding-bottom: 20px;
    }

        .section-image-gallery .items.publications .item:last-child {
            border-bottom: 0px solid;
        }

    .section-image-gallery .items.publications .item-details {
        margin-right: var(--size-50);
    }

    .section-image-gallery .items.publications .item .item-date {
        text-transform: uppercase;
        color: var(--secondary);
        margin-bottom: 4px;
        font-weight: 400;
        font-size: 22px
    }

    .section-image-gallery .items.publications .item .item-title {
        text-transform: uppercase;
        margin-bottom: 0;
        color: var(--secondary);
        font-weight: 600;
        font-size: var(--size-25);
    }

    .section-image-gallery .items.publications .item p {
        font-size: 15px;
        font-weight: 400;
        color: var(--secondary);
        line-height: var(--size-20);
    }

    .section-image-gallery .items.publications .pull-left.mr-sm-1 {
        margin-left: auto
    }

    .section-image-gallery .items.publications .item a.item-action {
        display: block;
        text-indent: -9999px;
        width: 250px;
        height: 50px;
        background-image: url(../img/download.svg);
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: right;
        margin: 0 40px;
        cursor: pointer
    }

        .section-image-gallery .items.publications .item a.item-action:hover {
            background-image: url(../img/download-gray.svg);
        }

    .section-image-gallery .items.photos-gallery .item:nth-child(5n - 11), .section-image-gallery .items.photos-gallery .item:nth-child(5n - 10) {
        min-width: 34%;
    }

    .section-image-gallery.videos-gallery .items .item .video-info {
        position: relative;
    }

    .section-image-gallery.videos-gallery .items .item svg {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        color: var(--white);
        border-radius: 50%;
        top: 25%;
        left: 50%;
        transform: translate(-50%);
        padding: 12px;
        cursor: pointer;
    }

    .section-image-gallery .items.photos-gallery .item img,
    .section-image-gallery.videos-gallery .items .item img {
        max-height: 320px;
    }

    .section-image-gallery .items .item img {
        border-radius: var(--size-0);
        object-fit: cover;
        object-position: center center;
    }

        .section-image-gallery .items .item img.insights-img {
            width: 168px;
            height: 168px;
        }

    .section-image-gallery .items .item a.read-more {
        font-weight: 500;
        margin-top: var(--size-15);
        color: var(--primary);
        display: flex;
        justify-content: center;
        align-items: center
    }

        .section-image-gallery .items .item a.read-more:after {
            content: '';
            display: block;
            text-indent: -9999px;
            width: 22px;
            height: 22px;
            background-image: url(../img/news-arrow-right.svg);
            background-size: 22px;
            background-repeat: no-repeat;
            background-position: right;
            margin-left: var(--size-10);
        }

    .section-image-gallery .items .item .card-body {
        display: flex;
        flex-flow: column;
    }

    .section-image-gallery .items .item .card-title {
        color: var(--secondary);
        text-align: left;
        font-size: 26px;
        font-weight: 400;
        line-height: 36px;
    }

    .section-image-gallery .items .item .card-text {
        padding: var(--size-20) var(--size-0) var(--size-10);
        text-align: left;
        font-weight: 300;
    }

    .section-image-gallery .items .item .view-more {
        font-weight: 400;
        border-bottom: 1px solid;
        margin-top: auto;
        margin-bottom: var(--size-20);
        text-align: left;
    }

        .section-image-gallery .items .item .view-more:hover {
            color: var(--secondary);
        }

.container-md .publication-date {
    margin-bottom: var(--size-10);
    font-weight: 400;
    color: var(--body);
}

    .container-md .publication-date.last {
        margin-bottom: var(--size-25);
    }

    .container-md .publication-date span {
        font-weight: 500;
    }

.RadUpload .ruStyled .ruFileInput {
    cursor: pointer
}

.RadUpload .ruSelectWrap {
    display: block !important;
}

.RadUpload .ruFileWrap.ruStyled {
    display: block !important;
}

.RadUpload .ruFileWrap.ruStyled {
}

.RadUpload_Vista .ruSelectWrap .ruFakeInput {
    width: 100%;
    height: inherit;
    border: 0;
}

.RadUpload_Vista .ruSelectWrap .ruButton {
    position: relative;
    top: 0px;
    left: -75px;
    border: 0;
    background: #fff !important;
}

.RadUpload .ruFileLI, .ruSelectWrap {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--secondary);
    border-radius: 5px;
    padding: 0.35rem 0.75rem;
}

.ruSelectWrap {
    padding: 0.25rem 0.75rem;
}

.RadUpload .ruFileLI .ruButton {
    margin-left: auto !important
}

.swal2-styled.swal2-confirm {
    background-color: var(--secondary) !important
}

.section-faqs {
}

    .section-faqs .items {
        display: flex;
        flex-flow: column;
    }

        .section-faqs .items details.item {
            margin-bottom: var(--size-25);
            border-bottom: 2px solid var(--footer);
            padding-bottom: var(--size-10);
        }

            .section-faqs .items details.item:last-child {
                border-bottom: 0
            }

            .section-faqs .items details.item summary {
                font-size: 20px;
                color: var(--primary);
                font-weight: 400;
            }

                .section-faqs .items details.item summary::marker {
                    color: var(--secondary);
                }

            .section-faqs .items details.item p {
                color: var(--black);
                font-weight: 300;
                font-size: 18px;
                margin-top: var(--size-5);
            }

.swiper-main-slider .swiper-buttons .swiper-slider-count {
    display: none
}

.swiper-reports .swiper-button-prev,
.swiper-reports .swiper-button-next {
    color: var(--primary)
}

    .swiper-reports .swiper-button-next:after,
    .swiper-reports .swiper-button-prev:after {
        font-size: 40px;
    }

.swiper-main-slider .swiper-button-next:after,
.swiper-main-slider .swiper-button-prev:after {
    font-size: 40px;
}

.categories .swiper-button-prev,
.categories .swiper-button-next {
    background-color: rgba(2, 89, 120, 0.93);
    padding: var(--size-10);
    height: auto;
    width: auto;
}

    .categories .swiper-button-next:after,
    .categories .swiper-button-prev:after {
        /* font-size: 28px;*/
    }

.categories .swiper-button-prev {
    left: 0;
}

.categories .swiper-button-next {
    right: 0;
}

.subsidiaries-auth-bank-name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

    .subsidiaries-auth-bank-name::after, .subsidiaries-auth-bank-name::before {
        content: '"'
    }

.CustomValidatorContiner {
    position: relative
}

.CustomValidatorRequired {
    color: #000 !important;
    visibility: visible;
    background-color: #fff;
    padding: 8px;
    border: 1px solid #8e8e8e;
    position: absolute;
    float: left;
    z-index: 1;
    border-radius: 5px;
    min-width: 200px
}

.CustomValidatorWarning {
    background-color: #ffaf00;
    float: right;
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 22px;
    text-align: center;
    border-radius: 2px
}

.CustomValidatorWarningTriangle {
    -webkit-clip-path: polygon(50% 0,0 105%,100% 105%);
    clip-path: polygon(50% 0,0 105%,100% 105%);
    width: 16px;
    height: 9px;
    background-color: #000;
    position: absolute;
    z-index: 2;
    top: -7px;
    left: 7px;
}

    .CustomValidatorWarningTriangle p {
        -webkit-clip-path: polygon(50% 0,0 105%,100% 105%);
        clip-path: polygon(50% 0,0 105%,100% 105%);
        width: 16px;
        height: 9px;
        background-color: #fff;
        right: 0
    }

.RequiredFieldValidator {
    display: none
}

.RequiredFieldValidatorRequired.left-msg {
    left: 1.3%;
}

.RequiredFieldValidatorRequired {
    color: #000 !important;
    visibility: visible;
    background-color: #fff;
    padding: 8px;
    border: 1px solid #8e8e8e;
    position: absolute;
    left: auto;
    float: left;
    z-index: 10;
    border-radius: 5px;
    max-width: 80%
}

    .RequiredFieldValidatorRequired .Triangle {
        -webkit-clip-path: polygon(50% 0,0 105%,100% 105%);
        clip-path: polygon(50% 0,0 105%,100% 105%);
        width: 16px;
        height: 9px;
        background-color: #000;
        position: absolute;
        left: 5px;
        z-index: 2;
        top: -9px
    }

        .RequiredFieldValidatorRequired .Triangle p {
            -webkit-clip-path: polygon(50% 0,0 105%,100% 105%);
            clip-path: polygon(50% 0,0 105%,100% 105%);
            width: 16px;
            height: 9px;
            background-color: #fff;
            left: 0
        }

.RequiredFieldValidatorRequired_FreeTextBox {
    left: 1%;
}

.RequiredFieldValidatorRequired-fileuploader {
    background-color: transparent;
    border: none
}

.pointer-events-none {
    cursor: not-allowed;
}

    .pointer-events-none a {
        pointer-events: none;
    }

.section-404 {
    border-top: 2px solid var(--gray);
}

    .section-404 h1 {
        color: var(--body);
        font-size: 200px;
        font-weight: bold;
        letter-spacing: 20px;
        text-align: center;
        margin-bottom: 0;
    }

    .section-404 h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--black)
    }

        .section-404 h2 span {
            width: 40px;
            height: 2px;
            background-color: var(--body);
            margin: 0 15px;
        }

div.item.card-more {
    outline-offset: -10px;
    cursor: pointer;
}

.section-categories-media-center .inner-page-hint.font-large {
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    margin-top: var(--size-30);
    text-align: center;
    color: var(--secondary);
}

.swiper-services {
    background-size: cover;
    background-position: center;
    width: 100%;
    -moz-box-shadow: 30px 30px 280px 130px #23373e inset;
    -webkit-box-shadow: 30px 30px 280px 130px #23373e inset;
    box-shadow: 30px 30px 280px 130px #23373e inset;
    transition: all .6s
}

.services-box::after {
    content: '';
    display: table;
    padding-top: 89%
}

.swiper-services:hover {
    transition: all .6s
}

.swiper-services .swiper-slide {
    display: flex;
}

.services-box {
    color: #aaa;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border-right: 1px solid rgba(250,250,250,.1);
    transition: all .6s;
    cursor: pointer;
}

    .services-box::after {
        content: '';
        display: table;
        padding-top: 89%
    }

    .services-box:hover {
        background-color: rgba(0,0,0,.6);
        transition: all .6s;
        color: #aaa
    }

    .services-box img {
        display: none;
    }

.swiper-services .swiper-Services-description {
    float: left;
    position: absolute;
    bottom: 0;
    margin: 10px 20px;
    width: calc(100% - 40px);
    min-height: 140px;
    display: flex;
    flex-flow: column;
}

    .swiper-services .swiper-Services-description div:first-child {
        border-left: 4px solid var(--white);
        padding-left: 10px;
        margin-bottom: 10px
    }

    .swiper-services .swiper-Services-description h4 {
        color: #fff;
        font-size: 30px;
        text-transform: uppercase;
        line-height: 24px;
    }

    .swiper-services .swiper-Services-description p {
        font-size: 14px;
        color: #fff;
        margin-bottom: 0
    }

.swiper-services .swiper-services-read-more {
    font-size: 16px;
    text-decoration: none;
    color: var(--white);
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    margin-left: auto;
}

    .swiper-services .swiper-services-read-more span {
        display: block;
        text-indent: -9999px;
        width: 28px;
        height: 28px;
        background: url(../img/news-arrow-right-white.svg);
        background-size: 28px;
    }



.icon-search-close {
    position: absolute;
    left: 10px;
    top: 6px;
    padding: 2px;
    border-radius: 25px;
    text-align: center;
    color: #025978 !important;
    width: 15px
}

    .icon-search-close .bi-x-circle-fill {
        font-size: 10px;
        color: #025978 !important;
    }

    .icon-search-close:hover {
        cursor: pointer
    }

.section-annual .swiper-slide .arrow {
    display: flex;
    flex-flow: column;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

    .section-annual .swiper-slide .arrow:after {
        content: '';
        display: block;
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        background: url(../img/news-arrow-right.svg);
        background-size: 32px;
        margin: 20px auto 0;
    }


.section-annual .swiper-slide img {
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 20px;
}

.section-annual .swiper-slide .nolink {
    display: block;
    width: 100%;
    color: var(--primary);
    margin-bottom: 20px;
    transition: all 0.2s;
}

/* end desktop styles */

/* large tablets & laptop styles */
@media screen and (max-width: 1280px) {
    .div-skew {
        width: 100%;
        background-color: rgb(27, 117, 188, 0.85);
    }

    .swiper.news .swiper-wrapper.swiper-wrapper-center {
        justify-content: initial;
    }

    .section-banner-full-width-sm::after {
        padding-top: 22%;
    }

    section.section-header-inner-page.page-info-in-header .subsidiaries h1.title {
        font-size: 36px;
        padding-bottom: var(--size-5);
        margin-bottom: var(--size-10);
        line-height: 42px
    }
}

@media screen and (max-width: 1024px) {
    .main-nav.mt-2 {
        margin-top: 0 !important;
        display: block;
    }

    .top-menu {
        display: none;
    }

    .main-menu-btn {
        top: 15px;
    }

    #main-menu-state:checked ~ .container-menu #main-menu {
        flex-flow: column;
    }

    .swiper-main-slider {
        height: 60vh;
    }

    /* hide the menu in mobile view */

    #main-menu-state:not(:checked) ~ .container-menu #main-menu {
        display: none;
    }

    #main-menu-state:checked ~ .container-menu #main-menu {
        display: flex;
        flex-flow: column;
    }


    /* Mobile menu top separator */
    #main-menu, #main-menu > .has-mega-menu {
        flex-flow: column;
    }

        #main-menu:before {
            content: '';
            display: block;
            height: 1px;
            font: 1px/1px sans-serif;
            overflow: hidden;
            background: #4b4a73;
        }

    .sm-blue > li:last-child {
        margin-left: inherit
    }

        .sm-blue > li:last-child a {
            font-size: 18px;
            padding-left: inherit;
            padding: 10px 20px;
            padding-right: 58px;
        }

    .nav-brand {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        margin-bottom: var(--size-10)
    }

        .nav-brand a .logo {
            width: 230px;
        }

    .mobile-search {
        display: block;
        float: right;
        position: relative;
    }

        .mobile-search .icon-mobile-search {
            display: block;
            position: relative;
            top: 20px;
        }

    .panel-mobile-search.flex-search {
        display: flex;
        justify-content: space-between;
        margin: var(--size-20) var(--size-0) var(--size-20)
    }

    .panel-mobile-search {
        display: none;
        width: 100%;
    }

        .panel-mobile-search input[type="text"] {
            width: calc(100% - 40px);
            padding: 5px 10px;
            border: 1px solid var(--secondary);
            border-radius: 10px;
            outline: none;
            margin-right: var(--size-10)
        }

        .panel-mobile-search input[type="submit"] {
            width: 40px;
            height: 40px;
            margin: 0;
            padding: 0;
            margin-left: 0;
            outline: none;
            cursor: pointer;
            background-image: url(../img/search-blue.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            border: 1px solid transparent;
            background-color: transparent;
        }

    .mega-menu-left {
        background-color: var(--white);
        padding: var(--size-5) var(--size-0) var(--size-5) var(--size-15);
    }

        .mega-menu-left h4 {
            color: var(--secondary) !important;
        }

            .mega-menu-left h4 a {
                color: var(--secondary) !important;
            }

                .mega-menu-left h4 a:hover {
                    background-color: rgba(2, 89, 120, 0.8) !important;
                    color: var(--white) !important;
                }

        .mega-menu-left ul li a {
            color: var(--secondary) !important
        }

            .mega-menu-left ul li a:hover,
            .mega-menu-left ul li a.active-tab {
                background-color: rgba(0, 0, 0, 0.1) !important;
            }

    .mega-menu-right {
        display: none;
    }

    .section-video2 .play-video2 {
        flex-flow: column;
        padding: var(--size-40);
    }

        .section-video2 .play-video2 .video2 {
            margin-right: 0;
            margin-bottom: -92px;
            margin-top: var(--size-15);
        }

            .section-video2 .play-video2 .video2 img {
                width: 50%;
            }

        .section-video2 .play-video2 .video2-details {
            padding-right: var(--size-0);
            margin-left: var(--size-0)
        }

        .section-video2 .play-video2:before {
            height: 150px;
            width: 60px;
            font-size: 190px;
            margin-top: -132px;
            margin-left: -6px;
        }

        .section-video2 .play-video2 .video2-details article p {
            font-size: 22px;
            margin-bottom: var(--size-30);
        }

        .section-video2 .play-video2 .video2-details article div {
            font-size: 16px;
        }

    .section-video2 {
        margin-bottom: 100px;
    }

    .section-our-subsidiaries .section-head {
        position: initial;
    }

    .section-our-subsidiaries::after {
        padding-top: 0;
    }

    .section-banner-full-width-lg {
        background-position: 0;
    }

        .section-banner-full-width-lg::after {
            padding-top: 0;
        }

        .section-banner-full-width-lg .banner-data {
            position: initial;
            padding: var(--size-50) var(--size-0);
        }

    .section-video .what-we-do-viedo .container-border svg {
        top: 25%;
    }

    .section-video .what-we-do-viedo .message.new-d {
        background-color: rgba(2, 89, 120, 1);
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        transform: initial;
        max-width: initial
    }

    .sm-blue > li:last-child .arrow-lang {
        display: none;
    }

    .section-horizon .horizon-details {
        position: initial;
        padding: 20px 0;
    }

    .section-horizon p.hint {
        font-size: 26px
    }

    .section-our-subsidiaries {
        background-attachment: initial;
    }

    .swiper-services {
        background-image: initial !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .services-box::after {
        padding: 0;
    }

    .services-box img {
        display: initial;
        width: 100%;
        height: 280px;
        object-fit: cover;
    }

    .swiper-services .swiper-Services-description {
        margin: 0;
        width: 100%;
    }

    .swiper-services .swiper-services-read-more {
        margin-top: initial;
    }

    .swiper-services .swiper-button-next, .swiper-services .swiper-button-prev {
        display: initial
    }

    .swiper-Services-description {
        padding: 15px;
        margin: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 25px -100px 120px -10px #000;
        -moz-box-shadow: inset 25px -100px 120px -10px #000;
        -webkit-box-shadow: inset 25px -100px 120px -10px #000;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-end
    }

    .swiper-services .swiper-button-next, .swiper-services .swiper-button-prev {
        position: absolute;
        top: initial;
        bottom: 10px;
        width: 28px;
        height: 28px;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        border: 2px solid #fff;
        border-radius: 25px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary)
    }

    .swiper-services .swiper-button-next, .swiper-services .swiper-container-rtl .swiper-button-prev {
        background-image: none;
        right: 10px;
        left: auto;
        top: 8px
    }

        .swiper-services .swiper-button-next.full-width {
            right: 20px
        }

    .swiper-services .swiper-button-prev, .swiper-services .swiper-container-rtl .swiper-button-next {
        background-image: none;
        left: auto;
        right: 50px;
        top: 8px
    }

        .swiper-services .swiper-button-prev.full-width {
            right: 70px
        }

        .swiper-services .swiper-button-next:after, .swiper-services .swiper-button-prev:after, .swiper-services .swiper-rtl .swiper-button-next:after, .swiper-services .swiper-rtl .swiper-button-prev:after {
            font-size: 14px;
            font-weight: 700
        }

    a.swiper-services-read-more {
        color: #00a4e4
    }
}

@media screen and (max-width: 960px) {
    .desktop {
        display: none !important;
    }

    .section-skew-banner {
        background-attachment: initial;
    }

    .section-what-we-do .container-what-we-do {
        margin: 0 auto var(--size-75);
    }

    .section-what-we-do .what-we-do-title {
        flex-flow: column;
        align-items: start
    }

    .section-what-we-do h2 {
        padding-right: 0;
        border-right: 0;
    }

    .section-what-we-do p.hint {
        padding: var(--size-0)
    }

    .section-what-we-do .accordion-body {
        padding: var(--size-15)
    }

        .section-what-we-do .accordion-body ul li a {
            padding-bottom: var(--size-10);
            line-height: var(--size-60);
            color: var(--white)
        }

            .section-what-we-do .accordion-body ul li a:hover {
                color: #b7b7b7
            }


    .swiper-what-we-do {
        margin-top: var(--size-25);
    }


    .swiper-what-we-do {
        display: none;
    }

    .section-what-we-do .accordion-body {
        background-color: rgba(255,255,255,0.7);
        background-color: rgba(2, 89, 120, 0.80);
    }

    .section-what-we-do h2 {
        min-width: initial;
        width: 100%;
    }

    .div-skew {
        transform: skew(0);
        border: 0;
        margin: 0;
        background-color: rgb(27, 117, 188, 0.60);
    }

        .div-skew .details {
            transform: skew(0);
            max-width: none;
            padding: var(--size-50);
        }

    .section-horizon {
        background-position: 0%;
    }

        .section-horizon .horizon-details {
            position: initial;
            padding: var(--size-20) var(--size-0);
        }

        .section-horizon .details p.hint {
            display: block;
            max-width: initial;
            border-right: 0;
        }

        .section-horizon .details p {
            display: none;
        }

        .section-horizon h2 {
            margin-bottom: var(--size-10);
        }

    .select-location {
        flex-flow: column;
        gap: var(--size-15)
    }

    .footer-main-div {
        flex-flow: column-reverse;
        align-items: center;
    }

    footer .footer-logo {
        margin-bottom: var(--size-50);
    }

        footer .footer-logo .logo {
            margin-bottom: var(--size-50);
        }

        footer .footer-logo ul.footer-social-media {
            justify-content: space-between;
        }

    footer .footer-main-div ul.main-menu {
        grid-template-columns: 1fr;
        width: 100%;
    }

    footer .copyright {
        flex-flow: column;
        align-items: center;
    }

        footer .copyright ul {
            align-items: center;
        }

            footer .copyright ul li a {
                display: block;
                font-size: 12px;
                font-weight: 400;
                margin-bottom: var(--size-5);
                border-right: 1px solid;
            }

        footer .copyright p {
            font-size: 12px;
        }

    .section-board-of-directors .border-end {
        border-right: 0 !important
    }

        .section-board-of-directors .border-end .card.rounded-0.border-0,
        .section-board-of-directors .card-more .card.rounded-0.border-0 {
            display: flex;
            flex-flow: row;
        }

            .section-board-of-directors .border-end .card.rounded-0.border-0 img,
            .section-board-of-directors .card-more .card.rounded-0.border-0 img {
                width: 32%;
                object-fit: cover;
            }

            .section-board-of-directors .border-end .card.rounded-0.border-0 .card-body.mt-3,
            .section-board-of-directors .card-more .card.rounded-0.border-0 .card-body.mt-3 {
                margin-top: 0rem !important;
            }

    section.section-header-inner-page.page-info-in-header {
        min-height: 240px
    }

        section.section-header-inner-page.page-info-in-header .page-info {
            /* position: initial;*/
        }

        section.section-header-inner-page.page-info-in-header .subsidiaries {
            padding: var(--size-25) var(--size-0) var(--size-10);
        }

    section.section-header-inner-page::after {
        padding-top: 0;
        display: block;
    }

    .section-video {
        margin-bottom: var(--size-50);
    }

    .swiper-compliance .swiprer-action {
        height: var(--swiper-navigation-size);
        display: inline-flex;
        left: auto;
        right: 10px;
        bottom: -15px;
    }


    .section-banner-full-width-sm .banner-data {
        position: initial;
        padding: var(--size-35) 0;
    }

    .section-banner-full-width-sm::after {
        padding-top: 0;
    }

    .section-banner-full-width-sm .banner-data .banner-flex {
        flex-flow: column;
    }

    .section-banner-full-width-sm .banner-data div.details p.font-large,
    .section-banner-full-width-sm .banner-data div.details p.font-small {
        display: none;
    }

    .section-banner-full-width-sm .banner-data h2 {
        width: 100%
    }

    .section-banner-full-width-sm .banner-data div.details {
        padding: 0;
        margin-left: auto;
        border-left: 0;
    }

    .section-sub-page-title.subsidiaries .details {
        grid-template-columns: 100%
    }

    .section-connect-with-us .row-100 {
        gap: var(--siza-20);
        padding-top: var(--size-20)
    }

    .section-connect-with-us {
        background-image: none;
        background-color: var(--primary)
    }

        .section-connect-with-us .row-100 .col-30 {
            justify-content: normal;
        }

        .section-connect-with-us h2.title, .section-connect-with-us p, .section-connect-with-us a.learn-more {
            color: var(--white)
        }

    .section-banner-full-width-md::after {
        padding-top: 0;
    }

    .section-banner-full-width-md .banner-data {
        position: initial;
        padding: var(--size-20) var(--size-0)
    }

        .section-banner-full-width-md .banner-data h2.w-100 {
            width: auto !important;
            text-align: center;
            font-size: 32px;
        }

    .timeline ul li::before {
        display: none;
    }

    .section-continent .items {
        grid-template-columns: 1fr;
    }

    .section-header-inner-page.subsidiaries {
        height: 200px;
    }

    .section-sub-page-title.subsidiaries .details {
        padding-top: var(--size-20);
    }

        .section-sub-page-title.subsidiaries .details .left-text {
            padding-top: var(--size-15);
        }

    .image-full-width {
        height: 350px;
    }

    .section-sub-page-title.subsidiaries .details .left-text {
        border-bottom: 0;
    }

    .section-corporate-banking.new-d {
        background-image: none !important;
    }

        .section-corporate-banking.new-d .title {
            color: var(--secondary)
        }

        .section-corporate-banking.new-d p {
            color: var(--body);
        }

        .section-corporate-banking.new-d a.learn-more {
            color: var(--body);
        }

            .section-corporate-banking.new-d a.learn-more::before {
                background: url(../img/news-arrow-right-gray.svg)
            }

        .section-corporate-banking.new-d .corporate-grid ul.corporate-items {
            display: grid;
            grid-template-rows: auto auto;
            grid-auto-flow: column;
        }

            .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a {
                flex-flow: row;
                width: 100%
            }

                .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a img {
                    width: 140px;
                    object-fit: cover;
                }

                .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a p {
                    width: 100%;
                    text-align: left;
                    align-items: flex-start;
                }

                    .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a p::after {
                        margin-left: auto;
                    }

    .section-categories-media-center .items {
        flex-flow: wrap;
        gap: 20px
    }

        .section-categories-media-center .items .item {
            width: 48%;
        }

    .section-list a.item-action {
        width: 100px
    }

    .section-annual .swiper-wrapper {
        padding-top: var(--size-50);
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-action {
        display: flex;
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-wrapper {
        padding-bottom: var(--size-100);
    }
}

@media only screen and (max-width: 800px) {

    .swiper-main-slider .swiper-slide:after {
        opacity: .5;
        background-image: linear-gradient(to bottom,rgba(0,0,0,0) 35%,#000 60%);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }

    .swiper-main-slider .swiper-buttons {
        display: flex;
        position: relative;
        bottom: 11%;
        height: var(--swiper-navigation-size);
    }

        .swiper-main-slider .swiper-buttons div {
            border-right: 1px solid var(--gray)
        }

            .swiper-main-slider .swiper-buttons div:last-child {
                border-right: 0px
            }

    .swiper-main-slider .swiper-button-prev, .swiper-main-slider .swiper-button-next {
        color: var(--white);
        background-color: var(--secondary);
        padding: 20px;
    }

        .swiper-main-slider .swiper-button-prev:hover, .swiper-main-slider .swiper-button-next:hover {
            color: var(--secondary);
            background-color: var(--white);
        }

        .swiper-main-slider .swiper-button-next:after,
        .swiper-main-slider .swiper-button-prev:after {
            font-size: var(--size-25);
        }

    .swiper-main-slider .swiper-button-prev,
    .swiper-main-slider .swiper-rtl .swiper-button-next,
    .swiper-main-slider .swiper-button-next,
    .swiper-main-slider .swiper-rtl .swiper-button-prev {
        position: initial;
        margin: 0;
    }

    .swiper-main-slider .swiper-buttons .swiper-slider-count {
        color: #fff;
        background-color: var(--secondary);
        padding: 8px 12px;
        z-index: 1;
        font-size: 20px;
        font-weight: 300;
        display: block;
    }

    .slide-captions {
        top: initial;
        bottom: 8%;
        transform: translate(0%);
        left: 0;
        width: 100%;
    }

        .slide-captions .slide-bk {
            background-color: transparent;
        }

        .slide-captions .current-title {
            font-size: 34px;
            line-height: 16px;
            padding-bottom: var(--size-15);
        }

        .slide-captions .current-subtitle {
            line-height: 22px;
            margin: 6px 0 10px 0;
        }

        .slide-captions a.current-url {
            margin-left: auto;
        }

    .section-discover h1.title {
        padding-bottom: var(--size-20);
        font-size: 34px;
        font-weight: 500;
        line-height: 40px;
    }

    .div-skew .details {
        padding: var(--size-25);
    }


    .swiper.news .swiper-slide .card {
        flex-flow: row;
    }

    .swiper.news .swiper-slide img {
        width: 35%;
        height: 100%;
        min-height: initial;
    }

    .swiper.news .swiper-slide .card-body {
        justify-content: center;
    }

    .swiper.news .swiper-slide .card-title {
        border: 0;
        text-align: left;
        margin-bottom: var(--size-10);
    }

    .swiper.news .swiper-slide .card-text {
        text-align: left;
        width: 100%;
    }

    .section-our-subsidiaries .section-head .container-title {
        flex-flow: column;
    }

    .section-our-subsidiaries .section-head h2 {
        margin-right: 0;
        padding-right: var(--size-10);
        border-right: 0;
        border-bottom: 2px solid;
        margin-bottom: var(--size-15);
    }

    .swiper-compliance .swiper-slide .hint p {
        margin-top: var(--size-50);
    }

    section .section-header-inner-page.page-info-in-header .subsidiaries h1.title {
        font-size: 42px;
    }

    .swiper-compliance .swiper-slide h3.title {
        width: calc(100% - 250px);
        left: auto;
        right: 0;
        transform: initial;
        padding: var(--size-15);
    }

    .swiper-compliance .swiper-slide img {
        max-width: 250px;
    }

    .swiper-compliance .swiper-slide .hint {
        margin-bottom: 0;
        padding: var(--size-20);
    }

    .section-global-presence .country-info-modal, .country-info-modal.mt-5 {
        padding-top: 2.5rem;
    }

        .section-global-presence .country-info-modal p {
            border-bottom: 2px solid var(--secondary);
            padding-bottom: var(--size-10);
        }

    #countryBanks {
        margin-top: var(--size-25);
    }

    .section-sub-page-title .details {
        flex-flow: column;
    }

        .section-sub-page-title .details .left-text {
            border-bottom: 2px solid var(--primary);
            border-right: 0;
            padding: var(--size-15) var(--size-0);
            margin-bottom: var(--size-15);
        }

    .address-info {
        flex-flow: column;
        gap: 10px
    }

    .social-media {
        justify-content: flex-start;
        gap: 10px
    }

    .swiper-compliance .swiper-slide .hint a span {
        display: none
    }
}
/* end large tablets & laptop styles */

/* mobile styles */
@media screen and (max-width: 767px) {
    .news-swiper-buttons .swiper-counts {
        display: flex
    }

    .image-wrapper-white {
        /* margin-bottom: var(--size-20)*/
    }

    .section-subsidiaries-auth .swiper-subsidiaries-auth .swiper-slide {
        border-left: 0
    }

    section.section-page-title.center .inner-page-details h1.inner-page-title,
    section.section-page-title.center .inner-page-details.overview .inner-page-title.overview {
        line-height: 40px;
        margin-bottom: var(--size-0);
    }

    section.section-page-title .inner-page-details p.font-large {
        margin-bottom: var(--size-10);
        margin-top: var(--size-10);
        line-height: 34px;
    }

    .section-categories-media-center .items .item {
        width: 100%;
    }

    .ddl-parent-content {
        margin-bottom: var(--size-20)
    }

    .section-subsidiaries-auth .sub-logo-container {
        margin-top: var(--size-0);
        border-bottom: 1px solid;
        padding-bottom: var(--size-10);
        margin-bottom: var(--size-20);
    }

    .section-page-title.what-we-do-inner .container-md .row, .section-image-right.sm-left .container-md .row {
        flex-flow: column-reverse;
        gap: 25px;
    }

    .section-image-right .container-md .row {
        gap: 25px;
    }

    section.section-page-title a.whatch-video {
        margin-top: var(--size-25);
    }

    .section-image-gallery .items.publications .item {
        text-align: left;
        flex-flow: column;
    }

    .section-image-gallery .items.publications .item {
        flex-flow: column;
        gap: var(--size-15);
    }

    .section-image-gallery .items.publications .item-details {
        margin-right: var(--size-0);
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .section-list ul.ul-list li {
        flex-flow: wrap;
        justify-content: center;
        padding-bottom: var(--size-25);
    }

    .section-list ul.ul-list.board-of-directors li {
        flex-flow: column-reverse;
    }

        .section-list ul.ul-list.board-of-directors li.left-image {
            flex-flow: column;
        }

    .section-list ul.ul-list li.left-image img {
        margin-bottom: 20px;
    }

    .section-list ul.ul-list .item-details {
        margin-right: var(--size-0);
        text-align: left;
        margin-top: var(--size-10);
        width: 100%;
    }

    .section-list ul.ul-list li.left-image .item-details {
        margin-left: 0;
    }

    .section-video2 .play-video2:before {
        margin-top: -115px;
        height: 130px;
    }

    .section-video2 .play-video2 .video2 img {
        width: 60%;
    }

    .section-video2 .play-video2 {
        padding: var(--size-25);
    }

        .section-video2 .play-video2 .video2 {
            margin-bottom: -77px;
        }

        .section-video2 .play-video2 .video2-details article p {
            line-height: 28px;
            font-size: 20px;
            margin-bottom: var(--size-25);
        }

        .section-video2 .play-video2 .video2-details article div {
            font-size: 15px;
        }


    .section-news div.d-flex h2.title {
        line-height: 28px;
        font-weight: 500;
        text-align: center;
        padding-bottom: var(--size-5);
    }

    .section-horizon h2 {
        font-size: var(--size-40);
    }

    .section-horizon .details p.hint {
        display: block;
        max-width: initial;
        border-right: 0;
        margin-right: var(--size-20);
        padding-right: var(--size-20);
        font-size: 22px;
        line-height: 28px;
    }

    .section-connect-with-us .row-100 {
        flex-flow: column;
        padding-bottom: var(--size-10)
    }

        .section-connect-with-us .row-100 .col-30, .section-connect-with-us .row-100 .col-60 {
            width: 100%
        }

        .section-connect-with-us .row-100 .col-60 {
            margin-top: var(--size-20)
        }

    .section-sub-page-title .details .left-text {
        font-size: 18px;
    }

    .swiper-reports .swiper-button-next,
    .swiper-reports .swiper-rtl .swiper-button-prev {
        right: 0px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .swiper-reports .swiper-button-prev,
    .swiper-reports swiper-rtl .swiper-button-next {
        left: 0px;
    }

    .address-info .info p {
        display: flex;
        flex-flow: column;
    }

        .address-info .info p span {
            display: none;
        }

        .address-info .info p a {
            margin-left: var(--size-5)
        }

    .section-corporate-banking.new-d .corporate-grid ul.corporate-items {
        grid-template-rows: auto auto auto auto;
    }

        .section-corporate-banking.new-d .corporate-grid ul.corporate-items li {
            width: 100%
        }

            .section-corporate-banking.new-d .corporate-grid ul.corporate-items li a img {
                width: 120px;
            }

    .section-corporate-banking.new-d p {
        text-align: center
    }

    .section-list ul.ul-list.vacancies li, .section-list ul.ul-list.news li {
        flex-flow: wrap;
        justify-content: flex-start;
        padding-bottom: var(--size-30);
    }

        .section-list ul.ul-list.vacancies li a.item-apply-now {
            margin-left: auto;
        }

        .section-list ul.ul-list.vacancies li .item-details p,
        .section-list.secondary ul.ul-list.news .item-details .item-title, .section-list ul.ul-list.news .item-details p {
            text-align: start
        }

        .section-list ul.ul-list.vacancies li .item-details .item-date-gray {
            float: left;
        }

    .section-list a.item-action {
        margin-left: auto;
        margin-top: var(--size-20);
        margin-right: auto;
    }

    .section-list .item-details .item-date {
        color: var(--body);
    }

    .section-addresses h2 {
        width: auto;
        padding-bottom: var(--size-10);
    }

    .section-sub-page-title .inner-page-title {
        text-align: center;
    }

    .section-banner-full-width-sm .banner-data h2.slogan {
        font-size: 38px;
    }

    .section-subsidiaries-auth h2 {
        font-size: 32px;
        margin-bottom: var(--size-25);
    }

    .section-list .pull-left.mr-sm-1 {
        margin-left: auto;
    }

    .section-image-gallery .items {
        justify-content: space-between;
        gap: 20px;
    }

        .section-image-gallery .items .item {
            width: 50%;
            max-width: 250px;
        }

    /* .inner-page-def-text img {
        width: 100% !important;
        max-width: fit-content;
        margin-bottom: var(--size-20);
    }*/

    section.section-header-inner-page.page-info-in-header .subsidiaries h1.title {
        font-size: 32px;
        line-height: initial;
    }

    .swiper-compliance .swiper-slide h3.title {
        width: 100%;
        transform: translate(-50%);
        left: 50%;
        max-width: 320px;
    }

    .swiper-compliance .swiper-slide .compliance-con .image-wrapper-white {
        margin-bottom: 0;
    }

    .swiper-compliance .swiper-slide img {
        max-width: 320px;
    }

    .swiper-compliance .swiper-slide .hint {
        width: 100%;
        height: 100%;
        max-width: 320px;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
        background-color: rgba(2, 89, 120, 0.80);
        border: 2px solid var(--secondary);
    }

        .swiper-compliance .swiper-slide .hint p {
            line-height: 24px;
            font-weight: 300;
            color: var(--white);
            margin-top: auto;
        }

        .swiper-compliance .swiper-slide .hint a {
            color: var(--white)
        }

            .swiper-compliance .swiper-slide .hint a span {
                background-color: var(--white)
            }

            .swiper-compliance .swiper-slide .hint a:hover {
                color: var(--body)
            }

                .swiper-compliance .swiper-slide .hint a:hover span {
                    background-color: var(--body)
                }

    .swiper-compliance .swiprer-action {
        position: relative;
        transform: translate(-50%);
        left: 50%;
        bottom: -20px;
    }

    .section-list.our-history .item-title {
        font-size: 26px;
        margin-bottom: var(--size-10);
    }
}

@media screen and (max-width: 500px) {
    .swiper.news .swiper-slide .card {
        flex-flow: column;
    }

    .swiper.news .swiper-slide img {
        width: 100%;
        min-height: initial;
        max-height: 220px
    }

    .swiper.news .swiper-slide .card-title {
        border-bottom: 1px solid;
    }

    .swiper.news .swiper-slide .card-text, .swiper.news .swiper-slide .card-title {
        text-align: center;
    }

    .nav-brand a .logo {
        width: 220px;
    }

    .swiper-what-we-do {
        width: 300px;
    }

    .section-horizon .details p.hint {
        display: block;
        max-width: initial;
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        font-size: 22px;
        line-height: 28px;
    }

    .select-location {
        padding: var(--size-15) var(--size-20);
    }

        .select-location .con-contenet h4 {
            padding-right: var(--size-0);
            font-size: 22px;
        }


    .section-board-of-directors .border-end .card.rounded-0.border-0 img, .section-board-of-directors .card-more .card.rounded-0.border-0 img {
        width: 40%;
    }

    .section-board-of-directors .card .card-body .card-title {
        font-weight: 400;
        font-size: 20px;
    }

    .section-board-of-directors .card .card-body .card-text {
        display: none;
    }

    .section-board-of-directors .card .card-body .card-read-more {
        border-bottom: 1px solid;
        font-size: 14px;
    }


    .section-banner-full-width-md .banner-data h2.w-100 {
        font-size: 26px;
        line-height: 36px;
    }

    .section-list.secondary .item-details .item-title {
        font-size: 22px;
    }

    .section-list .item-details .item-date {
        font-size: 20px !important;
    }

    .section-commissions-fees .commissions-fees-con div.table-responsive {
        padding: var(--size-5) var(--size-10);
    }

    .section-image-gallery .items .item {
        width: 100%;
        max-width: initial;
    }

    section.section-header-inner-page.page-info-in-header .subsidiaries h1.title {
        font-size: 22px;
    }

    .section-404 h1 {
        font-size: 140px;
    }

    .section-404 h2 {
        font-size: 20px;
    }
}
/* end small tablet styles */

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
    padding-bottom: var(--size-100);
    overflow-x: hidden
}

    .timeline ul li {
        list-style-type: none;
        position: relative;
        width: 1.5px;
        margin: 0 auto;
        padding-top: 50px;
        background: rgba(2, 89, 120, 0.75);
    }

        .timeline ul li:first-child {
            padding-top: var(--size-0);
        }

        .timeline ul li::before {
            content: "";
            position: absolute;
            width: 150px;
            height: 1.5px;
            background: rgba(2, 89, 120, 0.75);
            top: 107px;
        }

        .timeline ul li:first-child:before {
            top: 57px;
        }

        .timeline ul li:nth-child(odd)::before {
            left: -150px;
        }

        .timeline ul li:nth-child(even)::before {
            right: -150px;
        }

        .timeline ul li::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 100px;
            transform: translateX(-50%);
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: inherit;
            z-index: 1;
        }

        .timeline ul li:first-child:after {
            top: 50px;
        }

        .timeline ul li div {
            position: relative;
            bottom: 0;
            width: 520px;
            padding: var(--size-15);
            background: var(--footer);
            color: var(--secondary);
            border-radius: 5px;
            font-size: 16px;
            font-weight: 500;
        }

            .timeline ul li div::before {
                content: "";
                position: absolute;
                top: var(--size-50);
                bottom: 0px;
                width: 0;
                height: 0;
                border-style: solid;
            }

        .timeline ul li:nth-child(odd) div {
            left: 35px;
        }

            .timeline ul li:nth-child(odd) div::before {
                left: -15px;
                border-width: 8px 16px 8px 0;
                border-color: transparent var(--footer) transparent transparent;
            }

        .timeline ul li:nth-child(even) div {
            left: -555px;
        }

            .timeline ul li:nth-child(even) div::before {
                right: -15px;
                border-width: 8px 0 8px 16px;
                border-color: transparent transparent transparent var(--footer);
            }

        .timeline ul li .time {
            position: absolute;
            top: var(--size-0);
            width: 110px;
            height: 110px;
            background-color: var(--secondary);
            color: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--size-35);
            font-weight: 400;
        }

        .timeline ul li:nth-child(odd) .time {
            left: -200px;
        }

        .timeline ul li:nth-child(even) .time {
            right: -200px;
        }


    .timeline time {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 8px;
    }

    /* EFFECTS
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .timeline ul li::after,
    .timeline ul li::before {
        transition: background 0.2s ease-in-out;
    }

    .timeline ul li.in-view::after {
        background: var(--secondary);
    }

    .timeline ul li div {
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }

    .timeline ul li:nth-child(odd) div {
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(even) div {
        transform: translate3d(-200px, 0, 0);
    }

    .timeline ul li.in-view div {
        transform: none;
        visibility: visible;
        opacity: 1;
    }

    .timeline ul li .time {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        transform: rotate(-90deg);
        -webkit-transform: rotate(270deg);
    }

    .timeline ul li.in-view .time {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }


/* GENERAL MEDIA QUERIES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 1280px) {


    .timeline ul li div {
        width: 380px;
    }

    .timeline ul li:nth-child(even) div {
        left: -415px;
    }
}

@media screen and (max-width: 960px) {

    .timeline ul li {
        margin-left: 10px;
    }

        .timeline ul li div {
            width: calc(100vw - 91px);
            font-weight: 400;
            max-width: 540px;
        }

        .timeline ul li:nth-child(even) div {
            left: 35px;
        }

            .timeline ul li:nth-child(even) div::before {
                left: -15px;
                border-width: 8px 16px 8px 0;
                border-color: transparent var(--footer) transparent transparent;
            }

        .timeline ul li .time {
            position: static;
            width: 100%;
            height: auto;
            justify-content: initial;
            font-size: var(--size-25);
            font-weight: 500;
            /*
		transform         : rotate(-90deg);
		-webkit-transform :rotate(270deg);
		*/
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }

        /* .timeline ul li.in-view:nth-child(odd) .time {
 	}

 	.timeline ul li.in-view:nth-child(even) .time {
 	} */

        .timeline ul li .time {
            background-color: transparent;
            color: var(--secondary);
            font-size: xx-large
        }

        .timeline ul li::before {
            height: 0;
        }
}

/* EXTRA/CLIP PATH STYLES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.timeline-rhombus ul li::after {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
    bottom: 12px;
}

.timeline-star ul li::after {
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.timeline-heptagon ul li::after {
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.timeline-infinite ul li::after {
    animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
    0% {
        transform: translateX(-50%) scale(1);
    }

    50% {
        transform: translateX(-50%) scale(1.25);
    }

    100% {
        transform: translateX(-50%) scale(1);
    }
}

.item-stylish {
    width: 100%;
    position: relative;
    display: inline-block;
}

    .item-stylish img {
        width: 100%;
    }

    .item-stylish .title {
        position: absolute;
        bottom: 0;
        color: var(--white);
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
        background-color: rgba(2, 89, 120, 0.93);
        padding: var(--size-20);
        transform: translate(0%);
    }

.clean-stylish .title-hover {
    /*animation: slide 0.4s;*/
    transform: translate(100%);
}

.item-stylish .learn-more {
    display: block;
    text-indent: -9999px;
    width: 64px;
    height: 64px;
    background: url(../img/news-arrow-right-white.svg);
    background-size: 64px;
    margin: 0 auto;
}

.item-stylish .overlay {
    width: 100%;
    height: 100%;
    background-color: var(--secondary);
    color: var(--white);
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    top: 0;
    bottom: 0;
}

/* effect-clean*/
.clean-stylish .overlay span:nth-child(1) {
    position: absolute;
    left: 50%;
    top: 30%;
    font-size: 28px;
    font-weight: 300;
    transform: translate(-50%);
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.clean-stylish .overlay span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    width: 100%;
}

.clean-stylish .overlay span:nth-child(3) {
    height: 0px;
    background-color: var(--white);
    position: absolute;
    top: 65%;
    left: 0;
}

.clean-stylish .overlay:hover {
    opacity: 0.93;
}



    .clean-stylish .overlay:hover span:nth-child(1) {
        animation: slide 0.4s;
    }

    .clean-stylish .overlay:hover span:nth-child(2) {
        animation: slide 0.7s;
    }

    .clean-stylish .overlay:hover span:nth-child(3) {
        animation: line 0.5s forwards;
    }

@keyframes slide {
    0% {
        transform: translateX(-10%);
    }

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

@keyframes slide {
    0% {
        transform: translateX(-10%);
    }

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

@keyframes line {
    0% {
        width: 0;
    }

    100% {
        width: 50%
    }
}

/* effect-uncover*/

.uncover .overlay span:nth-child(1) {
    position: absolute;
    left: 50%;
    top: 35%;
    font-size: 80px;
    transform: translateX(-50%);
    opacity: 0;
}

.uncover .overlay span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 17px;
    transform: translateY(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.uncover .overlay span:nth-child(3) {
    height: 30px;
    background-color: #000;
    position: absolute;
    top: 38%;
    opacity: 0;
}

.uncover .overlay span:nth-child(4) {
    height: 30px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 25%;
    opacity: 0;
}

.uncover .overlay:hover {
    opacity: 0.9;
}

    .uncover .overlay:hover span:nth-child(1) {
        animation: fadein 0.6s forwards;
        animation-delay: 0.5s;
    }

    .uncover .overlay:hover span:nth-child(2) {
        animation: fadein 0.6s forwards;
        animation-delay: 0.75s;
    }

    .uncover .overlay:hover span:nth-child(3) {
        animation: draw-left 0.7s;
    }

    .uncover .overlay:hover span:nth-child(4) {
        animation: draw-right 0.7s;
        animation-delay: 0.6s;
    }

@keyframes draw-left {
    0% {
        opacity: 0;
        width: 0px;
        left: 75%
    }

    50% {
        opacity: 1;
        left: 25%;
        width: 200px;
    }

    100% {
        opacity: 0;
        width: 0px;
        left: 25%;
    }
}

@keyframes draw-right {
    0% {
        opacity: 0;
        width: 0px;
    }

    50% {
        opacity: 1;
        width: 200px;
    }

    100% {
        opacity: 0;
        width: 0px;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* effect-explode */
.explode-stylish .overlay span:nth-child(1) {
    position: absolute;
    left: 10%;
    top: 45%;
    font-size: 200px;
    transform: translateX(-50%);
    opacity: 0;
}

.explode-stylish .overlay span:nth-child(2) {
    position: absolute;
    top: 80%;
    left: 10%;
    font-size: 17px;
    opacity: 0;
}

.explode-stylish .overlay span:nth-child(3) {
    position: absolute;
    top: 90%;
    left: 0;
    height: 60px;
    background-color: #000;
}

.explode-stylish .overlay:hover {
    opacity: 0.9;
}

    .explode-stylish .overlay:hover span:nth-child(1) {
        animation: focus 0.4s forwards;
        animation-delay: 0.2s;
    }

    .explode-stylish .overlay:hover span:nth-child(2) {
        animation: focus 0.4s forwards;
        animation-delay: 0.4s;
    }

    .explode-stylish .overlay:hover span:nth-child(3) {
        animation: block 0.3s forwards;
        animation-delay: 0.15s;
    }

@keyframes focus {
    0% {
        transform: scale(1.4) translateX(-30%);
        filter: blur(10px);
        opacity: 0;
    }

    100% {
        transform: scale(1) translateX(0%);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes block {
    0% {
        width: 0;
        filter: blur(5px);
        opacity: 0;
    }

    100% {
        width: 100%;
        filter: blur(0px);
        opacity: 1;
    }
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}