:root{--color-primary:#028489;--color-primary-light:#03a6ac;--color-primary-dark:#016367;--color-text:#1a1a1a;--color-text-secondary:#4a5568;--color-text-tertiary:#718096;--color-bg:#fff;--color-bg-secondary:#f7fafc;--color-bg-tertiary:#edf2f7;--color-success:#38a169;--color-warning:#d69e2e;--color-error:#e53e3e;--color-info:#3182ce;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-serif:"Playfair Display",Georgia,Cambria,"Times New Roman",Times,serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--content-max-width:1200px;--blog-content-width:680px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=dark]{--color-text:#f7fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#a0aec0;--color-bg:#1a202c;--color-bg-secondary:#2d3748;--color-bg-tertiary:#4a5568;--shadow-sm:0 1px 2px 0 #ffffff0d}
body{font-family:var(--font-family-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.25}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);font-size:1.125rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.prose{max-width:var(--blog-content-width);margin-left:auto;margin-right:auto}.prose p{margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.prose h2{margin-top:3rem;margin-bottom:1.5rem}.prose h3{margin-top:2.5rem;margin-bottom:1rem}.prose ul,.prose ol{margin-bottom:2rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem 0}.prose blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);margin:2rem 0;padding-left:1rem;font-style:italic}
.blog-listing{background:#f6f8fb;padding:4.5rem 0 6rem}.blog-listing__container,.blog-article,.blog-category-hero__inner{width:min(100% - 2rem,1200px);margin:0 auto}.blog-listing__layout,.blog-article__layout{grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.blog-listing__heading{border-bottom:1px solid #dfe5ed;margin-bottom:2rem;padding-bottom:1rem}.blog-listing__heading p,.blog-category-hero p{color:var(--color-primary-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:800}.blog-listing__heading h2,.blog-category-hero h1{color:#172033;margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.blog-card{color:inherit;height:100%;display:block}.blog-card>article{background:#fff;border:1px solid #e4e9f0;border-radius:1rem;flex-direction:column;height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #131f360a}.blog-card:hover>article,.blog-card:focus-visible>article{border-color:#02848966;transform:translateY(-4px);box-shadow:0 18px 36px #131f361f}.blog-card__image{aspect-ratio:16/10;background:#e8edf4;position:relative;overflow:hidden}.blog-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__category{color:#155e63;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#fffffff0;border-radius:999px;max-width:calc(100% - 2rem);padding:.45rem .7rem;font-size:.7rem;font-weight:800;position:absolute;top:1rem;left:1rem;overflow:hidden}.blog-card__content{flex-direction:column;flex:1;padding:1.3rem 1.35rem 1.4rem;display:flex}.blog-card__date{color:#667085;margin-bottom:.7rem;font-size:.78rem;font-weight:600}.blog-card__title{color:#172033;font-family:var(--font-family-sans);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .7rem;font-size:1.18rem;line-height:1.38;display:-webkit-box;overflow:hidden}.blog-card__excerpt{color:#576277;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1.2rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__link{color:var(--color-primary-dark);margin-top:auto;font-size:.9rem;font-weight:800}.blog-card__link span{transition:transform .2s;display:inline-block}.blog-card:hover .blog-card__link span{transform:translate(3px)}.blog-listing__pagination{margin-top:2.5rem}.blog-listing__sidebar{min-width:0}.blog-listing__sidebar .sticky{position:sticky;top:1.5rem}.blog-empty-state{text-align:center;background:#fff;border:1px solid #e4e9f0;border-radius:1rem;grid-column:1/-1;padding:4rem 1.5rem}.blog-empty-state h3{color:#172033;font-size:1.35rem}.blog-empty-state p{color:#667085;margin:0;font-size:1rem}.blog-category-hero,.blog-article__hero{color:#fff;background:radial-gradient(circle at 82% 20%,#06b6d43d,#0000 32rem),linear-gradient(135deg,#101827 0%,#17233a 100%);position:relative;overflow:hidden}.blog-category-hero{padding:4.5rem 0}.blog-category-hero h1{color:#fff}.blog-category-hero span{color:#c8d2e3;margin-top:.85rem;font-size:1.08rem;display:block}.blog-article__hero{padding:clamp(3rem,6vw,5rem) 1rem clamp(2.5rem,5vw,4rem)}.blog-article__hero>.absolute{position:absolute;top:0;right:0}.blog-article__hero-inner{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.blog-article__hero-inner h1{font-size:clamp(2rem,4vw,3.5rem)}.blog-article{padding:clamp(2.5rem,6vw,5rem) 0 6rem}.blog-article__main{min-width:0}.blog-article__main--wide{grid-column:1/-1;max-width:820px}.blog-article__content{box-shadow:none;background:0 0;margin:0}.blog-article__image{aspect-ratio:16/9;background:#e8edf4;border:1px solid #e4e9f0;border-radius:1rem;margin:0 0 clamp(2rem,5vw,3.75rem);overflow:hidden}.blog-article__image-element{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-article__body{color:#354052;max-width:720px;font-size:1.1rem;line-height:1.82}.blog-article__body p{font-size:inherit;line-height:inherit;margin:0 0 1.6rem}.blog-article__body h2,.blog-article__body h3,.blog-article__body h4{color:#172033;margin-top:2.75rem}.blog-article__body h2{font-size:clamp(1.55rem,3vw,2.15rem)}.blog-article__body h3{font-family:var(--font-family-sans);font-size:clamp(1.25rem,2.5vw,1.55rem)}.blog-article__body img{max-width:100%;height:auto}.blog-article__body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.blog-article__body td,.blog-article__body th{border:1px solid #d9e0e9;padding:.75rem}.blog-article__body a{overflow-wrap:anywhere}.blog-article__sidebar{min-width:0}.blog-article__sidebar .sticky{position:sticky;top:1.5rem}@media (max-width:980px){.blog-listing__layout,.blog-article__layout{grid-template-columns:minmax(0,1fr)}.blog-listing__sidebar,.blog-article__sidebar{margin-top:1rem}.blog-listing__sidebar .sticky,.blog-article__sidebar .sticky{position:static}}@media (max-width:640px){.blog-listing{padding:3rem 0 4rem}.blog-listing__container,.blog-article,.blog-category-hero__inner{width:min(100% - 1.5rem,1200px)}.blog-card-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.blog-card__content{padding:1.15rem}.blog-card__title,.blog-card__excerpt{-webkit-line-clamp:3}.blog-category-hero{padding:3.25rem 0}.blog-article{padding-top:2.25rem}.blog-article__body{font-size:1.02rem}}
#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.numbered.color ol>li:before{color:#2a41e8;border:1px solid #2a41e8}.numbered.color.filled ol>li:before{background-color:#2a41e8;border:1px solid #2a41e8}.radio input[type=radio]:checked+label .radio-label,.checkbox input:checked+label span.checkbox-icon{background-color:#2a41e8;border-color:#2a41e8}.slider-handle{border:2px solid #2a41e8}.infoBox-close:hover{color:#fff;background-color:#2a41e8}.message-bubble.me .message-text:before{border-left:6px solid #2a41e8}a,.header-widget .log-in-button:hover i,.notification-text span.color,.header-notifications-content .notification-text span.color,ul.user-menu-small-nav li a:hover,ul.user-menu-small-nav li a:hover i,#navigation ul li:hover a:after,#navigation ul li a.current,#navigation ul li a.current:after,#navigation ul li:hover a,#breadcrumbs ul li a:hover,#breadcrumbs.white ul li a:hover,.single-page-header .header-details li a:hover,.blog-post-content h3 a:hover,#posts-nav li a:hover,.task-tags span,.freelancer-detail-item a:hover,.list-4 li:before,.list-3 li:before,.list-2 li:before,.list-1 li:before,.share-buttons-content span strong,.keyword,.banner-headline strong.color,.category-box-icon,.recommended .pricing-plan-label,.recommended .pricing-plan-label strong,.boxed-widget.summary li.total-costs span,.testimonial-box:before,.single-counter h3,.popup-tabs-nav li.active a,.dialog-with-tabs .forgot-password:hover,.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.bootstrap-select .dropdown-menu li.selected a span.check-mark:before,.bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before,.boxed-list-headline h3 i,.boxed-list-item .item-details .detail-item a:hover,.job-overview .job-overview-inner ul li i,.dashboard-nav ul:before,.dashboard-nav ul li.active-submenu a i,.dashboard-nav ul li.active a i,.dashboard-nav ul li:hover a i,.dashboard-nav ul li.active-submenu a,.dashboard-nav ul li:hover a,.dashboard-nav ul li.active a,.dashboard-nav ul li.active-submenu a:after,.dashboard-nav ul li.active a:after,.dashboard-nav ul li:hover a:after,.dashboard-box .headline h3 i,.help-icon,.header-widget .log-in-button:hover,.header-widget .log-in-button:hover i{color:#2a41e8}#backtotop a,.header-notifications-trigger span,a.header-notifications-button,#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,#navigation ul ul.dropdown-nav li:hover a:after,.mm-menu em.mm-counter,.language-switcher.bootstrap-select.btn-group.open button,.language-switcher.bootstrap-select.btn-group button:hover,.footer-links ul li a span:before,.newsletter button,.pagination ul li a.current-page,a.blog-post-info:hover,#posts-nav li a:hover span,.comment-by a.reply:hover,.contact-address-headline:after,.enable-filters-button span,.enable-filters-button i,.job-listing.with-apply-button:hover .list-apply-button,.letters-list a.current,span.button,button.button,input[type=button],input[type=submit],a.button,.list-1 li:before,mark.color,table.basic-table th,.copy-url .copy-url-button,.keyword-input-container .keyword-input-button,.tags-container input[type=checkbox]:checked+label,input:checked+.switch-button,.radio input[type=radio]+label .radio-label:after,.uploadButton .uploadButton-button:hover,.pricing-plan .button:hover,.pricing-plan.recommended .button,.pricing-plan .recommended-badge,.payment-tab-trigger>input:checked~label:after,.breathing-icon,.icon-box-check,.testimonial-author span,.qtyInc:hover,.qtyDec:hover,#sign-in-dialog .mfp-close:hover,#small-dialog-1 .mfp-close:hover,#small-dialog-2 .mfp-close:hover,#small-dialog-3 .mfp-close:hover,#small-dialog-4 .mfp-close:hover,#small-dialog .mfp-close:hover,.slider-selection,.cluster-visible,.marker-container,.custom-zoom-in:hover,.custom-zoom-out:hover,#geoLocation:hover,#streetView:hover,#scrollEnabling:hover,#scrollEnabling.enabled,a.apply-now-button,a.attachment-box:hover,.freelancer-indicators .indicator-bar span,.dashboard-nav ul li span.nav-tag,.dashboard-box .button.dark:not(.ico):hover,.messages-inbox ul li:before,.message-by h5 i,.message-bubble.me .message-text{background-color:#2a41e8}.transparent-header #navigation>ul li:hover ul li:hover a:after,.transparent-header #navigation>ul li:hover a:after,.transparent-header #navigation>ul li a.current:after,.compact-list-layout .job-listing:before,.tasks-list-container.compact-list .task-listing:before,.compact-list.freelancers-list-layout .freelancer:before,.accordion-header,.tabs-header,.intro-search-field .field-title,.category-box:hover,.photo-box:hover:before,.photo-box.small .photo-box-content span,.slick-prev:hover,.slick-next:hover,.bootstrap-select.btn-group .bs-actionsbox div button:hover{background:#2a41e8}.uploadButton .uploadButton-button,.pricing-plan .button{color:#2a41e8;border:1px solid #2a41e8}.payment-tab-trigger>input:checked~label:before,.dashboard-nav ul li.active-submenu,.dashboard-nav ul li.active,.dashboard-nav ul li:hover{border-color:#2a41e8}#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,#navigation ul ul.dropdown-nav li:hover a:after,#navigation ul li:hover a:after,#navigation ul li a.current:after{background:#2a41e821}.pagination ul li a.current-page{box-shadow:0 2px 8px #2a41e840}.sidebar-search-button-container button{box-shadow:0 4px 12px #2a41e81a}.sidebar-search-button-container button:hover{box-shadow:0 4px 12px #2a41e840}.job-listing.with-apply-button:hover .list-apply-button,.task-listing-bid-inner .button{box-shadow:0 4px 12px #2a41e826}.task-listing-bid-inner .button:hover{box-shadow:0 4px 12px #2a41e840}.task-tags span{background-color:#2a41e812}.freelancers-grid-layout .freelancer-details a.button{box-shadow:0 4px 12px #2a41e81a}.freelancer-details a.button:hover{box-shadow:0 4px 12px #2a41e833}.freelancers-list-layout .freelancer-details a.button{box-shadow:0 4px 12px #2a41e826}.freelancers-list-layout .freelancer-details a.button:hover{box-shadow:0 4px 12px #2a41e840}.letters-list a.current{box-shadow:0 2px 8px #2a41e840}span.button,button.button,input[type=button],input[type=submit],a.button{box-shadow:0 4px 12px #2a41e826}.move-on-hover{box-shadow:0 4px 12px #2a41e81a}.move-on-hover:hover{box-shadow:0 4px 12px #2a41e833}.keyword{background-color:#2a41e812}@keyframes switch-shadow-color{0%{box-shadow:0 0 #2a41e899}to{box-shadow:0 0 0 10px #0000}}@keyframes radius-shadow{0%{box-shadow:0 0 #2a41e866}to{box-shadow:0 0 0 10px #0000}}.uploadButton .uploadButton-button{box-shadow:0 3px 10px #2a41e81a}.uploadButton .uploadButton-button:hover{box-shadow:0 4px 12px #2a41e826}.category-box:hover{box-shadow:0 4px 12px #2a41e833}.photo-box:hover{box-shadow:0 4px 12px #2a41e840}.recommended .pricing-plan-label{background-color:#2a41e80f}.pricing-plan .button:hover,.pricing-plan.recommended .button{box-shadow:0 4px 12px #2a41e826}.pricing-plan .button{box-shadow:0 4px 12px #2a41e81a}.pricing-plan .button:hover{box-shadow:0 4px 12px #2a41e826}.breathing-icon{box-shadow:0 0 0 15px #2a41e812}@keyframes bicokAnim{0%,to{box-shadow:0 0 0 15px #2a41e812}50%{box-shadow:0 0 0 28px #2a41e81f}}.icon-box-check{box-shadow:0 0 0 5px #2a41e81a}@keyframes checkAnim{0%,to{box-shadow:0 0 0 5px #2a41e826}50%{box-shadow:0 0 0 8px #2a41e826}}.testimonial-author span{box-shadow:0 2px 10px #2a41e840}.bidding-widget .button{box-shadow:0 4px 12px #2a41e826}.bidding-widget .button:hover{box-shadow:0 4px 12px #2a41e840}.dialog-with-tabs .button{box-shadow:0 4px 12px #2a41e826}.slider-handle:after{box-shadow:0 0 0 6px #2a41e81f}.slider-handle:hover:after{box-shadow:0 0 0 8px #2a41e81f}.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{background-color:#2a41e812}@keyframes clusterAnimation{0%,to{box-shadow:0 0 0 6px #2a41e826}50%{box-shadow:0 0 0 10px #2a41e826}}@keyframes markerAnimation{0%,to{box-shadow:0 0 0 6px #2a41e826}50%{box-shadow:0 0 0 8px #2a41e826}}a.apply-now-button{box-shadow:0 2px 8px #2a41e826}a.apply-now-button:hover{box-shadow:0 2px 8px #2a41e859}.dashboard-nav ul li.active-submenu,.dashboard-nav ul li.active,.dashboard-nav ul li:hover{background-color:#2a41e80a}.dashboard-nav ul li.active-submenu a:after,.dashboard-nav ul li.active a:after,.dashboard-nav ul li:hover a:after{background:#2a41e821}.dashboard-box-list .button,.dashboard-box .button.dark:not(.ico):hover{box-shadow:0 3px 8px #2a41e826}#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,#navigation ul ul.dropdown-nav li:hover a:after{background-color:#2a41e8}
