/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

/* Font */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    src: local('Nunito Sans'),
        url('fonts/nunitosans.woff2') format('woff2');
    font-display: swap
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    src: local('Quicksand'),
        url('fonts/quicksand.woff2') format('woff2');
    font-display: swap
}

/* Main Colors */
:root {
    --d-blue: #001A80;
    --grey: #636363;
    --d-grey: #464646;
    --l-grey: rgba(70, 70, 70, .40);
    --transition: 200ms ease-in-out
}

/*--- General ---*/
body {
    font-family: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375rem;
    background-color: #fff;
    color: var(--d-grey)
}

/*--- Modify BS values ---*/
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem
}
.btn-primary {
    --bs-btn-bg: var(--d-blue);
    --bs-btn-border-color: var(--d-blue);
    --bs-btn-disabled-bg: var(--d-blue);
    --bs-btn-disabled-border-color: var(--d-blue);
}
.btn-primary:hover {
    border-color: #000C4D;
    background-color: #000C4D
}

/*Header*/
#nav-main.navbar {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 .125rem .125rem 0 rgba(46, 46, 46, .08), 0 .25rem .5rem 0 rgba(46, 46, 46, .08)
}
#nav-main .header-actions button.btn {
    padding: .30469rem .14063rem;
    border: none
}
#nav-main .header-actions button.btn svg {display: block}
.navbar .navbar-brand {
    flex-direction: column;
    display: flex;
    justify-content: center;
    height: 4.5rem
}
#nav-main .offcanvas {
    background: transparent;
    border: none;
    max-width: 100dvw
}
#nav-main .offcanvas .offcanvas-header {
    height: 4.5rem;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 0
}
#nav-main .offcanvas .offcanvas-header>button {
    content: "";
    display: block;
    width: 1.21875rem;
    height: 1.64063rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="none"><g fill="%23464646" clip-path="url(%23a)"><path d="M3.312 13.46 15.918 1.365a.72.72 0 0 1 .493-.196.792.792 0 0 1 .516.186.743.743 0 0 1 .26.468.666.666 0 0 1-.133.499l-.065.071L4.383 14.49a.72.72 0 0 1-.493.196.792.792 0 0 1-.516-.187.742.742 0 0 1-.26-.468.666.666 0 0 1 .133-.498l.065-.072ZM.222 7.265h-.694l-.004.007c-.007.025-.013.12-.018.265A16.097 16.097 0 0 0-.49 8.54c.005.127.012.198.02.198h.693l.004-.007c.007-.025.013-.12.018-.265A16.097 16.097 0 0 0 .24 7.463c-.005-.127-.012-.198-.02-.198Z"/><path d="M16.689 13.607 4.083 1.51l-.075-.061a.738.738 0 0 0-.52-.13.793.793 0 0 0-.487.252.725.725 0 0 0-.194.495c.001.18.075.348.204.473l12.606 12.095.074.062a.739.739 0 0 0 .52.128.793.793 0 0 0 .488-.25.725.725 0 0 0 .194-.495.663.663 0 0 0-.204-.473Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M.25.875h19.5v14.25H.25z"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    padding: .75rem 1rem;
    background-color: #fff;
    border: none;
    opacity: 1
}
#nav-main .offcanvas .offcanvas-body {
    margin: 1rem;
    padding: 1rem 1.5rem;
    background-color: #fff;
    border-radius: .5rem;
    border: .063rem solid #DEDEDE;
    box-shadow: 0 1.875rem 3.75rem -1.875rem rgba(0, 0, 0, .30), 0 3.125rem 6.25rem -1.25rem rgba(0, 0, 0, .24)
}
#nav-main .offcanvas .offcanvas-body .offcanvas-title {
    display: flex;
    align-items: center;
    height: 3.5rem;
    padding: 0 .5rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item {
    display: flex;
    align-items: center
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    height: 3rem;
    padding: 0;
    color: var(--d-grey)
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link span {flex-grow: 2}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link:after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="%23636363" d="M.5 5.5h9.78a.5.5 0 0 1 0 1H.5a.51.51 0 0 1-.36-.14.5.5 0 0 1 0-.7c.1-.1.23-.16.36-.16Z"/><path fill="%23636363" d="M6.49.67a.5.5 0 0 1 .35.13l4.95 4.72a.66.66 0 0 1 0 .96L6.84 11.2a.5.5 0 1 1-.69-.73L10.63 6 6.15 1.53A.5.5 0 0 1 6.5.67Z"/></svg>');
    background-repeat: no-repeat;
    width: .75025rem;
    height: .66669rem
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem
}

#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item.nav-item-1904 .nav-link:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23636363" d="M8.8 2.1a1.87 1.87 0 0 1 2.4 0l5.63 4.75c.43.36.67.88.67 1.44v8.17a1.46 1.46 0 0 1-1.46 1.46h-2.91a1.46 1.46 0 0 1-1.46-1.46v-4.59a.2.2 0 0 0-.21-.2H8.54a.2.2 0 0 0-.2.2v4.59a1.46 1.46 0 0 1-1.46 1.46H3.96a1.46 1.46 0 0 1-1.46-1.46V8.29c0-.56.24-1.08.67-1.44l5.62-4.74Zm1.6.96a.62.62 0 0 0-.8 0L3.97 7.81a.63.63 0 0 0-.22.48v8.17c0 .11.1.2.2.2h2.92a.2.2 0 0 0 .21-.2v-4.59c0-.8.66-1.46 1.46-1.46h2.92c.8 0 1.46.66 1.46 1.46v4.59c0 .11.09.2.2.2h2.92a.2.2 0 0 0 .21-.2V8.29a.63.63 0 0 0-.22-.48L10.4 3.06Z"/></svg>')
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item.nav-item-10 .nav-link:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M6.99717 9.36802C7.15972 9.33553 7.30271 9.2398 7.39469 9.10188C7.48666 8.96397 7.52007 8.79516 7.48758 8.63261C7.4551 8.47005 7.35936 8.32706 7.22144 8.23509C7.08353 8.14312 6.91472 8.1097 6.75217 8.14219C5.99967 8.29219 5.43133 8.81886 5.12883 9.52469C4.82883 10.223 4.78467 11.0964 5.01883 12.0314C5.03712 12.1126 5.07146 12.1894 5.11985 12.2572C5.16823 12.325 5.22968 12.3824 5.30059 12.4262C5.37149 12.4699 5.45041 12.499 5.53272 12.5118C5.61503 12.5245 5.69906 12.5207 5.77988 12.5006C5.86069 12.4804 5.93667 12.4443 6.00333 12.3943C6.06999 12.3444 6.12599 12.2816 6.16805 12.2097C6.21011 12.1378 6.23738 12.0583 6.24824 11.9757C6.25911 11.8931 6.25336 11.8092 6.23133 11.7289C6.048 10.9972 6.108 10.4122 6.27717 10.0172C6.44383 9.62886 6.70883 9.42552 6.99717 9.36719V9.36802ZM4.55883 2.85469C4.52327 3.44633 4.60991 4.03896 4.81335 4.59566C5.01679 5.15236 5.33268 5.66122 5.74133 6.09052C4.94747 6.31814 4.23672 6.77125 3.69533 7.39489C3.15393 8.01853 2.80516 8.78589 2.69133 9.60386C2.41704 11.5665 2.81973 13.5641 3.833 15.2672L4.12467 15.7589C4.13572 15.7769 4.14768 15.7945 4.1605 15.8114L5.3405 17.3997C5.59043 17.7363 5.91073 18.0144 6.2791 18.2147C6.64748 18.4149 7.05506 18.5324 7.47349 18.5591C7.89191 18.5857 8.31111 18.5209 8.70191 18.369C9.09271 18.2171 9.44571 17.9819 9.73633 17.6797C9.77031 17.6444 9.81108 17.6162 9.85618 17.597C9.90129 17.5778 9.94981 17.5679 9.99883 17.5679C10.0479 17.5679 10.0964 17.5778 10.1415 17.597C10.1866 17.6162 10.2274 17.6444 10.2613 17.6797C10.552 17.9819 10.905 18.2171 11.2958 18.369C11.6866 18.5209 12.1058 18.5857 12.5242 18.5591C12.9426 18.5324 13.3502 18.4149 13.7186 18.2147C14.0869 18.0144 14.4072 17.7363 14.6572 17.3997L15.8372 15.8105C15.8497 15.7936 15.8614 15.7761 15.8722 15.758L16.1647 15.2664C17.1786 13.5638 17.5822 11.5665 17.3088 9.60386C17.2282 9.02554 17.0296 8.46993 16.7255 7.97144C16.4214 7.47295 16.0183 7.04218 15.541 6.7058C15.0637 6.36943 14.5224 6.1346 13.9507 6.01587C13.3789 5.89713 12.7889 5.89702 12.2172 6.01552L10.633 6.34386H10.6305C10.6555 5.69386 10.7572 4.99386 10.9563 4.39552C11.198 3.67219 11.533 3.23719 11.9063 3.08219C12.0594 3.01832 12.1808 2.89626 12.2439 2.74287C12.3069 2.58948 12.3065 2.41733 12.2426 2.26427C12.1787 2.11122 12.0567 1.98981 11.9033 1.92675C11.7499 1.86369 11.5777 1.86415 11.4247 1.92802C10.548 2.29386 10.0497 3.16136 9.7705 3.99969L9.73217 4.11802C9.52695 3.72148 9.2619 3.3589 8.94633 3.04302C8.51415 2.61035 7.99498 2.27443 7.4232 2.0575C6.85142 1.84057 6.24009 1.74758 5.62967 1.78469C5.35109 1.80073 5.08809 1.91845 4.89056 2.11552C4.69302 2.3126 4.57469 2.57532 4.558 2.85386L4.55883 2.85469ZM5.803 3.02719C6.22117 3.01512 6.63739 3.08874 7.02606 3.24352C7.41472 3.39829 7.7676 3.63096 8.063 3.92719C8.35923 4.22259 8.5919 4.57547 8.74667 4.96413C8.90145 5.3528 8.97507 5.76902 8.963 6.18719C8.81186 6.19129 8.66062 6.18433 8.5105 6.16636L7.99633 6.05969C7.50763 5.9139 7.06307 5.64836 6.703 5.28719C6.40677 4.99179 6.1741 4.63891 6.01933 4.25025C5.86455 3.86158 5.79093 3.44536 5.803 3.02719ZM7.52717 7.23886L7.6955 7.27386C7.8955 7.33052 8.09883 7.37302 8.30383 7.40052L9.11217 7.56719C9.69762 7.68848 10.3017 7.68848 10.8872 7.56719L12.4722 7.23886C12.8765 7.15507 13.2937 7.15516 13.6979 7.23913C14.1022 7.32311 14.4849 7.48917 14.8224 7.72704C15.1598 7.96492 15.4449 8.26954 15.6599 8.62204C15.8748 8.97454 16.0152 9.36742 16.0722 9.77636C16.3062 11.4578 15.9602 13.1688 15.0913 14.6272L14.8155 15.0914L13.6547 16.6547C13.513 16.8455 13.3314 17.0032 13.1226 17.1167C12.9138 17.2302 12.6827 17.2968 12.4456 17.3118C12.2084 17.3269 11.9708 17.2901 11.7492 17.2039C11.5277 17.1178 11.3277 16.9844 11.163 16.813C11.0125 16.6563 10.8318 16.5317 10.6319 16.4465C10.432 16.3614 10.217 16.3175 9.99967 16.3175C9.78238 16.3175 9.56734 16.3614 9.36743 16.4465C9.16753 16.5317 8.98688 16.6563 8.83633 16.813C8.67165 16.9844 8.47159 17.1178 8.25009 17.2039C8.02858 17.2901 7.79096 17.3269 7.55377 17.3118C7.31659 17.2968 7.08554 17.2302 6.87672 17.1167C6.6679 17.0032 6.48633 16.8455 6.34467 16.6547L5.18383 15.0914L4.908 14.6272C4.0394 13.1687 3.69374 11.4577 3.928 9.77636C3.985 9.36751 4.12531 8.97471 4.34024 8.62228C4.55516 8.26984 4.84014 7.96526 5.17752 7.7274C5.5149 7.48954 5.89751 7.32345 6.30167 7.23942C6.70583 7.15538 7.12293 7.15519 7.52717 7.23886Z" fill="%23636363"/></svg>')
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item.nav-item-13 .nav-link:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23636363" d="M14.8 2.5a2.7 2.7 0 0 1 2.7 2.7v9.6a2.7 2.7 0 0 1-2.7 2.7H5.2a2.7 2.7 0 0 1-2.7-2.7V5.2a2.7 2.7 0 0 1 2.7-2.7h9.6Zm1.45 4.58H3.75v7.71c0 .8.65 1.46 1.46 1.46h9.58a1.46 1.46 0 0 0 1.46-1.46V7.1Zm-9.8 5a1.04 1.04 0 1 1 0 2.09 1.04 1.04 0 0 1 0-2.09Zm3.55 0a1.04 1.04 0 1 1 0 2.09 1.04 1.04 0 0 1 0-2.09ZM6.46 8.75a1.04 1.04 0 1 1 0 2.08 1.04 1.04 0 0 1 0-2.08Zm3.54 0a1.04 1.04 0 1 1 0 2.08 1.04 1.04 0 0 1 0-2.08Zm3.54 0a1.04 1.04 0 1 1 0 2.08 1.04 1.04 0 0 1 0-2.08Zm1.25-5H5.21a1.46 1.46 0 0 0-1.46 1.46v.62h12.5v-.62a1.46 1.46 0 0 0-1.46-1.46Z"/></svg></svg>')
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item.nav-item-11 .nav-link:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23636363" d="m10.2 4.7.75 1.55 1.7.24c.18.03.25.24.12.36l-1.23 1.2.3 1.7a.21.21 0 0 1-.32.23L10 9.18l-1.52.8a.21.21 0 0 1-.31-.23l.3-1.7-1.24-1.2a.21.21 0 0 1 .12-.36l1.7-.24.76-1.55a.21.21 0 0 1 .38 0Zm5.63 2.8a5.83 5.83 0 1 0-10 4.08v6.13l.01.09a.63.63 0 0 0 .98.42L10 15.98l3.18 2.24.08.05a.62.62 0 0 0 .9-.56v-6.13a5.81 5.81 0 0 0 1.67-4.08Zm-2.91 5.05v3.95l-2.56-1.8-.08-.05a.63.63 0 0 0-.64.05l-2.56 1.8v-3.95a5.8 5.8 0 0 0 5.84 0ZM5.42 7.5a4.58 4.58 0 1 1 9.16 0 4.58 4.58 0 0 1-9.16 0Z"/></svg>')
}
#nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item.nav-item-12 .nav-link:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23636363" d="M7.08 4.58a.83.83 0 1 0 0 1.67.83.83 0 0 0 0-1.67Zm-.83 6.67a.83.83 0 1 1 1.67 0 .83.83 0 0 1-1.67 0Zm.83-3.75a.83.83 0 1 0 0 1.67.83.83 0 0 0 0-1.67Zm2.09-2.08a.83.83 0 1 1 1.66 0 .83.83 0 0 1-1.66 0Zm.83 5a.83.83 0 1 0 0 1.66.83.83 0 0 0 0-1.66Zm2.08.83a.83.83 0 1 1 1.67 0 .83.83 0 0 1-1.67 0ZM10 7.5a.83.83 0 1 0 0 1.67.83.83 0 0 0 0-1.67ZM5.2 1.67a1.87 1.87 0 0 0-1.87 1.87V17.3c0 .35.28.63.63.63h12.08a.62.62 0 0 0 .63-.63V9.8a1.88 1.88 0 0 0-1.88-1.87h-1.04V3.54a1.88 1.88 0 0 0-1.88-1.87H5.21Zm-.62 1.87a.63.63 0 0 1 .63-.62h6.66a.62.62 0 0 1 .63.62v5c0 .35.28.63.62.63h1.67a.62.62 0 0 1 .63.62v6.88h-1.67v-2.3a.63.63 0 0 0-.63-.62H6.87a.62.62 0 0 0-.62.63v2.29H4.58V3.54ZM12.5 15v1.67h-1.88V15h1.88Zm-3.13 0v1.67H7.5V15h1.87Z"/></svg>')
}

/*Footer*/
.bootscore-footer{
    box-shadow: 0 -.125rem .125rem 0 rgba(46, 46, 46, .08), 0 -.25rem .5rem 0 rgba(46, 46, 46, .08);
    padding-top:2.5rem;
    padding-bottom:2rem
}
.bootscore-footer .top-footer {
    text-align: center;
    border-bottom: .063rem solid #DEDEDE;
    padding-bottom:1.5rem
}
.bootscore-footer .footer-columns{padding:0 0 1.5rem}
.bootscore-footer .footer-columns .widget-title{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    height:3.1875rem;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.375rem;
    margin-bottom: 0
}
.bootscore-footer .footer-columns .widget-title:after{
    content:"";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="%23464646" d="M2.16 5.51a.56.56 0 0 1 .8 0l5.03 5.11 5.04-5.1a.56.56 0 0 1 .62-.15.56.56 0 0 1 .3.32.58.58 0 0 1-.13.63L8.4 11.83a.56.56 0 0 1-.8 0L2.17 6.32a.57.57 0 0 1 0-.8Z"/></svg>');
    background-repeat: no-repeat;
    transition: var(--transition)
}
.bootscore-footer .footer-columns .widget-title.active:after{transform: rotate(180deg)}
.bootscore-footer .footer-columns .widget-title + div{border-bottom: .063rem solid #DEDEDE}
.bootscore-footer .footer-columns ul.menu{
    display:none;
    margin-bottom: 1.5rem
}
.bootscore-footer .footer-columns ul.menu li a{
    display: block;
    padding:.5rem 1rem;
    text-decoration: none;
    color:var(--d-grey);
    font-size: 1rem
}
.bootscore-info {padding-bottom:2rem}
.bootscore-info .footer_apps .textwidget p{
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin-bottom:1.5rem
}
.bootscore-info .footer_apps .textwidget p a{
    display: block;
    min-width: 10rem;
    padding: .5rem;
    border-radius: 62.4375rem;
    border: 1px solid #DEDEDE;
    background: #F8F8F8
}
.bootscore-info .footer_apps .textwidget p{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom:1.5rem
}
.bootscore-info .footer_social p{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom:1rem
}
.bootscore-info .footer-info_widget .textwidget p{
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: .0125rem;
    margin-bottom: 0
}


/*Home Header*/
.home-header{
    gap:2rem;
    flex-direction: column
}
.home-header .home-img{
    display: block;
    overflow: hidden;
    height: 16rem;
    border-radius: 2rem;
    background: #E8EFFB;
    transition: var(--transition)
}
.home-header .home-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: var(--transition)
}
.home-header .home-title{
    margin-bottom: 1.5rem;
    font-size: 1.6875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    color:var(--d-blue);
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.home-header .home-intro{
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.1875rem
}
.home-header p:last-child{margin-bottom:0}

.main-title{
    margin-bottom: 0;
    color: #001A80;
    font-size: 1.6875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.secondary-title{
    margin-bottom: 0;
    color: #001A80;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8125rem;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

/*Post Cards*/
.card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 0 .25rem 0 rgba(34, 34, 34, .08), 0 0 .5rem 0 rgba(34, 34, 34, .08), 0 0 1rem 0 rgba(34, 34, 34, .08), 0 0 1.5rem 0 rgba(34, 34, 34, .08);
}
.card.card-h{
    margin-bottom: 1rem;
    border-radius: .5rem
}
.card .card-img{border-radius: unset}
.card .card-img a {
    display: block;
    height: 11rem;
    overflow: hidden;
    transition:var(--transition)
}
.card .card-img a img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
    border-radius: unset
}
.card .card-body{
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    gap: .5rem;
    align-self: stretch
}
.card .card-body .category-badge{margin:0}
.card .card-body .category-badge a{
    font-size: .6875rem;
    font-weight: 500;
    line-height: .875rem;
    border-radius: 62.4375rem;
    background-color: var(--d-blue)!important;
    color:#fff!important;
    transition: var(--transition)
}
.card .card-body .category-badge a:hover{background: #000C4D!important}
.card .card-body .category-badge a:active, .card .card-body .category-badge a:focus{
    background-color: #F6F8FD!important;
    color:#001A80!important;
    box-shadow: 0 0 0 .125rem #FFF inset, 0 0 0 .125rem #001A80;
}
.card .card-body .card-date{
    display: flex;
    gap:.25rem;
    font-size: .625rem;
    line-height: .8125rem;
    color:var(--grey)
}
.card .card-body .card-date:before {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" fill="none"><path fill="%23636363" d="M8.88 2a1.62 1.62 0 0 1 1.62 1.63v5.75A1.62 1.62 0 0 1 8.87 11H3.13A1.62 1.62 0 0 1 1.5 9.37V3.63A1.62 1.62 0 0 1 3.13 2h5.75Zm.87 2.75h-7.5v4.63c0 .48.4.87.88.87h5.75a.88.88 0 0 0 .87-.88V4.75Zm-5.88 3a.62.62 0 1 1 0 1.25.62.62 0 0 1 0-1.25Zm2.13 0A.62.62 0 1 1 6 9a.62.62 0 0 1 0-1.25Zm-2.13-2a.62.62 0 1 1 0 1.25.62.62 0 0 1 0-1.25Zm2.13 0A.62.62 0 1 1 6 7a.62.62 0 0 1 0-1.25Zm2.13 0a.62.62 0 1 1 0 1.25.62.62 0 0 1 0-1.25Zm.74-3H3.13a.88.88 0 0 0-.88.88V4h7.5v-.38a.88.88 0 0 0-.88-.87Z"/></svg>');
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem
}
.card .card-body .card-title{
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3125rem;
    margin: .25rem 0
}
.card .card-body .card-title a{
    color:var(--d-grey);
    text-decoration: none
}
.card .card-body .card-text{
    font-size: .9375rem;
    line-height: 1.1875rem;
    margin-bottom: 0
}
.card .card-body .read-more{
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-top:auto;
    margin-top:1rem;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.375rem;
    color:var(--d-blue);
    text-decoration: none
}
.card .card-body .read-more:after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" fill="none" viewBox="0 0 12 12"><path fill="%23001A80" d="M.5 5.5h9.79a.5.5 0 0 1 0 1H.5a.51.51 0 0 1-.36-.14.5.5 0 0 1 0-.7c.1-.1.22-.16.36-.16Z"/><path fill="%23001A80" d="M6.5.67a.5.5 0 0 1 .35.13l4.94 4.72a.66.66 0 0 1 0 .96L6.85 11.2a.5.5 0 1 1-.7-.73L10.64 6 6.16 1.53a.5.5 0 0 1 .33-.86Z"/></svg>');
    background-repeat: no-repeat;
    width: .563rem;
    height: .5rem
}
.card .card-body .read-more:active, .card .card-body .read-more:focus{
    border-radius: .25rem;
    color:#001A80!important;
    box-shadow: 0 0 0 .125rem #FFF inset, 0 0 0 .125rem #001A80;
}

/*--- Pagination ---*/
.pagination {background: #fff}
.pagination .page-item{
    display: flex;
    border:.063rem solid #EEE;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    color:var(--grey);
    font-weight: 500;
    border-left-color:transparent;
    border-right-color:transparent
}
.pagination .page-link{
    display: flex;
    min-width: 3rem;
    height: 3rem;
    padding: 0 1rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    color:var(--grey);
    border:1px solid transparent;
    font-weight: 500;
    border-radius: .5rem
}
.pagination .page-item a.page-link:hover{
    border: .063rem solid #DAE5FB;
    color:var(--d-blue);
    background: #F6F8FD
}
.pagination .active .page-link{
    border-radius: .5rem;
    background: var(--d-blue);
    color:#fff
}
.pagination .page-link:focus{
    box-shadow: none;
    border-radius: .5rem;
    border: .063rem solid #DAE5FB;
    background: #F6F8FD
}
.pagination .page-item.previous, .pagination .page-item.next{border:none}
.pagination .page-item.previous .page-link, .pagination .page-item.next .page-link{
    color:var(--d-blue);
    overflow: hidden;
    border-color:#EEE;
    height: calc(3rem + .125rem)
}
.pagination .page-item.previous .page-link:not(:hover), .pagination .page-item.next .page-link:not(:hover){color:var(--grey)}
.pagination .page-item.previous .page-link:not(:hover):before, .pagination .page-item.next .page-link:not(:hover):after{filter:grayscale(1) opacity(.75)}
.pagination .page-item.previous.first .page-link, .pagination .page-item.next.last .page-link{
    color:rgba(70, 70, 70, .4);
    pointer-events: none
}
.pagination .page-item.previous.first .page-link:before, .pagination .page-item.next.last .page-link:after{filter:grayscale(1) opacity(.33)}
.pagination .page-item.previous a.page-link:hover, .pagination .page-item.next a.page-link:hover{border: .063rem solid #DAE5FB}
.pagination .page-item.previous span.page-link:hover, .pagination .page-item.next span.page-link:hover{background: transparent}
.pagination .page-item.previous span:not(.page-link), .pagination .page-item.next span:not(.page-link){display:none}
.pagination .page-item.previous .page-link{
    border-radius: 62.4375rem 0 0 62.4375rem;
    border-right-color: transparent;
    padding-left:1.5rem
}
.pagination .page-item.previous .page-link:before{
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="%23001A80" d="M11.5 5.5H1.72a.5.5 0 0 0 0 1h9.78a.5.5 0 0 0 .36-.85.51.51 0 0 0-.36-.15Z"/><path fill="%23001A80" d="M5.51.67a.5.5 0 0 0-.35.13L.2 5.52a.66.66 0 0 0 0 .96l4.95 4.72a.5.5 0 1 0 .68-.73L1.37 6l4.47-4.47a.5.5 0 0 0-.33-.86Z"/></svg>');
    background-repeat: no-repeat;
    width: .75025rem;
    height: .66669rem
}
.pagination .page-item.next .page-link{
    border-radius: 0rem 62.4375rem 62.4375rem 0rem;
    border-left-color: transparent;
    padding-right:1.5rem
}
.pagination .page-item.next .page-link:after{
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="%23001A80" d="M.5 5.5h9.79a.5.5 0 0 1 0 1H.5a.51.51 0 0 1-.36-.14.5.5 0 0 1 0-.7c.1-.1.22-.16.36-.16Z"/><path fill="%23001A80" d="M6.5.67a.5.5 0 0 1 .35.13l4.94 4.72a.66.66 0 0 1 0 .96L6.85 11.2a.5.5 0 1 1-.7-.73L10.64 6 6.16 1.53a.5.5 0 0 1 .33-.86Z"/></svg>');
    background-repeat: no-repeat;
    width: .75025rem;
    height: .66669rem
}

/*--- Post ---*/
.single-post  .entry-header .post-thumbnail{
    height: 24rem;
    overflow: hidden;
    border-radius: 2rem;
    margin-bottom: 2rem
}
.single-post  .entry-header .post-thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.single-post  .entry-header .category-badge {margin-bottom: .5rem}
.single-post  .entry-header .category-badge a{
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    border-radius: 62.4375rem;
    background-color: var(--d-blue) !important;
    color: #fff !important;
    transition: var(--transition)
}
.single-post  .entry-header .category-badge a:hover{background: #000C4D !important}
.single-post  .entry-meta{
    display: flex;
    flex-direction: column;
    gap:.5rem
}
.single-post  .entry-meta .card-date, .single-post  .entry-meta .reading-time{
    display: flex;
    flex-wrap: wrap;
    gap:.25rem;
    font-size: .8125rem;
    line-height: 1rem;
    color:#9e9e9e
}
.single-post  .entry-meta .card-date time{
    display: flex;
    align-items: center;
    gap:.25rem
}
.single-post  .entry-meta .card-date time:before {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="%239E9E9E" d="M9.83 0A2.17 2.17 0 0 1 12 2.17v7.66A2.17 2.17 0 0 1 9.83 12H2.17A2.17 2.17 0 0 1 0 9.83V2.17A2.17 2.17 0 0 1 2.17 0h7.66ZM11 3.67H1v6.16c0 .65.52 1.17 1.17 1.17h7.66A1.17 1.17 0 0 0 11 9.83V3.67Zm-7.83 4a.83.83 0 1 1 0 1.66.83.83 0 0 1 0-1.66Zm2.83 0a.83.83 0 1 1 0 1.66.83.83 0 0 1 0-1.66ZM3.17 5a.83.83 0 1 1 0 1.67.83.83 0 0 1 0-1.67ZM6 5a.83.83 0 1 1 0 1.67A.83.83 0 0 1 6 5Zm2.83 0a.83.83 0 1 1 0 1.67.83.83 0 0 1 0-1.67Zm1-4H2.17A1.17 1.17 0 0 0 1 2.17v.5h10v-.5A1.17 1.17 0 0 0 9.83 1Z"/></svg>');
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem
}
.single-post  .entry-meta .card-date time, .single-post  .entry-meta .reading-time .rt-reading-time{
    display: flex;
    align-items: center;
    gap:.25rem
}
.single-post  .entry-meta .card-date a{
    font-weight: 700;
    color:#9e9e9e;
    text-decoration: none
}
.single-post  .entry-meta .card-date a:hover{text-decoration: underline}
.single-post  .entry-meta .reading-time .rt-reading-time:before{
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="none"><path fill="%239E9E9E" d="M3.16 6.67a.5.5 0 0 0 0 1h5.67a.5.5 0 0 0 0-1H3.16Zm-.5 2.5a.5.5 0 0 1 .5-.5h5.67a.5.5 0 0 1 0 1H3.16a.5.5 0 0 1-.5-.5Zm.5 1.5a.5.5 0 1 0 0 1h5.67a.5.5 0 0 0 0-1H3.16Zm7.78-6.05L7.05.73A.33.33 0 0 0 7.02.7C7 .7 7 .7 6.99.68a1.38 1.38 0 0 0-.2-.15L6.76.52 6.73.5 6.62.44a1.32 1.32 0 0 0-.46-.1.4.4 0 0 0-.05 0H1.99A1.33 1.33 0 0 0 .66 1.67v10.67a1.33 1.33 0 0 0 1.33 1.33h8a1.33 1.33 0 0 0 1.34-1.33V5.56c0-.35-.14-.7-.4-.94Zm-.61 7.72a.33.33 0 0 1-.34.33H2a.33.33 0 0 1-.33-.33V1.67a.33.33 0 0 1 .33-.33h4v3a1.33 1.33 0 0 0 1.34 1.33h3v6.67ZM6.99 2.09l2.59 2.58H7.33a.33.33 0 0 1-.34-.33V2.09Z"/></svg>');
    background-repeat: no-repeat;
    width: .7rem;
    height: .85rem
}
div#ez-toc-container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin:5rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
    border: .125rem solid #D0DEFB;
    background: #F6F8FD!important;
    color: #001A80
}
div#ez-toc-container .ez-toc-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.375rem;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
div#ez-toc-container .ez-toc-title:before {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23001A80" d="M8.05 0a8.06 8.06 0 0 1 6.26 13.13l5.44 5.45a.83.83 0 0 1-1.08 1.26l-.1-.08-5.44-5.45A8.05 8.05 0 1 1 8.05.01Zm0 1.67a6.39 6.39 0 1 0 0 12.78 6.39 6.39 0 0 0 0-12.78Z"/></svg>');
    background-repeat: no-repeat;
    min-width: 1.25rem;
    width: 1.25rem;
    height: 1.25rem
}
div#ez-toc-container .ez-toc-link{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap:.25rem;
    color: #001A80;
    font-size: .9375rem;
    line-height: 1.1875rem
}
div#ez-toc-container li:not(:last-child) .ez-toc-link{margin-bottom: .5rem}
div#ez-toc-container .ez-toc-link:after{
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="%23001A80" d="M.5 5.5h9.78a.5.5 0 0 1 0 1H.5a.51.51 0 0 1-.36-.14.5.5 0 0 1 0-.7c.1-.1.23-.15.36-.15Z"/><path fill="%23001A80" d="M6.49.67a.5.5 0 0 1 .35.13l4.95 4.72a.66.66 0 0 1 0 .97L6.84 11.2a.5.5 0 1 1-.69-.72L10.63 6 6.15 1.53A.5.5 0 0 1 6.5.67Z"/></svg>');
    background-repeat: no-repeat;
    margin: .25rem 0;
    min-width: .75025rem;
    width: .75025rem;
    height: .66669rem
}
.single-post .entry-content p, .single-post  .entry-content li{
    font-size: .9375rem;
    line-height: 1.1875rem
}
.single-post  .entry-content p{margin-bottom: 1.5rem}
.single-post  .entry-content h2:not(.secondary-title){
    margin:5rem 0 1rem;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5625rem;
    color: #001A80;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.single-post  .entry-content h3{
    margin:1.5rem 0 .75rem;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3125rem;
    color: #001A80;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

/*--- Contact Form ---*/
.yarpp.yarpp-related {
    margin-bottom: 0;
    margin-top: 0;
}
.yarpp-related h3 {
    text-transform: unset!important;
}
#contact-form {padding: 5rem 0}
.archive nav + #contact-form {padding: 1rem 0 5rem}
#contact-form .form-wrapper{
    border-radius: 1rem;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 0 .25rem 0 rgba(34, 34, 34, .08), 0 0 .5rem 0 rgba(34, 34, 34, .08), 0 0 1rem 0 rgba(34, 34, 34, .08), 0 0 1.5rem 0 rgba(34, 34, 34, .08)
}
#contact-form .form-img{
    width:100%;
    height:100%;
    overflow: hidden
}
#contact-form .form-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
#contact-form .inner-wrapper{
    display: flex;
    padding: 2rem 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    flex: 1 0 0
}
#contact-form .inner-wrapper .fluentform .ff-el-group {margin-bottom: .75rem}
#contact-form .inner-wrapper .ff-el-input--content input:not("type=checkbox"){
    display: flex;
    height: 3.5rem;
    padding: 1rem;
    align-items: center;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid #DEDEDE;
    background: #FFF;
    font-family: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem
}
#contact-form .inner-wrapper .ff-el-form-check { margin:1.25rem 0}
#contact-form .inner-wrapper .ff-el-form-check-label .ff_tc_checkbox, #contact-form .inner-wrapper .ff-el-form-check-label .ff_t_c{
    vertical-align: top;
    padding-top: 0 !important;
}
#contact-form .inner-wrapper .ff-el-form-check-label .ff_t_c p{
    font-size: .625rem;
    line-height: .875rem;
    letter-spacing: .0125rem;
    margin-top: .25rem;
    color:var(--d-grey)
}
#contact-form .inner-wrapper .ff-el-form-check-label .ff_tc_checkbox input{accent-color:  var(--d-blue)}
#contact-form .inner-wrapper .ff-el-form-check-label .ff_t_c a{
    color:var(--d-blue);
    font-weight: 700;
    text-decoration: none
}
#contact-form .inner-wrapper .ff-el-group.ff_submit_btn_wrapper{
    width:100%;
    margin-bottom:0
}
#contact-form .inner-wrapper .ff_submit_btn_wrapper .ff-btn{
    display: flex;
    min-width: 100%;
    padding: .75rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 62.4375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
    background: var(--d-blue);
    transition: var(--transition)
}
#contact-form .inner-wrapper .ff-default .ff-el-form-control:focus { border-color:var(--grey)}

/*---Breadcrumb---*/
.breadcrumb{gap:.25rem}
.breadcrumb li, .breadcrumb li a{
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--d-grey);
    text-decoration: none
}
.breadcrumb li a:hover{text-decoration: underline}
.breadcrumb li.active{color:#222}
.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    display: flex;
    align-items: center
}
.breadcrumb-scroller .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="none"><path fill="%23464646" d="M2.76 6.92a.28.28 0 0 1 0-.4L5.3 4 2.76 1.5a.28.28 0 0 1-.07-.31.28.28 0 0 1 .16-.16.29.29 0 0 1 .31.07L5.92 3.8a.28.28 0 0 1 0 .4L3.16 6.9a.29.29 0 0 1-.4 0Z"/></svg>');
    background-repeat: no-repeat;
    width: .5rem;
    height: .5rem;
    margin-right: .25rem
}

/*404 page*/
.page-404{
    text-align:center;
}
.page-404 h1{
    margin-bottom: 2rem;
    color:var(--d-blue);
    font-size: 1.813rem;
    line-height: 2.125rem;
    font-weight: 700;
    font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.page-404 h1 strong{
    display:block;
    font-weight: 800;
    font-size: 4.75rem;
    line-height: 90%;
}
.page-404 .textwidget p{
    margin-bottom: 2rem;
    font-size: 1rem;
    line-height: 1.188rem
}
.page-404 .btn{
    display:block;
    width:15rem;
    max-width: 90dvw;
    margin:0 auto;
    padding:.75rem 1.5rem;
    border-radius: 9rem;
    font-weight: 700;
    font-size: .938rem;
    line-height: 1.188rem
}

/*--- Responsive ---*/
@media (min-width: 576px) {
    #nav-main .offcanvas {max-width: 24rem}
    .bootscore-footer .footer-columns {padding: 0 0 2rem}
    .bootscore-info .footer_apps .textwidget p{margin-bottom:2rem}
    .bootscore-info .footer_apps .textwidget p a{min-width: 11.625rem}
    .pagination .page-item.previous .page-link{padding-left:1rem}
    .pagination .page-item.next .page-link{padding-right:1rem}
    .pagination .page-item.previous span:not(.page-link), .pagination .page-item.next span:not(.page-link){display:flex}   
}

@media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        padding-left: 2rem;
        padding-right: 2rem
    }
    #nav-main .offcanvas .offcanvas-header>button {padding: .75rem 1.75rem}
    .bootscore-footer{padding-top:2rem}
    .bootscore-footer .top-footer{
        text-align: start;
        border-color: #EEE
    }
    .bootscore-footer .footer-columns{
        display:flex;
        justify-content: space-between;
        gap:.5rem;
        padding: 2rem 0 0
    }
    .bootscore-footer .footer-columns .widget-title{
        height:auto;
        font-size: 1rem;
        margin-bottom: .75rem;
        padding: 0;
        border:none
    }
    .bootscore-footer .footer-columns .widget-title:after{content:none}
    .bootscore-footer .footer-columns .widget-title + div{border:none}
    .bootscore-footer .footer-columns ul.menu{
        display:flex;
        flex-direction: column;
        gap:.75rem;
        margin-bottom: 0
    }
    .bootscore-footer .footer-columns ul.menu li a{
        display: list-item;
        padding:0
    }
    .bootscore-footer .footer-columns ul.menu li a:hover{text-decoration: underline}
    .main-title{
        font-size: 2.625rem;
        line-height: 3rem
    }
    .secondary-title{
        font-size: 2.25rem;
        line-height: 2.625rem
    }
    .card.card-h{
        flex-direction: row;
        align-items: stretch;
        margin-bottom: 1rem
    }
    .card.card-h .card-img {
        min-width:20rem;
        width: 20rem
    }
    .card.card-h .card-img a{height:100%}
    .card.card-h .card-body {padding:2rem 2.5rem}
    .card .card-body .category-badge a {
        font-size: .75rem;
        line-height: 1rem
    }
    .card .card-body .card-date {font-size: .75rem}
    .card .card-body .card-title{
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.5rem
    }
    .card .card-body .read-more {
        font-size: 1rem;
        line-height: 1.375rem
    }
    .single-post  .entry-header .category-badge {margin-bottom: 1rem}
    .single-post  .entry-meta .card-date, .single-post  .entry-meta .reading-time{
        font-size: .875rem;
        line-height: 1.125rem
    }
    div#ez-toc-container { padding: 1.5rem}
    div#ez-toc-container .ez-toc-title {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
    div#ez-toc-container .ez-toc-list{padding:0 1rem}
    div#ez-toc-container .ez-toc-link{
        font-size: 1rem;
        line-height: 1.375rem; 
        justify-content: flex-start
    }
    div#ez-toc-container .ez-toc-title:before {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="%23001A80" d="M9.67 0a9.67 9.67 0 0 1 7.5 15.76l6.54 6.53a1 1 0 0 1-1.3 1.51l-.12-.1-6.53-6.53A9.67 9.67 0 1 1 9.66 0Zm0 2a7.67 7.67 0 1 0 0 15.33A7.67 7.67 0 0 0 9.67 2Z"/></svg>');
        min-width: 1.5rem;
        width: 1.5rem;
        height: 1.5rem
    }
    div#ez-toc-container .ez-toc-link:after {margin: .4rem 0 .2rem}
    .single-post  .entry-content p, .single-post  .entry-content li{
        font-size: 1rem;
        line-height: 1.375rem
    }
    .single-post  .entry-content h2:not(.secondary-title){
        font-size: 1.75rem;
        line-height: 2rem
    }
    .single-post  .entry-content h3{
        font-size: 1.25rem;
        line-height: 1.5rem
    }
    #contact-form .inner-wrapper{padding: 2.5rem 2rem}
    #contact-form .inner-wrapper fieldset{
        display: flex;
        flex-wrap: wrap
    }
    .home-header .home-title {
        font-size: 2.625rem;
        line-height: 3rem;
    }
    .home-header .home-intro{
        font-size: 1rem;
        line-height: 1.375rem
    }
    .page-404 h1{
        font-size: 2.625rem;
        line-height: 3rem;
        }
    .page-404 h1 strong{
        font-size: 5.5rem;
    }
    .page-404 .textwidget p{
        line-height: 1.375rem
    }
    .page-404 .btn{
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (min-width: 992px) {
    #nav-main.navbar {box-shadow: none}
    #nav-main>.container {
        flex-direction: column;
        align-items: flex-start
    }
    #nav-main .offcanvas {
        width: 100dvw !important;
        max-width: none;
        position: relative;
        top: auto;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        align-items: center;
        background-color: var(--d-blue) !important;
        color: #fff
    }
    #nav-main .offcanvas .offcanvas-body {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none
    }
    #nav-main .offcanvas .offcanvas-body .offcanvas-title {display: none}
    #nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item {height: auto}
    #nav-main.navbar-expand-lg .navbar-nav .nav-item:not(:last-child) {
        display: flex;
        align-items: center
    }
    #nav-main.navbar-expand-lg .navbar-nav .nav-item:not(:last-child):after {
        content: "";
        display: block;
        width: .0625rem;
        height: 2.5rem;
        background-color: #fff
    }
    #nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: .5rem 1.5rem;
        height: 3.5rem;
        color: #fff
    }
    #nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link span {flex-grow: initial}
    #nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link:after,
    #nav-main .offcanvas .offcanvas-body .navbar-nav .menu-item .nav-link:before {content: none}
    .card .card-body{padding: 2rem}
    .home-header {
        flex-direction: row;
        gap:initial
    }
    .home-header .home-img{
        margin-right:2rem;
        height: 22rem
    }
    #contact-form{padding: 4rem 0}
    #contact-form .inner-wrapper{
        padding: 3.5rem 3rem 3.5rem 1.5rem;
        gap: 2rem
    }
    #contact-form .inner-wrapper fieldset{display: block}
}

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 70.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .home-header .home-img{height: 20rem}
    .card.card-h{max-height: 14.875rem}
    .card:not(.card-h) {transition:var(--transition)}
    .card:not(.card-h):hover {box-shadow: 0 1rem 1rem 0  rgba(34, 34, 34, .08), 0 1rem 2rem 0 rgba(34, 34, 34, .08), 0 1rem 4rem 0 rgba(34, 34, 34, .08), 0 2rem 4rem 0 rgba(34, 34, 34, .08)}
    .card:not(.card-h):hover .card-img a{height:8.375rem}
    .card:not(.card-h) .card-img a img{
        transform: scale(1.15);
        transition: var(--transition)
    }
    .card:not(.card-h):hover .card-img a img{transform: scale(1)}
    .card.card-h .card-img {
        min-width:20rem;
        aspect-ratio: 160 / 107
    }
    .card.card-h .card-img a{height:100%}
    .card:not(.card-h) .card-body {
        position: relative;
        transition: var(--transition)
    }
    .card:not(.card-h):hover .card-body {padding:2rem 2rem 4.625rem 2rem}
    .card .card-body .category-badge a {
        font-size: .75rem;
        line-height: 1rem
    }
    .card .card-body .card-date {font-size: .75rem}
    .card .card-body .card-title{
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.5rem;
        margin:.5rem 0 .25rem
    }
    .card.card-h .card-body .card-title{
        margin: 0 0 .25rem;
        font-weight: 700;
        font-size: 1.25rem
    }
    .card:not(.card-h) .card-body .read-more {
        font-size: .875rem;
        line-height: 1.125rem;
        padding-top: 0;
        position: absolute;
        bottom: -1.375rem;
        transition: var(--transition)
    }
    .card:not(.card-h):hover .card-body .read-more {bottom: 2rem}
}

@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 70.75rem
    }
}