*{
	font-family: 'Poppins', sans-serif !important;
}

.des {
	display:block;
}
.mob {
	display: none;
}
.container {
	width:80% !important;
} 
/* Custom Styles - will be elaborated below */
        .banner-section {
            position: relative;
            width: 100%; /* Full width minus 1rem on left & right */
    		height: 70vh; /* Full height minus 1rem on top & bottom */
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white; /* Default text color for the section */
        }

        .banner-video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1;
            transform: translateX(-50%) translateY(-50%);
            object-fit: cover; /* Ensures the video covers the area */
        }

        .banner-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6); /* Dark overlay for better text readability */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 20px;
        }

        /* Styling for the logos */
        .logo-container {
            position: absolute;
            top: 0;
            left: 2;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start; /* Align items to the top */
            padding: 2.25rem 2.5rem; /* Add some padding */
            z-index: 10; /* Ensure logos are above overlay */
        }

        .logo-milkyway {
			height: 11vh;
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
			object-fit: contain;
		}

        .logo-tredence {
            height: 40px; /* Adjust logo size as needed */
            object-fit: contain;
        }
		.title {
			font-size: 1.0417vw !important;
			color: #FFFFFF;
			font-weight: 400;
		}
		.title-2 {
			font-size: 2.75vw !important; /* 80px converted to vw */
			font-weight: 600;
			letter-spacing: 0em; /* This is a relative unit and doesn't need conversion */
			line-height: 3.39vw; /* 65px converted to vw */
			text-align: center;
		}
        /* Custom Button Styling with Linear Gradient */
        .custom-btn {
            /* Linear gradient from top to bottom, #FE5000 to #7F2800 */
            background: transparent !important;
            border: #FE5000;
            font-weight: bold;
            padding: 0.75rem 1.5rem !important;
            border-radius: 50px !important; /* Slightly rounded corners for the button */
            font-size: 0.8333vw !important;
            display: inline-flex;
            align-items: center;
            gap: 8px; /* Space between text and icon */
			color: #FFFFFF !important;
        }
		.custom-btn svg {
			margin-left: 1rem;
			width: 1.4333vw;
		 }
        .custom-btn:hover {
            opacity: 0.9; /* Slight opacity change on hover */
            transform: translateY(-2px); /* Subtle lift effect */
            transition: all 0.2s ease-in-out;
			color: #FFFFFF!important;
        }

        /* Polygonal Shapes using clip-path */
        /* These approximate the shapes seen in the image */
        .polygon-top-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 16vw;
            height: 12vh;
            background-color: #FFFFFF; /* Matching the top color */
            /* This clip-path creates a trapezoidal shape like the one under "Milkyway" */
            clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
            z-index: 1; /* Below content, above video */
        }

        .polygon-bottom-right {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 16vw;
            height: 12vh;
            background-color: #FFFFFF; /* Matching the bottom color */
            /* This clip-path creates a trapezoidal shape like the one at the bottom right */
            clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
            z-index: 1; /* Below content, above video */
        }
.wismw {
	margin-left: 2.5rem;
}
.section-heading-2 {
	font-size: 2.5em;
	font-style: normal;
	color: #FE5000;
	text-align: left;
	font-weight: 600;
}
.section-para-1 {
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	color: #202020;
	text-align: left;
}
h2 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #555;
}
.wmw .border-top {
    border-top: 1px solid #FE5000 !important;
}
.wmw .border-start {
    border-left: 1px solid #FE5000 !important;
}
.wmw .border-end {
    border-right: 1px solid #FE5000 !important;
}
.feature-card {
    padding: 2rem;
    height: 100%; /* Ensures all cards in a row are the same height */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

/* To remove the double border effect, we apply borders to specific sides on each card */
.row .col-lg-4:nth-child(-n+3) .feature-card {
    border-top: none;
}
.row .col-lg-4:nth-child(3n+1) .feature-card {
    border-left: none;
}

.kfi-sec {
    background-image: url('/assets/milkyway/key-feature-include-background2.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}
.kfi-blk-lyr-1 {
	background-image: linear-gradient(to bottom, #FE5000, #7F2800);
	position: relative;
	transform: rotate(0deg); /* Tilt the card as in the image */
	transform-origin: center; /* Rotate around the center */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 42vh;
}
.kfi-blk-lyr-2 {
	background-color: #ffffff;
	padding: 4vw 5vw; /* More padding for inner content */
	transform: rotate(0deg); /* Rotate content back to horizontal */
	transform-origin: center;
	width: 100%; /* Take full width of parent */
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); /* Inner shadow */
    height: 48vh;
    background: linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
    /* clip-path polygon — points calculated from the SVG path and translated to percentages */
    clip-path: polygon(
      1.67506% 12.63711%,
      98.16886% 1.54562%,
      98.32643% 86.74304%,
      1.68250% 96.90619%
    );
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -2vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(1.6%); /* tiny inner spacing that scales */
}
.kfi-blk {
	padding: 5.185vh 4.63vw;
	transform: rotate(0deg); /* Rotate content back to horizontal */
	transform-origin: center;
}
.kfi-blk .icon {
	width: 3.6458vw;
	margin-bottom: 1.389vh;
}
.kfi-hd2 {
	font-size: 1.0417vw;
	font-style: normal;
	font-weight: 600;
	color: #404041;
	margin-bottom: 1.5rem;
}
.kfi-hd21 {
	font-size: 0.9375vw;
	font-style: normal;
	font-weight: 500;
	color: #FE5000;
} 
.kfi-para {
	font-size: 1em;
	font-style: normal;
	font-weight: 300;
	color: #202020;
}
.mky-blk {

}
.wmk-icon {
	width: 10%;
	margin-bottom: 1em;
}
.mky-hdg {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	color: #404041;
	margin-bottom: 0.5em;
}
.mky-para {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	color: #3D3D3D;
}
.tgai-hdng {
	font-size: 1.3021vw;
	font-weight: 400;
	letter-spacing: -0.05em;
	text-align: left;
	color: #404041;
}
.tgai-list {
	list-style-image: url('/assets/milkyway/bullet-1.svg');
    font-size: 0.9375vw;
	font-weight: 300;
    color: #333333;
    padding-left: 40px; /* Adjust spacing for the bullet */
}
.mky-mkwy-ag-list {
	list-style-image: url('/assets/milkyway/bullet-2.svg');
    font-size: 0.9375vw;
	font-weight: 500;
    color: #333333;
}
.cc-sec {
	background-image: url('/assets/milkyway/core-capabilities-background.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}
.cc-blk-lyr-1 {
	background-image: linear-gradient(to bottom, #FE5000, #7F2800);
	position: relative;
	transform: rotate(0deg); /* Tilt the card as in the image */
	transform-origin: center; /* Rotate around the center */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 39vh;
}
.cc-blk-lyr-2 {
	background-color: #ffffff;
	padding: 4vw 5vw; /* More padding for inner content */
	transform: rotate(0deg); /* Rotate content back to horizontal */
	transform-origin: center;
	width: 100%; /* Take full width of parent */
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); /* Inner shadow */
    height: 45vh;
    background: linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
    /* clip-path polygon — points calculated from the SVG path and translated to percentages */
    clip-path: polygon(
      1.67506% 12.63711%,
      98.16886% 1.54562%,
      98.32643% 86.74304%,
      1.68250% 96.90619%
    );
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -2vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(1.6%); /* tiny inner spacing that scales */
}
.cc-blk {
	padding: 2.63vh 3.3021vw; 
}
.cc-icon {
	width: 3.75vw;
	margin-bottom: 1.389vh;
}
.cc-hng {
	font-size: 0.9375vw;
	font-style: normal;
	font-weight: 600;
	color: #404041;
	margin-bottom: 1rem;
}
.cc-para {
	font-size: 0.7292vw;
	font-style: normal;
	font-weight: 300;
	color: #404041;
}
.sqabmw-blk {
	padding: 2rem 1.5rem;
	border: 1px solid #FE5000;
}
.sq-title {
	font-size: 1.021vw;
	font-style: normal;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 1.25rem;
	background: #FE5000;
	padding: 0.5rem 1.5rem;
	border-radius: 50px;
}
.sq-title svg{
	width: 1.4807vw;
	fill: #FFFFFF;
	margin-right: 1rem;
}
.sqabmw-blk hr {
	color: #FE5000;
}
.sq-para {
	font-size: 0.8375vw;
	font-weight: 500;
    color: #3D3D3D;
	text-align: left;
}
.sq-para-t {
	font-size: 0.9375vw;
	font-weight: 700;
	color: #FE5000;
	text-align: left;
	margin-bottom: 1.25rem;
}
.wcmwd {}
/* Custom styles for the tabs */
.nav-pills .nav-link {
    background-color: transparent;
    color: #404041;
    border-radius: 50px !important;
    margin: 0 10px;
    padding: .75rem 2.5rem;
    opacity: 1;
    transition: all 0.3s;
}
.wcmwd .nav-pills .nav-link svg {
	width: 1.4807vw;
	fill: #404041; 
	margin-right: 0.5rem;
}
.wcmwd .nav-pills .nav-link.active, .wcmwd .nav-pills .nav-link:hover  {
    background-color: #FE5000;
	color: #FFFFFF;
    opacity: 1;
}
.wcmwd .nav-pills .nav-link.active svg, .wcmwd .nav-pills .nav-link:hover svg {
	width: 1.4807vw;
	fill: #FFFFFF;
}
.wcmwd .nav-pills .nav-link:hover {
    opacity: 1;
}

/* Custom styles for the accordion cards */
.wcmwd .accordion-item {
    background-color: #f8f9fa;
    border: none;
    border-radius: 15px;
    margin-bottom: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wcmwd .accordion-item.active-orange {
    background-color: #ff6600;
    color: white;
}

.wcmwd .accordion-button {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    border-radius: 15px;
    font-size: 1.25rem;
    padding: 20px;
}

.wcmwd .accordion-item.active-orange .accordion-button {
    color: white;
}

.wcmwd .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    box-shadow: none;
}

.wcmwd .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

/* Optional: styling for the content inside the cards */
.wcmwd .accordion-body {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    border-radius: 0 0 15px 15px;
    padding: 20px;
}

.wcmwd .accordion-item.active-orange .accordion-body {
    background-color: #ff6600;
    color: white;
    border-top-color: rgba(255, 255, 255, 0.2);
}

.bfbne-blk-lyr-1 {
	background-image: linear-gradient(to bottom, #FE5000, #7F2800);
	position: relative;
	transform: rotate(0deg); /* Tilt the card as in the image */
	transform-origin: center; /* Rotate around the center */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 43vh;
}
.bfbne-blk-lyr-2 {
	background-color: #ffffff;
	padding: 4vw 5vw; /* More padding for inner content */
	transform: rotate(0deg); /* Rotate content back to horizontal */
	transform-origin: center;
	width: 100%; /* Take full width of parent */
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); /* Inner shadow */
    height: 50vh;
    background: linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
    /* clip-path polygon — points calculated from the SVG path and translated to percentages */
    clip-path: polygon(
      1.67506% 12.63711%,
      98.16886% 1.54562%,
      98.32643% 86.74304%,
      1.68250% 96.90619%
    );
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -2vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(1.6%); /* tiny inner spacing that scales */
}
.bfbne-blk {
	padding: 4.63vh 4.3021vw; 
}
.bfbne-icon {
	width: 3.6458vw;
	margin-bottom: 2.389vh;
}
.bfbne-hng {
	font-size: 1.3021vw;
	font-style: normal;
	font-weight: 600;
	color: #404041;
	margin-bottom: 1.25rem;
}
.bfbne-list {
	list-style-image: url('/assets/milkyway/sparkle.svg');
	font-size: 0.9375vw;
	font-weight: 500;
    color: #3D3D3D;
	text-align: left;
}
.bfbne-list li {
	margin-bottom: 1rem;
}
.gst {
	background-image: url('/assets/milkyway/get-started-today-background-version1.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}
.gst-hdng {
	font-size: 2.0833vw;
	font-style: normal;
	color: #FFFFFF;
	font-weight: 600;
}
.gst-para {
	font-size: 0.8333vw;
	font-style: normal;
	color: #FFFFFF;
	font-weight: 500;
}
.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"] {
	background: #FFFFFF;
	height: 5.556vh;
	font-size: 0.7333vw;
	border-radius: 50px;
	padding: 1rem 1.5rem;
	margin-bottom: 1rem;
	font-weight: 300;
	width: 100% !important;
	border: none !important;
}
.contact-form .hs-button.primary.large {
	font-size: 0.8333vw;
	font-weight: 600;
	border-radius: 50px;
	background: #FE5000;
	text-align: center;
	padding: 1rem 3.5rem;
	border: none !important;
	color: #FFFFFF;
	margin-top: 1.5rem;
}

.footer {
	background: #272727;
	padding: 1.5rem 0px;
}
.footer-txt {
	font-size: 0.7292vw;
	color: #FFFFFF;
	font-weight: 300;
	margin-bottom: 0.25rem;
}
.follow-txt {
	font-size: 0.8333vw;
	color: #FFFFFF;
	font-weight: 500;
	margin-bottom: 0.5rem;
	float: right;
	margin-top: auto;
	margin-bottom: auto;
}
.social-icon-wrapper {
	width: 1.5vw;
    height: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
    margin-top: auto;
    margin-bottom: auto;
	
}
.social-icon-wrapper:hover {	
	transform: scale(1.1); /* Scales up the icon on hover */
}

@media only screen and (max-width: 1920px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1660px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}
@media only screen and (max-width: 1440px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.custom-btn {
		font-size: 16px !important;
	}
	.custom-btn svg {
		margin-left: 0.75rem;
		width: 2.4333vw;
	}
	.kfi-hd2 {
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.mky-hdg {
		font-size: 20px;
		margin-bottom: 0.5em;
	}
	.mky-para {
		font-size: 16px;
	}
	.cc-blk-lyr-1 {
		height: 42vh;
	}
	.cc-blk-lyr-2 {
		height: 48vh;
	}
	.cc-hng {
		font-size: 20px;
		margin-bottom: 0.5rem;
	}
	.cc-para {
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		color: #404041;
	}
	.sq-title {
		font-size: 1.061vw;
		margin-bottom: 1.25rem;
		padding: 1rem;
		border-radius: 0px;
	}
	.sq-para-t {
		font-size: 16px;
		margin-bottom: 1rem;
	}
	.sq-para {
		font-size: 14px;
	}
	.bfbne-hng {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		color: #404041;
		margin-bottom: 1.25rem;
	}
	.bfbne-list {
		list-style-image: none;
		list-style-type: none !important;
		padding-left: 12px;
		font-size: 14px;
	}
	.gst-hdng {
		font-size: 2.5rem;
		font-style: normal;
		color: #FFFFFF;
		font-weight: 600;
	}
	.gst-para {
		font-size: 1rem;
		font-style: normal;
		color: #FFFFFF;
		font-weight: 500;
	}
	.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"] {
		height: 6.556vh;
		font-size: 0.9333vw;
		padding: 1rem 1.5rem;
		margin-bottom: 1rem;
	}
	.contact-form .hs-button.primary.large {
		font-size: 1vw;
		padding: 1rem 2.5rem;
	}
}

@media only screen and (max-width: 1366px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.custom-btn {
		font-size: 16px !important;
	}
	.custom-btn svg {
		margin-left: 0.75rem;
		width: 2.4333vw;
	}
	.kfi-hd2 {
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.mky-hdg {
		font-size: 20px;
		margin-bottom: 0.5em;
	}
	.mky-para {
		font-size: 16px;
	}
	.cc-blk-lyr-1 {
		height: 42vh;
	}
	.cc-blk-lyr-2 {
		height: 48vh;
	}
	.cc-hng {
		font-size: 20px;
		margin-bottom: 0.5rem;
	}
	.cc-para {
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		color: #404041;
	}
	.sq-title {
		font-size: 1.031vw;
		margin-bottom: 1.25rem;
		padding: 1rem;
		border-radius: 0px;
	}
	.sq-para-t {
		font-size: 16px;
		margin-bottom: 1rem;
	}
	.sq-para {
		font-size: 13px;
	}
	.bfbne-blk-lyr-1 {
		height: 47vh;
	}
	.bfbne-blk-lyr-2 {
		height: 54vh;
	}
	.bfbne-hng {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		color: #404041;
		margin-bottom: 1.25rem;
	}
	.bfbne-list {
		list-style-image: none;
		list-style-type: none !important;
		padding-left: 12px;
		font-size: 14px;
	}
	.gst-hdng {
		font-size: 2.5rem;
		font-style: normal;
		color: #FFFFFF;
		font-weight: 600;
	}
	.gst-para {
		font-size: 1rem;
		font-style: normal;
		color: #FFFFFF;
		font-weight: 500;
	}
	.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"] {
		height: 6.556vh;
		font-size: 0.9333vw;
		padding: 1rem 1.5rem;
		margin-bottom: 1rem;
	}
	.contact-form .hs-button.primary.large {
		font-size: 1vw;
		padding: 1rem 2.5rem;
	}
	
}

@media only screen and (max-width: 1280px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.custom-btn {
        font-size: 14px !important;
    }
	.section-heading-2 {
		font-size: 2.15em;
		font-style: normal;
		color: #FE5000;
		text-align: left;
		font-weight: 600;
	}
	.section-para-1 {
		font-size: 14px;
	}
	.kfi-hd2 {
        font-size: 20px;
        margin-bottom: 0.75rem;
    }
	.kfi-para {
		font-size: 0.75em;
		font-style: normal;
		font-weight: 300;
		color: #202020;
	}
	.mky-hdg {
        font-size: 18px;
        margin-bottom: 0.5em;
    }
	.mky-para {
        font-size: 14px;
    }
    .cc-blk-lyr-1 {
        height: 45vh;
    }	
	.cc-blk-lyr-2 {
        height: 53vh;
    }
	.cc-hng {
        font-size: 18px;
        margin-bottom: 0.5rem;
    }
	.cc-para {
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        color: #404041;
    }
	.sq-title {
        font-size: 1.01vw;
        margin-bottom: 1rem;
        padding: 0.75rem;
        border-radius: 0px;
    }
	.sq-para-t {
        font-size: 15px;
        margin-bottom: 0.5rem;
    }
	.sq-para {
        font-size: 12px;
		margin-bottom: 0.5rem;
    }
	.bfbne-blk-lyr-1 {
        height: 63vh;
    }
	.bfbne-blk-lyr-2 {
        height: 74vh;
    }
}

@media only screen and (max-width: 1140px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) and (orientation:portrait) {
	.container {
		width: 95% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.des {
		display:none;
	}
	.mob {
		display: block;
	}
	.logo-milkyway {
        height: 3.5vh;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        object-fit: contain;
    }
	.logo-tredence {
        height: 35px;
        object-fit: contain;
        padding-top: 0.5rem;
    }
	.banner-section {
		position: relative;
		width: 100%;
		height: 50vh;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
	}
	.banner-overlay {
		padding: 0;
	}
	.custom-btn svg {
		margin-left: 1rem;
		width: 5.4333vw;
	}
	.custom-btn {
		background: transparent !important;
		border: #FE5000;
		font-weight: bold;
		padding: 0.75rem 1.5rem !important;
		border-radius: 50px !important;
		font-size: 2.8333vw !important;
		display: inline-flex	;
		align-items: center;
		gap: 8px;
		color: #FFFFFF !important;
	}
	/* These approximate the shapes seen in the image */
        .polygon-top-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 16vw;
            height: 12vh;
            background-color: transparent; /* Matching the top color */
            /* This clip-path creates a trapezoidal shape like the one under "Milkyway" */
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            z-index: 1; /* Below content, above video */
        }

        .polygon-bottom-right {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 39vw;
			height: 7vh;
			background-color: #FFFFFF;
			clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
			z-index: 1;
		}
		.title {
			font-size: 3.0417vw !important;
			color: #FFFFFF;
			font-weight: 400;
		}
		.title-2 {
			font-size: 7.7vw !important;
			font-weight: 700;
		}
		.section-heading-2 {
			font-size: 5.604vw;
			font-style: normal;
			color: #FE5000;
			text-align: left;
			font-weight: 600;
		}
		.section-para-1 {
			font-size: 2.833vw;
			font-style: normal;
			font-weight: 300;
			color: #202020;
			text-align: left;
		}
		.kfi-sec .carousel-indicators {
			bottom: -6vh !important;
		}
		.kfi-sec .carousel-indicators li {
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background-color: rgba(64, 64, 65, 0.4);
			margin-left: 1vw;
		}
		.kfi-sec .carousel-indicators [data-bs-target] {
			box-sizing: content-box;
			flex: 0 1 auto;
			width: 30px;
			height: 3px;
			padding: 0;
			margin-right: 3px;
			margin-left: 3px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #404041;
			background-clip: padding-box;
			border: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			opacity: .5;
			transition: opacity .6s ease;
		}
		.kfi-sec .carousel-indicators .active {
			background-color: #fe5000;
		}
		.kfi-blk {
			padding: 2.185vh 3.63vw;
			transform: rotate(0deg);
			transform-origin: center;
		}
		.kfi-blk-lyr-2 {
			background-color: #ffffff;
			padding: 4vw 5vw;
			transform: rotate(0deg);
			transform-origin: center;
			width: 100%;
			box-sizing: border-box;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
			height: 40vh;
			background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
			clip-path: polygon(1.67506% 12.63711%, 98.16886% 1.54562%, 98.32643% 86.74304%, 1.68250% 96.90619%);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: -2vh;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: calc(1.6%);
		}
		.kfi-blk-lyr-1 {
			height: 34vh;
		}
		.kfi-blk .icon {
			width: 12.6458vw;
			margin-bottom: 1.389vh;
		}
		.kfi-hd2 {
			font-size: 4.0417vw;
			font-style: normal;
			font-weight: 600;
			color: #404041;
			margin-bottom: 1.5rem;
		}
		.kfi-hd21 {
			font-size: 2.9375vw;
			font-style: normal;
			font-weight: 500;
			color: #FE5000;
		}
		.kfi-para {
			font-size: 2.8333vw;
			font-style: normal;
			font-weight: 300;
			color: #202020;
		}
		.wmk-icon {
			width: 10.0271vw;
			margin-bottom: 1.389vh;
		}
		.mkw .carousel-indicators {
			bottom: -6vh !important;
		}
		.mkw  .carousel-indicators li {
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background-color: rgba(64, 64, 65, 0.4);
			margin-left: 1vw;
		}
		.mkw .carousel-indicators [data-bs-target] {
			box-sizing: content-box;
			flex: 0 1 auto;
			width: 3vw;
			height: 3vw;
			padding: 0;
			border-radius: 50px !important;
			margin-right: 3px;
			margin-left: 3px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #404041;
			background-clip: padding-box;
			border: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			opacity: .6;
			transition: opacity .6s ease;
		}
		.mkw  .carousel-indicators .active {
			background-color: #fe5000;
		}
		.mky-hdg {
			font-size: 3.9375vw;
			font-style: normal;
			font-weight: 600;
			color: #404041;
			margin-bottom: 0.5rem;
		}
		.mky-para {
			font-size: 2.7292vw;
			font-style: normal;
			font-weight: 400;
			color: #3D3D3D;
		}
		.mky-blk {
			padding: 1rem 2rem;
		}
		.df .carousel-indicators {
			bottom: -6vh !important;
		}
		.df .carousel-indicators li {
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background-color: rgba(64, 64, 65, 0.4);
			margin-left: 1vw;
		}
		.df .carousel-indicators [data-bs-target] {
			box-sizing: content-box;
			flex: 0 1 auto;
			width: 30px;
			height: 3px;
			padding: 0;
			margin-right: 3px;
			margin-left: 3px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #404041;
			background-clip: padding-box;
			border: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			opacity: .5;
			transition: opacity .6s ease;
		}
		.df .carousel-indicators .active {
			background-color: #fe5000;
		}
		.cc-icon {
			width: 12.75vw;
			margin-bottom: 1.01vh;
		}
		.cc-hng {
			font-size: 2.9375vw;
			font-style: normal;
			font-weight: 600;
			color: #404041;
			margin-bottom: 0.5rem;
		}
		.cc-para {
			font-size: 2.8292vw;
			font-style: normal;
			font-weight: 300;
			color: #404041;
		}
		.cc-blk {
			padding: 2.63vh 2.3021vw;
		}
		.cc-blk-lyr-1 {
			background-image: linear-gradient(to bottom, #FE5000, #7F2800);
			position: relative;
			transform: rotate(0deg);
			transform-origin: center;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			height: 25vh;
		}
		.cc-blk-lyr-2 {
			background-color: #ffffff;
			padding: 4vw 5vw;
			transform: rotate(0deg);
			transform-origin: center;
			width: 100%;
			box-sizing: border-box;
			box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.16);
			height: 30vh;
			background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
			clip-path: polygon(1.67506% 12.63711%, 98.16886% 1.54562%, 98.32643% 86.74304%, 1.68250% 96.90619%);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: -2vh;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: calc(1.6%);
		}
		.cc-sec .carousel-indicators {
			bottom: -6vh !important;
		}
		.cc-sec  .carousel-indicators li {
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background-color: rgba(64, 64, 65, 0.4);
			margin-left: 1vw;
		}
		.cc-sec .carousel-indicators [data-bs-target] {
			box-sizing: content-box;
			flex: 0 1 auto;
			width: 3vw;
			height: 3vw;
			padding: 0;
			border-radius: 50px !important;
			margin-right: 3px;
			margin-left: 3px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #404041;
			background-clip: padding-box;
			border: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			opacity: .6;
			transition: opacity .6s ease;
		}
		.cc-sec  .carousel-indicators .active {
			background-color: #fe5000;
		}
		.sq-title {
			border: 1px solid #FE5000 !important;
		}
	    .sq-title svg {
			width: 6.4807vw;
			fill: #FE5000;
			margin-right: 0.5em;
		}
		.sq-para-t {
			font-size: 3.9375vw;
			font-weight: 700;
			color: #FE5000;
			text-align: left;
			margin-bottom: 0.725rem;
		}
		.sq-para {
			font-size: 2.8375vw;
			font-weight: 500;
			color: #3D3D3D;
			text-align: left;
		}
		.sq-content hr {
			color: #FE5000;
			background-color: #FE5000;
		}
		.sqabmw .accordion-item {
			background: #fe50000f;
		}
		.bfbne-icon {
			width: 10.6458vw;
			margin-bottom: 0.89vh;
		}
		.bfbne-list::marker {
			text-align: center;
		}
		.bfbne-hng {
			font-size: 4.3021vw;
			font-style: normal;
			font-weight: 600;
			color: #404041;
			margin-bottom: 1.25rem;
		}
		.bfbne-list {
			list-style-image: url(/assets/milkyway/sparkle.svg);
			font-size: 3.375vw;
			font-weight: 500;
			color: #3D3D3D;
			text-align: left;
		}
		.bfbne-blk {
			padding: 2.63vh 2.3021vw;
		}
		.bfbne-blk-lyr-1 {
			height: 39vh;
		}
		.bfbne-blk-lyr-2 {
        	height: 44vh;
   		}
		.gst-hdng {
			font-size: 7.0833vw;
			font-style: normal;
			color: #FFFFFF;
			font-weight: 600;
		}
		.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"] {
			background: #FFFFFF;
			height: 4.556vh;
			font-size: 2.7333vw;
			border-radius: 50px;
			padding: 1rem 1.5rem;
			margin-bottom: 1rem;
			font-weight: 300;
			width: 100% !important;
			border: none !important;
		}
		.contact-form .hs-button.primary.large {
			font-size: 2.8333vw;
			font-weight: 600;
			border-radius: 50px;
			background: #FE5000;
			text-align: center;
			padding: 1rem 3.5rem;
			border: none !important;
			color: #FFFFFF;
			margin-top: 0.5rem;
		}
		.gst-para {
			font-size: 3.033vw;
			font-style: normal;
			color: #FFFFFF;
			font-weight: 500;
		}
		.bfbne .carousel-indicators {
			bottom: -6vh !important;
		}
		.bfbne  .carousel-indicators li {
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background-color: rgba(64, 64, 65, 0.4);
			margin-left: 1vw;
		}
		.bfbne .carousel-indicators [data-bs-target] {
			box-sizing: content-box;
			flex: 0 1 auto;
			width: 3vw;
			height: 3vw;
			padding: 0;
			border-radius: 50px !important;
			margin-right: 3px;
			margin-left: 3px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #404041;
			background-clip: padding-box;
			border: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			opacity: .6;
			transition: opacity .6s ease;
		}
		.bfbne .carousel-indicators .active {
			background-color: #fe5000;
		}
		.footer-txt {
			font-size: 2.7292vw;
			color: #FFFFFF;
			font-weight: 300;
			margin-bottom: 0.25rem;
		}
		.follow-txt {
    		font-size: 3.8333vw;
		}
		.social-icon-wrapper {
			width: 5.5vw;
			height: 5.5vw;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transition: transform 0.2s ease-in-out;
			margin-top: auto;
			margin-bottom: auto;
		}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
}