@keyframes circle{50%{transform:translateY(-50px)}}@keyframes square{50%{transform:rotate(30deg)}}@keyframes triangle{50%{transform:translateY(-50px)}}@keyframes block{50%{transform:rotate(45deg)}}.college-main>.services{background:var(--college-service-bg);justify-content:center;padding:50px 0 80px;display:flex;position:relative;overflow:hidden}.college-main>.services>.container{width:95%}.college-main>.services>.container>.service-header{z-index:10;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.college-main>.services>.container>.service-header>h1{text-align:center;background-image:var(--college-service-header-h1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;height:60px;font-size:22px;line-height:60px;display:inline-block;position:relative}.college-main>.services>.container>.service-header>h1:before{content:"";background-image:linear-gradient(to left,var(--college-service-header-before),transparent);width:80px;height:2px;position:absolute;top:29px;left:-100px}.college-main>.services>.container>.service-header>h1:after{content:"";background-image:linear-gradient(to right,var(--college-service-header-after),transparent);width:80px;height:2px;position:absolute;top:29px;right:-100px}.college-main>.services>.container>.service-header>p{color:var(--text-white-white);margin-top:5px;font-size:16px;font-weight:lighter}.college-main>.services>.container>.service-list{flex-direction:column;align-items:center;margin-top:100px;display:flex}.college-main>.services>.container>.service-list>li{z-index:10;border-radius:8px;width:300px;height:250px;transition:all .2s linear;position:relative;box-shadow:0 2px 10px #00000026}.college-main>.services>.container>.service-list>li>i{box-sizing:border-box;border:2px solid var(--college-service-li-i-border);width:60px;height:60px;color:var(--college-service-li-i-text);background:var(--college-service-li-i-bg);border-radius:30px;justify-content:center;align-items:center;margin-left:-30px;font-size:28px;line-height:60px;display:flex;position:absolute;top:-30px;left:50%}.college-main>.services>.container>.service-list>li .title{box-sizing:border-box;background-color:var(--college-service-li-bg);border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:140px;padding-top:65px}.college-main>.services>.container>.service-list>li .title>a,.college-main>.services>.container>.service-list>li .title>span{border:1px solid var(--border-white-black3);text-align:center;width:120px;height:32px;color:var(--text-white-white);cursor:pointer;margin:0 auto;line-height:32px;transition:all .5s linear;display:block;position:relative}.college-main>.services>.container>.service-list>li .title>a:hover,.college-main>.services>.container>.service-list>li .title>span:hover{background-color:var(--college-service-li-a-hover)}.college-main>.services>.container>.service-list>li .title>a:hover>span:first-child,.college-main>.services>.container>.service-list>li .title>span:hover>span:first-child{opacity:1;height:30px;top:0}.college-main>.services>.container>.service-list>li .title>a:hover>span:nth-child(2),.college-main>.services>.container>.service-list>li .title>span:hover>span:nth-child(2){opacity:1;width:30px;right:0}.college-main>.services>.container>.service-list>li .title>a:hover>span:nth-child(3),.college-main>.services>.container>.service-list>li .title>span:hover>span:nth-child(3){opacity:1;height:30px;bottom:0}.college-main>.services>.container>.service-list>li .title>a:hover>span:nth-child(4),.college-main>.services>.container>.service-list>li .title>span:hover>span:nth-child(4){opacity:1;width:30px;left:0}.college-main>.services>.container>.service-list>li .title>a>span,.college-main>.services>.container>.service-list>li .title>span>span{transition:all .2s linear;position:absolute}.college-main>.services>.container>.service-list>li .title>a>span:first-child,.college-main>.services>.container>.service-list>li .title>span>span:first-child{border-left:1px solid var(--border-white-black3);opacity:.5;height:0;top:-60px;left:-1px}.college-main>.services>.container>.service-list>li .title>a>span:nth-child(2),.college-main>.services>.container>.service-list>li .title>span>span:nth-child(2){border-top:1px solid var(--border-white-black3);opacity:.5;width:0;top:-1px;right:-60px}.college-main>.services>.container>.service-list>li .title>a>span:nth-child(3),.college-main>.services>.container>.service-list>li .title>span>span:nth-child(3){border-right:1px solid var(--border-white-black3);opacity:.5;height:0;bottom:-60px;right:-1px}.college-main>.services>.container>.service-list>li .title>a>span:nth-child(4),.college-main>.services>.container>.service-list>li .title>span>span:nth-child(4){border-bottom:1px solid var(--border-white-black3);opacity:.5;width:0;bottom:-1px;left:-60px}.college-main>.services>.container>.service-list>li .info{box-sizing:border-box;height:110px;color:var(--text-gray-silver);background-color:var(--bg-white-black3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:20px 20px 20px 23px;font-size:15px;line-height:28px}.college-main>.services>.container>.service-list>li+li{margin-top:80px}.college-main>.services>.container>.service-dialog{background-color:#0000;padding:30px;transition:all .2s ease-in-out;transform:scale(0)}.college-main>.services>.container>.service-dialog>.container{background-color:var(--bg-white-black2);border-radius:10px;width:260px;padding:30px 20px;line-height:28px;position:relative;box-shadow:0 2px 12px #0003}.college-main>.services>.container>.service-dialog>.container>.leaf{background-color:var(--bg-white-black2);border-radius:30px;position:absolute;top:-30px;left:105px}.college-main>.services>.container>.service-dialog>.container>.leaf>.icon-leaf1{text-align:center;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#48aae7,#34d07d);-webkit-background-clip:text;width:60px;height:60px;font-size:30px;line-height:60px;display:block}.college-main>.services>.container>.service-dialog>.container>.icon-close{width:30px;height:30px;color:var(--text-white-white);cursor:pointer;font-size:30px;transition:all .2s linear;position:absolute;top:-20px;right:-30px}.college-main>.services>.container>.service-dialog>.container>.icon-close:hover{transform:rotate(90deg)}.college-main>.services>.container>.service-dialog>.container>.dialog-content>p:has(img){text-align:center;margin-top:20px}.college-main>.services>.container>.service-dialog>.container>.dialog-content>p:has(img)>img{width:150px;height:150px}.college-main>.services>.container>.animation-bg>.circle{background:var(--college-circle-bg);opacity:.8;border-radius:120px;width:240px;height:240px;animation-name:circle;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:0;right:30px}.college-main>.services>.container>.animation-bg>.square{border:20px solid var(--college-square-bg);opacity:.6;width:200px;height:200px;animation-name:square;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-90px;left:-30px;transform:rotate(45deg)}.college-main>.services>.container>.animation-bg>.triangle{border-width:var(--college-triangle-border-width);opacity:.8;border-style:solid;border-color:#0000 #0000 #62c9ae;width:0;height:0;animation-name:triangle;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0;left:50%;transform:rotate(-20deg)}.college-main>.services>.container>.animation-bg>.block{background-color:var(--college-block-bg);opacity:.5;width:300px;height:60px;animation-name:block;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:20%;left:3%;transform:rotate(30deg)}.college-main>.services>.container>.animation-bg>.block:before{content:"";background-color:var(--college-block-bg);width:60px;height:100px;position:absolute;bottom:-100px;right:0}@media screen and (width>=576px){.college-main>.services{padding:80px 0 130px}.college-main>.services>.container{width:95%}.college-main>.services>.container>.service-header>h1{font-size:24px}.college-main>.services>.container>.service-header>h1:before{width:100px;left:-120px}.college-main>.services>.container>.service-header>h1:after{width:100px;right:-120px}.college-main>.services>.container>.service-header>p{margin-top:15px}.college-main>.services>.container>.service-dialog{padding:40px}.college-main>.services>.container>.service-dialog>.container{width:300px;padding:30px 20px}.college-main>.services>.container>.service-dialog>.container>.leaf{left:120px}.college-main>.services>.container>.service-dialog>.container>.icon-close{top:-20px;right:-35px}.college-main>.services>.container>.service-dialog>.container>.dialog-content>p:has(img){margin-top:20px}}@media screen and (width>=768px){.college-main>.services>.container{width:95%}.college-main>.services>.container>.service-dialog{padding:100px}.college-main>.services>.container>.service-dialog>.container{width:380px;padding:50px 30px}.college-main>.services>.container>.service-dialog>.container>.leaf{left:160px}.college-main>.services>.container>.service-dialog>.container>.icon-close{top:0;right:-50px}.college-main>.services>.container>.service-dialog>.container>.dialog-content>p:has(img){margin-top:30px}}@media screen and (width>=992px){.college-main>.services>.container{width:90%}.college-main>.services>.container>.service-list{flex-direction:row;justify-content:space-between;align-items:flex-start;display:flex}.college-main>.services>.container>.service-list>li{width:280px}.college-main>.services>.container>.service-list>li+li{margin-top:0}}@media screen and (width>=1200px){.college-main>.services>.container{width:80%}.college-main>.services>.container>.service-list>li{width:300px}}@media screen and (width>=1400px){.college-main>.services>.container{width:70%}}.college-main .resources{background-color:var(--bg-white-black2);justify-content:center;padding:70px 0;display:flex}.college-main .resources>.container>.resource-header{text-align:center}.college-main .resources>.container>.resource-header>h2{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#1ca5ed,#12d2af);-webkit-background-clip:text;font-size:22px;font-weight:700;display:inline-block;position:relative}.college-main .resources>.container>.resource-header>h2:after,.college-main .resources>.container>.resource-header>h2:before{content:"";border-radius:8px;width:12px;height:12px;position:absolute;top:12px}.college-main .resources>.container>.resource-header>h2:before{border:2px solid #1ca5ed;left:-25px}.college-main .resources>.container>.resource-header>h2:after{border:2px solid #12d2af;right:-25px}.college-main .resources>.container>.resource-list{flex-direction:column;align-items:center;row-gap:30px;margin-top:40px;display:flex}.college-main .resources>.container>.resource-list>li{border:1px solid var(--border-light-black2);background-color:var(--bg-white-black3);border-radius:6px;width:200px;height:120px;padding:0 10px;display:flex;box-shadow:0 2px 12px #0000001a}.college-main .resources>.container>.resource-list>li>.left{justify-content:center;align-items:center;height:100%;display:flex}.college-main .resources>.container>.resource-list>li>.left>i{color:#6cc9d1;font-size:50px}.college-main .resources>.container>.resource-list>li>.right{flex-direction:column;justify-content:center;row-gap:10px;width:150px;height:100%;margin-left:10px;display:flex}.college-main .resources>.container>.resource-list>li>.right>p:first-child{font-size:18px}.college-main .resources>.container>.resource-list>li>.right>p:nth-child(2){color:#848d97;font-size:14px}.college-main .resources>.container>.resource-list>li:last-child>.left>i{font-size:62px}@media screen and (width>=576px){.college-main>.resources{padding:80px 0}.college-main>.resources>.container{width:80%}.college-main>.resources>.container>.resource-header>h2{font-size:24px}.college-main>.resources>.container>.resource-list{grid-template-rows:120px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:120px;gap:30px 20px;display:grid}}@media screen and (width>=820px){.college-main>.resources>.container{width:70%}.college-main>.resources>.container>.resource-list{grid-template-rows:150px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:150px;gap:30px 20px;margin-top:60px;display:grid}.college-main>.resources>.container>.resource-list>li{width:250px;height:150px;padding:0 0 0 30px}.college-main>.resources>.container>.resource-list>li>.left>i{font-size:60px}.college-main>.resources>.container>.resource-list>li>.right>p:first-child{font-size:20px}}@media screen and (width>=1200px){.college-main>.resources{padding:120px 0 180px}}.college-main>.schools{background:var(--college-list-bg);justify-content:center;padding:60px 0;font-size:22px;display:flex}.college-main>.schools>.container{width:90%}.college-main>.schools>.container>.school-header{text-align:center}.college-main>.schools>.container>.school-header>h2{color:var(--college-list-h2-text);font-size:22px;display:inline-block;position:relative}.college-main>.schools>.container>.school-header>h2:after,.college-main>.schools>.container>.school-header>h2:before{content:"";border-radius:8px;width:12px;height:12px;position:absolute;top:12px}.college-main>.schools>.container>.school-header>h2:before{border:2px solid var(--college-list-h2-text);left:-25px}.college-main>.schools>.container>.school-header>h2:after{border:2px solid var(--college-list-h2-text);right:-25px}.college-main>.schools>.container>.school-list{text-align:center;color:var(--text-gray-silver);margin-top:30px;font-size:22px;font-weight:lighter;line-height:40px}@media screen and (width>=576px){.college-main>.schools{padding:80px 0;font-size:24px}.college-main>.schools>.container>.school-header>h2{font-size:24px}.college-main>.schools>.container>.school-list{font-size:24px;line-height:54px}}@media screen and (width>=992px){.college-main>.schools>.container{width:70%}}@media screen and (width>=1400px){.college-main>.schools{padding:100px 0}.college-main>.schools>.container{width:60%}}