/*************************************
    		Our History
**************************************/
 .history-main { width: 100%; }
 .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; }
 .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
 .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
 .history-1 { position: relative; left: 45px; }
 .history-2 { position: relative; margin-left: 30%; }
 .history-3 { position: relative; margin-left:58%; }
 .history-4{ position: relative; margin-left: 95%; }
 .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
 .history-time-lin { position: relative; top: 10px; z-index: 2; }
 .history-time-lin:before { bottom: 0; }
 .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
 .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
 .history-time-lin:after { left: -10px; top: -25px; }
 .history-item { left: -20px; position: absolute;  top: -125px; }
 .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; }
 .history-5 { position: relative; margin-left: 15%; }
 .history-6 { position: relative; margin-left: 53%; }
 .history-7 { position: relative; margin-left:78%; }
 .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
 .history-item-2 { left: -20px; position: absolute; top: 75px; }
 .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
 /*Our History */
.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
.our-history .timeline > li { margin-bottom: 20px; position: relative; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both;}
.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
  border:3px solid #84ba3f; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; }
.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; }
.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
 .our-history .timeline-body > p,
.our-history .timeline-body > ul { margin-bottom: 0; }
.our-history .timeline-body > p + p { margin-top: 5px; }
.our-history .timeline > li { text-align: right;}
.our-history .timeline > li.timeline-inverted { text-align: left;}
.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}

img {
    vertical-align: top !important;
}
.vertical-align {
    vertical-align: middle !important;
}
.iq-pb-08 {
    padding-bottom: 05px;
}
.cb {
    position: relative;
    margin-top: -1px;
    margin-left: 1px;
}
.align-items-center {
    -ms-flex-align: flex-start !important;
    align-items: flex-start !important;
}

/* Sectors Mega Menu */
@media screen and (min-width: 1023px) {
    .mega-menu .menu-links > li.sectors-menu {
        position: relative;
    }
    .mega-menu .menu-links > li.sectors-menu > a i.fa {
        margin-left: 6px;
        font-size: 12px;
    }
    .mega-menu .menu-links > li.sectors-menu > .sectors-mega-panel {
        width: 1120px;
        max-width: calc(100vw - 70px);
        left: 50% !important;
        top: 100% !important;
        transform: translateX(-50%);
        padding: 22px 24px;
        background: #ffffff;
        border: 1px solid #ececec;
        box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18);
        border-radius: 0;
        z-index: 99999;
    }
    .mega-menu .menu-links > li.sectors-menu > .sectors-mega-panel .grid-col-12 {
        padding: 0 !important;
    }
    .mega-menu .menu-links > li.sectors-menu:hover > .sectors-mega-panel {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .sectors-mega-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 18px 12px;
    }
    .mega-menu .drop-down .sector-card {
        width: 100%;
        max-width: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        min-height: 168px;
        padding: 12px 8px !important;
        text-align: center;
        text-decoration: none;
        background: #ffffff;
        border: 1px solid transparent;
    }
    .mega-menu .drop-down .sector-card i.fa {
        color: #111111;
        font-size: 64px;
        width: 72px;
        text-align: center;
        line-height: 1;
        margin: 0 0 14px;
        padding: 0;
    }
    .mega-menu .drop-down .sector-card span {
        color: #1f1f1f;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.3;
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
    }
    .mega-menu .drop-down .sector-card:hover {
        border-color: #f0f0f0;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
    }
    .mega-menu .drop-down .sector-card:hover span,
    .mega-menu .drop-down .sector-card:hover i.fa {
        color: #e37133;
    }

    .mega-menu.desktopTopFixed .menu-list-items {
        overflow: visible;
    }

    .mega-menu.desktopTopFixed .menu-list-items .sectors-mega-panel.grid-col-12 {
        width: 1120px;
        max-width: calc(100vw - 70px);
        margin: 0;
    }

    .mega-menu.desktopTopFixed .menu-links > li.sectors-menu > .sectors-mega-panel {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        overflow: visible;
    }
}

@media screen and (max-width: 1022px) {
    .mega-menu .menu-links > li.sectors-menu > a i.fa {
        display: none !important;
    }

    .mega-menu .menu-links > li.sectors-menu > .sectors-mega-panel {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        transform: none;
        width: 100% !important;
        max-width: 100%;
        padding: 10px;
        border: none;
        box-shadow: none;
        background: #fff7ef;
    }
    .sectors-mega-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .mega-menu .drop-down .sector-card {
        width: 100%;
        max-width: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 12px 10px !important;
        background: #ffffff;
        border: 1px solid #f0d8ca;
        border-radius: 10px;
        min-height: 126px;
    }
    .mega-menu .drop-down .sector-card i.fa {
        color: #1f1f1f;
        font-size: 38px;
        width: 44px;
        text-align: center;
        margin: 0 0 10px;
        padding: 0;
    }
    .mega-menu .drop-down .sector-card span {
        color: #333333;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
        width: 100%;
        min-height: 36px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .sectors-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}