/*
--------------------------------------------------------
AIOL International Solutions Ltd (AIOL)
April 2023 Site Wide Blend Refreshed (CSS)
--------------------------------------------------------
Version: 1.3
Created: 02/07/2022 [Original]
Updated: 10/05/2024
--------------------------------------------------------
This file will replace the outdated versions included
on our sites
--------------------------------------------------------
/*



/*
--------------------------------------------------------
Call in some reinforcements
--------------------------------------------------------
*/

/* Bulma CSS */
@import '../bulma/bulma.css';

/* Font Awesome */
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/regular.css';


/* Google Fonts: */
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200';
@import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200';
@import 'https://fonts.googleapis.com/css2?family=Fredoka+One&family=Inter:wght@200;300;400;500;600&family=Work+Sans:wght@100;200;300;400';

/* Steinem */
@import 'font/steinem/stylesheet.css';

/*
--------------------------------------------------------
Let's begin assembling.
--------------------------------------------------------
*/

body {border-top: 3.5px solid mediumpurple;}

/* Global Column Width */
.hero-body{padding:5em, 3em;}
.columns {max-width:2200px;margin:0 auto;}

/* Set foundations at the very top - if anything */
.aigb_section {max-width:2500px;font-family:'IBM Plex Sans Light';font-size:1.05em;font-weight:300;margin: 0 auto;}
.aigb_section div.explainer {min-width:285px;min-height:350px;margin: 10px 15px;padding:25px 15px;background:seashell;border-radius:4px;}
.aigb_section div.explainer h2 {padding:10px 0px;}
.aigb_section div.explainer span.material-icons {font-size:70px;color:seashell;border-radius:50%;padding:10px;margin:10px;background:linear-gradient(145deg, royalblue, mediumpurple, crimson);}
.aigb_section .service_display {display:flex;justify-content:space-evenly;}
.aigb_section .service_container {width:300px;height:400px;background:linear-gradient(to bottom, transparent, whitesmoke);font-family:'Inter';margin:15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.aigb_section .service_container .svc_cont_header {display:flex;align-items:center;justify-content:space-between;padding:7.5px;background:none;}
.aigb_section .service_container .svc_cont_desc1 {text-align:left;font-size:1.2em;font-weight:300;padding:20px 10px;}
.aigb_section .service_container .svc_cont_desc2 {text-align:left;font-size:0.9em;font-weight:500;padding:0px 10px;}
.aigb_section .service_container .svc_cont_header.ai_ess_cloudcore {background:steelblue;color:white;}
.aigb_section .service_container .svc_cont_header.ai_ess_cloudcoll {background:seagreen;color:white;}
.aigb_section .service_container .svc_cont_header.ai_ess_smewkspcs {background:palevioletred;color:white;}
.aigb_section .service_container .svc_cont_header.ai_ess_blended {background:linear-gradient(145deg,royalblue, seagreen, palevioletred);color:white;}

.aigb_section .mktplc_display {display:flex;align-items:center;width:100%;justify-content:space-evenly;}
.aigb_section .mktplc_display .mktplc_disp_element {display:grid;}
.aigb_section .mktplc_display .mktplc_disp_element span.material-symbols-rounded {font-size:35px;}
.aigb_section .mktplc_display .mktplc_disp_element .category {font-size:1em;font-weight:500;}

.aigb_section .soc-contact-bar {display:flex;justify-content:space-evenly;}
.aigb_section .soc-contact-element {display:grid;width:225px;height:125px;align-content:center;}
.aigb_section .soc-contact-element span.fab {font-size:3em;} 
.aigb_section .soc-contact-element span.soc-contact-header {font-size:1.2em;font-weight:500;}
.aigb_section .soc-contact-element span.soc-contact-detail {font-family:'IBM Plex Sans Medium';font-size:0.9em;font-weight:400;padding:3.5px;}

/* Universal Button Colours */
button.ai_uni_btn {margin:5px 7.5px 5px 0px; background:none; border:1.75px solid black;border-radius:1%;height:2.6em;font-family: 'Inter';font-weight:600;font-size:1em;display:flex;align-items:center;padding:24px;}
.ai_uni_btn {margin:5px 7.5px 5px 0px; background:none; border:1.75px solid black;border-radius:1%;height:2.6em;font-family: 'Inter';font-weight:600;font-size:1em;display:flex;align-items:center;padding:24px;}
.ai_uni_btn_box {display:flex;align-items:center;justify-content:center;padding: 20px 0px;}
.ai_uni_btn_box .material-icons, .material-symbols-sharp, .material-symbols-rounded {font-size:28.5px;} 
.ai_uni_btn_box .black {background:black;color:seashell;}
.ai_uni_btn_box .aigbmulti {background:#444;color:white;border:0.5px solid gray;}
.ai_uni_btn_box .aigbmulti:hover {background:linear-gradient(145deg, mediumpurple, limegreen);color:white;border:0.5px solid gray;}.ai_uni_btn_box .aigbmulti:hover {border:0.5px solid white}

/* aigb Navbar */
#ai_navb1.navbar {display:flex;align-items:center;justify-content: space-between;}
#ai_navb1.navbar a {font-family:'IBM Plex Sans Medium';font-weight:normal;}
#ai_navb1.navbar, .navbar-burger {min-height:6.50rem;}
#ai_navb1.navbar .navbar-item img{width:140px; height:80px;object-fit:cover;max-height:none;}
#ai_navb1.navbar .navbar-item .selecta {color:gray;}
#ai_navb1.navbar .navbar-item .selecta_inverted {color:white;}
#ai_navb1.navbar .navbar-brand {width:30%;}
#ai_navb1.navbar .navbar-end {width:70%;}
#ai_navb1.navbar .navbar-end, #ai_navb1.navbar .navbar-end .beyond_mobile {display:flex;align-items: center;justify-content: flex-end;}
#ai_navb1.navbar .navbar-end .mobile_only {display:none;}
#ai_navb1.navbar .navbar-dropdown {display: none;}
#ai_navb1.navbar .navbar-dropdown.drop-active {display: grid;}
#ai_navb1.inverted {background: black;}

@media screen and (min-width: 1024px) {
    .navbar-burger{display:flex;}
}

/* aigb Title Bar */
#ai_title_bar {padding: 26px 20px;text-align:center;background:whitesmoke;}
#ai_title_bar .hero-head {max-width:2500px;margin: 0 auto;width:100%;font-family: 'IBM Plex Sans Light';font-size:2.05em;}

.hero_top_title {display:flex;width:fit-content;width:--moz-fit-content;color:transparent;background:linear-gradient(145deg,mediumpurple,seagreen);margin:10px 0px;background-clip:text;}
.hero_top_title .h_top_hdr {font-family:'IBM Plex Sans Medium';font-size:1.3em;}
.hero_top_title .h_top_icn {padding:2px 5px;}
.hero_main_title {font-family:'IBM Plex Sans Medium';font-weight:400;font-size:2.25em;color:#444;}
.h_txt_large {font-family:'IBM Plex Sans Medium';padding:20px 40px;font-size:1.6em}


/* aigb Welcome (Hero) */
#ai_welcome {min-height:500px;}
#ai_welcome .hero-body {display:flex;align-items:center;}
#ai_welcome .columns {width:-webkit-fill-available;display:flex;margin:0 auto;background-color:none;}
#ai_welcome span.header {
    line-height:initial;font-family:'IBM Plex Sans Light';font-size:2em;
}
#ai_welcome span.header:nth-child(2) {
    font-size:4em;font-family: 'IBM Plex Sans Medium';background:linear-gradient(45deg, mediumpurple, seagreen);
    background-clip:text;color:transparent;
}
#ai_welcome .intro {display:grid;justify-content:center;justify-items:center;}
#ai_welcome p {padding:20px 0px;max-width:605px;font-size:1.2em;font-family:'IBM Plex Sans Light';}
#ai_welcome .scroll-down-mobile {display:none;}
#ai_welcome .message {display:none;}

/* aigb Welcome (for smaller siblings (screens))*/
@media only screen and (max-device-width: 480px) {
    
    #ai_welcome span.header {line-height:initial;font-size:1.2em;}#ai_welcome span.header:nth-child(2){font-size:1.8em;}
    #ai_welcome p {padding:15px 0px;max-width:605px;font-size:0.9em;font-family:'Inter';font-weight:300;}
}

/* Digital Front */
.digital_front {min-height:625px;}
.digital_front .hero-head {padding: 1rem 0.5rem;max-width:2750px;display:flex;align-items:center;margin:0 auto;width:100%;}
.digital_front .marketplace_intro {display:grid;align-content:center;justify-content:center;flex-wrap:wrap;justify-items:center;}
.digital_front .marketplace_intro.single {justify-items: center;}
.digital_front .marketplace_categories {display:flex;justify-content:center;text-align:center;flex-wrap:wrap;}
.digital_front .marketplace_categories .cat_title {font-family: 'IBM Plex Sans Medium';font-size:1.15em;}
.digital_front .marketplace_categories .element {width:100%;display:grid;align-items:center;padding:5px 120px;}
.digital_front .marketplace_categories span.material-symbols-sharp {font-size:60px;}
.digital_front .columns {width:-webkit-fill-available;display:flex;margin:0 auto;background-color:none;}
.digital_front .hero-body {display:grid;align-items:center;}
.digital_front p {font-weight:500;}
.digital_front .op_bullets {display:flex;justify-content:space-between}
.digital_front .element {display:grid;align-items:center;justify-content:center;font-family:'IBM Plex Sans Regular';font-size:1.2em;font-weight:bold;width:175px;height:200px;justify-items:center;}
.digital_front .s_element {color:rgba(0,0,0,0.755);border-radius:2%;width:145px;min-height:90px;display:grid;align-items:center;justify-content:center;margin:10px;justify-items:center;padding:20px;font-family:'Inter';font-weight:600;font-size:1.05em;}
.digital_front .s_element span.material-icons, .digital_front span.material-symbols-sharp, .digital_front span.material-symbols-rounded {font-size:82px;background:linear-gradient(145deg, mediumpurple, limegreen);-webkit-background-clip: text;color:transparent;}
.digital_front span.h_top_icn {font-size: 24px;}
.digital_front .s_element span.category {padding:1px 4px;color:#777;line-height:20px;font-family:'IBM Plex Sans Regular';}
.digital_front .ai_uni_btn_box {justify-content: flex-start;}


#ai_servicepoint .columns {width:-webkit-fill-available;display:flex;margin:0 auto;background-color:none;}
#ai_servicepoint .column {display:grid;}
#ai_servicepoint .ai_uni_btn_box {justify-content:center;}
#ai_servicepoint div.hero_top_title {padding: 4px 20px !important;justify-self:center !important;margin:20px 0px;}

.ai_digital_box {border-radius:2.5px; box-shadow: none;border:none;display:flex;align-items:center;}
.ai_digital_box span.sub {font-weight:bold;font-size:1.1em;}
.ai_digital_box span.material-symbols-sharp {font-size:70px;padding:2px 20px;}


/* Tables */
table.table.ai_digital_table thead tr th {text-align:center;}
table.table.ai_digital_table tbody tr td.overview {padding:20px;font-family:'IBM Plex Sans Regular';font-size:0.9em;text-align:center;}
table.table.ai_digital_table tbody tr td ul.exp_listing {font-family:'IBM Plex Sans Light';}
table.table.ai_digital_table tbody tr td ul.exp_listing li {display:flex;align-items:center;padding:6.5px 2px;}
table.table.ai_digital_table tbody tr td ul.exp_listing li span.material-symbols-sharp {font-size:35px;color:mediumpurple;padding:0px 10px;}
table.table.ai_digital_table tbody.payments {font-family:'IBM Plex Sans Regular';font-size:0.9em;}
table.table.ai_digital_table tbody.payments tr td div.disp-icon {display:flex;align-items:center;min-height:90px;justify-content:center;}
table.table.ai_digital_table tbody.payments tr td div.disp-text {min-height:90px;display:grid;align-items:center;align-content:center;}
table.table.ai_digital_table tbody.payments tr td div.disp-text span b {font-size:1.25em;}


table.table.ai_exp_m365_tenantreq {display:grid;justify-content:center;padding:20px;}
table.table.ai_exp_m365_tenantreq thead tr {display:flex;width:100%;}
table.table.ai_exp_m365_tenantreq thead tr th {display:flex;align-items:center;width:50%;}
table.table.ai_exp_m365_tenantreq tbody tr td {width:50%;font-size:0.9em;}
img.ai_exp_m365_tenantreq_sc {padding:15px;margin:35px 0px;border:2px solid gray;}
p.ai_exp_m365_para_pad {padding:15px;}

.aidgtl_str_prod {display:grid;min-width:300px;border:2px solid gray;border-radius: 6px;margin:10px;}
.aidgtl_str_prod span.title_s1 {font-size:0.85em;}
.aidgtl_str_prod span.title_s2 {font-size:1.5em;}
.aidgtl_str_prod span.short_desc {font-size:0.8em;font-weight:bold;min-height:100px;}
.aidgtl_str_prod span.price_s1 {font-size:1.25em;font-weight:bold;}
.aidgtl_str_prod span.price_s2 {font-size:0.8em;}

.aidgtl_str_prod_details {font-family:'IBM Plex Sans Regular';}
.aidgtl_str_prod_details span.short_desc {font-size:1.25em;}
.aidgtl_str_prod_details div.next_steps span.next_steps_header {font-size:1.5em;}
.aidgtl_str_prod_details div.next_steps p {padding:10px 0px;}
.aidgtl_str_prod_details div.pricing {padding: 0px;margin:0px 20px;}
.aidgtl_str_prod_details div.pricing .price_s1 {font-size:2em;font-family:'IBM Plex Sans Light';}
.aidgtl_str_prod_details div.pricing .price_s2 {font-size:1.1em;font-family:'IBM Plex Sans Medium';}
.aidgtl_str_prod_details div.pricing div.payments_space {display:grid;}
.aidgtl_str_prod_details div.pricing div.payments_space button {margin: 5px 0px; border-radius:0;font-family:'IBM Plex Sans Medium';}
.aidgtl_str_prod_details div.pricing div.payments_space span.material-symbols-sharp {padding:0px 5px;}
.aidgtl_str_prod_details div.pricing div.add_info {background:#eee;padding:20px;font-family:'IBM Plex Sans Regular';font-size:0.9em;margin:20px 0px;}
.aidgtl_str_prod_details div.pricing div.m365_product_true {background:royalblue;color:white;padding:20px;font-weight:bold;font-family:'IBM Plex Sans Light';font-size:0.9em;margin:20px 0px;}
.aidgtl_str_prod_details div.pricing div.m365_product_false {background:lightgray;padding:20px;font-weight:bold;font-family:'IBM Plex Sans Light';font-size:0.9em;margin:20px 0px;}
.aidgtl_str_prod_details div.pricing div.pay_info {background:lightgoldenrodyellow;padding:20px;font-weight:bold;font-family:'IBM Plex Sans Light';font-size:0.9em;margin:20px 0px;}


table.table.aidgtl_str_prod_details_m365_tbl tbody tr td div.display_img {display:grid;min-height:150px;align-items:center;}
table.table.aidgtl_str_prod_details_m365_tbl tbody tr td div.display_details {display:grid;min-height:150px;align-items:center;align-content:center;}
table.table.aidgtl_str_prod_details_m365_tbl tbody tr td ul li {margin-left:15px;list-style-type: disc;}

#paybycard-modal .modal-card-title {font-family:'IBM Plex Sans Light';font-size:1.25em;}
#paybycard-modal section.modal-card-body {font-family:'IBM Plex Sans Regular';font-size:0.9em;}
#paybycard-modal section.modal-card-body div.pay_options {display:grid;}
#paybycard-modal section.modal-card-body div.pay_options a.button {margin: 5px 0px;}

#paybycrypto-modal .modal-card-title {font-family:'IBM Plex Sans Light';font-size:1.25em;}
#paybycrypto-modal section.modal-card-body {font-family:'IBM Plex Sans Regular';font-size:0.9em;}
#paybycrypto-modal section.modal-card-body div.pay_options {display:grid;}
#paybycrypto-modal section.modal-card-body div.pay_options a.button {margin: 5px 0px;}



.help_nav_link {display:flex;justify-content:center;font-family:'IBM Plex Sans Medium';font-size:0.9em;}

.h_hdr {font-family:Inter;font-size:1.2em;display:flex;align-items: center;font-weight:bold;}
.h_txt {font-family:Inter;font-size:0.8em;font-weight:300;}
.h_hdr_large {font-family:Inter;font-size:1.8em;display:flex;align-items: center;font-weight:bold;}


@media only screen and (max-device-width: 1512px) {
    #aigb_intro .p1 h2{font-family:'IBM Plex Sans Light';font-size:1.6em;color:gray;}
    #aigb_intro .p1 p{font-family:'IBM Plex Sans Regular';font-size:0.9em;color:gray;padding:20px 0px;}
    .hero_main_title {font-family:'IBM Plex Sans Light';font-weight:400;font-size:2.4375em;color:gray;}
    .h_txt_large {font-family:'IBM Plex Sans Medium';padding:20px 0px;font-size:1.2em}
}

/*#about_aiol {background:linear-gradient(to bottom, black, mediumpurple, limegreen, white);}*/
#about_aiol .content_box {color:gray;padding:2em;font-family:'Inter';display:flex;justify-content:center;text-align:center;}
#about_aiol .content_box .content_display, #about_aiol .content_box .content_display .end {width:57%;display:grid;}
#about_aiol .content_box .end {padding:10px;}
#about_aiol .content_box .content_display span.desc_small_header {width:100%;font-family:'IBM Plex Sans Medium';padding:3px 0px;font-weight:600;}
#about_aiol .content_box .content_display h3.desc_big_header {font-family:'IBM Plex Sans Light';font-size:1.7em;padding: 10px 0px;}
#about_aiol .content_box .content_display p.desc_text {margin:6px 0px;font-size:0.975em;font-weight:500;}

#aigb_about_begin {padding:6em;}

#ai_services .header {font-family:'Inter';text-transform: uppercase;padding: 30px 0px;font-weight:bold;}
#ai_services .description {font-family:'Inter';padding: 10px 0px;}
#ai_services .services {display:flex;justify-content:center;}
#ai_services .services .s_element {width:275px;height:375px;display:grid;align-items:center;justify-content:center;margin:15px;justify-items:center;padding:25px;font-family:'Inter';}
#ai_services .services .element_title {font-weight:bold;}
#ai_services .services span.s_icon {font-size:65px;}
#ai_services .services span.s_status_active {font-size:30px;color:skyblue;padding:10px;}
#ai_services .services span.s_status_pending {font-size:30px;color:goldenrod;padding:10px;}
#ai_services .services span.s_status_inactive {font-size:30px;color:gray;padding:10px;}
#ai_services .services .cloud {background:linear-gradient(145deg, white,lightgray);}
#ai_services .services .btn_box {display:flex;justify-content: center;}
#ai_services .services button {width:225px;height:50px;border-radius:0%;background:none;border: 1.5px solid black;font-family:'Inter'}
#ai_services .services button span.material-icons {font-size:1.75em;padding:0px 5px;}

.ai_digital .column {background:mediumpurple;color:whitesmoke;padding:35px 15px;}
.ai_svcpoint .column {background:royalblue;color:whitesmoke;padding:35px 15px;}
.ai_hardware .column {background:black;color:white;padding:35px 15px;}
.ai_hardware ul {list-style: none;} .ai_hardware ul li {display:flex;align-items:center;padding:5px 1px;}
.ai_hardware ul li span {padding-right:10px;}
.service_d .service_hdr {padding:15px;}
.service_d h2 {font-family: 'IBM Plex Sans Light';font-size:1.75em;padding:2px;}
.service_d h3 {font-family: 'IBM Plex Sans Medium';font-size:1.25em;padding:0.5em 0em;}
.service_d p {font-family: 'IBM Plex Sans Regular';padding:10px 0px;}
.service_d p.desc {font-family: 'IBM Plex Sans Light';padding:5px 0px 30px 0px;font-size:1.5em;}
.service_d .adjust {display:grid;align-content:center;}
.service_d ul {font-family: 'IBM Plex Sans Medium';list-style-type: disc;padding-left:20px;}
.service_d ul li {font-size:1.1em;}
.service_d .column {display:grid;align-content:center;}

article.message.is-info  div.message-header {display:flex;justify-content:center;}
article.message.is-aiol-info  div.message-header {display:flex;justify-content:center;background:mediumpurple;color:white;}

/* Privacy Policy */
.privacy_policy {font-size:0.9em;}
.privacy_policy h2 {font-size:1.2em;}
.privacy_policy p {padding:15px 0px;}
.privacy_policy ul {list-style-type: circle;padding-left:20px;}

/* Contact */
.ai_getintouch {display:flex;align-items:center;background:none;color:mediumpurple;}
.ai_getintouch .icon_box {border-left:2.5px solid mediumpurple;height:100%;display: flex;align-items: center;justify-content: center;}
.ai_getintouch .icon_box span {font-size:3em;}
.ai_getintouch .content {text-align: left;color:#222;}
.ai_getintouch .content h2 {padding:7.5px 0px;font-size:0.9em;} .ai_getintouch .content p {font-size:0.9em;}
.ai_getintouch .notification {font-family:'IBM Plex Sans Regular';font-size:0.9em;margin:10px 0px;}

#ai_errors .issue {display:grid;justify-content:center;justify-items:center;font-family:'Inter';}
#ai_errors .issue .i_icon {font-size:9em;background:linear-gradient(145deg, mediumpurple, limegreen);color:transparent;-webkit-background-clip:text;}
#ai_errors .issue .i_msg {padding:70px 10px;}
#ai_errors .issue .i_msg p {font-family:'IBM Plex Sans Regular';padding: 20px 0px;}
#ai_errors .issue h2 {font-family:'IBM Plex Sans Light';font-size:2em;padding:6.5px;}

#ai_errors .issue .i_opt {height:55px;display:flex;align-items:center;}
#ai_errors .issue .i_opt span {font-weight:500;}
#ai_errors .issue .i_opt a {height:100%;display:flex;align-items:center;}
#ai_errors pre {margin:25px 0px;}

.ai_linkups {display:flex;align-items:center;}
img.ai_ptnr_disp {height:auto;}
img.ai_ptnr_disp.lph{width:55%;}
img.ai_ptnr_disp.dpbx_biz {width:30%;}
.text {font-family:'IBM Plex Sans Regular';line-height:1.4em;font-size:0.9em}

/* aigb Footer (Gen 2) */
footer {width:100%;position:absolute;bottom:auto;}
#ai_footer {min-height:425px;background: black;}
#ai_footer a {color:white;}
#ai_footer .soc-links {background: linear-gradient(145deg, mediumpurple, limegreen); width: 100%; margin: 0px 0px 0px 0px;height:50px;}
#ai_footer .soc-links .columns {margin:0 auto;text-align:center;color:white;justify-content:center;height:100%}
#ai_footer .soc-links .columns .soc-links-contain {display:flex;justify-content:center;align-items:center;padding:0px;}
#ai_footer .soc-links .soc-links-box {width:50px;height:50px;margin:0px 7.5px;background:none;display:grid;align-content:center;}
#ai_footer .soc-links .soc-links-box:hover {background:rgba(0,0,0,0.45)}
#ai_footer .soc-links .soc-links-box .fab {font-size:1.25em;}
#ai_footer .soc-content {display:flex;width: 100%;justify-content:center;max-width:1750px;margin:0 auto;}
#ai_footer .soc-content a {font-family:'IBM Plex Sans Medium';font-size:0.95em;color:white;} #ai_footer .soc-content a:hover {color:mediumpurple;font-weight:bold;}
#ai_footer .soc-content .columns {display:flex;text-align:left;justify-content:center;width:100%;max-width:2500px;margin: 22px 0px 0px 0px;flex-wrap:wrap;}
#ai_footer .soc-content .soc-content-box {background:none;font-family:'IBM Plex Sans Regular';padding:25px 40px;color:white;}
#ai_footer .soc-content .soc-content-box h2 {font-family: 'IBM Plex Sans Medium';font-weight:500;padding:5px 0px;font-size:1.25em;color:white;}
#ai_footer .soc-content .soc-content-box p.CompanyInfo {font-weight:bold;font-size:0.9em;}
#ai_footer .soc-content .soc-content-box ul {padding: 15px 0px;}
#ai_footer .soc-content .soc-content-box ul li {font-size:0.95em;}
#ai_footer .soc-content fieldset {padding:20px 0px;}
#ai_footer .soc-content fieldset input:disabled {background:lightgray;border-radius: 0;border-color:gray;font-family: 'IBM Plex Sans Light';}
#ai_footer .soc-ending {display:flex;width: 100%;justify-content:center;height:135px;font-family:'Inter';}
#ai_footer .soc-ending .columns {display:flex;text-align:left;justify-content:center;width:100%;margin: 15px 0px;text-align:center;}
#ai_footer .soc-ending .soc-ending-box {display:flex;justify-content:center;align-items:center;font-size:0.9em;font-weight:500;}
#ai_footer .soc-ending .soc-ending-box span.material-symbols-sharp {font-size:18.5px;padding:0px 5px;background: linear-gradient(145deg, mediumpurple, limegreen);color:transparent;-webkit-background-clip:text;}
#ai_footer .aiol-bottom-ending {
    display:grid;background:black;padding:5px 40px;font-family:'IBM Plex Sans Medium';
    color:darkgray;font-size:0.9em;text-align:center;justify-content:center;justify-items:center;padding:20px;
}

#ai_footer .aiol-bottom-ending .aiol-logo {width:200px;height:95px;object-fit:cover;}
#ai_footer .aiol-bottom-ending p {color:white;font-size:0.8em;}


@media only screen and (max-device-width: 480px) {
    .hero-head {justify-content:center;}
    div.hero_top_title {padding: 4px 20px !important;justify-self:center !important;margin:20px 0px;}
    .h_txt_large {font-family:'IBM Plex Sans Medium';padding:20px 0px;font-size:1.2em}
    #ai_navb1.navbar {display:flex;align-items:center;justify-content: left;}
    #ai_navb1.navbar .navbar-item img {width:120px;height:60px;}
    #ai_navb1.navbar .navbar-dropdown {width:100%;height:auto;position:absolute;background:whitesmoke;z-index:1;margin-top:360px;}
    .digital_front .s_element {display:grid;width:135px;}
    .digital_front .hero_main_title, #ai_esscoll .hero_main_title, #ai_servicepoint .hero_main_title {font-size:1.625em;}
    .digital_front .marketplace_intro, #ai_esscoll .p1a {display:grid;text-align:center;justify-items:center;}
    .digital_front .ai_uni_btn_box, #ai_esscoll .ai_uni_btn_box {justify-content: center;}
    #ai_navb1.navbar .navbar-end, #ai_navb1.navbar .navbar-end .mobile_only {display:flex;align-items: center;justify-content: flex-end;}
    #ai_navb1.navbar .navbar-end .beyond_mobile {display:none;}
    #ai_welcome {height:87vh;}
    #ai_welcome .scroll-down-mobile {display:flex;justify-content:center;}
    #ai_title_bar {padding: 26px 20px;text-align:center;background:whitesmoke;}
    #ai_title_bar .hero-head {max-width:2500px;margin: 0 auto;width:100%;font-family: 'IBM Plex Sans Light';font-size:1.3em;}
    #about_aiol .content_box .content_display {width:100%;}
    #about_aiol .content_box .content_display span.desc_small_header {width:100%;font-family:'IBM Plex Sans Medium';padding:3px 0px;font-weight:600;font-size:0.7em}
    #about_aiol .content_box .content_display h3.desc_big_header {font-family:'IBM Plex Sans Light';font-size:1.35em;padding: 8px 0px;}
    #about_aiol .content_box .content_display p.desc_text {margin:6px 0px;font-size:0.85em;font-weight:500;}
    #ai_welcome .message {display:grid;padding:15px;text-align:left;background:linear-gradient(to right, mediumpurple, limegreen);border-radius:0px;color:white;}
    #ai_footer .soc-content .soc-content-box {
        background:none;font-family:'Inter';padding:25px 40px;display:grid;justify-items:center;text-align:center;
    }
    #ai_footer .soc-content .soc-content-box fieldset {width:100%;}
}