.grey {    background-color: var(--bg-color--card); position: relative; padding-top: 10px; padding-bottom: 10px; margin:30px 0px 30px 0px; }

.grey:before {
    content: "";
    display: block;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    /*  width: calc(100vw - 10px); */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.grey.background:before {
    background-color: var(--bg-color--card);;
}


.dk-timeline-sec {
    position: relative;
}
.dk-timeline-sec .container {
    position: relative;
}
.dk-timeline-sec p {line-height:1.5;}
.dk-timeline-sec img {max-width:90px;}

@media screen and (max-width: 767px) {
    .dk-timeline-sec .container ol:before {

    }
    .dk-timeline-sec .container ol:after {

    }
    .dk-timeline-sec .container ol.dk-timeline {
        margin: 10px 0 !important;
        border-left: 2px solid #ccc;
        border-left: 2px solid var(--cloud-grey);
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }

    .rtl .dk-timeline-sec .container ol.dk-timeline {border-right: 2px solid #ccc; border-right: 2px solid var(--cloud-grey); border-left:0px}


    .dk-timeline-sec .container ol.dk-timeline li {
        height: 220px;
        float: none !important;
        width: inherit !important;
    }


    .dk-timeline-sec .container ol.dk-timeline li .img-handler-bot img {margin:0px !important; padding:0px !important;}
    .dk-timeline-sec .container ol.dk-timeline li .img-handler-top img {margin:0px !important; padding:0px !important;}
    .rtl .dk-timeline-sec .container ol.dk-timeline li .img-handler-top img {margin: 20px 35px !important; padding: 0px !important;}
    .rtl .dk-timeline-sec .container ol.dk-timeline li .img-handler-bot img {margin: 20px 35px !important; padding: 0px !important;}

    .dk-timeline-sec .container ol.dk-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }
    .dk-timeline-sec .container ol.dk-timeline li:last-child .img-handler-bot {
        bottom: 50px !important;
        width: 40% !important;
    }

    .dk-timeline-sec .container ol.dk-timeline li:last-child .dk-top {
        margin-bottom: 0 !important;
        top: 0px;

    }
    .dk-timeline-sec .container ol.dk-timeline li span {
        left: 0 !important;
    }

    .dk-timeline-sec h3 {text-align:left !important;}
    .rtl .dk-timeline-sec h3 {text-align:right !important;}

    .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-top:before {
        content:'';
        position: absolute;
        top:-30px;
        left: -5px;
        width: 10px;
        height: 10px;
        background: #FF2100;
        border-radius: 50%;
        box-shadow: 0 0 0 3px rgba(233,33,99,.2);
        position: absolute;
        border-radius: 100%;
    }

    .rtl  .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-top:before {
        left: 0;
        right: -5px;
    }
    .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-top:after {
        content: none !important;
    }
    .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-bot:before {
        content:'';
        position: absolute;
        top:-25px;
        left: -5px;
        width: 10px;
        height: 10px;
        background: var(--red);
        border-radius: 50%;
        position: absolute;
        border-radius: 100%;
    }

    .rtl  .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-bot:before {
        left: 0;
        right: -5px;
    }
    .dk-timeline-sec .container ol.dk-timeline li span.dk-sp-bot:after {
        content: none !important;
    }
    .dk-timeline-sec .container ol.dk-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 190px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 25px !important;
        margin-bottom: 0 !important;
    }

    .dk-timeline-sec .container ol.dk-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 190px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 25px !important;
        margin-bottom: 0 !important;
    }
    .dk-timeline-sec .container ol.dk-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }

    .rtl .dk-timeline-sec .container ol.dk-timeline li p {text-align: right !important;}

    .dk-timeline-sec .container ol.dk-timeline li .dk-top {
        width: 60% !important;
        float: right !important;
        right: 30px;
        top: -40px;
    }
    .dk-timeline-sec .container ol.dk-timeline li .dk-bot {
        width: 60% !important;
        float: right !important;
        right: 30px;
        top: -40px;
    }

    .rtl .dk-timeline-sec .container ol.dk-timeline li .dk-bot {
        width: 70% !important;
        float: right !important;
        right: 140px;
        top: -40px;
    }

    .rtl .dk-timeline-sec .container ol.dk-timeline li .dk-top {
        width: 70% !important;
        float: right !important;
        right: 140px;
        top: -40px;
    }


}

@media screen and (max-width: 568px) {
    .dk-timeline-sec .container ol.dk-timeline li .img-handler-bot img  {width:70px;}
    .dk-timeline-sec .container ol.dk-timeline li .img-handler-top img  {width:70px;}

}


.dk-timeline-sec .container ol.dk-timeline {
    margin: 190px 0;
    padding: 0;
    border-top: 2px solid var(--cloud-grey);
    list-style: none;
}
.dk-timeline-sec .container ol.dk-timeline li {
    float: left;
    width: 25%;
    padding-top: 30px;
    position: relative;
}

.rtl .dk-timeline-sec .container ol.dk-timeline li {float:right;}

.dk-timeline-sec .container ol.dk-timeline li span.dk-sp-top:after {
    content:'';
    position: absolute;
    top:28px;
    right: -6px;
    width: 10px;
    height: 10px;
    background: var(--red);
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 49%;
    border-radius: 100%;
}

.dk-timeline-sec .container ol.dk-timeline li span.dk-sp-bot:after {
    content:'';
    position: absolute;
    top:28px;
    right: -6px;
    width: 10px;
    height: 10px;
    background: var(--red);
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 49%;
    border-radius: 100%;
}
.dk-timeline-sec .container ol.dk-timeline li .img-handler-top {
    position: absolute;
    bottom: -35px;
    margin-bottom: 110px;
    width: 100%;
}
.dk-timeline-sec .container ol.dk-timeline li .img-handler-top img {
    display: table;
    margin: 0 auto;
}
.dk-timeline-sec .container ol.dk-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 15px;
    width: 100%;
}
.dk-timeline-sec .container ol.dk-timeline li .img-handler-bot img {
    display: table;
    margin: 0 auto;
}
.dk-timeline-sec .container ol.dk-timeline li p {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.dk-timeline-sec .container ol.dk-timeline li .dk-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 70px;
}
.dk-timeline-sec .container ol.dk-timeline li .dk-bot {
    position: absolute;
}

.dk-timeline-sec h3 {font-size:24px; text-align:center; margin-bottom:5px; margin-top:0px}

#mkt a {
    cursor: pointer;
    color: #221abb;
    color: var(--link-blue);
    font-weight: 700;
    text-decoration: none;
}
.uppercase {text-transform:uppercase}

.red-border {
    background-color: var(--red) !important;
    height: 3px;
    width: 40px !important;
    margin-top: 0px;
}

.history {font-size:32px; margin-bottom:5px;}

#fast-facts {background-color:var(--onyx-grey); border-radius: 12px; padding:40px 20px 20px 20px;}
#fast-facts h2 {color:var(--white); font-size:30px; margin-top:0px}
.fastfacts-container {display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap;  padding: 10px 1% 20px 1%; width:98%; text-align:center;}
.fastfacts-item {position: relative; width: 22%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; justify-content: flex-end; margin: 0px; box-sizing: content-box; overflow:hidden; padding: 0px; min-height:120px;}
.fastfacts-item p {color:var(--white); text-align:center;}
.fastfacts-item p.small {font-size:12px; text-transform:uppercase; font-weight:bold;}
.fastfacts-item p.large {font-size:20px !important; padding:0px 40px 10px 40px;}
.fastfacts-item {border-bottom:1px solid var(--slate-grey); border-right:1px solid var(--slate-grey);}
.fastfacts-item:nth-last-child(-n+4) {border-bottom:none;}
.fastfacts-item:nth-child(4n) {border-right:0px;}

.rtl .fastfacts-item {border-left:1px solid var(--slate-grey); border-right: 0px;}
.rtl .fastfacts-item:nth-child(4n) {border-left:0px;}

/* Small Devices - landscape phones */
@media screen and (max-width: 768px) {
    .fastfacts-item {width: 48%;  border-bottom:1px solid var(--slate-grey); border-right:1px solid var(--slate-grey);}
    .fastfacts-item:nth-child(n+8) {border-bottom:1px solid var(--slate-grey); }
    .fastfacts-item:nth-last-child(-n+2) {border-bottom:none;}
    .fastfacts-item:nth-child(even) {border-right:0px;}

    .rtl .fastfacts-item {border-left:1px solid var(--slate-grey); border-right:0px}
    .rtl .fastfacts-item:nth-child(even) {border-left:0px;}
}

/* Small Devices - landscape phones */
@media screen and (max-width: 600px) {
    .fastfacts-item {width: 100%;  border-bottom:1px solid var(--slate-grey); border-right:0px;}
    .fastfacts-item:nth-child(n+8) {border-bottom:1px solid var(--slate-grey); }
    .fastfacts-item:nth-last-child(-n+1) {border-bottom:none;}

    .rtl .fastfacts-item {width: 100%;  border-bottom:1px solid var(--slate-grey); border-left:0px;}

}




/* FEATURED ITEMS */
.featured-container {display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; margin: 10px -5px; padding: 0;}
.featured-item {position: relative; width: 32%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; justify-content: flex-end; margin: 5px; box-sizing: content-box; overflow:hidden; padding: 0px; }
.featured-item__one__col {width: 98%;}
.featured-item__two__col {width: 49%;}
.featured-item__four__col {width: 23%;}
.featured-item__five__col {width: 18%;}
.empty-item {background: #fff; border: 0; font-size: 0;}

.featured-item h3 {min-height: 17px; line-height: 20px; margin: 0; padding: 10px 0; font-size: 14px; border: 0; cursor: default;}
.featured-item h4 {min-height: 17px; line-height: 20px; margin: 0; padding: 10px 0; font-size: 14px; text-align:center; border: 0; background-color:#eaeaea}
.featured-item h4 a {padding: 0 5px; color: #126e99; text-decoration: none;}
.featured-item h4 a:hover {text-decoration: underline;}
.featured-item h3.center-aligned {text-align:center;}
.featured-item a:hover {color: #000;}

.featured-item ul.wo-disc {list-style: none; margin: 0; padding: 10px 10px;}
.featured-item ul li {color:#cc0000; font-weight:bold;}
.featured-item ul li a {text-align:left; color: #333;}
.featured-item ul li a:hover {color: #000; text-decoration: underline;}

.featured-item p {padding-right:30px;}
.featured-item p.center-aligned {text-align:center; padding:15px 0px 15px 0px;}
.featured-item p.center-aligned a:hover {color: #000;}
.featured-item p.left-aligned {margin:5px 10px 55px 10px}
/* FEATURED ITEMS - RTL */
.richtextcontent[dir="rtl"] .featured-item ul li a {text-align:right;}

.rtl .featured-item p {padding-left:30px; padding-right:0px}

/* FEATURED ITEM - IMAGERY */
.featured-item img {display:block; width: 90%; margin: 0 auto; text-align:center;}
.featured-item img.left-aligned {display: block; float: left; width: 90px; margin: 10px 10px 5px 10px; padding: 0;}
.featured-item img.center-aligned {width:100%; max-width:100px; overflow:hidden; }
.featured-item img.img-border {border: 1px solid #ccc;}

.featured-item .featured-item__logo {display: block; width: auto; margin: 10px auto; padding: 0; text-align: center;}
.featured-item .featured-item__logo a {display:inline-block;}

.featured-item .custom-button {
    position: absolute;
    bottom: 10px;
    min-height: 19px;
    color: #fff;
    text-align: center;
    left: 40px;
    right: 40px;
}



/* FEATURED CONTENT CONTAINER */
.featured-content__container {display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; margin: 10px -5px; padding: 0;}
.featured-content__container__item {width: auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; justify-content: flex-end; margin: 5px; box-sizing: content-box; overflow:hidden;}


/*===[ ONLY FOR THE IOT BANNER ]===*/
@media screen and (max-width: 910px) {}
@media screen and (max-width: 850px) {}

/* Media Queries */
/* Large Devices - Desktops */
@media screen and (max-width: 1199px) {}

/* Medium Devices - tablets */
@media screen and (max-width: 991px) {

    /* GENERAL */
    .mkt {width:100%;}

}

/* Small Devices - landscape phones */
@media screen and (max-width: 768px) {

    /* GENERAL STYLES */
    #content h1 {font-size: 24px;}
    #content p {font-size: 14px;}
    #content ul li {font-size: 14px;}

    /* FEATURED CONTENT CONTAINER */
    .featured-content__container__item {width: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
}

/* Extra Small Devices - portrait phones */
@media screen and (max-width: 575px) {
    /* FEATURED ITEMS */
    .featured-item {width: 100%;}
}

/* For Smaller Devices */
@media screen and (max-width: 376px) {}



/* Small Devices - landscape phones */
@media screen and (max-width: 768px) {
    .featured-item__five__col {width: 24%;}
}
/* Extra Small Devices - portrait phones */
@media screen and (max-width: 575px) {


}

/*HEADINGS*/
.heading {font-size:32px; color:var(--red)}

#mkt p, #mkt ul {font-size:14px; line-height:1.4}
.authorized {padding-top:15px;}
.authorized h2 {font-size:18px; border-bottom:1px solid #222; padding-bottom:10px;}

.expand-section-link {
    background-image:url("../images/about/plus.png");
    background-repeat:no-repeat;
    background-size:17px;
    padding:0px;
    background-position:right;
    font-size:18px; margin: 15px 0px 2px 0px;
}


.rtl .expand-section-link {
    background-position:left;
}

.expand-section-link:hover {
    cursor:pointer;
}

.active, .rtl .active {
    background-image:url("../images/about/minus.png")
}

.border {border-bottom:1px solid #ccc; border-bottom: 1px solid var(--cloud-grey);}

.expand-section-content {
    display: none;
}

.expand-section-content.show {
    display: block !important;
}

.about-logo-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    padding: 15px 0;
}

.about-service-list {
    margin: 10px 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.featured-item .about-service-list li {
    position: relative;
    padding: 4px 0;
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
}

.featured-item .about-service-list li::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--red, #ff2100);
}

.about-logo-grid img {
    display: inline-block;
    height: 30px;
    width: auto;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .about-logo-grid {
        gap: 18px;
    }
    .about-logo-grid img {
        height: 22px;
    }
}
.layout-onecolumn, .layout-threecolumn, .layout-twocolumn {
    overflow: hidden;
}