{"version":3,"sourceRoot":"","sources":["combined-styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdF;IAeI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhBF;IAiBI;IACA;IACA;IACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUG;IACA;IACA;;;;AAIH;EACE;EACA;EACA;EACA;;AAQA;EAZF;IAaI;;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;;AAGA;EAPF;IAQI;;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;;;AAGF;EAZF;IAaI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAOA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBA;;AAfA;EAZF;IAaI;IACA;;;AAGF;EACE;AACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAqCA;;AAnCA;EACE;IACE;IACA;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAOJ;EAxIF;IAyII;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAIJ;IACE;IACA;IACA;;EACA;IACE;IACA;;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EAhBF;IAiBI;IACA;IACA;;;AAGF;EAtBF;IAuBI;;EAEA;IACE;;;;AAKN;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAhBF;IAiBI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAhBF;IAiBI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAhBF;IAiBI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAfF;IAgBI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;IACA;;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;;;AAGF;EAZF;IAaI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;AAIJ;EAxBF;IAyBI;IACA;;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;;AAMR;EACE;EACA;EACA;EAQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EACE;EACA;EACA;EACA;;AAWF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;IACE;;EAEA;IACE;;;AAMN;EAlDF;IAmDI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;;;AAMN;EACE;IACE;;EAEA;IACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAXF;IAYI;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAbF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAhBF;IAiBI;IACA;;;AAGF;EArBF;IAsBI;IACA;;EAEA;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAOV;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;;;AAGF;EAZF;IAaI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;;;AAMF;EAFF;IAGI;IACA;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA,qBACsB;EAItB;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;IACA;IACA;;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;EAlBF;AAAA;IAmBI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;IACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAhBF;IAiBI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAIN;AAAA;EAGE;EACA;EACA;;AAKF;EAvCF;IAwCI;IACA;IACA;IACA;;EAEA;AAAA;AAAA;IAGE;IACA;;EAIE;IACI;;EAEJ;IACI;;EAIR;AAAA;AAEE;IACA;IACA;IACA;IACA;IACA;;;;AAON;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;IACA;IACA;IACA;IACA;IACA;;;AAIA;EACE;;AAEA;EAHF;IAII;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAnBF;IAoBI;IACA;;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAXF;IAYI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAZF;IAaI;IACA;IACA;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAKF;EADF;IAEI;;EAEA;IACE;IACA;;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EAhBF;IAiBI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAMA;;AALA;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EAzBF;IA0BI;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;AAMA;;AAJA;EACE;;AAIF;EACE;;AAGF;EAfF;IAgBI;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAQV;EAzHF;IA0HI;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;;;AAMN;EACE;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAGF;EACE;;AAKN;EACI;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EAnGF;IAoGI;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEA;AAAA;IAEE;IACA;IACA;;EAIF;IACE;IACA;;EAIJ;IACE;IACA;IACA;;EAEA;IACE;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;;AAIJ;EArEF;IAsEI;;EAEA;IACE;;EAGF;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;;AAIJ;EACE;IACE;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;IACE;;;;AAMJ;EACE;;;AAIJ;AACA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;;AAIJ;AACA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EARF;IASI;IACA;;;;AAIJ;AACA;AAAA;AAAA;EAGE;EACA;AACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;;;AAIJ","sourcesContent":["html {\n box-sizing: border-box;\n width: 100%;\n}\n\nbody {\n width: 100%;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n\n#actions {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background-color: #0a233b;\n background-image: url(\"/img/industrial-background.png\");\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n flex-wrap: wrap;\n position: relative;\n padding: 50px 20px;\n\n @media (min-width: 1025px) {\n padding: 100px 20px;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 8px 24px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.1em;\n margin: 10px 15px;\n background-color: #002d4f;\n display: inline-block;\n \n @media (min-width: 1025px) {\n padding: 15px 40px;\n font-size: 1.4em;\n margin: 15px 30px;\n min-width: 250px;\n }\n }\n\n a:nth-of-type(1) {\n border: 2px solid #fcbb23;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n\n a:nth-of-type(2) {\n border: 2px solid #00caf4;\n\n &:hover {\n background-color: #00caf4;\n color: #000;\n text-decoration: none;\n }\n }\n}\n\n#addon-billing {\n display: flex;\n flex-direction: column;\n justify-content: column;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 60vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 0 1 406px;\n margin-bottom: 0px;\n }\n }\n}\n\n#addon-incident {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 60vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 0 1 406px;\n margin-bottom: 0px;\n }\n }\n}\n\n#addon-inventory {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n justify-content: column;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 60vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 0 1 406px;\n margin-bottom: 0px;\n }\n }\n}\n\n#addon-procedures {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n justify-content: column;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 55vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 0 1 406px;\n margin-bottom: 0px;\n }\n }\n}\n\n#addon-request {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 60vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 0 1 406px;\n margin-bottom: 0px;\n }\n }\n}\n\n#addon-time {\n background-color: #0a233b;\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n align-items: center;\n\n h1,\n h2 {\n font-weight: 700;\n font-size: 40px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: #5ecfea;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n }\n\n p {\n color: #fffafe;\n font-family: \"Maven Pro\";\n max-width: 440px;\n font-size: 1.2em;\n line-height: 1.32em;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1em;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n}\n\n#addon-header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: #002d4f;\n text-align: center;\n padding-bottom: 20vw;\n\n @media (min-width: 1025px) {\n text-align: left;\n padding: 111px;\n flex-direction: row;\n }\n}\n\n#addons-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto auto auto auto auto auto;\n grid-template-areas: \"addonsHeader\"\n \"addonRequest\"\n \"addonProcedures\"\n \"addonBilling\"\n \"addonInventory\"\n \"addonIncident\"\n;\n\n @media (min-width: 1025px) {\n grid-template-rows: 600px 1000px 1000px 1000px 1000px 1000px;\n }\n\n #addons-header {\n grid-area: addonsHeader;\n }\n\n #addon-request {\n grid-area: addonRequest;\n }\n\n #addon-procedures {\n grid-area: addonProcedures;\n }\n\n #addon-billing {\n grid-area: addonBilling;\n }\n\n #addon-inventory {\n grid-area: addonInventory;\n }\n\n #addon-incident {\n grid-area: addonIncident;\n }\n}\n\n#all-features-body {\n background-color: #002d4f;\n padding-left: 5%;\n padding-right: 5%;\n\n @media (min-width: 1025px) {\n padding-left: 20%;\n }\n\n dl {\n width: 100%;\n\n @media (min-width: 1025px) {\n width: 50vw;\n }\n }\n\n dt {\n color: #ffc600;\n font-size: 2.2em;\n line-height: 1.2em;\n font-family: \"Maven Pro\";\n letter-spacing: -1px;\n margin-bottom: 5px;\n }\n\n dd {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n font-size: 1em;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n }\n}\n\n#all-features-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n grid-template-areas: \"allFeaturesBody\"\n;\n\n @media (min-width: 1025px) {\n grid-template-rows: auto;\n }\n\n #all-features-body {\n grid-area: allFeaturesBody;\n }\n}\n\n#blog-body {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n padding-top: 50px;\n padding: 4vw;\n\n @media (min-width: 1025px) {\n padding: 4vw;\n }\n\n div {\n width: 100%;\n\n @media (min-width: 1025px) {\n width: 50vw;\n }\n }\n\n a {\n color: #ffc600;\n font-size: 2.2em;\n line-height: 1.1em;\n font-family: \"Maven Pro\";\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n p {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n }\n}\n\n#blog-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n grid-template-areas: \"blogBody\";\n\n #blog-body {\n grid-area: blogBody;\n }\n}\n\n#contact-container {\n display: grid;\n background-color: #002d4f;\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n padding: 30px 20px;\n grid-template-areas: \"contact-form\";\n justify-items: center;\n padding-bottom: 200px;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n\n h1 {\n font-weight: 700;\n font-size: 40px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: #5ecfea;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n text-align: center;\n }\n\n h2 {\n text-align: center;\n }\n}\n\nform#contact-form {\n margin-top: 60px;\n padding: 10px;\n padding-right: 5%;\n padding-left: 5%;\n width: 100%;\n max-width: 800px;\n\n @media (min-width: 1025px) {\n margin-top: 60px;\n padding: 10px;\n width: 90%;\n max-width: 1200px;\n }\n\n input, textarea {\n padding: .8em .4em;\n display: inline-block;\n border: 1px solid #ccc;\n box-shadow: inset 0 1px 3px #ddd;\n border-radius: 4px;\n vertical-align: middle;\n box-sizing: border-box;\n margin-bottom: 14px;\n margin-top: 6px;\n font-size: 14px;\n font-family: \"Maven Pro\";\n width: 100%;\n }\n\n label {\n color: white;\n }\n\n ::placeholder {\n color: white;\n opacity: 0.2;\n }\n\n .button-agile {\n background-color: #fcbb23;\n border-color: #fcbb23;\n font-size: 1.3em;\n font-weight: bold;\n text-transform: uppercase;\n border: 1px solid rgb(217, 217, 217);\n padding: 10px 20px;\n margin-top: 10px;\n max-width: 300px;\n \n @media (min-width: 1025px) {\n padding: 12px 30px;\n }\n\n &:hover {\n background-color: #f3b31e;\n cursor: pointer;\n border: 1px solid white;\n }\n }\n\n input:not(.button-agile), textarea {\n background-color: #164067;\n border: 1px solid #025173;\n }\n\n input, textarea {\n box-shadow: none;\n color: white;\n width: 100%;\n }\n}\n\n#control {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: flex-end;\n }\n\n @media (min-width: 1370px) {\n flex-direction: row;\n justify-content: center;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n padding: 10px;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 1 1 337px;\n max-width: 800px;\n border-radius: 1%;\n margin-bottom: 0px;\n }\n }\n}\n\n#customers {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n padding: 30px 0px;\n\n img {\n margin-bottom: 50px;\n }\n}\n\n#default-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 55px auto 300px auto 200px;\n grid-template-areas: \"topNav\"\n \"defaultContentWrapper\"\n \"actions\"\n \"footer\"\n \"meta\"\n ;\n\n #top-nav {\n grid-area: topNav;\n }\n\n #default-content-wrapper {\n grid-area: defaultContentWrapper;\n }\n\n #actions {\n grid-area: actions;\n width: 100%;\n margin: 0;\n }\n\n #footer {\n grid-area: footer;\n }\n\n #meta {\n grid-area: meta;\n }\n}\n\n.sp-feature-section {\n width: 100%;\n padding: 110px 0px;\n margin: 100px auto;\n box-sizing: border-box;\n display: flex;\n justify-content: flex-start;\n flex-direction: column; // Default to column, will be overridden for larger screens if needed\n align-items: flex-start; // Or 'center' if you want items centered when stacked\n max-width: 1000px;\n overflow-x: hidden;\n \n @media (max-width: 768px) {\n margin: 20px auto;\n padding: 20px 24px;\n }\n\n img {\n max-width: 100%; // Make image fully responsive\n /* Preserve inline width attributes on desktop */\n height: auto;\n display: block; // Good for responsive images\n margin-left: auto; // Center image if it's narrower than 100%\n margin-right: auto;\n box-sizing: border-box;\n }\n \n /* Only override width on mobile */\n @media (max-width: 768px) {\n img {\n width: auto !important; // Override inline width on mobile only\n }\n }\n\n h2 {\n font-weight: 700;\n font-size: 30px; // Adjusted for mobile\n letter-spacing: -0.022em;\n line-height: 1.2em; // Adjusted for mobile\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n max-width: 100%; // Allow h1 to take full width on mobile\n margin-bottom: 15px; // Space between h1 and image\n }\n\n .feature-list-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n \n @media (max-width: 768px) {\n flex-direction: column; /* Stack items vertically on mobile */\n }\n }\n\n ul {\n list-style-type: none;\n\n li {\n margin-bottom: 20px;\n }\n }\n\n .sp-subtext {\n font-weight: 400;\n font-size: 1.2em; // Adjusted for mobile\n line-height: 1.6em; // Adjusted for mobile\n letter-spacing: -0.03em;\n color: #263238;\n margin-bottom: 40px; // Adjusted for mobile\n font-family: \"Maven Pro\";\n width: 100%; // Ensure subtext takes full width\n max-width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\n\n i {\n color: #faa91c;\n margin-right: 5px;\n display: inline;\n }\n }\n\n .sp-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n \n /* No desktop overrides for images - use inline width/height attributes */\n \n @media (max-width: 768px) {\n img {\n max-width: 85%;\n width: auto !important; /* Only override inline width on mobile */\n height: auto; /* Maintain aspect ratio on mobile */\n margin-bottom: 20px;\n }\n }\n\n ul {\n padding: 0px;\n margin: 0px;\n margin-top: 40px;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n list-style-type: none;\n }\n \n li {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n padding: 10px 5px;\n margin-bottom: 15px;\n }\n \n strong {\n display: inline;\n margin-bottom: 5px;\n }\n \n /* Remove this style as it conflicts with our new sp-list img style */\n }\n\n // Styles for larger screens (e.g., tablets and desktops)\n @media (min-width: 769px) { // Adjust breakpoint as needed\n flex-direction: column; // Or 'row' if the entire section should be a row\n align-items: flex-start; // Revert to original alignment\n\n .sp-list {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n }\n\n .sp-header {\n flex-direction: row; // Header items side-by-side\n justify-content: space-between;\n align-items: center;\n text-align: left; // Revert text alignment\n margin-bottom: 0; // Revert margin\n\n h1 {\n font-size: 36px; // Original font size\n line-height: 41px; // Original line height\n margin-bottom: 0; // Remove bottom margin\n }\n\n img {\n max-width: 340px; // Or your original desktop image width\n margin-left: 0; // Revert centering\n margin-right: 0;\n }\n }\n\n .sp-subtext {\n font-size: 1.2em; // Original font size\n line-height: 1.5em; // Original line height\n margin-bottom: 80px; // Original margin\n ul {\n padding: 10px; // Original padding\n margin: 10px; // Original margin\n }\n }\n }\n}\n\n#faq-body {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n padding-top: 50px;\n padding: 4vw;\n\n @media (min-width: 1025px) {\n padding: 4vw;\n }\n\n dl {\n width: 100%;\n\n @media (min-width: 1025px) {\n width: 50vw;\n }\n }\n\n dt {\n color: #ffc600;\n font-size: 2.2em;\n line-height: 1.2em;\n font-family: \"Maven Pro\";\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n dd {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n font-size: 1em;\n \n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n }\n}\n\n#faq-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n grid-template-areas: \"faqBody\";\n\n #faq-body {\n grid-area: faqBody;\n }\n}\n\n#features-header {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background-color: #002d4f;\n padding-bottom: 248px;\n padding-top: 40px;\n flex-wrap: wrap-reverse;\n gap: 10em;\n \n /* Ensure the image container has proper sizing */\n > img {\n flex: 0 0 auto; /* Prevent image from shrinking */\n }\n \n @media (max-width: 768px) {\n flex-direction: column; /* Stack items vertically on mobile */\n gap: 3em; /* Reduced gap for mobile */\n padding: 10px 10px 100px 10px; /* Less padding on mobile */\n }\n\n @media (min-width: 1025px) {\n padding-top: 100px;\n\n div {\n max-width: 28%;\n }\n }\n}\n\n/* Features wrapper container */\n#features-wrapper {\n width: 100%;\n display: block;\n}\n\n.ai-hero {\n position: relative;\n justify-content: flex-start !important;\n min-height: 700px;\n padding: 100px 60px 160px 60px !important;\n background-image: linear-gradient(to right, rgba(0, 45, 79, 0.88), rgba(0, 45, 79, 0.45)), url(\"../img/ui/ai-hero-bg.png\");\n background-position: center;\n background-size: cover;\n box-sizing: border-box;\n\n div {\n position: relative;\n z-index: 1;\n max-width: 520px !important;\n }\n\n @media (max-width: 768px) {\n min-height: 560px;\n padding: 70px 24px 110px 24px !important;\n background-position: center right;\n text-align: center;\n }\n}\n\n.reporting-hero {\n position: relative;\n justify-content: flex-start !important;\n min-height: 700px;\n padding: 100px 60px 160px 60px !important;\n background-image: linear-gradient(to right, rgba(0, 45, 79, 0.9), rgba(0, 45, 79, 0.48)), url(\"../img/ui/reporting-hero-bg.png\");\n background-position: center;\n background-size: cover;\n box-sizing: border-box;\n\n div {\n position: relative;\n z-index: 1;\n max-width: 560px !important;\n }\n\n @media (max-width: 768px) {\n min-height: 560px;\n padding: 70px 24px 110px 24px !important;\n background-position: center right;\n text-align: center;\n }\n}\n\n.work-request-hero {\n position: relative;\n justify-content: flex-start !important;\n min-height: 700px;\n padding: 100px 60px 160px 60px !important;\n background-image: linear-gradient(to right, rgba(0, 45, 79, 0.92), rgba(0, 45, 79, 0.48)), url(\"../img/ui/work-request-hero-bg.png\");\n background-position: center;\n background-size: cover;\n box-sizing: border-box;\n\n div {\n position: relative;\n z-index: 1;\n max-width: 560px !important;\n }\n\n @media (max-width: 768px) {\n min-height: 560px;\n padding: 70px 24px 110px 24px !important;\n background-position: center right;\n text-align: center;\n }\n}\n\n#footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: #002d4f;\n padding-top: 50px;\n padding-bottom: 50px;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n align-items: flex-start;\n background-color: #002d4f;\n padding-top: 200px;\n }\n\n img, div {\n margin-right: 40px;\n margin-left: 40px;\n }\n\n div {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 10vw;\n\n a {\n color: white;\n padding-bottom: 10px;\n font-size: 14px;\n text-align: center;\n }\n\n @media (min-width: 1025px) {\n width: auto;\n align-items: flex-start;\n }\n }\n\n h2 {\n color: #5ecfea;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 20px;\n letter-spacing: -0.022em;\n line-height: 22px;\n }\n}\n\n#french {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n padding: 10px;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n height: 40vw;\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 1 1 337px;\n max-width: 1036px;\n margin-bottom: 0px;\n }\n }\n}\n\n#index-wrapper {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n\n #main-callout {\n grid-area: mainCallOut;\n }\n\n #customers {\n grid-area: customers;\n }\n\n #control {\n grid-area: control;\n }\n\n #invite {\n grid-area: invite;\n }\n\n #mobile {\n grid-area: mobile;\n }\n\n #testimonial-irvine {\n grid-area: irvine;\n position: relative;\n }\n\n #testimonial-ginzel {\n grid-area: ginzel;\n position: relative;\n }\n\n #testimonial-ian {\n grid-area: ian;\n position: relative;\n }\n}\n\n#invite {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: flex-end;\n }\n\n @media (min-width: 1370px) {\n flex-direction: row;\n justify-content: center;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n padding: 10px;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img {\n margin-bottom: 100px;\n\n @media (min-width: 1025px) {\n flex: 1 1 337px;\n max-width: 800px;\n margin-bottom: 0px;\n }\n }\n}\n\n#main-callout-background {\n position: relative;\n color: white;\n padding: 5rem;\n display: flex;\n flex-direction: column;\n margin-bottom: 100px;\n \n @media (max-width: 768px) {\n padding: 0rem 0rem;\n align-items: center;\n text-align: center;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/gpt-aerospace-workshop.png\");\n background-size: cover;\n background-position: center;\n filter: blur(0px);\n z-index: -1;\n }\n\n h1 {\n font-weight: 700;\n font-size: 50px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: white;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n padding: 10px;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.3em;\n margin-bottom: 30px;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n\n &.cta-secondary {\n border-color: #5ecfea;\n margin-left: 15px;\n\n &:hover {\n background-color: #5ecfea;\n color: #002d4f;\n }\n }\n }\n\n #main-callout-background-content {\n @media (max-width: 768px) {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n box-sizing: border-box;\n padding: 0px 10px 50px 10px;\n \n div {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n \n h1, h2 {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n word-wrap: break-word;\n }\n }\n \n @media (min-width: 1024px) {\n max-width: 40%;\n margin-left: auto;\n }\n\n > div {\n background-color: rgba(0, 45, 79, 0.85);\n padding: 2rem 2.5rem;\n border-radius: 8px;\n }\n }\n}\n\n#chemical-main-callout-background {\n position: relative;\n color: white;\n padding: 6rem 2rem 5rem 5rem;\n display: flex;\n flex-direction: column;\n height: 750px;\n box-sizing: border-box;\n width: 100%;\n \n @media (max-width: 768px) {\n height: auto;\n min-height: 400px;\n padding: 3rem 1.5rem;\n text-align: center;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/lab.jpg\");\n background-size: cover;\n background-position: center;\n filter: blur(0px);\n z-index: -1;\n }\n\n h1 {\n font-weight: 700;\n font-size: 50px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: white;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n padding: 10px;\n \n @media (max-width: 768px) {\n font-size: 32px;\n line-height: 1.2;\n padding: 5px;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n word-wrap: break-word;\n }\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.3em;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n\n #main-callout-background-content {\n max-width: 40%; /* Desktop only - will be overridden on mobile */\n \n @media (max-width: 768px) {\n width: 100%;\n max-width: 100%; /* Override desktop max-width for mobile */\n display: flex;\n flex-direction: column;\n align-items: center;\n box-sizing: border-box;\n \n div {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n \n h1, h2 {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n word-wrap: break-word;\n }\n }\n }\n}\n\n#service-providers-main-callout-background {\n position: relative;\n color: white;\n padding: 6rem 2rem 5rem 5rem;\n\n #main-callout-background-content > div {\n background-color: rgba(0, 45, 79, 0.85);\n padding: 2rem 2.5rem;\n border-radius: 8px;\n max-width: 100%;\n }\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 750px;\n box-sizing: border-box;\n width: 100%;\n overflow: hidden;\n\n .hero-device-image {\n flex: 0 0 45%;\n display: flex;\n justify-content: center;\n align-items: flex-end;\n align-self: flex-end;\n z-index: 1;\n\n img {\n max-width: 100%;\n max-height: 680px;\n width: auto;\n height: auto;\n object-fit: contain;\n filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3));\n }\n }\n\n // Tablet styles\n @media (max-width: 1024px) {\n .hero-device-image {\n flex: 0 0 40%;\n\n img {\n max-height: 500px;\n }\n }\n }\n\n // Mobile styles\n @media (max-width: 768px) {\n flex-direction: column;\n height: auto;\n min-height: 400px;\n padding: 2rem 1rem;\n text-align: center;\n width: 100%;\n box-sizing: border-box;\n \n h1 {\n font-size: 32px;\n line-height: 1.2;\n padding: 5px;\n }\n \n h2 {\n font-size: 1.2em;\n line-height: 1.4;\n margin-bottom: 30px;\n }\n \n #main-callout-background-content {\n max-width: 100%;\n margin: 0 auto;\n \n div {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n\n .hero-device-image {\n flex: none;\n width: 70%;\n margin: 2rem auto 0;\n align-self: center;\n\n img {\n max-height: 350px;\n }\n }\n \n a {\n font-size: 1.1em;\n padding: 8px 16px;\n\n &.cta-secondary {\n margin-left: 0;\n }\n }\n }\n\n // Small mobile\n @media (max-width: 480px) {\n .hero-device-image {\n width: 85%;\n\n img {\n max-height: 280px;\n }\n }\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/gpt-offshore-orange-female-worker.png\");\n background-size: cover;\n // background-position: center;\n // filter: blur(0px);\n z-index: -1;\n }\n\n h1 {\n font-weight: 700;\n font-size: 50px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: white;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n padding: 10px;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.3em;\n white-space: nowrap;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n\n &.cta-secondary {\n border-color: #5ecfea;\n margin-left: 15px;\n\n &:hover {\n background-color: #5ecfea;\n color: #002d4f;\n }\n }\n }\n\n #main-callout-background-content {\n max-width: 50%;\n }\n}\n\n#heat-providers-main-callout-background {\n position: relative;\n color: white;\n padding: 6rem 2rem 5rem 5rem;\n display: flex;\n flex-direction: column;\n height: 750px;\n box-sizing: border-box;\n width: 100%;\n \n // Mobile styles\n @media (max-width: 768px) {\n height: auto; // Let height be determined by content\n min-height: 400px; // Set a minimum height\n padding: 2rem 1rem; // Further reduce padding for mobile\n text-align: center; // Center text on mobile\n width: 100%;\n box-sizing: border-box;\n \n h1 {\n font-size: 32px; // Smaller font size\n line-height: 1.2;\n padding: 5px;\n }\n \n h2 {\n font-size: 1.2em;\n line-height: 1.4;\n margin-bottom: 30px;\n }\n \n a {\n font-size: 1.1em;\n }\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/heat-hero.jpg\");\n background-size: cover;\n background-position: center;\n filter: blur(0px);\n z-index: -1;\n }\n\n h1 {\n font-weight: 700;\n font-size: 50px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: white;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n padding: 10px;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.3em;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n\n #main-callout-background-content {\n max-width: 40%;\n }\n}\n\n#main-callout {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n position: relative;\n padding: 0;\n margin-bottom: 100px;\n min-height: 600px;\n\n background-image: url(\"../img/ui/space-asian-girl.png\");\n background-size: cover;\n background-position: center 10%;\n\n @media (min-width: 1025px) {\n min-height: 700px;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, rgba(0, 45, 79, 0.8), rgba(0, 45, 79, 0.3));\n z-index: 1;\n }\n\n #main-callout-content {\n color: #00caf4;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n padding: 50px 30px;\n box-sizing: border-box;\n height: 100%;\n\n img {\n display: none;\n }\n\n @media (min-width: 1025px) {\n padding: 100px 60px;\n max-width: 50%;\n }\n\n @media (max-width: 768px) {\n align-items: center;\n text-align: center;\n\n > div {\n margin-bottom: 0;\n }\n }\n\n h1 {\n font-weight: 700;\n font-size: 50px;\n letter-spacing: -0.022em;\n line-height: 56px;\n color: #5ecfea;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n padding: 10px 0;\n margin: 0;\n }\n\n div {\n flex: 0 1 auto;\n min-width: 40px;\n padding: 30px 0;\n }\n\n a {\n box-shadow: 0 3px 7px rgba(0,0,0,.1);\n padding: 4px 8px;\n color: #fff;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 1.3em;\n margin-left: 0;\n display: inline-block;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n\n &.cta-secondary {\n border-color: #5ecfea;\n margin-left: 15px;\n\n &:hover {\n background-color: #5ecfea;\n color: #002d4f;\n }\n }\n }\n }\n}\n\n.custom-shape-divider-bottom-1690227149 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n overflow: hidden;\n line-height: 0;\n}\n\n.custom-shape-divider-bottom-1690227149 svg {\n position: relative;\n display: block;\n width: calc(100% + 1.3px);\n height: 187px;\n}\n\n.custom-shape-divider-bottom-1690227149 .shape-fill {\n fill: white;\n}\n\n#meta {\n background-color: #002d4f;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n p {\n padding: 0px;\n margin: 0px;\n font-size: 0.7em;\n color: #607a92;\n text-align: center;\n }\n}\n\n#mobile {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: flex-end;\n }\n\n @media (min-width: 1370px) {\n flex-direction: row;\n justify-content: center;\n }\n\n div {\n flex: 0 1 400px;\n margin-right: 5vw;\n margin-bottom: 14vw;\n text-align: center;\n padding: 10px;\n\n @media (min-width: 1025px) {\n flex: 0 1 600px;\n margin-right: 6vw;\n text-align: inherit;\n margin-bottom: 0px;\n }\n }\n\n img#mobile-main {\n\n @media (min-width: 1025px) {\n flex: 1 1 337px;\n max-width: 800px;\n margin-bottom: 0px;\n }\n }\n}\n\n#post-wrapper {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n grid-template-rows: auto auto auto auto;\n background-color: #002d4f;\n grid-template-areas: \n \"postContainer\" \n \"actions\" \n \"footer\" \n \"meta\";\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n \n /* Ensure actions section spans the full width */\n #actions {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n width: 100vw;\n max-width: 100vw;\n box-sizing: content-box;\n padding-top: 80px;\n padding-bottom: 80px;\n \n @media (min-width: 1025px) {\n padding-top: 120px;\n padding-bottom: 120px;\n }\n }\n}\n\n.post-container {\n grid-area: postContainer;\n background-color: #002d4f;\n margin-bottom: 250px;\n margin-top: 60px;\n padding: 2vw;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n\n @media (min-width: 1025px) {\n max-width: 75vw;\n margin-left: auto;\n margin-right: auto;\n }\n \n img {\n max-width: 100%;\n height: auto;\n }\n \n img.not_responsive {\n max-width: 100%;\n height: auto;\n \n @media (min-width: 1025px) {\n max-width: 90%;\n }\n }\n\n\n h1 {\n font-weight: 700;\n font-size: 40px;\n letter-spacing: -0.022em;\n line-height: 42px;\n color: #5ecfea;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n }\n\n h2 {\n font-weight: 400;\n font-size: 1.8em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n margin-bottom: 0px;\n font-family: \"Maven Pro\";\n }\n\n h3 {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n margin-bottom: 0px;\n font-family: \"Maven Pro\";\n }\n\n a {\n color: #ffc600;\n font-size: 1em;\n font-family: \"Maven Pro\";\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n p {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n }\n\n ul {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n }\n\n em {\n font-weight: 400;\n font-size: 1em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #9c9c9c;\n font-family: \"Maven Pro\";\n margin-bottom: 40px;\n margin-left: 0px;\n }\n}\n\n.pricing-table {\n display: flex;\n justify-content: center;\n gap: 20px;\n padding: 50px;\n \n @media (max-width: 768px) {\n flex-direction: column;\n align-items: center;\n padding: 20px;\n gap: 30px;\n }\n}\n\n.pricing-option {\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 30px;\n text-align: center;\n width: 300px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n \n @media (max-width: 768px) {\n width: 85%;\n max-width: 350px;\n margin: 0 auto;\n }\n\n h2 {\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 700;\n font-size: 1.5em;\n color: #263238 !important;\n text-transform: uppercase;\n }\n}\n\n.pricing-option.featured {\n border: 2px solid #07caf5;\n box-shadow: 0 4px 10px rgba(0,123,255,0.2);\n position: relative;\n transform: scale(1.05);\n \n @media (max-width: 768px) {\n transform: scale(1);\n }\n}\n\n.popular-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background-color: #07caf5;\n color: #fff;\n padding: 4px 16px;\n border-radius: 12px;\n font-size: 0.85em;\n font-weight: 600;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n white-space: nowrap;\n}\n\n.pricing-icon {\n font-size: 3em;\n margin-bottom: 15px;\n color: #002d4f;\n}\n\n.pricing-option.featured .pricing-icon {\n color: #002d4f;\n}\n\n.pricing-option h2 {\n margin-bottom: 20px;\n}\n\n.pricing-option .price {\n font-size: 2em;\n margin-bottom: 20px;\n \n @media (max-width: 768px) {\n font-size: 1.8em;\n }\n}\n\n.pricing-option .price span {\n font-size: 0.5em;\n color: #888;\n}\n\n.pricing-option ul {\n list-style: none;\n padding: 0;\n margin: 40px 0;\n}\n\n.pricing-option ul li {\n padding: 10px 0;\n border-bottom: 1px solid #ddd;\n text-align: left;\n\n i {\n color: #002d4f;\n margin-right: 6px;\n font-size: 1.15em;\n }\n}\n\n.pricing-option.featured ul li i {\n color: #002d4f;\n}\n\n.pricing-option .btn,\n.pricing-option .white-section-link {\n display: inline-block;\n padding: 10px 20px;\n background-color: #fcbb23;\n color: #263238;\n border: 2px solid #fcbb23;\n border-radius: 4px;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-weight: 600;\n text-align: center;\n text-decoration: none;\n margin-top: 10px;\n \n &:hover {\n background-color: darken(#fcbb23, 10%);\n }\n \n @media (max-width: 768px) {\n padding: 12px 20px;\n width: 80%;\n }\n}\n\n.testimonial-section {\n background-color: #002d4f;\n padding: 100px 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n p {\n max-width: 500px;\n font-weight: 400;\n font-size: 1.2em;\n line-height: 1.3em;\n letter-spacing: -0.03em;\n color: #fffafe;\n margin-bottom: 60px;\n font-family: \"Maven Pro\";\n padding: 8px;\n\n @media (min-width: 1025px) {\n padding: 0px;\n font-size: 1.4em;\n line-height: 1.5em;\n }\n\n }\n\n cite {\n color: #00caf4;\n font-style: normal;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n \n\n img, span {\n margin-right: 10px;\n }\n }\n}\n\n.certification-hero {\n position: relative;\n justify-content: flex-start !important;\n min-height: 700px;\n padding: 100px 60px 160px 60px !important;\n background-image: linear-gradient(to right, rgba(0, 45, 79, 0.92), rgba(0, 45, 79, 0.5)), url(\"../img/ui/certification-hero-bg.png\");\n background-position: center;\n background-size: cover;\n box-sizing: border-box;\n\n div {\n position: relative;\n z-index: 1;\n max-width: 560px !important;\n }\n\n @media (max-width: 768px) {\n min-height: 560px;\n padding: 70px 24px 110px 24px !important;\n background-position: center right;\n text-align: center;\n }\n}\n\n.feature-section-blue {\n background-color: #002d4f;\n padding: 100px 24px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 7vw;\n margin: 100px 0;\n box-sizing: border-box;\n width: 100%;\n\n > div { // Target the div containing text\n flex-basis: 100%;\n max-width: 600px; // Constrain text block width\n // Styles for h1, h2 within this div should ensure they don't overflow\n .blue-section-header, .blue-section-subtext {\n color: #fff; // Example, adjust as needed\n }\n .blue-section-header {\n font-size: 2.5em; // Adjusted for mobile\n margin-bottom: 0.5em;\n }\n .blue-section-subtext {\n font-size: 1.1em; // Adjusted for mobile\n line-height: 1.6;\n }\n }\n\n > img,\n > video { // Target the direct media child\n // flex-basis: 100%; // Allows it to take space in flex layout\n max-width: 100%; // Ensures it scales down and doesn't overflow its flex container\n height: auto; // Maintain aspect ratio\n display: block; // Good practice for responsive images\n // max-width on desktop can be controlled by its HTML width or a CSS max-width here if needed\n // e.g., max-width: 700px; if you want to cap it even on desktop\n }\n\n @media (max-width: 768px) { // Mobile breakpoint\n flex-direction: column;\n padding: 60px 15px;\n gap: 40px;\n margin: 60px 0;\n\n > div,\n > img,\n > video { // Apply to both direct children (text div and media)\n text-align: center; // Center content of direct children on mobile\n max-width: 100%; // Ensure they can use the full width available in the column\n }\n\n > div {\n .blue-section-header {\n font-size: 2em; // Adjust for mobile\n }\n .blue-section-subtext {\n font-size: 1em; // Adjust for mobile\n }\n }\n\n > img,\n > video {\n /* On mobile, ensure media doesn't exceed the viewport width */\n max-width: 100%;\n width: 90%;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n // margin-left: auto;\n // margin-right: auto;\n }\n }\n}\n\n.feature-section-video {\n background-color: #00385c;\n\n .feature-section-video-media {\n border-radius: 12px;\n box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);\n }\n}\n\n#top-nav {\n display: flex;\n background-color: #002d4f;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: wrap;\n position: fixed;\n width: 100%;\n z-index: 100;\n border-bottom: 1px solid #035e7f;\n\n @media (min-width: 1025px) {\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n padding-top:10px;\n padding-bottom: 10px;\n border-bottom: 1px solid #035e7f;\n }\n\n #branding {\n i {\n display: inline-block; // Show on mobile by default\n\n @media (min-width: 1025px) {\n display: none; // Hide on screens 1025px and wider\n }\n }\n }\n\n #solutions-list {\n width: 190px;\n\n a {\n margin: 0;\n padding: 0;\n color: #025173;\n line-height: 2em;\n display: block;\n\n &:hover {\n color: #025173;\n opacity: 0.5;\n }\n }\n }\n\n #features-list {\n width: 150px;\n\n a {\n margin: 0;\n padding: 0;\n color: #025173;\n line-height: 2em;\n display: block;\n\n &:hover {\n color: #025173;\n opacity: 0.5;\n }\n }\n }\n\n div:nth-of-type(1) {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n\n a {\n min-width: 0px;\n margin-left: 20px;\n border-bottom: none;\n }\n\n i {\n margin-right: 20px;\n margin-left: auto;\n cursor: pointer;\n font-size: 150%;\n }\n\n @media (min-width: 1025px) { \n display: inherit;\n width: auto;\n }\n\n i {\n color: white;\n }\n }\n\n // Make Features link consistent with others\n #nav-link-features {\n color: white;\n text-align: center;\n padding-top: 10px;\n padding-bottom: 10px;\n background-color: none;\n\n &:hover {\n cursor: pointer;\n }\n \n @media (min-width: 1025px) {\n border-top: none;\n margin-right: 30px; // Standardize to 30px like other links\n }\n }\n\n #nav-link-solutions {\n margin: 0;\n color: white;\n text-align: center;\n padding-top: 10px;\n padding-bottom: 10px;\n background-color: none;\n\n &:hover {\n cursor: pointer;\n }\n \n @media (min-width: 1025px) {\n border-top: none;\n margin-left: auto;\n margin-right: 30px;\n }\n }\n\n #nav_link_why {\n border-top: 1px solid #025173;\n \n @media (min-width: 1025px) {\n margin-left: auto;\n border-top: none;\n }\n }\n\n #nav_link_get_started {\n @media (min-width: 1025px) {\n border: 2px solid #00caf4;\n\n &:hover {\n background-color: #00caf4;\n color: white;\n }\n }\n }\n\n a.active {\n color: #00caf4;\n }\n\n a:not(.top-nav-demo-button) {\n color: white;\n min-width: 100%;\n text-align: center;\n border-bottom: 1px solid #025173;\n padding-top: 10px;\n padding-bottom: 10px;\n\n &:nth-child(n+2):nth-child(-n+10) {\n display: none;\n }\n\n &.show:nth-child(n+2):nth-child(-n+7) {\n display: block;\n }\n\n @media (min-width: 1025px) {\n margin-right: 30px;\n min-width: inherit;\n text-align: inherit;\n border: none;\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 6px;\n padding-right: 6px;\n\n &:nth-child(n+2):nth-child(-n+7) {\n display: block;\n }\n\n &:nth-of-type(1) {\n margin-left: 20px;\n }\n\n &:hover {\n text-decoration: none;\n color: #00caf4;\n }\n }\n }\n}\n\n#pricing-header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px;\n box-sizing: border-box;\n}\n\n#pricing-wrapper {\n width: 100%;\n background-color: #002d4f;\n overflow: hidden;\n padding: 100px 0;\n}\n\n.white-section-subtext-alt {\n font-weight: 400;\n font-size: 1.4em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #fffafe;\n margin-bottom: 50px;\n font-family: \"Maven Pro\";\n \n @media (max-width: 768px) {\n font-size: 1.2em;\n line-height: 1.4em;\n margin-bottom: 30px;\n }\n}\n\n#price-header-content {\n width: 50vw;\n \n @media (max-width: 768px) {\n width: 100%;\n padding: 10px;\n text-align: center;\n }\n}\n\n.index-section {\n max-width: 1200px;\n width: 100%;\n padding: 150px 24px;\n margin: 0 auto;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 7vw;\n \n /* Specific styles for direct div children to control flex behavior */\n > div {\n flex: 1; /* Allow flex items to grow and shrink proportionally */\n min-width: 0; /* Prevent flex items from overflowing */\n }\n \n /* Specific styles for image containers */\n > div:first-child {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n @media (max-width: 768px) {\n flex-direction: column; /* Stack items vertically on mobile */\n padding: 50px 24px; /* Less padding on mobile */\n gap: 3em; /* Reduced gap for mobile */\n }\n}\n\nh2.section-title {\n margin-bottom: 10px;\n font-weight: 700;\n font-size: 40px;\n letter-spacing: -0.022em;\n line-height: 42px;\n color: #2f3131;\n font-family: 'Titillium Web', \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n}\n\n.feature-section-white {\n max-width: 1000px;\n width: 100%;\n padding: 110px 24px;\n margin: 100px auto;\n box-sizing: border-box;\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n \n @media (max-width: 768px) {\n margin: 0px auto;\n padding: 0px 24px;\n }\n\n h2 {\n font-weight: 700;\n font-size: 36px;\n letter-spacing: -0.022em;\n line-height: 41px;\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n margin-bottom: 0px;\n }\n\n .list-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 20px;\n\n li {\n margin-bottom: 10px;\n }\n \n /* Desktop styles for images */\n img {\n width: 400px; /* Match the inline width in the HTML */\n }\n\n @media (max-width: 768px) {\n flex-direction: column;\n \n img {\n max-width: 85%;\n width: auto !important; /* Only override inline width on mobile */\n height: auto;\n margin-bottom: 20px;\n }\n \n ul {\n width: 100%;\n padding-left: 0;\n }\n }\n }\n \n .white-section-header {\n font-weight: 700;\n font-size: 28px;\n letter-spacing: -0.022em;\n line-height: 1.2em;\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n text-align: center;\n }\n \n .flex-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 30px;\n \n img {\n max-width: 90%;\n height: auto;\n border-radius: 8px;\n }\n \n .white-section-subtext {\n font-weight: 400;\n font-size: 1em;\n line-height: 1.5em;\n letter-spacing: -0.02em;\n color: #263238;\n width: 100%;\n \n ul {\n li {\n display: flex; // Use flexbox for the li elements\n flex-wrap: wrap; // Allow content to wrap\n align-items: baseline; // Align items at their baseline\n margin-bottom: 40px; // Add spacing between list items\n\n i {\n margin-right: 8px; // Add spacing between icon and text\n color: #faa91c; // Maintain your icon color\n flex-shrink: 0; // Prevent icon from shrinking\n }\n\n .ul-header {\n font-weight: 600;\n display: inline; // Make span display inline\n margin-bottom: 5px;\n }\n\n // Target the text content after the span\n br + text {\n flex-basis: 100%; // Force text after
to go to next line\n margin-top: 5px;\n margin-left: calc(1em + 8px); // Indent text under the header (icon width + margin)\n }\n }\n }\n }\n }\n\n // Desktop styles\n @media (min-width: 768px) {\n padding: 80px 24px;\n margin: 100px auto;\n \n .white-section-header {\n font-size: 36px;\n }\n \n .flex-container {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 100px;\n \n img {\n max-width: 45%;\n flex-shrink: 0;\n }\n \n .white-section-subtext {\n font-size: 1.2em;\n }\n }\n }\n \n // Helper classes\n .mb0 {\n margin-bottom: 0;\n }\n \n .mb20 {\n margin-bottom: 20px;\n }\n}\n\n.white-section-subtext ul li {\n .header-row {\n display: flex;\n align-items: center;\n margin-bottom: 5px;\n \n i {\n margin-right: 8px;\n color: #faa91c;\n }\n \n .ul-header {\n font-weight: 600;\n }\n }\n}\n\n.m-section {\n max-width: 1000px;\n width: 100%;\n padding: 110px 24px;\n margin: 0 auto;\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n\n .m-section-header {\n margin: 0;\n width: 100%;\n\n h1,\n h2 {\n font-weight: 700;\n font-size: 36px;\n letter-spacing: -0.022em;\n line-height: 41px;\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n text-transform: uppercase;\n margin: 0;\n }\n }\n\n .m-section-list {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 47px;\n\n @media (max-width: 768px) {\n gap: 15px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n width: 100%;\n box-shadow: 0px 0px 10px rgb(175, 175, 175);\n border: 2px solid #c8c8c8;\n border-radius: 8px;\n }\n\n img.no-frame {\n box-shadow: none;\n border: none;\n border-radius: 0;\n }\n\n .m-section-content {\n display: flex;\n flex-direction: row;\n gap: 47px;\n width: 100%;\n\n @media (max-width: 768px) {\n flex-direction: column;\n gap: 15px;\n }\n\n > * {\n flex: 1;\n }\n }\n }\n\n i {\n color: #faa91c;\n margin-right: 5px;\n }\n\n ul.feature-list {\n list-style: none;\n padding: 0;\n margin: 0;\n line-height: 1.6em;\n text-align: left;\n font-size: 1.1em;\n\n li {\n padding: 8px 0;\n }\n }\n\n .m-section-subtext {\n font-weight: 400;\n font-size: 1.2em;\n line-height: 1.5em;\n letter-spacing: -0.03em;\n color: #263238;\n font-family: \"Maven Pro\";\n width: 100%; // Ensure subtext takes full width for centering or alignment\n }\n\n // Mobile specific styles\n @media (max-width: 768px) {\n padding: 60px 15px; // ADD THIS BACK (mobile padding)\n gap: 30px; // Reduce gap on mobile\n\n .m-section-header {\n flex-direction: column; // Stack header items\n align-items: center; // Center header items when stacked\n text-align: center; // Center text within the header\n gap: 15px; // Add gap between stacked header items (e.g., h1 and an image if present)\n\n h1,\n h2 {\n font-size: 28px; // Reduce h1 font size\n line-height: 34px;\n max-width: 100%; // Allow h1 to take full width\n }\n // If there's an image in .m-section-header that was on the right,\n // it will now stack. You might need to style it specifically for mobile:\n img {\n max-width: 70%; // Example\n height: auto;\n }\n }\n\n .m-section-subtext {\n font-size: 1.1em; // Reduce subtext font size\n line-height: 1.6em;\n text-align: left; // Or 'center' if preferred for subtext\n\n ul {\n padding: 5px 0;\n }\n }\n }\n}\n\n.switch-reasons-section {\n background: #002d4f;\n border-bottom: 1px solid rgba(255, 255, 255, 0.16);\n border-top: 1px solid rgba(255, 255, 255, 0.16);\n padding: 64px 24px;\n\n .switch-reasons-inner {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 32px;\n margin: 0 auto;\n max-width: 1180px;\n }\n\n h2 {\n color: #fff;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 34px;\n font-weight: 700;\n line-height: 1.15;\n margin: 0;\n text-align: center;\n text-transform: uppercase;\n }\n\n ul {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n justify-content: center;\n list-style: none;\n margin: 0;\n padding: 0;\n width: 100%;\n }\n\n li {\n align-items: center;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.14);\n border-radius: 8px;\n color: #fff;\n display: flex;\n flex: 1 1 250px;\n font-family: \"Maven Pro\";\n font-size: 1.08em;\n font-weight: 700;\n gap: 14px;\n line-height: 1.32;\n max-width: 280px;\n min-height: 88px;\n padding: 20px;\n }\n\n i {\n color: #faa91c;\n flex: 0 0 auto;\n font-size: 1.65rem;\n text-align: center;\n width: 32px;\n }\n\n @media (max-width: 900px) {\n li {\n max-width: none;\n }\n }\n\n @media (max-width: 560px) {\n padding: 48px 18px;\n\n h2 {\n font-size: 28px;\n }\n\n li {\n flex-basis: 100%;\n min-height: 0;\n }\n }\n}\n\n.ai-section {\n background: #f4f8fb;\n box-shadow: 0 0 0 100vmax #f4f8fb;\n clip-path: inset(0 -100vmax);\n max-width: 1120px;\n padding-top: 30px;\n\n .m-section-header,\n .m-section-subtext {\n max-width: 780px;\n text-align: center;\n }\n\n .m-section-subtext {\n margin: 0;\n }\n\n .ai-card-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n width: 100%;\n margin-top: 20px;\n }\n\n .ai-card {\n background: #fff;\n border: 1px solid #d9e3ea;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0, 45, 80, 0.08);\n display: grid;\n grid-template-rows: 245px auto 1fr;\n padding: 28px;\n text-align: left;\n }\n\n .ai-section-link {\n box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);\n padding: 8px 14px;\n color: #002d50;\n border: 2px solid #fcbb23;\n border-radius: 2px;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 1.2em;\n font-weight: 600;\n text-align: center;\n text-transform: uppercase;\n margin-top: 12px;\n\n &:hover {\n background-color: #fcbb23;\n color: #000;\n text-decoration: none;\n }\n }\n\n i {\n color: #faa91c;\n font-size: 2.2rem;\n margin: 0 0 18px 0;\n }\n\n .ai-card-icon {\n align-self: center;\n display: block;\n height: 165px;\n justify-self: center;\n margin: 0;\n object-fit: contain;\n object-position: center;\n width: 165px;\n }\n\n .ai-card-icon-large {\n height: 220px;\n width: 220px;\n }\n\n .ai-card-icon-medium {\n height: 180px;\n width: 180px;\n }\n\n h2 {\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 22px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 12px 0;\n text-transform: uppercase;\n }\n\n p {\n color: #263238;\n font-family: \"Maven Pro\";\n font-size: 1.05em;\n line-height: 1.55;\n margin: 0;\n }\n\n @media (max-width: 900px) {\n .ai-card-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (min-width: 901px) {\n h2 {\n white-space: nowrap;\n }\n }\n}\n\n.customer-testimonials-section {\n background: #f4f8fb;\n box-shadow: 0 0 0 100vmax #f4f8fb;\n clip-path: inset(0 -100vmax);\n max-width: 1280px;\n padding-top: 70px;\n\n .m-section-header {\n margin-bottom: 14px;\n max-width: 780px;\n text-align: center;\n\n h1,\n h2 {\n color: #002d50;\n }\n }\n\n .testimonial-card-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 22px;\n width: 100%;\n }\n\n .testimonial-card {\n background: #fff;\n border: 1px solid #d9e3ea;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0, 45, 80, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 300px;\n padding: 26px;\n }\n\n p {\n color: #263238;\n font-family: \"Maven Pro\";\n font-size: 1.05em;\n line-height: 1.35;\n margin: 0 0 28px 0;\n }\n\n .testimonial-card-profile {\n align-items: center;\n border-top: 1px solid #e5edf2;\n display: flex;\n gap: 14px;\n padding-top: 18px;\n }\n\n img {\n border-radius: 50%;\n height: 58px;\n object-fit: cover;\n width: 58px;\n }\n\n h2,\n h3 {\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n margin: 0;\n }\n\n h2 {\n color: #002d50;\n font-size: 17px;\n font-weight: 700;\n line-height: 1.2;\n white-space: nowrap;\n }\n\n h3 {\n color: #5d6b73;\n font-size: 15px;\n font-weight: 600;\n line-height: 1.3;\n }\n\n @media (max-width: 1024px) {\n .testimonial-card-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 640px) {\n .testimonial-card-grid {\n grid-template-columns: 1fr;\n }\n\n .testimonial-card {\n min-height: 0;\n }\n }\n}\n\n.data-security-section {\n background: #082b49;\n box-shadow: 0 0 0 100vmax #082b49;\n clip-path: inset(0 -100vmax);\n max-width: 1180px;\n\n .m-section-header,\n > .m-section-subtext {\n max-width: 860px;\n text-align: center;\n }\n\n .m-section-header h1,\n .m-section-header h2,\n > .m-section-subtext p {\n color: #fff;\n }\n\n > .m-section-subtext {\n margin: 0 0 18px 0;\n }\n\n .data-security-grid {\n display: grid;\n gap: 22px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n }\n\n .data-security-card {\n background: rgba(255, 255, 255, 0.96);\n border: 1px solid rgba(255, 255, 255, 0.32);\n border-radius: 8px;\n box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);\n display: flex;\n flex-direction: column;\n min-height: 390px;\n padding: 26px;\n }\n\n i {\n color: #faa91c;\n font-size: 2.1rem;\n margin: 0 0 18px 0;\n }\n\n h2 {\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 20px;\n font-weight: 700;\n line-height: 1.18;\n margin: 0 0 12px 0;\n text-transform: uppercase;\n }\n\n p,\n li {\n color: #263238;\n font-family: \"Maven Pro\";\n font-size: 1em;\n line-height: 1.42;\n }\n\n p {\n margin: 0 0 18px 0;\n }\n\n ul {\n border-top: 1px solid #e5edf2;\n list-style: none;\n margin: auto 0 0 0;\n padding: 16px 0 0 0;\n }\n\n li {\n padding: 5px 0 5px 18px;\n position: relative;\n\n &::before {\n background: #faa91c;\n border-radius: 50%;\n content: \"\";\n height: 6px;\n left: 0;\n position: absolute;\n top: 14px;\n width: 6px;\n }\n }\n\n @media (max-width: 1100px) {\n .data-security-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 640px) {\n .data-security-grid {\n grid-template-columns: 1fr;\n }\n\n .data-security-card {\n min-height: 0;\n }\n }\n}\n\n.report-review-image {\n align-self: center;\n width: 70% !important;\n}\n\n.intelligence-digest-image {\n align-self: center;\n width: 80% !important;\n}\n\n.asset-chat-image {\n align-self: center;\n width: 80% !important;\n}\n\n.customer-dashboard-image {\n align-self: center;\n width: 76% !important;\n\n @media (max-width: 768px) {\n width: 100% !important;\n }\n}\n\n.iso-alignment-section {\n background: #f4f8fb;\n box-shadow: 0 0 0 100vmax #f4f8fb;\n clip-path: inset(0 -100vmax);\n max-width: 1120px;\n\n .m-section-header,\n > .m-section-subtext {\n max-width: 820px;\n text-align: center;\n }\n\n > .m-section-subtext {\n margin: 0 0 18px 0;\n }\n\n .iso-standard-grid {\n display: grid;\n gap: 24px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n }\n\n .iso-standard-card {\n background: #fff;\n border: 1px solid #d9e3ea;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0, 45, 80, 0.08);\n display: flex;\n flex-direction: column;\n padding: 28px;\n }\n\n .iso-standard-number {\n color: #faa91c;\n display: block;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 1.2rem;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 10px;\n }\n\n h2 {\n color: #002d50;\n font-family: \"Titillium Web\", \"Helvetica Neue\", \"Helvetica\", sans-serif;\n font-size: 22px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 14px 0;\n text-transform: uppercase;\n }\n\n p,\n li {\n color: #263238;\n font-family: \"Maven Pro\";\n font-size: 1.02em;\n line-height: 1.45;\n }\n\n p {\n margin: 0 0 18px 0;\n }\n\n ul {\n list-style: none;\n margin: auto 0 0 0;\n padding: 18px 0 0 0;\n border-top: 1px solid #e5edf2;\n }\n\n li {\n padding: 5px 0 5px 18px;\n position: relative;\n\n &::before {\n background: #faa91c;\n border-radius: 50%;\n content: \"\";\n height: 6px;\n left: 0;\n position: absolute;\n top: 14px;\n width: 6px;\n }\n }\n\n @media (max-width: 900px) {\n .iso-standard-grid {\n grid-template-columns: 1fr;\n }\n }\n}\n\n.ai-benefits-section {\n .feature-card {\n border: 2px solid #d2e0e8;\n }\n}\n\n/* Mobile styles for heat providers main callout content */\n@media (max-width: 768px) {\n #heat-providers-main-callout-background #main-callout-background-content {\n width: 100%;\n max-width: 100% !important; /* Override desktop max-width for mobile */\n display: flex;\n flex-direction: column;\n align-items: center; /* Center the button */\n box-sizing: border-box;\n }\n}\n\n/* Calendly widget styling */\n.calendly-inline-widget {\n min-width: 320px;\n height: 1000px;\n \n @media (max-width: 768px) {\n height: 700px; /* Shorter on mobile */\n }\n \n @media (min-width: 1025px) {\n width: 90% !important; /* Wider on desktop */\n max-width: 1200px !important;\n }\n}\n\n/* Responsive image handling for features page */\n#features-header img,\n.index-section img,\n.testimonial-section img {\n max-width: 100%;\n height: auto;\n /* Remove width: auto to respect inline width attributes */\n box-sizing: border-box;\n}\n\n/* Specific styling for testimonial images */\n.testimonial-section img {\n width: auto !important; /* Profile images should be their natural size */\n height: auto;\n max-height: 60px; /* Limit profile image height */\n}\n\n/* Override width for mobile only */\n@media (max-width: 768px) {\n #features-header img,\n .index-section img {\n max-width: 95%;\n width: auto !important; /* Override inline width on mobile */\n margin-left: auto;\n margin-right: auto;\n display: block;\n }\n}\n\n/* Drop shadow for dashboard image on homepage */\n// img[src$=\"dashboard-1.jpg\"] {\n// box-shadow: 0 8px 32px 0 rgba(0,0,0,0.25), 0 1.5px 6px 0 rgba(0,0,0,0.15);\n// border-radius: 12px;\n// }\n"],"file":"combined-styles.css"}