@font-face{font-display:swap;font-family:"Myriad Pro";font-style:normal;font-weight:400;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/Myriad Pro Regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Myriad Pro";font-style:normal;font-weight:700;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/MYRIADPRO-BOLD.OTF") format("opentype")}@font-face{font-display:swap;font-family:"Gilroy-Bold";font-style:normal;font-weight:400;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/SVN-Gilroy Bold.otf") format("opentype")}@font-face{font-display:swap;font-family:"Gilroy-Light";font-style:normal;font-weight:400;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/SVN-Gilroy Light.otf") format("opentype")}@font-face{font-display:swap;font-family:"Gilroy-Medium";font-style:normal;font-weight:400;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/SVN-Gilroy Medium.otf") format("opentype")}@font-face{font-display:swap;font-family:"Gilroy-Regular";font-style:normal;font-weight:400;src:url("https://daihoc.fpt.edu.vn/wp-content/themes/fpt-university/assets/css/fonts/SVN-Gilroy Regular.otf") format("opentype")}.scholarship-banner{background-image:url("../img/misc/c1d9e9753801.webp");background-repeat:no-repeat;background-position:center center;background-size:cover;padding:42px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Myriad Pro",sans-serif}.scholarship-banner *{font-family:"Myriad Pro",sans-serif}.scholarship-banner-sub-title{padding:12px 28px;border-radius:100px;font-size:24px;font-family:"Myriad Pro",sans-serif;font-weight:300;color:#fff;line-height:1;position:relative;margin-bottom:40px}.scholarship-banner-sub-title::before{content:"";position:absolute;inset:0;padding:1px;border-radius:100px;background:linear-gradient(90deg,#ffffff 0%,#ffb56f 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.scholarship-banner h2{font-size:60px;font-weight:400;text-transform:uppercase;margin-bottom:8px;background:linear-gradient(90deg,#ffffff 0%,#ffb56f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-family:"Myriad Pro",sans-serif;text-align:center}.scholarship-banner h3{font-size:32px;font-weight:400;margin-bottom:24px;color:#fff;font-family:"Myriad Pro",sans-serif;text-align:center}.scholarship-banner-logo{margin-bottom:24px}.scholarship-banner-content{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin-bottom:24px;overflow:hidden}.scholarship-banner-content>div{max-width:390px;min-height:215px;width:100%;padding:32px;clip-path:polygon(10% 0,100% 0,100% 0%,100% 85%,90% 100%,0% 100%,0 100%,0 15%);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#fff;background:linear-gradient(180deg,#e4c58a 0%,rgba(255,163,128,.3) 92.56%);position:relative;border:3px solid rgba(255,255,255,.4)}.scholarship-banner-content>div::before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;transform:rotate(42deg) translateX(-46px);border:3px solid rgba(255,255,255,.8)}.scholarship-banner-content>div::after{content:"";position:absolute;right:0;bottom:0;width:50px;height:50px;transform:rotate(42deg) translateX(46px);border:3px solid rgba(255,255,255,.8)}.scholarship-banner-content>div>div{font-weight:700}.scholarship-banner-content>div>div strong{font-size:76px;margin-right:8px}.scholarship-banner-btn{display:flex;justify-content:center;align-items:center;gap:32px}.scholarship-banner-btn a{color:var(--cl-primary);font-weight:700;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;border-radius:8px;min-height:48px;font-weight:500}.scholarship-banner-btn a:nth-child(1){background:#fff}.scholarship-banner-btn a:nth-child(2){background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.14) 92.56%);color:#fff;border:1px solid #fff}.scholarship-intro-main{display:grid;grid-template-columns:1fr 1fr;gap:70px}.scholarship-intro-video{background-size:75%;background-position:top left;background-repeat:no-repeat;border-radius:8px}.scholarship-intro-video iframe{aspect-ratio:16/9;border-radius:8px;width:100%;max-height:275px;object-fit:cover}.scholarship-intro-video img{aspect-ratio:16/9;border-radius:8px;width:100%;height:100%;object-fit:cover}.scholarship-intro-content h2{font-size:32px;font-weight:700;margin-bottom:24px}.scholarship-intro-content h2 strong{color:var(--cl-primary);font-weight:700}.scholarship-intro-content p{color:#3d3d3d;line-height:1.4;margin-bottom:24px}.scholarship-intro-content-btn{justify-content:flex-start;gap:24px}.scholarship-intro-content-btn a:nth-child(1){background:var(--cl-primary);color:#fff}.scholarship-intro-content-btn a:nth-child(2){color:var(--cl-primary);background:#fff;border:1px solid var(--cl-primary)}.scholarship-categories{overflow:hidden;padding:60px 0}.scholarship-categories-list{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scholarship-card{position:relative;aspect-ratio:14/9;overflow:hidden;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);cursor:pointer;transition:transform 0.3s ease}.scholarship-card:hover{transform:translateY(-4px)}.scholarship-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.scholarship-card:hover .scholarship-card-bg{transform:scale(1.05)}.scholarship-card-bg.sm{display:none}.scholarship-card-default{position:absolute;right:24px;bottom:24px;color:#fff;z-index:2;transition:opacity 0.3s ease}.scholarship-card:hover .scholarship-card-default{opacity:0}.scholarship-card-default h3{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:12px}.scholarship-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(202,136,95,.95) 0%,rgba(130,119,112,.95) 100%);opacity:0;visibility:hidden;transition:all 0.4s ease;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:20px}.scholarship-card:hover .scholarship-card-overlay{opacity:1;visibility:visible}.scholarship-card-overlay-content{color:#fff;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.scholarship-card-info{flex:1}.scholarship-card-description{font-size:13px;line-height:1.6;margin-bottom:10px;font-weight:400;color:#fff}.scholarship-card-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.scholarship-card-meta-item{display:flex;gap:8px;font-size:12px;line-height:1.5;color:#fff}.scholarship-card-meta-item .icon{flex-shrink:0;font-size:12px}.scholarship-card-meta-item strong{font-weight:700}.scholarship-card-cta{display:block;background-color:#f37021;color:#fff;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:700;text-decoration:none;transition:all 0.3s ease;border:2px solid #fff;text-align:center;margin-top:auto;align-self:center;max-width:fit-content}.scholarship-card-cta:hover{background-color:#fff;color:#f37021;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.scholarship-card-value{font-size:16px;font-weight:400}.scholarship-expert-list{margin-top:40px;display:grid!important;grid-template-columns:repeat(3,1fr);gap:40px 32px}.scholarship-expert-item-img{margin-bottom:12px;position:relative;clip-path:polygon(10% 0,100% 0,100% 0%,100% 85%,90% 100%,0% 100%,0 100%,0 15%);padding-top:100%;background-color:#d9d9d9}.scholarship-expert-item-img img{position:absolute;top:0%;left:0;width:100%;height:100%;object-fit:cover}.scholarship-expert-item-content{text-align:center}.scholarship-expert-item-content h3{font-size:24px;font-weight:700;margin-bottom:8px}.scholarship-expert-item-content p{font-size:16px;font-weight:700;color:#707070}.scholarship-benefits{background-image:url("../img/misc/7ec550bfb4cb.webp");background-repeat:no-repeat;background-size:cover;background-position:center;padding:90px 0}.scholarship-benefits h2{color:#fff}.scholarship-benefits .title-common span{gap:0}.scholarship-benefits .title-common span::before,.scholarship-benefits .title-common span::after{background:#fff}.scholarship-benefits-list{display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;overflow:hidden;margin-top:64px}.scholarship-benefits-item{background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.6) 100%);padding:50px 30px;min-height:285px;border-right:2px solid rgba(224,224,224,.5);border-bottom:2px solid rgba(224,224,224,.5);display:flex;flex-direction:column}.scholarship-benefits-item:nth-child(3n){border-right:none}.scholarship-benefits-item:nth-child(4),.scholarship-benefits-item:nth-child(5),.scholarship-benefits-item:nth-child(6){border-bottom:none}.scholarship-benefits-item span{display:flex;margin-bottom:20px;width:90px;height:90px}.scholarship-benefits-item span img{width:100%;height:100%;object-fit:contain}.scholarship-benefits-item p{font-size:18px;font-weight:700;line-height:1.4;color:#333}.scholarship-brand-list{margin-top:60px;display:flex;flex-direction:column;gap:24px}.scholarship-brand-item{display:flex;flex-direction:column;gap:24px}.scholarship-brand-item h3{font-weight:700;position:relative;display:flex;align-items:flex-end;gap:8px}.scholarship-brand-item h3::after{content:"";flex:1;width:100%;height:1px;background:#ccc;position:relative;bottom:5px}.scholarship-brand-item-list{display:grid;grid-template-columns:repeat(9,1fr);gap:5%}.scholarship-brand-item-list span{flex-shrink:0;display:flex;justify-content:center;align-items:center}.scholarship-brand-item-list img{object-fit:contain}.scholarship-news-swiper{padding-bottom:70px!important}.scholarship-video-guide{padding:60px 0;background-color:#fafafa}.scholarship-video-guide .title-common h2 strong{color:var(--cl-primary)}.scholarship-video-guide-wrapper{margin-top:40px;display:flex;justify-content:center}.scholarship-video-guide-iframe{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15)}.scholarship-video-guide-iframe iframe{width:100%;height:100%;border:none}.scholarship-faq h3{font-size:16px}.recuitment-faq-item-title{gap:20px}.scholarship-faq{background-image:url("../img/misc/f12c96746fd4.svg");background-repeat:no-repeat;background-size:100% 60%;background-position:center bottom}.scholarship-detail-banner img{height:100%;object-position:cover}.scholarship-features-desc{margin-top:12px;color:#3d3d3d}.scholarship-features-list{margin-top:60px;display:grid!important;grid-template-columns:repeat(5,1fr);gap:32px}.scholarship-features-item{display:flex!important;flex-direction:column;height:auto!important}.scholarship-features-item span{clip-path:polygon(0% 0,85% 0%,100% 15%,100% 100%,0 100%,0 0%);position:relative;padding-top:100%;overflow:hidden;display:flex}.scholarship-features-item span img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.scholarship-features-item div{background-color:#fff;padding:20px;font-weight:700;color:#000;flex:1;display:flex;align-items:center;line-height:1.4}.scholarship-features{background-color:#fafafa}.scholarship-progress .exam-calendar-item h3{color:#000;font-size:18px;line-height:1.4}.scholarship-progress .exam-calendar-item h3 strong{color:var(--cl-primary);font-weight:700}.scholarship-progress .exam-calendar-main{grid-template-columns:repeat(3,1fr);gap:40px}.scholarship-progress .exam-calendar-main.steps-3{grid-template-columns:repeat(3,1fr)}.scholarship-progress .exam-calendar-main.steps-4{grid-template-columns:repeat(4,1fr)}.scholarship-progress .exam-calendar-main.steps-more{grid-template-columns:repeat(2,1fr)}.scholarship-progress .exam-calendar-item{max-width:100%}.scholarship-progress .exam-calendar-item p{color:#707070;font-weight:400;font-size:16px;line-height:1.4}.scholarship-form .recruitment-form-main{margin-top:0}.scholarship-form-tab{margin-top:28px;display:flex;z-index:10;position:relative}.scholarship-form-tab-item h3{font-size:20px}.scholarship-form-tab-item{clip-path:polygon(5% 0,100% 0%,100% 80%,95% 100%,0 100%,0 20%);padding:10px 32px;color:#707070;font-weight:700;background:#fffc;backdrop-filter:blur(6px);border:1px solid;border-image-source:linear-gradient(180deg,#f2f2f2 1.09%,#ff8b2a 117.14%);border-image-slice:1;position:relative;cursor:pointer}.scholarship-form-tab-item::before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;border-right:1px solid var(--cl-primary);transform:rotate(50deg) translateX(-16px)}.scholarship-form-tab-item::after{content:"";position:absolute;bottom:0;right:0;width:18px;height:18px;border-left:1px solid var(--cl-primary);transform:rotate(50deg) translateX(16px)}.scholarship-form-tab-item.active{background:var(--cl-primary);color:#fff;transform:scaleX(1.06) scaleY(1.16) translateX(6px) translateY(-2px);z-index:10}.scholarship-form-tab-item.active h3{transform:scaleX(.94) scaleY(.84)}.scholarship-form-tab-item:nth-child(2).active{transform:scaleX(1.06) scaleY(1.16) translateX(-6px) translateY(-2px)}.scholarship-form .title-common-decor-left::after{display:none}.scholarship-form .title-common-decor-left img{transform:rotate(0deg);max-width:100%;width:100%}.scholarship-form .recruitment-form-main{display:none}.scholarship-form .recruitment-form-main.active{display:block}.scholarship-form .recruitment-form-main.active[data-form="2"] form{grid-template-columns:1fr}.scholarship-form .recruitment-form-main.active[data-form="2"] form .scholarship-form-item-field{display:grid;grid-template-columns:1fr 1fr;gap:32px}.scholarship-form .scholarship-form-item-title{display:flex;gap:8px;flex-direction:row;margin-bottom:16px}.scholarship-form-item-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;display:none}.scholarship-form .scholarship-form-item-title h3{font-size:18px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:8px;width:100%}.scholarship-form .scholarship-form-item-title h3:after{content:"";position:relative;width:100%;flex:1;height:1px;background:#ccc;bottom:5px;display:flex}.scholarship-form .recruitment-form-main.active[data-form="2"] form div.recruitment-form-action{grid-column:span 1}.scholarship-explore-list{grid-template-columns:repeat(3,1fr)}.scholarship-explore-swiper{padding:50px 20px!important}@media screen and (max-width:1023px){.scholarship-banner h2{font-size:36px}.scholarship-banner h3{font-size:20px}.scholarship-banner-content>div{padding:20px}.scholarship-banner-content>div::before{transform:rotate(36deg) translateX(-48px)}.scholarship-banner-content>div::after{transform:rotate(36deg) translateX(48px)}.scholarship-categories-list,.scholarship-benefits-list,.scholarship-expert-list{grid-template-columns:1fr 1fr}.scholarship-brand-item-list{grid-template-columns:repeat(3,1fr)}.scholarship-intro-main{grid-template-columns:1fr;gap:24px}.scholarship-intro-video{max-width:100%;margin:0 auto}.scholarship-intro-video img{width:100%;height:auto;object-fit:cover}.scholarship-features-list{display:flex!important;gap:0}}@media screen and (max-width:767px){.scholarship-banner h2{font-size:24px}.scholarship-banner h3{font-size:16px;line-height:1.4}.scholarship-banner-content{grid-template-columns:1fr 1fr;gap:16px}.scholarship-banner-content>div:first-child{grid-column:span 2}.scholarship-banner-content>div{max-width:100%}.scholarship-banner-content>div::before,.scholarship-banner-content>div::after{width:30px;height:30px}.scholarship-banner-content>div::before{transform:rotate(38deg) translateX(-31px)}.scholarship-banner-content>div::after{transform:rotate(38deg) translateX(31px)}.scholarship-banner-sub-title{font-size:14px;margin-bottom:12px}.scholarship-banner-logo img{max-width:140px}.scholarship-banner-content>div>div strong{font-size:40px}.scholarship-banner-content>div{padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.14) 142.14%);min-height:140px}.scholarship-banner-content p{font-size:12px}.scholarship-banner-content>div>div>span{font-size:12px}.scholarship-banner-content>div:first-child{order:1;clip-path:polygon(5% 0,100% 0,100% 0%,100% 85%,95% 100%,0% 100%,0 100%,0 15%)}.scholarship-banner-btn a{font-size:12px;min-height:40px;gap:10px;padding:10px 16px;font-weight:700;width:100%}.scholarship-banner-btn{gap:12px;display:grid;grid-template-columns:1fr 1fr}.scholarship-intro-main{grid-template-columns:1fr;display:grid!important}.scholarship-intro-main .scholarship-intro-video{display:block!important;order:1}.scholarship-intro-main .scholarship-intro-content{order:2}.scholarship-intro-content h2{font-size:20px;margin-bottom:6px}.scholarship-intro-content p{font-size:14px}.scholarship-banner-btn a img{max-width:16px}.scholarship-categories-list{grid-template-columns:1fr;gap:16px}.scholarship-card{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.scholarship-card-bg.md{display:none}.scholarship-card-bg.sm{display:block}.scholarship-card-default{right:16px;bottom:16px}.scholarship-card-default h3{font-size:16px}.scholarship-card-value{font-size:14px}.scholarship-card-overlay{padding:20px}.scholarship-card-description{font-size:14px;margin-bottom:16px}.scholarship-card-meta-item{font-size:13px}.scholarship-card-cta{font-size:14px;padding:10px 20px}.scholarship-benefits{padding:60px 0}.scholarship-benefits h2{font-size:24px;line-height:1.3}.scholarship-benefits .title-common span::before,.scholarship-benefits .title-common span::after{background:rgba(255,255,255,.5)}.scholarship-benefits-list{grid-template-columns:1fr;margin-top:32px;border-radius:8px}.scholarship-benefits-item{min-height:auto;padding:24px 20px;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;border-right:none;border-bottom:1px solid rgba(224,224,224,.5)}.scholarship-benefits-item:nth-child(3n){border-right:none}.scholarship-benefits-item:nth-child(4),.scholarship-benefits-item:nth-child(5),.scholarship-benefits-item:nth-child(6){border-bottom:1px solid rgba(224,224,224,.5)}.scholarship-benefits-item:last-child{border-bottom:none}.scholarship-benefits-item span{margin:0;width:64px;height:64px}.scholarship-benefits-item p{font-size:15px;line-height:1.5}.scholarship-expert-list{display:flex!important;gap:0;margin-top:24px}.scholarship-expert-item-content h3{font-size:20px}.scholarship-expert-swiper .swiper-pagination{bottom:0}.scholarship-expert-swiper{padding-bottom:40px!important}.scholarship-expert-main{position:relative}.scholarship-brand-list{margin-top:24px}.scholarship-brand-item h3{font-size:14px}.scholarship-brand-item-list{grid-template-columns:repeat(3,1fr);gap:32px}.scholarship-brand-item-list span{max-height:50px}.scholarship-intro-video{padding:24px 20px 24px 32px}.scholarship-news-swiper{padding-bottom:40px!important}.scholarship-video-guide{padding:40px 0}.scholarship-video-guide-wrapper{margin-top:24px}.scholarship-video-guide-iframe{border-radius:8px}.scholarship-faq .title-common-decor-right img{max-width:100px}.scholarship-faq h3{font-size:14px;border:none;padding-left:0}.scholarship-intro-video{max-width:100%;margin:auto;display:block!important;overflow:visible!important}.scholarship-intro-video.event-img.md{padding:15px!important;display:block!important;position:relative!important;overflow:visible!important}.scholarship-intro-video.event-img.md::before{display:block!important}.scholarship-intro-video.event-img.md img,.scholarship-intro-video.event-img.md iframe{transform:translateX(0)!important;display:block!important;position:relative!important;width:100%!important;max-width:100%!important}.scholarship-intro-video iframe{max-height:160px}.scholarship-intro-video img{max-height:160px;width:100%;height:auto;object-fit:cover}.scholarship-features-desc{font-size:16px}.scholarship-features-main{position:relative;margin-top:16px}.scholarship-features-item p{font-size:14px}.scholarship-features-item div{padding:12px}.scholarship-features-main .swiper-pagination{justify-content:center}.scholarship-features-swiper{padding-bottom:40px!important}.scholarship-progress .exam-calendar-main{grid-template-columns:1fr 1fr;gap:24px}.scholarship-progress .exam-calendar-main.steps-3{grid-template-columns:repeat(3,1fr);gap:16px}.scholarship-progress .exam-calendar-main.steps-3 .exam-calendar-item{width:100%!important;max-width:100%!important;box-sizing:border-box}.scholarship-progress .exam-calendar-main.steps-4{grid-template-columns:1fr 1fr}.scholarship-progress .exam-calendar-main.steps-4 .exam-calendar-item:last-child{grid-column:span 1}.scholarship-progress .exam-calendar-main.steps-more .exam-calendar-item:last-child{grid-column:span 1}.scholarship-progress .calendar-item-icon{min-height:40px}.scholarship-progress .calendar-item-icon img{width:35px;height:32px;object-fit:contain;flex-shrink:0}.scholarship-progress .exam-calendar-item:after{display:none}.scholarship-progress .calendar-item-icon:after{display:block;background:#CCC}.scholarship-progress .exam-calendar-item{align-items:flex-start}.scholarship-progress .exam-calendar-main.steps-3 .exam-calendar-item:last-child{align-items:center}.scholarship-progress .exam-calendar-item *{font-size:14px!important}.scholarship-form-tab-item h3{font-size:16px}.scholarship-form-tab-item{padding:10px 30px}.scholarship-explore-swiper{padding:20px 0 40px!important}.scholarship-form .scholarship-form-item-title{grid-column:span 1}.scholarship-form .recruitment-form-main.active[data-form="2"] form .scholarship-form-item-field{grid-template-columns:1fr;gap:16px}.scholarship-form .scholarship-form-item-title h3{font-size:16px;align-items:center}.scholarship-form .scholarship-form-item-title h3::after{bottom:0}.scholarship-form-item-icon{display:flex;transform:rotate(0deg);color:#ccc}.scholarship-form .recruitment-form-main{border:none;box-shadow:0 0 0}.scholarship-form .recruitment-form-main::before,.scholarship-form .recruitment-form-main::after{display:none}.scholarship-form .recruitment-form-main.active{padding:20px 0}.recruitment-form-main form input,.recruitment-form-main form select{padding:8px 12px}.scholarship-form-tab-item::before{width:12px;height:12px;transform:rotate(50deg) translateX(-10px)}.scholarship-form-item-field{display:none!important}.scholarship-form-item.active-mobile .scholarship-form-item-field{display:grid!important}.scholarship-form-item.active-mobile .scholarship-form-item-icon{transform:rotate(180deg)}}