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