:root{--main-color:#195F8C;--heading-color:#195F8C;--button-color:#f4670f;--link-color:#f4670f;--alt-color:#323232;--text-color:#FFF;--content-color:#EEF2F4;--web-green-color:#19F064;--middle-blue-color:#417DA5;--green-color:#32CD32;--clear-blue-color:#3C9BCD;--cloud-blue-color:#E8EFF3;--hind-font:"hind", sans-serif;--hind-font-semibold:"hind semiBold", sans-serif;--mon-font:"montserrat", sans-serif;--extra-light-weight:100;--light-weight:200;--hind-light-weight:300;--normal-weight:400;--medium-weight:500;--heavy-weight:599;--reg-shadow:2px 3px 9px 0 rgba(0, 0, 0, 0.10);--tran-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.1);--width-Ckb:40px;--checkedColor:rgba(33, 150, 243, 1);--unCheckedColor:rgba(220, 220, 220, 1);--height-Ckb:(var(--width-Ckb)*0.5625);--transitionSpeed:0.05s;--border:var(--width-Ckb) - var(--height-Ckb)/10}@font-face{font-family:montserrat;src:url(/fonts/montserrat.ttf)format('truetype');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/fonts/montserrat-italic.ttf)format('truetype');font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:hind;src:url(/fonts/hind-light.woff2)format('woff2');font-display:swap}@font-face{font-family:hind semibold;src:url(/fonts/hind-semibold.woff2)format('woff2');font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-Regular.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-Italic.ttf)format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-Medium.ttf)format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-MediumItalic.ttf)format('truetype');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-SemiBold.ttf)format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:safespring mono;src:url(/fonts/Safespring-Mono-SemiBoldItalic.ttf)format('truetype');font-weight:600;font-style:italic;font-display:swap}.width-700{max-width:700px}.width-1400{max-width:1400px}.fixed-position{position:fixed}::selection{color:#195f8c;background:#eaf0f4}.br-5{border-radius:10px!important}.highlight::-webkit-scrollbar{color:blue}pre{font-family:safespring mono}pre>code{padding:0}p>code{white-space:nowrap}@media only screen and (max-width:900px){p>code{white-space:wrap}}code{font-style:normal;font-size:13px!important;background:#eaf0f4;padding:3px 8px;border-radius:7px;color:#195f8c;overflow:auto;font-family:safespring mono}code>span{font-size:13px}pre{position:relative;background:#eaf0f4!important;max-width:800px!important;padding:60px 30px 20px!important;border-radius:10px!important;overflow:auto}pre[data-lang]::before{content:attr(data-lang);font-weight:599;font-size:13px;background-color:#195f8c10;color:#195f8c;padding:15px 0 15px 30px;position:absolute;width:calc(100% - 30px);top:0;left:0;z-index:1;font-family:safespring mono}strong{font-weight:var(--heavy-weight)}.copy-code-button{position:absolute;background-color:#417da510;color:var(--middle-blue-color);border:none;font-size:80%;margin:12px;padding:4px 10px 2px;z-index:1}.copy-code-button:hover{cursor:pointer;background-color:#417da530}.copy-code-button:focus{color:#32cd32;background-color:#e7f9eb;outline:0}.copy-code-button:active{}.highlight pre{margin:0}.highlight{margin:15px 0;max-width:80vw;font-size:13px}hr{max-width:700px;border:.25px solid #195f8c70;float:left;margin:50px 0}.inline-rubrik{text-transform:uppercase;font-weight:599;font-size:15px}a::selection{color:#fff;background:#fa690f}.index{background:#fafefe;scroll-behavior:smooth}li{line-height:1.2}.toc{grid-column:8/span 3;position:sticky;padding:5px;top:70px;height:fit-content;max-height:90vh;margin-right:5%}.stidebar-sticky{position:sticky!important;top:-130px!important;max-height:110vh!important}#TableOfContents ul>li{list-style:none;margin-top:15px}#TableOfContents ul>li::before{content:"";list-style:none;margin-top:15px}#TableOfContents ul>li>a{font:var(--hind-light-weight)16px var(--hind-font);color:var(--clear-blue-color);margin:10px 0 2px;line-height:1}#TableOfContents ul>li>ul>li>a{font:var(--hind-light-weight)15px var(--mon-font);color:var(--alt-color)}#TableOfContents ul li>ul li::before{content:"";color:var(--link-color);font-weight:900;margin-top:1px}#TableOfContents ul>li>ul>li{margin-left:17px;margin-top:0;margin-bottom:0}p,ol{font:300 17px var(--mon-font);color:var(--alt-color);line-height:1.5}p.url{word-break:break-all}h1{padding-top:60px;font:var(--hind-light-weight)50px var(--hind-font);color:var(--heading-color);line-height:50px;margin-bottom:10px}h1:first-child{padding-top:0}h2{padding-top:30px;font:30px var(--hind-font);color:var(--heading-color);line-height:30px;margin-bottom:7px}h2:first-child{padding-top:0}.content-default-single img{width:min(100%,700px);height:auto}img{width:100%}p>img{border-radius:10px}.content-body img{border-radius:5px}h3{margin:40px 0 10px;font:var(--hind-light-weight)20px var(--hind-font);color:var(--clear-blue-color);line-height:21px}h2+h3{margin-top:16px}h4{margin:30px 0 -15px;font:var(--hind-light-weight)17px/1 var(--hind-font);color:var(--main-color)}.center-text{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;max-width:700px;text-align:center}@media only screen and (max-width:900px){.center-text{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;max-width:700px;text-align:left;margin:10%}}@media only screen and (min-width:900px){#custom-cursor{display:flex;width:100px;height:100px;padding:30px;background-color:#ffffff90;color:var(--middle-blue-color);border-radius:50%;position:absolute;text-align:center;line-height:100px;font-weight:599;line-height:16px;pointer-events:none;visibility:hidden;z-index:1000;font-family:var(--mon-font);align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.index-video video:hover{cursor:none}}@media only screen and (max-width:900px){#custom-cursor{display:none}.index-video video:hover{cursor:auto!important}.youtube,video{max-width:100%;background-color:#e8eff3}}.video-container{display:flex;margin-block:10%;position:relative;max-width:80vw;min-width:330px}.index-video{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}.index-video video{border-radius:20px;max-width:100%!important}.youtube,video{max-width:700px;background-color:#e8eff3}body{margin:0;background-color:#fafefe}.light-backround{color:#323232!important}a{color:var(--link-color);text-decoration:none;font-weight:var(--normal-weight);font-family:var(--mon-font)}p>a:hover{color:var(--main-color);text-decoration:underline}button{outline:none;border:none}.linked-form{width:360px;height:900px}.g-recaptcha{margin-top:40px}@media only screen and (max-width:400px){.linked-form{width:100%}#rc-imageselect,.g-recaptcha{transform:scale(.7);-webkit-transform:scale(.7);transform-origin:0 0;-webkit-transform-origin:0 0}}form h3{margin-top:40px}select{border:none;width:80%;color:var(--main-color);font:var(--normal-weight)15px var(--mon-font);background-color:var(--text-color)}input[type=text],[type=email],input[type=tel]{padding:15px 24px;margin:8px 0;line-height:20px;border:1px solid var(--main-color);color:var(--main-color);font:var(--normal-weight)15px var(--mon-font);border-radius:50px;background-color:var(--text-color);width:250px}::-webkit-input-placeholder{color:var(--main-color)!important;opacity:1!important}::-moz-placeholder{color:var(--main-color)!important;opacity:1!important}:-ms-input-placeholder{color:var(--main-color)!important;opacity:1}textarea{width:250px;padding:12px 24px;margin:8px 0;background-color:var(--text-color);color:var(--main-color);font:var(--normal-weight)15px var(--mon-font);line-height:20px;border:1px solid var(--main-color);border-radius:25px}.inline_rubrik{text-transform:uppercase;font-weight:var(--heavy-weight);font-size:14px}.green{color:var(--web-green-color)}::placeholder{color:var(--main-color);opacity:1}:-ms-input-placeholder{color:var(--main-color)}::-ms-input-placeholder{color:#fefefe}blockquote p{color:var(--main-color);font-style:italic}#button{width:175px;background-color:var(--button-color);border-radius:50px;padding:10px 25px 8px;margin:30px 0;text-align:center;cursor:pointer;font:16px var(--hind-font-semibold);color:var(--text-color);text-transform:uppercase;border:0}.header-button{margin:40px 0 0}.button{background-color:var(--link-color);border-radius:50px;border:none;padding:10px 25px 8px;text-align:center;font:13px/1 var(--hind-font-semibold);color:var(--text-color)!important;text-transform:uppercase;white-space:nowrap;letter-spacing:.2px;width:fit-content;margin-right:25px}@media(min-width:768px){.button{transition:all .3s ease}.button:hover{transition:all .3s ease}.button:hover{margin-right:10px;transition:all .3s ease;padding-right:20px}.button:after{content:"\f061";margin-left:-10px;font:var(--fa-font-solid);transform:scaleX(0);transform-origin:left;opacity:0;visibility:hidden;transition:all .3s ease}.button:hover::after{content:"\f061";transition:all .3s ease;transform:scaleX(1);opacity:1;margin-left:10px;visibility:visible}}.close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:17px;right:17px;width:35px;height:35px;background-color:#f4670f10;border-radius:50%;color:#f4670f;cursor:pointer;font-size:20px;font-weight:599;text-align:center;line-height:35px;transition:all .3s ease}.close-btn:hover{transform:scale(1.2)}.inputGroup{background-color:transparent;display:block;margin:10px 0;position:relative;border-radius:50px;max-width:fit-content!important}.inputGroup label{padding:12px 25px 12px 60px;border:.5px solid var(--main-color);display:block;text-align:left;color:var(--middle-blue-color);cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden;border-radius:50px;font:17px var(--hind-font)}.inputGroup label:before{width:10px;height:10px;border-radius:50%;content:"";background-color:var(--cloud-blue-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)scale3d(1,1,1);transition:all 300ms cubic-bezier(.4,0,.2,1);opacity:0;z-index:-1}.inputGroup label:after{width:32px;height:32px;content:"";border:.5px solid #7b9fbb;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:4px 5px;border-radius:50%;z-index:2;position:absolute;left:9px;top:50%;transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in}.inputGroup input:checked~label{color:var(--main-color);border:.5px solid var(--cloud-blue-color)}.inputGroup input:checked~label:before{transform:translate(-50%,-50%)scale3d(56,56,1);opacity:1}.inputGroup input:checked~label:after{background-color:var(--web-green-color);border:.5px solid var(--web-green-color)}.inputGroup input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}.label-link{float:right;margin:3px 0 0 25px}#lankar{margin:10px 0}#text-button{font:15px var(--hind-font-semibold);color:var(--button-color);text-transform:uppercase;white-space:nowrap;line-height:5}#text-button:hover{color:var(--main-color);transition:color .2s ease-out}.text-button{font:15px var(--hind-font-semibold);color:var(--button-color);text-transform:uppercase;white-space:nowrap;line-height:5}.text-button:hover{text-decoration:underline}.site-header{position:fixed;top:0;left:0;width:100%;z-index:999;background:#fafefe;background:radial-gradient(circle,rgba(250,254,254,.8) 42%,rgba(250,254,254,0) 100%)}.site-header{transition:top cubic-bezier(.4,0,.2,1).8s}.site-header .darkmode{background:#fafefee3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header-wrapper{display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:end;gap:5%;padding:5% 5% 1%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:-2px}@media only screen and (max-width:900px){.site-header-wrapper{flex-flow:column nowrap;justify-content:center;align-items:center}.site-header-logo img{margin:0 auto}.site-header-nav{flex-flow:row wrap;justify-content:center!important;margin-top:30px}.site-header-logo{justify-content:center!important}}.site-header-wrapper::before{content:"";position:absolute;bottom:0;width:90%;max-width:1550px;border-bottom:solid 1px #195f8c29}.site-header-logo{display:flex;width:350px;justify-content:flex-start}.site-header-logo img{width:140px;height:30px}.site-header-nav{display:flex;flex-flow:row nowrap;justify-content:flex-end;gap:30px;width:700px}.site-header-links{display:flex!important;align-items:center;white-space:nowrap;font:17px/1 var(--hind-font-semibold)!important;color:var(--clear-blue-color)!important;display:flex;justify-content:flex-end;gap:7%;list-style:none;padding:0!important;margin:0 0 3px}.site-header-links a{font:15px/1 var(--hind-font-semibold)!important;color:var(--main-color);letter-spacing:.2px}.site-header-button{color:#fff!important;background-color:var(--green-color);border-radius:50px;padding:7px 17px}.site-header-button::before{font:var(--fa-font-solid);content:"\f095";margin-right:10px}.site-header-button-mail{color:#fff!important;background-color:var(--green-color);border-radius:50px;padding:8px 20px 6px}@media(min-width:768px){.site-header-button-mail::before{font:var(--fa-font-solid);content:"\f0e0";margin-right:10px}.site-header-button-mail:hover::before{content:"\f044"}}@media(max-width:768px){.megamenu-wrapper::before{display:none}.megamenu-wrapper{display:none}.megamenu-wrapper.show{display:none}.megamenu-main-service{display:none}.megamenu-main-service-card{display:none}.megamenu-main-service-card p{display:none}.megamenu-main-service-card>.cardtitle>.cardicon i{display:none}.megamenu-main-service-card-title{display:none}.megamenu-service-card-list{display:none}.megamenu-service-card-title-small{display:none}.megamenu-service-card-list li{display:none}.megamenu-service-card a{display:none}}@media only screen and (min-width:500px){.megamenu-wrapper::before{content:'';position:absolute;bottom:0;left:0;right:0;height:.5px;background:radial-gradient(circle,rgba(25,95,140,.3) 50%,rgba(25,95,140,0) 100%)}.megamenu-wrapper{position:absolute;left:0;right:0;opacity:0;transform:translateY(-5px);pointer-events:none;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s .3s;display:flex;flex-direction:row;flex-wrap:wrap;padding:5%;gap:80px;align-items:stretch;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.megamenu-wrapper.show{position:relative;opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition:opacity .3s ease,transform .3s ease,visibility 0s;margin-bottom:-2px}.megamenu-main-service{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;align-items:baseline;justify-content:center}.megamenu-main-service-card{transition:all ease-in-out .3s;width:250px}.megamenu-main-service-card p{font-weight:400;color:#323232bf}.megamenu-main-service-card-title{font:21px var(--hind-font);margin-top:5px}.megamenu-main-service-card:hover{background-color:#ffffff90;border-radius:20px;padding:10%;margin:-10%}.megamenu-service-card-list{list-style:none;content:">";font-size:17px;padding-inline-start:0;margin:0!important}.megamenu-service-card{transition:all ease-in-out .3s;background-color:#ffffffad;border-radius:20px;padding:30px 40px;margin:-30px -40px;display:flex;flex-direction:column;justify-content:center}.megamenu-service-card:hover{border-radius:25px;padding:40px 50px;margin:-40px -50px}.megamenu-service-card-title-small{margin:10px 0;font:var(--hind-light-weight)20px var(--hind-font);line-height:21px;color:var(--main-color)}.megamenu-service-card-list li{line-height:1.5}.megamenu-service-card a{color:var(--clear-blue-color)!important}.megamenu-service-card a:hover{color:var(--link-color)!important}}#menuToggle input{display:none}@media only screen and (max-width:900px){.site-header-links{justify-content:center}}@media only screen and (max-width:600px){#menuToggle{display:block;position:absolute;top:50px;right:50px;z-index:100;-webkit-user-select:none;user-select:none}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:102;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:var(--main-color);border-radius:3px;z-index:100;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child;{transform-origin:0% 0%}#menuToggle span:nth-last-child(2);{transform-origin:0% 100%}#menuToggle input:checked~span;{opacity:1;transform:rotate(45deg)translate(-2px,-1px);background:var(--link-color)}#menuToggle input:checked~span:nth-last-child(3);{opacity:0;transform:rotate(0)scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2);{opacity:1;transform:rotate(-45deg)translate(0,-1px)}#menu{position:absolute;margin-top:0;padding:90px 0 0!important;right:-50px;background:linear-gradient(0deg,#e8eff3 50%,#fafefe 97%,#fafefe00);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none;opacity:1;display:flex!important}.site-header-logo{justify-content:flex-start!important}.site-header-logo img{margin-top:25px}.site-header-wrapper{align-items:flex-start;justify-content:center}.site-header-links{width:100vw;height:100vh;flex-flow:column;align-items:center;white-space:nowrap;font:17px/1 var(--hind-font-semibold)!important;color:var(--clear-blue-color)!important;justify-content:flex-start;gap:4%;list-style:none;margin:0 0 3px}.site-header-links a{font:25px/1 var(--hind-font-semibold)!important;color:var(--main-color);letter-spacing:.2px}@media screen and (max-width:768px){#menu{transform:none;opacity:0;display:none!important;transition:opacity .5s cubic-bezier(.77,.2,.05,1)}}}.navbar{letter-spacing:.2px;background:var(--main-color);z-index:100;position:fixed;width:100%;align-items:center;transition:all ease .3s}.navbar a{font:16px var(--hind-font-semibold)!important}.navbar>*{}.nav-flex{display:-ms-grid;display:grid;grid-template-columns:repeat(10,1fr);align-items:center}.logo{max-width:150px;color:var(--text-color);display:grid;grid-column:2/span 1}@media only screen and (max-width:1150px){.site-navigation{display:grid;grid-column:2/span all}.logo{grid-column:1;min-width:150px;margin-left:16px}.ch-sidebar-logo{padding:0 0 15px;max-width:65px!important}.menu-item{padding:10px;margin-left:25px}}#h-bar{display:none}.menu{margin:0;padding:0;z-index:100;list-style:none}.menu-item-flag{text-align:left;padding:22px 20px 8px;float:right}.menu-item{text-align:left;padding:22px 20px 18px;float:right}.menu-item li{text-align:left;padding:20px 0 0 30px}.menu-item ul{padding:0}.blur{background:inherit;filter:blur(10px)}.svg-filters{height:0;left:-9999em;margin:0;padding:0;position:absolute;width:0}.safespring_blue{filter:url(#safespring_blue)}.safespring_dark{filter:url(#safespring_dark)}.dropdown{margin:18px auto 0;visibility:hidden;min-width:250%;min-height:100%;background:#323232;position:absolute;overflow:hidden;border-radius:0 0 5px 5px;left:0;z-index:100}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.5)}}.sub-menu{clear:both;padding:10px 10px 5px 20px;list-style-type:none}.sub-sub-menu a{font:var(--hind-light-weight)16px var(--hind-font)!important;padding:5px 0 0 10px!important}.sub-menu:last-child{padding-bottom:15px;border-radius:0 0 5px 5px}@media only screen and (min-width:970px){.site-navigation{display:grid;grid-column:span 8}}.site-navigation li{color:var(--text-color);position:relative;text-decoration:none}.site-navigation li a{color:var(--text-color);text-decoration:none;display:block}.site-navigation li a:hover{color:var(--link-color);transition:color .2s ease-in-out}.site-navigation ul li:hover>ul,.site-navigation ul li ul:hover{visibility:visible}.heading-index{max-width:1200px;margin:auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:max(150px,15%)10% 0}.heading-index-old{background-image:linear-gradient(90deg,#195F8C,#195F8C99 80%);display:-ms-grid;display:grid;grid-template-columns:repeat(10,1fr);padding:200px 0 100px}.heading-index>*{grid-column:main}.sidebar-image{width:350px;height:200px;background-size:cover;background-position:50%}.container{display:-ms-grid;display:grid;grid-template-rows:1fr .5fr;grid-row-gap:300px}#slideshow{margin:0;position:relative}#slideshow>div{position:absolute;top:0;left:0;right:0;bottom:0}.hidden{display:none}.w350{width:350px}.w250{width:250px}@media only screen and (max-width:900px){.heading-default-single{flex-flow:row wrap!important;padding:max(200px,10%)10% 10%!important}.heading-default-single h1{max-width:90%;font:300 40px/1.1 var(--hind-font)!important}}.heading-default-single{padding:15% 5% 5%;display:flex;flex-flow:row nowrap;justify-content:space-evenly;gap:5%;background-size:cover;background-position:50%}@media only screen and (min-width:1500px){.heading-default-single{padding:12% 5% 3%}}.heading-default-single h1{color:var(--main-color);font:300 60px/1 var(--hind-font)}.heading-default-single p{font:300 18px var(--mon-font)!important}.heading-default-single .logo{max-width:700px}.heading-default-single .section{margin-bottom:20px}.heading-default-single .section a{color:var(--clear-blue-color);font:599 16px var(--mon-font)!important;text-transform:uppercase;letter-spacing:1px}.episode-counter{font-weight:599;color:var(--middle-blue-color)}.video-item{display:flex;align-items:center}.video-list{margin:15% 0 0;display:flex;flex-direction:column;gap:15px}.video-thumbnail{display:flex;align-items:center;justify-content:center}.video-container2:hover{transform:scale(1.01)}.video-container2{cursor:pointer;overflow:hidden;transition:transform .2s ease;display:flex;background-color:#fff;border-radius:10px;box-shadow:var(--tran-shadow)}.thumbnail{height:120px;width:220px;background-size:cover;background-position:50%}.play-button{position:absolute;display:flex;height:30px;width:30px;background-color:rgba(0,0,0,.4);border-radius:50%;padding:10px 8px 10px 12px;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.play-button i{color:#fff;font-size:24px}.video-title{padding-inline:30px}.video-title p,.video-title h3{margin:0;padding:0}.video-title p{font-weight:599;font-size:16px;color:var(--middle-blue-color)}.video-title p,.video-title h3{margin:0;padding:0}.current-episode{cursor:default!important;overflow:hidden;display:flex;background-color:var(--cloud-blue-color);border-radius:10px}.current-episode:hover{transform:none!important}@media only screen and (max-width:900px){.thumbnail{height:120px;width:120px;background-size:cover;background-position:50%}}.webinar-videoplayer{max-width:45vw;min-width:100%;border-radius:20px}@media only screen and (max-width:900px){.webinar-videoplayer{max-width:100%;height:400px;object-fit:cover}}@media only screen and (max-width:1100px){.main-default-single{flex-flow:row wrap!important;padding:10%!important}.webinar-default-single{margin:0 0 5%}}.main-default-single{display:flex;flex-flow:row nowrap;justify-content:space-evenly;padding:5%;gap:5%}.content-default-single-full-width{padding:5%}.content-default-single{width:min(100%,700px)}.sidebar-container{margin-bottom:5%}.sidebar-services a{color:var(--clear-blue-color)}.sidebar-services{margin-top:30px}.sidebar-services ul{padding-left:0}.sidebar-services ul li::before{content:""!important}.sidebar-services-h4{margin:30px 0 10px;font:var(--hind-light-weight)16px var(--hind-font);color:var(--main-color);line-height:21px}.sidebar-documentation li::before{content:""!important;font-size:40%;vertical-align:middle}.sidebar-documentation li{padding-bottom:10px;border-bottom:solid 1px #e4e4e4;margin-left:-30px;padding-left:30px}.sidebar-documentation li li::before{content:""!important}.sidebar-documentation li li{margin:0 0 0 -20px!important;border-bottom:solid 0 #e4e4e4;padding-left:0}.sidebar-documentation li li:first-child{margin:10px 0 0 -20px!important;border-bottom:solid 0 #e4e4e4;padding-left:0}.sidebar-documentation a{color:#7d7d7d!important}.sidebar-documentation a:hover{color:var(--link-color)!important;transition:color .2s ease-in-out}.card-section{font-family:var(--mon-font);font-weight:599;font-size:14px;color:#32cd32;text-transform:uppercase}.card-heading{margin:0;padding:0}.webinar-default-single{width:min(700px,100%)}.heading-content{margin:166px 0 5%;grid-column:2/span 6;align-self:end}.heading-content h1{font:var(--extra-light-weight)55px var(--hind-font);line-height:1.1;color:var(--text-color);margin:0}.heading-content h1:nth-child(2){margin-top:-20px;line-height:1}.heading-content p{font:var(--medium-weight)18px var(--mon-font);color:var(--text-color)}.heading-event h1{font:var(--extra-light-weight)38px var(--hind-font)}.heading-event p{font:var(--heavy-weight)16px var(--mon-font)}.heading-event h1{font:var(--extra-light-weight)42px var(--hind-font);color:var(--text-color);margin:0}.heading-event h1:nth-child(2){margin-top:-20px}.heading-event p{font:var(--medium-weight)18px var(--mon-font);margin:0;color:var(--text-color)}.arrows{text-align:center}#arrow{font-size:20px;color:var(--text-color);text-decoration:none}#arrow:hover{color:rgba(249,255,255,.5);transition:color .4s ease-in-out}.more{font:var(--extra-light-weight)15px var(--hind-font);margin:25px;padding:10px 25px;border-radius:50px;text-decoration:none;background-color:var(--button-color);color:var(--text-color)}.more:hover{box-shadow:var(--tran-shadow);transition:box-shadow .4s ease-in-out}.heading-sub{margin:0;display:-ms-grid;display:grid;grid-template-columns:repeat(10,1fr);overflow:hidden}.heading-background{height:100%;z-index:-1;position:absolute;background-size:cover;background-position:50%}.heading-background-index{height:100%;z-index:-1;position:absolute;background-size:cover;background-position:50%}.heading-background-event{left:0;top:0;z-index:-1;position:absolute}.heading-sub-event{position:relative;margin:0;display:-ms-grid;display:grid;grid-template-columns:[full-start] minmax(1em,2fr)[main-start] minmax(0,48rem)[main-end] minmax(1em,3fr)[full-end];grid-template-rows:[full-start] minmax(4em,1fr)[main-start] minmax(7em,auto)[main-end] minmax(3.125em,0.5fr)[full-end]}.heading-sub-event>*{grid-column:main;grid-row:main}.eventmeta{text-align:center}.eventmeta p{margin:10px}.eventdag{font:16px var(--hind-fon-semibold)!important;color:var(--main-color);line-height:30px}.eventdatum{font:var(--hind-light-weight)40px var(--hind-font);color:var(--clear-blue-color);line-height:40px}.wrapper-max-1400{max-width:max(90%,1400px);margin:auto}.footer{position:relative;display:-ms-grid;display:grid;grid-gap:15px;grid-template-columns:[full-start] minmax(2em,1fr)[main-start] minmax(0,32rem)[main-middle] minmax(0,32rem)[main-end] minmax(1em,1fr)[full-end];width:100%;background-color:var(--main-color);padding:25px 0}.safespring-footer-container{padding:5% 10%;background:#195f8c20;color:var(--main-color)}.safespring-footer{display:flex;flex-flow:row wrap;justify-content:space-between;gap:5%}.safespring-footer-second{margin-top:5%;display:flex;flex-flow:row wrap;justify-content:space-between;gap:60px;padding-bottom:3%;border-bottom:solid #195f8c50 .25px}.safespring-footer-third{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:60px;align-items:center}.safespring-footer-copyright>p{color:#195f8c90;font:12px var(--mon-font)}.safespring-footer-information-menu ul{color:#195f8c90;display:flex;gap:20px;list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;font:12px var(--mon-font);margin:12px 0;transition:.1s;cursor:pointer}.safespring-footer-information-menu a{color:#195f8c90;display:flex;gap:20px;list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;font:12px/1 var(--mon-font);margin:12px 0;transition:.1s;cursor:pointer}.safespring-footer-information-menu a:hover{color:var(--main-color)!important;transition:.1s;cursor:pointer}.safespring-footer-logo{order:1;flex:1}.safespring-footer-logo img{width:120px;height:auto}.safespring-footer-logo p{max-width:300px;margin-bottom:20px}.safespring-footer-language-icon{background:#d7e3eb;border-radius:50px;padding:3% 4% 3% 7%;display:flex;gap:20px;align-items:center}.safespring-footer-language-icon a{display:flex;align-items:center}.safespring-footer-language-icon p{font:599 10px var(--mon-font);text-transform:uppercase;margin:0;color:var(--main-color)}.safespring-footer-language-icon img{width:31px;height:31px;transition-timing-function:ease-out;transition:.2s;transform:scale(1)}.safespring-footer-language-icon img:hover{width:31px;transition-timing-function:ease-out;transition:.2s;transform:scale(1.1)}.safespring-footer-menu{order:2}.safespring-footer-menu ul{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}.safespring-footer-menu li{font:20px/22px var(--mon-font);color:var(--main-color)!important}@media(max-width:600px){.safespring-footer-menu ul{margin-bottom:5px;gap:0 6px;display:flex;flex-wrap:wrap}.safespring-footer-menu ul>li:first-child{flex-basis:100%}.safespring-footer-menu li{font:20px/45px var(--mon-font)}.safespring-footer-menu li a{background-color:#d7e3eb;padding:10px 15px;border-radius:10px}}.safespring-footer-menu li a{font:300 16px/23px var(--mon-font);color:var(--main-color)!important;transition:.1s}.safespring-footer-menu a:hover{color:var(--link-color)!important;transition:.1s;cursor:pointer}.safespring-footer-menu ul>li:first-child{font:16px/30px var(--hind-font-semibold)}.safespring-footer-social{display:flex;gap:15px;flex-direction:row;justify-content:space-evenly}.safespring-footer-social a{width:100%;display:flex;justify-content:center}.safespring-footer-social img:hover{transition-timing-function:ease-out;transition:.2s;transform:translateY(-5px)}.safespring-footer-social img{transition-timing-function:ease-out;transition:.2s;transform:translateY(0);width:31px;height:31px;max-width:60px;max-height:60px}@media only screen and (max-width:900px){.safespring-footer-container{padding:10%}.safespring-footer{flex-flow:column nowrap;gap:25px}.safespring-footer-second{flex-flow:column nowrap;margin-top:40px;gap:25px;padding-bottom:25px;align-items:stretch}.safespring-footer-third{flex-flow:column nowrap;gap:20px}.safespring-footer-information-menu{flex-flow:column nowrap}.safespring-footer-information-menu ul,a{display:initial;font:16px/1 var(--mon-font)}.safespring-footer-information-menu>ul>li>a::before{content:"> "}.safespring-footer-copyright{margin-top:10px}.safespring-footer-copyright p{font:300 16px/1 var(--mon-font)}.safespring-footer-information-menu a{font:300 16px/45px var(--mon-font);color:var(--main-color);display:initial;background-color:#195f8c10;padding:10px 15px;border-radius:10px;width:100%}.safespring-footer-third{align-items:flex-start}.safespring-footer-information-menu>ul>li>a::before{content:none}}.contact-container{display:flex;align-items:center;overflow:hidden;padding:10px;border-bottom:solid .5px var(--cloud-blue-color)}.contact-image{width:100px!important;height:100px!important;overflow:hidden;background-position:50%;background-size:cover;border-radius:500px}.contact-text-container{margin:30px}.contact-name{font-family:var(--hind-font);font-size:25px;line-height:1}.contact-title{font-family:var(--mon-font);font-weight:300;margin-bottom:10px}.contact-link-container{display:flex;flex-direction:column}.contact-link{display:flex;align-items:baseline;gap:10px;color:var(--main-color);overflow:hidden;word-break:break-word}.contact-link i{display:none;background-color:var(--cloud-blue-color);border-radius:500px;padding:6px;font-size:12px}.contact-card-content{display:flex;flex-direction:column}.contact{grid-column:main-start}.navigation{grid-column:main-middle;justify-self:end}.copyright{grid-column:full}.footer li{list-style:none}.footer a{text-decoration:none}.footer a:hover{color:var(--link-color)}.contact{justify-self:start;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr;min-width:320px}.navigation{justify-self:end;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr;min-width:320px}.copyright{text-align:center}.copyright p{font:var(--normal-weight)15px var(--mon-font);color:var(--text-color)}.address,.email,.about,.offer{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;padding:0 0}.email,.offer{justify-self:end}.address,.about{justify-self:start;border-right:1px solid var(--web-green-color);width:auto;padding-right:25px}.footer-head{font:14px var(--hind-font-semibold);color:var(--link-color)}.footer-text{font:var(--heavy-weight)14px var(--mon-font);color:var(--text-color)}.page-nav .page-prev a{font-size:14px;text-align:left}.page-nav .page-next a{font-size:14px;color:var(--alt-color);text-align:right}.content-main{background:var(--text-color);min-height:61%;display:-ms-grid;display:grid;grid-template-columns:[full-start] minmax(2em,1fr)[main-start] minmax(0,39rem)[main-end] minmax(2em,1fr)[full-end];grid-template-rows:[full-start] minmax(4em,1fr)[main-start] minmax(30em,auto)[main-end] minmax(4em,1fr)[full-end];justify-items:center}.content-main-index{background:var(--text-color);display:flex;flex-direction:column}@media only screen and (max-width:1600px){.content-main-index{background:var(--text-color);display:grid;grid-template-columns:repeat(10,1fr)}.content-body-index{font:var(--normal-weight)15px var(--mon-font);color:var(--alt-color);margin:10%;display:grid;align-self:start;grid-column:span 6}.content-container-index{grid-column:2/span 8;bottom:8vh}}.content-body-index{font:var(--normal-weight)15px var(--mon-font);color:var(--alt-color);margin:10%;display:grid;align-self:start;max-width:700px;grid-column:span 6}.content-main-index{background:var(--text-color);display:grid;grid-template-columns:repeat(10,1fr)}.content-image{grid-column:span 4;display:flex;justify-content:center;align-items:center;overflow:hidden}.content-image img{flex-shrink:0;min-height:100%;min-width:100%;object-fit:cover}@media only screen and (max-width:1150px){.menu-item>a{font:25px var(--hind-font-semibold)!important}}@media only screen and (max-width:900px){.mobile{display:block}.desktop{display:none}.content-image{order:2;grid-column:span 10}.menu-item{margin-left:25px}.sub-menu>a{font:var(--normal-weight)16px var(--mon-font)}.content-body-index{margin:10% 30px;grid-column:span 10}.content-body-index p{margin-bottom:0}.heading-sub{padding:130px 0 0;width:100vw;overflow:hidden;background-position:50%;background-size:cover}.heading-sub:last-child{margin:0 0 20px}.ch-sidebar{margin:20px}}.content-main>*{grid-column:main;grid-row:main}.content-head>*{font:var(--heavy-weight)20px var(--mon-font);color:var(--heading-color)}.content-head-index{font:var(--heavy-weight)18px var(--mon-font);font:var(--heavy-weight)20px var(--mon-font);color:var(--heading-color);display:grid}.content-head p{margin-top:0}.main-default-single ul{list-style-type:none;font:var(--hind-light-weight)17px var(--mon-font);color:var(--alt-color);line-height:1;list-style-position:outside}.main-default-single ul li::before{content:"";font-family:"font awesome 6 pro";font-weight:900;color:var(--clear-blue-color);display:inline-block;font-size:40%;vertical-align:middle;width:2em;margin-left:-2em;padding-bottom:1px}.main-default-single ul{list-style-type:none;font:var(--hind-light-weight)17px var(--mon-font);color:var(--alt-color);line-height:1;list-style-position:outside}.main-default-single ul li{margin-bottom:10px}.content-default-single ul li{margin-bottom:20px}.content-body ul li::before{content:"";font-family:"font awesome 6 pro";font-weight:900;color:var(--clear-blue-color);display:inline-block;width:2em;margin-left:-2em}.mobile-toc i{margin-right:10px}.sidebar-container-mobile{display:none;overflow:scroll}.mobile-toc{display:none;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:1000}.sidebar-content-mobile{margin:20px}.sidebar-content-mobile #TableOfContents a{font-size:19px;font-weight:400;color:var(--middle-blue-color);font-family:var(--mon-font)}.sidebar-content-mobile #TableOfContents ul>li>ul>li{padding:5px 10px;margin:0 0 0}.sidebar-content-mobile #TableOfContents ul ul{padding:0 20px}.sidebar-content-mobile #TableOfContents ul>li>ul>li>a{margin-left:0;font-weight:400!important}.sidebar-content-mobile #TableOfContents ul>li{padding:15px 0;margin:0 0 0}.sidebar-content-mobile #TableOfContents ul>li>a{font-weight:599!important}.sidebar-content-mobile #TableOfContents ul li>ul li::before{content:"";font-size:15px;margin-left:-25px;margin-top:1px;width:25px}.mobile-toc.expanded{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}body.no-scroll{overflow:hidden}.mobile-toc.expanded i{content:"\f00d"}.sidebar-container-mobile.expanded{display:block;position:fixed;bottom:40px;left:0;right:0;background:#fff;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1001;margin:5%;border-radius:20px;max-height:70vh;overflow-y:auto}@media screen and (max-width:768px){.mobile-toc{display:block}}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:999}.overlay.visible{display:block!important}.mobile-webinar-list li{background-color:var(--cloud-blue-color);padding:15px;border-radius:5px;font:15px;font-weight:400;color:var(--middle-blue-color);margin:5px!important}.mobile-webinar-list .timer{float:right}.mobile-webinar-list li:before{display:inline-block!important;font-size:100%!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;font-family:"font awesome 6 pro"!important;content:"\f144"!important;color:var(--clear-blue-color)!important;padding:0!important;margin-left:0!important}.mobile-webinar-list{margin:0!important;padding:0}.sidebar-container{background-color:#fff;border-radius:10px;overflow:hidden;width:350px;box-shadow:var(--tran-shadow);height:fit-content}.sidebar-content{margin:50px}.demo-sticky{position:sticky;top:20px}@media only screen and (max-width:1100px){.sidebar-container{margin-top:50px}}.ch-sidebar .content-body ul li::before{content:"";color:var(--clear-blue-color);font-weight:599;display:inline-block;width:2em;margin-left:-2em}.ch-sidebar .content-body ul li{line-height:1}.videoplayer{}.video{float:right}.playlist{}.float-right{float:right!important}.playlist ul li::before{content:"";font-size:100%;color:var(--clear-blue-color);padding:20px 0 20px 20px;border-bottom:.25px solid #e8eff3}.playlist ul li:hover:before{background-color:#f2f7f9}.playlist ul li{font:20px var(--hind-font)!important;color:var(--main-color)!important;margin:0;border-bottom:.25px solid #e8eff3}.playlist ul li span{float:right;padding:17px 15px 0 0}.playlist ul li a{font:20px var(--hind-font)!important;color:var(--main-color)!important}.playlist li:hover{background-color:#f2f7f9}@media only screen and (min-width:900px){.webinarplayer{margin-top:10%;display:grid;grid-column:2/span 8;grid-template-columns:repeat(5,1fr)}.webinarplaylist-container{padding:40px 40px 40px 0;border-radius:10px;background-color:#fff;min-width:350px}}@media only screen and (max-width:900px){.webinarplayer{margin-top:10%;display:grid;grid-column:2/span 8;grid-template-columns:repeat(10,1fr)}.webinarvideo{display:flex;justify-content:center}.webinarplaylist-container{padding:40px 40px 40px 0;border-radius:10px;background-color:#fff}}.webinarplaylist-container h3{padding-left:50px;margin:10px 0 0;font-size:30px;margin-bottom:20px}.webinarplaylist ul{padding:0}.webinarplaylist ul li::before{display:inline-block;font-size:100%;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"font awesome 6 pro";content:"\f144";color:var(--clear-blue-color);padding:0 0 0 20px}.webinarplaylist ul li{display:flex;align-items:center;font:16px var(--hind-font);color:var(--main-color)!important;margin:0;padding:15px 0 15px 15px;border-bottom:.25px solid #e8eff3;list-style-type:none;list-style-position:outside;line-height:1!important;transition:all .2s ease}.webinarplaylist ul li .timer{margin-left:auto;padding:3px 15px 0 0;transition:all .2s ease}.webinarplaylist ul li:hover .timer{margin-left:auto;padding:3px 25px 0 0}.webinarplaylist ul li a{font:16px var(--hind-font)!important;color:var(--main-color)!important}.webinarplaylist li:hover{background-color:#f2f7f9;border-radius:10px;padding-left:35px;margin:0 -10px 0 -20px}.content-body ul li>ul{margin:3px 0 15px}.docs-container{margin:10% 0;width:50vw;background-color:#fff;border-radius:10px;padding:50px}.docs-container h2{margin:0;padding:0}.docs-list{column-count:2}.docs-category{font:var(--heavy-weight)14px var(--mon-font);color:var(--green-color);padding:0;margin:0 0 20px;text-transform:uppercase}.content-default-single ul li>ul li{font-family:var(--mon-font);font-style:italic;font-size:15px;margin-bottom:0;margin-top:5px}.content-default-single ul li>ul li::before{content:"-";color:var(--link-color);font-weight:599!important;font:var(--mon-font);display:inline-block;width:1em;margin-left:-1em}.content-body ul li>ul li{font-style:italic;font-size:15px;margin-bottom:0}.content-body ul li>ul li::before{content:"-";color:var(--link-color);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.content-body-index ul{list-style-type:none;font:var(--hind-light-weight)17px var(--mon-font);color:var(--alt-color);line-height:1;list-style-position:outside}.content-body-index ul li{margin-bottom:10px}.content-body-index ul li::before{content:"";font-family:"font awesome 6 pro";font-weight:900;font-size:40%;vertical-align:middle;color:var(--clear-blue-color);display:inline-block;width:1.5em;margin-left:-1.5em}.content-body-index ul li>ul{margin:3px 0 15px}.content-body-index ul li>ul li{font-style:italic;font-size:15px;margin-bottom:0}.content-body-index ul li>ul li::before{content:"-";color:var(--link-color);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.background-gray{padding:5% 0;background:#ebf1f5;background:linear-gradient(0deg,#ebf1f5 0%,rgba(235,241,245,0) 100%)}.background-bright{max-width:1400px;margin:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.white-blue-fade{background-image:linear-gradient(#fafefe,#E8EFF3)}.two-field-background{background:url(/img/graphics/safespring-datacenter-map.svg);background-position:bottom;background-repeat:no-repeat;display:flex;align-content:flex-start;align-items:center;padding:5% 10%;max-width:1500px;flex-wrap:wrap;justify-content:flex-end;gap:20% 0;margin:auto}@media only screen and (max-width:900px){.two-field-background{background:url(/img/graphics/safespring-datacenter-map-mobile.svg);background-position:bottom;background-repeat:no-repeat;display:flex;align-content:center;padding:5% 10%;max-width:1500px;flex-wrap:nowrap;justify-content:flex-start;gap:0 20%;flex-direction:column}.two-field-container-image{margin:20% 0}}.two-field-container{flex-basis:min(60%,600px)!important;margin-top:10%}.two-field-container-1{flex-basis:min(60%,600px)!important}.two-field-container-image{flex-basis:40%!important;display:flex;justify-content:center}.two-field-container-image img{max-width:350px!important}.background-gray h2{max-width:100vw;margin:0;text-align:center}.blogg-promo h2{text-align:center}.ingress p{font:var(--extra-light-weight)25px var(--mon-font);margin-bottom:30px;line-height:1.25;color:#000}.quote{background:var(--cloud-blue-color);padding:40px;border-radius:20px}.quote p{font:var(--light-weight)20px var(--mon-font);margin:0;line-height:1.25;color:var(--main-color)}.quote-person{font:var(--heavy-weight)13px var(--mon-font)!important;margin:20px 0 0!important;line-height:1.25;color:var(--middle-blue-color);text-align:right}.TableOfContents{list-style:none}.social-container{background:#e8eff3;border-radius:5px;display:inline-block;margin:1rem;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);padding:10px;font:15px var(--hind-font-semibold);color:var(--main-color);text-transform:uppercase;margin-bottom:0;font-variant-numeric:normal}.sociallogo{height:20px;vertical-align:middle;width:30px}.social-container:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.partner-container{background:#fff;border-radius:10px;display:inline-block;margin:1rem;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);padding:30px;font:15px var(--hind-font-semibold);color:var(--main-color);text-transform:uppercase;margin-bottom:0;font-variant-numeric:normal}#dark{background:var(--alt-color)}.partner-container:hover{box-shadow:0 2px 6px rgba(0,0,0,.2),0 7px 7px rgba(0,0,0,.2)}.partnerlogo{height:auto;width:175px;vertical-align:middle}.index-content{display:-ms-grid;display:grid;grid-template-columns:[full-start] minmax(1em,1fr)[main-start] minmax(0,35rem)[main-end] minmax(1em,1fr)[full-end]}.index-content>*{grid-column:main}.webinar-side-bar{background-color:var(--cloud-blue-color);height:100%;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:5% 10%}.webinar-side-bar-text{max-width:700px;text-align:center}.webinar-side-bar-cards{display:flex;flex-flow:row wrap;gap:40px;justify-content:center;margin-top:10%;align-items:stretch}@media only screen and (min-width:900px){.mobile{display:none}.desktop{display:block}.content-chalmers{background-color:#fafefe;min-height:61%;display:-ms-grid;display:grid;grid-template-columns:repeat(10,1fr)}.ch-content{display:-ms-grid;display:grid;grid-column:2/span 5;margin:10% 0}.ch-content li{margin:7px 0;line-height:1.5}.ch-content p,h2,h3,h4,li,ol{max-width:700px}.listpage{width:90%;margin:0 auto;grid-column:1/span 7}.ch-sidebar{height:fit-content;background-color:#fff;grid-column:8/span 3;margin:10% 10% 10% 5px;padding:10% 15%;border-radius:10px}.event-sidebar{height:fit-content;background-color:#fff;grid-column:7/span 4;margin:-15% 5% 5%;padding:15%;border-radius:10px}.ch-sidebar p{font-size:16px}.event-sidebar p{font-size:16px}.ch-sidebar h2{font-size:16px}.event-sidebar h2{font-size:16px}}@media only screen and (min-width:1600px){.site-navigation{grid-column:4/span 6}.heading-content{grid-column:2/span 5}.content-container-index{grid-column:3/span 5;bottom:8vh}.logo{grid-column:2;min-width:150px}.ch-sidebar-logo{padding:0 0 15px;max-width:65px!important}.toc{margin-right:0;grid-column:8/span 2}.ch-sidebar{grid-column:8/span 2;margin-right:5%}.listpage{grid-column:2/span 5}}.ch-content{grid-column:2/span 5}.ch-sidebar p{font-size:16px}.event-sidebar{grid-column:8/span 3;margin:15% 0}.event-sidebar p{font-size:16px}} .content-container-index { position:absolute; display:block; } @media only screen and (max-width:900px) { .content-chalmers{background-color:#fafefe}.ch-content{grid-column:span all;margin:30px}.body{margin:20px auto!important}.ch-sidebar p{font-size:16px}.event-sidebar{background-color:#fff;grid-column:span all;padding:10%;margin:25px;border-radius:10px}.event-sidebar p{font-size:16px}} .content-heading>* { margin:0; padding:0; font:18px var(--hind-font-semibold); color:var(--heading-color); text-transform:uppercase; line-height:18px; } .ch-content .content-heading:nth-child(n+2) { padding:55px 0 0; } .ch-sidebar-logo { padding:0 0 15px; max-width:65px !important; } .ch-sidebar a { color:var(--main-color); } .ch-sidebar a:hover { color:var(--link-color); } .event-sidebar img { padding:0 0 15px; width:95px; } .event-sidebar a { color:var(--main-color); } .event-sidebar a:hover { color:var(--link-color); } .kontakt-sidebar { background-color:#FFF; align-self:start; display:flex; flex-direction:column; } .kontakt-sidebar img { padding:50px 0px 0px 0px; } .kontakt-sidebar div:first-child>img { padding:0px 0px 0px 0px; width:95px; } .kontakt-sidebar h2 { padding:0px; } .kontakt-sidebar .button { color:var(--text-color); } #find-more { font:var(--heavy-weight) 15px var(--mon-font); line-height:15px; color:var(--text-color); text-align:center; background-color:var(--button-color); border-radius:50px; padding:10px 25px; margin:10px 0; } #find-more:hover { box-shadow:var(--tran-shadow); transition:box-shadow 0.4s ease-in-out; } #TableOfContents>* { padding:0px; font-size:15px; list-style:none; padding:0px; list-style-type:none; list-style-position:inside; text-decoration:none; font:var(--normal-weight) 15px var(--mon-font); color:var(--alt-color); line-height:20px; margin-bottom:10px; margin-top:10px; font-variant-numeric:normal; } #TableOfContents a { color:var(--alt-color); } #TableOfContents a:hover { color:var(--link-color); } #TableOfContents ul { padding:0px; list-style:none; } #TableOfContents ul ul { padding:0px; list-style:none; } #TableOfContents ul ul ul { padding:0px; list-style:none; } .read-more { padding:0; } .read-more h2 { padding:0; font:16px var(--hind-font); color:var(--heading-color); text-transform:uppercase; line-height:25px; } .read-more li { font-size:16px; padding:0px; line-height:16px; list-style-type:'–   '; list-style-position:inside; text-decoration:none; } .read-more a { color:var(--alt-color); font:var(--normal-weight) 15px var(--mon-font); } .read-more a:hover { color:var(--link-color); } .kon-main { padding-top:96px; } .kontakt { display:-ms-grid; display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:0.5fr 1fr; grid-gap:5%; } .adr,.cont { background-color:var(--main-color); color:var(--text-color); line-height:18px; padding:15px; height:auto; } .adr h3,.cont h3 { font:18px var(--hind-font-semibold); } .adr p,.cont a { font:var(--heavy-weight) 14px var(--mon-font); color:var(--text-color); } .cont a:hover { color:var(--link-color); } .kun { background-color:var(--text-color); display:-ms-grid; display:grid; grid-template-columns:[full-start] minmax(2em,1fr)[main-start] minmax(auto,65rem)[main-end] minmax(2em,1fr)[full-end]; grid-template-rows:[full-start] minmax(4em,1fr)[main-start] minmax(20em,auto)[main-end] minmax(4em,1fr)[full-end]; justify-items:center; } .kun>* { grid-column:main; grid-row:main; } .kun-top,.kun-bottom { display:-ms-grid; display:grid; grid-gap:10px; grid-template-columns:1fr; grid-template-rows:repeat(3,auto); justify-self:center; } .kun-top .kun-img { background:#f9ffff url("/img/chalmers.jpg?crc=176662249") no-repeat 50% 50%; background-size:cover; } .kun-bottom .kun-img { background:#f9ffff url("/img/safespring_musikhogskolan.jpg?crc=4038356576") no-repeat 50% 50%; background-size:cover; } .kun-side-img { background:#f9ffff url("/img/safespring_musikverket.jpg?crc=4018464081") no-repeat 50% 50%; background-size:cover; } .kun-img { max-width:680px; height:320px; margin-bottom:15px; } .kun-side-img { height:430px; max-width:320px; margin-bottom:15px; } .kun-container { display:-ms-grid; display:grid; grid-template-columns:680px 320px; grid-gap:20px; } .kun-container .content-heading { padding-top:25px; } .kun-main { display:-ms-grid; display:grid; grid-gap:20px; justify-self:center; } .kun-top,.kun-bottom,.kun-side { background-color:var(--content-color); } .kun-bottom { padding-bottom:5px; } .kun-top span,.kun-side span { color:var(--heading-color); } .kun-top a { float:right; } .kun-top a:hover { box-shadow:var(--tran-shadow); transition:box-shadow 0.4s ease-in-out; } .kun-side { justify-self:center; } .kun-top .content-heading,.kun-top .content-body,.kun-bottom .content-heading,.kun-bottom .content-body,.kun-side .content-heading,.kun-side .content-body { padding:0 20px; } .kun-bottom,.kun-side { padding-bottom:20px; } .content-om { background-color:var(--text-color); display:-ms-grid; display:grid; grid-auto-columns:65rem; grid-template-columns:1.3fr 0.7fr; } .content-om a { text-decoration:none; color:var(--link-color); } .om-content { padding:65px 0; display:-ms-grid; display:grid; grid-template-columns:[full-start] minmax(2em,1fr)[main-start] minmax(0,41rem)[main-end] minmax(2em,0.5fr)[full-end]; } .om-content>* { grid-column:main; } .om-sidebar img { width:85px; } #om-name { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:flex-start; padding:10px 0 0; } #om-contact { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; font-size:13px; padding:10px 0 0; } #om-contact div { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:wrap; } #om-or { color:var(--link-color); margin:0; padding:0 5px; } #om-bl { color:var(--alt-color); margin:0; padding:0 5px; } .om-content .content-heading:nth-child(n+2) { padding:55px 0 0; } .om-sidebar { background-color:var(--content-color); align-self:stretch; align-content:start; padding:65px 0; display:-ms-grid; display:grid; grid-template-columns:[full-start] minmax(1em,0.5fr)[main-start] minmax(0,320px)[main-end] minmax(1em,1fr)[full-end]; } .om-sidebar>* { grid-column:main; } .sup-content { display:-ms-grid; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:25px; } .sup-compute,.sup-storage,.sup-backup { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; height:100%; } .sup-top { background-color:var(--content-color); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:25px 25px 0; border-radius:5px 5px 0 0; } .sup-top img { width:95px; } .sup-heading { display:-ms-grid; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:20px; padding:0 24px 24px; } .sup-bottom { background-color:var(--main-color); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:flex-start; padding:25px; min-height:220px; border-radius:0 0 5px 5px; } .sup-heading h2 { font:24px var(--hind-font); color:var(--main-color); } .sup-heading h2:last-child { color:var(--link-color); } .sup-bottom a { font:17px var(--hind-font-semibold); color:var(--text-color); text-decoration:none; } .sup-bottom a:hover { color:var(--link-color); } #sb-title { color:var(--button-color); margin-top:1px; } .s-main { min-height:61%; background-color:var(--content-color); display:-ms-grid; display:grid; grid-template-columns:1.3fr 0.7fr; } .s-content { min-height:61%; background-color:var(--text-color); padding:65px 0; display:-ms-grid; display:grid; grid-template-columns:[full-start] minmax(2em,1fr)[main-start] minmax(0,30rem)[main-end] minmax(2em,0.5fr)[full-end]; } .s-content>* { grid-column:main; } .s-content .content-heading:nth-child(n+2) { padding:55px 0 0; } .content-heading { margin:0; padding:0 0 10px; font:18px var(--hind-font-semibold); color:var(--heading-color); line-height:18px; } .sb-content-bottom .content-heading { padding:30px 0 20px; } .sb-grid { display:-ms-grid; display:grid; grid-template-columns:2fr 1fr; grid-template-rows:repeat(3,auto); grid-gap:15px; } .sb-grid div { background-color:var(--main-color); } .sb-top,.sb-bottom { grid-column:1 / 3; padding:20px; } .sb-middle { padding:20px; } .sb-heading { margin:5px 0px 5px 0px; font:15px var(--hind-font-semibold); color:var(--web-green-color); text-transform:uppercase; } .sb-body { font:var(--medium-weight) 13px var(--mon-font); color:var(--text-color); } .sb-bottom li { color:var(--web-green-color); } .sb-bottom ul { padding-left:20px; } .s-sidebar { background-color:var(--content-color); align-self:start; padding:65px 0; display:-ms-grid; display:grid; grid-template-columns:[full-start] minmax(1em,0.5fr)[main-start] minmax(0,260px)[main-end] minmax(1em,1fr)[full-end]; } .s-sidebar>* { grid-column:main; } .s-sidebar img { padding:0 0 15px; width:95px; } .ss-box:first-child { margin-top:20px; } .ss-box { background-color:var(--main-color); padding:25px; } .ss-heading,.ss-body { font:var(--heavy-weight) 15px var(--mon-font); } .ss-heading { color:var(--web-green-color); text-transform:uppercase; margin:5px 0 5px 0; } .ss-body { color:var(--text-color); font:var(--regular-weight) 15px var(--mon-font); } .ss-grid,.s-middle,.s-bottom { padding-top:35px; } .s-top p:last-child,.ss-grid p:last-child,.s-middle p:last-child,.s-bottom p:last-child { margin-bottom:0; } .ss-grid h2 { margin-top:0; } .tack-content { padding:95px; text-align:center; display:-ms-grid; display:grid; grid-template-rows:1fr 0.5fr; grid-row-gap:35px; } .tack-heading h1 { font:var(--extra-light-weight) 42px var(--hind-font); color:var(--alt-color); margin:0; } .tack-heading p { font:20px var(--hind-font-semibold); color:var(--alt-color); margin:0; } .ts-content { background-color:var(--text-color); padding:65px 0; display:-ms-grid; display:grid; grid-template-columns:0.7fr; grid-template-rows:repeat(2,auto); } .tech-intro::before { background:var(--clear-blue-color); content:"TECH UPDATE"; border-radius:50px; color:white; font-size:13px; padding:5px 13px; font-weight:599; } .blog-intro::before { background:var(--green-color); content:"BLOGG"; border-radius:50px; color:white; font-size:13px; padding:5px 13px; font-weight:599; } .note { max-width:600px; background:white; margin:1.5625em 0; padding:25px 20px 15px 60px; border-left:10px solid var(--green-color); border-radius:10px; } .note-title { color:var(--green-color); font:var(--heavy-weight) 15px var(--mon-font); text-transform:uppercase; padding-left: 0; text-indent: -2.8em; } .note-title::before { margin-right:10px; background:#EAFAEA; padding:7px 14px; color:var(--green-color); border-radius:50%; content:"!"; } .disclaimer { max-width:600px; background:white; margin:1.5625em 0; padding:25px 20px 15px 40px; border-left:10px solid #eed700; border-radius:10px; } .disclaimer-title { color:#dbc500; font:var(--heavy-weight) 15px var(--mon-font); text-transform:uppercase; } .disclaimer-title::before { margin-right:10px; background:#eed60038; padding:7px 14px; color:#dbc500; border-radius:50%; content:"!"; } .ts-content .s-top { grid-column:1 / 3; padding-bottom:30px; } .ts-content .content-heading:nth-child(n+2) { padding:55px 0 0; } .tj-content { display:-ms-grid; display:grid; grid-gap:0px; grid-template-columns:[full-start] minmax(0px,1fr) [main-start] minmax(0px,45rem) [main-end] minmax(0px,1fr) [full-end]; } .tj-content>* { grid-column:main; } .tj-content>.tj-offers { grid-column:span 1; } .tj-offers { display:-ms-grid; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:45px; } .tj-backup,.tj-storage,.tj-compute { background-color:var(--content-color); padding:20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; } .tj-top { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; } .tj-secure ol { padding-left:20px; } .tj-secure ol li { color:var(--web-green-color); font:var(--heavy-weight) 15px var(--mon-font); } .tj-secure span { padding-left:10px; } .tj-offers img { width:95px; } .tj-heading { display:-ms-grid; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:10px; margin:20px 0; } .tj-cloud h2,.tj-secure h2 { font-size:18px; } .tj-heading h2 { font:24px var(--hind-font); color:var(--main-color); margin:0; } .tj-heading h2:last-child { color:var(--link-color); } .tj-offers p { margin:0; } .tj-button { margin:10px 0; padding-top:40px; } .blog-feed { border-top:1px solid var(--content-color); margin-top:60px; padding:60px 0 0; } .padding-15 { padding:15%; } .blog-feed .content-heading { text-align:center; } .flex-container { display:flex !important; flex-wrap:wrap !important; } .flex-content { width:100% !important; } .flex-container>div { flex:40%; ; } .fill-available-space { height:100%; } .content-container { display:flex; background-color:white; box-shadow: 0px 4.9px 7px rgba(0,0,0,0.04),0px 9.6px 10.7px rgba(0,0,0,0.024),0px 14.3px 13.3px rgba(0,0,0,0.013),0px 18.8px 16.4px rgba(0,0,0,0.004),0px 23px 22.1px rgba(0,0,0,-0.002),0px 26px 46px rgba(0,0,0,-0.006); overflow:hidden; border-radius:20px; width: min(40%,350px); min-width: 312px; } .content-container * { cursor:pointer !important; } .image-container { display:flex; height:250px; background-size:cover; align-items:center; } .image-container-center { display:flex; height:250px; background-size:cover; background-position:center; align-items:center; } .image-container-blur { height:250px; width:350px; -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); border-radius:10px 10px 0 0; } .content-container-ipad { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:flex-start; flex:0 0 auto; } .content-container ul { padding:0; margin:0px; } .content-container li { padding:0; margin:0px; } .content-container a { width:100%; padding:0; margin:0px; } .content-container-post { padding:50px; margin:10px 0; border-radius:3px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:flex-start; max-width:700px; } @media only screen and (max-width:900px) { .content-container-index{margin:0 30px;top:15vh;grid-column:span 10}.content-body{padding-top:20px}.heading-content{grid-column:span 10;margin:30px;align-self:end}.heading-content:last-child{margin:30px}.ch-body{margin:30px;grid-column:2/span 10}} .content-item { padding:30px; margin:10px 0; border-radius:3px; background:var(--content-color); } .content-item-whitepaper { padding:30px; margin:10px 0; border-radius:3px; background-size:cover; } .content-item-whitepaper a { color:var(--content-color); } .post-heading-post { font: 35px var(--hind-font-semibold); line-height:1; color:#FAFEFE; padding-bottom:10px; } .blogg-heading { font:35px var(--hind-font-semibold); line-height:1; color:var(--main-color); padding-bottom:10px; } .post-heading-firstpage-old { font:var(--extra-light-weight) 4vw var(--hind-font); max-width:90vw; line-height:1; color:#FAFEFE; } .post-heading-firstpage { font:var(--extra-light-weight) 9vw var(--hind-font); line-height:1; color:#195F8C; text-align:center; } @media only screen and (min-width:1500px) { .post-heading-firstpage{font:var(--extra-light-weight)7vw var(--hind-font);line-height:1;color:#195f8c;text-align:center}.badge{right:17%!important}} .post-heading-firstpage-tech { font:var(--extra-light-weight) 3vw var(--hind-font) !important; line-height:1 !important; color:var(--middle-blue-color) !important; } .post-heading-black { font:var(--extra-light-weight) 4vw var(--hind-font); max-width:90vw; line-height:1; color:var(--alt-color) !important; } @media only screen and (max-width:875px) { .post-heading-firstpage-tech{font:var(--extra-light-weight)40px var(--hind-font)!important;line-height:1.2!important;color:var(--middle-blue-color)!important}.heading-content h1{font:var(--extra-light-weight)35px var(--hind-font);line-height:1;color:#fafefe}.post-heading-firstpage{font:var(--extra-light-weight)12vw var(--hind-font);line-height:1}.content-summary-index{font:var(--normal-weight)16px var(--mon-font)!important;white-space:normal!important}} .post-heading-whitepaper:hover { color:var(--link-color); transition:color 0.2s ease-in-out; } .post-heading { font:var(--extra-light-weight) 20px var(--hind-font); line-height:1; color:var(--main-color); padding-bottom:10px; } .post-heading:hover { color:var(--link-color); transition:color 0.2s ease-in-out; } .content-category-publikationer { font:var(--extra-light-weight) 14px var(--hind-font); color:var(--main-color); padding:10px 0 0; text-transform:capitalize; } .content-category-post { font:var(--heavy-weight) 18px var(--mon-font); color:var(--text-color); padding:10px 0 0; text-transform:capitalize; } .content-category-blogg { font:var(--heavy-weight) 13px var(--mon-font); color:var(--green-color); padding:10px 0 0; text-transform:uppercase; } .content-category-blogg-light { font:var(--heavy-weight) 13px var(--mon-font); color:var(--clear-blue-color); padding:10px 0 0; text-transform:uppercase; } .content-category-blogg-tech { font:var(--heavy-weight) 13px var(--mon-font); color:var(--clear-blue-color); padding:10px 0 0; text-transform:uppercase; } .content-category-black { font:var(--heavy-weight) 14px var(--mon-font); color:#32323290; padding:10px 0 0; text-transform:uppercase; } .content-summary-black { font:var(--medium-weight) 17px var(--mon-font); color:#32323290; padding:20px 0 0 0; max-width:700px; line-height:25px; } .content-category-dokument { font:var(--heavy-weight) 17px var(--mon-font); color:var(--clear-blue-color); padding:10px 0 0; text-transform:capitalize; } .content-category-event { font:var(--heavy-weight) 14px var(--mon-font); color:var(--web-green-color); padding:10px 0 0; } .content-summary-event { font:var(--medium-weight) 18px var(--mon-font); color:var(--text-color); padding:10px 0 0; } .content-summary-blogg { font:var(--medium-weight) 18px var(--mon-font); color:var(--text-color); padding:10px 0 0; max-width:700px; } .content-summary-index { font:var(--light-weight) 1.5vw var(--mon-font); color:var(--main-color); margin:20px 0 80px 0; text-align:center; } .content-category-whitepaper { font:var(--heavy-weight) 14px var(--mon-font); color:var(--link-color); padding:10px 0 0; text-transform:uppercase; } .content-meta { font:14px var(--hind-font-semibold); color:var(--main-color); padding:10px 0 0; text-transform:capitalize; } .content-meta-post { font:var(--medium-weight) 13px var(--mon-font); color:#FAFEFE; padding:10px 0 0; letter-spacing:2px; text-transform:uppercase; } .content-meta-post-tech { font:var(--medium-weight) 13px var(--mon-font); color:#888888; padding:10px 0 0; letter-spacing:1px; text-transform:uppercase; } .blogg-meta { font:var(--heavy-weight) 14px var(--mon-font); color:var(--web-green-color); margin-bottom:15px; letter-spacing:2px; text-transform:uppercase; } .headless { padding-top:96px; } .single-heading { text-align:center; font-size:24px; } .pris-container { display:-ms-grid; display:grid; grid-template-columns:repeat(3,auto); grid-gap:20px; } #toggle-sb,#toggle-ss,#toggle-sc { grid-column:1 / 4; } .pris-main { display:-ms-grid; display:grid; grid-template-rows:repeat(2,auto); grid-gap:30px; } .pris-content #button { max-height:16px; } .pris-content { display:-ms-grid; display:grid; grid-template-columns:repeat(3,auto); grid-template-rows:repeat(2,auto); grid-gap:20px; padding:20px; background-color:var(--content-color); margin:0 0 25px; } .pris-top,.pris-heading,.pris-column-cell,.pris-center-cell { grid-column:1 / 4; } .pris-content h2 { padding:0; } .pris-top span { color:#3f81b3; } .pris-heading { font:14px var(--hind-font-semibold); color:var(--text-color); background-color:var(--heading-color); padding:10px; } .pris-meta { font:var(--normal-weight) 12px var(--mon-font); color:rgb(167,164,164); } .pris-data { font:var(--normal-weight) 22px var(--hind-font); color:var(--web-green-color); text-transform:uppercase; } .pris-column { display:-ms-grid; display:grid; grid-template-rows:repeat(3,auto); grid-gap:5px; } .pris-column>* { text-align:center; } .pris-column-cell { padding:10px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-around; } .pris-column-cell:last-child { background-color:var(--main-color); } .toggle-sc-content { display:-ms-grid; display:grid; grid-template-columns:repeat(6,auto); grid-column-gap:20px; } #toggle-t,#toggle-s,#toggle-m,#toggle-l,#toggle-x,#toggle-xx { grid-column:1 / 7; grid-gap:30px; } .pris-center-cell { display:-ms-grid; display:grid; grid-template-columns:repeat(2,auto); grid-gap:20px; } .pris-center-cell p { background-color:var(--text-color); text-align:center; padding:20px; } label { cursor:pointer; } #checkbox-sb,#checkbox-ss,#checkbox-sc,#checkbox-t,#checkbox-s,#checkbox-m,#checkbox-l,#checkbox-x,#checkbox-xx,#checkbox-t:not(:checked)~#toggle-t,#checkbox-s:not(:checked)~#toggle-s,#checkbox-m:not(:checked)~#toggle-m,#checkbox-l:not(:checked)~#toggle-l,#checkbox-x:not(:checked)~#toggle-x,#checkbox-xx:not(:checked)~#toggle-xx,#checkbox-sb:not(:checked)~#toggle-sb,#checkbox-ss:not(:checked)~#toggle-ss,#checkbox-sc:not(:checked)~#toggle-sc { clip:rect(0 0 0 0); position:absolute; } #toggle-sc .desk-button { display:block; } #toggle-sc .mobile-button { display:none; } .h-container { display:-ms-grid; display:grid; grid-template-columns:repeat(2,1fr); justify-content:center; } .h-logo { grid-column:1; padding:8px 0 0 16px; } .hamburger { grid-column:2; z-index:120; padding:8px 16px 0 0; justify-self:end; } .h-logo img { max-width:155px; color:var(--text-color); } .hamburger div { position:relative; width:40px; height:3px; border-radius:4px; background-color:var(--text-color); margin-top:7px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } #toggle { display:none; } #toggle:checked+.hamburger .top { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:13.5px; } #toggle:checked+.hamburger .meat { -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-top:-3px; } #toggle:checked+.hamburger .bottom { -webkit-transform:scale(0); transform:scale(0); } .h-menu { grid-column:1 / span 10; background:var(--alt-color); margin:10px 0px 0px -8px; display:-ms-grid; display:grid; grid-row-gap:15px; padding:15px 0; list-style:none; clear:both; width:auto; visibility:hidden; z-index:110; } .h-menu>li.menu-item { padding:0px 0px 0px 0px; } .h-menu ul { padding:0px 0px 0px 25px; } .sub-menu:last-child { padding-bottom:30px; } .sub-menu:first-child { padding-top:10px; } #toggle:checked~.h-menu { visibility:visible; transition:visibility 0.7s ease-in-out; } @media only screen and (max-device-width:1024px) { .kun-container{display:-ms-grid;display:grid;grid-template-columns:minmax(auto,680px);grid-template-rows:repeat(3,auto);grid-gap:20px;justify-items:center}.kun-img{max-width:680px;height:220px;margin-bottom:15px}.kun-side-img{max-width:680px;height:220px;margin-bottom:15px}} @media only screen and (max-width:600px) { .text-tooltiptext{display:none}} @media only screen and (max-width:1150px) { .navbar{display:none}form,input{width:90%;margin:auto}.form{width:auto;margin:8px auto}.tooltiptext{visibility:visible 0;width:100%;position:relative;margin:auto}#h-bar{font:25px var(--hind-font-demibold);display:-ms-grid;display:grid;grid-template-rows:[full-start] minmax(16px,1fr)[main-start] minmax(0,50px)[main-end] minmax(16px,1fr)[full-end];background:var(--main-color);padding:0;top:0;transition:top .3s;z-index:100;position:fixed;box-shadow:var(--tran-shadow);width:100%}#h-bar .sub-menu{font:var(--normal-weight)16px var(--mon-font);padding-left:0}#h-bar>*{grid-row:main}#toggle-sc .desk-button{display:none}#toggle-sc .mobile-button{display:block}.sup-content{display:-ms-grid;display:grid;grid-template-columns:auto;grid-gap:25px;width:100%}.sup-bottom{align-items:center}.tack-content{padding:80px 0}.tj-offers{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(3,auto);grid-gap:25px}.tj-backup,.tj-storage,.tj-compute{}.tj-cloud,.tj-secure{grid-column:full}} @media only screen and (max-device-width:750px) { .footer{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(3,auto);grid-gap:25px}.contact,.navigation,.copyright{grid-column:unset;justify-self:center}.address{padding-right:24.5px}.about{padding-right:34px}.email{margin-left:0}.content-om{background-color:var(--text-color);display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:1fr auto}.om-sidebar{display:-ms-grid;display:grid;padding:35px 0;grid-template-columns:[full-start] minmax(1em,1fr)[main-start] minmax(0,320px)[main-end] minmax(1em,1fr)[full-end]}} @media only screen and (max-device-width:650px) { .kontakt{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(2,.5fr)repeat(2,1fr);grid-gap:2%}#kun-body{display:none}.toggle-sc-content{grid-column-gap:10px}.pris-content{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(5,auto)}.pris-top,.pris-heading,.pris-column-cell,.pris-center-cell{grid-column:unset}.pris-center-cell{grid-template-columns:auto}} @media only screen and (max-width:550px) { / .content-chalmers{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(2,auto)}.pris-container{display:-ms-grid;display:grid;grid-template-columns:auto minmax(200px,45rem)auto;grid-gap:20px}#toggle-sb,#toggle-ss,#toggle-sc{grid-column:1/4}.main-button{grid-column:2/2}.toggle-sc-content{display:-ms-grid;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(7,auto)}#toggle-t,#toggle-s,#toggle-m,#toggle-l,#toggle-x,#toggle-xx{grid-column:1/3;grid-gap:30px}.tj-heading{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(2,auto);grid-gap:5px}.s-main{background-color:var(--content-color);display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(2,auto);width:100%}.s-sidebar{display:-ms-grid;display:grid;grid-template-columns:[full-start] minmax(1em,auto)[main-start] minmax(0,260px)[main-end] minmax(1em,auto)[full-end]}.s-sidebar>*{grid-column:main}.ts-content{display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:repeat(2,auto);padding-bottom:0}.ts-content .s-top{grid-column:unset}#button{font:var(--heavy-weight)13px var(--mon-font)}.content-head{font:var(--heavy-weight)18px var(--mon-font)}.content-body{font:var(--normal-weight)14px var(--mon-font)}.content-heading{font:16px var(--hind-font)}.content-heading h2{font:16px var(--hind-font)}.navbar{font:15px var(--hind-font-semibold)!important}.footer-head{font:13px var(--hind-font-semibold)}.footer-text{font:var(--normal-weight)13px var(--mon-font)}.adr h3,.cont h3{font:16px var(--hind-font)}.adr p,.cont a{font:var(--normal-weight)14px var(--mon-font)}.form-text,.form-message{font:16px var(--hind-font-semibold)}.sup-bottom a{font:15px var(--hind-font-semibold)}.sb-heading{font:14px var(--hind-font-semibold)}.ss-heading,.ss-body{font:var(--normal-weight)14px var(--mon-font)}.tack-heading h1{font:var(--extra-light-weight)35px var(--hind-font)}.tack-heading p{font:18px var(--hind-font-semibold)}.tj-secure ol li{font:var(--normal-weight)14px var(--mon-font)}.pris-heading{font:14px var(--hind-font-semibold)}} ol { list-style:none; counter-reset:safespring-list; padding-left:32px; } ol li { counter-increment:safespring-list; border-top:solid #CDDEE7 .25px; padding:10px 0 10px 30px; margin-left:-30px; } ol li::before { content:counters(safespring-list,'.') ' '; color:var(--clear-blue-color); font-weight:599; display:inline-block; width:30px; margin-left:-40px; margin-right:10px; text-align:right; direction:rtl; } ol li ol li { border-top: 0; } ol li ol li::before { color: #ababab; } .body { margin:10px; padding:0; font-size:16px; line-height:1.5; text-rendering:optimizelegibility; font-variant-ligatures:none; box-sizing:border-box; font-family:'Montserrat',sans-serif; background-color:#FFFFFF; overflow:hidden; border-radius:10px; max-width:350px; } .body * { box-sizing:inherit; } .pointer { cursor:pointer !important; } @media only screen and (max-device-width:750px) { } h1 { margin:0; padding:0; } .body,.text-light-black { color:rgba(50,50,50,0.8); } .text-black { color:var(--main-color); } .text-muted { color:#32CD32; } .text-uppercase { text-transform:uppercase; } .ff-serif { font-family:'Hind',san-serif; } .font-weight-normal { font-weight:400; } .font-weight-medium { font-weight:599; } .font-weight-light { font-weight:300; } .lts-1px { letter-spacing:1px; } .lts-2px { letter-spacing:2px; } .w-full { width:100%; } .text-center { text-align:center; } .text-left { text-align:left; } .text-right { text-align:right; } .d-block { display:block; } .d-inline-block { display:inline-block; } .p-relative { position:relative; } .p-absolute { position:absolute; } .bg-white { background-color:#fff; } .extra-small { font-size:.7rem; padding-top:4px; } .small { font-size:1rem; } .big { font-weight:var(--extra-light-weight); font-size:1.5rem; } .img-250>img { height:250px !important; width:auto; } .blogg-card-title { font-size:30px; line-height:1.1; } .blogg-card-flag { width:20px; } .blogg-card-wapper { padding:5% 15%; } .blogg-card-link { padding:0 50px 50px 50px; } .flex-center { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; } .blogg-card-tagg-container-webinar { display:flex; align-items:center; gap:10px; background-color:#FFEFE5; padding:5px 15px 5px 5px; border-radius:100px; margin-top:-20px; border:solid 7px white; } .blogg-card-tagg-container { display:flex; align-items:center; gap:10px; background-color:#E6FBE9; padding:5px 15px 5px 5px; border-radius:100px; margin-top:-20px; border:solid 7px white; } .blogg-card-tagg-container-tech { display:flex; align-items:center; gap:10px; border-radius:100px; margin-top:-20px; } .blogg-card-tagg-container-solution-brief { display:flex; align-items:center; gap:10px; background-color:#E8EFF3; padding:5px 15px 5px 5px; border-radius:100px; margin-top:-20px; border:solid 7px white; } .webinar-card-link { font:16px var(--hind-font-semibold); color:var(--button-color); text-transform:uppercase; margin:20px 0; } .webinar-card-link:after { font:var(--fa-font-solid); content:"\f04b"; margin:0 0 0 10px; } .blogg-card-image { flex-shrink:0; min-width:100%; min-height:100%; } .tech-card-image { } .-container { height:200px; display:flex; justify-content:center; align-items:center; overflow:hidden; } .blogg-card-text-container { padding:50px 50px 10px 50px; } .blogg-card-text-container-no-image { padding:50px 50px 10px 50px; margin-top:-150px; } .blogg-card-section { font-size:13px; margin-top:1px; font-weight:599; } .blogg-card-section:after { font:var(--fa-font-solid); content:"\f02d"; margin:0 0 0 10px; } .blogg-card-section-solution-brief { color:#195F8C; margin-top:1px; font-size:13px; font-weight:599; } .blogg-card-section-solution-brief:after { font:var(--fa-font-solid); content:"\f672"; margin:0 0 0 10px; } .blogg-card-section-webinar:after { font:var(--fa-font-solid); content:"\f03d"; margin:0 0 0 10px; } .blogg-card-section-tech { color:#3C9BCD; margin-top:1px; font-size:13px; margin-right:5px; font-weight:599; } .blogg-card-section-webinar { color:#FA690F; margin-top:1px; font-size:13px; font-weight:599; } .blogg-card-section-whitepaper { color:#32CD32; font-size:13px; margin-right:5px; font-weight:599; } .blogg-card-date { font-size:13px; margin-right:5px; margin-bottom:0 !important; font-weight:400; color:#888888; } .bg-blue-white-fade { background-image:linear-gradient(200deg,#E8EFF3,#E8EFF300 80%); } .card-heading { hyphens:manual; padding-top:30px; font:2.25rem/1 var(--hind-font); color:var(--heading-color); margin-bottom:7px; } .styled-link { text-decoration:none; outline:none; color:var(--link-color); transition:all 0.25s ease-in; } .styled-link:hover,.styled-link:focus,.styled-link:active { color:var(--main-color); } .shadow-1 { ; box-shadow:2px 3px 9px 0 rgba(0,0,0,0.10); } .blue-hover { transition:all 0.2s ease-in; border-bottom:5px solid #ffffff; } .blue-hover:hover { transform:translateY(-5px); border:none; border-bottom:5px solid #195F8C; } .blue-hover-tech { transition:all 0.2s ease-in; border-bottom:5px solid transparent; } .blue-hover-tech:hover { transform:translateY(-5px); border:none; border-bottom:5px solid #3C9BCD; transition:all 0.2s ease-in; } .blue-hover-blogg:hover { transform:translateY(-5px); border:none; border-bottom:5px solid #32CD32; } .blue-hover-blogg { transition:all 0.2s ease-in; border-bottom:5px solid transparent; } .border-hover-index { transition:all 0.2s ease-in; border-bottom:5px solid white; } .blue-hover-webinar:hover { transform:translateY(-5px); border-bottom:5px solid #FA690F; } .blue-hover-webinar { transition:all 0.2s ease-in; border-bottom:5px solid white; } .blue-hover-whitepaper:hover { transform:translateY(-5px); border:none; border-bottom:5px solid #323232; } .blue-hover-whitepaper { transition:all 0.2s ease-in; border-bottom:5px solid white; } .clearfix::before,.clearfix::after { content:""; display:table; clear:both; } .float-left { float:left; } .float-right { float:right; } .mx-auto { margin-left:auto; margin-right:auto; } .ml-auto { margin-left:auto; } .mr-auto { margin-right:auto; } .mx-0 { margin-left:0; margin-right:0; } .mx-1 { margin-left:1rem; margin-right:1rem; } .mx-2 { margin-left:2rem; margin-right:2rem; } .mx-3 { margin-left:3rem; margin-right:3rem; } .my-0 { margin-top:0; margin-bottom:0; } .my-10 { margin-top:10px !important; margin-bottom:10px !important; } .my-1 { margin-top:1rem; margin-bottom:1rem; } .my-2 { margin-top:2rem; margin-bottom:2rem; } .my-3 { margin-top:3rem; margin-bottom:3rem; } .justify-center { justify-content:center; } .mt-0 { margin-top:0; } .mt-1 { margin-top:1rem; } .mt-2 { margin-top:2rem; } .mt-3 { margin-top:3rem; } .mb-0 { margin-bottom:0; } .mb-1 { margin-bottom:1rem; } .mb-2 { margin-bottom:2rem; } .mb-3 { margin-bottom:3rem; } .mb-4 { margin-bottom:4rem; } .ml-0 { margin-left:0; } .ml-1 { margin-left:1rem; } .ml-2 { margin-left:2rem; } .ml-3 { margin-left:3rem; } .px-0 { padding-left:0; padding-right:0; } .px-1 { padding-left:1rem; padding-right:1rem; } .px-2 { padding-left:2rem; padding-right:2rem; } .px-3 { padding-left:3rem; padding-right:3rem; } .py-0 { padding-top:0; padding-bottom:0; } .py-1 { padding-top:1rem; padding-bottom:1rem; } .py-2 { padding-top:2rem; padding-bottom:2rem; } .py-3 { padding-top:3rem; padding-bottom:3rem; } .pt-0 { padding-top:0; } .pt-1 { padding-top:1rem; } .pt-2 { padding-top:2rem; } .pt-3 { padding-top:3rem; } .pb-0 { padding-bottom:0; } .pb-1 { padding-bottom:1rem; } .pb-2 { padding-bottom:2rem; } .pb-3 { padding-bottom:3rem; } @media screen and (max-width:500px) { .flexcontainer{padding:5% 10%!important}} .flexcontainer-start { margin:3% auto; display:flex; justify-content:center; flex-flow:row wrap; align-content:space-between; } .flexcontainer { display:flex; gap:40px; flex-flow:row wrap; justify-content:center; align-items:stretch; padding:5% 0; } .scroll-controls { display:flex; justify-content:center; position:relative; z-index:10; width:100%; ; } #scrollLeft,#scrollRight { background:rgba(255,255,255,0.7); ; border:none; cursor:pointer; font-size:20px; margin:10px; height:70px; width:70px; } #scrollLeft:hover,#scrollRight:hover { background:rgba(255,255,255,1); ; } .webinar-scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 1% 1% 1% 10%; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } .webinar-scrolling-wrapper-flexbox::before,.webinar-scrolling-wrapper-flexbox::after { content: ''; width: 0; flex: 0 0 auto; } @media (max-width: 768px) { .webinar-scrolling-wrapper-flexbox{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.webinar-scrolling-wrapper-flexbox::before,.webinar-scrolling-wrapper-flexbox::after{content:'';width:50vw;flex:none}} .webinar-card { display:inline-block; } .webinar-scrolling-wrapper-flexbox::-webkit-scrollbar { display:none; } @media (max-width:768px) { .webinar-card{width:80%}.webinar-scrolling-wrapper-flexbox{padding-left:0}} .webinar-highlist-card { margin-right:10px; ; scroll-snap-align:center; ; display:flex; border-radius:20px; overflow:hidden; height:350px; position:relative; background-color:white; } .webinar-highlist-image { width:200px; background-size:cover; background-position:center; } .webinar-series-text-container { display:flex; flex-direction:column; justify-content:space-between; width:400px; padding:20px 40px; } .webinar-highlist-card h2 { } @media (max-width:768px) { .scroll-controls{display:none}#scrollLeft,#scrollRight{display:none}#scrollLeft:hover,#scrollRight:hover{display:none}.webinar-highlist-card{width:300px;height:400px!important;margin-left:10px}.webinar-highlist-image{height:100%;width:100%}.webinar-highlist-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.9));z-index:1}.webinar-series-text-container{z-index:9;position:absolute;display:flex;width:200px;height:calc(100% - 40px);justify-content:space-between;padding:20px 40px}.episode-counter{margin-top:20px!important}.webinar-series-text-container p{line-height:1.1;padding:0;margin:0;color:#fff}.webinar-series-text-container h2{line-height:1.1;padding:0;margin:0;color:#fff}} .webinar-card-episode { margin: 0 10px; transition: transform 0.3s ease,box-shadow 0.3s ease; cursor: pointer; } .webinar-card-episode:hover { transform: scale(1.05); } .webinar-highlist-card-episode { scroll-snap-align:center; ; display:flex; position:relative; background-color:white; width:300px; border-radius:20px; overflow: hidden; height:400px !important; } .webinar-highlist-image-episode { height:100%; width:100%; background-size:cover; background-position:center; } .webinar-highlist-image-episode:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.9)); ; z-index:1; ; } .webinar-series-text-container-episode { z-index:9; position:absolute; display:flex; width:200px; height:calc(100% - 40px); justify-content:space-between; padding:20px 40px; flex-direction:column; justify-content:space-between; padding:20px 40px; } .episode-counter-episode { font-weight:300; font-size: 60px; margin-top:20px !important; } .webinar-series-text-container-episode p { line-height:1.1; padding:0; margin:0; color:white; } .webinar-series-text-container-episode h2 { line-height:1.1; padding:0; margin:0; color:white; } .flexcontainer-webinar-series-backplate { background-color:var(--cloud-blue-color); padding: 4% 0; } .flexcontainer-webinar-series { display:flex; gap:40px; flex-flow:row wrap; justify-content:center; align-items:stretch; flex-direction:row; flex-wrap:nowrap; overflow:hidden; } .flexcontainer-shortcode { margin:5% auto; display:flex; align-items:stretch; justify-content:flex-start; flex-flow:row wrap; align-content:flex-start; flex-direction:row; flex-wrap:wrap; } .tech-update-card-content { display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; padding:15% !important; } .tech-card-flex { display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; } .tech-update-card-content { margin:-150px 0 0 0 !important; display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; padding:15% !important; } .tech-card-flex { display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; } .container-table100 { display:grid; grid-column:3 / span 6; } @media screen and (max-width:1600px) { .container-table100{display:grid;grid-column:2/span 8}} @media screen and (max-width:900px) { .container-table100{display:grid;grid-column:span 10;margin:0 16px}} .container-table-wp { display:grid; grid-column:1 / span 7; } @media screen and (max-width:1600px) { .container-table-wp{display:grid;grid-column:1/span 8}} @media screen and (max-width:900px) { .container-table-wp{display:grid;grid-column:span 10;margin:0 16px}} .price-table { border-radius:5px; overflow:hidden; box-shadow:0 2px 5px 0 rgba(0,0,0,0.15); } .table { width:100%; display:table; border-radius:5px; margin:0; } @media screen and (max-width:600px) { .table{display:block}} .row { display:table-row; background:#fff; } .row.header { color:#fafefe; background:#195F8C; } .row.header:hover { background-color:#417DA5; } @media screen and (max-width:600px) { .row{display:block}.row.header{padding:0;height:0}.row.header .cell{display:none}.row .cell:before{font-family:var(--hind-font);font-size:13px;color:#195f8c;line-height:1.2;text-transform:uppercase;font-weight:599!important;margin-bottom:13px;content:attr(data-title);min-width:98px;display:block}} .cell { display:table-cell; } @media screen and (max-width:600px) { .cell{display:block}} .row .cell { font-family:var(--mon-font); font-size:15px; color:#666666; line-height:1.2; font-weight:unset !important; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #f2f2f2; } .row:last-of-type .cell { border-bottom:0px solid #fff; padding-bottom:16px; } .row.header .cell { font-family:var(--hind-font); font-size:18px; color:#fafefe; background:#195F8C; line-height:1.2; font-weight:unset !important; padding-top:21px; padding-bottom:17px; } .row .cell:nth-child(1) { width:150px; padding-left:40px; } .row .cell:nth-child(2) { width:150px; padding-right:10px; } .row .cell:nth-child(3) { width:150px; margin-right:10px; } .row .cell:nth-child(4) { width:80px; } .row .cell:nth-child(5) { width:150px; } .row .cell:nth-child(6) { width:150px; } .row .cell:nth-child(7) { width:150px; } .table,.row { width:100% !important; } .row:hover { background-color:#E3EEF2; } @media (max-width:600px) { .row{border-bottom:1px solid #f2f2f2;padding-bottom:16px;padding-top:30px;padding-right:16px;margin:0}.row .cell{border:none;padding:16px 30px}.row .cell:nth-child(1){padding-left:30px}.row .cell{font-family:var(--mon-font);font-size:18px;color:#555;line-height:1.2;font-weight:unset!important}.table,.row,.cell{width:100%!important}} .hide{ display:none; } .citatbody { margin:20px; padding:0; font-size:16px; line-height:1.5; text-rendering:optimizelegibility; font-variant-ligatures:none; box-sizing:border-box; font-family:'Montserrat',sans-serif; background-color:#fafafa; overflow:hidden; border-radius:5px; width:340px; } .citattext p { font:var(--light-weight) 25px var(--mon-font); font-style:italic; margin-bottom:25px; line-height:1.25; color:#323232; } .citatcompanylogo { width:70%; margin-bottom:20px; } .citatpersonbildperson { height:300px; overflow:hidden; } .citatpersonbildperson img { width:100%; } .citatperson { } .citatperson p { margin:0; } .toggle,.toggler { display:inline-block; vertical-align:middle; } .toggler { color:#666; transition:.2s; font:var(--normal-weight) 17px var(--hind-font); } .toggler--is-active { color:var(--link-color); } .b { display:block; } .toggle { position:relative; width:54px; height:25px; border-radius:100px; background-color:var(--main-color); overflow:hidden; box-shadow:inset 0 0 2px 1px rgba(0,0,0,0.05); margin:10px; } .check { position:absolute; display:block; cursor:pointer; top:0; left:0; width:100%; height:100%; opacity:0; z-index:6; } .check:checked~.switch { right:2px; left:57.5%; transition:0.25s cubic-bezier(0.785,0.135,0.15,0.86); transition-property:left,right; transition-delay:.08s,0s; } .switch { position:absolute; left:2px; top:2px; bottom:2px; right:57.5%; background-color:#fff; border-radius:36px; z-index:1; transition:0.25s cubic-bezier(0.785,0.135,0.15,0.86); transition-property:left,right; transition-delay:0s,.08s; box-shadow:0 1px 2px rgba(0,0,0,0.2); } .support-list ul { margin-left:10px; padding-left:20px; border-left:1px dashed #ddd; } .support-list li { list-style:none; color:#757575; font-size:16px; font-weight:normal; } .support-list a { border-bottom:1px solid transparent; color:#757575; text-decoration:none; transition:all 0.2s ease; } .support-list a:hover { border-color:#FA690F; color:#FA690F; } .support-list .folder,.support-list .folder>a { color:#757575; font:17px var(--hind-font-semibold); } .support-list li:before { margin-right:10px; content:""; height:20px; vertical-align:middle; width:20px; background-repeat:no-repeat; display:inline-block; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightgrey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>"); background-position:center 2px; background-size:60% auto; } .support-list li.folder:before { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightblue' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>"); background-position:center top; background-size:75% auto; } .tooltip { position:relative; display:inline-block; float:right; color:#FA690F; font-size:21px; } .tooltip .tooltiptext { visibility:hidden; width:200px; background-color:#FFF; color:#195F8C; text-align:left; border-radius:6px; padding:16px; position:absolute; z-index:1; top:-16px; left:160%; font-family:var(--mon-font); font-size:16px; } .tooltip .tooltiptext::after { content:""; position:absolute; top:50%; right:100%; margin-top:-5px; border-width:5px; border-style:solid; border-color:transparent #FFF transparent transparent; } .tooltip:hover .tooltiptext { visibility:visible; } .ipad-form-tack { width:100vw; display:flex; position:absolute; justify-content:center; align-items:center; z-index:10; } .ipad-form-start { ; display:flex; ; justify-content:center; align-items:center; -webkit-overflow-scrolling:touch; z-index:10; } .ipad-form-start:first-child { padding-top:15%; } .ipad-form { float:left; width:40vw; padding:10vw; margin-left:40vw; } .ipad-form .form { padding:5px 24px; } .ipad-form-tack h1 { font:300 65px/70px var(--hind-font); color:var(--text-color); text-align:center; position:absolute; top:40vh; } .ipad-form-start h1 { position:absolute; font:300 55px/70px var(--hind-font); color:var(--text-color); text-align:center; max-width:100vw; top:16vw; } .ipad-form h1 { font:300 35px/40px var(--hind-font); color:var(--clear-blue-color); margin:0; } .ipad-form h2 { font:300 25px/40px var(--hind-font); color:var(--clear-blue-color); margin:0; } .ipad-section-tack { position:absolute; font:var(--heavy-weight) 30px/20px var(--mon-font); color:var(--web-green-color); text-transform:uppercase; text-align:center; top:33vh; } .ipad-section { font:var(--heavy-weight) 16px/5px var(--mon-font); color:var(--web-green-color); text-transform:uppercase; } .ipad-image-tack { height:100vh; width:100vw; float:left; display:flex; position:absolute; justify-content:center; align-items:center; position:fixed; } .ipad-image-start { height:100%; width:100%; float:left; display:flex; position:absolute; justify-content:center; align-items:center; position:fixed; } .ipad-image { height:110vh; width:40vw; float:left; display:flex; position:fixed; justify-content:center; align-items:center; } .ipad-image-tack img { position:absolute; margin:0 auto 0 auto; width:20vw; top:10vh; } .ipad-image img { position:absolute; margin:0 auto 0 auto; width:20vw; top:10vw; } .ipad-image-start img { position:absolute; margin:0 auto 0 auto; width:20vw; top:6vw; } .button-white-border { position:absolute; border-radius:50px; background-color:transparent; border:2.5px solid #FAFEFE; padding:15px 30px 13px 30px; bottom:10vw; text-align:center; font:18px var(--hind-font-semibold); color:var(--text-color); text-transform:uppercase; white-space:nowrap; } .orange { color:var(--link-color); } .ipad-button { position:absolute; text-align:center; border-radius:50px; background-color:var(--link-color); padding:15px 30px 13px 30px; font:18px var(--hind-font-semibold); color:var(--text-color); text-transform:uppercase; bottom:10vh; } .flexcontainer-ipad { display:flex; flex-wrap:nowrap; overflow-x:auto; } .flexcontainer-ipad h3 { font:300 28px/1.2 var(--hind-font) !important; color:var(--blue-color); margin:0; } .accordion-box { ; max-width:700px; width:99%; ; border-top:solid 1px #E8EFF3; } .accordion-box:last-of-type { border-bottom:solid 1px #E8EFF3; margin-bottom:10px; } .accordion-box button { white-space:normal !important; background-color:transparent; } .accordion { background-color:transparent; color:#195f8c; cursor:pointer !important; padding:18px 18px 14px 45px !important; width:100%; height:100%; border:none !important; text-align:left !important; outline:none !important; transition:0.4s !important; font:300 16px/1.2 var(--hind-font) !important; ; text-transform:none; position:relative; padding-left:30px; } .accordion:hover { color:var(--link-color); } .active-utbildning { border-radius:5px 5px 0 0; } .accordion:after { content:'\2b'; font:var(--fa-font-solid); position:absolute; top:50%; left:0; transform:translateY(-50%); color:#19F064; font-weight:bold; margin-left:15px; margin-right:15px; } .active-utbildning:after { content:"\2212" !important; color:#FA690F !important; border-radius: 5px 5px 0 0; } .accordion-active:after { content:"\f068" !important; color:#FA690F !important; } .accordion-active { } .panel { padding:0 46px !important; background-color:rgba(234,240,244,0.5); max-height:0; overflow:hidden !important; border-radius:20px; transition:max-height .6s cubic-bezier(0.34,0,0,1.04) !important; } .panel p:first-child { padding-top:40px; } .panel p { margin:0px !important; padding-top:10px; } .label-green { float: left; width: fit-content; position: relative; padding: 7px; margin: 14px 10px 0 0; background: var(--green-color); border-radius: 5px; color: var(--content-color); font:599 12px var(--mon-font); } .label-orange { float:left; width:fit-content; position:relative; padding:7px; margin:14px 10px 0 0; background:var(--link-color); border-radius:5px; color:var(--content-color); font:599 12px var(--mon-font); } .label-blue { float:left; width:fit-content; position:relative; padding:7px; margin:14px 10px 0 0; background:var(--main-color); border-radius:5px; color:var(--content-color); font:599 12px var(--mon-font); } .start-container { display:flex; height:100vh; width:100vw; } .start-image { float:left; height:90vh; width:30vw; margin:5vh 0 5vh 0; overflow:hidden; } .start-image img { width:auto; height:100%; } .start-logo { max-width:300px; min-width:150px; width:15vw; } .start-content { align-items:center; margin:auto 0; padding:0 100px; } .start-content h1 { font:100 60px var(--mon-font); color:#323232; margin:60px 0; max-width:none !important; } .citatbody { margin:20px; padding:0; font-size:16px; line-height:1.5; text-rendering:optimizelegibility; font-variant-ligatures:none; box-sizing:border-box; font-family:'Montserrat',sans-serif; background-color:#fafafa; overflow:hidden; border-radius:5px; width:100%; } .citattext p { font:var(--light-weight) 25px var(--mon-font); font-style:italic; margin-bottom:25px; line-height:1.25; color:#323232; } .citatcompanylogo { width:30%; margin-bottom:20px; } .citatpersonbildperson { height:300px; overflow:hidden; } .citatpersonbildperson img { width:100%; } .citatperson { } .citatperson p { margin:0; } .iframe-aspect-ratio { position:relative; width:100%; height:0; padding-bottom:56.25%; ; } .iframe-aspect-ratio iframe { position:absolute; border-radius:10px; width:100%; height:100%; left:0; top:0; } .toplogo { width:200px; } .photo-roll--container { max-width:700px; height:150px; overflow:hidden; border-radius:5px; } .photo-roll { height:150px; width:200%; margin-bottom:5px; font-size:0; } .photo-roll img { margin-bottom:10px; margin-right:5px; height:150px; width:300px; transition:all 0.5s ease; } .photo-roll img:first-child { -webkit-animation:bannermove 112s linear infinite; animation:bannermove 112s linear infinite; } @-webkit-keyframes "bannermove" { 0%{margin-left:0}100%{margin-left:-8520px}} @keyframes "bannermove" { 0%{margin-left:0}100%{margin-left:-8520px}} .photo-roll--container2 { width:99.5vw; height:150px; overflow:hidden; margin:5px auto 0 auto; border-radius:5px; } .photo-roll2 { height:150px; width:200%; margin-bottom:5px; font-size:0; } .photo-roll2 img { border-radius:5px; margin-bottom:10px; margin-right:5px; height:150px; width:300px; transition:all 0.5s ease; } .photo-roll2 img:first-child { -webkit-animation:bannermove2 120s linear infinite; animation:bannermove2 120s linear infinite; } @-webkit-keyframes "bannermove2" { 0%{margin-left:0}100%{margin-left:-8520px}} @keyframes "bannermove2" { 0%{margin-left:0}100%{margin-left:-8520px}} .safespring-horisontal-card-container { overflow:hidden; border-radius:10px; } @media screen and (min-width:1500px) { .safespring-horisontal-card-image{max-width:30%!important}.safespring-horisontal-card-container{width:80%}} @media screen and (min-width:900px) { .safespring-horisontal-card-container{width:100%}.safespring-horisontal-card-col{flex:1}.safespring-horisontal-card-container{}.safespring-horisontal-card-row{display:flex}.safespring-horisontal-card-image{width:auto}.safespring-horisontal-card-image img{flex-shrink:0;min-width:100%;min-height:100%;border-radius:5px 0 0 5px;object-fit:cover}.safespring-horisontal-card-content{padding:1em 3em 3em}} @media only screen and (max-width:900px) { .safespring-horisontal-card-container{width:100%}.safespring-horisontal-card-row{flex:none!important;display:block!important}.safespring-horisontal-card-image{height:250px}.safespring-horisontal-card-row{display:flex}.safespring-horisontal-card-content{padding:1em 3em 3em}} .safespring-horisontal-card-image { background-position: center; background-size: cover; } .text-tooltip { border-bottom:1px dotted #323232; } .text-tooltiptext { visibility:hidden; max-width:650px; background-color:#EBF1F5; color:#323232; text-align:left; border-radius:5px; margin-left:10px; margin-top:-20px; padding:20px; font-weight:300; position:absolute; z-index:1; } .text-tooltip:hover { font-weight:599; color:var(--link-color); } .text-tooltip:hover .text-tooltiptext { visibility:visible; } .tf-filter-item { display:none; } .filter-number { font-size:12px; font-weight:100; } .line { border-top:solid 0.25px var(--main-color); border-bottom:solid 0.25px var(--main-color); margin-top:15px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-content:center; width:95%; } .tf-buttons-container-center { display:flex; align-items:center; flex-direction:column; flex-wrap:nowrap; } .tf-buttons-container { display:flex; justify-content:center; align-items:center; align-content:center; flex-flow:row wrap; gap:10px; } button { background-color:#FAFEFE; border-radius:50px; border:solid 0.25px var(--main-color); padding:10px 25px 8px 25px; text-align:center; font:13px var(--hind-font-semibold); color:var(--main-color); text-transform:uppercase; white-space:nowrap; letter-spacing:0.2px; } button.text.active { background-color:#fafefe; border-radius:0; border:none; padding:5px 20px; text-align: center; font:13px var(--hind-font-semibold); color:var(--link-color); text-transform:none; white-space:nowrap; } button.text.disable-button { background-color:#fafefe; border-radius:0; border:none; padding:5px 20px; text-align:center; font:13px var(--hind-font-semibold); color:var(--main-color); text-transform:none; white-space:nowrap; } button.text { background-color:#fafefe; border-radius:0; border:none; padding:5px 20px; text-align:center; font:13px var(--hind-font-semibold); color:var(--main-color); text-transform:none; white-space:nowrap; } button.active { background-color:var(--button-color); border-radius:50px; border:none; padding:10px 25px 8px 25px; text-align:center; font:13px var(--hind-font-semibold); color:var(--text-color); text-transform:uppercase; white-space:nowrap; } button.disable-button { background-color:#FAFEFE; border-radius:50px; border:solid 0.25px var(--main-color); padding:10px 25px 8px 25px; text-align:center; font:13px var(--hind-font-semibold); color:var(--main-color); text-transform:uppercase; white-space:nowrap; } .show-item { display:inline-block; } @media screen and (max-width:1300px) { .tf-wrapper{margin:0 5%}} @media screen and (min-width:1300px) { .tf-wrapper{margin:0;grid-column:2/span 6}} section { margin-top:18px !important; } .tf-items-container { display:flex; flex-flow:row wrap; gap:40px; justify-content:center; margin-top:10%; align-items:stretch; } .chroma { overflow-x:auto; padding:4px; } .panel { padding:0 18px; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; } .acc:after { content:'\02795'; color:#fff; margin-left:5px; } .acc.active:after { content:"\2796"; } .navbtn { padding:0.5rem!important; font-size:90%!important; } .nava { text-transform:none; font-size:90%!important; } .flexcontainer-three { display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; gap:30px; } .flex-item { padding:35px; background-color:#FFFFFF; border-radius:15px; max-width:260px; } .cardtitle { display:flex; align-items:center; gap:10px; } .border-hover-1 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-1:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #417DA5 !important;} .border-hover-2 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-2:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #f4670f !important;} .border-hover-3 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-3:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #3C9BCD !important;} .border-hover-4 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-4:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #5C509D !important;} .border-hover-5 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-5:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #29a929 !important;} .border-hover-6 {transition:all 0.2s ease-in; border-bottom:5px solid white;} .border-hover-6:hover {transform:translateY(-5px); border:none; border-bottom:5px solid #195F8C !important;} .cardtitle h2 { font-size:25px; margin:0; padding:3px 0 0 0; } .cardicon { display:flex; height:40px; width:40px; border-radius:100px; flex-shrink:0; } .icon { margin:auto; } .icon::before { display:inline-block; text-rendering:auto; -webkit-font-smoothing:antialiased; } .headline-and-badge h1{ flex-grow:1; } .headline-and-badge { display:flex; flex-flow:row wrap; justify-content:center; } .post-heading-firstpage { order:1; flex-basis:100%; } .badge { position:absolute; order:2; width:13vw !important; right:12%; transition: transform 0.3s ease; } .badge:hover { transform: scale(1.05); } .content-summary-index { order:3; flex-basis:100%; white-space:nowrap; } @media screen and (max-width :890px) { .headline-and-badge{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-bottom:50px}.badge{order:3!important;width:50vw!important;position:relative!important;left:0}.content-summary-index{order:2!important;margin:0;white-space:wrap!important}} data-player { border-radius:10px; overflow:hidden; } table { min-width: 100%; border-spacing:0; ; margin:40px 0 80px 0; } table.width100 { width:100% !important; } thead { font:18px/1 var(--hind-font); color:var(--clear-blue-color); } tbody { margin:0; } th { font-weight:300; text-align:left; ; padding:10px 20px; background-color:transparent !important; white-space: nowrap; } td { font:16px/1 var(--mon-font); font-weight:300; padding:10px 20px; ; white-space: nowrap; } td:first-child { font-weight:599; color:var(--main-color); } tr:hover { background-color:var(--cloud-blue-color) !important; } tr:nth-child(odd) td { background-color:#e8eff34d; } tr:last-child td { border-bottom:1px solid var(--cloud-blue-color); } td:first-child,th:first-child { border-radius:10px 0 0 10px !important; } td:last-child,th:last-child { border-radius:0 10px 10px 0 !important; } @media screen and (max-width:650px) { table{border:0;width:100%}table caption{font-size:1.3em}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{border-bottom:1px solid var(--main-color);display:block;margin-bottom:10px;padding-bottom:7px}table td{border-bottom:1px solid var(--cloud-blue-color);display:block;font-size:.8em;text-align:right}table td::before{content:attr(data-label);float:left;font:15px/1 var(--hind-font);color:var(--clear-blue-color)}table td:last-child{border-bottom:0}td:first-child,; th:first-child{border-radius:0}td:last-child,; th:last-child{border-radius:0}td:first-child{font-weight:599;color:var(--main-color)}td{text-align:right!important;white-space:pre-wrap}} .author-container { display:flex; align-items:center; border-bottom:0.25px solid var(--cloud-blue-color); padding-bottom:30px; } .author-image { width:75px; height:75px; border-radius:200px; background-position:center; background-size:cover; } .author-info { margin-left:15px; } .author-name { margin:0; font-weight:599; } .author-title { font-size:14px; margin:0; font-weight:300; text-transform:uppercase; } #CookieConsent .cookie-popup { background:#fafefe00 !important; -webkit-backdrop-filter:blur(20px) !important; backdrop-filter:blur(20px) !important; transition:300ms; } #CookieConsent .cookie-popup>div { box-shadow:2px 3px 9px 0 rgba(0,0,0,0.10); } #CookieConsent .cookie-popup h1 { font:300 30px/1 var(--hind-font) !important; color:var(--main-color); } #CookieConsent .cookie-popup h2 { font:300 20px/1 var(--hind-font) !important; color:var(--clear-blue-color); } #CookieConsent .cookie-popup p{ font:300 16px/1.2 var(--mon-font); } #CookieConsent .cookie-popup .details { background-color:var(--cloud-blue-color) !important; } #CookieConsent .cookie-popup .details>button { background-color:var(--cloud-blue-color) !important; } #cc-footer a { display:none !important; } #CookieConsent .cookie-popup th { font:599 14px/1 var(--mon-font) !important; } #CookieConsent .cookie-popup td { font:300 14px/1 var(--mon-font); } #CookieConsent .cookie-popup label { font:599 16px/1 var(--mon-font) !important; } #CookieConsent .cookie-popup .details>button span { font:500 16px/1 var(--mon-font) !important; color: var(--main-color); } #CookieConsent .cookie-popup .details>button span:before { background-color: var(--main-color) !important; } .flavour-container { background-color:var(--cloud-blue-color); border-radius:10px; padding:15px 30px 13px 20px; margin:5px 0; width:fit-content; } .cpu-container { display:flex; flex-flow:row; margin-left:35px; } .cpu { width:max(10px,15px); height:10px; background-color:var(--main-color); } .ram-container { display:flex; flex-flow:row; margin-left:35px; } .ram-container::before { width:35px; content:"RAM"; font:900 12px/1 var(--mon-font); margin-left:-35px; } .cpu-container::before { width:35px; content:"CPU"; font:900 12px/1 var(--mon-font); margin-left:-35px; } .ram { width:15px; height:10px; background-color:var(--clear-blue-color); } .ram:first-child { border-radius:10px 0 0 10px; } .ram:last-child { border-radius:0 10px 10px 0; } .cpu:first-child { border-radius:10px 0 0 10px; } .cpu:last-child { border-radius:0 10px 10px 0; } .impact-container { background-color:var(--cloud-blue-color); border-radius:10px; padding:15px 30px 13px 20px; margin:5px 0; width:fit-content; } .impact-column { display:flex; flex-flow:row; margin-left:35px; } .impact { width:max(10px,15px); height:10px; background-color:var(--main-color); } .difficulty-column { display:flex; flex-flow:row; margin-left:35px; } .difficulty-column::before { width:70px; content:"Difficulty"; font:900 12px/1 var(--mon-font); margin-left:-35px; } .impact-column::before { width:70px; content:"Impact"; font:900 12px/1 var(--mon-font); margin-left:-35px; } .difficulty { width:15px; height:10px; background-color:var(--clear-blue-color); } .difficulty:first-child { border-radius:10px 0 0 10px; } .difficulty:last-child { border-radius:0 10px 10px 0; } .impact:first-child { border-radius:10px 0 0 10px; } .impact:last-child { border-radius:0 10px 10px 0; } @media screen and (min-width:500px) { .balance-text{visibility:hidden}@media(scripting:none){.balance-text{visibility:visible}}@supports(text-wrap:balance){.balance-text{text-wrap:balance;visibility:visible}}} details[open] { position:fixed; top:0; left:0; right:0; bottom:0; overflow-y:auto; z-index:9999; background-color:rgb(0,0,0,.0); backdrop-filter:blur(20px) !important; -webkit-backdrop-filter:blur(20px) !important; transition:0.3s ease-out; } details[open]>div { transition:0.5s ease-out; box-shadow:2px 3px 9px 0 rgba(0,0,0,0.10); z-index:9999; background-color:white; max-width:800px; padding:100px; margin:5% auto; border-radius:20px; } @media screen and (max-width:1100px){ details[open]>div{margin:10%}details[open] summary{margin:15%!important}details[open] summary:before{content:"Tillbaka "!important}} @media screen and (max-width:600px){ details[open]>div{margin:5%!important;padding:5%!important}details[open] summary{margin:0 auto!important;top:90%!important;float:none!important}} summary { cursor:pointer; background-color:var(--link-color); border-radius:50px; border:none; padding:14px 25px 12px 25px !important; text-align:center; font:14px/1 var(--hind-font-semibold); color:var(--text-color); text-transform:uppercase; white-space:nowrap; letter-spacing:0.2px; width:fit-content; margin:3% 0; } summary::-webkit-details-marker { content:""; } summary#summary::marker { content:""; } details[open] summary:before { content:"Stäng " !important; } details[open] summary { content:none !important; margin:5%; position:sticky; top:10%; float:right; background-color:var(--link-color); border-radius:50px; border:none; padding:10px 25px 8px 25px; text-align:center; font:13px/1 var(--hind-font-semibold); color:var(--text-color); text-transform:uppercase; white-space:nowrap; letter-spacing:0.2px; width:fit-content; } @media print { @page{padding:3cm;margin:3cm}} .icon-block-small { position: relative; border-radius: 150px; border: solid 1px; padding: 0 30px 0 10px; display: flex; align-items: center; flex-direction: row; justify-content: space-between; height: 65px; transition:ease-out .3s; } .icon-block-small:hover { transform:scale(1.01); transition:ease-out .1s; background-color:white !important; border: solid 1px white !important; box-shadow: var(--reg-shadow); } .icon-block-small p { text-transform:uppercase; font:600 16px/16px var(--mon-font); margin-left: 53px; } .icon-block-small-icon i { font-size: 18px; } .icon-block-small-icon { position: absolute; display: flex; height: 45px; width: 45px; border-radius: 50px; align-items: center; justify-content: center; } .icon-block-small-container { display:flex; gap:20px; flex-wrap:wrap; margin:50px 0; justify-content:left; } .icon-block-container:before { width: 0vw !important; flex: 0 0 auto !important; } @media screen and (max-width:550px) { .icon-block-small{scroll-snap-align:center}.icon-block-small-container{flex-wrap:nowrap!important;gap:5px!important;width:300px;overflow:scroll;padding-bottom:20px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:left}.icon-block-container:before{content:''!important;width:50vw!important;flex:none!important}} .icon-block { border: solid 1px var(--cloud-blue-color); width: 130px; height: 130px; border-radius: 15px; background-color: #fafefe; padding: 40px 40px 30px 40px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .icon-block p { text-transform:uppercase; font:599 16px/1 var(--mon-font); margin:0; text-align:center; } .icon-block i { font-size:max(50px,70px); margin:0; } .icon-block-container { display:flex; gap:20px; flex-wrap:wrap; margin:50px 0; justify-content:center; } .icon-block-link .icon-block{ transition:ease .2s; } .icon-block-link { cursor: pointer !important; } .icon-block-link:hover .icon-block{ transform:scale(1.02); transition:ease .2s; border-radius:15px; background-color:white; display:flex; flex-direction:column; align-items:center; border: solid 1px white; box-shadow: var(--tran-shadow); } @media (max-width:550px) { .icon-block{width:120px;height:120px;padding:10px;justify-content:space-evenly}.icon-block p{font-size:14px}.icon-block i{font-size:min(calc(2.5rem + 2vw),70px);margin:0}} .column-two { column-count:2; } .column-two li { break-inside:avoid-column; } .column-two ol { margin:0; } @media screen and (max-width:600px) { .column-two{flex-direction:column;column-count:unset}} .scroll-link { display:inline-block; padding:10px; background-color:#555; color:#fff; text-decoration:none; border-radius:5px; cursor:pointer; } .scroll-link:hover { background-color:#333; } .scroll-animation { animation-name:scroll; animation-duration:1s; animation-timing-function:ease-out; } @keyframes scroll { 0%{transform:translateY(0)}100%{transform:translateY(-50%)}} .card-title { font-family:var(--hind-font); color:var(--clear-blue-color); margin:0; } .card-text { padding:3% 20% 20% 20%; margin:0; text-align:center; font-size:16px; } #sticky-div { display:flex; flex-direction:column; align-content:center; position:sticky; top:15vh; background-image:url(/img/background/safespring-map.svg); background-size:cover; border-radius:20px; width:60vw; height:60vh; margin:auto; align-items:flex-end; margin-bottom:50px; z-index:-30; } @media screen and (max-width:1100px) { #sticky-div{width:100%;height:80vh;top:10vh}.map{align-items:center!important}.card-content{right:0!important}} .map { display:flex !important; flex-direction:column; align-items:flex-end; } .card-icon { display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:150px; font-size:50px; padding:20px; top:-75px; position:absolute; } .icon-blue { color:var(--main-color); background-color:var(--cloud-blue-color); } .icon-green { color:var(--green-color); background-color:#f4fcf3; } .icon-orange { color:var(--link-color); background-color:#fff6f1; } .card-content { position:relative; display:flex; flex-direction:column; transition:all 0.5s; height:300px; width:300px; background:white; border-radius:40px; align-content:center; align-items:center; justify-content:flex-end; margin-bottom:300px; right:-20vw; box-shadow:0 2px 2px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.1); } .titleText { font-family: var(--hind-font) !important; color: var(--clear-blue-color) !important; fill: var(--clear-blue-color) !important; } .title { font-family: var(--hind-font) !important; color: var(--clear-blue-color) !important; fill: var(--clear-blue-color) !important; } .quadrant text { font-weight:599 !important; } @media screen and (max-width:900px) { .icon-block-horisontal{flex-direction:column;padding-right:0!important}.icon-block-color{height:100px;margin:0!important}.icon-block-horisontal p{padding:4% 10%}} .icon-block-horisontal { display: flex; border-radius: 20px; overflow: hidden; align-items: stretch; margin-top: 10px; padding-right: 20px; } .icon-block-color { font-size: 35px; display: flex; margin: 0 25px 0 0; min-width: 150px; } .footnotes li { margin-bottom: 0px; counter-increment: footnote-list; } .footnotes ol { counter-reset: footnote-list; list-style: none; } .footnotes ol li:before { content:counters(footnote-list,'.') ' '; } .footnotes ol li p { margin: -4px; padding: 0; display: inline; line-height: 1.2; } .footnote-backref { font-size: 0.8em; } sup a { font-size: 12px !important; font-weight: 599 !important; vertical-align: unset; margin: 2px; }