/* =========================================================
   GLOBIBO GLOBAL COLOR SYSTEM
   ========================================================= */

/* =========================================================
   DEFAULT PAGE TEMPLATE - HEADINGS
   ========================================================= */

/* H1 - Approved Globibo gradient */
.main-template-content .left-side-content h1,
.main-template-content .left-side-content h1 a,
.main-template-content .left-side-content h1 a:visited {
    background: linear-gradient(90deg, #007FE2 0%, #000435 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #007FE2 !important;
    text-decoration: none !important;
}

/* H2 - Approved Globibo blue */
.main-template-content .left-side-content h2,
.main-template-content .left-side-content h2 a,
.main-template-content .left-side-content h2 a:visited {
    color: #007FE2 !important;
    text-decoration: none !important;
}

/* H3 - Approved Globibo navy */
.main-template-content .left-side-content h3,
.main-template-content .left-side-content h3 a,
.main-template-content .left-side-content h3 a:visited {
    color: #000435 !important;
    text-decoration: none !important;
}


/* =========================================================
   GLOBAL HYPERLINK COLOR
   ========================================================= */

.main-template-content .left-side-content a,
.main-template-content .left-side-content a:visited {
    color: #007FE2 !important;
    text-decoration: none;
}

.main-template-content .left-side-content a:hover,
.main-template-content .left-side-content a:focus {
    color: #000435 !important;
    text-decoration: underline;
}


/* =========================================================
   EXISTING BUTTON / TAB / NAVIGATION LINKS
   Color only - existing structure remains unchanged
   ========================================================= */

.main-template-content .left-side-content a[style*="background"],
.main-template-content .left-side-content a[style*="background-color"] {
    background: linear-gradient(90deg, #007FE2 0%, #000435 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   COMMON BUTTON CLASSES
   Color only - existing dimensions and structure preserved
   ========================================================= */

.main-template-content .left-side-content .btn,
.main-template-content .left-side-content .button {
    color: #ffffff !important;
}

.main-template-content .left-side-content .btn-primary,
.main-template-content .left-side-content .button-primary {
    background: linear-gradient(90deg, #007FE2 0%, #000435 100%) !important;
    color: #ffffff !important;
}


/* =========================================================
   ANCHOR POSITIONING
   ========================================================= */

.main-template-content .left-side-content [id] {
    scroll-margin-top: 120px;
}


/* =========================================================
   PREVENT CONTENT CLIPPING
   ========================================================= */

.main-template-content,
.left-side-content {
    height: auto;
    min-height: 0;
    overflow: visible;
}


/* =========================================================
   IMAGES
   ========================================================= */

.left-side-content img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   FAQS CSS START
   Existing structure preserved
   ========================================================= */

/* accordion */

.accordion-sec {
    padding-top: 20px;
    display: flex;
    width: 100%;
    column-gap: 2%;
    flex-wrap: wrap;
}

.accordion-sec .accordion-left-col {
/*     width: 49%; */
/*     margin-right: 1%; */
}

.accordion-sec .accordion-right-col {
/*     width: 49%; */
/*     margin-left: 1%; */
}

.accordion-sec > * {
    width: 49%;
}


.accordion-sec .accordion {
    border-radius: 3px;
    width: 100%;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    background: white;
    color: black;
    overflow: hidden;
    margin-bottom: 20px;
}

.accordion-sec .accordion-header {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.accordion-sec .accordion-header-content {
    padding: 10px 25px 10px 20px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.accordion-sec .accordion-header-content-label {
    color: #9E9E9E;
}

.accordion-sec .accordion-header-content-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #007FE2;
}

.accordion-sec .accordion-content .accordion-content-text {
    font-size: 16px !important;
    line-height: 1.40 !important;
    color: #9E9E9E !important;
}

.accordion-sec .accordion-content {
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.accordion-sec .accordion-content-text {
    color: #9E9E9E;
}


/* accordion open effect */

.accordion-sec details summary {
    cursor: pointer;
    transition: all 225ms ease-out;
    position: relative;
}

.accordion-sec details[open] summary {
    margin-bottom: 100px;
    overflow: hidden;
    position: relative;
}

.accordion-sec details[open] .accordion-content {
    padding: 10px 20px;
    margin-top: -100px;
}

.accordion-sec details[open] .accordion-header-content-label {
    color: #9E9E9E;
}


/* remove marker */

.accordion-sec details > summary {
    list-style: none;
}

.accordion-sec details > summary::-webkit-details-marker {
    display: none;
}


/* custom marker */

.accordion-sec summary::after {
    content: '+';
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    color: #007FE2;
}

.accordion-sec details[open] summary::after {
    content: '-';
    font-size: 36px;
    color: #007FE2;
}


.accordion-sec .accordion-content ul li {
    font-size: 16px;
    line-height: 1.40;
    color: #9E9E9E;
    margin-bottom: 8px;
    text-align: left;
}


@media only screen and (max-width: 767px) {

    .accordion-sec {
        column-count: 1;
    }

    .accordion-sec .accordion-header-content-title {
        font-size: 18px;
        text-align: left;
        color: #007FE2;
    }

    .accordion-sec .accordion-content .accordion-content-text {
        text-align: left;
    }

    .accordion-sec .accordion-header-content {
        padding: 10px 25px 10px 20px;
    }

    .accordion-sec {
        display: block;
    }

    .accordion-sec .accordion-left-col {
/*     width: 100%; */
        margin-right: 0%;
    }

    .accordion-sec > * {
        width: 100%;
    }

    .accordion-sec .accordion-right-col {
/*     width: 100%; */
        margin-left: 0%;
    }

    .left-side-content a,
    .left-side-content a:visited {
        color: #007FE2 !important;
        text-decoration: none !important;
    }

    .left-side-content a:hover,
    .left-side-content a:focus {
        color: #000435 !important;
        text-decoration: underline !important;
    }
}