@charset "utf-8";

/* ==========================================================
   BeeShift Header Navigation
   Keeps the logo, menu, and primary action balanced
   ========================================================== */

.main-header.header-style-two .header-upper .inner-container > .d-flex {
    flex-wrap: nowrap !important;
    gap: 34px;
}

.main-header.header-style-two .logo-box {
    flex: 0 0 auto;
}

.main-header.header-style-two .nav-outer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
    flex: 1 1 auto;
    min-width: 0;
}

.main-header.header-style-two .main-menu {
    flex: 0 1 auto;
}

.main-header.header-style-two .main-menu .navigation {
    align-items: center;
    gap: 18px;
    white-space: nowrap;
}

.main-header.header-style-two .main-menu .navigation > li > a {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
}

.main-header.header-style-two .outer-box {
    flex: 0 0 auto;
    margin-left: 0;
}

.main-header.header-style-two .header_button-box {
    margin-left: 0;
}

.main-header.header-style-two .mobile-nav-toggler {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .main-header.header-style-two .header-upper .inner-container > .d-flex {
        gap: 22px;
    }

    .main-header.header-style-two .nav-outer {
        gap: 18px;
    }

    .main-header.header-style-two .main-menu .navigation {
        gap: 12px;
    }

    .main-header.header-style-two .main-menu .navigation > li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .main-header.header-style-two .main-menu,
    .main-header.header-style-two .header_button-box {
        display: none;
    }

    .main-header.header-style-two .nav-outer {
        justify-content: flex-end;
    }

    .main-header.header-style-two .mobile-nav-toggler {
        display: block;
    }
}

/* ==========================================================
   BeeShift Header Scale Refinement v2.0.2
   Larger logo and more readable desktop navigation
   ========================================================== */

.main-header.header-style-two .logo-box .logo img {
    width: 145px;
    max-width: none;
    height: auto;
}

.main-header.header-style-two .main-menu .navigation > li > a {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

@media only screen and (max-width: 1399px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 132px;
    }

    .main-header.header-style-two .main-menu .navigation {
        gap: 14px;
    }

    .main-header.header-style-two .main-menu .navigation > li > a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1199px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 122px;
    }

    .main-header.header-style-two .main-menu .navigation > li > a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 118px;
    }
}

/* ==========================================================
   BeeShift Header Scale Refinement v2.0.3
   Larger logo, slightly larger menu, and clean text treatment
   ========================================================== */

.main-header.header-style-two .logo-box .logo img {
    width: 190px;
    max-width: none;
    height: auto;
}

.main-header.header-style-two .main-menu .navigation > li > a {
    font-size: 19px;
    font-weight: 600;
}

/* Remove the template's orange duplicate-text/shadow effect */
.main-header.header-style-two .main-menu .navigation > li > a .menu-text {
    text-shadow: none;
}

/* Keep hover treatment clean and intentional */
.main-header.header-style-two .main-menu .navigation > li:hover > a,
.main-header.header-style-two .main-menu .navigation > li.current > a {
    color: var(--main-color);
}

@media only screen and (max-width: 1399px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 170px;
    }

    .main-header.header-style-two .main-menu .navigation > li > a {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1199px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 150px;
    }

    .main-header.header-style-two .main-menu .navigation > li > a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .main-header.header-style-two .logo-box .logo img {
        width: 145px;
    }
}

/* ==========================================================
   BeeShift Header + Hero Refinement v2.0.4
   Spacious navigation, clean hero images, premium typography
   ========================================================== */

/* Give desktop navigation the breathing room of a premium SaaS header */
.main-header.header-style-two .main-menu .navigation {
    gap: 30px;
}

.main-header.header-style-two .main-menu .navigation > li {
    margin: 0;
}

/* Let the approved hero photography show without the template's dark tint */
.constr-main_slider .swiper-slide::before {
    opacity: 0;
    background: transparent;
}

/* Large, light, confident BeeShift hero typography */
.constr-main_slider .content-column {
    max-width: 760px;
}

.constr-main_slider .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.16em;
    margin-bottom: 22px;
}

.constr-main_slider h1 {
    font-size: clamp(56px, 6vw, 92px);
    font-weight: 300;
    line-height: 0.98;
    letter-spacing: -0.045em;
    margin-bottom: 26px;
}

.constr-main_slider .text {
    max-width: 650px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.65;
}

/* Preserve readability while keeping the photographs bright */
.constr-main_slider .title,
.constr-main_slider h1,
.constr-main_slider .text {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

@media only screen and (max-width: 1399px) {
    .main-header.header-style-two .main-menu .navigation {
        gap: 22px;
    }

    .constr-main_slider h1 {
        font-size: clamp(52px, 5.7vw, 78px);
    }
}

@media only screen and (max-width: 1199px) {
    .main-header.header-style-two .main-menu .navigation {
        gap: 15px;
    }

    .constr-main_slider h1 {
        font-size: clamp(46px, 5.5vw, 68px);
    }

    .constr-main_slider .text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .constr-main_slider .swiper-slide {
        padding: 150px 0 220px;
        background-position: 68% center;
    }

    .constr-main_slider .content-column {
        max-width: 92%;
    }

    .constr-main_slider h1 {
        font-size: clamp(42px, 12vw, 58px);
        line-height: 1.02;
    }

    .constr-main_slider .text {
        font-size: 17px;
        line-height: 1.55;
    }
}

/* BeeShift v2.0.5 — permanent light mode and native cursor */
.cursor,
.cursor-follower {
    display: none !important;
}


/* BeeShift v2.0.6 — lock official brand orange */
:root {
    --main-color: #FF7C1F !important;
    --main-color-rgb: 255, 124, 31;
}

/* BeeShift response headline v2.0.7 */
.about-three .beeshift-response-title {
    max-width: 1000px;
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: clamp(2.9rem, 4.8vw, 4.8rem);
    font-weight: 300;
    line-height: 1.02;
    letter-spacing: -0.045em;
    color: #111111 !important;
}

.about-three .beeshift-response-title span {
    display: block;
    color: #FF7C1F !important;
    font-weight: 300;
}

@media only screen and (max-width: 991px) {
    .about-three .beeshift-response-title {
        font-size: clamp(3rem, 8vw, 5rem);
    }
}

@media only screen and (max-width: 575px) {
    .about-three .beeshift-response-title {
        font-size: clamp(2.5rem, 12vw, 3.75rem);
        line-height: 1.06;
    }
}

/* ==========================================================
   BeeShift Network CTA
   Isolated styles - does not affect other template sections
   ========================================================== */
.beeshift-network-cta{
	position: relative;
	width: 100%;
	padding: 95px 0 100px;
	text-align: center;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.beeshift-network-cta::before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(70, 83, 99, 0.94);
}

.beeshift-network-cta__inner{
	position: relative;
	z-index: 1;
	max-width: 1050px;
	margin: 0 auto;
}

.beeshift-network-cta h2{
	margin: 0 0 22px;
	color: #ffffff;
	font-family: 'Manrope', sans-serif;
	font-size: clamp(38px, 4vw, 58px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -0.02em;
}

.beeshift-network-cta__text{
	max-width: 900px;
	margin: 0 auto 34px;
	color: #ffffff;
	font-family: 'Manrope', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
}

.beeshift-network-cta__button{
	display: inline-block;
	padding: 17px 34px;
	background: #ffffff;
	color: #111111;
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: all .25s ease;
}

.beeshift-network-cta__button:hover{
	background: #FF7C1F;
	color: #111111;
}

@media only screen and (max-width: 767px){
	.beeshift-network-cta{
		padding: 70px 20px 75px;
	}

	.beeshift-network-cta__text{
		font-size: 16px;
	}

	.beeshift-network-cta__button{
		padding: 16px 28px;
	}
}

/* BeeShift Stopwatch CTA - existing orange CTA only */
.medical-cta-one .beeshift-stopwatch-heading{
	font-size: 40px !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
}

.medical-cta-one .beeshift-stopwatch-buttons{
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
}

.medical-cta-one .beeshift-stopwatch-buttons .btn-style-nine{
	margin: 0;
	white-space: nowrap;
}

@media only screen and (max-width: 1199px){
	.medical-cta-one .beeshift-stopwatch-heading{
		white-space: normal;
	}
	.medical-cta-one .beeshift-stopwatch-buttons{
		flex-wrap: wrap;
	}
}



/* Center the two buttons in the existing stopwatch CTA */
.medical-cta-one .beeshift-stopwatch-buttons{
	flex: 0 0 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 18px;
	margin-top: 30px;
	flex-wrap: wrap;
}
/* Desktop header navigation alignment */
@media (min-width: 768px) {

    .main-header.header-style-two .nav-outer {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .main-header.header-style-two .main-menu {
        margin-left: auto;
    }

    .main-header.header-style-two .navigation {
        display: flex;
        justify-content: flex-end;
    }
}