@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);main.freelance .p-engineerEntry{margin-bottom:30px}.freelance-cotainer{background-color:#fff;padding:0;margin-top:40px}:root{--color-back:#EFF3F4;--color-back-odd:#FAFBFC;--color-hover:#E9E9E9;--color-back-sub:#EEEDE8;--color-common:#4A79A9;--color-primary:#34919F;--color-secondary:#4575B5;--color-tertiary:#B89846;--color-white:#FFF;--color-font:#3C4E65;--color-border:#BDBDBD}:root{--font-size-M:14px;--font-size-L:28px}:root{--margin-contnts:50px}.freelance-cotainer section{padding:80px 90px;background:var(--color-back-odd)}.freelance-cotainer section:nth-child(even){background:var(--color-back)}.freelance-cotainer section p{line-height:1.5rem;font-size:var(--font-size-M)}.freelance-cotainer section a,.freelance-cotainer section a img{transition:all .5s}.freelance-cotainer section a:hover img{filter:grayscale(60%)}.freelance-cotainer section strong{font-weight:400;color:var(--color-tertiary)}.lead-content{display:flex;justify-content:center;align-items:flex-start;gap:30px}.lead-content .text{width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:30px}.lead-content .text h2{font-size:var(--font-size-L);font-style:normal;font-weight:600}.lead-content img{width:448px;height:500px;object-fit:cover}.title-box{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:var(--margin-contnts)}.freelance-cotainer .title-box p{order:1;font-family:Lato,sans-serif;font-size:40px;font-style:normal;font-weight:700;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px}.title-box h3{order:2;display:flex;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:600}.title-box h3::after,.title-box h3::before{content:"";width:40px;height:1px;background:var(--color-font)}.lead-box{display:flex;align-items:flex-start;gap:30px;margin-bottom:var(--margin-contnts)}.lead-box img{width:353px;height:286px;object-fit:cover}.lead-box .text{width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:30px}.lead-box .text h4{font-size:var(--font-size-L);font-style:normal;font-weight:600}.comparison{margin-bottom:var(--margin-contnts)}.comparison table{padding:0 40px}.comparison table img{max-height:47px}.comparison table .img{max-height:120px}.comparison table tr{display:flex}.comparison table td,.comparison table th{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;padding:30px;border-bottom:solid 1px var(--color-border);text-align:center}.comparison table th:nth-child(2),td:nth-child(2){order:1;width:40%;background:var(--color-white)}.comparison table th:nth-child(1),td:nth-child(1){order:2;width:20%}.comparison table th:nth-child(3),td:nth-child(3){order:3;width:40%;background:var(--color-white)}.comparison table td{font-size:14px}.comparison table td img{margin-bottom:5px}.comparison table th{padding:20px;font-size:22px;font-weight:600;border-radius:30px 30px 0 0}.comparison table th:nth-child(2){background:var(--color-primary);color:var(--color-white)}.comparison table th:nth-child(3){background:var(--color-back-sub)}.point-box{border:solid 1px var(--color-border);padding:40px 30px 30px 30px;position:relative;display:flex;gap:20px;flex-wrap:wrap;flex-direction:column}.point-box h3{display:inline-block;padding:10px 20px;margin-bottom:10px;position:absolute;top:-25px;font-weight:600;background-color:var(--color-back)}.point-box h3 span{font-size:28px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;color:var(--color-primary);margin-right:20px}.time-interval{display:flex;justify-content:space-between}.time-interval p{text-align:center}.time-interval .deduction,.time-interval .excess{width:25%}.time-interval .payment{width:50%}.time-interval .time{display:flex;padding:10px;margin-bottom:10px;color:var(--color-white)}.time-interval .deduction .time{justify-content:space-between;align-items:center;background:var(--color-secondary)}.time-interval .payment .time{justify-content:flex-end;background:var(--color-primary)}.time-interval .excess .time{justify-content:flex-end;background:var(--color-tertiary)}.check-list{display:flex;justify-content:center}.check-list ul{background:var(--color-white);max-width:550px;padding:20px}.check-list ul li{font-size:14px;position:relative;padding-left:25px;margin-bottom:10px}.check-list ul li:last-child{margin-bottom:0}.check-list ul li::before{position:absolute;left:0;top:3px;content:"";width:19px;height:14px;background-image:url(https://cdn.geechs-job.com/image/hook-content/freelance/img09.webp);background-size:cover}.balloon{margin-top:80px;display:flex;justify-content:space-between;align-items:stretch}.balloon .wrap{width:calc(50% - 20px);border:solid 1px var(--color-border);padding:40px}.balloon .wrap h4{display:flex;justify-content:center}.balloon .wrap h4 span{position:relative;display:inline-block;margin:-80px 0 1.5em 0;padding:20px;min-width:300px;max-width:100%;border-radius:100vh;text-align:center}.balloon .wrap:nth-child(1) h4 span{background:var(--color-primary);color:var(--color-white)}.balloon .wrap:nth-child(2) h4 span{background:var(--color-back-sub)}.balloon .wrap h4 span::before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px}.balloon .wrap:nth-child(1) h4 span::before{border:15px solid transparent;border-top:15px solid var(--color-primary)}.balloon .wrap:nth-child(2) h4 span::before{border:15px solid transparent;border-top:15px solid var(--color-back-sub)}.balloon .wrap ul{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.balloon .wrap ul li{position:relative;padding-left:30px;margin-bottom:10px}.balloon .wrap ul li::before{position:absolute;left:0;top:3px;content:"";width:19px;height:14px;background-image:url(https://cdn.geechs-job.com/image/hook-content/freelance/img09.webp);background-size:cover}.balloon .wrap ul li strong{font-weight:600}.event .event-link ul{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:40px;flex-wrap:wrap}.event .event-link ul li{width:calc(50% - 20px)}.event .event-link ul li a{display:flex;justify-content:flex-start;align-items:center;gap:20px;background:var(--color-white);position:relative;font-weight:700;font-size:18px}.event .event-link ul li a:hover{background:var(--color-hover)}.event .event-link ul li a p{line-height:2rem}.event .event-link ul li a strong{color:var(--color-primary);font-size:27px;font-weight:600}.event .event-link ul li a:after{position:absolute;bottom:5px;right:5px;content:"";width:29px;height:29px;background-color:var(--color-back-sub);clip-path:polygon(0 29px,29px 0,0 0);transform:scaleX(-1) scaleY(-1);transition:all .5s}.event .event-link ul li a:hover:after{background-color:var(--color-white)}.event .event-link ul li figure{width:50%}.event .event-link ul li figure img{height:200px;object-fit:cover}.information .info-link{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:40px;flex-wrap:wrap}.information .info-link .card{width:calc(50% - 20px)}.information .info-link .card a{background:var(--color-white);display:block}.information .info-link .card a:hover{background:var(--color-hover)}.information .info-link .card .card-content{display:flex;padding:24px;flex-direction:column;gap:10px;align-self:stretch}.information .info-link .card h4{font-weight:600;transition:all .5s}.information .info-link .card a:hover h4{color:var(--color-primary)}.information .info-link .card .txt{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.information .info-link .card .btn{display:flex;justify-content:flex-end}.information .info-link .card .btn p{border-radius:3px;border:1px solid var(--color-common);padding:10px;color:var(--color-common);min-width:160px;text-align:center;transition:all .5s}.information .info-link .card a:hover .btn p{color:var(--color-white);background:var(--color-common)}@media (max-width:768px){.lead-box .text h4,.lead-content .text h2{font-size:18px}.freelance-cotainer{margin-top:0}.freelance-cotainer section{padding:50px 20px}.freelance-cotainer section:nth-child(1){padding-top:20px}.lead-content img{width:200px;height:500px;object-position:70%}.lead-box img{width:200px}.balloon .wrap{padding:20px}.balloon .wrap ul{height:auto}.balloon .wrap h4 span{min-width:70%;margin-top:-40px}.event .event-link ul li figure{width:30%}.comparison table{padding:0}.comparison table th{font-size:18px}}@media (max-width:480px){.freelance-cotainer .title-box p{font-size:30px}.title-box h3{font-size:16px}.title-box h3::after,.title-box h3::before{width:30px}.lead-box,.lead-content{flex-direction:column}.lead-box .text,.lead-content .text{width:100%;order:2}.lead-box img,.lead-content img{width:100%;height:300px}.comparison table th:nth-child(1),td:nth-child(1){width:100%}.comparison table tr{flex-wrap:wrap}.comparison table th:nth-child(2),.comparison table th:nth-child(3),td:nth-child(2),td:nth-child(3){width:50%}.comparison table th:nth-child(1),td:nth-child(1){order:1}.comparison table th:nth-child(2),td:nth-child(2){order:2}.comparison table td,.comparison table th{border-bottom:none;padding:20px;text-align:left}.comparison table td:nth-child(2){border-right:1px solid var(--color-border)}.comparison table .none{display:none}.comparison table .img{max-height:80px}.comparison table img{max-height:30px}.balloon{flex-direction:column}.balloon .wrap{width:100%}.balloon .wrap:nth-child(1){margin-bottom:60px}.balloon .wrap ul{align-items:flex-start}.balloon .wrap h4 span{padding:15px}.event .event-link ul,.information .info-link{flex-direction:column}.event .event-link ul li,.information .info-link .card{width:100%}.event .event-link ul li figure{width:45%}.event .event-link ul li figure img{height:150px}.event .event-link ul li a p{line-height:1.7rem}.event .event-link ul li a strong{font-size:20px}.point-box{padding:30px 10px 10px 10px}.point-box h3 span{font-size:18px}.check-list ul li,.comparison table td,.freelance-cotainer section p{font-size:.8rem}.information .info-link .card .card-content{padding:10px}.information .info-link .card .btn p{padding:5px 10px;min-width:120px}.time-interval .time{padding:10px 5px}.time-interval .time p{font-size:12px}}