/* ============================================================= NGL Logistics — Global Styles Sections: 1. Fonts (NunitoSans, Montserrat) 2. Reset & Base 3. Shared Components (header, footer, nav, buttons, layout) Font paths are relative to this CSS file (assets/css/). Link from HTML: ============================================================= */ /* 1. FONTS */ @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-ExtraBold.ttf) format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-ExtraBoldItalic.ttf) format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-Italic.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "NunitoSans"; src: url(../fonts/NunitoSans/NunitoSans_10pt-SemiBoldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-ThinItalic.ttf) format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Italic.ttf) format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url(../fonts/Montserrat/Montserrat-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } /* 2. RESET & BASE */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 16px; font-family: "NunitoSans", sans-serif; } html[lang="kk-KZ"] { font-family: "Montserrat", sans-serif; } h1 { font-size: inherit; font-weight: inherit; line-height: inherit; } a { font-family: inherit; text-decoration: none; color: inherit; } ol, ul { list-style-position: inside; } /* 3. SHARED COMPONENTS */ .NewHeaderLinks__wrapper .wrapper__container{position:absolute;padding:8px;border-radius:8px;left:0;top:100%;background-color:#f0f0f0;border:1px solid #fff;display:flex;flex-direction:column;grid-gap:8px;gap:8px;transition:opacity .3s}.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite .BaseButtonLink__icon path{fill:#fff}.TheButton.TheButton--new{padding:10px 12px;font-family:inherit;font-weight:400}.TheButton.TheButton--violet.TheButton--outline:not(:disabled):hover{color:var(--color-main-white);background-color:var(--color-main-violet)}.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite{background-color:transparent;color:#fff;border-color:#fff}.NewHeaderMobileMenuOpener{position:relative;display:flex;align-items:center}.BaseButtonLink.BaseButtonLink--outlineGreen{background-color:transparent;color:#254E78;border-color:#254E78}.NewLangSelector__container{grid-gap:4px;gap:4px;padding:9px 8px;border-radius:15px;background-color:#f0f0f0}.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):hover{background-color:#fff;color:#f57a35}.NewHeader__logo{width:127px;height:42px;display:flex;align-items:center}.NewMobileMenu__content .content__link{font-size:16px;font-weight:600;line-height:24px;transition:color var(--transition-default)}.TheButton:not(:disabled):hover{background-color:var(--color-text-main-hover)}.TheButton.TheButton--violet.TheButton--outline{background-color:var(--color-main-white);border-color:var(--color-main-violet);color:var(--color-main-violet)}.TheButton.TheButton--red:not(.TheButton--outline):not(:disabled):focus{background-color:var(--color-main-red-focus)}.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):hover{background-color:#fff;color:#a11d16}.NewMobileMenu__content{display:grid;grid-template-columns:1fr;grid-row-gap:24px;row-gap:24px}.TheButton.TheButton--outline{background-color:var(--color-main-white);color:var(--color-text-main)}.NewHeaderLinks__wrapper{display:flex;align-items:center;position:relative}@media (max-width:390px){.NewMobileMenu{top:110px}}.TheButton.TheButton--yellow:not(.TheButton--outline):not(:disabled):hover{background-color:var(--color-main-yellow-hover)}.BaseButtonLink:not(:disabled):focus{background-color:#1F3F63}.TheButton.TheButton--yellow:not(.TheButton--outline){background-color:var(--color-main-yellow);border-color:var(--color-main-yellow)}.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):focus .BaseButtonLink__icon path,.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineRedWhite:not(:disabled):hover .BaseButtonLink__icon path{fill:#a11d16}@media screen and (max-width:1100px){.NewHeaderLinks{display:none}}.BaseFooter__additional .additional__links .links__social{display:flex;align-items:center;grid-gap:16px;gap:16px}.TheButton.TheButton--yellow.TheButton--outline{background-color:var(--color-main-white);border-color:var(--color-main-yellow);color:var(--color-main-yellow)}@media screen and (max-width:1100px){.BaseFooter{padding-top:24px;padding-bottom:24px}.BaseFooter__container{flex-direction:column;align-items:center}.BaseFooter__container .container__navigation{grid-template-columns:1fr}.BaseFooter__container .container__navigation .navigation__group a{text-align:center}.BaseFooter__container .container__button-links{width:100%}.BaseFooter__mobilesocial{display:flex}.BaseFooter__additional{margin-top:24px;padding-top:24px;flex-direction:column}.BaseFooter__additional .additional__copyright{text-align:center}.BaseFooter__additional .additional__links{flex-direction:column}.BaseFooter__additional .additional__links .links__documents{margin-top:24px;flex-direction:column}.BaseFooter__additional .additional__links .links__social{display:none}}.NewHeader{padding-top:12px;padding-bottom:12px;background-color:var(--color-main-white);color:var(--color-text-black);box-shadow:0 2px 4px 0 rgba(96,96,96,.1);position:-webkit-sticky;position:sticky;top:0;z-index:80}.NewHeader__content .content__signin .TheButton{width:100%}ol,ul{list-style-position:inside}.NewLangSelector{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.BaseButtonLink.BaseButtonLink--outlineWhiteRed .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteRed .BaseButtonLink__icon path{fill:#a11d16}.NewLangSelector__options .options__option{font-size:14px;font-weight:400;line-height:16.8px;padding:9px 8px;text-align:center}@media (max-width:1234px){.NewHeader.NewHeader--kz .NewHeader__container,.NewHeader.NewHeader--ru .NewHeader__container{align-items:flex-start;flex-direction:column}.NewHeader.NewHeader--kz .NewHeader__container .NewHeader__content,.NewHeader.NewHeader--ru .NewHeader__container .NewHeader__content{align-self:flex-end}}.NewHeaderMobileMenuOpener.NewHeaderMobileMenuOpener--opened .NewHeaderMobileMenuOpener__icon,.NewHeaderMobileMenuOpener__secondIcon{display:none}.TheButton.TheButton--whatsapp:not(.TheButton--outline){background-color:#25d366;border-color:#25d366}.BaseFooter__container .container__navigation{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:51px;-moz-column-gap:51px;column-gap:51px;grid-row-gap:24px;row-gap:24px;align-items:flex-start;font-size:18px;font-weight:500;line-height:27px;color:#1d1d1d}.TheButton.TheButton--whatsapp{display:flex;align-items:center;grid-gap:8px;gap:8px}.TheButton.TheButton--large{font-size:20px;padding:16px 24px}.BaseButtonLink.BaseButtonLink--primary:not(:disabled):hover{background-color:#e36925}.BaseButtonLink:not(:disabled){cursor:pointer}.BaseFooter__additional .additional__links{width:100%;display:flex;align-items:center;justify-content:space-between}.BaseButtonLink{background:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;white-space:nowrap;background-color:#254E78;color:#fff;padding:4px 4px 4px 16px;border-radius:32px;border:1px solid transparent;font-family:inherit;font-size:16px;font-weight:400;line-height:19.84px;display:flex;align-items:center;justify-content:space-between;grid-gap:28px;gap:28px;transition:opacity .5s,background-color .5s,color .5s,border-color .5s}.BaseFooter__additional .additional__copyright{width:100%;max-width:443px;font-size:12px;font-weight:400;line-height:18px;color:#858585}.TheButton:disabled{opacity:.5;cursor:not-allowed}.BaseButtonLink.BaseButtonLink--centered{justify-content:center}.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):hover{background-color:#254E78;color:#fff}.NewHeaderPhoneNumber .TheButton{display:flex;align-items:center;justify-content:center}.BaseButtonLink.BaseButtonLink--outlineWhiteBlack{background-color:transparent;color:#fff;border-color:#fff}.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):hover .BaseButtonLink__icon path{fill:#254E78}html{font-size:16px;font-family:"NunitoSans"}.BaseBreadcrumbs__icon{color:#858585}.NewHeader__links .NewHeaderLinks{margin-left:16px}.BaseBreadcrumbs__link.nuxt-link-exact-active{color:#333}.BaseButtonLink.BaseButtonLink--red:not(:disabled):focus{background-color:#b8251e}.TheButton{transition:.5s;background:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color-text-white);background-color:var(--color-text-main);border:1px solid var(--color-text-main);border-radius:2px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:500;line-height:normal}.BaseFooter__container .container__navigation .navigation__group{display:grid;grid-template-columns:1fr;grid-row-gap:22px;row-gap:22px}.BaseFooter__additional .additional__links .links__documents{display:flex;align-items:center;grid-gap:24px;gap:24px;font-size:14px;line-height:21px;color:#1d1d1d}.TheButton.TheButton--violet{background-color:var(--color-main-violet);border-color:var(--color-main-violet)}.page-enter-active,.page-leave-active{transition:opacity .3s}.NewLangSelector__options{background-color:#f0f0f0;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:70;border-radius:15px;max-height:237px;overflow:hidden;overflow-y:auto}.TheButton.TheButton--red.TheButton--outline:not(:disabled):focus{color:var(--color-main-white);background-color:var(--color-main-red-focus)}.BaseFooter__mobilesocial{display:none;margin-top:24px;justify-content:center;align-items:center;grid-gap:16px;gap:16px}@media (max-width:1200px){.NewHeader__content .content__signin{width:auto}.NewHeader__content .content__signin .TheButton{width:100%}}.NewLangSelector__current{font-size:14px;font-weight:400;line-height:16.8px}.BaseButtonLink.BaseButtonLink--outlineRedWhite .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineRedWhite .BaseButtonLink__icon path{fill:#fff}.BaseBreadcrumbs.BaseBreadcrumbs--white .BaseBreadcrumbs__icon,.BaseBreadcrumbs.BaseBreadcrumbs--white .BaseBreadcrumbs__link{color:#e6e6e6}.TheButton.TheButton--green:not(.TheButton--outline){background-color:var(--color-main-green);border-color:var(--color-main-green)}.TheButton.TheButton--green.TheButton--outline:not(:disabled):hover{color:var(--color-main-white);background-color:var(--color-main-green)}.TheButton.TheButton--red:not(.TheButton--outline):not(:disabled):hover{background-color:var(--color-main-red-hover)}.layout-enter-active,.layout-leave-to{transition:opacity .3s}.TheButton.TheButton--green:not(.TheButton--outline):not(:disabled):hover{background-color:var(--color-main-green-hover)}.NewHeader__content{display:flex;align-items:center;grid-gap:20px;gap:20px}.BaseFooter__additional{margin-top:32px;padding-top:32px;border-top:1px solid #d4d2e3;display:flex;align-items:center;grid-column-gap:125px;-moz-column-gap:125px;column-gap:125px}.NewHeaderLinks__link{padding:6px 14px;border-radius:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;position:relative;transition:var(--transition-default)}.BaseButtonLink.BaseButtonLink--outlineWhiteGreen{background-color:transparent;color:#fff;border-color:#fff}.BaseBreadcrumbs ul,.BaseBreadcrumbs ul li{display:flex;align-items:center;grid-gap:10px;gap:10px}.TheButton.TheButton--red.TheButton--outline:not(:disabled):hover{color:var(--color-main-white);background-color:var(--color-main-red)}.TheButton.TheButton--whatsapp:not(.TheButton--outline):not(:disabled):focus,.TheButton.TheButton--whatsapp:not(.TheButton--outline):not(:disabled):hover{background-color:#25d366}.TheButton.TheButton--violet.TheButton--outline:not(:disabled):focus{color:var(--color-main-white);background-color:var(--color-main-violet-focus)}.NewMobileMenu{z-index:-1;position:fixed;top:56px;left:0;right:0;bottom:0;min-width:100%;height:calc(100vh - 56px);padding:24px 16px;background-color:#fff;transition:var(--transition-default);visibility:hidden;opacity:0}.BaseButtonLink.BaseButtonLink--red{background-color:#a11d16}.NewHeader__container,.NewHeader__links{display:flex;align-items:center}.hero-badge{display:inline-block;padding:8px 32px;border-radius:76px}.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):hover .BaseButtonLink__icon path{fill:#fff}.NewHeaderLinks__link.nuxt-link-exact-active,.NewHeaderLinks__link:hover{background-color:#fafafa}.TheButton.TheButton--red.TheButton--outline{background-color:var(--color-main-white);border-color:var(--color-main-red);color:var(--color-main-red)}.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):focus .BaseButtonLink__icon path{fill:#1F3F63}.BaseButtonLink:disabled{cursor:not-allowed;opacity:.5}.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):hover{background-color:#fff;color:#254E78}.BaseBreadcrumbs{display:flex;align-items:center}.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):hover{background-color:#a11d16;color:#fff}.TheButton:not(:disabled){cursor:pointer}.BaseButtonLink.BaseButtonLink--outlineWhiteRed{background-color:transparent;color:#a11d16;border-color:#a11d16}.TheButton.TheButton--yellow.TheButton--outline:not(:disabled):focus{color:var(--color-main-white);background-color:var(--color-main-yellow-focus)}.BaseFooter__additional .additional__links .links__documents .documents__link{text-decoration:underline}.NewHeaderPhoneNumber__phone{display:none;font-size:14px;font-weight:400;line-height:24px;white-space:nowrap}@media screen and (max-width:1100px){.v3-layout-page{padding-top:24px;padding-bottom:50px}.v3-layout-container{padding:0 16px}}.BaseButtonLink.BaseButtonLink--primary:not(:disabled):focus{background-color:#fc9156}.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):hover{background-color:#f57a35;color:#fff}.BaseBreadcrumbs ul{padding-left:0;border-left:none;flex-wrap:wrap}.BaseButtonLink.BaseButtonLink--white{background-color:#f9f9f9;color:#1d1d1d}.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):hover{background-color:#fff;color:#1d1d1d}.NewMobileMenu.NewMobileMenu--opened{z-index:var(--mobile-menu-z);visibility:visible;opacity:1}.TheButton.TheButton--outline:not(:disabled):focus,.TheButton.TheButton--outline:not(:disabled):hover{background-color:var(--color-text-main);color:var(--color-main-white)}.NewHeader__container{justify-content:space-between;grid-gap:23px;gap:23px}.NewHeaderLinks__wrapper .wrapper__container .container__link.nuxt-link-exact-active,.NewHeaderLinks__wrapper .wrapper__container .container__link:hover{background-color:#fafafa}.BaseButtonLink.BaseButtonLink--black{background-color:#1d1d1d}@media (max-width:1100px){.NewHeader.NewHeader--kz .NewHeader__container,.NewHeader.NewHeader--ru .NewHeader__container{align-items:flex-start;flex-direction:row}.NewHeader.NewHeader--kz .NewHeader__container .NewHeader__content,.NewHeader.NewHeader--ru .NewHeader__container .NewHeader__content{align-self:flex-end}.NewHeader__logo{width:98px;height:32px}.NewHeader__container{grid-gap:19px;gap:19px}.NewHeader__content .content__signin{display:none}.NewHeader__content .NewHeaderMobileMenuOpener{display:flex}}.NewHeaderPhoneNumber:hover{color:var(--color-text-main-hover)}.TheButton.TheButton--small{font-size:14px;padding:10px 12px;border-radius:32px;font-weight:400;line-height:17.36px}html[lang=kk-KZ]{font-family:"Montserrat"}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.BaseButtonLink.BaseButtonLink--red:not(:disabled):hover{background-color:#8b1a14}.TheButton:not(:disabled):focus{background-color:var(--color-text-main-focus)}.BaseFooter__container{display:flex;align-items:flex-start;justify-content:space-between;grid-column-gap:74px;-moz-column-gap:74px;column-gap:74px;grid-row-gap:24px;row-gap:24px}.NewHeader__content .NewHeaderMobileMenuOpener{display:none}.TheButton.TheButton--rounded{border-radius:32px}.v3-layout-container{width:100%;max-width:1315px;margin:0 auto}.nuxt-progress-failed{background-color:red}.TheButton.TheButton--green:not(.TheButton--outline):not(:disabled):focus{background-color:var(--color-main-green-focus)}.TheButton.TheButton--yellow:not(.TheButton--outline):not(:disabled):focus{background-color:var(--color-main-yellow-focus)}.BaseButtonLink.BaseButtonLink--white:not(:disabled):focus,.BaseButtonLink.BaseButtonLink--white:not(:disabled):hover{background-color:#e6e6e6}@media screen and (max-width:1308px){.TheButton.TheButton--whatsapp .TheButton--whatsapp__text{display:none}.TheButton.TheButton--small{padding:6px 12px;border-radius:32px}}.BaseButtonLink.BaseButtonLink--primary{background-color:#f57a35}.BaseBreadcrumbs__link{color:#858585;font-size:14px;line-height:16.8px;transition:var(--transition-default)}.BaseFooter__container .container__button-links{display:grid;grid-template-columns:1fr;grid-row-gap:24px;row-gap:24px}.TheButton.TheButton--violet:not(.TheButton--outline):not(:disabled):hover{background-color:var(--color-main-violet-hover)}.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):focus .BaseButtonLink__icon path,.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteRed:not(:disabled):hover .BaseButtonLink__icon path{fill:#fff}.BaseFooter{padding-top:75px;padding-bottom:24px;background-color:#fff}.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):focus .BaseButtonLink__icon path,.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhiteBlack:not(:disabled):hover .BaseButtonLink__icon path{fill:#1d1d1d}.BaseButtonLink.BaseButtonLink--outlineWhiteGreen:not(:disabled):focus{background-color:#fff;color:#1F3F63}:root{--color-main-green:#2F5F8F;--color-main-green-hover:#254E78;--color-main-green-focus:#1F3F63;--color-main-yellow:#f88b2d;--color-main-yellow-hover:#f07c18;--color-main-yellow-focus:#d0660a;--color-main-violet:#4a27aa;--color-main-violet-hover:#40248e;--color-main-violet-focus:#361985;--color-main-red:#e54038;--color-main-red-hover:#c32d25;--color-main-red-focus:#a11d16;--color-main-white:#fff;--color-primary-error-500:#f04438;--color-primary-success-500:#2F5F8F;--gradient-green:linear-gradient(#2F5F8F,#4D7FAE,#1F3F63);--gradient-yellow:linear-gradient(#ffc50d,#f57a35);--color-text-black:#000;--color-text-main:#333;--color-text-main-hover:#4e4e4e;--color-text-main-focus:#000;--color-text-second:#b4b4b4;--color-text-white:#fff;--font-main:"Roboto",sans-serif;--font-second:"Jost",sans-serif;--font-third:"NunitoSans",sans-serif;--popup-z:2;--mobile-menu-z:100;--transition-default:500ms}a{font-family:inherit;text-decoration:none;color:inherit}.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):focus .BaseButtonLink__icon path{fill:#fff}.BaseBreadcrumbs.BaseBreadcrumbs--white .BaseBreadcrumbs__link.nuxt-link-exact-active{color:#fff}.BaseButtonLink.BaseButtonLink--outlineGreen:not(:disabled):focus{border-color:#1F3F63;background-color:#1F3F63;color:#fff}.BaseButtonLink.BaseButtonLink--black:not(:disabled):focus{background-color:#303030}.TheButton.TheButton--red:not(.TheButton--outline){background-color:var(--color-main-red);border-color:var(--color-main-red)}.BaseButtonLink.BaseButtonLink--black:not(:disabled):hover{background-color:#000}.BaseButtonLink.BaseButtonLink--outlineGreen .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineGreen .BaseButtonLink__icon path{fill:#254E78}.v3-layout-page{padding-top:48px;padding-bottom:100px;background-color:#fff}.TheButton.TheButton--green.TheButton--outline{background-color:var(--color-main-white);border-color:var(--color-main-green);color:var(--color-main-green)}*{box-sizing:border-box;margin:0;padding:0}.NewHeaderLinks{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:normal;border-radius:25px;background-color:#f0f0f0;padding:8px}.NewMobileMenu__content .content__link.nuxt-link-exact-active,.NewMobileMenu__content .content__link:hover{color:#f57a35}.page-enter,.page-leave-to{opacity:0}.TheButton.TheButton--violet:not(.TheButton--outline):not(:disabled):focus{background-color:var(--color-main-violet-focus)}.BaseButtonLink.BaseButtonLink--outlineWhitePrimary .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhitePrimary .BaseButtonLink__icon path{fill:#f57a35}.TheButton.TheButton--yellow.TheButton--outline:not(:disabled):hover{color:var(--color-main-white);background-color:var(--color-main-yellow)}.layout-enter,.layout-leave-to{opacity:0}.NewLangSelector__container,.NewLangSelector__icon{display:flex;align-items:center}@media (max-width:390px){.NewHeader.NewHeader--en .NewHeader__container,.NewHeader.NewHeader--kz .NewHeader__container,.NewHeader.NewHeader--ru .NewHeader__container,.NewHeader.NewHeader--zh .NewHeader__container{align-items:center;flex-direction:column}.NewHeader.NewHeader--en .NewHeader__container .NewHeader__content,.NewHeader.NewHeader--kz .NewHeader__container .NewHeader__content,.NewHeader.NewHeader--ru .NewHeader__container .NewHeader__content,.NewHeader.NewHeader--zh .NewHeader__container .NewHeader__content{justify-content:space-between;align-self:normal}}.BaseButtonLink.BaseButtonLink--outlineWhitePrimary{background-color:transparent;color:#f57a35;border-color:#f57a35}.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):focus .BaseButtonLink__icon path,.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlinePrimaryWhite:not(:disabled):hover .BaseButtonLink__icon path{fill:#f57a35}.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):focus .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):focus .BaseButtonLink__icon path,.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):hover .BaseButtonLink__icon circle,.BaseButtonLink.BaseButtonLink--outlineWhitePrimary:not(:disabled):hover .BaseButtonLink__icon path{fill:#fff}.BaseButtonLink.BaseButtonLink--outlineRedWhite{background-color:transparent;color:#fff;border-color:#fff}.NewHeaderPhoneNumber{display:flex;align-items:center;transition:var(--transition-default)}.NewMobileMenu__signin{margin-bottom:32px;display:block;font-size:16px;font-weight:400;line-height:19.84px;text-align:center;background-color:#254E78;color:#fff;border-radius:32px;padding:12px 8px}.TheButton.TheButton--green.TheButton--outline:not(:disabled):focus{color:var(--color-main-white);background-color:var(--color-main-green-focus)}.NewHeaderLinks__wrapper .wrapper__container .container__link{display:block;padding:6px 8px;border-radius:4px;transition:var(--transition-default);white-space:nowrap}.BaseButtonLink .BaseButtonLink__icon circle,.BaseButtonLink .BaseButtonLink__icon path{transition:fill .5s}.BaseButtonLink:not(:disabled):hover{background-color:#254E78}.nuxt-progress.nuxt-progress-notransition{transition:none}h1{font-size:inherit;font-weight:inherit;line-height:inherit}.NewHeaderMobileMenuOpener.NewHeaderMobileMenuOpener--opened .NewHeaderMobileMenuOpener__secondIcon{display:block} /* FAQ accordion toggle icon — opened state */ .BaseFaqItem.BaseFaqItem--opened .BaseFaqItem__toggle path:not(.toggle--hidden), .BaseFaqItem.BaseFaqItem--opened .content__title .title__toggle path:not(.toggle--hidden) { display: none; } .BaseFaqItem.BaseFaqItem--opened .BaseFaqItem__toggle .toggle--hidden, .BaseFaqItem.BaseFaqItem--opened .content__title .title__toggle .toggle--hidden { display: block; } /* nav dropdown */.NewHeaderLinks__wrapper .wrapper__container{display:none!important}.NewHeaderLinks__wrapper:hover .wrapper__container{display:flex!important;z-index:200} /* ── Modal ──────────────────────────────────────────────────────────────── */ .ngl-no-scroll{overflow:hidden} .ngl-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center;padding:16px} .ngl-modal-overlay.ngl-open{display:flex} .ngl-modal{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:480px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.18)} .ngl-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#888;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s} .ngl-modal-close:hover{background:#f2f2f2;color:#333} .ngl-modal-title{font-size:22px;font-weight:700;color:#1F3F63;margin:0 0 6px} .ngl-modal-subtitle{color:#777;font-size:14px;margin:0 0 22px} .ngl-req{color:#e53e3e} .ngl-form-group{margin-bottom:14px} .ngl-form-group label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:5px} .ngl-form-group input,.ngl-form-group textarea{width:100%;padding:10px 13px;border:1.5px solid #dde0e6;border-radius:8px;font-size:15px;font-family:inherit;outline:none;transition:border-color .18s;box-sizing:border-box} .ngl-form-group input:focus,.ngl-form-group textarea:focus{border-color:#2F5F8F} .ngl-form-group input.ngl-error,.ngl-form-group textarea.ngl-error{border-color:#e53e3e} .ngl-form-group textarea{resize:vertical;min-height:78px} .ngl-modal-submit{width:100%;background:#2F5F8F;color:#fff;border:none;border-radius:8px;padding:13px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:6px;transition:background .18s} .ngl-modal-submit:hover{background:#254E78} .ngl-modal-success{text-align:center;padding:20px 0} .ngl-success-icon{width:60px;height:60px;background:#2F5F8F;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px} .ngl-modal-success h3{font-size:20px;font-weight:700;color:#1F3F63;margin:0 0 8px} .ngl-modal-success p{color:#777;font-size:14px;margin:0} @media(max-width:520px){.ngl-modal{padding:28px 18px}.ngl-modal-title{font-size:19px}}