/**
Theme Name: OffCanvas
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hanover
Template: hello-elementor
*/
body {
    background-color: #f0f7ff;
}
.continuous-rotate img {
    animation: infiniteRotate 12s linear infinite;
}

@keyframes infiniteRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

		.modern-marquee-wrapper {
			width: 100%;
			overflow: hidden;
			position: relative;
		}

		.modern-marquee-track {
			display: flex;
			width: max-content;
			animation: modernMarquee 25s linear infinite;
		}

		.modern-marquee-track span {
			font-size: clamp(48px, 20.166vw, 132px);
			font-weight: 800;
			letter-spacing: 4px;
			text-transform: uppercase;
			white-space: nowrap;
			padding-right: 60px;
			color: #fff;
			line-height: 1;
			padding: 20px 0;
		}

		@keyframes modernMarquee {
			from {
				transform: translateX(0);
			}
			to {
				transform: translateX(-50%);
			}
		}


.faq-loader img {
    animation: infiniteRotate 12s linear infinite;
}

.faq-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f7ff;
    transition: all .2s ease-in-out;
    opacity: 0;
    pointer-events: none;
    padding: 30px;
}

.faq-results {
    position: relative;
	min-height: 400px;
}

.faq-results.loading .faq-loader{
    opacity: 1;
    pointer-events: all;
}

.faq-loader img {
    max-width: 160px;
}

.select2-container {
	width: 100% !important;
}

.select2-dropdown {
	z-index: 999999;
}

/* =========================================
 * SELECT2
 * ========================================= */

.faq-select-option,
.insights-select-option {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #0F243D;
}

.faq-select-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}


/* =========================================
 * FAQ CATEGORY COLOR
 * ========================================= */

.faq-category {
	color: var(--faq-category-color);
}

.faq-item {
	border-color: var(--faq-category-color);
}

.faq-filter {
    max-width: 208px;
    margin-left: auto;
}


span.select2-selection.select2-selection--single {padding: 10px;height: auto;border-radius: 4px;border-color: #D6DFEA;}

span.select2-dropdown.select2-dropdown--below {
    width: 100% !important;
    top: 10px;
    border: 1px solid #D6DFEA;
    border-radius: 4px;
    padding: 10px 15px 10px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12);
    max-width: 200px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 100% !important;
}

.select2-results__option {
    font-size: 14px;
    font-weight: 500;
    color: #0F243D;
    /* padding: 10px; */
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1d36cd !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .faq-select-option,
.select2-container--default .select2-results__option--highlighted[aria-selected] .insights-select-option {
    color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 9px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    /* right: 13px; */
    /* left: auto; */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5154 0.00278463C11.3109 -0.0126762 11.172 0.0527893 11.0293 0.196335C10.9241 0.302149 10.816 0.408755 10.7104 0.514467L9.85092 1.37517L7.33378 3.8949L6.48588 4.74413C6.33477 4.89533 6.15319 5.08634 5.99594 5.2268C5.95972 5.18665 5.92256 5.14736 5.88463 5.10884C5.51822 4.73237 5.13281 4.3548 4.76069 3.98226L2.54938 1.76864L1.43414 0.651773L1.11163 0.328945C0.935881 0.153063 0.819627 0.00149673 0.55132 3.07367e-05C0.404468 -0.00154604 0.26307 0.0556862 0.158577 0.158977C0.0552778 0.262328 -0.00191213 0.403027 4.86134e-05 0.549147C0.00234982 0.782798 0.129683 0.904686 0.282673 1.05723L0.509727 1.28279L3.96515 4.73817L5.06514 5.83833C5.25716 6.03069 5.448 6.22681 5.64539 6.41295C5.8179 6.57557 6.11143 6.59296 6.30329 6.45625C6.39771 6.38892 6.49204 6.28596 6.57529 6.2026L6.95261 5.82469L8.25787 4.51887L10.676 2.10085L11.432 1.34496C11.571 1.20646 11.7143 1.06679 11.8493 0.924759C11.9265 0.84252 11.979 0.757102 11.9937 0.643515C12.0376 0.306564 11.848 0.0505991 11.5154 0.00278463Z' fill='%230F243D'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 6px;
    display: block;
    content: "";
}


.faq-item {
    border-radius: 14px;
    background-color: #fff;
    padding: 40px;
    margin-bottom: 13px;
    box-shadow: 0px 1px 3px rgba(23, 39, 58, 0.1);
    border-top: 5px solid transparent;
}

.faq-category {
    border-radius: 4px;
    border: 1px solid var(--faq-category-color);
    display: inline-block;
    font-family: "Inter";
    font-size: 12px;
    padding: 0 8px;
    line-height: 26px;
    margin-bottom: 16px;
    display: none;
}

.faq-title {
    font-size: 26px;
    font-family: "GT Walsheim Trial", sans-serif;
    color: #0F243D;
    font-weight: 300;
    line-height: 1.31;
    /* cursor: pointer; */
}

.faq-content {
    font-size: 14px;
    color: #0F243D;
    margin-top: 33px;
}

.faq-filter {
   margin: 0 0 0 auto;
   width: 100%;
}

.faq-toggle-header {
    cursor: pointer;
    position: relative;
    padding-right: 31px;
}

span.select2-selection.select2-selection--single > .select2-selection__rendered > .faq-select-option span.faq-select-dot {
    display: none;
}

span.select2-selection.select2-selection--single > .select2-selection__rendered > .insights-select-option span.faq-select-dot {
    display: none;
}

.faq-item.active .faq-toggle-header .faq-category {
    display: inline-block;
}

.faq-toggle-header:after {
    width: 27px;
    height: 18px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='18' viewBox='0 0 27 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8386 8.05959L19.3382 3.47015L18.0718 2.1748C17.9534 2.05399 17.8312 1.92561 17.7114 1.8071C17.4424 1.54119 17.2453 1.3473 17.249 0.940901C17.2515 0.682749 17.3563 0.436446 17.54 0.257259C17.7157 0.0864656 17.9516 -0.0060568 18.1951 0.000307933C18.623 0.00942138 18.8471 0.283678 19.1236 0.565768L19.6964 1.15104L21.5586 3.05239L24.9471 6.50748C25.542 7.1137 26.1395 7.72143 26.7313 8.33097C26.9365 8.54216 26.8932 8.62265 27 8.82659V9.16764L26.9892 9.19099C26.9246 9.3311 26.8916 9.48334 26.7818 9.6033C26.6568 9.73967 26.5231 9.87337 26.3941 10.0057L25.6617 10.7551L23.3779 13.0842L20.319 16.2027L19.4073 17.1345C18.9592 17.5948 18.5099 18.242 17.7918 17.9077C17.565 17.8037 17.3892 17.6114 17.3041 17.3744C17.0511 16.6597 17.6698 16.222 18.1121 15.7687L18.9775 14.8839L22.2173 11.584L23.2771 10.5041C23.4527 10.3252 23.6578 10.126 23.8257 9.94315C22.1277 9.96824 20.3774 9.94769 18.6751 9.94756L8.96573 9.94742H3.50303L1.78195 9.94796C1.49175 9.94822 1.18156 9.95383 0.894771 9.94449C0.695744 9.93808 0.430398 9.83147 0.290599 9.68816C0.185526 9.58062 0.117631 9.46493 0.0584118 9.32483C0.0414304 9.28453 0.020025 9.21621 0 9.18445V8.80858L0.00562299 8.7979C0.0391359 8.73265 0.0619759 8.66153 0.0924415 8.59428C0.375935 7.96844 0.940427 8.05103 1.50322 8.05203L2.301 8.05244L4.68403 8.05261L14.8645 8.05275L20.8355 8.05273L22.7538 8.05213C23.0837 8.05181 23.5144 8.03939 23.8386 8.05959Z' fill='%230F243D'/%3E%3C/svg%3E%0A");
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.faq-item.active .faq-toggle-header:after {
    transform: translateY(-50%) rotate(-90deg);
    top: 0;
}

.faq-item.active {
    border-color: var(--faq-category-color) !important;
}

.faq-filter-header {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

.faq-filter-header h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}



.service-list-item.active > div > div {
    background-color: #1d37ce;
}


.faq-content > figure, .faq-content > img {
    margin-bottom: 24px !important;
}

@media screen and (max-width: 767px) {
    .faq-item {
        padding: 30px 20px;
    }
    
    .faq-title {
        font-size: 21px;
    }
.faq-select-option,
	.insights-select-option {
    font-size: 13px;
}

span.select2-selection.select2-selection--single {
    padding: 10px 4px;
}
}

.faq-content .wp-block-list {
    margin-left: 0;
    margin-bottom: 20px;
}

.services-box {
    display: none;
}

.elementor-element-8c05252 .elementor-nav-menu li a.menu-light {
	color: #fff !important;
}

.elementor-element-788a031 img {
	transition: filter 0.3s ease-in-out;
}

.elementor-element-788a031 img.light-logo {
	filter: brightness(0) invert(1);
}

.elementor-element-788a565 .elementor-button.light-button {
	background-color: #1C46B1 !important;
    color: #FFFFFF !important;
    border-color: #1C46B1 !important;
	   
}


.elementor-element-788a565 .elementor-button.light-button:hover {
	       background-color: #FFFFFF !important;
    color: #0F243D !important;
	border-color: #FFFFFF !important;
}

.elementor-element-75a5eb4d  .swiper-pagination {
    left: 50% !important;
}


		.offcanvas-image-carousel .swiper-wrapper {
			-webkit-transition-timing-function: linear !important;
			transition-timing-function: linear !important;
		}
		.offcanvas-image-carousel {
			overflow: hidden;
		}

		.offcanvas-carousel-card {
			position: relative;
		}

		.offcanvas-carousel-image {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 16px;
			
		}
		
		.offcanvas-carousel-image {
			filter: grayscale(1);
    		transition: filter .3s ease-in-out;
			    border-radius: 11px !important;
		}

		.offcanvas-carousel-heading {
			display: block;
			    font-family: GT Walsheim Trial, sans-serif;
				font-weight: 500;
				font-size: 20px;
				padding-bottom: 30px;
				margin-top: 33px;
				border-bottom: 1px solid #c8d6e6;
				transition: border .3s ease-in-out;
		}
		
		.offcanvas-carousel-card:hover .offcanvas-carousel-heading {
			 border-bottom: 4px solid #176DE3;
		}
		
		.offcanvas-carousel-card:hover .offcanvas-carousel-image {
			filter: grayscale(0);
		}

		.offcanvas-image-carousel .swiper-slide {
    width: 16.66%;
}


button.calc-button {
   background: #fff;
    border-radius: 8px;
    padding: 24px 30px;
    border: 0;
    border-top: 3px solid #fff;
    transition: all .2s ease-in-out;
    display: flex;
    text-align: left;
}

button.calc-button p {
    margin: 0;
}

button.calc-button p.text-base.font-semibold.text-foreground {
    color: #0F243D;
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}

button.calc-button p.text-xs.text-muted-foreground {
    font-size: 14px;
    color: #0F243D;
    font-family: "Inter";
    font-weight: 400;
    margin-top: 9px;
}

.calculator-module p {
    margin: 0;
    font-family: 'Inter' , sans-serif;
}

button.calc-button.border-t-primary.border-border {
    border-color: #0E52FF;
}

.calculator-module h2.text-2xl {
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    font-size: 28px;
    line-height: 1.3;
    color: #0F243D;
}

.calculator-module p.mt-3.text-sm.text-muted-foreground.leading-relaxed {
    font-size: 16px;
    color: #0F243D;
}

.calculator-module span.text-2xl.font-semibold {
    font-size: 50px;
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    color: #95AFCF;
    line-height: 1;
}

div#offcanvas-calculator-root input.ml-2.w-full.bg-transparent.text-2xl.font-bold {
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    box-shadow: none;
    border: 0;
    color: #0F243D;
    font-size: 42px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    padding: 0 19px;
}

div#offcanvas-calculator-root input.ml-2.w-full.bg-transparent.text-2xl.font-bold.outline-none.placeholder\:text-primary\/40.text-primary\/60::placeholder {
    color: #95AFCF;
}

div#offcanvas-calculator-root .mt-5.flex.items-center.rounded-lg.border-2.bg-card.px-4.py-3.transition.border-primary\/50 {

    background: linear-gradient(#fff, #fff) padding-box,    linear-gradient(90deg, #1C46B1, #1673FF) border-box;
}

div#offcanvas-calculator-root .mt-3.flex.items-start.gap-2.text-xs svg {
    margin-top: -1px;
}


div#offcanvas-calculator-root .grid.h-16.w-16.place-items-center.rounded-full {
    margin-bottom: 13px;
}

div#offcanvas-calculator-root p.mt-5.text-base.font-semibold.text-foreground {
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

div#offcanvas-calculator-root p.mt-1.text-xs.text-muted-foreground {
    font-size: 13px;
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    margin-top: 5px;
}

div#offcanvas-calculator-root .rounded-xl.bg-surface.p-6 {
    border-radius: 8px;
}

.calculator-hourly-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.calculator-hourly-grid .hourly-calc-inputs {
    max-width: 343px;
}

.calc-panel {
        flex: 1;
    max-width: 690px;
    min-height: 428px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div#offcanvas-calculator-root > div {
    max-width: 100%;
}

.calculator-module span.text-2xl.font-semibold.invalid {
    color: #f83b3f;
}

div#offcanvas-calculator-root input.ml-2.w-full.bg-transparent.text-2xl.font-bold.invalid {
    color: #f83b3f;
}

.calculator-module span.text-2xl.font-semibold.valid {
    color: #0623FF;
}

div#offcanvas-calculator-root input.ml-2.w-full.bg-transparent.text-2xl.font-bold.valid {
    color: #0623FF;
}

.text-right.hourly-your-margin {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: space-between;
    margin-right: -13px;
    padding: 21px;
}

.text-right.hourly-agency-values {
    text-align: left;
}

.calc-panel .mt-6.grid.grid-cols-\[1fr_auto_1fr\].items-center.gap-4 {
    background-color: #F6FAFF;
    border-radius: 8px;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.hourly-donut:before {
    content:"";
    w;
    width: calc(100% + 34px);
    height: calc(100% + 34px);
    position: absolute;
    background-color: #D6E2F2;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hourly-donut:after {
        content: "";
        width: calc(100% - 132px);
        height: calc(100% - 132px);
        position: absolute;
        background-color: #FFFFFF;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
}

.hourly-donut {
    position: relative;
}

.hourly-donut svg {
    position: relative;
    z-index: 3;
}

.hourly-top-label > p:first-child {
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 12px;
}

.hourly-top-label > p:last-child {
    color: #0623FF;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.text-left.hourly-our-share {
        height: 100%;
        display: flex;
        flex-direction: column;
        text-align: right;
        justify-content: space-between;
        padding: 21px;
}

.text-left.hourly-offcanvas-values {
    text-align: right;
}

span.hourly-agency-label {
    background-color: #0623FF;
    color: #fff;
    font-size: 10px;
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 22px;
    display: block;
    text-align: center;
    max-width: 77px;
    margin-left: -61px;
	position: relative;
	z-index: 3;
}

.hourly-centered-label hr {
    position: absolute;
    right: 0;
    width: calc(100% + 47px);
    top: 50%;
    left: calc(100% - 141px);
    transform: translateY(-50%);
    background-color: #0623FF !important;
    border: 0 !important;
    opacity: 1 !important;
    height: 1px;
}

.hourly-centered-label {
    position: relative;
	z-index: 3;
}

.hourly-centered-offcanvas-label {text-align: right;position: relative;}

span.hourly-offcanvas-label {
    background-color: #11152C;
    color: #fff;
    font-size: 10px;
    font-family: 'GT WALSHEIM TRIAL', sans-serif;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 22px;
    display: block;
    text-align: center;
    max-width: 76px;
    margin-right: -53px;
    margin-left:  auto;
    position: relative;
    z-index: 2;
}

.hourly-centered-offcanvas-label > hr {
    position: absolute;
    right: 0;
    width: calc(100% + 61px);
    top: 50%;
    right: calc(100% - 81px);
    transform: translateY(-50%);
    background-color: #11152C !important;
    border: 0 !important;
    opacity: 1 !important;
    height: 1px;
}

.text-right.hourly-agency-values > p:first-child,
.text-left.hourly-offcanvas-values > p:first-child {
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.text-right.hourly-agency-values > p:last-child,
.text-left.hourly-offcanvas-values > p:last-child{
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 12px;
}

.calc-panel h3 {
    color: #0F243D;
    font-size: 23px;
    line-height: 1;
    margin-bottom: 12px;
}

.calc-panel p.mt-1.text-sm.text-muted-foreground {
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 16px;
    color: #0F243D;
}

.hourly-top-label {
    min-height: 48px;
}
.mt-6.grid.grid-cols-\[1fr_auto_1fr\].items-center.gap-3.project-donut {
    background-color: #f6faff;
    border-radius: 8px;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.text-left.hourly-our-share.type-project {
    padding: 21px 11px 21px 0;
}

.text-left.hourly-our-share.type-project .hourly-centered-offcanvas-label>hr {
    width: calc(100% + 15px);
	    right: calc(100% - 116px);
}

.type-project span.hourly-offcanvas-label {
    max-width: 128px;
    margin-right: -55px;
    display: inline-block;
    margin-top: -10px;
    top: -4px;
    margin-left: -59px;
}

.type-project span.hourly-agency-label {
     max-width: 128px;
     position: relative;
     z-index: 3;
     display: inline-block;
     margin-top: -10px;
     top: -4px;
     margin-left: -59px;
}

.text-left.hourly-offcanvas-values {
    min-height: 48px;
}

.text-right.hourly-agency-values {
    min-height: 53px;
}

.text-right.hourly-your-margin.type-project {
    padding: 21px 0 21px 17px;
}

.hourly-calc-inputs button.edit-button {
    position: absolute;
    padding: 0;
    border: 0;
    background: transparent;
    position: absolute;
    top: 14px;
    right: 13px;
}

.hourly-calc-inputs .mt-5.rounded-xl.bg-surface.px-5.py-4.relative {
    background-color: #EAF0F8;
    border: 1px solid #CBD3E6;
    padding: 24px 37px 24px 24px;
}

.hourly-calc-inputs .project-input-number {
    font-family: "gt walsheim trial", sans-serif;
    box-shadow: none;
    border: 0;
    color: #0f243d !important;
    font-size: 42px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    padding: 0 9px !important;
}

.hourly-calc-inputs span.text-2xl.font-bold.text-foreground {
    font-size: 42px;
}

.hourly-calc-inputs span.text-3xl.font-bold.text-foreground {
    color: #0F243D;
    font-size: 42px;
}

.project-dropdown > button {
       border: 1px solid #D6DFEA;
    border-radius: 4px;
    background-color: #fff;
    height: auto;
    padding: 12px 15px;
    line-height: 1.3;
    font-family: "Inter", sans-serif;
    color: #0F243D;
    font-size: 14px;
    box-shadow: none;
    margin-top: 15px;
    width: 100%;
    display: flex;
    font-weight: 500;
}

label.project-dropdown-label {
    font-size: 14px;
    color: #0F243D;
}

.project-dropdown > button svg {
    stroke: #0F243D;
    opacity: 1 !important;
}

.text-primary-foreground.project-info-top {
    background-color: #0623FF;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 20px;
}

.text-primary-foreground.project-info-top .project-info-top-label {
    font-size: 12px;
    font-family: 'GT Walsheim Trial', sans-serif;
    text-transform: capitalize;
    color: #fff;
    opacity: 1;
}

.text-primary-foreground.project-info-top .project-info-top-text {
    font-size: 24px;
    font-family: 'GT Walsheim Trial', sans-serif;
    text-transform: capitalize;
    color: #fff;
    opacity: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.text-primary-foreground.project-info-top .project-info-top-profit-text {
    font-size: 12px;
    line-height: 16px;
}

.project-donut-headers.text-center h3,
.project-donut-headers.text-center h4 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: 500;
    color: #0F243D;
}

.calc-panel .project-donut-headers.text-center p {
    color: #0F243D !important;
    font-size: 16px !important;
    font-weight: 400;
    font-family: "GT Walsheim Trial", Sans-serif;
}

.calc-panel .project-donut-headers.text-center p span {
    color: #0E52FF;
    font-weight: 500;
}

.mt-6.grid.grid-cols-\[1fr_auto_1fr\].items-center.gap-3.project-donut {
    margin-bottom: 66px;
}

.calculator-hourly-grid.project-calc-grid p.text-xs.text-foreground.font-medium {
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0F243D;
    line-height: 1;
    margin-bottom: 5px;
}

.project-comparison p.text-xs.text-muted-foreground {
    font-size: 12px;
    color: #0F243D;
    font-family: "GT Walsheim Trial", Sans-serif;
    margin-bottom: 18px;
    font-weight: 500;
}

.calculator-hourly-grid.project-calc-grid p.mt-2.text-lg.font-bold.text-foreground {
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #0F243D;
    line-height: 1;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:first-child {
    margin-right: -20px;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:last-child {
    margin-left: -20px;
}

.calculator-hourly-grid.project-calc-grid .grid.h-8.w-8.place-items-center.rounded-full.bg-primary.text-primary-foreground.mx-auto {
    position: relative;
    z-index: 3;
}

.project-donut-headers.text-center h3,
.project-donut-headers.text-center h4 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: 500;
    color: #0F243D;
}

.calc-panel .project-donut-headers.text-center p {
    color: #0F243D !important;
    font-size: 16px !important;
    font-weight: 400;
    font-family: "GT Walsheim Trial", Sans-serif;
}

.calc-panel .project-donut-headers.text-center p span {
    color: #0E52FF;
    font-weight: 500;
}

.mt-6.grid.grid-cols-\[1fr_auto_1fr\].items-center.gap-3.project-donut {
    margin-bottom: 66px;
}

.calculator-hourly-grid.project-calc-grid p.text-xs.text-foreground.font-medium {
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0F243D;
    line-height: 1;
    margin-bottom: 5px;
}

.calculator-hourly-grid.project-calc-grid p.text-xs.text-muted-foreground {
    font-size: 12px;
    color: #0F243D;
    font-family: "GT Walsheim Trial", Sans-serif;
    font-weight: 500;
}

.calculator-hourly-grid.project-calc-grid p.mt-2.text-lg.font-bold.text-foreground {
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #0F243D;
    line-height: 1;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:first-child {
    margin-right: -20px;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:last-child {
    margin-left: -20px;
}

.calculator-hourly-grid.project-calc-grid .grid.h-8.w-8.place-items-center.rounded-full.bg-primary.text-primary-foreground.mx-auto {
    position: relative;
    z-index: 3;
}

.calculator-hourly-grid.project-calc-grid .project-bottom-info {
    padding: 17px;
    border-radius: 6px;
    border: 1px solid #C5D8F3;
	    background-color: #e4efff;
}

.calculator-hourly-grid.project-calc-grid .project-bottom-info h4 {
    color: #0F243D;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 5px;
}

p.project-type {
    font-size: 12px;
    color: #0F243D;
    font-family: "GT Walsheim Trial", Sans-serif;
}

p.project-price {
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 24px;
    color: #0623FF;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 18px;
}

p.rpoject-share {
    color: #0F243D;
    font-size: 12px;
    font-family: "GT Walsheim Trial", Sans-serif;
    margin-top: 4px;
    font-weight: 400;
}

.text-left.hourly-our-share.type-project .hourly-top-label {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}


.text-right.hourly-your-margin.type-project .hourly-top-label {
    display: flex;
    flex-direction: column-reverse;
}

span.hourly-agency-label.not-dev-bg {
    background-color: #0623ff;
}

hr.not-dev-bg {
    background-color: #0623ff !important;
}

span.hourly-offcanvas-label.dev-bg {
    background-color: #0623FF;
}

hr.dev-bg {
    background-color: #0623FF !important;
}

span.hourly-agency-label.dev-bg {
    background-color: #11152c;
}

.hourly-centered-label hr.dev-bg {
    background-color: #11152c !important;
}

.type-project span.hourly-offcanvas-label {
    background-color: #0623ff;
}

.hourly-centered-offcanvas-label hr.not-dev-bg {
    background-color: #0623ff !important;
}

.hourly-centered-offcanvas-label span.hourly-offcanvas-label.dev-bg {
    background-color: #11152c;
}

.hourly-centered-offcanvas-label hr.dev-bg {
    background-color: #11152c !important;
}

.hourly-top-label>p.text-2xl.font-bold.text-foreground {
    color: #11152c;
}

@media screen and (max-width: 767px) {
    .calculator-hourly-grid {
    flex-direction: column;
}
.calculator-hourly-grid.project-calc-grid {
    row-gap: 0;
}
.hourly-donut svg {
    max-width: 140px;
    height: auto;
}


.hourly-donut:after {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
}

.calc-panel {
    min-height: auto;
    padding: 30px 5px;
    /* max-width: calc(100% - 30px);*/
    margin: 0 auto;
}

.text-right.hourly-your-margin {
    padding: 10px;
    row-gap: 20px;
}

.text-left.hourly-our-share {
    padding: 10px;
}

span.hourly-offcanvas-label {
    margin-right: -5px;
    border-radius: 4px;
    text-align: left;
    max-width: 61px;
}

span.hourly-agency-label {
    margin-left: -2px;
    border-radius: 4px;
    max-width: 48px;
    text-align: right;
}

.hourly-centered-label hr {
    width: calc(100% + 12px);
    left: calc(100% - 54px);
}

.hourly-centered-offcanvas-label>hr {
    right: calc(100% - 52px);
    width: calc(100% + 36px);
}
    .text-right.hourly-agency-values>p:first-child, .text-left.hourly-offcanvas-values>p:first-child {
    font-size: 20px;
}

.hourly-top-label>p:first-child {
    font-size: 10px;
}

.hourly-top-label>p:last-child {
    font-size: 20px;
}
    
.type-project span.hourly-agency-label {
    max-width: 73px;
    margin-left: 0;
    top: 1px;
    padding: 5px;
    text-align: center;
}

.calculator-hourly-grid.project-calc-grid .rounded-xl.bg-surface.p-5.md\:p-7 {
    padding: 20px 10px;
}

.type-project span.hourly-offcanvas-label {
    max-width: 53px;
    margin-right: 0;
    top: 2px;
}

.rounded-xl.bg-card.border.border-border.p-5.md\:p-8.shadow-sm {
    padding: 20px 0;
}

.hourly-donut:before {
    width: calc(100% + 24px);
    height: calc(100% + 24px);
}

.text-left.hourly-our-share.type-project .hourly-centered-offcanvas-label>hr {
    width: calc(100% + 15px);
    right: calc(100% - 45px);
}

.text-right.hourly-your-margin.type-project {
    padding: 21px 5px 21px 9px;
}

.type-project span.hourly-agency-label.not-dev-bg {
    text-align: center;
    max-width: 73px;
}

.text-left.hourly-offcanvas-values {
    min-height: 48px;
}

.calculator-hourly-grid.project-calc-grid p.text-xs.text-muted-foreground {
    font-size: 10px;
}

.text-left.hourly-our-share.type-project .hourly-top-label {
    align-items: flex-end;
}

.type-project span.hourly-agency-label.dev-bg {
    text-align: right;
    max-width: 53px;
}

.type-project span.hourly-offcanvas-label.not-dev-bg {
    max-width: 70px;
    padding: 5px;
    text-align: center;
    margin-left: 3px;
    margin-right: -4px;
}

.calculator-hourly-grid .hourly-calc-inputs {
    max-width: 100%;
}

.calc-panel h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
    
div#offcanvas-calculator-root input.ml-2.w-full.bg-transparent.text-2xl.font-bold {
    font-size: 30px;
}

.calculator-module span.text-2xl.font-semibold {
    font-size: 36px;
}

    
.calculator-module h2.text-2xl {
    font-size: 18px;
}

.calculator-module p.mt-3.text-sm.text-muted-foreground.leading-relaxed {
    font-size: 14px;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:first-child {
    margin-right: 0;
    margin-bottom: -20px;
}

.calculator-hourly-grid.project-calc-grid .rounded-lg.bg-card.p-4:last-child {
    margin-left: 0;
    margin-top: -20px;
}
}

@media screen and (max-width: 400px) {
   .hourly-donut svg {
    max-width: 104px;
    height: auto;
}


.hourly-donut:after {
    width: calc(100% - 70px);
    height: calc(100% - 70px);
} 
    .hourly-centered-label hr {
    width: calc(100% + 12px);
    left: calc(100% - 40px);
}

.hourly-centered-offcanvas-label>hr {
    right: calc(100% - 52px);
    width: calc(100% + 31px);
}
    span.hourly-offcanvas-label {
    margin-right: -1px;
    border-radius: 4px;
    text-align: left;
    max-width: 61px;
}
    .text-right.hourly-your-margin {
        padding: 10px;
        row-gap: 4px;
        min-width: 76px;
    }
    
.hourly-donut:before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
}

.full-project-text {
    padding: 43px 24px;
    background-color: #fff;
    margin-right: -100px;
    border-radius: 8px;
}

span.full-project-badge {
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 10px;
    letter-spacing: -0.02em;
    line-height: 1;
    background-color: #0623FF;
    color: #fff;
    padding: 4px 10px;
    border-radius: 50px;
    margin-bottom: 16px;
    display: inline-block;
}

p.full-project-text-percent {
    font-size: 24px;
    font-family: 'GT Walsheim Trial', sans-serif;
    color: #0623FF;
    line-height: 1.4;
    letter-spacing: -0.02em;
    font-weight: 500;
}

ul.full-project-list {
    margin: 6px 0 0 17px;
}

ul.full-project-list li {
    font-size: 12px;
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
}

.full-project-grid {
    max-width: 484px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.full-project-info-text {
    text-align: center;
    background-color: #E4EFFF;
    border: 1px solid #C5D8F3;
    padding: 17px;
    border-radius: 6px;
}

.bg-surface {
    background-color: #eaf0f8;
}

.full-project-info-text > p:first-child {
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

.full-project-info-text > p:last-child {
    color: #0F243D;
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .full-project-text {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }
    
    .full-project-grid {
        background-color: #fff;
        border-radius: 6px;
        padding: 24px 21px 24px 12px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.calc-tab-wrap > button {
    border: 1px solid #D6DFEA;
    border-radius: 6px;
    background-color: #fff;
    height: auto;
    padding: 12px 15px;
    line-height: 1.3;
    font-family: "Inter", sans-serif;
    color: #0F243D;
    font-size: 14px;
    box-shadow: none;
    margin-top: 15px;
	    height: 64px;
	width: 100%;
	display: flex;
}


.calc-tab-wrap > button > span {
	display: flex;
	flex-direction: column;
}

.calc-select-text-wrap {
    flex-direction: row;
    column-gap: 13px;
    align-items: center;
}

.calc-select-text-wrap .calc-select-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.calc-select-icon-text {
    border: 1px solid #0E52FF;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.calc-select-icon-text svg {
    stroke: #0E52FF;
}

.calc-select-text .font-semibold {
    color: #0F243D;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

.calc-select-text span.text-xs.text-muted-foreground {
    font-size: 12px;
    color: #0F243D;
}

p.calc-mobile-tab-heading {
    font-size: 18px;
    color: #0F243D;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    opacity: 1;
}

.calculator-main-panel {
    border-radius: 14px;
    border: 1px solid #D8E2EE;
    background: linear-gradient(180deg, #FFFFFF 0%, #EBF4FF 100%);
}

.how-it-works-heading {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

.how-it-works-cta {
    background-color: #0F243D;
    color: #fff;
    border-radius: 6px;
    padding: 13px 30px;
}

.how-it-works-cta:hover {
    background-color: #0623ff;
	    color: #fff;
}


span.step-number {
    border-color: #1C46B1;
    width: 20px;
    height: 20px;
    font-size: 12px;
}

.how-it-works-step-title {
    color: #0F243D;
    font-size: 18px;
    font-family: 'GT Walsheim Trial', sans-serif !important;
    font-weight: 500;
}

.steps-wrap .bg-border {
    background: linear-gradient(90deg, #1C46B1 0%, #176DE3 100%);
}

p.how-it-works-content {
    font-size: 14px;
    color: #0F243D;
    max-width: 281px;
    padding-left: 34px;
    margin-top: 7px;
}


@media screen and (max-width: 767px) {
    ul.mobile-how-it-works-steps-wrap {
        margin: 24px 0 0 0;
    }
    
    p.how-it-works-content {
        padding-left:  0;
    }
    
    ul.mobile-how-it-works-steps-wrap li {
        padding-bottom: 30px;
        margin-bottom: 30px;
        background: linear-gradient(to right, #1C46B1, #176DE3) bottom / 100% 1px no-repeat;
    }
    
    ul.mobile-how-it-works-steps-wrap li:after {
        /* content: ""; */
        width: 100%;
        height: 1px;
        /* display: block; */
    }

    ul.mobile-how-it-works-steps-wrap li:last-child {
        background: none;
        margin-bottom: 0;
    }
}

.how-it-work-section > div > button {
    border: none;
    border-radius: 6px;
    background-color: transparent;
    height: auto;
    padding: 12px 0;
    line-height: 1.3;
    font-family: "Inter", sans-serif;
    color: #0F243D;
    font-size: 14px;
    box-shadow: none;
    margin-top: 0;
	width: 100%;
    display: flex;
    align-items: center;
}

.how-it-work-section > div > button svg {
    stroke: #0F243D;
}

.how-it-work-section > div > button > span {
    font-family: 'GT Walsheim Trial', sans-serif;
    font-size: 18px;
    color: #0F243D;
    font-weight: 500;
}

.insights-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f7ff;
    transition: all .2s ease-in-out;
    opacity: 0;
    pointer-events: none;
    padding: 30px;
}

.insights-loader img {
    animation: infiniteRotate 12s linear infinite;
    max-width: 160px;
}

.insights-results {
    position: relative;
}

.insights-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


.insights-card-image:before {
    content:"";
    display: block;
    padding-top: 76.92%
}

.insights-card-image {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.insights-card-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.insights-cards-contents {
    padding: 20px 16px;
    background-color: #fff;
}

.insights-card-taxonomy {
    display: inline-block;
    font-size: 12px;
    font-family: 'inter', sans-serif;
    color: var(--insights-category-color, #0F243D);
    line-height: 1.6;
    padding: 4px 8px;
    border: 1px solid var(--insights-category-color, #0F243D);
    border-radius: 6px;
    margin-bottom: 11px;
}

h3.insights-card-title {
    font-size: 18px;
    color: #0F243D;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 18px;
}

.insights-card-read-time {
    color: #7B91AC;
    font-size: 12px;
    line-height: 1.5;
    font-family: 'inter', sans-serif;
}

@media screen and (max-width: 767px) {
    .insights-items {
        grid-template-columns: repeat(1, 1fr);
    }
}

.project-dropdown > button:hover,
.project-dropdown > button:focus {
    color: #0F243D;
    background-color: #fff;
}

.calc-tab-wrap > button:focus,
.calc-tab-wrap > button:hover {
    background-color: #fff;
}

.calc-tab-wrap > button svg {
    stroke: #0F243D;
    width: 20px;
    height: 20px;
}

button#gform_submit_button_2 {
    width: 100% !important;
    background-color: transparent;
    font-family: "GT Walsheim Trial", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-image: linear-gradient(90deg, #002CE6 40%, #004EF9 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #0F243D;
    border-radius: 6px 6px 6px 6px;
    padding: 13px 20px 13px 20px;
    letter-spacing: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
}

button#gform_submit_button_2:after {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 6.36915H13.8613M8.2422 11.9883L13.8613 6.36915L8.2422 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 13px;
    display: block;
}

@media screen and (min-width: 1024px) {
	.cta-image {
    position: static;
}

.cta-image:after {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 11, 152, 0) 50.01%, #000476 100%);
	pointer-events: none;
}
}