.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}header{position:relative}.s-header{height:250px;position:relative}.s-header .content{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000006e 38.72%,#000000e6)}.s-header,.s-header *{color:#fff!important}.s-header .btn-360{display:none}.s-header .action-box{display:flex;justify-content:end;align-items:end}.s-header .actions{display:flex;flex-direction:row;justify-content:end;align-items:end;gap:1rem}.s-header .actions>div{display:flex;gap:1rem;justify-content:end;align-items:center;height:2rem}.main:not(.s-smp) .s-header .bg{filter:blur(3px);-webkit-filter:blur(3px)}body:has(.s-smp) header:not(.sticky){background:transparent;z-index:11}body:has(.s-smp) header:not(.sticky) .page-header:not(.on) .search{background:transparent;border:1px solid #fff}body:has(.s-smp) header:not(.sticky) .page-header:not(.on) .search input{background:transparent;color:#fff}body:has(.s-smp) header:not(.sticky) .page-header:not(.on) .search input::placeholder{color:#fff}body:has(.s-smp) header:not(.sticky) .page-header:not(.on) .search button{background:transparent}.s-smp .s-header{height:630px;margin-top:-6rem}.s-smp .s-header .actions{flex-direction:column}.s-smp .s-header .btn-360{display:block}.s-header .bg{position:absolute;inset:0;z-index:0}.img-bg{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.s-main .card{background:var(--fs-white);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.gallery-icons{position:absolute;width:310px;height:242px;right:15%;top:calc(50% - 121px)}.gallery-icons>*{position:absolute}.gallery-icons .img-bg{border-radius:16px;border:1px solid #fff}.gallery-btn{color:#222;background:#fff!important;padding:1rem 1.5rem!important;line-height:1rem;width:11.75rem;left:calc(50% - 5.875rem);bottom:20px;border-radius:8px;justify-content:center;z-index:2}.gallery-btn:hover{color:#000;background:var(--grey-03)!important}.gallery-icons .icon1{width:232px;height:242px;left:calc(50% - 116px);top:calc(50% - 121px);z-index:1}.gallery-icons .icon2{width:310px;height:202px;left:calc(50% - 155px);top:calc(50% - 101px)}@media (max-width: 1400px) and (min-width: 991.98px){.s-header .actions{flex-direction:column!important}}@media (max-width: 991.98px) and (min-width: 767.98px){.s-smp .s-header .actions{flex-direction:row!important}}@media (max-width: 767.98px){.s-smp .s-header{height:430px}.gallery-icons{top:calc(50% - 211px)}}#school_city,#school_name{font-size:1rem}.map-container{display:flex;gap:10px;flex-wrap:wrap}.thumb{width:700px;height:300px;object-fit:cover;border-radius:10px;cursor:pointer}.thumb:hover{transform:scale(1.01);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.d-flex.flex-column p{margin:0}.list-group-item img{width:50px;height:50px}.page-header{z-index:1;background-color:#f8f8f8}.card{margin-bottom:1em}.btn-sm span{padding:6px}.btn-sm{border-color:transparent!important;box-shadow:none!important}#hero-title{font-weight:900;font-size:50px}.portlet.light.section{padding:20px}.center-block.hero-box{text-align:center;max-width:800px}.d-flex{display:flex}.align-items-center{align-items:center}.gap-3{gap:1rem}.flex-nowrap{flex-wrap:nowrap}.form-group{display:flex;align-items:center;gap:.5rem}.form-label{white-space:nowrap;font-size:1rem;line-height:38px;vertical-align:middle}.form-select{padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;line-height:1.5;border:1px solid #ced4da;border-radius:.25rem;height:38px}.form-select option[disabled]{color:#a6a6a7}.form-select option{color:#000}.form-select:invalid{color:#a6a6a7}.form-select:valid{color:#000}.btn.btn-primary{padding:.375rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:.25rem;background-color:#007bff;border-color:#007bff;color:#fff;height:38px;display:flex;align-items:center}.align-self-end{align-self:flex-end}.portlet.light .portlet-body{padding-top:8px}.portlet>.portlet-body{clear:both}.mb-12{margin-bottom:.3rem}.gap-04{gap:1rem}.j-center{justify-content:center}.a-center{align-items:center}.flex{display:flex}.portlet.light{padding:12px 20px 15px;background-color:#fff}@media (max-width: 991px){.section{padding:40px 10px!important}}.section{padding:10px 3px!important}@media (max-width: 979px){.portlet{margin-bottom:1px}}.portlet{margin-top:0;margin-bottom:2px;padding:0}.badge.badge-sm{font-size:inherit;font-weight:400;height:auto;padding:2px 5px}.btn-danger{background:#b2243c;border-color:#b2243c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.btn-danger{color:#fff;background-color:#ed6b75;border-color:#ea5460}.tab-content>.active{display:block}.tab-content>.tab-pane{display:none}.row{margin-left:-15px;margin-right:-15px}.col-md-4{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.hover-shadow:hover{box-shadow:1px 1px 15px #00000090}.ranking-school-item{height:220px;background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;display:block}.tab-content .school-text{position:relative;left:0;top:65%;height:35%;text-align:left;padding-left:10px;padding-top:20px;background-image:linear-gradient(-180deg,#fff0 0,#000 70%)}.ranking-school-item .school-title{float:left;display:inline-block}.ranking-school-item .school-title span{font-weight:500}.margin-bottom-15{margin-bottom:15px!important}.margin-top-0{margin-top:0!important}.portlet-body .slimScrollBar{margin-right:0}.margin-top-20{margin-top:10px!important}.col-xs-12{width:100%;float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}.text-center{text-align:center}.col-xs-12.margin-top-20.text-center{margin-bottom:0}.btn:not(.btn-sm):not(.btn-lg){line-height:1.44}.btn-outline-secondary{border:1.5px solid!important;color:#000!important}.btn-outline-secondary:hover{background-color:#ebeff2!important}.margin-right-10{margin-right:10px!important}.btn-circle{border-radius:25px!important;overflow:hidden}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group .switch-button:first-child{border-radius:25px 0 0 25px!important}.btn-group .switch-button:last-child{border-radius:0 25px 25px 0!important}.btn-group>.btn.active{z-index:0!important}.btn-group>.btn:first-child{margin-left:0}.switch-button.active,.switch-button:hover{background-color:#3598dc!important;border-color:#3598dc!important;color:#fff!important}.btn-default{color:#333;background-color:#fff;border-color:#ccc!important}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{border-right:1px solid #d3d3d3!important}#Slogan-search{margin-top:60px}.school-img{display:block;width:100%;height:300px;border-radius:24px 24px 0 0;background-size:cover;background-position:center}.school .school-text{border-radius:0 0 24px 24px}.breadcrumb a{text-decoration:none;color:#282828}.breadcrumb a:hover{text-decoration:underline}.school-name a{color:#000;text-decoration:none}.school-name a:hover{color:#007bff;text-decoration:underline}.SchoolCard{padding-top:10px;padding-left:1.5rem;padding-right:1.5rem;width:100%;max-width:calc(100% - 6rem);margin-left:4rem!important;margin-right:4rem!important}.save .fas.fa-heart{color:red}.dot{background:gray;width:4px;height:4px;border-radius:50%}#nav-name{cursor:pointer;font-size:15px}#nav-name a:hover{color:#007bff;text-decoration:underline}#WebsiteName{font-weight:700;font-size:23px}#Slogan{font-size:12px}.page-header{background-color:#f8f8f8}#logo{margin-left:10px}.user-info{margin-right:10px}.page-head{margin-top:65px;min-height:100vh;display:flex;flex-direction:column}#back-to-top{position:fixed;bottom:30px;right:5vw;width:30px;height:30px;cursor:pointer;z-index:1000}.user-info-overlay{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;padding:4px 10px}.user-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:8px;border:2px solid rgb(235,228,228)}.user-data{color:#fff;font-size:.875rem;font-weight:400}.UserCenterBG{display:block;width:100%;height:200px;border-radius:24px 24px 0 0;background-size:cover;background-position:center;position:relative}.bg-overlay{position:absolute;inset:0;background:#0000005e;border-radius:24px 24px 0 0;pointer-events:none}.user-info-overlay .user-name{font-weight:700;color:#fff;font-size:2rem}.user-text{display:flex;flex-direction:column;align-items:flex-start}#user-center-card{border-radius:24px;display:flex;flex-direction:column}.UserCenter-school-item .school-text{color:#fff;position:relative;left:0;top:65%;height:35%;text-align:left;padding-left:10px;padding-top:20px;border-radius:0 0 24px 24px;background-image:linear-gradient(-180deg,#fff0 0,#000 70%)}.UserCenter-school-item{height:220px;background-repeat:no-repeat;background-size:cover;background-position:center;display:block;text-decoration:none;border-radius:24px}.usercenter-btn.btn{min-width:100px;height:30px;font-size:medium;justify-content:center;align-items:center;text-align:center;display:flex;padding-left:0;padding-right:0}.edit-profile-btn,.logout-btn{display:flex;flex-direction:column;color:#fff;text-decoration:underline;font-size:.875rem;border:none}