/*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - images URL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for listing component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - bootstrap accordian - custom style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Co create component styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Cookies CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Custom select Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - E-services Component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Journey-widget component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for page-innersearch component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for register component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Sub page left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for adge Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for borders Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for feedback pop up Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Note component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Quicklinks component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Support Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for survey Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for talk to us Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for three-col-list Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for whats new Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for tab mobile dropdown Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - collabsible left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Flipcard Style * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for left nav component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Pillars Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Testimonials and Achievements components Author: TAMM ***************************************************************************************************/ /******************ADGE-promo********************/ .img-reverse .ADGEs-Promo-wrap { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } html[lang*='en'] .img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) .field-description, html[class*='translated-ltr'] .img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) .field-description { padding-left: 0px !important; } html[lang*='en'] .img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) .field-description, html[class*='translated-ltr'] .img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) .field-description { padding-right: 0px !important; } html[lang*='en'] #wrapper #content .link-reverse .view-all-block, html[class*='translated-ltr'] #wrapper #content .link-reverse .view-all-block { text-align: right; float: right; } html[lang*='ar'] #wrapper #content .link-reverse .view-all-block, html[class*='translated-rtl'] #wrapper #content .link-reverse .view-all-block { text-align: left; float: left; } .ADGEs-Promo, main .ADGEs-Promo[class*="-adgecomponent"] { margin: 0; padding-left: 0px; padding-right: 0px; margin-bottom: 35px; } html[lang*='en'] .ADGEs-Promo.img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-ltr'] .ADGEs-Promo.img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"].img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"].img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) { padding-left: 0px; } html[lang*='ar'] .ADGEs-Promo.img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-rtl'] .ADGEs-Promo.img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"].img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"].img-reverse .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) { padding-right: 0px; } .ADGEs-Promo .ADGEs-Promo-wrap, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .ADGEs-Promo .ADGEs-Promo-wrap .Promo-Bg, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .Promo-Bg { position: relative; background-size: cover; background-position: center; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section { position: relative; width: 50%; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title { width: 80%; font-size: 2.4rem; margin: 0 0 16px; } html[lang*='en'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[class*='translated-ltr'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[class*='translated-rtl'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-title { font-family: "NotoKufiArabic", Arial, sans-serif; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-subtitle, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-subtitle { font-size: 1.8rem; margin: 0 0 25px; font-weight: bold; line-height: normal; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-description, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-description { margin: 0 0 25px; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .field-description p, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .field-description p { margin-top: 0px; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block { position: absolute; bottom: 20px; } html[lang*='en'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[class*='translated-ltr'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block { left: 20px; } html[lang*='ar'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[class*='translated-rtl'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block { right: 20px; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block a, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section .view-all-block a { font-weight: bold !important; text-decoration: none; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(1) img, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(1) img { visibility: hidden; } html[lang*='en'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-ltr'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) { padding-left: 30px; } html[lang*='ar'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-rtl'] .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2), html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section:nth-child(2) { padding-right: 30px; } html[lang*='en'] .ADGEs-Promo .view-all-block, html[class*='translated-ltr'] .ADGEs-Promo .view-all-block, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block { text-align: left; } html[lang*='ar'] .ADGEs-Promo .view-all-block, html[class*='translated-rtl'] .ADGEs-Promo .view-all-block, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block { text-align: right; } html[lang*='en'] .ADGEs-Promo .view-all-block.opposite-direction, html[class*='translated-ltr'] .ADGEs-Promo .view-all-block.opposite-direction, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block.opposite-direction, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block.opposite-direction { text-align: right; } html[lang*='ar'] .ADGEs-Promo .view-all-block.opposite-direction, html[class*='translated-rtl'] .ADGEs-Promo .view-all-block.opposite-direction, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block.opposite-direction, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block.opposite-direction { text-align: left; } html[lang*='en'] .ADGEs-Promo .view-all-block .icon-long-right-arrow, html[class*='translated-ltr'] .ADGEs-Promo .view-all-block .icon-long-right-arrow, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block .icon-long-right-arrow, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block .icon-long-right-arrow { float: none; } html[lang*='ar'] .ADGEs-Promo .view-all-block .icon-long-right-arrow, html[class*='translated-rtl'] .ADGEs-Promo .view-all-block .icon-long-right-arrow, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block .icon-long-right-arrow, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"] .view-all-block .icon-long-right-arrow { float: none; } html[lang*='en'] .ADGEs-Promo.out .view-all-block, html[class*='translated-ltr'] .ADGEs-Promo.out .view-all-block, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block { text-align: right; } html[lang*='ar'] .ADGEs-Promo.out .view-all-block, html[class*='translated-rtl'] .ADGEs-Promo.out .view-all-block, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block { text-align: left; } html[lang*='en'] .ADGEs-Promo.out .view-all-block.opposite-direction, html[class*='translated-ltr'] .ADGEs-Promo.out .view-all-block.opposite-direction, html[lang*='en'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block.opposite-direction, html[class*='translated-ltr'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block.opposite-direction { text-align: left; } html[lang*='ar'] .ADGEs-Promo.out .view-all-block.opposite-direction, html[class*='translated-rtl'] .ADGEs-Promo.out .view-all-block.opposite-direction, html[lang*='ar'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block.opposite-direction, html[class*='translated-rtl'] main .ADGEs-Promo[class*="-adgecomponent"].out .view-all-block.opposite-direction { text-align: right; } .on-page-editor .ADGEs-Promo-wrap .Promo-Bg { background-image: none !important; } .on-page-editor .ADGEs-Promo-wrap .Promo-Bg img { display: block !important; height: 100%; width: 100%; } @media only screen and (max-width: 768px) { .ADGEs-Promo, main .ADGEs-Promo[class*="-adgecomponent"] { margin-top: 45px !important; } .ADGEs-Promo.banner-transparent .ADGEs-Promo-wrap, main .ADGEs-Promo[class*="-adgecomponent"].banner-transparent .ADGEs-Promo-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 768px) { .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section { padding-left: 0px !important; padding-right: 0px !important; padding-top: 20px; width: 100%; } html[lang*='en'] #wrapper #content .link-reverse .view-all-block, html[class*='translated-ltr'] #wrapper #content .link-reverse .view-all-block { margin-right: 30px; } html[lang*='ar'] #wrapper #content .link-reverse .view-all-block, html[class*='translated-rtl'] #wrapper #content .link-reverse .view-all-block { margin-left: 30px; } } @media only screen and (max-width: 767px) { .ADGEs-Promo .ADGEs-Promo-section .view-all-block { position: relative; bottom: 0px; } .ADGEs-Promo .ADGEs-Promo-wrap, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap { display: block; } .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .ADGEs-Promo-section { min-height: 350px; width: 100%; } .ADGEs-Promo.banner-transparent .ADGEs-Promo-wrap, main .ADGEs-Promo[class*="-adgecomponent"].banner-transparent .ADGEs-Promo-wrap { display: block; } } .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: -10px; } .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) .field-description { font-size: 16px; line-height: 30px; } html[lang*='en'] .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) .field-description, html[class*='translated-ltr'] .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) .field-description { padding-left: 20px; } html[lang*='ar'] .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) .field-description, html[class*='translated-rtl'] .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .ADGEs-Promo-section:nth-child(2) .field-description { padding-right: 20px; } .ADGEs-Promo .ADGEs-Promo-wrap.ADGEs-Promo-wrap-small .Promo-Bg, main .ADGEs-Promo[class*="-adgecomponent"] .ADGEs-Promo-wrap .Promo-Bg { margin: 0 auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section, main [class*='-adgecomponent'].ADGEs-Promo .ADGEs-Promo-wrap .ADGEs-Promo-section { } }