de.vidok.com/layout/style-css/produktzusatze.css.map

{"version":3,"sources":["..\\style-scss\\produktzusatze.scss","..\\style-scss\\_variables.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"AAAQ,iJAAA,CCKR,WACC,sBAAA,CACA,+HAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yIAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,qHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iIAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,iHAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,qHAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,mHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6HAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iHAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6HAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uHAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,uIAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,2HAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CC4CD,WACC,sBAAA,CACA,mHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6HAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yGAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,qHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,qGAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yGAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uGAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iHAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,qGAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iHAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,qGAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2GAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,2HAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,+GAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CA8CD,QACC,uBAAA,CAGD,KACC,iBAAA,CACA,oBAAA,CAlUC,yBAgUF,KAKE,gBAAA,CACA,mBAAA,CAAA,CAIF,WACC,iCAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,wBAAA,CACA,gBAAA,CACA,oBAAA,CAGD,cACC,sBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,wBAAA,CACA,UAAA,CAxWC,0BFTF,WAEE,gBAAA,CAAA,CAIF,cACC,eAAA,CAGD,QACC,qBAAA,CAEC,8BACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,sBAAA,CACA,QAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CAEA,oCACC,iBAAA,CACA,MAAA,CACA,iBAAA,CACA,eAAA,CAGC,6DACC,UAAA,CACA,iBAAA,CACA,KAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,eE2QG,CFvQL,wCACC,kBAAA,CAED,sCACC,UEyQO,CFxQP,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,eAAA,CE/BH,0BFXF,QAiDE,eAAA,CAAA,CEtCA,yBF2CC,8BACC,YAAA,CACA,oBAAA,CAAA,eAAA,CAIE,6DACC,WAAA,CAID,yDACC,YAAA,CAAA,CEvDL,yBFoEI,yDACC,YAAA,CAID,yDACC,aAAA,CAID,yDACC,YAAA,CAAA,CE/EL,yBFyFC,8BACC,YAAA,CAAA,CAMJ,QACC,mBAAA,CAEA,eACC,YAAA,CACA,6BAAA,CACA,+CACC,CAGA,uBACC,eAAA,CAED,uBACC,eAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,iBAAA,CAEA,+BACC,UAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,eEgKI,CF9JL,8BACC,UAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,eEuJI,CFpJN,uBACC,eAAA,CAED,uBACC,eAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,iBAAA,CAEA,+BACC,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,SAAA,CACA,UAAA,CACA,eEkII,CFhIL,8BACC,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,SAAA,CACA,UAAA,CACA,eEyHI,CFrHN,wBACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAED,uBACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CEtKF,gDF8KE,8CAEC,YAAA,CACA,kBAAA,CAAA,CE9LH,yBFqMA,eACC,yBAAA,CACA,mDACC,CAKA,8CAEC,iBAAA,CAED,8CAEC,cAAA,CACA,8DACC,YAAA,CAED,4DACC,YAAA,CAAA,CAQN,QACC,mBAAA,CACA,aACC,iBAAA,CEnOA,yBFkOD,aAKE,YAAA,CAAA,CAGD,wBACC,iBAAA,CACA,WAAA,CAEA,4BACC,YAAA,CACA,WAAA,CACA,UAAA,CACA,0BAAA,CAAA,qBAAA,CACA,mBAAA,CAAA,gBAAA,CAID,+BACC,UAAA,CACA,eAAA,CACA,WAAA,CACA,6BAAA,CACA,+BAAA,CAEA,kCACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAIA,qCAIC,4BAAA,CAHA,iDACC,yBAAA,CAMC,uDACC,uBAAA,CAIH,wCACC,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,wBAAA,CACA,QAAA,CACA,gBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CAAA,iBAAA,CACA,cAAA,CAEA,gDACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,uEAAA,CACA,uBAAA,CACA,0BAAA,CACA,2BAAA,CACA,4BAAA,CAGF,uCACC,YAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,gBAAA,CACA,kBAAA,CAEA,8CACC,YAAA,CACA,kBAAA,CACA,sBAAA,CAAA,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,gBAAA,CAEA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,aAAA,CEtUN,yBFuPC,+BAsFE,YAAA,CAAA,CAOL,QACC,mBAAA,CAEA,eACC,iBAAA,CACA,YAAA,CACA,+BAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CAGC,uBACC,YAAA,CACA,qBAAA,CACA,YAAA,CAEA,iCACC,iBAAA,CACA,sBAAA,CAAA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CACA,gBAAA,CAEA,yCACC,UAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,OAAA,CACA,UAAA,CACA,qBExFG,CF2FJ,wCACC,UAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CACA,qBElGG,CFmGH,UAAA,CAGD,oCACC,eAAA,CACA,cAAA,CACA,aAAA,CACA,oBAAA,CACA,wBAAA,CACA,wBAAA,CACA,sBAAA,CACA,wBAAA,CACA,QAAA,CACA,cAAA,CACA,qBE3HG,CF6HJ,oCACC,YAAA,CACA,kBAAA,CACA,qBAAA,CAAA,gBAAA,CACA,uCACC,YAAA,CACA,kBAAA,CACA,yCACC,eAAA,CACA,cAAA,CACA,aAAA,CACA,oBAAA,CACA,wBAAA,CAEA,wBAAA,CACA,sBAAA,CACA,wBAAA,CACA,kBAAA,CAOJ,0BACC,cAAA,CACA,aAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAAA,CACA,0BAAA,CAAA,qBAAA,CACA,eE5JI,CF6JJ,kBAAA,CAEA,iCACC,eAAA,CAIF,yBACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CE1bH,0BFgcA,eACC,QAAA,CAIE,iCACC,mBAAA,CAAA,cAAA,CACA,oCACC,UAAA,CACA,oBAAA,CAAA,eAAA,CACA,6BAAA,CAKF,yBACC,eAAA,CAAA,CEhdJ,0BFwdA,eACC,yBAAA,CAEC,uBACC,kBAAA,CACA,qBAAA,CAAA,gBAAA,CACA,4BAAA,CAEC,oCACC,YAAA,CACA,6BAAA,CACA,YAAA,CAIH,uBACC,UAAA,CAEA,0BACC,kBAAA,CAAA,CE3eJ,yBFsfG,iCACC,oBAAA,CAAA,eAAA,CACA,oCACC,oBAAA,CAAA,eAAA,CAAA,CEzfL,yBFkgBA,WACC,cAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CAEA,mBACC,YAAA,CAGF,eACC,cAAA,CACA,uBACC,YAAA,CAGA,uBACC,qBAAA,CAEA,iCACC,oBAAA,CAAA,eAAA,CAEA,oCACC,oBAAA,CAAA,eAAA,CACA,qCAAA,CAAA,CE1hBL,yBFwiBE,+BACC,qBAAA,CACA,YAAA,CACA,UAAA,CAEA,kCACC,cAAA,CACA,oBAAA,CACA,wBAAA,CAED,kCACC,YAAA,CACA,yDAAA,CACA,YAAA,CACA,iBAAA,CACA,oBAAA,CAAA,eAAA,CACA,qCACC,sBAAA,CAAA,CASP,QACC,mBAAA,CAEA,eACC,YAAA,CACA,kBAAA,CAEC,uBACC,YAAA,CACA,UAAA,CACA,eAAA,CACA,+BAAA,CAEA,0BACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CACA,mBAAA,CACA,+BAAA,CAED,yBACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAGF,uBACC,iBAAA,CACA,+BACC,UAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,QAAA,CACA,WAAA,CACA,+BAAA,CAED,2BACC,UAAA,CACA,0BAAA,CAAA,qBAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CE/mBH,yBFsnBA,eACC,6BAAA,CAGC,uBACC,eAAA,CAGA,+BACC,QAAA,CACA,OAAA,CACA,UAAA,CACA,YAAA,CAAA,CEloBJ,yBF4oBE,uBACC,iBAAA,CAEA,0BACC,kBAAA,CACA,mBAAA,CAAA,CAQN,QACC,mBAAA,CAKG,iDACC,kBAAA,CACA,mBAAA,CACA,4BAAA,CAMJ,eACC,YAAA,CACA,iCAAA,CACA,oBAAA,CAAA,eAAA,CACA,6BAAA,CAGC,gCACC,kBAAA,CAEA,mCACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAED,kCACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAKD,kCACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CAGC,wCACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CAEA,yDACC,kBAAA,CAGD,0CACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,eAAA,CAQJ,kCACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,oBAAA,CAEA,oCACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CAEA,wBAAA,CACA,sBAAA,CACA,wBAAA,CACA,QAAA,CACA,eAAA,CEjvBJ,0BFwvBA,eACC,iCAAA,CAAA,CEzvBD,0BF8vBA,eACC,yBAAA,CACA,YAAA,CAIE,kCACC,eAAA,CACA,qCACC,iBAAA,CAGF,kCACC,sBAAA,CAGF,uBACC,UAAA,CACA,gBAAA,CAEA,2BACC,WAAA,CACA,qBAAA,CAAA,kBAAA,CAGD,kCACC,sBAAA,CAAA,CExxBJ,yBFgyBA,eACC,6BAAA,CACA,YAAA,CAEA,eAAA,CACA,iBAAA,CAGC,uBACC,eAAA,CAGA,+BACC,YAAA,CAAA,CAQN,QACC,iBAAA,CACA,+BAAA,CACA,kBAAA,CAEA,gBACC,gBAAA,CAGD,eACC,YAAA,CACA,kBAAA,CACA,kBAAA,CAEC,uBACC,UAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CACA,mBAAA,CAEA,0BACC,cAAA,CACA,aAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CACA,mBAAA,CACA,4BAAA,CAEA,iCACC,eAAA,CAIF,0BACC,iBAAA,CACA,iBAAA,CAGC,+BACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,eAAA,CAKH,kCACC,iBAAA,CACA,oBAAA,CACA,aE1kBM,CF2kBN,yBAAA,CACA,eAAA,CACA,wBAAA,CACA,qBAAA,CACA,eE9lBI,CF+lBJ,yBAAA,CACA,cAAA,CAEA,yCACC,UAAA,CACA,iBAAA,CACA,uEAAA,CACA,oBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,uBAAA,CACA,yBAAA,CAGD,wCACC,UEpmBM,CFqmBN,eEvmBG,CFymBH,+CACC,gBAAA,CAKD,gDACC,wBAAA,CAMH,qCACC,iBAAA,CAEA,6CACC,UAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,QAAA,CACA,WAAA,CACA,+BAAA,CEx6BJ,yBF85BE,qCAcE,iBAAA,CACA,KAAA,CACA,QAAA,CACA,OAAA,CACA,UAAA,CAAA,CAGF,2BACC,UAAA,CACA,0BAAA,CAAA,qBAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CACA,yBAAA,CAAA,sBAAA,CE56BH,0BFw7BG,qCACC,WAAA,CAAA,CEz7BJ,0BFq8BG,qCACC,YAAA,CAAA,CEt8BJ,yBF88BA,eACC,YAAA,CACA,6BAAA,CACA,cAAA,CAGC,uBACC,eAAA,CACA,SAAA,CAGA,qCACC,OAAA,CAEA,6CACC,QAAA,CACA,OAAA,CACA,YAAA,CACA,UAAA,CAAA,CASP,QACC,YAAA,CAEA,eACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,gBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CAEA,qBACC,iBAAA,CAGC,8CACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,MAAA,CACA,YAAA,CACA,UAAA,CACA,eEruBI,CFwuBN,+BACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,eAAA,CAED,gCACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CE/gCF,yBF2gCC,gCAOE,qBAAA,CACA,YAAA,CAAA,CAKJ,WACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAED,WACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAED,UACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,eAAA,CE7iCA,0BFijCA,eACC,oBAAA,CAAA,eAAA,CAIE,8CACC,WAAA,CAAA,CEvjCJ,0BF+jCA,eACC,yBAAA,CAIE,8CACC,YAAA,CAGF,6BACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAAA,CE5kCH,yBFolCE,6BACC,6BAAA,CAAA,CAOL,QACC,iBAAA,CAEA,YACC,UAAA,CACA,eAAA,CACA,kBAAA,CAED,cACC,UAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAEA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,wBAAA,CE/mCA,0BFmnCA,cACC,cAAA,CAAA,CEpnCD,yBFwnCA,cACC,cAAA,CAAA,CAOH,mBACC,wBAAA","file":"produktzusatze.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Lato:wght@300;400;700&display=swap\");\r\n@import \"variables\";\r\n@import \"_mixins\";\r\n\r\n.container {\r\n\t@include respond-above(xl) {\r\n\t\tmax-width: 1300px;\r\n\t}\r\n}\r\n\r\n.page-content {\r\n\toverflow: hidden;\r\n}\r\n\r\n.box-01 {\r\n\tpadding: 120px 0 200px;\r\n\t#scontainer-53 {\r\n\t\t.tiles {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\tgap: 30px;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 900px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tmin-width: 150px;\r\n\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tright: -15px;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\tcolor: $cTxtBlack;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\tpadding: 120px 0;\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t#scontainer-53 {\r\n\t\t\t.tiles {\r\n\t\t\t\trow-gap: 60px;\r\n\t\t\t\tcolumn-gap: 50px;\r\n\r\n\t\t\t\t.tile {\r\n\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tright: -25px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(sm) {\r\n\t\t#scontainer-53 {\r\n\t\t\t.tiles {\r\n\t\t\t\t.tile {\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(xs) {\r\n\t\t#scontainer-53 {\r\n\t\t\t.tiles {\r\n\t\t\t\trow-gap: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-02 {\r\n\tmargin-bottom: 110px;\r\n\r\n\t.tiles {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 1fr 1fr;\r\n\t\tgrid-template-areas:\r\n\t\t\t\"tile1 tile2\"\r\n\t\t\t\"tile4 tile3\";\r\n\t\t.tile {\r\n\t\t\t&_1 {\r\n\t\t\t\tgrid-area: tile1;\r\n\t\t\t}\r\n\t\t\t&_2 {\r\n\t\t\t\tgrid-area: tile2;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tpadding: 50px 80px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\theight: 1px;\r\n\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\theight: 50%;\r\n\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&_3 {\r\n\t\t\t\tgrid-area: tile3;\r\n\t\t\t}\r\n\t\t\t&_4 {\r\n\t\t\t\tgrid-area: tile4;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tpadding: 50px 80px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\theight: 1px;\r\n\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\theight: 50%;\r\n\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\th2 {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 25px;\r\n\t\t\t\tline-height: 30px;\r\n\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\t\t\tp {\r\n\t\t\t\tfont-weight: 300;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 23px;\r\n\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-between(md, lg) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&_1,\r\n\t\t\t\t&_3 {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.tiles {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t\"tile1\"\r\n\t\t\t\t\"tile2\"\r\n\t\t\t\t\"tile3\"\r\n\t\t\t\t\"tile4\";\r\n\t\t\t.tile {\r\n\t\t\t\t&_1,\r\n\t\t\t\t&_3 {\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t}\r\n\t\t\t\t&_2,\r\n\t\t\t\t&_4 {\r\n\t\t\t\t\tpadding: 50px 0;\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-03 {\r\n\tmargin-bottom: 100px;\r\n\t.row {\r\n\t\tposition: relative;\r\n\t\t// height: 720px;\r\n\r\n\t\t@include respond-below(sm) {\r\n\t\t\theight: 500px;\r\n\t\t}\r\n\r\n\t\t.first-col {\r\n\t\t\tposition: absolute;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\timg {\r\n\t\t\t\tinset: 0 15px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: fit-content;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.col-12 {\r\n\t\t\t.col-data {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 800px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tpadding: 100px 80px 100px 80px;\r\n\t\t\t\tbackground: rgba(244, 244, 244, 0.9);\r\n\r\n\t\t\t\th2 {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 25px;\r\n\t\t\t\t\tline-height: 30px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmargin-bottom: 40px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tul {\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t\tborder-top: 1px solid $cBlack;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tborder-bottom: 1px solid $cBlack;\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\th3 {\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\ttransform: rotate(90deg);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\th3 {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\t\tline-height: 23px;\r\n\t\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t\tpadding-top: 20px;\r\n\t\t\t\t\t\t\tpadding-bottom: 20px;\r\n\t\t\t\t\t\t\tpadding-right: 40px;\r\n\t\t\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\twidth: 19px;\r\n\t\t\t\t\t\t\t\theight: 19px;\r\n\t\t\t\t\t\t\t\tbackground-image: url(\"/upload/filemanager/Icons/arrow_right_black.svg\");\r\n\t\t\t\t\t\t\t\tbackground-size: contain;\r\n\t\t\t\t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\t\t\t\t\ttransition: all 150ms ease-in;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 19px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t\tpadding-bottom: 0;\r\n\t\t\t\t\t\t\tmargin-bottom: 20px;\r\n\r\n\t\t\t\t\t\t\ta.btn7 {\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\t\t\t\tmargin-top: 30px;\r\n\t\t\t\t\t\t\t\tborder: 1px solid $cBlack;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t\tpadding: 6px 20px;\r\n\r\n\t\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\t\t\tline-height: 22px;\r\n\t\t\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\t\t\tcolor: #343431;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include respond-below(sm) {\r\n\t\t\t\t\tpadding: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-04 {\r\n\tmargin-bottom: 130px;\r\n\r\n\t.tiles {\r\n\t\tposition: relative;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 1fr max(500px);\r\n\t\tcolumn-gap: 30px;\r\n\t\talign-items: center;\r\n\r\n\t\t.tile {\r\n\t\t\t&-1 {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\trow-gap: 70px;\r\n\r\n\t\t\t\t.tile-row {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tcolumn-gap: 50px;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tpadding-top: 30px;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tleft: 7px;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\theight: 1px;\r\n\t\t\t\t\t\tbackground-color: $cBlack;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tleft: 7px;\r\n\t\t\t\t\t\theight: 50%;\r\n\t\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\t\tbackground-color: $cBlack;\r\n\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\th3 {\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\t\tletter-spacing: 0.15em;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\twriting-mode: vertical-rl;\r\n\t\t\t\t\t\ttext-orientation: mixed;\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\tpadding: 15px 0;\r\n\t\t\t\t\t\tbackground-color: $cWhite;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\t\tcolumn-gap: 100px;\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\t\t\t\tletter-spacing: 0.15em;\r\n\t\t\t\t\t\t\t\ttext-transform: uppercase;\r\n\r\n\t\t\t\t\t\t\t\twriting-mode: vertical-rl;\r\n\t\t\t\t\t\t\t\ttext-orientation: mixed;\r\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t\t\tmargin: 0 0 0 -15px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&-2 {\r\n\t\t\t\th2 {\r\n\t\t\t\t\tfont-size: 25px;\r\n\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tletter-spacing: 0.15em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\tbackground: $cWhite;\r\n\t\t\t\t\tmargin-bottom: 70px;\r\n\r\n\t\t\t\t\tstrong {\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tp {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tline-height: 19px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(xl) {\r\n\t\t.tiles {\r\n\t\t\tgap: 50px;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\t.tile-row {\r\n\t\t\t\t\t\tcolumn-gap: 15%;\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tcolumn-gap: 50px;\r\n\t\t\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\tp {\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\t.tiles {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tcolumn-gap: 100px;\r\n\t\t\t\t\tjustify-content: space-evenly;\r\n\t\t\t\t\t.tile-row {\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\t\t\tgrid-template-columns: 1fr 1fr;\r\n\t\t\t\t\t\t\trow-gap: 50px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\tgrid-row: 1;\r\n\r\n\t\t\t\t\th2 {\r\n\t\t\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\t.tile-row {\r\n\t\t\t\t\t\tcolumn-gap: 30px;\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\tcolumn-gap: 50px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(sm) {\r\n\t\th2 {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tmargin-left: 0;\r\n\t\t\ttext-align: center;\r\n\t\t\tmax-width: unset;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.tiles {\r\n\t\t\tpadding-left: 0;\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tflex-direction: column;\r\n\r\n\t\t\t\t\t.tile-row {\r\n\t\t\t\t\t\tcolumn-gap: 30px;\r\n\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\tcolumn-gap: 50px;\r\n\t\t\t\t\t\t\tgrid-template-columns: 1fr 1fr 1fr 1fr;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(xs) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.tile-row {\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\trow-gap: 30px;\r\n\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\th3 {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t\t\t\t\twriting-mode: initial;\r\n\t\t\t\t\t\ttext-orientation: initial;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(70px, 1fr));\r\n\t\t\t\t\t\trow-gap: 50px;\r\n\t\t\t\t\t\tpadding-left: 30px;\r\n\t\t\t\t\t\tcolumn-gap: 30px;\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-05 {\r\n\tmargin-bottom: 120px;\r\n\r\n\t.tiles {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\t.tile {\r\n\t\t\t&-1 {\r\n\t\t\t\tpadding: 70px;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 580px;\r\n\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\r\n\t\t\t\th2 {\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tfont-size: 25px;\r\n\t\t\t\t\tline-height: 30px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmargin-bottom: 35px;\r\n\t\t\t\t\tpadding-bottom: 35px;\r\n\t\t\t\t\tborder-bottom: 1px solid #cbcbcb;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&-2 {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\twidth: 150px;\r\n\t\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\t\t\t\t}\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.tiles {\r\n\t\t\tflex-direction: column-reverse;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 150px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(xs) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tpadding: 30px 40px;\r\n\r\n\t\t\t\t\th2 {\r\n\t\t\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t\t\t\tpadding-bottom: 30px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-06 {\r\n\tmargin-bottom: 100px;\r\n\r\n\t.scontainer-content {\r\n\t\t> .row {\r\n\t\t\t&:nth-child(1) {\r\n\t\t\t\th2 {\r\n\t\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t\t\tpadding-bottom: 30px;\r\n\t\t\t\t\tborder-bottom: 1px solid $cBlack;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.tiles {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 500px 620px;\r\n\t\tcolumn-gap: 30px;\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t.tile {\r\n\t\t\t.tile-head {\r\n\t\t\t\tmargin-bottom: 50px;\r\n\r\n\t\t\t\th4 {\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-1 {\r\n\t\t\t\t.tile-data {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tcolumn-gap: 40px;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tcolumn-gap: 10px;\r\n\r\n\t\t\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\t\tline-height: 17px;\r\n\t\t\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-2 {\r\n\t\t\t\t.tile-data {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tcolumn-gap: 28px;\r\n\t\t\t\t\talign-items: flex-end;\r\n\r\n\t\t\t\t\tp {\r\n\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\tline-height: 25px;\r\n\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\r\n\t\t\t\t\t\twriting-mode: vertical-rl;\r\n\t\t\t\t\t\ttext-orientation: mixed;\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\tpadding-top: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(xl) {\r\n\t\t.tiles {\r\n\t\t\tgrid-template-columns: 400px 620px;\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\t.tiles {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\trow-gap: 50px;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\t.tile-head {\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\th4 {\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.tile-data {\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\tgrid-row: 1;\r\n\t\t\t\t\tpadding-bottom: 0;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tobject-fit: contain;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.tile-data {\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.tiles {\r\n\t\t\tflex-direction: column-reverse;\r\n\t\t\trow-gap: 50px;\r\n\r\n\t\t\tpadding-right: 0;\r\n\t\t\tborder-right: none;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-07 {\r\n\tposition: relative;\r\n\tbackground: rgba(244, 244, 244, 0.9);\r\n\tmargin-bottom: 40px;\r\n\r\n\t.col-12 {\r\n\t\tposition: initial;\r\n\t}\r\n\r\n\t.tiles {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t\t.tile {\r\n\t\t\t&-1 {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 610px;\r\n\t\t\t\tpadding-right: 55px;\r\n\t\t\t\tpadding-top: 90px;\r\n\t\t\t\tpadding-bottom: 50px;\r\n\r\n\t\t\t\th2 {\r\n\t\t\t\t\tfont-size: 25px;\r\n\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tmargin-bottom: 45px;\r\n\t\t\t\t\tpadding-bottom: 45px;\r\n\t\t\t\t\tborder-bottom: 1px solid $cBlack;\r\n\r\n\t\t\t\t\tstrong {\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tul {\r\n\t\t\t\t\tpadding-left: 20px;\r\n\t\t\t\t\tlist-style: number;\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\t\ttext-indent: 5px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tp.btn-more {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: $cTxtDark;\r\n\t\t\t\t\tpadding: 6px 50px 2px 20px;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tborder: 1px solid $cBlack;\r\n\t\t\t\t\tbackground: $cWhite;\r\n\t\t\t\t\ttransition: all 250ms ease;\r\n\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tbackground-image: url(\"/upload/filemanager/Icons/arrow_right_black.svg\");\r\n\t\t\t\t\t\tbackground-size: 19px;\r\n\t\t\t\t\t\tright: 15px;\r\n\t\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\t\theight: 18px;\r\n\t\t\t\t\t\tline-height: 0;\r\n\t\t\t\t\t\ttransform: rotate(90deg);\r\n\t\t\t\t\t\ttransition: all 250ms ease;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $cTxtWhite;\r\n\t\t\t\t\t\tbackground: $cBlack;\r\n\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\tfilter: invert(1);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(-90deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&-2 {\r\n\t\t\t\t.tile-wrapper {\r\n\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\twidth: 140px;\r\n\t\t\t\t\t\tbackground: rgba(244, 244, 244, 0.9);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@include respond-above(md) {\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\twidth: 50vw;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\tobject-position: center;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(xl) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\t.tile-wrapper {\r\n\t\t\t\t\t\tright: -56px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(lg) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\t.tile-wrapper {\r\n\t\t\t\t\t\tright: -145px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.tiles {\r\n\t\t\trow-gap: 50px;\r\n\t\t\tflex-direction: column-reverse;\r\n\t\t\tpadding: 50px 0;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&-1 {\r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t}\r\n\t\t\t\t&-2 {\r\n\t\t\t\t\t.tile-wrapper {\r\n\t\t\t\t\t\tright: 0;\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\theight: 140px;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-08 {\r\n\tdisplay: none;\r\n\r\n\t.tiles {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\trow-gap: 80px;\r\n\t\tpadding-top: 60px;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 900px;\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\r\n\t\t.tile {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:not(:last-child) {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tbottom: calc(-80px / 2);\r\n\t\t\t\t\theight: 1px;\r\n\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.tile-img {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\twidth: 250px;\r\n\t\t\t\tmin-width: 250px;\r\n\t\t\t}\r\n\t\t\t.tile-data {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tcolumn-gap: 50px;\r\n\r\n\t\t\t\t@include respond-below(md) {\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\trow-gap: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\th2 {\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 25px;\r\n\t\tline-height: 30px;\r\n\t\tletter-spacing: 0.07em;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\th5 {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 19px;\r\n\t\tletter-spacing: 0.07em;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.07em;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t@include respond-below(xl) {\r\n\t\t.tiles {\r\n\t\t\tcolumn-gap: 80px;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tright: -40px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\t.tiles {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.col-12 {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tgap: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(sm) {\r\n\t\t.tiles {\r\n\t\t\t.tile {\r\n\t\t\t\t.col-12 {\r\n\t\t\t\t\tflex-direction: column-reverse;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-09 {\r\n\ttext-align: center;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 380px;\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\t.btn8 {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 380px;\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t\tpadding: 10px 20px;\r\n\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 30px;\r\n\t\tline-height: 36px;\r\n\t\tletter-spacing: 0.07em;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\t.btn8 {\r\n\t\t\tfont-size: 24px;\r\n\t\t}\r\n\t}\r\n\t@include respond-below(md) {\r\n\t\t.btn8 {\r\n\t\t\tfont-size: 18px;\r\n\t\t}\r\n\t}\r\n\t@include respond-below(sm) {\r\n\t}\r\n}\r\n\r\nfooter.gap_big_top {\r\n\tpadding-top: 0 !important;\r\n}\r\n","$cGrayText: #232323;\r\n\r\n$font1: 'Open Sans', sans-serif;\r\n$font2: 'Alegreya Sans', sans-serif;\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/fonts/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n","$breakpoints: (\r\n\txs: 576px,\r\n\tsm: 768px,\r\n\tmd: 992px,\r\n\tlg: 1200px,\r\n\txl: 1360px,\r\n\txxl: 1620px,\r\n);\r\n\r\n@mixin respond-above($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (min-width: $breakpoint-value) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-below($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (max-width: ($breakpoint-value - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-between($lower, $upper) {\r\n\t@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n\t\t$lower-breakpoint: map-get($breakpoints, $lower);\r\n\t\t$upper-breakpoint: map-get($breakpoints, $upper);\r\n\r\n\t\t@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (map-has-key($breakpoints, $lower) ==false) {\r\n\t\t\t@warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n\t\t}\r\n\r\n\t\t@if (map-has-key($breakpoints, $upper) ==false) {\r\n\t\t\t@warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin border-radius($px: 0) {\r\n\t-webkit-border-radius: $px;\r\n\t-moz-border-radius: $px;\r\n\tborder-radius: $px;\r\n}\r\n\r\n@mixin box-shadow($value) {\r\n\t-webkit-box-shadow: $value;\r\n\t-moz-box-shadow: $value;\r\n\tbox-shadow: $value;\r\n}\r\n\r\n@mixin transition($element: all, $time: 0.5s, $option: ease) {\r\n\t-webkit-transition: $element $time $option;\r\n\ttransition: $element $time $option;\r\n}\r\n\r\n@mixin opacity($value) {\r\n\t$IEValue: $value * 100;\r\n\topacity: $value;\r\n\t-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + $IEValue +\r\n\t\t')';\r\n\tfilter: alpha(opacity=$IEValue);\r\n}\r\n\r\n@mixin flexbox() {\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: flex;\r\n}\r\n\r\n@mixin flex($values) {\r\n\t-webkit-box-flex: $values;\r\n\t-moz-box-flex: $values;\r\n\t-webkit-flex: $values;\r\n\t-ms-flex: $values;\r\n\tflex: $values;\r\n}\r\n\r\n@mixin flex-direction($direction) {\r\n\t-webkit-flex-direction: $direction;\r\n\t-moz-flex-direction: $direction;\r\n\t-ms-flex-direction: $direction;\r\n\tflex-direction: $direction;\r\n}\r\n\r\n@mixin flex-wrap($wrap) {\r\n\t-webkit-flex-wrap: $wrap;\r\n\t-moz-flex-wrap: $wrap;\r\n\t-ms-flex-wrap: $wrap;\r\n\tflex-wrap: $wrap;\r\n}\r\n\r\n@mixin flex-flow($flow) {\r\n\t-webkit-flex-flow: $flow;\r\n\t-moz-flex-flow: $flow;\r\n\t-ms-flex-flow: $flow;\r\n\tflex-flow: $flow;\r\n}\r\n\r\n@mixin order($val) {\r\n\t-webkit-box-ordinal-group: $val;\r\n\t-moz-box-ordinal-group: $val;\r\n\t-ms-flex-order: $val;\r\n\t-webkit-order: $val;\r\n\torder: $val;\r\n}\r\n\r\n@mixin flex-grow($grow) {\r\n\t-webkit-flex-grow: $grow;\r\n\t-moz-flex-grow: $grow;\r\n\t-ms-flex-grow: $grow;\r\n\tflex-grow: $grow;\r\n}\r\n\r\n@mixin flex-shrink($shrink) {\r\n\t-webkit-flex-shrink: $shrink;\r\n\t-moz-flex-shrink: $shrink;\r\n\t-ms-flex-shrink: $shrink;\r\n\tflex-shrink: $shrink;\r\n}\r\n\r\n@mixin flex-basis($width) {\r\n\t-webkit-flex-basis: $width;\r\n\t-moz-flex-basis: $width;\r\n\t-ms-flex-basis: $width;\r\n\tflex-basis: $width;\r\n}\r\n\r\n@mixin justify-content($justify) {\r\n\t-webkit-justify-content: $justify;\r\n\t-moz-justify-content: $justify;\r\n\t-ms-justify-content: $justify;\r\n\tjustify-content: $justify;\r\n\t-ms-flex-pack: $justify;\r\n}\r\n\r\n@mixin align-content($align) {\r\n\t-webkit-align-content: $align;\r\n\t-moz-align-content: $align;\r\n\t-ms-align-content: $align;\r\n\talign-content: $align;\r\n}\r\n\r\n@mixin align-items($align) {\r\n\t-webkit-align-items: $align;\r\n\t-moz-align-items: $align;\r\n\t-ms-align-items: $align;\r\n\talign-items: $align;\r\n}\r\n\r\n@mixin align-self($align) {\r\n\t-webkit-align-self: $align;\r\n\t-moz-align-self: $align;\r\n\t-ms-align-self: $align;\r\n\talign-self: $align;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n//* ~~~~ Colors ~~~~ *//\r\n$cWhite: #fff;\r\n$cMilk: #fafafa;\r\n$cSand: #e7dcd0;\r\n$cSandLight: #e6dccf;\r\n$cGray: #d8d8d8;\r\n$cYellow: #ffe604;\r\n$cIron: #b2b3b7;\r\n$cLightBlue: #4ca8e6;\r\n$cDarkNight: #343431;\r\n$cDeepDark: #1d1d1b;\r\n$cBlack: #000;\r\n\r\n$cTxtWhite: #fff;\r\n$cTxtCloud: #d8d8d8;\r\n$cTxtLightBlue: #4ca8e6;\r\n$cTxtDark: #2c2d2f;\r\n$cTxtBlack: #000;\r\n//* ~~~~ Mixins ~~~~ *//\r\n\r\n@mixin btn_classic($f_size, $color, $h_color, $bg, $h_bg) {\r\n\ttext-align: center;\r\n\tfont-size: $f_size;\r\n\tfont-weight: 700;\r\n\tfont-family: $font2;\r\n\tcolor: $color;\r\n\tbackground: $bg;\r\n\ttext-transform: uppercase;\r\n\tline-height: 22px;\r\n\tpadding: 12px 15px;\r\n\tdisplay: inline-block;\r\n\tmin-width: 210px;\r\n\ttransition: all 0.3s ease;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\r\n\t&:hover {\r\n\t\tbackground: $h_bg;\r\n\t\tcolor: $h_color !important;\r\n\t}\r\n}\r\n\r\n//* ~~~~ Global ~~~~ *//\r\n.hidden {\r\n\tdisplay: none !important;\r\n}\r\n\r\n.box {\r\n\tpadding-top: 125px;\r\n\tpadding-bottom: 125px;\r\n\r\n\t@include respond-below(sm) {\r\n\t\tpadding-top: 90px;\r\n\t\tpadding-bottom: 90px;\r\n\t}\r\n}\r\n\r\n.box_title {\r\n\tfont-family: 'URW Form', sans-serif;\r\n\tfont-weight: 700;\r\n\tfont-size: 35px;\r\n\tline-height: 1.25;\r\n\tmargin-bottom: 28px;\r\n\ttext-transform: uppercase;\r\n\ttext-align: right;\r\n\tletter-spacing: 0.15em;\r\n}\r\n\r\n.box_subtitle {\r\n\tfont-family: 'URW Form';\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tfont-size: 30px;\r\n\tletter-spacing: 0.07em;\r\n\ttext-transform: uppercase;\r\n\tcolor: #000000;\r\n}\r\n"]}