:root,[data-bs-theme=light]{--bs-body-color:#2C3241;--bs-body-bg:#ffffff;--a-text:#2C3241;--a-faint:rgba(44,50,65,.6);--a-bg:#ffffff;--a-alt:#F8F9FA;--a-menu:#EFEFEA;--a-line:#E9EAEC;--a-rule:rgba(44,50,65,.2);--a-accent:#626ED5;--a-bar:#89C5CC;--a-hover:#eee;--a-sel:rgba(242,242,242,.3);--a-shadow:0 4px 16px rgba(44,50,65,.08);--a-logo:none;--a-caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpolygon fill='%232C3241' points='58.44 10.5 61.5 13.59 64.56 10.5 65.5 11.451 61.5 15.5 57.5 11.451' opacity='.5' transform='translate(-57 -10)'/%3E%3C/svg%3E")}
[data-bs-theme=dark]{--bs-body-color:#E4E6EB;--bs-body-bg:#14161B;--a-text:#E4E6EB;--a-faint:rgba(228,230,235,.55);--a-bg:#14161B;--a-alt:#1A1D23;--a-menu:#1E2128;--a-line:#2A2E37;--a-rule:rgba(228,230,235,.25);--a-accent:#9AA3F5;--a-hover:#232730;--a-sel:rgba(255,255,255,.06);--a-shadow:0 4px 16px rgba(0,0,0,.5);--a-logo:invert(1) hue-rotate(180deg);--a-caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpolygon fill='%23E4E6EB' points='58.44 10.5 61.5 13.59 64.56 10.5 65.5 11.451 61.5 15.5 57.5 11.451' opacity='.6' transform='translate(-57 -10)'/%3E%3C/svg%3E")}

body{font-family:'PT Sans',sans-serif;font-size:14px;line-height:1.3;color:var(--a-text);background:var(--a-bg)}
a{color:var(--a-text);text-decoration:none;transition:opacity .2s,color .2s}
a:hover{opacity:1;color:var(--a-accent);text-decoration:none}
img{max-width:100%}
.container-xxl,.row{--bs-gutter-x:30px}
.bi{vertical-align:-.125em}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:2000;padding:8px 12px;background:var(--a-bg);box-shadow:var(--a-shadow)}
.form-group{margin-bottom:30px}
.form-control{height:48px;padding:12px 15px;font-family:'PT Sans',sans-serif;font-size:18px}
.form-control::placeholder{color:var(--a-faint);opacity:1}
.form-control:focus{border-color:var(--a-accent);box-shadow:0 0 0 .2rem rgba(98,110,213,.25)}
.btn{--bs-btn-padding-x:28px;--bs-btn-padding-y:11px;--bs-btn-font-size:18px;--bs-btn-font-weight:700;--bs-btn-line-height:1.34}
.btn-primary{--bs-btn-bg:#626ED5;--bs-btn-border-color:#626ED5;--bs-btn-hover-bg:#4e5bd0;--bs-btn-hover-border-color:#4e5bd0;--bs-btn-active-bg:#3a49ca;--bs-btn-active-border-color:#3a49ca;--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff}
.btn-subscribe{--bs-btn-bg:#B8B8B4;--bs-btn-border-color:#A2A29E;--bs-btn-hover-bg:#B8B8B4;--bs-btn-hover-border-color:#A2A29E;--bs-btn-active-bg:#B8B8B4;--bs-btn-active-border-color:#A2A29E}
.btn-secondary{--bs-btn-color:#2C3241;--bs-btn-bg:transparent;--bs-btn-border-color:#EBEBEB;--bs-btn-hover-color:#2C3241;--bs-btn-hover-bg:transparent;--bs-btn-hover-border-color:#EBEBEB;--bs-btn-active-color:#2C3241;--bs-btn-active-bg:transparent;--bs-btn-active-border-color:#EBEBEB;box-shadow:0 1px 3px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05)}

.page{display:flex;min-height:100vh;padding-top:64px;flex-direction:column}
.header{position:fixed;top:0;left:0;width:100%;background:var(--a-bg);box-shadow:var(--a-shadow);z-index:89}
.indicator{position:absolute;top:100%;left:0;width:100%}
.indicator-position{width:0;height:3px;background:var(--a-bar)}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0}
.navbar-brand{display:flex;min-height:64px;margin:0;padding:0;align-items:center}
.navbar-type{margin-left:12px;padding:3px 0 0 13px;border-left:1px solid var(--a-rule);opacity:.7;font-size:24px}
.navbar-type:hover{opacity:.7}
.navbar-pic,.footer-logo img{filter:var(--a-logo)}
.navbar-toggler{position:absolute;top:0;right:-15px;width:59px;height:64px;padding:26px 20px;border:solid var(--a-line);border-width:0 0 0 1px;border-radius:0}
.navbar-toggler:before,.navbar-toggler:after,.navbar-toggler span{display:block;width:18px;height:2px;background:#808080;transition:transform .2s,width .2s}
.navbar-toggler:before,.navbar-toggler:after{content:''}
.navbar-toggler span{margin:3px 0}
.navbar-toggler:focus{outline:none;box-shadow:none}
.navbar-toggler[aria-expanded=true]:before{transform:translateY(5px) rotate(45deg)}
.navbar-toggler[aria-expanded=true] span{transform:rotate(-45deg)}
.navbar-toggler[aria-expanded=true]:after{transform:translateY(-5px) rotate(45deg)}
.navbar-collapse{margin:0 -15px;padding:10px 0;border-top:1px solid var(--a-line)}
.navbar-nav{margin:auto}
.navbar-nav .nav-link{padding:10px 15px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--a-text)}
.navbar-nav .show>.nav-link,.navbar-nav .nav-link.show{color:var(--a-text)}
.navbar-nav .nav-link:hover{color:var(--a-accent)}
.dropdown-toggle:after{content:"";display:inline-block;width:9px;height:6px;margin-left:6px;background:var(--a-caret) no-repeat;background-size:contain;border:none;vertical-align:2px}
.dropdown-menu{margin:0;padding:0;border:none;border-radius:0}
.dropdown-menu.show{display:none}
.dropdown-item{position:relative;padding:10px 15px 10px 30px;font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--a-text)}
.dropdown-item:not(:last-child){border-bottom:1px solid var(--a-line)}
.dropdown-item:hover,.dropdown-item:focus{color:var(--a-accent);background:var(--a-alt)}
.dropdown-item.active,.dropdown-item:active{background:var(--a-sel);color:var(--a-accent);z-index:2}
.dropdown-item.active:before{content:'';position:absolute;top:-1px;left:0;bottom:-1px;width:3px;background:var(--a-bar)}
@media (hover:none){.dropdown-menu.show{display:block}}
@media (hover:hover){.dropdown:hover .dropdown-menu{display:block}}
.socials{display:flex;align-items:center}
.socials-item{display:inline-flex;padding:10px;background:none;border:0;line-height:1;color:var(--a-text);cursor:pointer;transition:opacity .2s}
.socials-item:hover{opacity:.7}
.socials-pic{width:24px;height:24px;fill:currentColor}
.lang-icon{width:24px;height:24px}
.lang-icon-dark,[data-bs-theme=dark] .lang-icon-light{display:none}
[data-bs-theme=dark] .lang-icon-dark{display:inline}
.theme-glyph{display:inline-block;width:24px;height:24px;font-size:24px;line-height:24px;text-align:center;transition:transform .5s ease}
[data-bs-theme=dark] .theme-glyph{transform:rotate(180deg)}

.section-blog{padding:48px 0 42px}
.section-head{padding:48px 0;border-bottom:1px solid var(--a-line);text-align:center}
.section-body{padding:48px 0}
.section-gray{background:var(--a-alt)}
.section-title{margin:0;font-family:'PT Serif',serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.11111}
.section-about{margin-top:20px;opacity:.7;font-size:22px;line-height:1.33333}
.section-cta,.section-showcase{padding-top:7em;padding-bottom:7em}
.more{text-align:center;margin:auto}
.more .btn{min-width:100%}
.cta-text{padding-top:2em}
.cta-text a{text-decoration:underline}

.card{margin-bottom:30px;background:none;border:none;border-radius:0}
.card-body{display:flex;flex-direction:column;padding:0}
.card-preview{display:block;margin-bottom:20px}
.card-pic{display:block;width:100%;height:auto}
.card-meta{margin-bottom:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.card-title{display:inline-block;margin-bottom:16px;font-family:'PT Serif',serif;font-size:26px;font-weight:700;line-height:1.23;vertical-align:top;transition:color .2s}
.card-author{font-size:36px}
.card-actions,.card-explain{margin-top:30px;margin-bottom:30px;font-size:13px;letter-spacing:.7px}
.card-explain{font-weight:700}
.card-dots{float:left;font-size:24px;padding-right:8px;padding-bottom:72px}
.card-icon{display:inline-block;width:20px;text-align:center}
.card-user{margin-top:auto}
.user{display:flex;align-items:center;font-size:16px}
.user-name{font-weight:700}
.user-meta{opacity:.7}
.adage-heart{padding:0;background:none;border:0;font:inherit;line-height:1;cursor:pointer}
.card-featured{display:flex;font-stretch:condensed}
.card-featured .user{font-size:18px}
.card-featured .user-name{margin-bottom:4px}
.card-featured .card-body{margin-bottom:30px;order:1}
.card-featured .card-preview{margin:0;order:2}
.card-featured .card-meta,.card-featured .card-actions,.card-featured .card-explain{margin-bottom:20px;font-size:15px}
.card-featured .card-title{margin-bottom:24px;font-size:42px;letter-spacing:-.38px;line-height:1.14286}
.mo-block{clear:both}

.pagination{--bs-pagination-color:#A2A29E;--bs-pagination-bg:var(--a-bg);--bs-pagination-border-color:var(--a-line);--bs-pagination-hover-color:var(--a-text);--bs-pagination-hover-bg:var(--a-hover);--bs-pagination-hover-border-color:var(--a-line);--bs-pagination-focus-color:var(--a-text);--bs-pagination-focus-bg:var(--a-hover);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#CECEC9;--bs-pagination-active-border-color:#CECEC9;--bs-pagination-disabled-color:#A2A29E;--bs-pagination-disabled-bg:var(--a-bg);--bs-pagination-disabled-border-color:var(--a-line)}
.pagination .active>.page-link:hover{background:#EFEFEA;border-color:#EFEFEA}
.pagination-wrap{padding-bottom:7em}

.menu{border:solid var(--a-line);border-width:1px 0;text-align:center;background:var(--a-menu)}
.menu-list{margin:0 -15px}
.menu-lead{padding-right:1em}
.menu-linky{display:block;padding:18px 15px;font-size:14px;letter-spacing:.8px;line-height:1.71429;text-transform:uppercase}
.menu-linky:not(:last-child){border-bottom:1px solid var(--a-line)}
.footer{padding:14em 0 7em;text-align:center}
.footer-logo{display:inline-block;margin-bottom:14px}
.footer-about{max-width:560px;margin:0 auto 34px;opacity:.7;font-size:24px;line-height:1.33333}
.footer-nav{margin-top:24px;padding-top:7em}
.footer-link{margin:0 10px;opacity:.6;white-space:nowrap}
.footer .socials{justify-content:center;padding-bottom:2em}
.subscribe{margin-bottom:18px}
.subscribe .form-group{margin:0 0 10px}
.subscribe .btn{width:100%}
.subscribe-content{margin-top:16px;opacity:.6}

.page-text{max-width:820px;margin:0 auto;font-size:18px;line-height:1.6}
.page-text h2{margin:2em 0 .6em;font-family:'PT Serif',serif;font-size:28px;font-weight:700}
.page-text>:first-child{margin-top:0}
.page-text p,.page-text ul{margin-bottom:1.1em}
.page-text a{color:var(--a-accent);text-decoration:underline}
.page-facts dt{font-weight:700}
.code-sample{padding:16px;overflow:auto;font-size:13px;background:var(--a-alt);border:1px solid var(--a-line);border-radius:4px}
.has-logo .page-text{max-width:none;margin:0}
.page-logo{max-width:340px;margin:0 auto 32px;filter:var(--a-logo)}
.page-logo svg{display:block;width:100%;height:auto}
.lang-noun{font-size:16px}
.lang-verb{opacity:.8}
.lang-choice{display:flex;flex-direction:column;height:100%;padding:10px 12px;border:1px solid var(--a-line);border-radius:4px;line-height:1.25}
.lang-choice:hover,.lang-choice.active{border-color:var(--a-accent)}
.lang-native{font-size:16px;font-weight:700}
.lang-english{opacity:.7;font-size:12px}

@media (min-width:768px){
 .section-blog{padding:80px 0 70px}.section-head{padding:72px 0}.section-body{padding:100px 0}
 .section-title{font-size:54px}.section-about{font-size:24px}
 .card{margin-bottom:70px}
 .card-featured{flex-direction:row;justify-content:space-between;align-items:center}
 .card-featured .card-body,.card-featured .card-preview{flex:0 0 50%}
 .card-featured .card-body{margin:0}
 .card-featured .card-preview{padding-left:15px}
 .card-featured .card-meta,.card-featured .card-actions,.card-featured .card-explain{margin-bottom:24px}
 .card-featured .card-title{margin-bottom:32px;letter-spacing:-.48px}
 .card-top .card-body{padding-right:55px}
 .card-top .card-title{font-size:54px}
 .more .btn{min-width:360px}
 .menu{padding:12px 0}.menu-list{margin:0}.menu-linky{display:inline-block;margin:0 8px;padding:10px}.menu-linky:not(:last-child){border:none}
 .footer-about{margin-bottom:24px}.footer-nav{margin-top:36px}
 .subscribe-form{display:flex;justify-content:center}
 .subscribe .form-group{margin:0 10px 0 0;flex:0 0 316px}.subscribe .btn{width:auto}
}
@media (min-width:992px){
 .page{padding-top:70px}
 .navbar-brand{min-height:70px}.navbar-toggler{height:70px}
 .navbar-collapse{margin:0;padding:0;border:none}
 .navbar-nav{padding-top:4px}
 .navbar-nav .nav-item{margin:0 10px}.navbar-nav .nav-link{padding:11px}
 .navbar .dropdown-menu,.navbar .dropdown-menu[data-bs-popper]{top:100%;left:-8px;margin:0;width:222px;padding:10px 0;border-radius:4px;box-shadow:0 13px 18px -8px rgba(0,0,0,.15),0 29px 45px 4px rgba(0,0,0,.08),0 11px 55px 10px rgba(0,0,0,.07)}
 .dropdown-item{padding:10px 20px}
 .page-logo{position:sticky;top:90px;max-width:none;margin:0}
}

/* right-to-left languages (ar he fa ur ps sd ug yi bal skr): the layout above is written left-to-right, these rules mirror what is not symmetrical */
[dir=rtl] .skip-link:focus{left:auto;right:8px}
[dir=rtl] .navbar-type{margin-left:0;margin-right:12px;padding:3px 13px 0 0;border-left:0;border-right:1px solid var(--a-rule)}
[dir=rtl] .navbar-toggler{right:auto;left:-15px;border-width:0 1px 0 0}
[dir=rtl] .dropdown-toggle:after{margin-left:0;margin-right:6px}
[dir=rtl] .dropdown-item{padding:10px 30px 10px 15px}
[dir=rtl] .dropdown-item.active:before{left:auto;right:0}
[dir=rtl] .card-dots{float:right;padding-right:0;padding-left:8px}
[dir=rtl] .menu-lead{padding-right:0;padding-left:1em}
@media (min-width:768px){
 [dir=rtl] .card-featured .card-preview{padding-left:0;padding-right:15px}
 [dir=rtl] .card-top .card-body{padding-right:0;padding-left:55px}
 [dir=rtl] .subscribe .form-group{margin:0 0 0 10px}
}
@media (min-width:992px){
 [dir=rtl] .navbar .dropdown-menu,[dir=rtl] .navbar .dropdown-menu[data-bs-popper]{left:auto;right:-8px}
 [dir=rtl] .dropdown-item{padding:10px 20px}
}