section .profile-container{width:100%;padding:40px}@media screen and (max-width: 768px){section .profile-container{padding:20px}}section .profile-container .title-prof{padding-bottom:20px}section .profile-container .title-prof h2{color:var(--green);font-size:1.5rem}section .profile-container .title-prof p{font-size:.8rem;color:#ccc}section .profile-container .content-prof{margin-bottom:20px}section .profile-container .content-prof .about-me-prof{display:flex}@media screen and (max-width: 768px){section .profile-container .content-prof .about-me-prof{flex-direction:column}}section .profile-container .content-prof .about-me-prof>img{width:300px;min-width:300px;height:300px;object-fit:cover;margin-right:20px;border-radius:5px;box-shadow:5px 5px 5px #0003}@media screen and (max-width: 768px){section .profile-container .content-prof .about-me-prof>img{height:300px;width:100%;margin-bottom:20px}}section .profile-container .content-prof .about-me-prof .about-me-info-container .my-description{color:#fff}section .profile-container .content-prof .about-me-prof .about-me-info-container .tags-container{display:flex;flex-wrap:wrap;margin-top:20px}section .profile-container .content-prof .about-me-prof .about-me-info-container .tags-container .tag-item{margin-right:10px;margin-bottom:10px;background-color:var(--green);padding:10px 20px;border-radius:5px;font-weight:700;color:var(--backgroundColorSite);font-size:14px}section .profile-container .content-prof .cards-container{width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0}section .profile-container .content-prof .cards-container .cards{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}section .profile-container .content-prof .cards-container .cards .card{flex:1 0 31%;text-align:center;margin:15px}@media screen and (max-width: 768px){section .profile-container .content-prof .cards-container .cards .card{margin:10px 0;flex:0 0 100%}}section .profile-container .content-prof .cards-container .cards .card>h3{color:var(--asideColor);padding:15px;background-color:#0009;border-top-left-radius:5px;border-top-right-radius:5px}@media screen and (max-width: 768px){section .profile-container .content-prof .cards-container .cards .card>h3{font-size:.9rem}}section .profile-container .content-prof .cards-container .cards .card .profile-content{padding:15px;height:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--asideColor);color:#fff;box-shadow:5px 5px 5px #0006;overflow-x:hidden;overflow-y:auto}section .profile-container .content-prof .cards-container .cards .card .profile-content::-webkit-scrollbar{width:10px}section .profile-container .content-prof .cards-container .cards .card .profile-content::-webkit-scrollbar-track{background:#f1f1f1}section .profile-container .content-prof .cards-container .cards .card .profile-content::-webkit-scrollbar-thumb{background:#888}section .profile-container .content-prof .cards-container .cards .card .profile-content::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width: 768px){section .profile-container .content-prof .cards-container .cards .card .profile-content{height:300px}}section .profile-container .content-prof .cards-container .cards .card .profile-content ul{list-style-type:square;margin-bottom:20px;padding:0 20px}section .profile-container .content-prof .cards-container .cards .card .profile-content ul li{width:100%;text-align:left;color:#fff;margin-bottom:20px}section .profile-container .content-prof .cards-container .cards .card .profile-content ul li::marker{color:var(--green)}@media screen and (max-width: 768px){section .profile-container .content-prof .cards-container .cards .card .profile-content ul li{font-size:.8rem}}section .profile-container .expeciences-container .timeline-container{margin:20px auto;max-width:1000px;position:relative}section .profile-container .expeciences-container .timeline-container:after{content:"";position:absolute;width:6px;background-color:var(--green);top:0;bottom:0;left:50%;margin-left:-3px}section .profile-container .expeciences-container .timeline-container .container{position:relative;padding:20px 40px;background-color:inherit;width:50%}@media screen and (max-width: 768px){section .profile-container .expeciences-container .timeline-container .container{padding:10px 0}}section .profile-container .expeciences-container .timeline-container .container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:var(--backgroundColorSite);border:4px solid var(--green);top:15px;border-radius:50%;z-index:1}section .profile-container .expeciences-container .timeline-container .container.left{left:0}section .profile-container .expeciences-container .timeline-container .container.right{left:50%}section .profile-container .expeciences-container .timeline-container .container.right:after{left:-16px}section .profile-container .expeciences-container .timeline-container .container .preview-card{padding:20px 40px;background-color:var(--asideColor);position:relative;border-radius:5px;color:#fff}@media screen and (max-width: 768px){section .profile-container .expeciences-container .timeline-container .container .preview-card{padding:20px}}section .profile-container .expeciences-container .timeline-container .container .preview-card .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}section .profile-container .expeciences-container .timeline-container .container .preview-card .head .worked-year{font-size:1.4rem}@media screen and (max-width: 768px){section .profile-container .expeciences-container .timeline-container .container .preview-card .head .worked-year{font-size:1rem}}section .profile-container .expeciences-container .timeline-container .container .preview-card .head .company-image{width:50px;height:50px}section .profile-container .expeciences-container .timeline-container .container .preview-card .company-position-text{margin-bottom:20px}section .profile-container .expeciences-container .timeline-container .container .preview-card button{border:none;outline:none;padding:12px;border-radius:5px;width:100%;background-color:var(--green);cursor:pointer;font-weight:700;color:inherit}section .profile-container .expeciences-container .timeline-container .container .preview-card button:hover{background-color:var(--darkGreen)}section .profile-container .freelancer-container .tools-budget{width:100%;max-width:500px;margin:auto;text-align:center;background-color:var(--asideColor);border-radius:5px;padding:10px;color:#fff;box-shadow:5px 5px 5px #0009}section .profile-container .freelancer-container .tools-budget .title-budget{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 10px 20px}section .profile-container .freelancer-container .tools-budget .title-budget h3{font-size:1.5rem}section .profile-container .freelancer-container .tools-budget .title-budget button{position:absolute;top:6px;right:0;background-color:transparent;border:none;outline:none;cursor:pointer;font-size:1.3rem;color:var(--green)}section .profile-container .freelancer-container .tools-budget .title-budget button:hover{color:var(--darkGreen)}section .profile-container .freelancer-container .tools-budget .title-budget .popup-info-budget{z-index:1;display:none;position:absolute;top:-360%;right:-24%;width:250px;background-color:var(--asideColor);border-radius:5px;padding:5px;border:2px dashed rgba(0,0,0,.4)}@media screen and (max-width: 768px){section .profile-container .freelancer-container .tools-budget .title-budget .popup-info-budget{top:-110%;right:10%}}section .profile-container .freelancer-container .tools-budget .title-budget .popup-info-budget span{font-size:.8rem}section .profile-container .freelancer-container .tools-budget .title-budget .popup-info-budget .pointer-popupInfo{z-index:-1;position:absolute;bottom:-8%;right:45.5%;width:15px;height:15px;background-color:red;transform:rotate(45deg);background-color:var(--asideColor);border-bottom:2px dashed rgba(0,0,0,.4);border-right:2px dashed rgba(0,0,0,.4)}@media screen and (max-width: 768px){section .profile-container .freelancer-container .tools-budget .title-budget .popup-info-budget .pointer-popupInfo{bottom:45%;right:-4%;transform:rotate(-45deg)}}section .profile-container .freelancer-container .tools-budget .title-budget button:hover+.popup-info-budget{display:block}section .profile-container .freelancer-container .tools-budget .screenView-budget-content{margin:10px 0}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .screen-total-page{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:10px 0}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .screen-total-page h4{font-weight:400;margin-bottom:5px}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .screen-total-page .showTotalPages-budget{display:flex;justify-content:center;align-items:center;background-color:var(--backgroundColorSite);width:45px;height:45px;border-radius:50%}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .range-budget{margin-bottom:10px}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .range-budget input[type=range]{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background-color:var(--backgroundColorSite);border-radius:15px;height:10px;width:100%}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .range-budget input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;background-color:#fff;cursor:pointer;border-radius:50%}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 10px}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate input{outline:none;border:none;background-color:transparent;text-align:center;font-size:1.4rem;cursor:default;color:var(--green)}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate button{position:absolute;top:0;right:0;background-color:transparent;border:none;outline:none;cursor:pointer;font-size:1.3rem;color:var(--green)}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate button:hover{color:var(--darkGreen)}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate button:hover+.popup-info-contact{display:block}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate .popup-info-contact{display:none;position:absolute;top:-180%;right:-24%;width:250px;background-color:var(--asideColor);border-radius:5px;padding:5px;border:2px dashed rgba(0,0,0,.4)}@media screen and (max-width: 768px){section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate .popup-info-contact{top:-60%;right:10%}}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate .popup-info-contact span{font-size:.8rem}section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate .popup-info-contact .pointer-contact-popup{position:absolute;bottom:-10%;right:45.5%;width:15px;height:15px;background-color:red;transform:rotate(45deg);background-color:var(--asideColor);border-bottom:2px dashed rgba(0,0,0,.4);border-right:2px dashed rgba(0,0,0,.4)}@media screen and (max-width: 768px){section .profile-container .freelancer-container .tools-budget .screenView-budget-content .viewPayToCreate .popup-info-contact .pointer-contact-popup{bottom:40%;right:-4%;transform:rotate(-45deg)}}
