/*! Reset */
html {
    border:0;font-size:16px;line-height:1.5;margin:0;padding:0;outline:0;vertical-align:baseline;
}
body {
    font-family:"Outfit", sans-serif;font-weight:400;font-size:100%;color:#0A1D3A;position:relative;
}
p {
    font-size:100%;border:0;margin:0;outline:0;padding:0;vertical-align:baseline;
}
a {
    border:0;font-size:100%;margin:0;outline:0;padding:0;color:inherit;text-decoration:none;
}
a:hover {
    color:#23d3d3;
    outline:none;
    text-decoration:none;
}
a:focus {
    text-decoration:none;color:inherit;outline:none;
}
img {
    border:none;max-width:100%;height:auto;
}
ol,ul,li {
    border:0;margin:0;outline:0;padding:0;vertical-align:baseline;list-style:none;
}
input {
    transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s
}
input[type=text],input[type=search] {
    border:1px solid #5d5d5d;padding:8px 15px;border-radius:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);
}
input[type=text],input[type=search]:focus {
    border-color:#23d3d3;outline:none;
}

/*! Spacing */
.mb-120 {margin-bottom:120px;}
.mb-100 {margin-bottom:100px;}
.mb-80 {margin-bottom:80px;}
.mb-60 {margin-bottom:60px;}
.mb-30 {margin-bottom:30px;}
.mb-20 {margin-bottom:20px;}
.mb-15 {margin-bottom:15px;}
.mb-10 {margin-bottom:10px;}
.mb-0 {margin-bottom:0;}
.mt-120 {margin-top:120px;}
.mt-100 {margin-top:100px;}
.mt-80 {margin-top:80px;}
.mt-60 {margin-top:60px;}
.mt-30 {margin-top:30px;}
.mt-20 {margin-top:20px;}
.mt-15 {margin-top:15px;}
.mt-10 {margin-top:10px;}
.mt-0 {margin-top:0;}
.pt-120 {padding-top:120px;}
.pt-100 {padding-top:100px;}
.pt-80 {padding-top:80px;}
.pt-60 {padding-top:60px;}
.pt-30 {padding-top:30px;}
.pt-20 {padding-top:20px;}
.pt-15 {padding-top:15px;}
.pt-10 {padding-top:10px;}
.pt-0 {padding-top:0;}
.pb-120 {padding-bottom:120px;}
.pb-100 {padding-bottom:100px;}
.pb-80 {padding-bottom:80px;}
.pb-60 {padding-bottom:60px;}
.pb-30 {padding-bottom:30px;}
.pb-20 {padding-bottom:20px;}
.pb-15 {padding-bottom:15px;}
.pb-10 {padding-bottom:10px;}
.pb-0 {padding-bottom:0;}
.sect-padding-s {padding:30px 0;}
.sect-padding-m {padding:60px 0;}
.sect-padding-l {padding:80px 0;}

.text-left {text-align:left;}


/*! Common Classes */
.button {
    border-radius:20px;background-color:#23d3d3;font-weight:500;padding:10px 25px;color:#ffffff;outline:0;outline-offset:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);
}
.button:hover {
    color:#fff;opacity:0.7;
}
.button:focus {
    box-shadow:none;color:#fff;
}

/*! Progress Scroll - Back to Top */
.progress-scroll {
	width:50px;height:50px;padding:6px;position:fixed;right:45px;bottom:70px;z-index:899;cursor:pointer;display:block;background-color:rgba(35, 211, 211, 0.6);border-radius:50%;visibility:hidden!important;opacity:0!important;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
	-webkit-transition: all 400ms linear;
			transition: all 400ms linear;
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
.progress-scroll::after {
    font-size:1.7rem;transform: translateY(-2px);content:'\f0d8';inset:0;display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;font-family:'Font Awesome 5 Pro';font-weight: 900;color:#fff;cursor:pointer;-webkit-transition: all 400ms linear;transition: all 400ms linear;
}
.progress-scroll.active {
	opacity:1!important;visibility:visible!important;-webkit-transform: translateY(0);transform: translateY(0);
}
.progress-scroll svg path {
	fill:none;
}
.progress-scroll svg.circle path {
	stroke:#fff;stroke-width:8;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 400ms linear;
			transition: all 400ms linear;
}
@media (max-width:1200px) {
	.progress-scroll {
		right:15px;bottom:15px;
	}
}

/*! Pagination */
.pagination {
    text-align:center;display:block;margin-left:-5px;margin-right:-5px;
}
.pagination a {
    width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;border-radius:50%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);
}
.pagination a:hover {
    background-color:#eeeeee;
}
.pagination a.active {
    cursor:default;color:#ffffff;background-color:#23d3d3;
}

/*! Section Header */
.section-header {
    text-align:center;margin:0 0 1.25rem;
}
.section-header :is(h1, h2, h3) {
    margin:0 0 .5rem;font-weight:600;font-size:clamp(1.4rem, 1.2vw + 1rem, 2.3rem);line-height:1.2;
}
.section-header p {
    font-weight:300;max-width:60ch;margin-inline:auto;opacity:.95;
}
.section-header.with-action {
    display:flex;justify-content:space-between;align-items:center;text-align:left;gap:.5rem;
}
.section-header.with-action a {
    position:relative;display:inline-flex;align-items:center;gap:.4rem;color:#23d3d3;font-weight:500;text-decoration:none;
}
.section-header.with-action a::after {
    content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;width:0;transition:width .3s ease;
}
.section-header.with-action a:hover::after,
.section-header.with-action a:focus-visible::after {
    width:80%;
}
@media (max-width: 1200px) {
    .section-header.with-action {
        flex-direction:column;text-align:center;
    }
}

/*! Page Header */
.page-header {
    background-color:#1ecad3;padding:40px 0;text-align:center;color:#fff;
}
.page-header h1 {
    font-size:3rem;font-weight:600;margin-bottom:10px;
}
.page-header p {
    font-size:1rem;font-weight:400;max-width:60ch;margin: 0 auto;
}
@media (max-width: 1200px) {
    .page-header {padding:25px 0;}
    .page-header h1 {font-size:1.5rem;}
    .page-header p {font-size:0.9rem;max-width:40ch;}
}

/*! Header */
header {
    padding:40px 0;background-color:#fff;z-index:9998;position:relative;border-top:6px solid;border-image:linear-gradient(to right, #23d3d3 0%, #ffce55 25%, #36bc9b 50%, #5d9cec 75%, #23d3d3 100%) 5;
}
header.float {
    position:absolute;top:0;left:0;right:0;background:rgba(255, 255, 255, 0.15);
}
header .header-inner {
    width:100%;margin:0 auto;padding: 0 70px;display:flex;justify-content:space-between;align-items:center;
}
header .logo {
    display:inline-flex;margin-right:25px;
}
header .logo img {
    width:260px;max-width:100%;height:auto;
}
header .menu-wrapper {
    white-space:nowrap;text-align:right;
}
header .main-menu li {
    display:inline-flex;position:relative;margin-right:25px;font-weight:600;line-height:40px;
}
header .main-menu li svg {
    position:relative;top:-2px;
}
header .main-menu ul.sub-menu {
    position:absolute;top:100%;left:0;opacity:0;visibility:hidden;font-size:0.9rem;min-width:200px;background:#fff;padding-top:10px;padding-bottom:10px;z-index:9;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05)
}
header .main-menu li:hover > .sub-menu {
    opacity:1;visibility:visible;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s
}
header .main-menu .sub-menu li {
    display:flex;margin-right:0;padding:8px 15px;text-align:left;line-height:normal;
}
header .mobile-menu .logo {
    margin:0;padding:0px 75px 25px 0px;line-height:normal;text-align:left;
}
header .mobile-menu .quick-search {
    margin-top:30px;
}
header .mobile-menu .popmenu-open {
    display:none;background-color:#23d3d3;border:2px solid #23d3d3;color:#fff;border-radius:50%;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;
}
header .mobile-menu .popmenu-close {
    position:absolute;top:32px;right:25px;cursor:pointer;z-index:1;background-color:#23d3d3;border:2px solid #23d3d3;color:#fff;border-radius:50%;width:40px;height:40px;justify-content:center;align-items:center;display:flex;
}
header .mobile-menu .popmenu-overlay {
    background-color:rgba(0, 0, 0, 0.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;display:none;
}
header .mobile-menu .popmenu-wrapper {
    position:fixed;top:0;right:-450px;bottom:0;width:450px;max-width:100%;min-height:100%;padding:50px 40px 145px;text-align:left;background-color:#fff;box-shadow:-2px 0 4px 0 rgb(0 0 0 / .2);z-index: 9999;overflow:auto;opacity:0;visibility:hidden;transition:all 0.3s;
}
header .mobile-menu .popmenu-wrapper.open {
    opacity:1;visibility:visible;right:0;
}
header .mobile-menu .popmenu-wrapper::-webkit-scrollbar {
    width:0;background-color:#F5F5F5
}
header .mobile-menu .popmenu-wrapper::-webkit-scrollbar-thumb {
    background-color:#23d3d3;border-radius:10px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)
}
header .mobile-menu .popmenu-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);background-color:#F5F5F5;
}
header .mobile-menu .popmenu-box {
    padding:25px 0;line-height:normal;text-align:left;
}
header .mobile-menu ul.popmenu-list.with-border {
    border:1px solid rgba(0, 0, 0, 0.1);padding:10px 25px;margin-top:30px;
}
header .mobile-menu ul.popmenu-list li {
    display:block;
}
header .mobile-menu ul.popmenu-list li:not(:last-child) > a {
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
header .mobile-menu ul.popmenu-list li:last-child {
    margin-bottom: 0
}
header .mobile-menu ul.popmenu-list li a {
    font-size:1rem;display:block;padding:15px 0;
}
header .mobile-menu ul.popmenu-list li a svg {
    transition:all 0.3s;float:right;
}
header .mobile-menu ul.popmenu-list li a.open svg {
    transition:all 0.3s;transform:rotate(180deg);
}
header .mobile-menu ul.popmenu-list li .sub-menu {
    padding-left:22px;display:none;
}
header .mobile-menu .popmenu-contact {
    margin-top:50px;
}
header .mobile-menu .popmenu-contact h3 {
    color:#23d3d3;
}
header .mobile-menu .popmenu-contact p {
    font-size:1rem;padding-bottom:5px;
}
@media only screen and (max-width: 1200px) {
    header {
        padding:25px 0;
    }
    header .header-inner {
        padding:0 25px;
    }
    header .logo img {
        width:220px;
    }
    header .main-menu {
        display:none
    }
    header .mobile-menu .popmenu-open {
        display:flex;
    }
}

/*! Home Search */
section.home-search {
    height:100vh;background-size:40vw auto;background-repeat:no-repeat;background-position:bottom right;position:relative;
}
section.home-search::before {
    content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left, rgba(35, 211, 211, 0.2), transparent 60%), radial-gradient(circle at bottom right, rgba(216, 216, 216, 0.2), transparent 60%);filter:blur(60px);z-index:-1;pointer-events:none;
}
section.home-search .container {
    height:100%;position:relative;z-index:7;
}
section.home-search .content {
    position:absolute;top:50%;left:15px;right:15px;transform:translateY(-50%);
}
section.home-search .content h1 {
    font-size:4rem;font-weight:600;line-height:1;display:inline-block;position:relative;margin-bottom:30px
}
section.home-search .content h1 > span {
    color:#23d3d3;
}
section.home-search .content h1:after {
    content:url(../images/banner-line.png);background-position:60% 100%;background-repeat:no-repeat;position:absolute;right:36px;bottom:-20px
}
section.home-search .content p {
    font-size:1.1rem;font-weight:400;margin-bottom:30px}
section.home-search .content p > span {
    color:#23d3d3;font-weight:500;
}
section.home-search form {
    width:100%;max-width:500px;margin-bottom:20px;border-radius:30px;display:flex;vertical-align:middle;align-items:center;position:relative;overflow:hidden;z-index:9;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / .1);-moz-box-shadow:0 0 10px 0 rgb(0 0 0 / .1);box-shadow:0 0 10px 0 rgb(0 0 0 / .1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)
}
section.home-search form .input-field {
    display:flex;align-items:center;padding:0 20px;position:relative;
}
section.home-search form .input-field label {
    color:#2d2d2d;margin-right:8px
}
section.home-search form .input-field input:focus {
    background-color:inherit!important;border-radius:0;
}
section.home-search form .input-field:nth-child(1) {
    -webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%;position:relative;
}
section.home-search form .input-field:nth-child(1):after {
    content:'';width:1px;position:absolute;top:10px;bottom:10px;right:0;display:block;background-color:#eee;
}
section.home-search form .input-field:nth-child(2) {
    -webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%;
}
section.home-search form .input-field input,
section.home-search form .input-field select {
    width:100%;height:60px;box-shadow:inherit;padding:0;font-weight:300;font-style:inherit;border:0;border-radius:30px;background-color:#fff;outline:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)
}
section.home-search form .input-field:nth-child(2) select {
    padding:0 45px 0 0
}
section.home-search form .input-field input::placeholder,
section.home-search form .input-field input:-ms-input-placeholder,
section.home-search form .input-field input::-ms-input-placeholder,
section.home-search form .input-field select::placeholder,
section.home-search form .input-field select:-ms-input-placeholder,
section.home-search form .input-field select::-ms-input-placeholder {
    color:#8d8d8d;font-weight:400;font-size:0.8rem;
}
section.home-search form.focused .input-field:nth-child(1) {
    flex:0 0 100%!important;max-width:100%!important;
}
section.home-search form.focused .input-field:nth-of-type(2) {
    opacity:0;width:0;padding:0;pointer-events:none;
}
section.home-search form .submit-field {
    margin-top:0;height:50px;position:absolute;top:5px;right:5px;
}
section.home-search form .submit-field button {
    width:50px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background-color:#23d3d3;cursor:pointer;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)
}
section.home-search form .submit-field button i {
    color:#fff;font-size:1.5rem;vertical-align:-2px
}
section.home-search form .submit-field button:focus {
    outline:inherit
}
@media only screen and (max-width: 1200px) {
    section.home-search {
        background-size: 70vw auto;
        background-position: bottom center;
    }
    section.home-search::before {
        background: radial-gradient(circle at top left, rgba(35, 211, 211, 0.2), transparent 60%), radial-gradient(circle at bottom right, rgba(35, 211, 211, 0.2), transparent 60%);
    }
    section.home-search .content h1 {
        font-size: 3rem;
    }
}

/*! Home Features */
section.home-features {
    border-bottom:1px solid #f5f8fd
}
section.home-features .item {
    display:flex;align-items:center;
}
section.home-features .item .content {
    margin-left:25px;padding-right:60px;
}
section.home-features .item .content h3 {
    font-size:1.1rem;font-weight:500;margin-bottom:4px;
}
section.home-features .item .content p {
    margin:0;font-weight:300;
}
@media only screen and (max-width: 1200px) {
    section.home-features {
        padding:40px 0 0;
    }
    section.home-features .item {
        flex-wrap:wrap;text-align:center;margin-bottom:30px;
    }
    section.home-features .item img {
        margin:0 auto 20px;
    }
    section.home-features .item .content {
        width:100%;margin:0;padding:0;
    }
}

/*! Home Districts */
section.home-districts {
    background-color:#fff
}
section.home-districts .item {
    margin-bottom:30px
}
section.home-districts .item .inner {
    display:flex;border:1px solid #eee;overflow:hidden;border-radius:15px;
}
section.home-districts .item .inner .thumb {
    overflow:hidden
}
section.home-districts .item img {
    -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s
}
section.home-districts .item:hover img {
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)
}
section.home-districts .item .inner .details {
    position:static;padding:0;flex-grow:1;display:flex;flex-wrap:wrap;padding:0 30px;-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 170px);flex:0 0 calc(100% - 170px);max-width:calc(100% - 170px);flex-flow:column;justify-content:center
}
section.home-districts .item .inner .details h3 {
    margin-bottom:0;font-size:1.1rem;font-weight:500;
}
section.home-districts .item .inner .details span {
    font-size: 0.9rem;color:#5D5D5D;
}

/*! Home Banner */
section.home-banner.hb-boxed .inner {
    padding:45px 100px;border-radius:10px;background-color:#23d3d3;background-repeat:no-repeat;background-position:bottom right 50px;background-size:350px;
}
section.home-banner.hb-fullwidth {
    background-color:#f7f7f7;background-repeat:no-repeat;background-position:bottom right 20%;
}
section.home-banner.hb-fullwidth .inner {
    padding:130px 0;background-color:#fff0;max-width:50%
}
section.home-banner .inner h3 {
    font-size:2rem;font-weight:600;margin-bottom:10px
}
section.home-banner .inner p {
    font-size:1.1rem;margin-bottom:30px
}
section.home-banner .inner a {
    background-color:#0A1D3A;
}
@media only screen and (max-width: 1200px) {
    section.home-banner.hb-boxed .inner {
        padding:45px 30px;background-size:40vw auto;background-position:bottom right 0%;
    }
    section.home-banner.hb-fullwidth {
        background-size:40vw auto;background-position:bottom right 0%;
    }
    section.home-banner.hb-fullwidth .inner {
        padding:100px 0;max-width:70%;
    }
}

/*! Home Schools */
section.home-schools {
    position:relative;
}
section.home-schools .school-item {
    width:100%;
}
section.home-schools .school-item:hover {
    box-shadow:0 6px 28px 0 rgb(0 0 0 / 0.01)!important;
}
section.home-schools .school-item .thumb {
    aspect-ratio:16 / 11;
}
section.home-schools .splide__pagination {
    bottom:-50px
}
section.home-schools .splide__pagination__page {
    font-size:8px;opacity:1;background-color:#d8d8d8;
}
section.home-schools .splide__pagination__page.is-active {
    background-color:#23d3d3;
}

/*! Home Comments */
section.home-comments {
    padding:60px 0;position:relative;
}
section.home-comments .comments {
    padding:30px;border-radius:15px;border:1px solid #eee;
}
section.home-comments .comments p {
    font-weight:300;line-height:1.44;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
}
section.home-comments .comments .meta {
    display:flex;margin-top:20px;
}
section.home-comments .comments .meta h6 {
    margin-bottom:0;
}
section.home-comments .splide__pagination {
    bottom:-50px;
}
section.home-comments .splide__pagination__page {
    font-size:8px;opacity:1;background-color:#d8d8d8;
}
section.home-comments .splide__pagination__page.is-active {
    background-color:#23d3d3;
}

/*! Home Article */
section.home-article article {
    margin-bottom:60px
}
section.home-article .thumb {
    overflow:hidden;display:block;position:relative;margin-bottom:20px;border-radius:15px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden
}
section.home-article .thumb img {
    width:100%;height:270px;object-fit:cover;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}
section.home-article .item:hover img {
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)
}
section.home-article .title {
    font-size:1.3rem;line-height:1.5;
}

/*! Footer */
footer {
    position:relative;z-index:1;background:linear-gradient(rgba(255,255,255,0.90), rgba(255,255,255,0.90)) padding-box, linear-gradient(to right, #23d3d3 0%, #ffce55 25%, #36bc9b 50%, #5d9cec 75%, #23d3d3 100%) border-box;
}
footer .footer-top {
    padding:60px 0;
}
footer .footer-top .logo {
    display:inline-flex;margin-bottom:15px;
}
footer .footer-top .logo img {
    max-width:240px;
}
footer .about-text {
    line-height:1.53;padding-right:10%;
}
footer h3 {
    font-size:1rem;font-weight:500;color:#23d3d3;
}
footer .quick-links li {
    margin-bottom:10px;
}
footer .quick-links li:last-child {
    margin-bottom:0;
}
footer .quick-links li a {
    font-weight: 500;
}
footer .quick-links li a:hover {
    color: #23d3d3
}
footer .contact-info p {
    font-weight:500;line-height:1.53;margin-bottom:10px
}
footer .contact-info li {
    display:inline-flex;margin-right:5px;
}
footer .contact-info li:last-child {
    margin-right:0
}
footer .contact-info li a {
    display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#0A1D3A;color:#fff;border-radius:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)
}
footer .contact-info li a:hover {
    background-color:#23d3d3;
}
footer .footer-bottom {
    padding:15px 0;background-color:#23d3d3;color:#fff;
}
footer .footer-bottom p {
    font-size:0.9rem;font-weight:500;text-align:center;
}
@media only screen and (max-width: 1200px) {
    footer .about-text {
        padding-right:0;
    }
    footer h3 {
        margin-top:30px;
    }
}

/*! Schools List */
section.schools-list {
    border-top:1px solid #eeeeee;display:flex;flex:inherit;margin:0 auto;padding:40px 60px 60px 60px;
}
section.schools-list .filter {
    flex:0 0 250px;max-width:250px;padding:0 15px
}
section.schools-list .filter .filter-top {
    display:flex;justify-content:space-between;align-items:center;
}
section.schools-list .filter .filter-top h2 {
    font-size:1.3rem;font-weight:500;line-height:1.58;flex-grow:1
}
section.schools-list .filter .filter-group {
    padding-top:25px;margin-top:25px;border-top:1px solid #eeeeee;
}
section.schools-list .filter .filter-group h3 {
    font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:15px;position:relative;cursor:pointer;
}
section.schools-list .filter .filter-group h3:before {
    content:'\f107';position:absolute;right:0;font-size:1.1rem;font-weight:900;font-family:'Line Awesome Free';
}
section.schools-list .filter .filter-group h3.active:before {
    content:'\f106';
}
section.schools-list .filter .filter-group ul li {
    margin-bottom:10px;
}
section.schools-list .filter .filter-group ul li a.active {
    color:#23d3d3;font-weight:500;
}
section.schools-list .filter .filter-group ul li small {
    display:inline-block;position:relative;cursor:pointer;color:#919292;font-size:0.85rem;font-weight:400;
}
section.schools-list .list {
    flex:1;padding:0 15px;
}
section.schools-list .list .pagination:first-child {
    margin-bottom:30px;text-align:left;
}
section.schools-list .list .pagination:last-child {
    margin-top:30px;
}


section.schools-list .list .list-content {
    display:flex;flex-wrap:wrap;gap:15px
}
section.schools-list .list .school-item {
    flex:0 0 calc(25% - 11.25px);max-width:calc(25% - 11.25px);
}
@media only screen and (max-width: 1500px) {
    section.schools-list .list .school-item {
        flex:0 0 calc(33.33% - 10px);max-width:calc(33.33% - 10px);
    }
    section.schools-list .list .school-item .thumb {
        aspect-ratio: 16/12;
    }
}
@media only screen and (max-width: 1200px) {
    section.schools-list {
        flex-direction:column;padding:40px 20px;
    }
    section.schools-list .list .pagination:first-child {
        text-align:center;
    }
    section.schools-list .filter .filter-group ul {
        display:none;
    }
    section.schools-list .filter {
        flex:0 0 100%;max-width:100%;
    }
    section.schools-list .filter .filter-group:last-child {
        border-bottom:1px solid #eeeeee;padding-bottom:10px;margin-bottom:25px;
    }
    section.schools-list .list .school-item {
        flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px);
    }
    section.schools-list .list .school-item .thumb {
        aspect-ratio: 16/9;
    }
}
@media only screen and (max-width: 992px) {
    section.schools-list .list .school-item {
        flex:0 0 100%;max-width:100%;
    }
}

/*! District Info */
section.district-info {
    background-color:#f9f9f9;padding-top:55px;
}
section.district-info .content {
    font-size:0.9rem;padding-bottom:40px;text-align:center;overflow-wrap:break-word;
}

/*! School Map */
section#school-map {
    width:100%;height:calc(100vh - 130px);max-height:100%;
}
section#school-map .gm-style-mtc {
    display:none!important;
}
section#school-map .gm-style-iw {
    width:auto;max-width:420px!important;min-width:200px;border:none;padding:0!important;margin:0!important;
}
section#school-map .gm-style-iw-c {
    box-shadow:0 2px 7px 1px rgba(0, 0, 0, .1);
}
section#school-map .gm-style .gm-style-iw-t::after {
    display:none!important;
}
section#school-map .gm-ui-hover-effect {
    right:0!important;
}
section#school-map .gm-ui-hover-effect img {
    width:20px!important;height:20px!important;
}
section#school-map .school-card {
    padding:0px 5px 5px 20px !important;text-align:center!important;
}
section#school-map .school-card .title {
    font-size:1.2rem!important;padding-bottom:10px!important;margin-bottom:20px!important;border-bottom:1px solid #eaeaea!important;
}
section#school-map .school-card p {
    line-height:1.5!important;margin-bottom:5px!important;display:block!important;font-size:1rem!important;
}
section#school-map .school-card p i {
    margin-right:5px!important;
}
section#school-map .school-card p.isOpen {
    padding:7px;border:1px solid #F2F2F2;border-radius:5px;font-size:0.8rem;margin-top:10px;
}
section#school-map .school-card p.isOpen .open {
    color:#2dcb48;font-weight:500;
}
section#school-map .school-card p.isOpen .closed {
    color:#f0626c;
    font-weight:500;
}
section#school-map .school-card .links {
    display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;margin-top:15px;
}
section#school-map .school-card .links a {
    cursor:pointer;display:block;text-align:center;margin-top:5px;padding:15px 10px;border-radius:15px;background-color:#23d3d3;color:#fff;font-weight:500;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
section#school-map .school-card .links a:hover {
    opacity:0.7;
}
section#school-map .school-card .links a.streetview-btn {
    background-color: #f0626c;
}
/*! Street View Modal */
#streetview-modal {
    position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);z-index:9999;display:none;justify-content:center;align-items:center
}
#streetview-modal .modal-content {
    position:relative;width:90vw;height:90vh;max-width:1440px;max-height:900px;background-color:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column
}
#streetview-modal .modal-content .close-btn {
    position:absolute;top:10px;right:55px;font-size:24px;color:#b3b3b3;background-color:#444;cursor:pointer;z-index:1000;border:none;outline:none;padding:6.5px 10px;
}
#streetview-modal .modal-content .close-btn:hover {
    color: #fff
}
#streetview-modal .modal-content #streetview {
    flex: 1;
}

/*! Content Page */
section.page-content {
    display:flex;align-items:center;
}
section.content-page .content span {
    font-size:18px;line-height:23px;color:#5d5d5d;margin-bottom:10px;
}
section.content-page .content h2 {
    font-size:2rem;font-weight:500;margin-bottom:30px;
}
section.content-page .content p {
    margin-bottom:15px;font-weight:400;
}
section.content-page .content p:last-child {
    margin-bottom:0;
}

/* Article List */
section.article-list .article-grid {
    display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;
}
section.article-list .article-grid .post-item {
    padding:0 15px;flex:0 0 33.33%;max-width:33.33%;
}
section.article-list .post-item .post-thumbnail {
    overflow:hidden;display:block;position:relative;margin-bottom:20px;border-radius:15px;backface-visibility:hidden;transform:translate3d(0, 0, 0);
}
section.article-list .post-item .post-thumbnail img {
    width:100%;height:270px;object-fit:cover;transition:all 0.3s;transform:scale(1);
}
section.article-list .post-item .post-title {
    font-size:1.5rem;font-weight:500;line-height:1.5; opacity:0.9;
}

/*! Article Single */
section.article-single .article-main .entry h1 {
    font-size:2.7rem;font-weight:500;margin-bottom:5px;
}
section.article-single .article-main ul.meta {
    position:relative;
    padding:10px 0;
}
section.article-single .article-main ul.meta li {
    font-size:1rem;font-weight:400;color:#8d8d8d;display:inline-block;margin-right:24px;position:relative;
}
section.article-single .article-main ul.meta li::after {
    content:'';height:4px;width:4px;background-color:#d8d8d8;position:absolute;top:calc(50% - 2px);left:-15px;border-radius:50%;backface-visibility:hidden;transform:translate3d(0, 0, 0);
}
section.article-single .article-main ul.meta li:first-child::after {
    content:'';display:none;
}
section.article-single .article-main ul.meta li:last-child {
    margin-right:0;
}
section.article-single .article-main .entry .pretext {
    font-size:1.2rem;font-weight:400;margin-bottom:20px;line-height:1.6;
}
section.article-single .article-main .entry .cover {
    margin-bottom:30px;border-radius:10px;overflow:hidden;
}
section.article-single .article-main .entry .cover img {
    min-width:100%;height:auto
}
section.article-single .article-main .entry .content {
    font-size:1rem;font-weight:400;line-height:1.77;margin-bottom:60px;
}
section.article-single .article-main .entry .content :is(strong, b) {
    font-weight: 500;
}
/*! Article Single - Related Post */
section.article-single .article-main .related-post {
    padding-top:30px;border-top:1px solid #eeeeee;
}
section.article-single .article-main .related-post h3 {
    font-size:1.6rem;font-weight:500;padding-bottom:20px;
}
section.article-single .article-main .related-post .related-grid {
    display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px
}
section.article-single .article-main .related-post .related-item {
    padding:0 15px;margin-bottom:15px;flex:0 0 33.33%;max-width:33.33%;
}
section.article-single .article-main .related-post .related-item .related-thumbnail {
    overflow:hidden;margin-bottom:10px;border-radius:15px;backface-visibility:hidden;transform:translate3d(0, 0, 0);
}
section.article-single .article-main .related-post .related-item .related-thumbnail img {
    width:100%;height:220px;object-fit:cover;transition:all 0.3s;
    -webkit-transform:scale(1);
       -moz-transform:scale(1);
         -o-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
}
section.article-single .article-main .related-post .related-item .related-thumbnail:hover img {
    -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
         -o-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
section.article-single .article-main .related-post .related-item .related-title {
    font-size:1.1rem;font-weight:500;line-height:1.5;opacity.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
}
/*! Article Single - Popular Widget*/
section.article-single .article-sidebar .popular-widget {
    padding:40px 20px;margin-bottom:30px;border-radius:10px;border:1px solid #E6E8F0;background:#fff;box-shadow:0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
section.article-single .article-sidebar .popular-widget h3 {
    font-size:1.6rem;font-weight:500;margin-bottom:30px;
}
section.article-single .article-sidebar .popular-widget .popular-item {
    border-bottom:1px solid #eeeeee;margin-bottom:30px;
}
section.article-single .article-sidebar .popular-widget .popular-item:last-child {
    border:none;margin-bottom:0;
}
section.article-single .article-sidebar .popular-widget .popular-item .popular-thumbnail {
    overflow:hidden;margin-bottom:10px;border-radius:10px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0)
}
section.article-single .article-sidebar .popular-widget .popular-item .popular-thumbnail img {
    width:100%;height:auto;object-fit:cover;
}
section.article-single .article-sidebar .popular-widget .popular-item .popular-title {
    opacity:.9;font-size:1rem;font-weight:500;line-height:1.5;
}
@media only screen and (max-width: 1200px) {
    section.article-single .article-main .entry h1,
    section.article-single .article-main .entry .pretext,
    section.article-single .article-main .entry .meta {
        text-align:center;
    }
    section.article-single .article-main .related-post .related-item {
        flex:0 0 50%;max-width:50%;
    }
}
@media only screen and (max-width: 992px) {
    section.article-single .article-main .related-post .related-item {
        flex:0 0 100%;max-width:100%;
    }
    section.article-single .article-main .related-post .related-item .related-thumbnail img {
        height: 300px;
    }
}



/*! Accordion */
ul.accordion {
    width:100%;max-width:700px;margin:45px auto 80px;
}
ul.accordion.accordion-fullwidth {
    max-width:100%;
}
ul.accordion li {
    border-bottom: 1px solid #eeeeee;
}
ul.accordion li:last-child {
    border-bottom: none
}
ul.accordion li .accordion-title {
    margin:20px 0;padding-right:20px;font-size:1.1rem;display:block;position:relative;cursor:pointer;
}
ul.accordion li.open .accordion-title {
    color:#23d3d3;
}
ul.accordion li .accordion-title:hover {
    color:#23d3d3;
}
ul.accordion li .accordion-title:after {
    content:"\f067";display:block;width:16px;height:16px;position:absolute;top:calc(50% - 8px);right:0;font-family:'Font Awesome 5 Pro'
}
ul.accordion li.open .accordion-title:after {
    content: "\f068"
}
ul.accordion li .accordion-content {
    display:none;
    padding-bottom:20px;
}
ul.accordion.first-open li:first-child .accordion-content {
    display:block;
}
ul.accordion li .accordion-content li {
    border:none;
}
ul.accordion li .accordion-content table {
    text-align:left;margin:10px 0;
}
ul.accordion li .accordion-content table td {
    padding:15px 12px;border:1px #eee solid;font-size:0.9rem;
}
ul.accordion li .accordion-content table td i {
    font-size:0.8rem;font-style:normal;
}
ul.accordion li .accordion-content .update {
    font-size:0.9rem;padding-top:15px;margin-top:15px;border-top:1px #eee solid;
}
ul.accordion li .accordion-content .update b {
    font-weight:500;
}
ul.accordion li .accordion-content a {
    display:inline-block;padding:0;font-weight:500;
}
ul.accordion li .accordion-content a:after {
    display:none;content:"";
}

/*! Plans & Pricing */
section.pricing-plans .pricing-item {
    border-radius:16px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);border:solid 1px #d8d8d8;text-align:center;height:100%;padding:50px 25px;background-color:#ffffff;overflow:hidden;position:relative;
}
section.pricing-plans .pricing-item img {
    height:100px;object-fit:contain;margin-bottom:28px
}
section.pricing-plans .pricing-item .name {
    font-size:24px;font-weight:500;margin-bottom:5px;line-height:1;
}
section.pricing-plans .pricing-item .price {
    font-size:48px;font-weight:500;margin-bottom:0;line-height:1;
}
section.pricing-plans .pricing-item .price span {
    font-size:24px;
    vertical-align:15px
}
section.pricing-plans .pricing-item .duration {
    font-size:0.9rem;font-weight:400;margin-top:5px;
}
section.pricing-plans .pricing-item .button {
    font-size:15px;margin-top:30px;margin-bottom:30px;display:inline-block;padding-left:63px;padding-right:63px;
}
section.pricing-plans .pricing-item .button:hover {
    opacity: .7
}
section.pricing-plans .pricing-item .best-deal {
    transform: rotate(-315deg);
    font-size: 14px;
    font-weight: 500;
    background-color: #23d3d3;
    color: #ffffff;
    position: absolute;
    top: 28px;
    right: -95px;
    padding: 8px 100px
}

section.pricing-plans .pricing-item li {
    font-size:0.9rem;margin-bottom:20px;
}
section.pricing-plans .pricing-item li:last-child {
    margin-bottom:0;
}
section.pricing-plans .payment-method {
    text-align:center;margin:30px 0 60px 0;
}
section.pricing-plans .payment-method ul {
    margin-bottom:15px;
}
section.pricing-plans .payment-method li {
    display:inline-block;margin:5px;
}
section.pricing-plans .payment-method img {
    width:auto;height:50px;
}
section.pricing-plans .frequently-asked {
    padding:55px 0;
}


/*! Contact */
section.contact-page .contact-item {
    padding:30px;
    border-radius:10px;
    border:1px solid #E6E8F0;
    background:#fff;
    box-shadow:0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
    display: block;
}
section.contact-page .contact-item .icon {
  margin-bottom: 30px;
}
section.contact-page .contact-item .icon span {
  display: inline-block;
  text-align: center;
  line-height: 42px;
  height: 46px;
  width: 46px;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
section.contact-page .contact-item h4 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
section.contact-page .contact-item p {
  color: #727378;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
  letter-spacing: -0.3px;
}
section.contact-page .contact-item a {
  position: relative;
  font-size: 18px;
  font-weight: 400;
}
section.contact-page .section-title {
    text-align: left;
}






















/*! Form Underline */
form.form-underline .input-field {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
}
form.form-underline .input-field label {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
form.form-underline .input-field input,
form.form-underline .input-field textarea {
    width: 100%;
    height: 45px;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #E6E8F0;
    background: #fff;
    padding: 0;
    
}
form.form-underline .input-field textarea {
    height: 90px;
    resize: none;
}
form.form-underline .input-field input:focus,
form.form-underline .input-field textarea:focus {
    outline: none;
    border-color: #23d3d3;
}
form.form-underline .input-field button {
    width: 100%;
    height: 46px;
    border-radius: 6px;
    border: none;
    background: #23d3d3;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}
form.form-underline .input-field button:hover {
    background-color: #1ab2b2;
}

/*! Quick Search */
.quick-search {
    width:100%;
    padding: 0 60px 0 20px;
    border-radius:30px;
    display:flex;
    align-items:center;
    vertical-align:middle;
    position:relative;
    background-color:#fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
       -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
            box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
}
.quick-search .input-field {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.quick-search .input-field input {
    width: 100%;
    height: 60px;
    box-shadow: inherit;
    padding: 0;
    color: #2d2d2d;
    font-style: inherit;
    border: 0;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.quick-search .submit-field {
    margin-top: 0;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 5px
}
.quick-search .submit-field button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 0;
    border-radius: 50%;
    background-color: #23d3d3;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.quick-search .submit-field button i {
    color: #fff;
    font-size: 22px;
    vertical-align: -2px
}
.quick-search .submit-field button:focus {
    outline: inherit
}

/*! School Item */
.school-item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.05);
    overflow: hidden;
    transition: box-shadow 0.2s;
    position: relative;
}
.school-item.bronze .badge,
.school-item.silver .badge,
.school-item.gold .badge {
    display: flex;
}
.school-item.gold .details {
    border-image: linear-gradient(to right, #23d3d3 0%, #ffce55 25%, #36bc9b 50%, #5d9cec 75%, #23d3d3 100%) 5;
    background: linear-gradient(rgba(255,255,255,0.90), rgba(255,255,255,0.90)) padding-box, linear-gradient(to right, #23d3d3 0%, #ffce55 25%, #36bc9b 50%, #5d9cec 75%, #23d3d3 100%) border-box;
}
.school-item.gold .details .title i {
    display: inline;
}
.school-item:hover {
    box-shadow: 0 6px 28px 0 rgb(0 0 0 / 0.11);
}
.school-item .thumb {
    width: 100%;
    aspect-ratio: 16/17;
    background-color: #f2f2f2;
    overflow: hidden;
}
.school-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.school-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.school-item .badge {
    background-color:#0095f6;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -17px;
    right: 15px;
}
.school-item .details {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 20px;
    position: relative;
    border-top: 4px solid #fff;
}
.school-item .details .location {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.9rem;
}
.school-item .details .location span:last-child {
    position: relative;
    padding-left: 10px;
    margin-left: 6px;
    font-weight: 500;
}
.school-item .details .location span:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #d8d8d8;
    border-radius: 50%;
}
.school-item .details .title {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    word-break: break-word
}
.school-item .details .title i {
    font-style: normal;
    position: relative;
    top: -2px;
    display: none;
}
.school-item .details .address {
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top:auto;
}
.school-item .details .address i {
    font-size:1.1rem;
    position: relative;
    top: -1px;
}
.school-item .details .rating {
    display: flex;
    align-items: end;
    gap: 8px;
    font-size: 1rem;
}
.school-item .details .rating span:first-child {
    color: #23d3d3;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 3px
}
.school-item .details .rating span:last-child {
    color: #888;
    font-size: 0.9rem;
}


/*! Breadcrumb */
.breadcrumb {
    --breadcrumb-color: #555;
    --breadcrumb-hover: #23d3d3;
    --breadcrumb-separator: "\203A";
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.95rem;
    color: var(--breadcrumb-color);
    gap: 0.5rem;
}
.breadcrumb a {
    color: var(--breadcrumb-color);
    text-decoration: none;
    position: relative;
    padding-right: 0.8rem;
}
.breadcrumb a:hover {
    color: var(--breadcrumb-hover);
}
.breadcrumb a::after {
    content: var(--breadcrumb-separator);
    position: absolute;
    right: 0;
    color: var(--breadcrumb-color);
}
.breadcrumb span {
    color: #999;
}
@media (max-width: 1200px) {
    .breadcrumb {
        justify-content:center;text-align:center;
    }
}