{"version":3,"sources":["main.scss","config/fonts.scss","config/vars.scss","config/placeholders.scss","config/reset.scss","config/scrollbar.scss","config/base.scss","config/keyframes.scss","components/header.scss","components/popup.scss","components/checkbox.scss","components/tabs.scss","components/accordion.scss","config/mixins.scss","components/footer.scss","components/contact.scss","components/mains.scss","components/history.scss","components/board.scss","components/404.scss","components/project.scss","components/bassaka.scss","components/stock.scss","components/arbitration.scss"],"names":[],"mappings":";AAEA;AAAA;AAAA;ACFA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;ADLD;AEIA;EAEE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AFnBF;AAAA;AAAA;AGVA;AAAA;AAAA;AHiBA;AIjBA;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EAEE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAEE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAGF;EACE;;;AJ1GF;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AK1BA;EACE;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ALSN;AAAA;AAAA;AMhCA;ACAA;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ADvBJ;AAGA;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAKJ;EACE;EACA;EACA;AAEA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;ANzBJ;AAAA;AAAA;AAKA;AAAA;AAAA;AQzCA;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAOV;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;;;AAIN;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACA;IACA;IACA;;EAGF;IACE;;EACA;IACE;IACA;;EACA;IACA;;EACE;IACE;IACA;IACA;;EAKR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;EAGH;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAIN;IACE;;;AAIJ;EACE;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;;AC5WJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;AAEA;EACA;EACA;EACA,kBA1CU;EA2CV;EACA;EACA;;AAIF;EACE;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/DJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;AAEA;AAMA;AAQA;;AAbA;EACE;EACA;;AAIF;EACE;;AAeJ;EACE;EACA;EACA;EACA;;;AC5CJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AASJ;EACE;EACA;;AAEA;EACE;;;ACjCN;AACE;;AAKA;AACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;AACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;AAEA;EACA;;AAMN;EACE;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;ACyGJ;EACE;EACA,UDxG4B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;AAEA;EACA;EACA;;;AErFJ;EACE;EACA;;AACA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;;AAKR;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;;AAOV;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AClMJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAIN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACI;;AAGN;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;;;AAIN;EACE;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACM;;;AAEN;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;;AAGJ;EACE;;;AAEF;EACI;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;;;AAIR;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAKR;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACI;;AAEJ;EACE;;;AAMR;EACE;EACA;EACA;EACA;;;ACtVF;EACE;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EAAwB;EACxB;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAOF;EACE;EACA;;AAGJ;EACE;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAMN;EACM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAIN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACI;EACA;;AAEJ;EACE;;AAEF;EACE;;;AAIN;EACE;;;AA0BF;EACE;IACA;IACA;;EAED;IACC;IACA;;;AAGF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAGF;IACI;IACA;;EAEJ;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EACA;IACE;IACA;IACA;;EAGJ;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EACA;IACE;;EACA;IACE;;EAIN;IACE;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAGF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EACA;IACA;;EAGF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IAEE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEE;IACE;;EAEN;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAIF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAIF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;;AAQN;EACE;;AAEE;EACE;;;AAMV;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;AAEE;EACE;;;AAIN;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;AACA;EACE;;;ACljDJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAMpB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGR;EACI;;;AAKhB;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;;EAGJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;;AC/hBR;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;AACA;EACA;EACA;EACA;EACA;;AAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACI;;;AAGR;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACQ;;;AAGR;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;AACA;EACA;;;AAKA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;;AAQhB;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;;;AAYR;EACI;IACI;;EAEJ;IACI;;;ACtKR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACG;;AAEH;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AC1ER;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAKhB;EACI;;AACA;EACI;;;AAOpB;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAKJ;EACA;IACI;;EAEJ;IACI;;;AAGJ;EACI;IACI;;;AAGR;EACI;IACI;;;AAGR;EACI;IACI;IACA;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;;;ACtLR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;EACA;;AAEJ;EACI;;AAIR;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIb;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;;AAGA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;;;AAKhB;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;AAEI;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;;AAMpB;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;;AAapB;EACI;IACI;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;EAGR;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;IACA;;;AAGR;EACI;IACI;;EAEJ;IACA;;EAEA;IACI;;EAEJ;IACI;;;AC9kBJ;EACI;;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIZ;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAIZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAMhB;EACI;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;;AAGR;EACI;IACI;IACA;;;AAGR;EACI;IACI;IACA;IACA;;EAEJ;IACI;;;AAGR;EACA;IACI;;;AAIJ;EACI;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;;AAGR;EACQ;IACI;IACA;;;ACxLZ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKhB;EACI;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKQ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMpB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;;AAGR;EACI;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;IACA;;EAEJ;IACA;;EAEA;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAKJ;IACI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;IACA;;;AAGR;EACI;IACI;;EAGJ;IAEI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA","file":"main.min.css","sourcesContent":["@use 'sass:math';\r\n\r\n/**\r\n* Подключение шрифтов локально из папки \"./src/fonts\"\r\n*/\r\n@import 'config/fonts';\r\n\r\n/** Подключение переменных */\r\n@import 'config/vars';\r\n\r\n/**\r\n* Подключение sass function и mixins и extends стилей\r\n*/\r\n@import 'config/functions';\r\n@import 'config/mixins';\r\n@import 'config/placeholders';\r\n\r\n/** Обнуление */\r\n@import 'config/reset';\r\n\r\n/**\r\n* Библиотеки\r\n* раскомментировать для использования\r\n*/\r\n// @import 'libs/aos';\r\n// @import 'libs/swiper';\r\n\r\n/**\r\n* Подключение custom scrollbar для всего сайта\r\n*/\r\n@import 'config/scrollbar';\r\n\r\n/**\r\n* Общие параметры, шаблоны(заготовки) и вспомогательные классы\r\n*/\r\n@import 'config/base';\r\n\r\n/**\r\n* БЕМ блоки используемые во всё проекте\r\n*/\r\n@import 'config/common';\r\n\r\n/**\r\n* Подключение стилей отдельных блоков и секций\r\n*/\r\n@import 'components/header';\r\n@import 'components/popup';\r\n@import 'components/checkbox';\r\n@import 'components/tabs';\r\n@import 'components/accordion';\r\n@import 'components/footer';\r\n@import 'components/contact';\r\n@import 'components/mains';\r\n@import 'components/history';\r\n@import 'components/board';\r\n@import 'components/404';\r\n@import 'components/project';\r\n@import 'components/bassaka';\r\n@import 'components/stock';\r\n@import 'components/arbitration';\r\n\r\n\r\n\r\n\r\n\r\n@media screen and (max-width: 1281px){\r\n    \r\n}\r\n@media screen and (max-width: 1100px){\r\n\r\n}\r\n@media screen and (max-width: 1025px){\r\n\r\n}\r\n@media screen and (max-width: 991px){\r\n\r\n}\r\n@media screen and (max-width: 900px){\r\n\r\n}\r\n@media screen and (max-width: 770px){\r\n\r\n}\r\n@media screen and (max-width: 600px){\r\n\r\n}\r\n@media screen and (max-width: 391px){\r\n\r\n}\r\n@media screen and (max-width: 375px){\r\n    \r\n}","@font-face {\r\n\tfont-family: Inter;\r\n\tfont-display: swap;\r\n\tsrc: url(\"../fonts/Inter-Bold.woff2\") format(\"woff2\");\r\n\tfont-weight: 700;\r\n\tfont-style: normal;\r\n}\r\n@font-face {\r\n\tfont-family: Inter;\r\n\tfont-display: swap;\r\n\tsrc: url(\"../fonts/Inter-Regular.woff2\") format(\"woff2\");\r\n\tfont-weight: 400;\r\n\tfont-style: normal;\r\n}\r\n","$mainOffset: 15; // отступы безопасности для контейнера\r\n$maxWidth: 1920; // максимальная ширина страницы\r\n$minWidth: 320; // минимальная ширина телефона\r\n$containerWidth: 1160; // ширина контейнера из макета\r\n$maxWidthContainer: $containerWidth + ($mainOffset * 2); // ширина контейнера с учетом padding слева и справа\r\n\r\n$headerHeight: 100;\r\n$footerHeight: 100;\r\n\r\n// если вы хотите использовать sass-переменные - удалите root\r\n// colors\r\n:root {\r\n  // base\r\n  --monts: \"Montserrat\", sans-serif;\r\n  --content-width: 1170px;\r\n  --container-offset: 15px;\r\n  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));\r\n\r\n  // colors\r\n  --white: #fff;\r\n  --dark-text: #272935;\r\n  --dark-text75: #272935BF;\r\n  --yellow: #F1CB4D;\r\n  --yellow32: #F1CB4D6E;\r\n  --bronze: #CFAF74;\r\n  --error: #D31616;\r\n  --light-white: #F5F7F9;\r\n  --light-gray: #E9ECEF;\r\n  --gray40: #5A636C66;\r\n  --gray: #565C62;\r\n\r\n}\r\n","/* Шаблоны (заготовки)\r\n* @extend %имя шаблона;\r\n*/\r\n// Счетчик для списка\r\n%list-counter {\r\n  list-style-type: none;\r\n  counter-reset: item;\r\n\r\n  li {\r\n    position: relative;\r\n\r\n    &:before {\r\n      counter-increment: item;\r\n      content: counter(item);\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n    }\r\n  }\r\n}\r\n\r\n// Адаптивное видео\r\n%responsive-video {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 0;\r\n  padding-bottom: 56.25%;\r\n\r\n  video,\r\n  iframe,\r\n  object,\r\n  embed {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n// Видео в качестве фона\r\n%video-background {\r\n  video,\r\n  iframe,\r\n  object,\r\n  embed {\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    z-index: -100;\r\n    transform: translateX(-50%) translateY(-50%);\r\n    background-size: cover;\r\n  }\r\n}\r\n\r\n// Серый фильтр\r\n%gray-filter {\r\n  transition: all 0.3s ease 0s;\r\n  filter: grayscale(1);\r\n\r\n  @media (any-hover: hover) {\r\n    &:hover {\r\n      filter: grayscale(0);\r\n    }\r\n  }\r\n}\r\n\r\n// Отменить выделение\r\n%no-select {\r\n  user-select: none;\r\n}\r\n\r\n// Зеркальное отображение\r\n%mirror {\r\n  transform: scale(-1, 1);\r\n}\r\n\r\n// Плавный скролл\r\n%smooth-scroll {\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n// Скрыть скролл\r\n%hide-scroll {\r\n  &::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n}\r\n\r\n%flex-center {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}","* {\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n  -webkit-tap-highlight-color: transparent;\r\n\r\n  &,\r\n  &:before,\r\n  &:after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  &:focus,\r\n  &:active {\r\n    outline: none;\r\n  }\r\n}\r\n\r\nnav,\r\nfooter,\r\nheader,\r\naside {\r\n  display: block;\r\n}\r\n\r\nhtml {\r\n  opacity: 0;\r\n  scroll-behavior: smooth;\r\n  transition: opacity 0.8s ease-in-out;\r\n\r\n  &.loaded {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.lock {\r\n    overflow: hidden;\r\n    touch-action: none;\r\n  }\r\n}\r\n\r\nhtml,\r\nbody {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: $minWidth + px;\r\n}\r\n\r\nbody {\r\n  overscroll-behavior: none;\r\n  font-size: var(--bs-font-size);\r\n  font-family: var(--bs-font-family);\r\n  font-weight: var(--bs-font-weight);\r\n  line-height: var(--bs-line-height);\r\n  text-rendering: optimizelegibility;\r\n  text-size-adjust: 100%;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\ninput,\r\nbutton,\r\ntextarea {\r\n  font-family: inherit;\r\n}\r\n\r\ninput::-ms-clear {\r\n  display: none;\r\n}\r\n\r\ninput[type=\"number\"] {\r\n  -moz-appearance: textfield;\r\n\r\n  &::-webkit-outer-spin-button,\r\n  &::-webkit-inner-spin-button {\r\n    -webkit-appearance: none;\r\n  }\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n  user-select: none;\r\n\r\n  &::-moz-focus-inner {\r\n    padding: 0;\r\n    border: 0;\r\n  }\r\n}\r\n\r\na {\r\n  text-decoration: none;\r\n  user-select: none;\r\n\r\n  &:focus,\r\n  &:active {\r\n    outline: none;\r\n  }\r\n\r\n  &:visited {\r\n    text-decoration: none;\r\n  }\r\n\r\n  &:hover {\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\nul,\r\nli {\r\n  list-style: none;\r\n}\r\n\r\nimg {\r\n  vertical-align: top;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-size: inherit;\r\n  font-weight: 400;\r\n}\r\n\r\nsup {\r\n  color: inherit;\r\n}\r\n","// Firefox\r\n* {\r\n  scrollbar-width: rem(8);\r\n  scrollbar-color: var(--primary-color) #d6d6d6;\r\n\r\n  // Chrome, Edge, and Safari\r\n  &::-webkit-scrollbar {\r\n    width: rem(8);\r\n    background-color: var(--white-color);\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n    box-shadow: inset 0 0 rem(6) rgba(#000, 20%);\r\n    border-radius: rem(4);\r\n    background: #eee;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    border-radius: rem(4);\r\n    border: 0 none #fff;\r\n    background-color: var(--primary-color);\r\n\r\n    &:hover {\r\n      background-color: var(--primary-hover-color);\r\n    }\r\n  }\r\n}","/** Базовые анимации: */\r\n@import 'keyframes';\r\n\r\n/** Стили для полноэкранного блока: */\r\n// @import \"fullscreen\";\r\n\r\n/*\r\n* (i) Стили будут применяться ко\r\n* всем классам содержащим *__container\r\n* Например header__container, main__container и т.д.\r\n*/\r\n[class*='__container'] {\r\n  max-width: rem($maxWidthContainer);\r\n  margin: 0 auto;\r\n  padding: 0 rem($mainOffset);\r\n}\r\n\r\n// Стили отзывчивых картинок (IBG) ============================================\r\n[class*='-ibg'] {\r\n  position: relative;\r\n\r\n  img {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n[class*='-ibg_contain'] {\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n}\r\n\r\n// Оболочка ===================================================================\r\n.wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100%;\r\n\r\n  /** Поменять на clip - если используется в проекте position: sticky */\r\n  overflow: hidden;\r\n}\r\n\r\n.page {\r\n  position: relative;\r\n  flex: 1 1 auto;\r\n\r\n  [data-observ] {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: rem(2);\r\n    background: transparent;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &_start {\r\n    padding-top: rem($headerHeight);\r\n  }\r\n}\r\n","@keyframes show-header {\r\n  0% {\r\n    top: -100%;\r\n  }\r\n\r\n  100% {\r\n    top: 0;\r\n  }\r\n}\r\n\r\n@keyframes fade-up-big {\r\n  0% {\r\n    transform: translateY(1rem);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes rotation {\r\n  from {\r\n    transform: rotate(0);\r\n  }\r\n  to {\r\n    transform: rotate(359deg);\r\n  }\r\n}\r\n","// ваш код\r\nheader{\r\n  max-height: 90px;\r\n  position: fixed;\r\n  z-index: 999;\r\n  top:0;\r\n  transition: all 0.3s ease;\r\n  // left: 50%;\r\n  // transform: translateX(-50%);\r\n  background: var(--white);\r\n  width: 100%;\r\n}\r\n.burger__menu{\r\n  display: none;\r\n}\r\n.header__menu{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 10px 60px;\r\n  align-items: center;\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  .nav__menus{\r\n    width: max-content;\r\n    ul{\r\n      display: flex;\r\n      gap: 40px;\r\n      li{\r\n        list-style: none;\r\n        font-size: 18px;\r\n        line-height: 27px;\r\n        font-weight: 400;\r\n        a{\r\n          color: var(--dark-text);\r\n          text-decoration: none;\r\n          transition: all 0.3s ease;\r\n        }\r\n        a:hover{\r\n          color: var(--yellow);\r\n        }\r\n        a:active{\r\n          color: var(--bronze);\r\n        }\r\n      }\r\n      li.menu-item-has-children::after{\r\n        content: '';\r\n        display: block;\r\n        width: 5px;\r\n        height: 5px;\r\n        padding: 0;\r\n        margin-left: 70px;\r\n        margin-top: -18px;\r\n        transform: rotate(45deg);\r\n        border-bottom: solid 2px var(--dark-text);\r\n        border-right: solid 2px var(--dark-text);\r\n        transition: all 0.5s ease;\r\n      }\r\n      li.menu-item-has-children{\r\n        .sub-menu{\r\n          display: none;\r\n        }\r\n      }\r\n      li.menu-item-has-children:hover{\r\n        position: relative;\r\n        .sub-menu{\r\n          width: 200px;\r\n          position: absolute;\r\n          top: 25px;\r\n          left: 0;\r\n          display: block;\r\n          background: var(--white);\r\n          padding: 40px 0 10px 20px;\r\n          transition: all 0.3s ease;\r\n          li{\r\n            margin-bottom: 10px;\r\n          }\r\n        }\r\n      }\r\n      \r\n    }\r\n  }\r\n  .search__contact{\r\n    display: flex;\r\n    height: max-content;\r\n    position: relative;\r\n    align-items: center;\r\n    hr{\r\n      width: 1px;\r\n      height: 32px;\r\n      background-color: var(--gray40);\r\n      border: none;\r\n    }\r\n    a{\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin-left: 40px;\r\n      background: transparent;\r\n      border: solid 1px var(--yellow);\r\n      border-radius: 6px;\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n      padding: 15px 25px;\r\n      transition: all 0.3s ease;\r\n      color: var(--dark-text);\r\n      img{\r\n        margin-left: 17px;\r\n        width: 25px;\r\n      }\r\n    }\r\n    a:hover{\r\n      background: var(--yellow);\r\n    }\r\n    a:active{\r\n      background: var(--bronze);\r\n      border-color: var(--bronze);\r\n    }\r\n  }\r\n}\r\n.header.scrolled .header__menu .nav__menus ul li.menu-item-has-children:hover .sub-menu{\r\n  padding-top: 36px;\r\n}\r\n.header .sub-menu::after{\r\n  content: \"\";\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--yellow);\r\n  position: absolute;\r\n  top: 33px;\r\n  left: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n.header.scrolled .sub-menu::after{\r\n  top: 30px;\r\n}\r\n.search .search-icon{\r\n  font-size: 23px !important;\r\n}\r\n.input-box {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 60px;\r\n  height: 55px;\r\n  margin: 0 30px;\r\n  background-color: #fff;\r\n  border-radius: 6px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n.input-box.open {\r\n  max-width: 350px;\r\n  margin-right: 40px;\r\n}\r\n.input-box input {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #333;\r\n  padding: 0 15px;\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n  transition: all 0.5s ease-in-out;\r\n  max-width: 30px;\r\n}\r\n.input-box.open input {\r\n  padding: 0 15px 0 65px;\r\n  max-width: 100%;\r\n  background: transparent;\r\n}\r\n\r\n.input-box .search {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 60px;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: #fff;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n.input-box.open .search {\r\n  border-radius: 6px 0 0 6px;\r\n}\r\n.search .search-icon {\r\n  font-size: 30px;\r\n  color: #1c1c1c;\r\n}\r\n.input-box .close-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -45px;\r\n  font-size: 30px;\r\n  color: #1c1c1c;\r\n  padding: 5px;\r\n  transform: translateY(-50%);\r\n  transition: all 0.5s ease-in-out;\r\n  cursor: pointer;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n}\r\n.input-box{\r\n  background-color: transparent;\r\n}\r\n.input-box .search{\r\n  background-color: transparent;\r\n}\r\n.input-box.open .close-icon {\r\n  transform: translateY(-50%) rotate(180deg);\r\n  pointer-events: auto;\r\n  opacity: 1;\r\n}\r\n.input-box input{\r\n  background: transparent;\r\n}\r\n@media screen and (max-width: 1180px) {\r\n  .input-box.open{\r\n    margin-left: 0;\r\n  }\r\n  .header__menu{\r\n    padding: 10px 40px;\r\n  }\r\n  .header__menu .nav__menus.open{\r\n    display: none;\r\n  }\r\n}\r\n@media screen and (max-width: 991px){\r\n  .header__menu{\r\n    display: none;\r\n  \r\n  }\r\n  .burger__menu{\r\n    display: flex;\r\n    width: 100%;\r\n    background: var(--white);\r\n    justify-content: space-between;\r\n    height: 90px;\r\n    position: relative;\r\n    z-index: 999;\r\n    .logo__block{\r\n      padding: 10px;\r\n      margin-left: 40px;\r\n    }\r\n  }\r\n  .burger__icon{\r\n    display: block;\r\n    width: 100px;\r\n    position: relative;\r\n    span{\r\n      position: absolute;\r\n      display: block;\r\n      width: 30px;\r\n      height: 4px;\r\n      background: black;\r\n      transition: all 0.3s ease;\r\n    }\r\n  }\r\n  .port__menu{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: linear-gradient(var(--yellow), var(--bronze) );\r\n    top: 90px;\r\n    ul.burger__menu__ul{\r\n      width: max-content;\r\n      margin: 0 auto;\r\n      margin-top: 60px;\r\n      padding-left: 0;\r\n      text-align: center;\r\n      li.menu-item{\r\n        display: block;\r\n        width: max-content;\r\n        margin: 0 auto;\r\n        a {\r\n        color: var(--dark-text);\r\n        font-size: 40px;\r\n        line-height: 80px;\r\n        }\r\n      }\r\n      li.menu-item.menu-item-has-children{\r\n        position: relative;\r\n        .sub-menu{\r\n          width: max-content;\r\n          margin: 0 auto;\r\n          li{ \r\n          text-align: left;\r\n            a{\r\n              font-size: 28px;\r\n              line-height: normal;\r\n              margin-bottom: 15px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .menu-item-has-children::after{\r\n        content: '';\r\n        width: 15px;\r\n        height: 15px;\r\n        border-top: 3px solid var(--dark-text);\r\n        border-right: 3px solid var(--dark-text);\r\n        display: block;\r\n        position: absolute;\r\n        right: -30px;\r\n        top: 40px;\r\n        transform: rotate(45deg) translateY(-50%);\r\n        transition: all 0.3s ease;\r\n      }\r\n      .menu-item-has-children.visibleMenu::after{\r\n        transform: rotate(-45deg) translateY(-50%);\r\n      }\r\n    }\r\n     .button{\r\n      background: transparent;\r\n      padding: 15px;\r\n      border: 3px solid var(--yellow);\r\n      border-radius: 6px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      font-size: 18px;\r\n      position: absolute;\r\n      bottom: 20vh;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      margin: 0 auto;\r\n      width: max-content;\r\n      color: var(--dark-text);\r\n      font-size: 26px;\r\n      font-weight: 500;\r\n      img{\r\n        margin-left: 15px;\r\n      }\r\n    }\r\n  }\r\n  .header .port__menu .sub-menu::after{\r\n    display: none;\r\n  }\r\n  \r\n}\r\n@media screen and (max-width: 1030px) {\r\n  .input-box.open input{\r\n    padding: 0 0 0 40px;\r\n  }\r\n}\r\n@media screen and (max-width: 600px){\r\n  .port__menu ul.burger__menu__ul{\r\n    margin-top: 20px;\r\n  }\r\n  .port__menu ul.burger__menu__ul li.menu-item a{\r\n    font-size: 34px;\r\n    line-height: 50px;\r\n  }\r\n  .port__menu ul.burger__menu__ul .menu-item-has-children::after{\r\n    width: 10px;\r\n    height: 10px;\r\n    top: 27px;\r\n    right: -20px;\r\n  }\r\n  .port__menu ul.burger__menu__ul li.menu-item.menu-item-has-children ul.sub-menu li a{\r\n    font-size: 24px;\r\n  }\r\n  .burger__menu .logo__block{\r\n    margin-left: 20px;\r\n  }\r\n}",".popup {\r\n  $white-100: #fff;\r\n\r\n  position: fixed;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  overflow-y: auto;\r\n  pointer-events: none;\r\n\r\n  /** Установить свои значения */\r\n  padding: rem(30) rem(10);\r\n  background-color: rgba(#000, 50%);\r\n  z-index: 2000;\r\n  transition: opacity 0.4s ease-in-out;\r\n\r\n  &.is-open {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n\r\n    .popup__content {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // .popup__wrapper\r\n  &__wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 100%;\r\n  }\r\n\r\n  // .popup__content\r\n  &__content {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    /** Установить свои значения */\r\n    padding: rem(30) rem(50);\r\n    max-width: rem(690);\r\n    background-color: $white-100;\r\n    transform: translateY(rem(-200));\r\n    opacity: 0;\r\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\r\n  }\r\n\r\n  // .popup__close\r\n  &__close {\r\n    position: absolute;\r\n\r\n    /** Установить свои значения */\r\n    top: rem(20);\r\n    right: rem(20);\r\n    width: rem(40);\r\n    height: rem(40);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: transparent;\r\n    color: #000;\r\n    border-radius: rem(8);\r\n  }\r\n}\r\n",".checkboxes {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: center;\r\n}\r\n\r\n.checkbox {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  text-wrap: nowrap;\r\n\r\n  // .checkbox__input\r\n  &__input {\r\n    appearance: none;\r\n    position: absolute;\r\n\r\n    /* Checked */\r\n    &:checked + .checkbox__box {\r\n      background-color: #ff4040;\r\n      border-color: #fff;\r\n    }\r\n\r\n    /* Focused */\r\n    &:focus + .checkbox__box {\r\n      box-shadow: 0 0 0 2px blue;\r\n    }\r\n\r\n    &:checked:focus + .checkbox__box {\r\n    }\r\n\r\n    /* Disabled */\r\n    &:disabled + .checkbox__box {\r\n    }\r\n\r\n    &:checked:disabled + .checkbox__box {\r\n    }\r\n  }\r\n\r\n  // .checkbox__box\r\n  &__box {\r\n    height: 20px;\r\n    flex: 0 0 20px;\r\n    border-radius: 3px;\r\n    border: 2px solid #1a8c80;\r\n  }\r\n}\r\n",".tabs {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: rem(10);\r\n\r\n  // .tabs__nav\r\n  &__nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: rem(10);\r\n  }\r\n\r\n  // .tabs__trigger\r\n  &__trigger {\r\n    padding: rem(10);\r\n    transition: 0.2s ease-in-out;\r\n\r\n    &.active {\r\n      background-color: #ff4040;\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  // .tabs__content\r\n  &__content {\r\n  }\r\n\r\n  // .tabs__panel\r\n  &__panel {\r\n    animation: fade-up-big 0.4s forwards;\r\n    display: none;\r\n\r\n    &.active {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n",".accordion {\r\n  /** Установить свои значения */\r\n  $radius: 4;\r\n  $icon-size: 24;\r\n\r\n  // .accordion__item\r\n  &__item {\r\n    /** Установить свои значения */\r\n    background-color: #fff;\r\n    border: 1px solid rgba(#000, 12%);\r\n    transition: 0.3s ease-in-out;\r\n\r\n    &:not(:first-of-type) {\r\n      border-top: 0;\r\n    }\r\n\r\n    &:first-of-type {\r\n      border-top-left-radius: rem($radius);\r\n      border-top-right-radius: rem($radius);\r\n    }\r\n\r\n    &:last-of-type {\r\n      border-bottom-right-radius: rem($radius);\r\n      border-bottom-left-radius: rem($radius);\r\n    }\r\n\r\n    &.open {\r\n      .accordion__header {\r\n        /** Установить свои значения */\r\n        background-color: #e7f1ff;\r\n        color: #ff4040;\r\n\r\n        &:after {\r\n          transform: rotate(0deg);\r\n        }\r\n      }\r\n\r\n      .accordion__content {\r\n        height: max-content;\r\n\r\n        /** Установить свои значения */\r\n        padding: rem(36) rem(8);\r\n      }\r\n    }\r\n  }\r\n\r\n  // .accordion__header\r\n  &__header {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n\r\n    /** Установить свои значения */\r\n    padding: rem(8);\r\n    transition: background 0.3s ease-in-out;\r\n\r\n    &:hover {\r\n      background: rgba(#fff, 2%);\r\n    }\r\n\r\n    &:active {\r\n      background: rgba(#fff, 5%);\r\n    }\r\n\r\n    @include pseudo-cell(after, static) {\r\n      transform: rotate(180deg);\r\n      width: rem($icon-size);\r\n      height: rem($icon-size);\r\n      background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      transition: transform 0.6s ease-in-out;\r\n    }\r\n  }\r\n\r\n  // .accordion__content\r\n  &__content {\r\n    height: 0;\r\n    overflow: hidden;\r\n\r\n    /** Установить свои значения */\r\n    padding: 0 rem(8);\r\n    transition: all 0.3s ease-in-out;\r\n  }\r\n}\r\n","// !Адаптивное свойство (clamp)\r\n@mixin adaptiveClamp(\r\n  $property,\r\n  $startSize,\r\n  $minSize,\r\n  $widthFrom: $containerWidth,\r\n  $widthTo: $minWidth,\r\n  $keepSize: 0\r\n) {\r\n  // Для calc();\r\n  $addSize: math.div($startSize - $minSize, 16);\r\n\r\n  @if ($widthFrom == $containerWidth and $maxWidthContainer == 0) {\r\n    $widthFrom: $maxWidth;\r\n  }\r\n  @if ($minSize <= 0) {\r\n    $minSize: 0.0001;\r\n  }\r\n  @if ($startSize <= 0) {\r\n    $startSize: 0.0001;\r\n  }\r\n\r\n  // Брейк-поинты в EM\r\n  $widthFromMedia: em($widthFrom);\r\n  $widthToMedia: em($widthTo);\r\n\r\n  // Формула плавающего значения\r\n  // Источник: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/\r\n  $slope: math.div(($startSize - $minSize), ($widthFrom - $widthTo));\r\n  $yIntersection: -$widthTo * $slope + $minSize;\r\n  $flyValue: #{rem($yIntersection)}' + ' #{$slope * 100}vw;\r\n\r\n  // Получение значения свойства\r\n  $propertyValue: #{'clamp(' rem($minSize) ',' $flyValue ',' rem($startSize) ')'};\r\n  // Если отрицательные значения\r\n  @if ($minSize > $startSize) {\r\n    $propertyValue: #{'clamp('\r\n      rem($startSize)\r\n      ','\r\n      $flyValue\r\n      ','\r\n      rem($minSize)\r\n      ')'};\r\n  }\r\n\r\n  @if $widthFrom ==\r\n    $containerWidth or\r\n    $widthFrom ==\r\n    $maxWidth or\r\n    $keepSize ==\r\n    1 or\r\n    $keepSize ==\r\n    2\r\n  {\r\n    @media (min-width: $widthFromMedia) {\r\n      #{$property}: rem($startSize);\r\n    }\r\n  }\r\n  @media (min-width: $widthToMedia) and (max-width: $widthFromMedia) {\r\n    // Если поддерживается clamp();\r\n    @supports (#{$property}: $propertyValue) {\r\n      #{$property}: $propertyValue;\r\n    }\r\n    // Если не поддерживается clamp();\r\n    @supports not (#{$property}: $propertyValue) {\r\n      #{$property}: calc(\r\n        #{rem($minSize)} + #{$addSize} * (100vw - #{rem($widthTo)}) / #{math.div(\r\n            $widthFrom,\r\n            16\r\n          ) - math.div($widthTo, 16)}\r\n      );\r\n    }\r\n  }\r\n  @if $widthTo == $minWidth or $keepSize == 1 or $keepSize == 3 {\r\n    @media (max-width: $widthToMedia) {\r\n      #{$property}: rem($minSize);\r\n    }\r\n  }\r\n}\r\n\r\n// !gradient for text\r\n@mixin text-gradient($gradient) {\r\n  background: $gradient;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n@mixin media-mx($value) {\r\n  $width: em($value);\r\n\r\n  @media (max-width: $width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin media-mn($value) {\r\n  $width: em($value + 0.98);\r\n\r\n  @media (min-width: $width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin any-hover() {\r\n  @media (any-hover: hover) {\r\n    &:hover {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n// !:not (last-child)\r\n@mixin not-last() {\r\n  &:not(:last-child) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// !:not (first-child)\r\n@mixin not-first() {\r\n  &:not(:first-child) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// !обрезает текст до определенного кол-ва строк, остаток заменяет на 3 точки (...)\r\n@mixin line-clamp($value) {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: $value;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n// !styled placeholder for TextArea\r\n@mixin styled-placeholder($color, $fontSize: inherit, $lineHeight: normal) {\r\n  &:-moz-placeholder,\r\n  &::-moz-placeholder,\r\n  &::-webkit-input-placeholder,\r\n  &:-ms-input-placeholder {\r\n    color: $color;\r\n    font-size: $fontSize;\r\n    line-height: $lineHeight;\r\n  }\r\n}\r\n\r\n// !плавное убирание placeholder\r\n@mixin hide-placeholder($time: 300, $effect: ease) {\r\n  &::-webkit-input-placeholder,\r\n  &::-moz-placeholder,\r\n  &:-moz-placeholder,\r\n  &:-ms-input-placeholder {\r\n    opacity: 1;\r\n    transition: opacity #{$time} + ms $effect;\r\n  }\r\n\r\n  &:focus {\r\n    &::-webkit-input-placeholder,\r\n    &::-moz-placeholder,\r\n    &:-moz-placeholder,\r\n    &:-ms-input-placeholder {\r\n      opacity: 0;\r\n      transition: opacity #{$time} + ms $effect;\r\n    }\r\n  }\r\n}\r\n\r\n// !after-before\r\n@mixin pseudo-cell($type, $pos: absolute) {\r\n  &::#{$type} {\r\n    content: '';\r\n    position: $pos;\r\n    @content;\r\n  }\r\n}\r\n","footer{\r\n  padding: 40px 0 20px 0;\r\n  background: var(--dark-text);\r\n  .container{\r\n    padding: 0 60px;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n.f_info-block{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  height: max-content;\r\n  h5{\r\n    color: var(--yellow);\r\n    font-size: 18px;\r\n    margin-top: 0;\r\n    text-align: left;\r\n    \r\n  }\r\n}\r\n.footer__menu{\r\n  margin-bottom: 40px;\r\n  ul{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0;\r\n    margin: 0;\r\n    li{\r\n      list-style: none;\r\n      a{\r\n        color: var(--white);\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 27px;\r\n        transition: all 0.3s ease;\r\n      }\r\n      a:hover{\r\n        color: var(--yellow);\r\n      }\r\n      a:active{\r\n        color: var(--bronze);\r\n      }\r\n    }\r\n  }\r\n}\r\n.f_social-link{\r\n  width: max-content;\r\n  height: initial;\r\n  .f_social-img{\r\n    width: 100%;\r\n    margin-top: 85px;//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\r\n    height: max-content;\r\n    ul{\r\n      display: flex;\r\n      gap: 20px;\r\n      padding: 0;\r\n      justify-content: center;\r\n      margin-bottom: 0;\r\n      li{\r\n        list-style: none;\r\n        padding: 10px;\r\n        border: solid 1px var(--gray40);\r\n        transition: all 0.3s ease;\r\n        img{\r\n          filter: brightness(0) invert(1);\r\n        }\r\n      }\r\n      li:hover{\r\n        border-color: var(--yellow);\r\n        img{\r\n          filter: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.f_adresses{\r\n  display: flex;\r\n  gap: 20px;\r\n  width: max-content;\r\n  .f_adress{\r\n    width: 205px;\r\n    max-width: 205px;\r\n\r\n\r\n    a{\r\n      text-decoration: none;\r\n      margin-top: 20px;\r\n      p{\r\n        color: var(--white);\r\n        max-width:205px;\r\n        font-size: 18px;\r\n        font-weight: 300;\r\n        width: max-content;\r\n        transition: all 0.3s ease;\r\n        line-height: 27px;\r\n        margin: 0;\r\n      }\r\n    }\r\n    a:hover p{\r\n      color: var(--yellow);\r\n    }\r\n    a:active p{\r\n      color: var(--bronze);\r\n    }\r\n  }\r\n}\r\n.f_newsletter{\r\n  width: max-content;\r\n  label{\r\n    color: var(--white);\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    line-height: 27px;\r\n    margin: 0;\r\n    margin-top: 20px;\r\n  }\r\n  input{\r\n    background: transparent;\r\n    width: 540px;\r\n    height: 50px;\r\n    border: solid 1px var(--gray40);\r\n    border-radius: 6px;\r\n    padding: 0 0 0 15px;\r\n    color: var(--white);\r\n    outline: none;\r\n    margin: 5px 0;\r\n  }\r\n  input:hover{\r\n    border-color: var(--yellow);\r\n  }\r\n  input:focus{\r\n    border-color: var(--gray);\r\n  }\r\n  button{\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 35px;\r\n    background: transparent;\r\n    border: solid 1px var(--yellow);\r\n    border-radius: 6px;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    padding: 15px 25px;\r\n    transition: all 0.3s ease;\r\n    color: var(--white);\r\n    img{\r\n      margin-left: 17px;\r\n      width: 25px;\r\n    }\r\n  }\r\n  button:hover{\r\n    background: var(--yellow);\r\n  }\r\n  button:active{\r\n    background: var(--bronze);\r\n    border-color: var(--bronze);\r\n  }\r\n}\r\n.privacy__terms{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-top: 40px;\r\n  div{\r\n    width: max-content;\r\n    display: flex;\r\n    gap: 30px;\r\n    hr{\r\n      width: 1px;\r\n      height: 25px;\r\n      background: var(--white);\r\n      border: none;\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n  div p{\r\n    color: var(--white);\r\n    font-size: 15px;\r\n    line-height: 22.5px;\r\n    font-weight: 400;\r\n    transition: all 0.3s ease;\r\n    margin-top: 8px;\r\n    margin-bottom: 0;\r\n  }\r\n  div a{\r\n    text-decoration: none;\r\n  }\r\n  div a:hover p{\r\n    color: var(--yellow);\r\n  }\r\n  div a:active p{\r\n    color: var(--bronze);\r\n  }\r\n}\r\n",".ellipse-contact1{\r\n  position: absolute;\r\n  z-index: 1;\r\n  top: 37px;\r\n  left: -95px;\r\n}\r\n.ellipse-contact2{\r\n  position: absolute;\r\n  z-index: 0;\r\n  top: 59px;\r\n  left: 196px;\r\n}\r\n.ellipse-contact3{\r\n  position: absolute;\r\n  z-index: 0;\r\n  bottom: 32px;\r\n  right: -141px;\r\n}\r\n.contact__us{\r\n  background: var(--light-white);\r\n  margin: 90px auto;\r\n\r\n}\r\n.contact_title{\r\n  text-align: center;\r\n  padding-top: 33px;\r\n  h4{\r\n    width: max-content;\r\n    margin: 0 auto;\r\n  }\r\n  p{\r\n    margin: 0;\r\n    padding: 0;\r\n    margin-top: 20px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    color: var(--gray);\r\n  }\r\n}\r\n.wpcf7-form{\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  margin-top: 32px;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding-bottom: 45px;\r\n  label{\r\n    font-size: 18px;\r\n    line-height: 27px;\r\n    font-weight: 400;\r\n    color: var(--dark-text);\r\n  }\r\n  .required__data{\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: space-between;\r\n    .data__recall{\r\n      width: 48%;\r\n\r\n      input{\r\n        margin-top: 5px;\r\n        width: 100%;\r\n        outline: none;\r\n        height: 47px;\r\n        border-radius: 6px;\r\n        border: solid 1px var(--gray40);\r\n        padding: 12px 15px;\r\n        display: block;\r\n      }\r\n      input:hover{\r\n        border-color: var(--yellow);\r\n      }\r\n      input:focus{\r\n        border-color: var(--dark-text);\r\n      }\r\n      input.invalid:invalid{\r\n        border-color: var(--error);\r\n      }\r\n      input.filled{\r\n        border-color: var(--dark-text);\r\n      }\r\n    }\r\n  }\r\n  .non_required_data{\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    textarea{\r\n      margin-top: 5px;\r\n      width: 100%;\r\n      outline: none;\r\n      border-radius: 6px;\r\n      border: solid 1px var(--gray40);\r\n      padding: 12px 15px;\r\n      resize: none;\r\n    }\r\n    textarea:hover{\r\n      border-color: var(--yellow);\r\n    }\r\n    textarea:focus{\r\n      border-color: var(--dark-text);\r\n    }\r\n    textarea.filled{\r\n        border-color: var(--dark-text);\r\n      }\r\n  }\r\n  .checkbox{\r\n    display: flex;\r\n    align-items: center;\r\n    input{\r\n      width: 24px;\r\n      height: 24px;\r\n      margin-right: 20px;\r\n    }\r\n    input:checked{\r\n      visibility: hidden;\r\n    }\r\n    span{\r\n      position: relative;\r\n      font-size: 15px;\r\n      font-weight: 400px;\r\n      color: var(--gray);\r\n      padding-left: 44px;\r\n    }\r\n    label{\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    \r\n    input[type=\"checkbox\"]:not(:checked) + span::before{\r\n      content: '';\r\n      width: 24px;\r\n      height: 24px;\r\n      display: block;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0px;\r\n      border-radius: 1.7px;\r\n      border: 1px solid var(--dark-text);\r\n      transition: all 0.3s ease;\r\n    }\r\n    input[type=\"checkbox\"]:not(:checked) + span:hover::before{\r\n      border-color: var(--yellow);\r\n    }\r\n    span.checked::after{\r\n      content: '';\r\n      width: 24px;\r\n      height: 24px;\r\n      display: block;\r\n      background-image: url(../images/checked.png);\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0px;\r\n      border-radius: 2px;\r\n    }\r\n\r\n  }\r\n  .captcha{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 40px;\r\n    margin-bottom: 30px;\r\n    align-items: center;\r\n    \r\n    .wpcf7-submit{\r\n      background: transparent;\r\n      color: var(--dark-text);\r\n      font-size: 18px;\r\n      padding: 16px;\r\n      font-weight: 500;\r\n      display: flex;\r\n      align-items: center;\r\n      border: 1px solid var(--yellow);\r\n      border-radius: 6px;\r\n      transition: all 0.3s ease;\r\n      img{\r\n        margin-left: 15px;\r\n      }\r\n    }\r\n    .wpcf7-submit:hover{\r\n      background: var(--yellow);\r\n    }\r\n    .wpcf7-submit:active{\r\n      background: var(--bronze);\r\n      border-color: var(--bronze);\r\n    }\r\n  }\r\n}\r\n.wpcf7-form .captcha div p{\r\n  margin-bottom: 0;\r\n  .wpcf7-spinner{\r\n    display: none;\r\n  }\r\n}\r\nfooter input[type=\"text\"]:focus{\r\n  color: var(--white);\r\n}\r\n.wpcf7-form .checkbox input{\r\n      display: none;\r\n}\r\n.contact-page{\r\n  margin: 90px auto;\r\n  .wraper{\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  .more_info{\r\n    max-width: 600px;\r\n    width: 100%;\r\n    padding: 60px 0 80px 60px;\r\n    background: var(--light-white);\r\n    .cFirstTitle{\r\n      border-bottom: 1px solid var(--gray40);\r\n      h4{\r\n        color: var(--gray);\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        line-height: 27px;\r\n      }\r\n      h3{\r\n        font-size: 27px;\r\n        font-weight: 600;\r\n        line-height: 40.5px;\r\n        color: var(--dark-text);\r\n        max-width: 380px;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .contact-again{\r\n    padding-top: 60px;\r\n    padding-right: 60px;\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n}\r\n.details__info{\r\n  margin-top: 20px;\r\n}\r\n.info__adress{\r\n    display: flex;\r\n    div{\r\n      width: 50%;\r\n      h5{\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n        line-height: 33px;\r\n        color: var(--yellow);\r\n      }\r\n      a{\r\n        margin-top: 15px;\r\n        ul{\r\n          padding: 0;\r\n          li{\r\n            color: var(--dark-text);\r\n            transition: all 0.3s ease;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n\r\n          }\r\n        }\r\n      }\r\n      a:hover ul li{\r\n        color: var(--yellow);\r\n      }\r\n    }\r\n  }\r\n.info__asisst{\r\n  margin-top: 30px;\r\n  h5{\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    line-height: 33px;\r\n    color: var(--yellow);\r\n  }\r\n  div{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    nav{\r\n      width: 50%;\r\n      margin-bottom: 10px;\r\n      h6{\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        line-height: 27px;\r\n        color: var(--dark-text);\r\n        margin: 0;\r\n      }\r\n      a{\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 27px;\r\n        color: var(--dark-text);\r\n        transition: all 0.3s ease;\r\n      }\r\n      a:hover{\r\n        color: var(--yellow);\r\n      }\r\n    }\r\n  }\r\n}\r\n.info__member{\r\n  margin-top: 30px;\r\n  display: flex;\r\n  div{\r\n    width: 50%;\r\n    h5{\r\n      color: var(--yellow);\r\n      font-size: 22px;\r\n      font-weight: 600;\r\n      line-height: 33px;\r\n    }\r\n    ul{\r\n      padding: 0;\r\n      margin-top: 10px;\r\n      max-width: 260px;\r\n      li{\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 27px;\r\n        color: var(--dark-text);\r\n        a{\r\n          color: var(--dark-text);\r\n          transition: all 0.3s ease;\r\n        }\r\n      }\r\n      li:first-child::first-line{\r\n          font-weight: 500;\r\n      }\r\n      li:hover a{\r\n        color: var(--yellow);\r\n      }\r\n    }\r\n    \r\n  }\r\n}\r\n#ellipse_contact{\r\n  position: absolute;\r\n  z-index: -1;\r\n  bottom: 100px;\r\n  right: -123px;\r\n}","\r\n// тестовые стили, удалите их\r\n*{\r\n  box-sizing: border-box;\r\n}\r\nbody{\r\n  font-family: var(--monts);\r\n  position: relative;\r\n  height: max-content;\r\n  .body__back{\r\n    max-width: 1320px;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background-image: url(../images/svg/body-background.svg);\r\n    position: absolute;\r\n    z-index: -2;\r\n  }\r\n}\r\np{\r\n  margin: 0;\r\n}\r\nh1{\r\n  margin: 0;\r\n}\r\nh2{\r\n  margin: 0;\r\n}\r\nh3{\r\n  margin: 0;\r\n}\r\nh4{\r\n  margin: 0;\r\n}\r\nh5{\r\n  margin: 0;\r\n}\r\nh6{\r\n  margin: 0;\r\n}\r\nsection{\r\n  max-width: 2000px;\r\n  overflow: hidden;\r\n}\r\nhr{\r\n  opacity: 1;\r\n}\r\nul{\r\n  margin-bottom: 0;\r\n}\r\n.swiper{\r\n  cursor: grab;\r\n}\r\n.swiper:active{\r\n  cursor: grabbing;\r\n}\r\n* a{\r\n  width: fit-content;\r\n  display: inline-block;\r\n}\r\n.container{\r\n  max-width: 1440px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n.ellipse-section2{\r\n  position: absolute;\r\n  z-index: -2;\r\n  left: 60px;\r\n  bottom: 19px;\r\n}\r\n.ellipse-sectionb{\r\n  position: absolute;\r\n  z-index: -2;\r\n  left: -137px;\r\n  top: 0;\r\n}\r\n.ellipse-section4s{\r\n  position: absolute;\r\n  z-index: -2;\r\n  left: 187px;\r\n  top: 43px;\r\n}\r\nh4{\r\n  color: var(--dark-text);\r\n  font-size: 18px;\r\n  padding-left: 40px;\r\n  font-weight: 500;\r\n  line-height: 27px;\r\n  position: relative;\r\n  margin: 0;\r\n  color: var(--gray);\r\n}\r\nh4::after{\r\n  content: '';\r\n  width: 34px;\r\n  height: 25px;\r\n  position: absolute;\r\n  z-index: 9;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  left: 0;\r\n  display: block;\r\n  background-image: url(../images/svg/arrow-angle-main.svg);\r\n}\r\nh2{\r\n  font-size: 45px;\r\n  color: var(--dark-text);\r\n  font-weight: 600;\r\n  line-height: 58.5px;\r\n  margin: 0;\r\n}\r\n.my_main_slide1{\r\n  position: relative;\r\n  color: var(--white);\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  .wraper{\r\n    padding: 113px 0 115px 160px;\r\n  }\r\n  h1{\r\n    font-size: 60px;\r\n    font-weight: 600;\r\n    line-height: 78px;\r\n    width: 650px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n  }\r\n  p{\r\n    width: 650px;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 27px;\r\n  }\r\n  \r\n  a{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    margin-top: 40px;\r\n    background: transparent;\r\n    border: none;\r\n    position: relative;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    padding: 15px 25px;\r\n    transition: all 0.3s ease;\r\n    color: var(--white);\r\n    text-decoration: none;\r\n    img{\r\n      margin-left: 17px;\r\n      width: 25px;\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n  }\r\n  a::after{\r\n    content: '';\r\n    width: 4px;\r\n    height: 57px;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    background: var(--yellow);\r\n    top: 0;\r\n    z-index: -1;\r\n    transition: all 0.5s ease;\r\n  }\r\n  a:hover::after{\r\n    width: 100%;\r\n    border-radius: 6px;\r\n  }\r\n  a:active::after{\r\n    background: var(--bronze);\r\n  }\r\n}\r\n.my_main_slide1::after{\r\n  content: '';\r\n  width: inherit;\r\n  height: inherit;\r\n  display: block;\r\n  position: absolute;\r\n  z-index: -2;\r\n  top: 0;\r\n  left: 0;\r\n  background: #272935BF;\r\n}\r\n.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  left: 75%;\r\n  width: 20px;\r\n  height: max-content;\r\n}\r\n.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{\r\n  width: 12px;\r\n  height: 12px;\r\n  margin-bottom: 20px;\r\n  transition: all 0.3s ease;\r\n}\r\n.swiper-pagination-bullet{\r\n  background: var(--light-white);\r\n}\r\n.swiper-pagination-bullet:hover{\r\n  background: var(--yellow);\r\n  opacity: 100%;\r\n}\r\n\r\n.swiper-pagination-bullet-active{\r\n  background: var(--white);\r\n}\r\n.main_section1{\r\n  margin: 0 auto;\r\n  padding: 90px 0 45px 0;\r\n}\r\n.main_section2{\r\n  margin: 0 auto;\r\n  padding: 45px 0;\r\n  .wraper{\r\n    display: flex;\r\n    padding: 100px 50px 100px 160px;\r\n    justify-content: space-between;\r\n\r\n    .msect2-text{\r\n      margin: 50.5px 0;\r\n\r\n      p{\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 27px;\r\n        color: var(--gray);\r\n        max-width: 650px;\r\n        margin-top: 20px;\r\n      }\r\n      a{\r\n        background: transparent;\r\n        color: var(--dark-text);\r\n        font-size: 18px;\r\n        padding: 15px 25px;\r\n        font-weight: 500;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        border: none;\r\n        margin-top: 40px;\r\n        position: relative;\r\n        text-decoration: none;\r\n        width: max-content;\r\n        img{\r\n          margin-left: 17px;\r\n        }\r\n      }\r\n      a::after{\r\n        content: '';\r\n        width: 4px;\r\n        height: 57px;\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        background: var(--yellow);\r\n        top: 0;\r\n        z-index: -1;\r\n        transition: all 0.5s ease;\r\n      }\r\n      a:hover::after{\r\n        width: 100%;\r\n        border-radius: 6px;\r\n      }\r\n      a:active::after{\r\n        background: var(--bronze);\r\n      }\r\n    }\r\n  }\r\n}\r\n.main_section3{\r\n  margin: 45px auto;\r\n  position: relative;\r\n  background: var(--light-white);\r\n  .trag_back_msect3{\r\n    position: relative;\r\n    padding: 25px 0;\r\n    img{\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .wraper{\r\n    padding-left: 160px;\r\n    .msect3-text{\r\n      max-width: 430px;\r\n      margin: 85px 0;\r\n      position: relative;\r\n      z-index: 2;\r\n      ul{\r\n        padding: 0;\r\n        margin: 0;\r\n        margin-top: 20px;\r\n        li {\r\n          list-style: none;\r\n          font-size: 18px;\r\n          font-weight: 400;\r\n          padding: 15px 0 15px 45px;\r\n          position: relative;\r\n        }\r\n        li::after{\r\n          content: '';\r\n          width: 32px;\r\n          height: 32px;\r\n          left: 0;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          display: block;\r\n          position: absolute;\r\n          background-image: url(../images/svg/agree-main.svg);\r\n          background-size: 32px 32px;\r\n        }\r\n      }\r\n      a{\r\n        padding: 15px 25px;\r\n        background: transparent;\r\n        position: relative;\r\n        font-size: 18px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        margin-top: 40px;\r\n        color: var(--dark-text);\r\n        font-weight: 500;\r\n        line-height: 27px;\r\n\r\n        img{\r\n          width: 24px;\r\n          position: relative;\r\n          margin-left: 15px;\r\n        }\r\n      }\r\n      a::after{\r\n    content: '';\r\n    width: 4px;\r\n    height: 57px;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    background: var(--yellow);\r\n    top: 0;\r\n    z-index: -1;\r\n    transition: all 0.5s ease;\r\n  }\r\n  a:hover::after{\r\n    width: 100%;\r\n    border-radius: 6px;\r\n  }\r\n  a:active::after{\r\n    background: var(--bronze);\r\n  }\r\n    }\r\n\r\n  }\r\n}\r\n.main_section4{\r\n  margin: 0 auto;\r\n  padding: 45px 0;\r\n\r\n  .container{\r\n    padding: 80px 60px 40px 60px;\r\n    h4{\r\n      width: max-content;\r\n      margin: 0 auto;\r\n    }\r\n    h2{\r\n      text-align: center;\r\n    }\r\n  }\r\n  .mySwiper1{\r\n    padding-top: 100px;\r\n    position: relative;\r\n    padding-bottom: 40px;\r\n    overflow: visible;\r\n    .swiper-slide{\r\n      max-width: 315px;\r\n      box-shadow: 0 0 40px var(--light-gray);\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      background: var(--white);\r\n      nav{\r\n        padding: 20px;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        color: var(--dark-text);\r\n        width: max-content;\r\n        transition: all 0.3s ease;\r\n      }\r\n      h5{\r\n        margin: 0;\r\n        font-size: 22px;\r\n        line-height: 33px;\r\n        color: var(--dark-text);font-weight: 600;\r\n        padding-left: 20px;\r\n        transition: all 0.3s ease;\r\n      }\r\n      p{\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 27px;\r\n        margin: 20px;\r\n        transition: all 0.3s ease;\r\n      }\r\n      .s4_iconPos{\r\n        position: absolute;\r\n        top: 0;\r\n        right: 10px;\r\n        background: var(--light-white);\r\n        padding: 7px 10px;\r\n        transform: translateY(-40%);\r\n        transition: all 0.3s ease;\r\n      }\r\n      img{\r\n        transition: transform 0.3s ease;\r\n      }\r\n    }\r\n    .swiper-slide:hover{\r\n      transform: scale(1.01);\r\n      box-shadow: 0 0 20px var(--yellow);\r\n      nav{\r\n        color: var(--yellow);\r\n      }\r\n      h5{\r\n        color: var(--yellow);\r\n      }\r\n      .s4_iconPos{\r\n        background: var(--yellow);\r\n      }\r\n      img{\r\n        filter: brightness(0) invert(1);\r\n        transform: scale(1.2);\r\n      }\r\n    }\r\n    .arrow_mySlider{\r\n      position: absolute;\r\n      display: flex;\r\n      gap: 30px;\r\n      top: 0;\r\n      right: 0;\r\n      .arrow{\r\n        width: 40px;\r\n        height: 40px;\r\n        border: solid 1px var(--dark-text);\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n      }\r\n      img{\r\n        width: 24px;\r\n        height: 24px;\r\n        margin: 7px;\r\n      }\r\n      .arrow:hover{\r\n        background: var(--yellow);\r\n        border-color: var(--yellow);\r\n      }\r\n      .arrow:active{\r\n        background: var(--bronze);\r\n        border-color: var(--bronze);\r\n      }\r\n    }\r\n  }\r\n}\r\n.main_section5{\r\n  margin: 45px auto;\r\n  position: relative;\r\n  .wraper{\r\n    width: 50%;\r\n    padding: 122px 0;\r\n    padding-left: 172px;\r\n    display: flex;\r\n    transform: translateX(-30%);\r\n    position: relative;\r\n    z-index: 1;\r\n    .msect5-text{\r\n      padding-left: 90px;\r\n      h4{\r\n        color: var(--white);\r\n      }\r\n      h4::after{\r\n        background-image: url(../images/svg/arrow-angle-main1.svg);\r\n      }\r\n      h2{\r\n        color: var(--white);\r\n      }\r\n    }\r\n  }\r\n}\r\n.main_section5::after{\r\n  content: '';\r\n  width: 50%;\r\n  height: 100%;\r\n  display: block;\r\n  position: absolute;\r\n  background: var(--dark-text75);\r\n  top: 0;\r\n  z-index: 0;\r\n}\r\n.msect5-grid{\r\n  display: grid;\r\n  grid-template-columns: 205px 205px;\r\n  grid-template-rows: 150px 150px;\r\n  gap: 20px;\r\n  margin-top: 20px;\r\n  nav{\r\n    font-size: 45px;\r\n    font-weight: 300;\r\n    line-height: 58.5px;\r\n    color: var(--yellow);\r\n  }\r\n  span{\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 22.5px;\r\n    color: var(--yellow);\r\n  }\r\n  p{\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 27px;\r\n    color: var(--white);\r\n    margin: 0;\r\n    margin-top: 10px;\r\n  }\r\n}\r\n.mySwiper2{\r\n  width: 50%;\r\n  position: absolute;\r\n  height: 100%;\r\n  top: 0;\r\n  right: 0;\r\n  .swiper-slide{\r\n    background: var(--white);\r\n    width: 50%;\r\n    position: relative;\r\n    transition: all 0.7s ease;\r\n    .sw-bg-img{\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      img{\r\n        width: 100%;\r\n        transition: all 0.7s ease;\r\n      }\r\n    }\r\n    \r\n  }\r\n  .swiper-slide:hover{\r\n    .sw-bg-img{\r\n      img{\r\n        transform: scale(1.1);\r\n        filter: brightness(80%);\r\n      }\r\n    }\r\n    .slide-down-text::after{\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n.slide-down-text{\r\n  height: 112px;\r\n  width: 100%;\r\n  display: flex;\r\n  background: var(--white);\r\n  position: absolute;\r\n  bottom: 0;\r\n  border-left: 3px solid var(--yellow);\r\n  transition: all 0.3s ease;\r\n  z-index: 3;\r\n  nav{\r\n    width: max-content;\r\n    font-size: 45px;\r\n    font-weight: 300;\r\n    padding: 10px 15px;\r\n  }\r\n  .slide-down-title{\r\n    padding: 10px 0 10px 20px;\r\n    h5{\r\n      margin: 0;\r\n      font-size: 22px;\r\n      font-weight: 600;\r\n      line-height: 33px;\r\n    }\r\n    p{\r\n      margin: 0;\r\n      font-size: 18px;\r\n      line-height: 27px;\r\n      font-weight: 400;\r\n    }\r\n  }\r\n  \r\n\r\n}\r\n.slide-down-text::after{\r\n      content: '';\r\n      width: 0;\r\n      height: 100%;\r\n      background: var(--yellow);\r\n      display: block;\r\n      position: absolute;\r\n      z-index: -1;\r\n      transition: all 0.5s ease;\r\n    }\r\n.swiper-button-ne{\r\n  width: 40px;\r\n  height: 80px;\r\n  background: var(--white);\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  left: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  img{\r\n    width: 24px;\r\n    height: 24px;\r\n    transform: rotate(180deg);\r\n    margin: auto auto;\r\n  }\r\n}\r\n.swiper-button-ne:hover{\r\n  background: var(--yellow);\r\n  cursor: pointer;\r\n}\r\n.main_section6{\r\n  margin: 0 auto;\r\n  padding: 45px 0;\r\n  padding-bottom: 0;\r\n  .container{\r\n    text-align: center;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    h4{\r\n      width: max-content;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n.main-sect6-posts{\r\n  margin-top: 40px;\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  .main-sect6-post{\r\n    max-width: 426px;\r\n    transition: all 0.3s ease;\r\n    width: 32%;\r\n    .post__img{\r\n      width:100%;\r\n      height: auto;\r\n      overflow: hidden;\r\n      img{\r\n        transition: all 0.7s ease;\r\n      }\r\n    }\r\n    .img-post{\r\n      width: 100%;\r\n    }\r\n    .date__title{\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 20px 20px 10px 20px;\r\n      \r\n      nav{\r\n        width: max-content;\r\n        background: var(--yellow);\r\n        color: var(--white);\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        padding: 5px 8px;\r\n        transition: all 0.3s ease;\r\n      }\r\n      .date{\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        color: var(--gray40);\r\n        padding: 5px 0;\r\n        transition: all 0.3s ease;\r\n      }\r\n    }\r\n    h5{\r\n      font-size: 22px;\r\n      font-weight: 600;\r\n      text-align: left;\r\n      color: var(--dark-text);\r\n      margin: 0;\r\n      padding: 0 20px;\r\n    }\r\n    a{\r\n      text-decoration: none;\r\n      display: block;\r\n    }\r\n    button{\r\n      background: transparent;\r\n      border: none;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 20px;\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n      color: var(--gray);\r\n      width: 100%;\r\n      img{\r\n        transform: translateX(17px);\r\n        transition: all 0.6s ease;\r\n      }\r\n    }\r\n  }\r\n  .main-sect6-post:hover{\r\n    background: var(--yellow);\r\n    .post__img{\r\n      img{\r\n        transform: scale(1.1);\r\n      }\r\n    }\r\n    .date__title nav{\r\n        background: var(--white);\r\n        color: var(--yellow);\r\n    }\r\n    button img{\r\n      transform: translateX(250px);\r\n    }\r\n    .date{\r\n      color: var(--gray);\r\n    }\r\n  }\r\n}\r\n.wpcf7-form label{\r\n  width: 100%;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media screen and (max-width: 1540px) {\r\n  .main_section5 .container{\r\n  transform: none;\r\n  margin: 0;\r\n }\r\n .slide-down-text .slide-down-title p{\r\n  font-size: 17px;\r\n  line-height: 20px;\r\n }\r\n}\r\n@media screen and (max-width: 1281px){\r\n  * h1{\r\n    font-size: 58px !important;\r\n  }\r\n  * h2{\r\n    font-size: 42px !important;\r\n  }\r\n  * h4{\r\n    font-size: 25px !important;\r\n  }\r\n  * h5{\r\n    font-size: 20px !important;\r\n  }\r\n  * p{\r\n    font-size: 17px !important;\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    margin: 20px 0;\r\n  }\r\n  .my_main_slide1 .wraper{\r\n    padding-left: 114px;\r\n  }\r\n  .main_section2 .wraper{\r\n    padding-left: 114px;\r\n  }\r\n  .main_section3 .wraper{\r\n    padding-left: 114px;\r\n  }\r\n  .main_section4 .container{\r\n    padding-left: 0;\r\n    padding-right: 30px;\r\n  }\r\n  .main-sect6-posts{\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    margin-top: 40px;\r\n  }\r\n  .main-sect6-posts .main-sect6-post:hover button img{\r\n    transform: translateX(120px);\r\n  }\r\n  .f_newsletter input{\r\n    width: 400px;\r\n  }\r\n  .main_section4 .mySwiper1 .swiper-slide{\r\n    margin-right: 20px !important;\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    padding-left: 20px;\r\n  }\r\n  .main_section3 .trag_back_msect3 img{\r\n    width: 45%;\r\n  }\r\n  .container{\r\n    max-width: 1280px;\r\n  }\r\n  .main_section4 .mySwiper1 {\r\n    padding-left: 30px;\r\n  }\r\n  .main_section5 .wraper{\r\n    padding: 95px 0;\r\n    padding-left: 170px;\r\n  }\r\n}\r\n@media screen and (max-width: 1100px){\r\n  .f_newsletter input{\r\n    width: 300px;\r\n  }\r\n  .header__menu .nav__menus ul{\r\n    gap: 20px;\r\n  }\r\n  .slide-down-text{\r\n    height: 150px;\r\n  }\r\n  .main_section4 .mySwiper1{\r\n    padding-left: 30px;\r\n  }\r\n  .contact-page .contact-again{\r\n    padding-right: 20px;\r\n  }\r\n  .contact-page .more_info{\r\n    padding-left: 20px;\r\n  }\r\n}\r\n@media screen and (max-width: 1025px){\r\n  * h1{\r\n    font-size: 54px !important;\r\n  }\r\n  * h2{\r\n    font-size: 40px !important;\r\n  }\r\n  * h4{\r\n    font-size: 23px !important;\r\n  }\r\n  * h5{\r\n    font-size: 20px !important;\r\n  }\r\n  * p{\r\n    font-size: 16px !important;\r\n  }\r\n  .container{\r\n    max-width: 1024px;\r\n  }\r\n  .main_section2 .wraper{\r\n    padding: 0;\r\n    align-items: center;\r\n    padding-left: 63px;\r\n  }\r\n  .my_main_slide1 .wraper{\r\n    padding-left: 63px;\r\n  }\r\n  .msect2-img{\r\n    width: 300px;\r\n    img{\r\n      width: 100%;\r\n    }\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    margin: 0;\r\n    padding: 0 40px;\r\n    max-width: 612px;\r\n  }\r\n  .main_section3 .wraper{\r\n    padding-left: 63px;\r\n  }\r\n  body .body__back{\r\n    max-width: 900px;\r\n  }\r\n  .main_section3 .trag_back_msect3 img{\r\n    width: 55%;\r\n  }\r\n  .main-sect6-posts .main-sect6-post:hover button img{\r\n    transform: translateX(140px);\r\n  }\r\n  .main-sect6-posts .main-sect6-post{\r\n    max-width: 300px;\r\n  }\r\n  .main_section5 .wraper .msect5-text{\r\n    padding-left: 40px;\r\n  }\r\n  .main_section5 .wraper{\r\n    padding: 63px 0;\r\n    padding-left: 170px;\r\n  }\r\n}\r\n@media screen and (max-width: 991px) {\r\n  .f_newsletter input{\r\n    width: 180px;\r\n  }\r\n  .my_main_slide1 h1{\r\n    width: 100%;\r\n  }\r\n  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{\r\n    width: 100%;\r\n    left: 0;\r\n    top: auto;\r\n  }\r\n  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{\r\n    margin-bottom: 0;\r\n    width: 12px;\r\n    height: 12px;\r\n    \r\n  }\r\n  .my_main_slide1 .wraper{\r\n      text-align: center;\r\n      padding-right: 63px;\r\n  }\r\n  .my_main_slide1 p{\r\n    width: 100%;\r\n  }\r\n  .my_main_slide1 button{\r\n    margin: 0 auto;\r\n    margin-top: 40px;\r\n  }\r\n  body .body__back{\r\n    max-width: 769px;\r\n  }\r\n  .main_section2 .wraper{\r\n    padding-right: 63px;\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    max-width: 500px;\r\n  }\r\n  .main_section2 .wraper{\r\n    padding-left: 111px;\r\n  }\r\n  .main_section3 .wraper .msect3-text ul li{\r\n    max-width: 313px;\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n  }\r\n  .main_section3 .trag_back_msect3 img.ms3-img{\r\n    width: 65%;\r\n  }\r\n  .msect3-text h2{\r\n    max-width: 330px;\r\n  }\r\n  .main_section3 .wraper .msect3-text{\r\n    margin: 40px 0;\r\n  }\r\n  .main_section4 .container{\r\n    padding: 0 40px;\r\n  }\r\n  .main_section4 .mySwiper1{\r\n    padding-left: 20px;\r\n  }\r\n  .main_section5 .wraper{\r\n    padding: 56.5px 0;\r\n    padding-left: 170px;\r\n  }\r\n  .contact-page .wraper{\r\n    flex-direction: column-reverse;\r\n  }\r\n  .contact-page .more_info{\r\n    max-width: none;\r\n  }\r\n  .contact-again h2{\r\n    text-align: center;\r\n  }\r\n  .contact-page .container{\r\n    padding: 0;\r\n  }\r\n  .contact-page .contact-again{\r\n    padding-right: 0;\r\n  }\r\n}\r\n@media screen and (max-width: 900px){\r\n  .f_newsletter input{\r\n    width: 100%;\r\n  }\r\n  .f_newsletter{\r\n    width: 70%;\r\n    margin: 0 auto;\r\n    margin-top: 40px;\r\n  }\r\n  .f_info-block{\r\n    flex-wrap: wrap;\r\n  }\r\n  .f_info-block .f_newsletter h5{\r\n    text-align: center;\r\n  }\r\n  .footer__menu ul{\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    li{\r\n      width: 30%;\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  .wpcf7-form{\r\n    max-width: 600px;\r\n  }\r\n  .wpcf7-form .checkbox input {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  .wpcf7-form .checkbox label.checked::after{\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  .wpcf7-form .checkbox label{\r\n    font-size: 14px;\r\n  }\r\n  .main-sect6-posts{\r\n    flex-wrap: wrap;\r\n    justify-content: left;\r\n    padding: 0 20px;\r\n  }\r\n  .main-sect6-posts .main-sect6-post{\r\n    width: 48%;\r\n    max-width: none;    \r\n  }\r\n  .mySwiper2{\r\n    position: relative;\r\n    width: 100%;\r\n    height: max-content;\r\n    .swiper-wrapper{\r\n      height: max-content;\r\n      .swiper-slide{\r\n        height: 600px;\r\n      }\r\n    }\r\n  }\r\n  .main_section5::after{\r\n    width: 100%;\r\n  }\r\n  .main_section5 .wraper{\r\n    padding: 60px 0;\r\n    width: max-content;\r\n    transform: none;\r\n    margin: 0 auto;\r\n  }\r\n  .main_section5 .wraper .msect5-text h4{\r\n    display: block;\r\n    width: max-content;\r\n    margin: 0 auto;\r\n    padding-right: 40px;\r\n  }\r\n  .main_section5 .wraper .msect5-text h2{\r\n    text-align: center;\r\n    // padding-right: 30px;\r\n  }\r\n  .slide-down-text{\r\n    bottom: -1px;\r\n    height: 112px;\r\n  }\r\n  .main_section3 .trag_back_msect3 img.ms3-img{\r\n    display: block;\r\n    position: relative;\r\n    width: 115% !important;\r\n    left: -15%;\r\n  }\r\n  .main_section3 .wraper .msect3-text button img{\r\n    left: 0;\r\n  }\r\n  .main_section3 .wraper .msect3-text{\r\n    margin: 40px auto;\r\n  }\r\n  .main_section3 .wraper .msect3-text ul {\r\n    width: max-content;\r\n    margin: 0 auto;\r\n    li{ \r\n    max-width: none;\r\n    }\r\n  }\r\n  .main_section3 .wraper .msect3-text{\r\n    max-width: none;\r\n    width: max-content;\r\n  }\r\n  .msect3-text h2{\r\n    max-width: 600px;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n  .msect3-text h4{\r\n    width: max-content;\r\n    margin: 0 auto;\r\n  }\r\n  .main_section2 .wraper{\r\n    // flex-direction: column-reverse;\r\n    padding: 0 50px;\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    max-width: 50%;\r\n    padding: 0;\r\n  }\r\n  .main_section2 .wraper .msect2-text p{\r\n    max-width: 100%;\r\n  }\r\n  .msect2-img{\r\n    max-width: 45%;\r\n    width: 100%;\r\n  }\r\n  .main_section3 .wraper .msect3-text button{\r\n    margin: 0 auto;\r\n    margin-top: 40px;\r\n  }\r\n  .mySwiper2 .swiper-wrapper .swiper-slide{\r\n    height: max-content;\r\n  }\r\n  .main_section5 .wraper .msect5-text{\r\n    padding: 0;\r\n  }\r\n  .msect5-gridItem{\r\n    text-align: center;\r\n  }\r\n  \r\n}\r\n@media screen and (max-width: 770px){\r\n  * h1{\r\n    font-size: 52px !important;\r\n  }\r\n  * h2{\r\n    font-size: 38px !important;\r\n  }\r\n  * h4{\r\n    font-size: 23px !important;\r\n  }\r\n  * h5{\r\n    font-size: 18px !important;\r\n  }\r\n  * p{\r\n    font-size: 15px !important;\r\n  }\r\n  .main_section2 .wraper .msect2-text a{\r\n    margin-top: 10px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .main_section2 .wraper{\r\n    flex-direction: column-reverse;\r\n  }\r\n  .main_section2 .wraper .msect2-text{\r\n    max-width: none;\r\n  }\r\n  .msect2-img{\r\n    max-width: 55%;\r\n    margin: 0 auto;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .main-sect6-posts .main-sect6-post{\r\n    width: 70%;\r\n    margin-bottom: 20px;\r\n    margin: 0 auto;\r\n  }\r\n  .msect3-text h2{\r\n    max-width: 100%;\r\n    width: 100%;\r\n  }\r\n  .my_main_slide1 .wraper{\r\n    padding: 30px 20px;\r\n  }\r\n  .my_main_slide1 button{\r\n    margin-bottom: 40px;\r\n  }\r\n  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n  .main_section3 .wraper{\r\n    padding-left: 0;\r\n  }\r\n  .msect2-img img{\r\n    width: 100%;\r\n  }\r\n  .f_social-link{\r\n    margin: 0 auto;\r\n  }\r\n  .f_adresses{\r\n    margin: 0 auto;\r\n  }\r\n  .f_adresses .f_adress{\r\n    max-width: 150px;\r\n    width: 100%;\r\n  }\r\n  .privacy__terms div hr{\r\n    height: 90%;\r\n    margin-top: 5px;\r\n  }\r\n}\r\n@media screen and (max-width: 600px){\r\n  .msect3-text h2{\r\n    width: 315px !important;\r\n    margin: 0 auto;\r\n  }\r\n  .msect3-text h4{\r\n    margin: 0 auto;\r\n  }\r\n  .contact_title{\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  .wpcf7-form .required__data{\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .wpcf7-form .required__data .data__recall{\r\n    width: 100%;\r\n  }\r\n  .wpcf7-form{\r\n    max-width: none;\r\n    width: 90%;\r\n  }\r\n  .wpcf7-form .checkbox label {\r\n    font-size: 13px;\r\n    width: 100%;\r\n  }\r\n  .f_info-block{\r\n    gap: 20px;\r\n  }\r\n  .privacy__terms{\r\n    flex-direction: column-reverse;\r\n  }\r\n  .privacy__terms div{\r\n    margin: 0 auto;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    align-items: center;\r\n  }\r\n  .privacy__terms div p{\r\n    font-weight: 300;\r\n    text-align: center;\r\n  }\r\n  .privacy__terms div hr{\r\n    display: none;\r\n  }\r\n  .wpcf7-form .checkbox label{\r\n    white-space: break-spaces;\r\n  }\r\n  .wpcf7-form .captcha{\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  .wpcf7-form .checkbox label.checked::after{\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n  .msect5-grid{\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n      .main_section5 .wraper .msect5-text {\r\n        padding-left: 20px;\r\n    }\r\n  .main_section2 .wraper{\r\n    padding: 0 20px;\r\n  }\r\n  .main_section3 .wraper{\r\n    padding: 0 20px;\r\n  }\r\n  footer .container{\r\n    padding: 0 20px;\r\n  }\r\n}\r\n@media screen and (max-width: 400px){\r\n  .msect2-img{\r\n    max-width: 350px;\r\n  }\r\n  .f_newsletter{\r\n    width: 100%;\r\n  }\r\n  .f_newsletter button{\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n  }\r\n  .contact-page .more_info{\r\n    padding-left: 0;\r\n    padding-bottom: 20px;\r\n    padding-top: 20px;\r\n  }\r\n  .contact-page .more_info .cFirstTitle{\r\n    padding-left: 20px;\r\n  }\r\n  .info__adress{\r\n    flex-direction: column;\r\n  }\r\n  .info__adress div{\r\n    margin: 0 auto;\r\n  }\r\n  .info__adress div h5{\r\n    text-align: center;\r\n    margin-bottom: 0;\r\n  }\r\n  .info__adress div a{\r\n    width: 100%;\r\n    margin-top: 5px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .info__adress div a ul{\r\n  }\r\n  .info__adress div ul li{\r\n    text-align: center;\r\n  }\r\n  .info__asisst h5{\r\n    text-align: center;\r\n  }\r\n  .info__asisst div{\r\n    flex-direction: column;\r\n  }\r\n  .info__asisst div nav{\r\n    margin: 0 auto;\r\n  }\r\n  .info__asisst div nav h6{\r\n    text-align: center;\r\n  }\r\n  .info__asisst div nav a{\r\n    margin: 0 auto;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n  }\r\n  .info__member{\r\n    flex-direction: column;\r\n  }\r\n  .info__member div{\r\n    margin: 0 auto;\r\n  }\r\n  .info__member div ul li{\r\n    text-align: center;\r\n  }\r\n  .info__member div h5{\r\n    text-align: center;\r\n  }\r\n}\r\n@media screen and (max-width: 391px){\r\n  * h1{\r\n    font-size: 40px !important;\r\n  }\r\n  * h2{\r\n    font-size: 36px !important;\r\n  }\r\n  * h4{\r\n    font-size: 20px !important;\r\n  }\r\n  * h5{\r\n    font-size: 18px !important;\r\n  }\r\n  * p{\r\n    font-size: 15px !important;\r\n  }\r\n  .wpcf7-form .captcha{\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .msect5-grid{\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .main_section5 .wraper .msect5-text{\r\n    padding-left: 20px;\r\n  }\r\n  .msect5-gridItem{\r\n    width: 200px;\r\n    margin: 0 auto;\r\n  }\r\n  .mySwiper2 .swiper-slide{\r\n    width: 100%;\r\n  }\r\n  .main_section3 .wraper .msect3-text ul{\r\n    max-width: 350px;\r\n  }\r\n  .port__menu ul .menu-item{\r\n    font-size: 24px;\r\n    line-height: 34px;\r\n  }\r\n  \r\n  \r\n  .wpcf7-form .checkbox label.checked::after{\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n  .f_newsletter {\r\n    width: 90%;\r\n  }\r\n  .f_newsletter button{\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n  }\r\n  .footer__menu ul li{\r\n    width: 100%;\r\n  }\r\n  .main-sect6-posts .main-sect6-post{\r\n    width: 90%;\r\n  }\r\n  .main-sect6-posts .main-sect6-post .date__title nav{\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .main-sect6-posts .main-sect6-post:hover button img {\r\n    transform: translateX(160px);\r\n  }\r\n  .contact__us{\r\n    overflow: hidden;\r\n  }\r\n  .main_section4 .container{\r\n    padding: 0 10px;\r\n  }\r\n  .main_section4 .mySwiper1{\r\n    padding-left: 10px;\r\n  }\r\n}\r\n@media screen and (max-width: 375px){\r\n  * h1{\r\n    font-size: 40px !important;\r\n  }\r\n  * h2{\r\n    font-size: 36px !important;\r\n  }\r\n  * h4{\r\n    font-size: 20px !important;\r\n  }\r\n  * h5{\r\n    font-size: 18px !important;\r\n  }\r\n  * p{\r\n    font-size: 15px !important;\r\n  }\r\n  .wpcf7-form .captcha{\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n  .msect5-grid{\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .main_section5 .wraper .msect5-text{\r\n    padding-left: 20px;\r\n  }\r\n  .msect5-gridItem{\r\n    width: 200px;\r\n    margin: 0 auto;\r\n  }\r\n  .mySwiper2 .swiper-slide{\r\n    width: 100%;\r\n  }\r\n  .main_section3 .wraper .msect3-text ul{\r\n    max-width: 350px;\r\n  }\r\n  .port__menu ul .menu-item{\r\n    font-size: 24px;\r\n    line-height: 34px;\r\n  }\r\n  .wpcf7-form .checkbox label.checked::after{\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n  .f_newsletter {\r\n    width: 90%;\r\n  }\r\n  .f_newsletter button{\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n  }\r\n  .footer__menu ul li{\r\n    width: 100%;\r\n  }\r\n  .main-sect6-posts .main-sect6-post{\r\n    width: 90%;\r\n  }\r\n  .main-sect6-posts .main-sect6-post .date__title nav{\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .main-sect6-posts .main-sect6-post:hover button img {\r\n    transform: translateX(160px);\r\n  }\r\n  .contact__us{\r\n    overflow: hidden;\r\n  }\r\n  .main_section2 .wraper .msect2-text button{\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n.fixMenu{\r\n  background: aqua;\r\n  position: fixed;\r\n  top: 100px;\r\n  right: 0;\r\n  z-index: 999;\r\n  font-size: 18px;\r\n  color: var(--white);\r\n  line-height: 27px;\r\n  padding: 0 5px;\r\n  \r\n  .fixMenuUl{\r\n    position: relative;\r\n    ul{\r\n      position: absolute;\r\n      top: -27px;\r\n      left: 61px;\r\n      background: aqua;\r\n      padding: 10px 20px;\r\n      width: max-content;\r\n      transition: all 0.5s ease;\r\n      li{\r\n        \r\n        a{\r\n          font-size: 18px;\r\n          font-weight: 400;\r\n          line-height: 27px;\r\n          color: var(--dark-text);\r\n          transition: all 0.5s ease;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.fixMenu:hover{\r\n  .fixMenuUl{\r\n    ul{\r\n      left: -170px;\r\n      li:hover{\r\n        a{\r\n          color: var(--yellow);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.logo__block{\r\n  width: 150px;\r\n  img{\r\n    max-height: 70px;\r\n    transition: all 0.3s ease;\r\n    \r\n  }\r\n}\r\n.header.scrolled{\r\n  box-shadow: 0 0 5px var(--gray40);\r\n  .logo__block{\r\n    img{\r\n      max-height: 60px;\r\n    }\r\n  }\r\n}\r\n.wpcf7-form-control-wrap{\r\n  padding-left: 0 !important;\r\n}\r\n.wpcf7-form-control.wpcf7-checkbox{\r\n  padding-left: 0 !important;\r\n}\r\n.wpcf7-list-item.first.last{\r\n  padding-left: 0 !important;\r\n  margin: 0 !important;\r\n}\r\n.header__menu .nav__menus ul li.menu-item-has-children:hover .sub-menu{\r\n  margin-left: 0;\r\n}\r\n.my_main_slide1 a:hover{\r\n  color: var(--dark-text);\r\n  img{\r\n    filter: invert(1);\r\n  }\r\n}",".intro__setion{\r\n    margin: 0 auto;\r\n    padding-top: 90px;\r\n    position: relative;\r\n    z-index: 0;\r\n    margin-bottom: 45px;\r\n    background-position: center;\r\n    background-size: cover;\r\n    .wraper{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n        padding: 160px 0 160px 0;\r\n        .section__title{\r\n            h1{\r\n                font-size: 60px;\r\n                font-weight: 700;\r\n                color: var(--white);\r\n            }\r\n        }\r\n        .nav__page{\r\n            display: flex;\r\n            gap: 10px;\r\n            width: max-content;\r\n            margin: 0 auto;\r\n            margin-top: 20px;\r\n            h3{\r\n                color: var(--white);\r\n                font-size: 18px;\r\n                font-weight: 700;\r\n                line-height: 27px;\r\n                a{\r\n                    color: var(--white);\r\n                    transition: all 0.3s ease;\r\n                }\r\n                a:hover{\r\n                    color: var(--yellow);\r\n                }\r\n            }\r\n            h3.last__page{\r\n                color: var(--yellow);\r\n            }\r\n            img{\r\n                width: 40px;\r\n                max-height: 28px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.intro__setion::after{\r\n    content: '';\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    background: var(--dark-text);\r\n    opacity: 75%;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: -1;\r\n    display: block;\r\n}\r\n.h_section2{\r\n    margin: 0 auto;\r\n    padding-top: 45px;\r\n    margin-bottom: 45px;\r\n    .wraper{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding-top: 30px;\r\n        max-width: 1320px;\r\n        margin: 0 auto;\r\n        .hsect2-img{\r\n            position: relative;\r\n            min-width: 550px;\r\n            height: 100%;\r\n            #first-image{\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n                z-index: 1;\r\n            }\r\n            #second-image{\r\n                position: absolute;\r\n                left: 112px;\r\n                top: 168px;\r\n                z-index: 2;\r\n            }\r\n        }\r\n        .hsect2-info{\r\n            max-width: 650px;\r\n            h4{\r\n                color: var(--gray);\r\n            }\r\n            h2{\r\n                margin-bottom: 20px;\r\n            }\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                color: var(--dark-text);\r\n                line-height: 27px;\r\n                color: var(--gray);\r\n                margin-bottom: 10px;\r\n            }\r\n            .info_box{\r\n                border-bottom: 4px solid var(--yellow);\r\n                box-shadow: 0 0 10px var(--yellow32);\r\n                padding: 25px 30px;\r\n                margin-top: 30px;\r\n                h5{\r\n                    font-size: 22px;\r\n                    font-weight: 700;\r\n                    line-height: 33px;\r\n                    color: var(--dark-text);\r\n                    margin-bottom: 10px;\r\n                }\r\n                p{\r\n                    color: var(--dark-text);\r\n                    margin: 0;\r\n                    font-weight: 500;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.h_section3{\r\n    margin: 90px auto;\r\n    padding: 125px 0;\r\n    position: relative;\r\n    .wraper{\r\n        max-width: 540px;\r\n        padding: 60px 0;\r\n        margin-left: 170px;\r\n        p{\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            color: var(--gray);\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n}\r\n.bg-hsect3-image{\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: auto;\r\n    height: 100%;\r\n    z-index: -1;\r\n}\r\n.h_section4{\r\n    margin: 90px auto;\r\n    background: var(--light-white);\r\n    .wraper{\r\n        position: relative;\r\n        padding: 80px 0;\r\n        margin-right: 60px;\r\n        padding-left: 172px;\r\n        .hsect4-info{\r\n            max-width: 650px;\r\n            h4{\r\n            color: var(--gray);\r\n            font-weight: 500;\r\n            }\r\n            h2{\r\n                font-weight: 600;\r\n            }\r\n            p:first-child{\r\n                margin-bottom: 10px;\r\n            }\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                color: var(--gray);\r\n            }\r\n        }\r\n        .hsect4-static{\r\n            margin-top: 40px;\r\n            .hstat-block{\r\n                display: flex;\r\n                align-items: center;\r\n                \r\n                nav{\r\n                    font-size: 45px;\r\n                    font-weight: 600;\r\n                    line-height: 58.5px;\r\n                    color: var(--yellow);\r\n                    width: 111px;\r\n                }\r\n                hr{\r\n                    width: 1px;\r\n                    height: 50px;\r\n                    background: var(--gray40);\r\n                    border: none;\r\n                    display: block;\r\n                    margin: 0 20px;\r\n                }\r\n                span{\r\n                    font-size: 22px;\r\n                    font-weight: 600;\r\n                    line-height: 33px;\r\n                    color: var(--dark-text);\r\n                }\r\n            }\r\n            .hstat-block:first-child{\r\n                margin-bottom: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.globus{\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n.h_section5{\r\n    margin: 90px auto;\r\n    position: relative;\r\n    z-index: 0;\r\n    .wraper{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        padding: 260px 0;\r\n        align-items: center;\r\n        .hsect5-info{\r\n            max-width: 530px;\r\n            text-align: right;\r\n            h5{\r\n                color: var(--yellow);\r\n                font-size: 18px;\r\n                line-height: 27px;\r\n                font-weight: 500;\r\n            }\r\n            h2{\r\n                color: var(--white);\r\n            }\r\n        }\r\n        hr{\r\n            width: 1px;\r\n            background: var(--gray40);\r\n            height: 150px;\r\n            margin: 0 20px;\r\n        }\r\n        .hsect5-text{\r\n            max-width: 530px;\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                line-height: 27px;\r\n                color: var(--white);\r\n            }\r\n        }\r\n    }\r\n}\r\n.h_section5::after{\r\n    content: '';\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    background: var(--dark-text);\r\n    opacity: 75%;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: -1;\r\n    display: block;\r\n}\r\n\r\n\r\n@media screen and (max-width: 1281px) {\r\n    .h_section2 .wraper{\r\n        max-width: 1055px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        left: 90px;\r\n        top: 250px;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        max-width: 450px;\r\n    }\r\n    .h_section2 .wraper .hsect2-info h4{\r\n        font-size: 18px !important;\r\n    }\r\n    .h_section3 {\r\n        padding: 80px 0;\r\n    }\r\n    .h_section3 .wraper{\r\n        max-width: 500px;\r\n        margin-left: 113px;\r\n        padding: 40px 0;\r\n    }\r\n    .h_section4 .wraper .hsect4-info{\r\n        max-width: 500px;\r\n    }\r\n    .h_section4 .wraper .hsect4-static{\r\n        max-width: 500px;\r\n    }\r\n}\r\n@media screen and (max-width: 1100px){\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        left: 40px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img{\r\n        min-width: 500px;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        padding-right: 15px;\r\n    }\r\n    .h_section2 .wraper{\r\n        max-width: 1000px;\r\n    }\r\n    .h_section3 {\r\n        padding: 40px 0;\r\n    }\r\n    .h_section3 .wraper{\r\n        max-width: 450px;\r\n        padding: 10px 0;\r\n    }\r\n    .h_section3 .wraper h4{\r\n        font-size: 17px !important;\r\n    }\r\n    .h_section4 .wraper{\r\n        padding-left: 113px;\r\n    }\r\n    .h_section5 .wraper{\r\n        display: block;\r\n    }\r\n    .h_section5 .wraper hr{\r\n        height: 1px;\r\n        width: 100%;\r\n        margin: 20px auto;\r\n    }\r\n    .h_section5 .wraper .hsect5-info{\r\n        text-align: center;\r\n        max-width: none;\r\n    }\r\n    .h_section5 .wraper .hsect5-text{\r\n        margin: 0 auto;\r\n    }\r\n    .h_section5 .wraper .hsect5-text p{\r\n        text-align: center;\r\n    }\r\n}\r\n@media screen and (max-width: 1025px){\r\n    .h_section2 .wraper .hsect2-img{\r\n        min-width: 470px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        top: 250px;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        max-width: 450px;\r\n    }\r\n    .h_section2 .wraper {\r\n        max-width: 970px;\r\n    }\r\n    .h_section2 .wraper .hsect2-info h4{\r\n        font-size: 16px !important;\r\n    }\r\n    .h_section3 .wraper h4{\r\n        font-size: 16px !important;\r\n    }\r\n    .h_section3 .wraper{\r\n        margin-left: 60px;\r\n        padding: 0;\r\n    }\r\n    .h_section4 .wraper .hsect4-info{\r\n        max-width: 400px;\r\n    }\r\n    .h_section4 .wraper .hsect4-static{\r\n        max-width: 400px;\r\n    }\r\n}\r\n@media screen and (max-width: 991px){\r\n    .h_section2 .wraper{\r\n        flex-direction: column-reverse;\r\n        max-width: 100%;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        max-width: 100%;\r\n    }\r\n    .h_section2 .wraper .hsect2-info h4{\r\n        font-size: 17px !important;\r\n        display: block;\r\n        margin: 0 auto;\r\n        width: max-content;\r\n    }\r\n    .h_section2 .wraper .hsect2-info h2{\r\n        text-align: center;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        padding: 0 60px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img{\r\n        min-width: none;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 30px;\r\n        margin-top: 30px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #first-image{\r\n        position: relative;\r\n        \r\n    }\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n}\r\n@media screen and (max-width: 900px){\r\n    .h_section3 .wraper{\r\n        padding: 20px 100px;\r\n        max-width: none;\r\n        margin: 0 auto;\r\n    }\r\n    .bg-hsect3-image{\r\n        position: relative;\r\n        width: 115%;\r\n        left: -136px;\r\n        height: 670px;\r\n        display: block;\r\n    }\r\n    .globus{\r\n        position: relative;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin: 20px 0;\r\n    }\r\n    .h_section4 .wraper .hsect4-info{\r\n        max-width: none;\r\n    }\r\n    .h_section4 .wraper{\r\n        padding: 20px 100px;\r\n        margin: 0 auto;\r\n    }\r\n    .h_section4 .wraper .hsect4-static{\r\n        max-width: none;\r\n    }\r\n    .h_section5 .wraper{\r\n        padding: 150px 20px;\r\n    }\r\n}\r\n@media screen and (max-width: 770px){\r\n    .h_section2 .wraper .hsect2-img{\r\n        gap: 15px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #first-image{\r\n        width: 280px;\r\n        height: 280px;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        width: 280px;\r\n        height: 280px;\r\n    }\r\n    .bg-hsect3-image {\r\n        left: -117px;\r\n        height: 570px;\r\n        width: 115%;\r\n    }\r\n    .h_section3 .wraper{\r\n        padding: 20px 50px;\r\n    }\r\n    .h_section5 .wraper .hsect5-info h2{\r\n        max-width: 500px;\r\n    }\r\n    .h_section2 .wraper{\r\n        padding-top: 0px;\r\n    }\r\n}\r\n@media screen and (max-width: 600px){\r\n    .intro__setion .wraper .section__title h1{\r\n        width: 300px;\r\n        text-align: center;\r\n    }\r\n    .h_section2 .wraper .hsect2-img{\r\n        flex-direction: column;\r\n        min-width: 0;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #first-image{\r\n        width: 280px;\r\n        height: 280px;\r\n        margin: 0 auto;\r\n    }\r\n    .h_section2 .wraper .hsect2-img #second-image{\r\n        width: 280px;\r\n        height: 280px;\r\n        margin: 0 auto;\r\n    }\r\n    .h_section2 .wraper .hsect2-info{\r\n        padding: 0 15px;\r\n    }\r\n    .bg-hsect3-image{\r\n        left: -90px;\r\n        height: 470px;\r\n    }\r\n    .h_section3 .wraper{\r\n        padding: 15px 15px;\r\n    }\r\n    .globus{\r\n        width: 100%;\r\n        height: auto;\r\n        padding: 0 20px;\r\n    }\r\n    .h_section4 .wraper{\r\n        padding: 20px 15px;\r\n    }\r\n    .h_section5 .wraper{\r\n        padding: 60px 0;\r\n    }\r\n    .h_section5 .wraper .hsect5-info h2{\r\n        max-width: 380px;\r\n        margin: 0 auto;\r\n    }\r\n    .h_section5 .wraper .hsect5-text p{\r\n        max-width: 380px;\r\n        margin: 0 auto;\r\n    }\r\n    .h_section5 .wraper hr{\r\n        max-width: 380px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n@media screen and (max-width: 391px){\r\n    .bg-hsect3-image{\r\n        left: -60px;\r\n        height: 370px;\r\n    }\r\n    .h_section5 .wraper .hsect5-info h2{\r\n        max-width: 370px;\r\n    }\r\n    .h_section5 .wraper .hsect5-text p{\r\n        max-width: 370px;\r\n    }\r\n    .h_section5 .wraper hr{\r\n        max-width: 370px;\r\n    }\r\n}\r\n@media screen and (max-width: 375px){\r\n    .bg-hsect3-image{\r\n        left: -55px;\r\n        height: 370px;\r\n    }\r\n}",".b_section2{\r\n    margin: 90px auto;\r\n    position: relative;\r\n    z-index: 0;\r\n}\r\n#bellipse1{\r\n    position: absolute;\r\n    top: 100px;\r\n    left: -137px;\r\n    z-index: -1;\r\n}\r\n#bellipse2{\r\n    position: absolute;\r\n    bottom: 108px;\r\n    right: -69px;\r\n    z-index: -1;\r\n}\r\n.accordion{\r\n    max-width: 1096px;\r\n    margin: 0 auto;\r\n}\r\n.accordion-button{\r\n    display: block;\r\n    position: relative;\r\n    h5{\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    line-height: 33px;\r\n    color: var(--dark-text);\r\n    }\r\n    p{\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 27px;\r\n    color: var(--yellow);\r\n    transition: all 0.3s ease;\r\n    }\r\n}\r\n.accordion-button.collapsed{\r\n    p{ \r\n        color: var(--gray);\r\n    }\r\n}\r\n#accordionExample .accordion-button.collapsed::after{\r\n    background-image: url(../images/svg/arrow-accordion.svg);\r\n    transform: rotate(-180deg);\r\n}\r\n#accordionExample .accordion-button::after{\r\n    transform: rotate(0);\r\n    background-image: url(../images/svg/arrow-accordion.svg);\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 45%;\r\n    width: 16px;\r\n    height: 18px;\r\n    background-size: contain;\r\n    transition: all 0.3s ease;\r\n}\r\n#accordionExample .accordion-button:hover::after{\r\n        background-image: url(../images/svg/arrow-accordion-yellow.svg);\r\n\r\n}\r\n.accordion-button:focus{\r\n    box-shadow: none;\r\n\r\n}\r\n.accordion-button:not(.collapsed){\r\n    background-color: #fff;\r\n    box-shadow: none;\r\n}\r\n.accordion-item{\r\n    border-top: 1px solid var(--light-gray);\r\n    border: 1px solid var(--light-gray);\r\n    box-shadow: 0 0 5px var(--light-gray);\r\n    transition: all 0.3s ease;\r\n}\r\n.accordion-item:not(:first-of-type){\r\n    border-top: 1px solid var(--light-gray);;\r\n}\r\n.accordion-item:nth-child(odd){\r\n    margin: 20px 0;\r\n}\r\n.accordion-item:hover{\r\n    box-shadow: 0 0 5px var(--yellow);\r\n    border-color: var(--yellow);\r\n    .accordion-button.collapsed p{\r\n    color: var(--yellow);\r\n    \r\n    }\r\n}\r\n.accordion-body{\r\n    p{\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 27px;\r\n    color: var(--gray);\r\n    margin-bottom: 20px;\r\n    }\r\n    p:first-child{\r\n        margin-bottom: 10px;\r\n    }\r\n}\r\n.b_section3{\r\n    background-color: var(--yellow);\r\n    margin: 90px auto;\r\n    .wraper{\r\n        max-width: 1320px;\r\n        margin: 0 auto;\r\n        padding: 145px 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        .icon_block{\r\n            max-width: 315px;\r\n            transition: all 0.3s ease;\r\n            img{\r\n                width: 80px;\r\n                height: 80px;\r\n                margin: 0 auto;\r\n                display: block;\r\n                margin-bottom: 30px;\r\n                transition: all 0.3s ease;\r\n            }\r\n            h5{\r\n                font-size: 22px;\r\n                font-weight: 600;\r\n                line-height: 33px;\r\n                color: var(--dark-text);\r\n                text-align: center;\r\n                transition: all 0.3s ease;\r\n            }\r\n        }\r\n        .icon_block:hover{\r\n            img{\r\n                transform: scale(1.07);\r\n            }\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width: 1281px){\r\n    \r\n}\r\n@media screen and (max-width: 1100px){\r\n    .b_section3 .wraper{\r\n        flex-wrap: wrap;\r\n        gap: 40px;\r\n        justify-content: center;\r\n    }\r\n    .b_section3 .wraper .icon_block{\r\n        max-width: none;\r\n        width: 40%;\r\n    }\r\n}\r\n@media screen and (max-width: 1025px){\r\n\r\n}\r\n@media screen and (max-width: 991px){\r\n\r\n}\r\n@media screen and (max-width: 900px){\r\n\r\n}\r\n@media screen and (max-width: 770px){\r\n    .b_section3 .wraper{\r\n        padding: 50px 0;\r\n    }\r\n    .b_section3 .wraper .icon_block{\r\n        width: 90%;\r\n    }\r\n}\r\n@media screen and (max-width: 600px){\r\n\r\n}\r\n@media screen and (max-width: 391px){\r\n\r\n}\r\n@media screen and (max-width: 375px){\r\n    \r\n}",".fof{\r\n    margin: 0 auto;\r\n    margin-top: 90px;\r\n    background: var(--light-white);\r\n    position: relative;\r\n    .wraper{\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        padding: 102px 0;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n        img{\r\n           margin-bottom: 20px; \r\n        }\r\n        h5{\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n            line-height: 33px;\r\n            color: var(--gray);\r\n            margin-bottom: 10px;\r\n        }\r\n        p{\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            color: var(--gray);\r\n            padding: 0 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n        a{\r\n            border: 1px solid var(--yellow);\r\n            border-radius: 6px;\r\n            display: block;\r\n            align-items: center;\r\n            padding: 15px;\r\n            height: max-content;\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            line-height: 27px;\r\n            text-align: left;\r\n            color: var(--dark-text);\r\n            margin: 0 auto;\r\n            transition: all 0.3s ease;\r\n            img{\r\n                margin-bottom: 0;\r\n                margin-left: 17px;\r\n                width: fit-content;\r\n            }\r\n        }\r\n        a:hover{\r\n            background: var(--yellow);\r\n        }\r\n        a:active{\r\n            background: var(--bronze);\r\n            border-color: var(--bronze);\r\n        }\r\n    }\r\n}\r\n#fellipse1{\r\n    position: absolute;\r\n    top: 100px;\r\n    left: -100px;\r\n    z-index: 1;\r\n}\r\n#fellipse2{\r\n    position: absolute;\r\n    bottom: 48px;\r\n    right: -120px;\r\n    z-index: 1;\r\n}\r\n\r\n@media screen and (max-width: 600px){\r\n    .fof .wraper img{\r\n        width: 90%;\r\n    }\r\n}\r\n",".p_section2{\r\n    max-width: 1440px;\r\n    margin: 90px auto;\r\n    height: max-content;\r\n    .container{\r\n        padding: 0;\r\n    }\r\n    .wraper{\r\n        width: 100%;\r\n        height: max-content;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        .bg-project{\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        .mitka{\r\n            position: absolute;\r\n            width: 2.3%;\r\n            .mitka-img{\r\n                width: 100%;\r\n                img{\r\n                    width: 100%;\r\n                }\r\n            }\r\n            .mitka__info{\r\n                position: absolute;\r\n                top: 50px;\r\n                left: 0px;\r\n                width: 375px;\r\n                background: var(--white);\r\n                padding: 20px;\r\n                transform: translateX(-40%);\r\n                transition: all 0.3s ease;\r\n                h5{\r\n                    font-size: 22px;\r\n                    font-weight: 600;\r\n                    line-height: 33px;\r\n                    color: var(--dark-text);\r\n                    margin-bottom: 5px;\r\n                }\r\n                p{\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 27px;\r\n                    color: var(--gray);\r\n                    max-height: 80px;\r\n                    overflow: hidden;\r\n                    margin-bottom: 20px;\r\n                }\r\n                a{\r\n                    padding: 12px 0;\r\n                    display: inline-block;\r\n                    color: var(--dark-text);\r\n                    width: 100%;\r\n                    div{\r\n                        display: flex;\r\n                        align-items: center;\r\n                        justify-content: space-between;\r\n                        nav{\r\n                            width: max-content;\r\n                        }\r\n                        .read-img{\r\n                            width: 100%;\r\n                            transition: all 0.5s ease;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .mitka__info:hover{\r\n                background: var(--yellow);\r\n                div .read-img{\r\n                    width: 10%;\r\n                }\r\n            }\r\n            \r\n        }\r\n    }\r\n}\r\n.p_section3{\r\n    position: relative;\r\n    margin: 90px 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    h4{\r\n        color: var(--white);\r\n        margin: 0 auto;\r\n        width: max-content;\r\n    }\r\n    h4::after{\r\n        background-image: url(../images/arrow-angle-main1.png);\r\n        max-height: 28px;\r\n    }\r\n    h2{\r\n        color: var(--white);\r\n        text-align: center;\r\n    }\r\n}\r\n.p_section3 .wraper{\r\n    padding: 115px 0;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n.p_section3 .container .wraper .msect5-grid{\r\n    grid-template-columns: 255px 255px 255px 255px;\r\n    grid-template-rows: 150px;\r\n    justify-content: center;\r\n    margin-top: 40px;\r\n}\r\n.p_section3::after{\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 100%;\r\n    background: var(--dark-text75);\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n}\r\n.image-mitka{\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\r\n@media screen and (max-width: 1200px){\r\n.p_section2 .wraper .mitka .mitka__info p{\r\n    margin-bottom: 5px;\r\n}\r\n.p_section2 .wraper .mitka .mitka__info a{\r\n    padding: 8px 0;\r\n}\r\n}\r\n@media screen and (max-width: 1170px){\r\n    .p_section2 .wraper .mitka .mitka__info{\r\n        top: 40px;\r\n    }\r\n}\r\n@media screen and (max-width: 1130px){\r\n    .p_section2 .wraper .mitka .mitka__info{\r\n        padding-bottom: 10px;\r\n    }\r\n}\r\n@media screen and (max-width: 1090px){\r\n    .p_section3 .container .wraper .msect5-grid{\r\n        grid-template-columns: 205px 205px 205px 205px;\r\n        grid-template-rows: 150px;\r\n    }\r\n}\r\n@media screen and (max-width: 990px){\r\n    .p_section2 .wraper .mitka .mitka__info a{\r\n        padding: 2px 0;\r\n    }\r\n    .p_section2 .wraper .mitka .mitka__info{\r\n        padding: 5px 20px;\r\n    }\r\n    .p_section2 .wraper .mitka .mitka__info h5{\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n@media screen and (max-width: 900px){\r\n    .p_section2 .wraper .mitka .mitka__info p{\r\n        margin-bottom: 5px;\r\n    }\r\n    .p_section2 .wraper .mitka .mitka__info a{\r\n        padding: 0;\r\n    }\r\n    .p_section2 .wraper .mitka{\r\n        width: 3%;\r\n    }\r\n    .p_section2 .wraper .mitka .mitka__info{\r\n        top: 40px;\r\n    }\r\n    .p_section2 .wraper .mitka .mitka__info{\r\n        padding: 5px;\r\n    }\r\n    .p_section3 .container .wraper .msect5-grid{\r\n        grid-template-columns: 205px 205px;\r\n        grid-template-rows: 150px 150px;\r\n    }\r\n}\r\n@media screen and (max-width: 670px){\r\n    .p_section2 .wraper .mitka{\r\n        width: 4%;\r\n    }\r\n}",".intro__highlight{\r\n    margin: 90px 0;\r\n    position: relative;\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    .wraper{\r\n        padding-top: 90px;\r\n        padding-left: 172px;\r\n        position: relative;\r\n        padding-bottom: 70px;\r\n        z-index: 2;\r\n        .nav__page{\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-bottom: 5px;\r\n            h3{\r\n                a{\r\n                    color: var(--white);\r\n                    transition: all 0.3s ease;\r\n                }\r\n                a:hover{\r\n                    color: var(--yellow);\r\n                }\r\n\r\n            }\r\n            img{\r\n                max-height: 22px;\r\n            }\r\n            h3.last__page{\r\n                color: var(--yellow);\r\n            }\r\n        }\r\n        h2{\r\n            color: var(--white);\r\n            margin-bottom: 20px;\r\n        }\r\n        .list__info{\r\n            max-width: 430px;\r\n            h5{\r\n                font-size: 22px;\r\n                font-weight: 600;\r\n                line-height: 33px;\r\n                color: var(--yellow);\r\n                padding-left: 53px;\r\n                position: relative;\r\n            }\r\n            h5::after{\r\n                content: \"\";\r\n                width: 30px;\r\n                height: 30px;\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                background-image: url(../images/svg/corect.svg);\r\n                z-index: 1;\r\n                background-size: cover;\r\n            }\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                line-height: 27px;\r\n                color: var(--white);\r\n                padding-left: 53px;\r\n                margin-bottom: 15px;\r\n            }\r\n        }\r\n    }\r\n   .map{\r\n    position: absolute;\r\n    top: 8%;\r\n    right: 5%;\r\n    max-width: 1165px;\r\n    max-height: 490px;\r\n    z-index: 3;\r\n    background-size: cover;\r\n    background-position: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    div{\r\n        position: absolute;\r\n    }\r\n   }\r\n}\r\n.intro__highlight::after{\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    background: var(--dark-text75);\r\n}\r\n.bh_section2{\r\n    margin: 90px 0;\r\n    position: relative;\r\n    .container{\r\n        padding: 0;\r\n    }\r\n    .wraper{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 126px 60px;\r\n    }\r\n    .bhsect2-img{\r\n        max-width: 650px;\r\n        margin: auto 0;\r\n        img{\r\n            width: 100%;\r\n        }\r\n    }\r\n    .bhsect2-text{\r\n        max-width: 540px;\r\n        h4{\r\n            color: var(--gray);\r\n        }\r\n        h2{\r\n            margin-bottom: 20px;\r\n        }\r\n        p{\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            color: var(--gray);\r\n        }\r\n    }\r\n}\r\n#bhsection2{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 471px;\r\n    z-index: -1;\r\n}\r\n#bhsection21{\r\n    position: absolute;\r\n    top: 319px;\r\n    left: -141px;\r\n    z-index: -1;\r\n}\r\n.bh_section3{\r\n    margin: 90px auto;\r\n    background: var(--light-white);\r\n    .container{\r\n        padding: 0;\r\n    }\r\n    .wraper{\r\n        .bhsect3-item{\r\n            display: flex;\r\n            gap: 20px;\r\n            position: relative;\r\n            img{\r\n                max-width: 710px;\r\n                max-height: 670px;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            .bhsect-text{\r\n                padding: 79px 60px 69px 7.8%;\r\n                position: relative;\r\n                z-index: 1;\r\n                h4{\r\n                    color: var(--gray);\r\n                }\r\n                h2{\r\n                    margin-bottom: 20px;\r\n                }\r\n                p{\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 27px;\r\n                    color: var(--gray);\r\n                    margin-bottom: 10px;\r\n                }\r\n                ul{\r\n                    padding: 0;\r\n                    li{\r\n                        padding-left: 65px;\r\n                        position: relative;\r\n                        font-size: 18px;\r\n                        font-weight: 400;\r\n                        line-height: 27px;\r\n                        color: var(--gray);\r\n                        margin-bottom: 15px;\r\n                        span{\r\n                            position: absolute;\r\n                            left: 0;\r\n                            font-size: 22px;\r\n                            font-weight: 600;\r\n                            line-height: 27px;\r\n                            color: var(--yellow);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        .bhsect3-item:nth-child(even){\r\n            flex-direction: row-reverse;\r\n            .bhsect-text{\r\n                padding: 79px 7.8% 69px 60px;\r\n            }\r\n        }\r\n    }\r\n}\r\n#bhsection31{\r\n    position: absolute;\r\n    top: -26px;\r\n    right: -161px;\r\n    z-index: 0;\r\n}\r\n#bhsection32{\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 598px;\r\n    z-index: 0;\r\n}\r\n\r\n.main_section5.bhmain_section5 .wraper{\r\n    padding: 93px 0;\r\n    padding-left: 172px;\r\n}\r\n.bh_section4{\r\n    margin: 90px auto;\r\n    position: relative;\r\n    .wraper{\r\n        h4{\r\n            width: max-content;\r\n            margin: 0 auto;\r\n            color: var(--gray);\r\n        }\r\n        h2{\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n        h5{\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            text-align: center;\r\n            color: var(--gray);\r\n            max-width: 650px;\r\n            margin: 0 auto;\r\n            margin-bottom: 40px;\r\n        }\r\n        .bh-sect4{\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            .bh-img{\r\n                position: relative;\r\n                overflow: hidden;\r\n                img{\r\n                    max-width: 540px;\r\n                    height: auto;\r\n                    transition: all 0.5s ease;\r\n                }\r\n                p{\r\n                   position: absolute;\r\n                    bottom: 10px;\r\n                    left: 0;\r\n                    background: var(--yellow);\r\n                    font-size: 15px;\r\n                    font-weight: 400;\r\n                    line-height: 22.5px;\r\n                    max-width: 426px;\r\n                    width: 100%;\r\n                    color: var(--dark-text);\r\n                    padding: 8px 10px;\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n            .bh-img:hover{\r\n                img{\r\n                    transform: scale(1.01);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n#bhsection41{\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -137px;\r\n    z-index: -1;\r\n}\r\n#bhsection42{\r\n    position: absolute;\r\n    bottom: 36px;\r\n    right: -116px;\r\n    z-index: -1;\r\n}\r\n.bh_section5{\r\n    margin: 90px auto;\r\n    .container{\r\n        padding: 0;\r\n    }\r\n    .wraper{\r\n        padding: 87px 60px 130px 172px;\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: space-between;\r\n        .bh-sect5-text{\r\n            max-width: 426px;\r\n            margin: 32.5px 0;\r\n            h4{\r\n                color: var(--gray);\r\n            }\r\n            h2{\r\n                margin-bottom: 20px;\r\n            }\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                color: var(--gray);\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n        .bh-sect5-img{\r\n            display: flex;\r\n            max-width: 650px;\r\n            gap: 20px;\r\n            .bh-img{\r\n                position: relative;\r\n                height: max-content;\r\n                overflow: hidden;\r\n                img{\r\n                    transition: all 0.5s ease;\r\n                }\r\n                p{\r\n                    padding: 8px 5px;\r\n                    background: var(--yellow);\r\n                    position: absolute;\r\n                    bottom: 10px;\r\n                    left: 0;\r\n                    font-size: 15px;\r\n                    font-weight: 400;\r\n                    line-height: 22.5px;\r\n                    color: var(--dark-text);\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n            .bh-img:hover{\r\n                img{\r\n                    transform: scale(1.01);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media screen and (max-width: 1310px){\r\n    .bh_section2 .bhsect2-img{\r\n        max-width: 480px;\r\n    }\r\n    \r\n}\r\n@media screen and (max-width: 1280px){\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text{\r\n        padding-left: 3%;\r\n        padding-top: 2%;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item:nth-child(even) .bhsect-text{\r\n        padding-right: 3%;\r\n        padding-top: 2%;   \r\n    }\r\n    .main_section5.bhmain_section5 .wraper{\r\n        padding: 50px 0;\r\n        padding-left: 100px;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img img{\r\n        max-height: 400px;\r\n    }\r\n    .bh_section5 .wraper{\r\n        padding-left: 100px;\r\n    }\r\n}\r\n@media screen and (max-width: 1140px){\r\n    .bh_section2 .bhsect2-text{\r\n        max-width: 412px;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item img{\r\n        max-width: 500px;\r\n        height: auto;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img img{\r\n        max-width: 400px;\r\n    }\r\n    .bh_section5 .wraper{\r\n        padding-left: 60px;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img{\r\n        max-width: 500px;\r\n        gap: 10px;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img img{\r\n        max-height: 320px;\r\n    }\r\n}\r\n@media screen and (max-width: 1000px){\r\n    .bh_section2 .wraper{\r\n        padding: 20px 30px;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item{\r\n        flex-direction: column-reverse;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item:nth-child(even){\r\n        flex-direction: column-reverse;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text{\r\n        padding-left: 50px;\r\n        padding-top: 30px;\r\n        padding-bottom: 20px;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item:nth-child(even) .bhsect-text{\r\n        padding-left: 50px;\r\n        padding-top: 30px;\r\n        padding-bottom: 20px;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item img{\r\n        margin: 0 auto;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text h4{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text h2{\r\n        text-align: center;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text p{\r\n        text-align: center;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img{\r\n        height: max-content;\r\n        margin: auto 0;\r\n    }\r\n}\r\n@media screen and (max-width: 991px){\r\n    .intro__highlight .map{\r\n        max-width: 500px;\r\n        max-height: 390px;\r\n    }\r\n    .intro__highlight .map div{\r\n        width: 30px;\r\n        img{\r\n            width: 100%;\r\n        }\r\n    }\r\n    .intro__highlight .wraper{\r\n        padding-left: 70px;\r\n    }\r\n    .main_section5.bhmain_section5 .wraper{\r\n        padding: 20px 0;\r\n        padding-left: 100px;\r\n    }\r\n    .bh_section5 .wraper{\r\n        flex-direction: column;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-text{\r\n        max-width: none;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img{\r\n        margin: 0 auto;\r\n        max-width: none;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img img{\r\n        max-height: none;\r\n    }\r\n}\r\n@media screen and (max-width: 900px){\r\n    .bh_section2 .wraper{\r\n        flex-direction: column-reverse;\r\n    }\r\n    .bh_section2 .bhsect2-img{\r\n        margin: 0 auto;\r\n    }\r\n    .bh_section2 .bhsect2-text{\r\n        max-width: none;\r\n        padding: 0 30px;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img img{\r\n        max-width: 300px;\r\n    }\r\n    .main_section5.bhmain_section5 .wraper{\r\n        padding: 50px 0;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img{\r\n        max-width: 48%;\r\n        height: auto;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img img{\r\n        width: 100%;\r\n    }\r\n    .bh_section5 .wraper{\r\n        padding: 20px 60px;\r\n    }\r\n}\r\n@media screen and (max-width: 700px){\r\n    .intro__highlight .map{\r\n        right: 0;\r\n    }\r\n}\r\n@media screen and (max-width: 600px){\r\n    .intro__highlight .wraper{\r\n        padding-bottom: 20px;\r\n    }\r\n    .intro__highlight .map{\r\n        position: relative;\r\n        left: 0;\r\n        height: 225px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .intro__highlight .map div{\r\n        width: 17px;\r\n    }\r\n    .intro__highlight .wraper{\r\n        padding: 50px 0;\r\n        padding-left: 0;\r\n        padding-bottom: 20px;\r\n        width: max-content;\r\n        margin: 0 auto;\r\n    }\r\n    .intro__highlight .wraper .nav__page{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n        margin-bottom: 5px;\r\n    }\r\n    .intro__highlight .wraper h2{\r\n        text-align: center;\r\n    }\r\n    .intro__highlight .wraper .list__info h5{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n        margin-bottom: 8px;\r\n    }\r\n    .intro__highlight .wraper .list__info p{\r\n        text-align: center;\r\n        padding: 0;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4{\r\n        flex-direction: column;\r\n        padding: 0 10px;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img{\r\n        width: max-content;\r\n        margin: 0 auto;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img img{\r\n        max-width: 450px;\r\n    }\r\n}\r\n@media screen and (max-width: 500px){\r\n    .bh_section3 .wraper .bhsect3-item img{\r\n        max-width: 375px;\r\n    }\r\n    .bh_section3 .wraper .bhsect3-item .bhsect-text{\r\n        padding: 20px 20px;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img img{\r\n        max-width: 350px;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4 .bh-img p{\r\n        max-width: 325px;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img{\r\n        flex-direction: column;\r\n    }\r\n    .bh_section5 .wraper .bh-sect5-img .bh-img{\r\n        max-width: none;\r\n        width: 90%;\r\n        height: auto;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n@media screen and (max-width: 460px){\r\n    .intro__highlight .wraper .list__info p{\r\n        max-width: 355px;\r\n    }\r\n    .bh_section2 .bhsect2-text{\r\n    padding: 0 10px;\r\n    }\r\n    .bh_section4 .wraper .bh-sect4{\r\n        padding: 0;\r\n    }\r\n    .main_section5.bhmain_section5 .wraper .msect5-text{\r\n        padding-left: 0;\r\n    }\r\n}\r\n",".main_section3.s_section2{\r\n    h2{\r\n        text-transform: uppercase;\r\n    }\r\n}\r\n.info__share{\r\n    max-width: 430px;\r\n    margin-top: 20px;\r\n    div{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 15px;\r\n        border-bottom: 1px solid var(--gray40);\r\n        nav{\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n            line-height: 33px;\r\n            color: var(--dark-text);\r\n            margin: auto 0;\r\n        }\r\n        span{\r\n            max-width: 205px;\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            line-height: 27px;\r\n            color: var(--gray);\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n}\r\n.s_section3{\r\n    margin: 90px auto;\r\n    .wraper{\r\n        padding: 80px 172px;\r\n        h4{\r\n            width: max-content;\r\n            margin: 0 auto;\r\n        }\r\n        h2{\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n        .tables{\r\n            max-width: 1096px;\r\n            width: 100%;\r\n            background: var(--white);\r\n            .rows{\r\n                border: 1px solid var(--gray40);\r\n                border-top: none;\r\n                display: flex;\r\n                .first-column{\r\n                    width: 64.5%;\r\n                    border-right: 1px solid var(--gray40);\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 27px;\r\n                    color: var(--dark-text);\r\n                }\r\n                .second-column{\r\n                    width: 17.75%;\r\n                    min-width: 115px;\r\n                    text-align: center;\r\n                    border-right: 1px solid var(--gray40);\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 27px;\r\n                    color: var(--dark-text);\r\n                }\r\n                .third-column{\r\n                    width: 17.75%;\r\n                    min-width: 115px;\r\n                    text-align: center;\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 27px;\r\n                    color: var(--dark-text);\r\n                }\r\n                .columns{\r\n                    padding: 10px;\r\n                }\r\n            }\r\n            .first-row.rows{\r\n                border: none;\r\n                background: var(--yellow);\r\n                .first-column{\r\n                    border-right: 1px solid var(--white);\r\n                    font-weight: 500;\r\n                }\r\n                .second-column{\r\n                    border-right: 1px solid var(--white);\r\n                    font-weight: 500;\r\n                }\r\n                .third-column{\r\n                    font-weight: 500;\r\n                }\r\n            }\r\n        }\r\n        .info__under-tables{\r\n            margin-top: 40px;\r\n            p{\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                text-align: center;\r\n                color: var(--gray);\r\n                margin-bottom: 10px;\r\n            }\r\n            h6{\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                line-height: 27px;\r\n                text-align: center;\r\n                color: var(--dark-text);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 1025px){\r\n    .main_section3.s_section2 .wraper{\r\n        padding-left: 40px;\r\n    }\r\n}\r\n@media screen and (max-width: 1000px) {\r\n    .s_section3 .wraper .tables .rows .first-column{\r\n        width: 50%;\r\n    }\r\n    .s_section3 .wraper .tables .rows .second-column{\r\n        width: 25%;\r\n    }\r\n    .s_section3 .wraper .tables .rows .third-column{\r\n        width: 25%;\r\n    }\r\n    .s_section3 .wraper{\r\n        padding: 20px 40px;\r\n    }\r\n}\r\n@media screen and (max-width: 991px){\r\n    .main_section3.s_section2 .trag_back_msect3 img.ms3-img{\r\n        width: 50%;\r\n    }\r\n}\r\n@media screen and (max-width: 900px){\r\n    .info__share{\r\n        max-width: none;\r\n        width: 500px;\r\n    }\r\n}\r\n@media screen and (max-width: 700px){\r\n    .intro__setion.s_section1 .wraper .section__title h1{\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n    }\r\n    .main_section3.s_section2 .wraper{\r\n        padding: 0 10px;\r\n    }\r\n}\r\n@media screen and (max-width: 560px){\r\n.s_section3 .wraper .tables .rows .columns{\r\n    padding: 10px 2px;\r\n}\r\n}\r\n\r\n@media screen and (max-width: 470px){\r\n    .s_section3 .wraper .tables .rows .columns{\r\n        font-size: 14px;\r\n        line-height: 18px;\r\n    }\r\n    .s_section3 .wraper .tables .rows .first-column{\r\n        width: 57%;\r\n    }\r\n    .s_section3 .wraper .tables .rows .second-column{\r\n        width: 20%;\r\n        min-width: 80px;\r\n    }\r\n    .s_section3 .wraper .tables .rows .third-column{\r\n        width: 23%;\r\n        min-width: 90px;\r\n    }\r\n}\r\n@media screen and (max-width: 435px){\r\n        .s_section3 .wraper .tables .rows .columns{\r\n            font-size: 12px;\r\n            line-height: 14px;\r\n        }\r\n}",".a_sectionDouble{\r\n    margin: 90px auto;\r\n    background: var(--light-white);\r\n    position: relative;\r\n    .wraper{\r\n        padding: 65px 172px;\r\n        position: relative;\r\n        z-index: 1;\r\n        h4{\r\n            width: max-content;\r\n            margin: 0 auto;\r\n        }\r\n        h2{\r\n            text-align: center;\r\n        }\r\n        ul{\r\n            margin-top: 20px;\r\n            padding: 0 111px;\r\n            li{\r\n                padding-left: 20px;\r\n                color: var(--gray);\r\n                position: relative;\r\n                font-size: 18px;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                ul{\r\n                    margin-top: 0;\r\n                    padding: 0;\r\n                }\r\n            }\r\n            li:has(ul){\r\n                font-weight: 500;\r\n            }\r\n            li::after{\r\n                content: \"\";\r\n                width: 10px;\r\n                height: 10px;\r\n                background: var(--yellow);\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                left: 0;\r\n                border-radius: 5px;\r\n            }\r\n            li:has(ul)::after{\r\n                top: 13%;\r\n            }\r\n        }\r\n    }\r\n}\r\n.a_section4{\r\n    background: transparent;\r\n    h2{\r\n        max-width: 875px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n#a-ellipse21{\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 0;\r\n    left: -141px;\r\n}\r\n#a-ellipse22{\r\n    position: absolute;\r\n    z-index: 0;\r\n    bottom: 32px;\r\n    right: -136px;\r\n}\r\n#a-ellipse31{\r\n    position: absolute;\r\n    z-index: 0;\r\n    bottom: 99px;\r\n    left: -141px;\r\n}\r\n#a-ellipse32{\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 35px;\r\n    right: -136px;\r\n}\r\n.main_section3.a_section5 .wraper .msect3-text ul li{\r\n    padding: 0;\r\n    padding-left: 20px;\r\n    color: var(--gray);\r\n    position: relative;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 27px;\r\n}\r\n.main_section3.a_section5 .wraper .msect3-text ul li::after{\r\n    background-image: none;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: var(--yellow);\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 0;\r\n    border-radius: 5px;\r\n}\r\n.main_section2{\r\n    .wraper{\r\n        .msect2-text{\r\n            ul{\r\n                margin: 0;\r\n                max-width: 649px;\r\n                margin-top: 20px;\r\n                li{\r\n                    padding-left: 20px;\r\n                    color: var(--gray);\r\n                    position: relative;\r\n                    font-size: 18px;\r\n                    font-weight: 400;\r\n                    line-height: 30px; \r\n                }\r\n                li::after{\r\n                    content: \"\";\r\n                    width: 10px;\r\n                    height: 10px;\r\n                    background: var(--yellow);\r\n                    position: absolute;\r\n                    top: 10px;\r\n                    left: 0;\r\n                    border-radius: 5px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.a_section7{\r\n    margin: 90px auto;\r\n    position: relative;\r\n    .wraper{\r\n        padding: 30px 172px;\r\n        h4{\r\n            width: max-content;\r\n            margin: 0 auto;\r\n        }\r\n        h2{\r\n            text-align: center;\r\n        }\r\n        p{\r\n            max-width: 650px;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            color: var(--gray);\r\n            margin: 0 auto;\r\n            margin-top: 20px;\r\n        }\r\n        div{\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n    }\r\n}\r\n#a-ellipse71{\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: 0;\r\n    left: -137px;\r\n}\r\n#a-ellipse72{\r\n    position: absolute;\r\n    z-index: -1;\r\n    bottom: 36px;\r\n    right: -116px;\r\n}\r\n.a_section2{\r\n    margin: 90px auto;\r\n    .wraper{\r\n        padding: 45px 0;\r\n    }\r\n}\r\n.chessboard{\r\n    width: 100%;\r\n    height: max-content;\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 190px);\r\n    grid-template-rows:  580px;\r\n    justify-content: center;\r\n    position: relative;\r\n    margin: 0 auto;\r\n    .chess-item{\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        padding-bottom: 23px;\r\n        position: relative;\r\n        h3{\r\n            text-align: right;\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n            line-height: 33px;\r\n            color: var(--yellow);\r\n            position: relative;\r\n        }\r\n        h3::after{\r\n            content: \"\";\r\n            width: 13px;\r\n            height: 13px;\r\n            background: var(--yellow);\r\n            position: absolute;\r\n            bottom: -15px;\r\n            right: 0;\r\n            border-radius: 7px;\r\n        }\r\n        p{\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 27px;\r\n            color: var(--dark-text);\r\n            max-width: 180px;\r\n        }\r\n        img{\r\n            background: var(--yellow);\r\n            padding: 8px 20px;\r\n            max-width: 130px;\r\n            max-height: 106px;\r\n            align-self: center;\r\n        }\r\n        \r\n    }\r\n    .chess-item:nth-child(odd){\r\n        margin-bottom: 290px;\r\n    }\r\n    .chess-item:nth-child(even){\r\n        margin-top: 290px;\r\n        flex-direction: column-reverse;\r\n        padding-top: 23px;\r\n        padding-bottom: 0;\r\n        h3::after{\r\n            content: \"\";\r\n            width: 13px;\r\n            height: 13px;\r\n            background: var(--yellow);\r\n            position: absolute;\r\n            top: -15px;\r\n            right: 0;\r\n            border-radius: 7px;\r\n        }\r\n    }\r\n    .chess-item:nth-child(odd)::after{\r\n        content: \"\";\r\n        width: 5px;\r\n        height: 250px;\r\n        position: absolute;\r\n        background-color: var(--yellow);\r\n        right: 4px;\r\n        bottom: 0;\r\n    }\r\n    .chess-item:nth-child(odd)::before{\r\n        content: \"\";\r\n        width: 5px;\r\n        height: 55px;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: -9px;\r\n        background: var(--yellow);\r\n    }\r\n    .chess-item:nth-child(even)::after{\r\n        content: \"\";\r\n        width: 5px;\r\n        height: 250px;\r\n        position: absolute;\r\n        background-color: var(--yellow);\r\n        right: 4px;\r\n        top: 0;\r\n    }\r\n    .chess-item:nth-child(even)::before{\r\n        content: \"\";\r\n        width: 5px;\r\n        height: 55px;\r\n        position: absolute;\r\n        top: 0;\r\n        left: -9px;\r\n        background: var(--yellow);\r\n    }\r\n}\r\n.chessboard::after{\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 5px;\r\n    background: var(--yellow);\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    left: 0;\r\n}\r\n.chessboard::before{\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 5px;\r\n    background: var(--yellow);\r\n    position: absolute;\r\n    top: 75%;\r\n    transform: translateY(-50%);\r\n    left: 0;\r\n    display: none;\r\n}\r\n.current{\r\n    position: absolute;\r\n    top: 45px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    height: 310px;\r\n    width: 190px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    p{\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n        line-height: 33px;\r\n        color: var(--bronze);\r\n    }\r\n    .fit-current{\r\n        width: 1px;\r\n        height: 235px;\r\n        border: 1px dashed var(--bronze);\r\n    }\r\n    img{\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n}\r\n@media screen and (max-width:1350px){\r\n    .chessboard{\r\n        grid-template-columns: repeat(4, 190px);\r\n        grid-template-rows:  580px 580px;\r\n    }\r\n    .chessboard::after{\r\n        top: 25%;\r\n    }\r\n    .chessboard::before{\r\n        display: block;\r\n    }\r\n    .current{\r\n        display: none;\r\n    }\r\n}\r\n@media screen and (max-width:1280px) {\r\n    .a_sectionDouble .wraper ul{\r\n        padding: 0 68px;\r\n    }\r\n    .a_section7 .wraper{\r\n        padding: 30px 100px;\r\n    }\r\n}\r\n@media screen and (max-width:1100px){\r\n    .a_section7 .wraper div img{\r\n        width: 49%;\r\n        height: auto;\r\n    }\r\n}\r\n@media screen and (max-width:990px){\r\n    .a_sectionDouble .wraper{\r\n        padding: 30px 90px;\r\n    }\r\n    .a_sectionDouble .wraper ul{\r\n        padding: 0;\r\n    }\r\n}\r\n@media screen and (max-width:900px){\r\n    .main_section3.a_section5 .wraper .msect3-text ul{\r\n        max-width: 700px;\r\n        margin: 0 ;\r\n    }\r\n    .a_section5 .msect3-text h2{\r\n        text-align: left;\r\n    }\r\n    .a_section5 .msect3-text h4{\r\n        margin: 0;\r\n    }\r\n    .a_section7 .wraper{\r\n        padding: 30px 40px;\r\n    }\r\n}\r\n@media screen and (max-width:780px){\r\n    .chessboard{\r\n        grid-template-columns: repeat(3, 190px);\r\n        grid-template-rows: repeat(3, 290px);\r\n        gap: 20px;\r\n    }\r\n    .chessboard .chess-item:nth-child(odd) {\r\n    margin-bottom: 0;\r\n    }\r\n    .chessboard .chess-item:nth-child(even) {\r\n        flex-direction: column;\r\n        margin-top: 0;\r\n        padding-top: 0;\r\n        padding-bottom: 20px;\r\n    }\r\n    .chessboard::after{\r\n        display: none;\r\n    }\r\n    .chessboard::before{\r\n        display: none;\r\n    }\r\n    .chessboard .chess-item:nth-child(odd)::after{\r\n        // display: none;\r\n    }\r\n    .chessboard .chess-item:nth-child(even)::after{\r\n        top: 40px;\r\n    }\r\n    .chessboard .chess-item:nth-child(odd)::before{\r\n        left: 0;\r\n        background: transparent;\r\n        border: 5px solid var(--yellow);\r\n        width: 182px;\r\n        border-top: none;\r\n        border-right: none;\r\n    }\r\n    .chessboard .chess-item:nth-child(even)::before{\r\n        display: none;\r\n    }\r\n    .chessboard .chess-item:nth-child(even) h3::after{\r\n        top: 100%;\r\n        bottom: -15px;\r\n    }\r\n}\r\n@media screen and (max-width:700px){\r\n    .main_section3.a_section5 .wraper .msect3-text ul{\r\n        max-width: 550px;\r\n    }\r\n    .a_section5 .msect3-text h2{\r\n        width: 90% !important;\r\n        max-width: none;\r\n    }\r\n}\r\n@media screen and (max-width:630px){\r\n    .chessboard{\r\n        grid-template-columns: repeat(2, 190px);\r\n        grid-template-rows: repeat(4, 290px);\r\n    }\r\n}\r\n@media screen and (max-width:600px){\r\n    .a_sectionDouble .wraper{\r\n        padding: 30px 40px;\r\n    }\r\n    \r\n    .main_section3.a_section5 .wraper .msect3-text ul{\r\n        \r\n        padding: 10px 20px;\r\n        max-width: 375px;\r\n    }\r\n    .a_section5 .msect3-text h2{\r\n        margin: 0;\r\n    }\r\n    .main_section3.a_section5 .wraper{\r\n        padding: 0;\r\n    }\r\n    .a_section7 .wraper div{\r\n        flex-direction: column;\r\n        align-items: center\r\n    }\r\n    .a_section7 .wraper div img{\r\n        width: 80%;\r\n    }\r\n}\r\n@media screen and (max-width:500px){\r\n    .a_section7 .wraper h4{\r\n        width: 100%;\r\n    }\r\n    .a_section7 .wraper{\r\n        padding: 30px 10px;\r\n    }\r\n}\r\n@media screen and (max-width:400px){\r\n    .a_sectionDouble .wraper{\r\n        padding: 30px 20px;\r\n    }\r\n    .a_section7 .wraper div img{\r\n        width: 90%;\r\n    }\r\n    .chessboard{\r\n        grid-template-columns: repeat(1, 190px);\r\n        grid-template-rows: repeat(7, 290px);\r\n    }\r\n}"]}