@font-face{font-family:'ZohoPuvi';src:url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff') format('woff'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:'ZohoPuvi';src:url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff') format('woff'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'ZohoPuvi';src:url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff') format('woff'),url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}body{font-family:ZohoPuvi,sans-serif}$base-margin:20px;$blue:#345F90;$tab-height:35px;$tab-border-radius:35px;body{background:rgba($blue,0.07);font-family:'Roboto',sans-serif;font-weight:300;font-size:16px;line-height:1.66667}.container{width:75%;margin:3rem auto}h2{color:$blue;font-size:24px;line-height:1.25;font-family:"Roboto Slab",serif;margin-top:$base-margin;margin-bottom:$base-margin}.tab-slider--nav{width:100%;float:left;margin-bottom:$base-margin}.tab-slider--tabs{display:block;float:left;margin:0;padding:0;list-style:none;position:relative;border-radius:$tab-border-radius;overflow:hidden;background:#fff;height:$tab-height;user-select:none;&:after{content:"";width:50%;background:$blue;height:100%;position:absolute;top:0;left:0;transition:all 250ms ease-in-out;border-radius:$tab-border-radius}&.slide:after{left:50%}}.tab-slider--trigger{font-size:12px;line-height:1;font-weight:bold;color:$blue;text-transform:uppercase;text-align:center;padding:11px $base-margin;position:relative;z-index:2;cursor:pointer;display:inline-block;transition:color 250ms ease-in-out;user-select:none;&.active{color:#fff}}.tab-slider--body{margin-bottom:$base-margin}