/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/components/gridData/GridChildCSS.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.harpreetWritings .gridChild {
    padding: 20px;
    border-radius: 20px;
}

/* .harpreetWritings .cloudComputing .gridChild {
    /* background-color: #E7F5FF;
    background-color: rgb(var(--blogs-cloudComputing));
} */

/* .harpreetWritings .microsoft365 .gridChild {
    /* background-color: #E7F5FF;
    background-color: rgb(var(--blogs-microsoft365));
}

.harpreetWritings .cyberSecurity .gridChild {
    /* background-color: #E7F5FF;
    background-color: rgb(var(--blogs-cyberSecurity));
}

.harpreetWritings .migrations .gridChild {
    /* background-color: #E7F5FF;
    background-color: rgb(var(--blogs-migrations));
} */

.newsletterForm button {
    border-radius: 10px !important;
    width: -webkit-fill-available !important;
}

/* .newsletterSection, .testimonialColor {
    background-color: rgb(var(--newsletterSection));
} */

.harpreetNewsletters h3 {
    font-family: 'Chomsky', sans-serif;
    font-size: 80px;
}

.newsletterForm button, .formInputCss {
    border-radius: 10px !important;
}

.podcastsHarpreetTitle {
    font-size:200px;
    
}

.certificationBadge:after {
    content: '';
    position: absolute;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background-color: rgb(var(--foreground-rgb));
    opacity: 0.8;
    rotate: -60deg;
    outline: none;
    border: none;
    	transition: none;
    filter: blur(50px);
    -webkit-filter: blur(50px);
}

.certificationBadge:hover:after {
    left: 110%;
    visibility: visible;
    background-color: rgb(var(--foreground-rgb));
    opacity: 0;
	   transition: all 0.8s ease-in-out;
    transition-delay: 200ms;
}

.certifiedProfessionalSection {
    position: relative;

}

.certifiedPatternContainerTop img {
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 1000;
}

.certifiedPatternContainerBottom img {
    position: absolute;
    left: 0;
    bottom: -40px;
    z-index: 1000;
}

.sectionBackgroundCP {
    transform-origin: 100% 0;
    transform: skewY(-6deg);
}

.sectionClientele {
    transform: skewY(-6deg);
}

.harpreetCollab .asset img, .testimonialPeopleGroup .asset img {
    width: -moz-max-content;
    width: max-content;
}

.testimonialPeopleGroup .asset img {
   scale: 0.6;
}

.harpreetCollab .asset, .testimonialPeopleGroup .asset {
    margin: 0 auto;
}

.textSmall {
    font-size: 18px;
}

.patternPosition {
    position: absolute;
    left: 30px;
    bottom: -40px;
    width: 100%;
    height: auto;
    z-index: 1;
    opacity: 0.1;
}

@keyframes oscillate {
    0%, 100% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(-8deg);
    }
  }
  
  .testimonialChild .patternPosition img {
    animation: oscillate 2s linear infinite;
  }
  
  .testimonialChild {
    border-radius: 40px;
    min-width: 300px;
    width: 600px;
    max-width: 600px;
  }

  .testimonialContainer {
    overflow-x: auto;
    grid-auto-flow: column;
    align-items: start;
  }
  .sectionHarpreetAvailability {
    cursor: pointer;
  }

  .testimonialTextData .asset img {
    width: 70px !important;
    height: 70px !important;
  }

  .testimonialTextData {
    padding: 30px;
    border-radius: 20px;
  }

  .hireHarpreetFocusAsset .asset img {
    scale: 1.21;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .footer-footnotes p {
    font-size: 20px !important;
  }


.gradientLineSeparator {
  border: 1px solid;
  -o-border-image: var(--btn-gradient);
     border-image: var(--btn-gradient);
  border-image-slice: 1;
}

@keyframes textlefttoright {
  0% {
      background-position: -100% 100%;
  }
  
  100% {
      background-position: 800% 0;
  }
}

.textGradient::after {
  content: '';
    position: absolute;
    filter: blur(150px);
    height: 500px;
    max-width: 500px;
    width: 100%;
    top: 0px;
    z-index: -1;
    right: 0;
}

.textGradientBefore::after {
  content: '';
    position: absolute;
    filter: blur(150px);
    height: 500px;
    max-width: 500px;
    width: 100%;
    top: 0px;
    z-index: -1;
    left: 0;
}

.bannerHome::before {
    filter: blur(215px);
    width: 65%;
    height: 70%;
    background-size: cover;
    content: " ";
    position: absolute;
    top: 0px;
    transform: translate(50%, 50%);
    top: -50%;
    right: 50%;
    z-index: -1;
    -webkit-filter: blur(215px);
    -moz-filter: blur(215px);
    -ms-filter: blur(215px);
    -o-filter: blur(215px);
}

.banner {
    background-image: url(https://lollypop.design/wp-content/uploads/2023/06/grid-lines.svg);
    width: 100%;
    height: 100%;
    background-size: cover;
}

.privacy-legal-tc {
  flex-direction: row !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/components/top-nav/CSSheader.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
header * {
	transition: initial;
}

header:before, header:after{
	box-sizing: border-box;
}

.bold {
    font-weight:bold;
}

header .row{
	display: flex;
	flex-wrap: wrap;
}

header .sm-screen-btn {
	display: none;
}
header .lg-screen-btn {
	display: contents;
}

.menu-main{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	display: inline-flex;
	align-items: center;
}

.imageSrc-container {
	min-width: 4rem;
	min-height: 4rem;
}

.submenu-nav-item:hover * {
	transition: 0.2s ease;
}

.submenu-nav-item:hover .playButton {
	scale: 1.1;
	transform: translate(-45%, -45%);
}

.submenu-nav-item:hover .imageSrc {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: shake 0.1s ease;
	scale: 1.2;
  
	/* When the animation is finished, start again */
	animation-iteration-count:initial;
}

.harpreet-logo:hover, .aboutHarpreetFooterMenu .asset img:hover {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: shake 0.1s ease;
  
	/* When the animation is finished, start again */
	animation-iteration-count:initial;
  }

  @keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  

.playButton {
	z-index: 1000;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

header ul{
	list-style: none;
	margin:0;
	padding:0;
}
header a{
	text-decoration: none;
}
/* header */
.header{
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	padding:10px 15px;
    max-width: 100%;
    margin: 0 auto;
}
.header .item-left{
	flex:0 0 5%;
}
.header .logo a{
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
}

.contact-menu-nav > ul:nth-child(3) {
	display: grid;
	-ms-grid-column-span: 2;
	grid-column: span 2;
	grid-template-columns: repeat(auto-fill, 50%);
}

.contact-menu-nav > ul:nth-child(3) p {
	grid-column: 1 / -1;
}

.header .menu > ul > li .sub-menu {
    position: absolute;
    z-index: 500;
    box-shadow: rgb(var(--menu-nav-box-shadow));
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
    border-radius: 20px;
    overflow: auto;
    max-height: 80vh !important;
    width: var(--sub-menu-max-width); /* Adjusted width to account for margin */
    left: 50%;
    transform: translate(-50%, 0px);
    border: 1px solid transparent; /* Ensure a transparent border for fallback */
    -o-border-image: var(--btn-gradient);
       border-image: var(--btn-gradient);
    border-image-slice: 1; /* Specify how the image should be sliced */
	transition: all 0.5s ease;
	transform: translate(-50%, 30px);
}

.text-base {
	font-size: 1rem; /* 16px */
	line-height: 1.5rem; /* 24px */
}

header .display-block {
	display: block;
}

header .mem-btn-in-mobile-menu {
	width: -webkit-fill-available;
    margin: 20px;
    bottom: 0;
    position: absolute;
}

header .cursor-pointer {
    cursor: pointer;
}

.servicesMenu.subNavItemsActive {
	transition: all 0.5s ease;
}
  

@media(min-width: 992px){
	.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
	header .sm-screen-btn {
		display: none;
	}
}

.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}

.header .menu > ul > li .sub-menu > ul > li a{
	margin: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

.header .menu > ul > li .sub-menu > ul > li a:hover .right-animate {
	padding-left: 10px;
}

.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
	/* background: rgb(var(--background-rgb)); */
	border: 1px solid rgb(var(--foreground-rgb));
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 15px;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
}


header .mobile-menu-head,
header .mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 554px){
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
	}
}

@media(max-width: 1279px){
	.header .menu > ul > li .sub-menu {
		left:0;
		transform:translateX(100%);
		margin-right: auto;
		border: none;
		background-image: unset;
		max-height: 180vh !important;
		transition: all 0.5s ease;
	}

	@keyframes slideFromRight {
		from {
		  transform: translateX(100%);
		}
		to {
		  transform: translateX(0);
		}
	  }
	
	  @keyframes slideToRight {
		from {
		  transform: translateX(0);
		}
		to {
		  transform: translateX(100%);
		}
	  }

	  .header .menu > ul > li .sub-menu.active{
		display: block !important;
		animation: slideFromRight 0.5s ease forwards;
	}

	.filled-button {
		width: -webkit-fill-available;
	}

	header .sm-screen-btn {
		display: block;
	}

	.menu-main {
		display: block;
	}

	header .lg-screen-btn {
		display: none;
	}

	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.header .menu > ul {
		padding-top: 10px;
	}

	.header .menu > ul > li .sub-menu > ul > li{
		border-radius: 8px;
	}

	.menu-item-has-children, .menu-item-has-no-children {
		padding: 20px 15px !important;
		margin: 0 20px !important;
	}

	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 90%;
		left: 0;
		top:0;
		/* height: 100vh; */
		overflow: hidden;
		transform: translateX(-100%);
		z-index: 1099;
		transition: all 0.5s ease; /* Add transition duration */
		/* background-color: rgb(var(--background-rgb)); */
	}

	.header .menu > ul > li .single-column-menu{
		border: none;
	}

	.header .menu.active {
		transform: translateX(0%);
		transition: all 0.5s ease; /* Add transition duration */
	}
	
	.header .menu > ul > li{
		line-height: 1;
		display: block;
		transition: all 0.5s;
	}
	
	.header .menu > ul > li > a .menu-nav-arrow {
		position: absolute;
		height: 50px;
		width: 50px;
		/* top:0; */
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		/* background-color: rgb(var(--background-rgb)); */
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		top:0;
	}
	
	.header .menu .mobile-menu-head .go-back{
		visibility: hidden;
		opacity: 0;
	}
	.header .menu .go-back.active{
		visibility: visible;
		opacity: 1;
	}
	.header .menu .mobile-menu-head.active {
		animation: slideFromRight 0.5s ease forwards;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		font-size: 25px;
	}
	
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0 !important;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 70px !important;
		max-width: none;
		min-width: auto !important;
		/* display: none !important; */
		transform: translateX(0%);
		overflow-y: auto !important;
		/* background-color: rgb(var(--background-rgb)) !important; */
	}

	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	/* .header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	} */
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	header .menu-overlay{
		position: fixed;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
	}
	header .menu-overlay.active{
	  /* visibility: visible; */
	  display: block;
	  opacity:1;	
	}
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
		opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
		opacity:0;
		transform: translateX(100%);	
	}
}

// button animation

.fancy {
    --offset: 3px;
}

/* Conic gradient */
.fancy::before { 
    content: '';
    background: conic-gradient(transparent 270deg, white, transparent);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    width: 100%;
    /* animation: rotate 2s linear infinite; */
}

/* Overlay */
.fancy::after {
    content: '';
    background: inherit;
    border-radius: inherit;
    position: absolute;
    inset: var(--offset);
    height: calc(100% - 2 * var(--offset));
    width: calc(100% - 2 * var(--offset));
}

@keyframes rotate {
    from {
        transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
    }

    to {
        transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    }
}

.rotate-animation::before {
    animation: rotate 2s linear forwards; /* Runs once and stops at the end */
}

// loading progress bar

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 5px;
    background-color: #007bff;
    z-index: 9999;
    animation: slideLeft 0.5s ease;
}

@keyframes slideLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 0px) {

  .container {
    max-width: 0px;
  }
}
@media (min-width: 321px) {

  .container {
    max-width: 321px;
  }
}
@media (min-width: 376px) {

  .container {
    max-width: 376px;
  }
}
@media (min-width: 391px) {

  .container {
    max-width: 391px;
  }
}
@media (min-width: 555px) {

  .container {
    max-width: 555px;
  }
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 710px) {

  .container {
    max-width: 710px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 991px) {

  .container {
    max-width: 991px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1367px) {

  .container {
    max-width: 1367px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1661px) {

  .container {
    max-width: 1661px;
  }
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.visible {
  visibility: visible !important;
}
.collapse {
  visibility: collapse !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.inset-0 {
  inset: 0px !important;
}
.-top-16 {
  top: -4rem !important;
}
.-top-28 {
  top: -7rem !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-7 {
  bottom: 1.75rem !important;
}
.left-0 {
  left: 0px !important;
}
.right-0 {
  right: 0px !important;
}
.top-0 {
  top: 0px !important;
}
.top-4 {
  top: 1rem !important;
}
.isolate {
  isolation: isolate !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-\[-1000\] {
  z-index: -1000 !important;
}
.z-\[100\] {
  z-index: 100 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-span-5 {
  grid-column: span 5 / span 5 !important;
}
.row-span-2 {
  grid-row: span 2 / span 2 !important;
}
.row-span-4 {
  grid-row: span 4 / span 4 !important;
}
.row-span-6 {
  grid-row: span 6 / span 6 !important;
}
.row-start-1 {
  grid-row-start: 1 !important;
}
.m-0 {
  margin: 0px !important;
}
.m-auto {
  margin: auto !important;
}
.\!mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.-mx-10 {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-28 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-80 {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}
.-mb-5 {
  margin-bottom: -1.25rem !important;
}
.-mb-6 {
  margin-bottom: -1.5rem !important;
}
.-ml-4 {
  margin-left: -1rem !important;
}
.-mt-10 {
  margin-top: -2.5rem !important;
}
.-mt-4 {
  margin-top: -1rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-2\.5 {
  margin-bottom: 0.625rem !important;
}
.mb-20 {
  margin-bottom: 5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-32 {
  margin-bottom: 8rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-40 {
  margin-bottom: 10rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-56 {
  margin-bottom: 14rem !important;
}
.mb-60 {
  margin-bottom: 15rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-80 {
  margin-top: 20rem !important;
}
.mt-96 {
  margin-top: 24rem !important;
}
.box-border {
  box-sizing: border-box !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.grid {
  display: grid !important;
}
.list-item {
  display: list-item !important;
}
.hidden {
  display: none !important;
}
.\!h-\[200px\] {
  height: 200px !important;
}
.\!h-auto {
  height: auto !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-20 {
  height: 5rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-40 {
  height: 10rem !important;
}
.h-48 {
  height: 12rem !important;
}
.h-52 {
  height: 13rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-96 {
  height: 24rem !important;
}
.h-\[110px\] {
  height: 110px !important;
}
.h-\[330px\] {
  height: 330px !important;
}
.h-\[500px\] {
  height: 500px !important;
}
.h-\[600px\] {
  height: 600px !important;
}
.h-auto {
  height: auto !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-full {
  height: 100% !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-screen {
  height: 100vh !important;
}
.max-h-48 {
  max-height: 12rem !important;
}
.max-h-64 {
  max-height: 16rem !important;
}
.max-h-\[350px\] {
  max-height: 350px !important;
}
.max-h-\[450px\] {
  max-height: 450px !important;
}
.max-h-\[600px\] {
  max-height: 600px !important;
}
.max-h-\[762px\] {
  max-height: 762px !important;
}
.\!w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-11\/12 {
  width: 91.666667% !important;
}
.w-12 {
  width: 3rem !important;
}
.w-14 {
  width: 3.5rem !important;
}
.w-16 {
  width: 4rem !important;
}
.w-2\/5 {
  width: 40% !important;
}
.w-28 {
  width: 7rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-3\/5 {
  width: 60% !important;
}
.w-32 {
  width: 8rem !important;
}
.w-40 {
  width: 10rem !important;
}
.w-52 {
  width: 13rem !important;
}
.w-6\/12 {
  width: 50% !important;
}
.w-60 {
  width: 15rem !important;
}
.w-80 {
  width: 20rem !important;
}
.w-\[200px\] {
  width: 200px !important;
}
.w-\[240px\] {
  width: 240px !important;
}
.w-\[260px\] {
  width: 260px !important;
}
.w-\[280px\] {
  width: 280px !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-screen {
  width: 100vw !important;
}
.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.min-w-full {
  min-width: 100% !important;
}
.max-w-\[1180px\] {
  max-width: 1180px !important;
}
.max-w-\[200px\] {
  max-width: 200px !important;
}
.max-w-\[240px\] {
  max-width: 240px !important;
}
.max-w-\[300px\] {
  max-width: 300px !important;
}
.max-w-\[400px\] {
  max-width: 400px !important;
}
.max-w-\[500px\] {
  max-width: 500px !important;
}
.max-w-\[700px\] {
  max-width: 700px !important;
}
.max-w-\[800px\] {
  max-width: 800px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.flex-none {
  flex: none !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.grow {
  flex-grow: 1 !important;
}
.\!translate-x-0 {
  --tw-translate-x: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-0 {
  --tw-translate-x: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-12 {
  --tw-translate-x: 3rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-8 {
  --tw-translate-x: 2rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-\[-5\%\] {
  --tw-translate-x: -5% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-\[0\%\] {
  --tw-translate-x: 0% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[35\%\] {
  --tw-translate-y: 35% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[55\%\] {
  --tw-translate-y: 55% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[65\%\] {
  --tw-translate-y: 65% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[75\%\] {
  --tw-translate-y: 75% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-rotate-12 {
  --tw-rotate: -12deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-rotate-6 {
  --tw-rotate: -6deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-6 {
  --tw-rotate: 6deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-90 {
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-\[10deg\] {
  --tw-rotate: 10deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-110 {
  --tw-scale-x: 1.1 !important;
  --tw-scale-y: 1.1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-50 {
  --tw-scale-x: .5 !important;
  --tw-scale-y: .5 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-75 {
  --tw-scale-x: .75 !important;
  --tw-scale-y: .75 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-90 {
  --tw-scale-x: .9 !important;
  --tw-scale-y: .9 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@keyframes bounce {

  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite !important;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.resize {
  resize: both !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.content-center {
  align-content: center !important;
}
.content-start {
  align-content: flex-start !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-stretch {
  align-items: stretch !important;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.\!gap-\[4rem\] {
  gap: 4rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-x-16 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.gap-x-4 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.gap-x-8 {
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}
.gap-y-2 {
  row-gap: 0.5rem !important;
}
.gap-y-4 {
  row-gap: 1rem !important;
}
.gap-y-8 {
  row-gap: 2rem !important;
}
.divide-\[\#fae8ff\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(250 232 255 / var(--tw-divide-opacity)) !important;
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity)) !important;
}
.place-self-center {
  place-self: center !important;
}
.self-center {
  align-self: center !important;
}
.overflow-auto {
  overflow: auto !important;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.whitespace-pre-line {
  white-space: pre-line !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-2xl {
  border-radius: 1rem !important;
}
.rounded-3xl {
  border-radius: 1.5rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-tl-full {
  border-top-left-radius: 9999px !important;
}
.rounded-tr-full {
  border-top-right-radius: 9999px !important;
}
.border {
  border-width: 1px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-b-8 {
  border-bottom-width: 8px !important;
}
.border-l-0 {
  border-left-width: 0px !important;
}
.border-r-0 {
  border-right-width: 0px !important;
}
.border-none {
  border-style: none !important;
}
.border-\[\#fae8ff\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 232 255 / var(--tw-border-opacity)) !important;
}
.border-background {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-fuchsia-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 232 255 / var(--tw-border-opacity)) !important;
}
.border-fuchsia-200\/60 {
  border-color: rgb(245 208 254 / 0.6) !important;
}
.border-fuchsia-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 70 239 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-gray-900 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
}
.border-pink-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 168 212 / var(--tw-border-opacity)) !important;
}
.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-t-\[\#eeeeee\] {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(238 238 238 / var(--tw-border-opacity)) !important;
}
.bg-\[\#000000\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#83cc16\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(131 204 22 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#EFDFF4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 223 244 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#fbf3fd\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 243 253 / var(--tw-bg-opacity)) !important;
}
.bg-background {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-background\/50 {
  background-color: rgb(255 255 255 / 0.5) !important;
}
.bg-backgroundCertificationSection {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(206 255 249 / var(--tw-bg-opacity)) !important;
}
.bg-blogs-cloudComputing {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 245 255 / var(--tw-bg-opacity)) !important;
}
.bg-blogs-cyberSecurity {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 241 255 / var(--tw-bg-opacity)) !important;
}
.bg-blogs-microsoft365 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 255 234 / var(--tw-bg-opacity)) !important;
}
.bg-blogs-migrations {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 255 253 / var(--tw-bg-opacity)) !important;
}
.bg-foreground {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-fuchsia-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity)) !important;
}
.bg-fuchsia-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 171 252 / var(--tw-bg-opacity)) !important;
}
.bg-fuchsia-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.bg-lime-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity)) !important;
}
.bg-newsletterSection {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 241 255 / var(--tw-bg-opacity)) !important;
}
.bg-pink-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 168 212 / var(--tw-bg-opacity)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.from-background {
  --tw-gradient-from: rgb(255, 255, 255) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-fuchsia-100 {
  --tw-gradient-to: #fae8ff var(--tw-gradient-to-position) !important;
}
.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.p-0 {
  padding: 0px !important;
}
.p-0\.5 {
  padding: 0.125rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-40 {
  padding: 10rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-\[4\%\] {
  padding: 4% !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.pb-28 {
  padding-bottom: 7rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-40 {
  padding-bottom: 10rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pb-60 {
  padding-bottom: 15rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-12 {
  padding-top: 3rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-24 {
  padding-top: 6rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-60 {
  padding-top: 15rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.text-center {
  text-align: center !important;
}
.\!text-\[18px\] {
  font-size: 18px !important;
}
.\!text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-\[12px\] {
  font-size: 12px !important;
}
.text-\[17px\] {
  font-size: 17px !important;
}
.text-\[180px\] {
  font-size: 180px !important;
}
.text-\[18px\] {
  font-size: 18px !important;
}
.text-\[2rem\] {
  font-size: 2rem !important;
}
.text-\[4rem\] {
  font-size: 4rem !important;
}
.text-\[60px\] {
  font-size: 60px !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-h1 {
  font-size: 76px !important;
  line-height: 114px !important;
}
.text-h2 {
  font-size: 64px !important;
  line-height: 80px !important;
}
.text-h3 {
  font-size: 46px !important;
  line-height: 58px !important;
}
.text-h4 {
  font-size: 30px !important;
  line-height: 38px !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-paragraph {
  font-size: 22px !important;
  line-height: 28px !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.\!font-bold {
  font-weight: 700 !important;
}
.font-black {
  font-weight: 900 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.leading-10 {
  line-height: 2.5rem !important;
}
.leading-\[2\.8rem\] {
  line-height: 2.8rem !important;
}
.leading-\[4\.8rem\] {
  line-height: 4.8rem !important;
}
.leading-normal {
  line-height: 1.5 !important;
}
.text-amber-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(245 158 11 / var(--tw-text-opacity)) !important;
}
.text-background {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-foreground {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-fuchsia-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(217 70 239 / var(--tw-text-opacity)) !important;
}
.text-fuchsia-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(192 38 211 / var(--tw-text-opacity)) !important;
}
.text-fuchsia-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(112 26 117 / var(--tw-text-opacity)) !important;
}
.text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
.text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.underline {
  text-decoration-line: underline !important;
}
.decoration-fuchsia-500 {
  text-decoration-color: #d946ef !important;
}
.underline-offset-4 {
  text-underline-offset: 4px !important;
}
.underline-offset-8 {
  text-underline-offset: 8px !important;
}
.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.placeholder-slate-400::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity)) !important;
}
.placeholder-slate-400::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity)) !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-fuchsia-500 {
  --tw-shadow-color: #d946ef !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.outline {
  outline-style: solid !important;
}
.outline-0 {
  outline-width: 0px !important;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-inset {
  --tw-ring-inset: inset !important;
}
.ring-pink-200 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(251 207 232 / var(--tw-ring-opacity)) !important;
}
.brightness-0 {
  --tw-brightness: brightness(0) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert-0 {
  --tw-invert: invert(0) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.\!transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.delay-1000 {
  transition-delay: 1000ms !important;
}
.delay-300 {
  transition-delay: 300ms !important;
}
.duration-1000 {
  transition-duration: 1000ms !important;
}
.duration-300 {
  transition-duration: 300ms !important;
}
.duration-500 {
  transition-duration: 500ms !important;
}
.duration-\[300ms\] {
  transition-duration: 300ms !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.\[--offset\:3px\] {
  --offset: 3px;
}

:root {
  --foreground-rgb: 0, 0, 0;
  --background-rgb: 255, 255, 255;
  --grid-bg-color: 255, 255, 255;
  --btn-bg-color: 245,245,180;
  --grid-card-hover-color: 251, 242, 220;
  --grid-card-box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
  --video-container-box-shadow: 0 0 65px -5px rgb(0 0 0 / 30%);
  --grid-section-heading-gradient: linear-gradient( -225deg, #c69e00 0%, #fff93e 29%, #ffd013 67%, #cdc601 100% );
  --menu-nav-box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
  --btn-gradient: linear-gradient(90deg, #B100C0 0%, #0048D3 100%);
  --mobile-menu-bg: 239, 239, 239;
  --filter-value: brightness(0) invert(0);
  --neutral-white: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-rgb: 0, 0, 0;
    --grid-bg-color: 36, 36, 38;
    --btn-bg-color: 0, 0, 0;
    --grid-card-hover-color: 46, 44, 32;
    --grid-card-box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
    --video-container-box-shadow: 0 0 65px 10px rgba(255, 255, 255, 0.2);
    --grid-section-heading-gradient: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    --menu-nav-box-shadow: -2px 2px 70px -25px rgba(255,255,255,0.3);
    --btn-gradient: linear-gradient(90deg, #B100C0 0%, #0048D3 100%);
    --mobile-menu-bg: 18, 18, 18;
    --filter-value: brightness(0) invert(1);
    --neutral-white: 255, 255, 255;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* transition: all 0.2s ease; */
}

body {
  -webkit-font-smoothing: antialiased;
  margin: 20px 0;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu !important;
  font-display: swap;
  transition: all 0.5s ease-in-out;
  padding: 0px;
  scrollbar-width: none;
}

/* global.css */

/* Apply antialiased font smoothing to all headings */
h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; /* Optional: For Firefox */
}

/* Apply antialiased font smoothing to all paragraphs */
p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; /* Optional: For Firefox */
}

body::-webkit-scrollbar {
    display: none;
}

.bgColorGlobal {
  background-color: rgb(var(--background-rgb));
}

.textColorGlobal {
  color: rgb(var(--foreground-rgb));
}

.bgInvert {
  background-color: rgb(var(--foreground-rgb));
}

.textInvert {
  background-color: rgb(var(--background-rgb));
}

/* .textGradient {
  background: var(--text-gradient);
} */

.imageContainer {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.filled-button, .sectionHarpreetAvailability {
	background: var(--btn-gradient);
	color: rgb(var(--neutral-white));
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}

.hireHarpreetFocusAsset .asset {
  width: -webkit-fill-available;
  display: flex;
  justify-content: center;
}

/* Globals Responsive Grid CSS start */

@media only screen and (min-width: 0px) and (max-width: 320px){
  .max-parent-grid-container-width {
    max-width: 304px;
  }
  
  :root {
    --sub-menu-max-width: 304px;
  }
}

@media only screen and (min-width: 321px) and (max-width: 375px){
  .max-parent-grid-container-width {
    max-width: 345px;
  }  

  :root {
    --sub-menu-max-width: 345px;
  }
}

@media only screen and (min-width: 376px) and (max-width: 390px){
  .max-parent-grid-container-width {
    max-width: 350px;
  }
  
  :root {
    --sub-menu-max-width: 350px;
  }
}

@media only screen and (min-width: 391px) and (max-width: 554px){
  .max-parent-grid-container-width {
    max-width: 390px;
  }  

  :root {
    --sub-menu-max-width: 390px;
  }
}

@media only screen and (min-width: 555px) and (max-width: 709px){
  .max-parent-grid-container-width {
    max-width: 90%;
  }  

  :root {
    --sub-menu-max-width: 90%;
  }
}

@media only screen and (min-width: 710px) and (max-width: 990px){
  .max-parent-grid-container-width {
    max-width: 702px;
  }  

  :root {
    --sub-menu-max-width: 702px;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1279px){
  .max-parent-grid-container-width {
    max-width: 860px;
  }  

  :root {
    --sub-menu-max-width: 860px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px){
  .max-parent-grid-container-width {
    max-width: 1180px;
  }  

  :root {
    --sub-menu-max-width: 1180px;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1600px){
  .max-parent-grid-container-width {
    max-width: 1300px;
  }  
  
  :root {
    --sub-menu-max-width: 1300px;
  }
}

@media only screen and (min-width: 1661px) {
  .max-parent-grid-container-width {
    max-width: 1540px;
  }  

  :root {
    --sub-menu-max-width: 1540px;
  }
}

/* Globals Responsive Grid CSS end */










/* ------------------------------------------------------------------------ */


/* Template - Globals Responsive Grid CSS start

@media only screen and (min-width: 0px) and (max-width: 320px){

}

@media only screen and (min-width: 321px) and (max-width: 375px){

}

@media only screen and (min-width: 376px) and (max-width: 390px){

}

@media only screen and (min-width: 391px) and (max-width: 554px){

}

@media only screen and (min-width: 555px) and (max-width: 709px){

}

@media only screen and (min-width: 710px) and (max-width: 990px){

}

@media only screen and (min-width: 991px) and (max-width: 1279px){

}

@media only screen and (min-width: 1280px) and (max-width: 1366px){

}

@media only screen and (min-width: 1367px) and (max-width: 1600px){

}

@media only screen and (min-width: 1661px) {

}

Globals Responsive Grid CSS end */


.before\:bg-foreground::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}


.before\:\!bg-gradient-linear-light::before {
  content: var(--tw-content) !important;
  background-image: linear-gradient(196.35deg, #f9f9f9 16.7%, #fdfdfd 82.55%) !important;
}


.after\:bg-foreground::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}


.after\:\!bg-gradient-linear-light::after {
  content: var(--tw-content) !important;
  background-image: linear-gradient(196.35deg, #f9f9f9 16.7%, #fdfdfd 82.55%) !important;
}


.invalid\:border-pink-500:invalid {
  --tw-border-opacity: 1 !important;
  border-color: rgb(236 72 153 / var(--tw-border-opacity)) !important;
}


.invalid\:text-pink-600:invalid {
  --tw-text-opacity: 1 !important;
  color: rgb(219 39 119 / var(--tw-text-opacity)) !important;
}


.hover\:translate-x-\[-5\%\]:hover {
  --tw-translate-x: -5% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:translate-x-\[0\%\]:hover {
  --tw-translate-x: 0% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:translate-x-\[10\%\]:hover {
  --tw-translate-x: 10% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:translate-y-\[0\%\]:hover {
  --tw-translate-y: 0% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:translate-y-\[3\%\]:hover {
  --tw-translate-y: 3% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:translate-y-\[5\%\]:hover {
  --tw-translate-y: 5% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:-rotate-3:hover {
  --tw-rotate: -3deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:rotate-12:hover {
  --tw-rotate: 12deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:rotate-6:hover {
  --tw-rotate: 6deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:scale-125:hover {
  --tw-scale-x: 1.25 !important;
  --tw-scale-y: 1.25 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.hover\:cursor-pointer:hover {
  cursor: pointer !important;
}


.hover\:border-fuchsia-500:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 70 239 / var(--tw-border-opacity)) !important;
}


.hover\:border-fuchsia-600:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(192 38 211 / var(--tw-border-opacity)) !important;
}


.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}


.hover\:bg-pink-300:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 168 212 / var(--tw-bg-opacity)) !important;
}


.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important;
}


.hover\:py-7:hover {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}


.hover\:text-fuchsia-600:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(192 38 211 / var(--tw-text-opacity)) !important;
}


.hover\:text-fuchsia-800:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(134 25 143 / var(--tw-text-opacity)) !important;
}


.hover\:underline:hover {
  text-decoration-line: underline !important;
}


.hover\:opacity-100:hover {
  opacity: 1 !important;
}


.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}


.focus\:border-sky-500:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(14 165 233 / var(--tw-border-opacity)) !important;
}


.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}


.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}


.focus\:ring-sky-500:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity)) !important;
}


.focus\:invalid\:border-pink-500:invalid:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(236 72 153 / var(--tw-border-opacity)) !important;
}


.focus\:invalid\:ring-pink-500:invalid:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity)) !important;
}


.active\:font-bold:active {
  font-weight: 700 !important;
}


.disabled\:border-slate-200:disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important;
}


.disabled\:bg-slate-50:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important;
}


.disabled\:text-slate-500:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(100 116 139 / var(--tw-text-opacity)) !important;
}


.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}


.group:hover .group-hover\:-translate-y-2 {
  --tw-translate-y: -0.5rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}


.group:hover .group-hover\:bg-\[\#F0C8FB\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 200 251 / var(--tw-bg-opacity)) !important;
}


.group:hover .group-hover\:text-foreground {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}


.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}


:is(.dark .dark\:divide-\[\#B100C0\]\/50) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(177 0 192 / 0.5) !important;
}


:is(.dark .dark\:divide-gray-800) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity)) !important;
}


:is(.dark .dark\:divide-gray-900) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-divide-opacity)) !important;
}


:is(.dark .dark\:border) {
  border-width: 1px !important;
}


:is(.dark .dark\:border-\[\#2c0230\]) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(44 2 48 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-\[\#66086F\]) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(102 8 111 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-\[\#B100C0\]\/30) {
  border-color: rgb(177 0 192 / 0.3) !important;
}


:is(.dark .dark\:border-background-dark) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-black) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-fuchsia-950) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(74 4 78 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-fuchsia-950\/40) {
  border-color: rgb(74 4 78 / 0.4) !important;
}


:is(.dark .dark\:border-gray-700) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-gray-800) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(31 41 55 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-gray-900) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:border-pink-800\/50) {
  border-color: rgb(157 23 77 / 0.5) !important;
}


:is(.dark .dark\:border-white\/30) {
  border-color: rgb(255 255 255 / 0.3) !important;
}


:is(.dark .dark\:border-t-\[\#333333\]\/80) {
  border-top-color: rgb(51 51 51 / 0.8) !important;
}


:is(.dark .dark\:\!bg-foreground\/90) {
  background-color: rgb(0 0 0 / 0.9) !important;
}


:is(.dark .dark\:bg-\[\#130014\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 0 20 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#2C0430\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(44 4 48 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#2c0230\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(44 2 48 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#3E0443\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 4 67 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#a2e635\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(162 230 53 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#bef264\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(190 242 100 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-\[\#eeeeee\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-background) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-background-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-backgroundCertificationSection-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(3 27 25 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-blogs-cloudComputing-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 34 40 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-blogs-cyberSecurity-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 13 41 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-blogs-microsoft365-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(56 59 41 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-blogs-migrations-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 42 40 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-foreground-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-foreground\/20) {
  background-color: rgb(0 0 0 / 0.2) !important;
}


:is(.dark .dark\:bg-fuchsia-950\/20) {
  background-color: rgb(74 4 78 / 0.2) !important;
}


:is(.dark .dark\:bg-fuchsia-950\/30) {
  background-color: rgb(74 4 78 / 0.3) !important;
}


:is(.dark .dark\:bg-fuchsia-950\/40) {
  background-color: rgb(74 4 78 / 0.4) !important;
}


:is(.dark .dark\:bg-fuchsia-950\/80) {
  background-color: rgb(74 4 78 / 0.8) !important;
}


:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-lime-300) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(190 242 100 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-lime-400) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(163 230 53 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-newsletterSection-dark) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 13 41 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:bg-pink-800\/50) {
  background-color: rgb(157 23 77 / 0.5) !important;
}


:is(.dark .dark\:bg-slate-700) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:from-foreground) {
  --tw-gradient-from: rgb(0, 0, 0) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}


:is(.dark .dark\:to-fuchsia-950\/50) {
  --tw-gradient-to: rgb(74 4 78 / 0.5) var(--tw-gradient-to-position) !important;
}


:is(.dark .dark\:text-background-dark) {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}


:is(.dark .dark\:text-foreground-dark) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


:is(.dark .dark\:text-fuchsia-200) {
  --tw-text-opacity: 1 !important;
  color: rgb(245 208 254 / var(--tw-text-opacity)) !important;
}


:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}


:is(.dark .dark\:opacity-20) {
  opacity: 0.2 !important;
}


:is(.dark .dark\:ring-pink-500) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity)) !important;
}


:is(.dark .dark\:ring-pink-800\/50) {
  --tw-ring-color: rgb(157 23 77 / 0.5) !important;
}


:is(.dark .dark\:invert) {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}


:is(.dark .before\:dark\:bg-background)::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}


:is(.dark .before\:dark\:\!bg-gradient-linear-dark)::before {
  content: var(--tw-content) !important;
  background-image: linear-gradient(196.35deg, #5B062A 16.7%, #1B023A 82.55%) !important;
}


:is(.dark .after\:dark\:bg-background)::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}


:is(.dark .after\:dark\:\!bg-gradient-linear-dark)::after {
  content: var(--tw-content) !important;
  background-image: linear-gradient(196.35deg, #5B062A 16.7%, #1B023A 82.55%) !important;
}


:is(.dark .dark\:hover\:border-fuchsia-500:hover) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 70 239 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:hover\:border-fuchsia-600:hover) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(192 38 211 / var(--tw-border-opacity)) !important;
}


:is(.dark .dark\:hover\:bg-fuchsia-950\/40:hover) {
  background-color: rgb(74 4 78 / 0.4) !important;
}


:is(.dark .dark\:hover\:bg-gray-900:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:hover\:bg-neutral-900:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:hover\:bg-pink-800\/50:hover) {
  background-color: rgb(157 23 77 / 0.5) !important;
}


:is(.dark .hover\:dark\:bg-black):hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}


:is(.dark .dark\:hover\:text-fuchsia-500:hover) {
  --tw-text-opacity: 1 !important;
  color: rgb(217 70 239 / var(--tw-text-opacity)) !important;
}


:is(.dark .dark\:hover\:shadow-fuchsia-950:hover) {
  --tw-shadow-color: #4a044e !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}


:is(.dark .group:hover .dark\:group-hover\:bg-\[\#3E0443\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 4 67 / var(--tw-bg-opacity)) !important;
}


:is(.dark .group:hover .dark\:group-hover\:bg-\[\#66086F\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(102 8 111 / var(--tw-bg-opacity)) !important;
}


:is(.dark .group:hover .dark\:group-hover\:text-background) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


@media (min-width: 640px) {

  .sm\:gap-8 {
    gap: 2rem !important;
  }

  .sm\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
}


@media (min-width: 0px) and (max-width: 320px) {

  .smPhone\:gap-2 {
    gap: 0.5rem !important;
  }
}


@media (min-width: 321px) and (max-width: 375px) {

  .mdPhone\:gap-3 {
    gap: 0.75rem !important;
  }

  .mdPhone\:gap-3\.6 {
    gap: 0.938rem !important;
  }
}


@media (min-width: 376px) and (max-width: 390px) {

  .lgPhone\:bottom-32 {
    bottom: 8rem !important;
  }

  .lgPhone\:gap-2 {
    gap: 0.5rem !important;
  }

  .lgPhone\:gap-2\.5 {
    gap: 0.625rem !important;
  }
}


@media (min-width: 391px) and (max-width: 554px) {

  .xlPhone\:gap-2 {
    gap: 0.5rem !important;
  }

  .xlPhone\:gap-2\.5 {
    gap: 0.625rem !important;
  }
}


@media (min-width: 555px) and (max-width: 709px) {

  .flexScreen\:bottom-32 {
    bottom: 8rem !important;
  }

  .flexScreen\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .flexScreen\:gap-2 {
    gap: 0.5rem !important;
  }

  .flexScreen\:gap-2\.5 {
    gap: 0.625rem !important;
  }

  .flexScreen\:text-\[100px\] {
    font-size: 100px !important;
  }

  .flexScreen\:text-\[40px\] {
    font-size: 40px !important;
  }

  .flexScreen\:text-\[60px\] {
    font-size: 60px !important;
  }
}


@media (min-width: 710px) and (max-width: 990px) {

  .smTablet\:bottom-32 {
    bottom: 8rem !important;
  }

  .smTablet\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .smTablet\:scale-75 {
    --tw-scale-x: .75 !important;
    --tw-scale-y: .75 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .smTablet\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .smTablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .smTablet\:gap-4 {
    gap: 1rem !important;
  }

  .smTablet\:gap-4\.5 {
    gap: 1.125rem !important;
  }

  .smTablet\:text-\[120px\] {
    font-size: 120px !important;
  }

  .smTablet\:text-\[40px\] {
    font-size: 40px !important;
  }

  .smTablet\:text-\[80px\] {
    font-size: 80px !important;
  }
}


@media (min-width: 991px) and (max-width: 1279px) {

  .lgTablet\:bottom-32 {
    bottom: 8rem !important;
  }

  .lgTablet\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .lgTablet\:scale-75 {
    --tw-scale-x: .75 !important;
    --tw-scale-y: .75 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .lgTablet\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .lgTablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lgTablet\:gap-5 {
    gap: 1.25rem !important;
  }

  .lgTablet\:text-\[100px\] {
    font-size: 100px !important;
  }

  .lgTablet\:text-\[140px\] {
    font-size: 140px !important;
  }

  .lgTablet\:text-\[40px\] {
    font-size: 40px !important;
  }
}


@media (min-width: 1280px) and (max-width: 1366px) {

  .smLaptop\:gap-5 {
    gap: 1.25rem !important;
  }

  .smLaptop\:gap-8 {
    gap: 2rem !important;
  }
}


@media (min-width: 1367px) and (max-width: 1600px) {

  .lgLaptop\:max-h-\[500px\] {
    max-height: 500px !important;
  }

  .lgLaptop\:max-h-\[750px\] {
    max-height: 750px !important;
  }

  .lgLaptop\:gap-5 {
    gap: 1.25rem !important;
  }
}


@media (min-width: 555px) {

  .min555px\:scale-125 {
    --tw-scale-x: 1.25 !important;
    --tw-scale-y: 1.25 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .min555px\:scale-150 {
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .min555px\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}


@media (min-width: 710px) {

  .min710px\:m-2 {
    margin: 0.5rem !important;
  }
}


@media (min-width: 991px) {

  .min991px\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .min991px\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


@media (min-width: 1280px) {

  .min1280px\:visible {
    visibility: visible !important;
  }

  .min1280px\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .min1280px\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .min1280px\:row-start-5 {
    grid-row-start: 5 !important;
  }

  .min1280px\:mb-24 {
    margin-bottom: 6rem !important;
  }

  .min1280px\:grid {
    display: grid !important;
  }

  .min1280px\:hidden {
    display: none !important;
  }

  .min1280px\:h-96 {
    height: 24rem !important;
  }

  .min1280px\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .min1280px\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .min1280px\:justify-end {
    justify-content: flex-end !important;
  }

  .min1280px\:gap-4 {
    gap: 1rem !important;
  }

  .min1280px\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
  }

  .min1280px\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .min1280px\:py-40 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .min1280px\:text-\[2rem\] {
    font-size: 2rem !important;
  }

  .min1280px\:text-h1 {
    font-size: 76px !important;
    line-height: 114px !important;
  }

  .min1280px\:leading-\[2\.8rem\] {
    line-height: 2.8rem !important;
  }

  .min1280px\:hover\:scale-110:hover {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .min1280px\:group-hover\:scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .min1280px\:group-hover\:scale-110 {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .min1280px\:group-hover\:scale-125 {
    --tw-scale-x: 1.25 !important;
    --tw-scale-y: 1.25 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .min1280px\:group-hover\:pt-2 {
    padding-top: 0.5rem !important;
  }

  .group:hover .min1280px\:group-hover\:pt-4 {
    padding-top: 1rem !important;
  }
}


@media (min-width: 1367px) {

  .min1367px\:gap-10 {
    gap: 2.5rem !important;
  }

  .min1367px\:text-h2 {
    font-size: 64px !important;
    line-height: 80px !important;
  }
}


@media (min-width: 1661px) {

  .min1661px\:max-h-\[550px\] {
    max-height: 550px !important;
  }

  .min1661px\:max-h-\[900px\] {
    max-height: 900px !important;
  }

  .min1661px\:gap-12 {
    gap: 3rem !important;
  }

  .group:hover .min1661px\:group-hover\:scale-125 {
    --tw-scale-x: 1.25 !important;
    --tw-scale-y: 1.25 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .min1661px\:group-hover\:pt-8 {
    padding-top: 2rem !important;
  }
}


@media (max-width: 375px) {

  .max375px\:bottom-10 {
    bottom: 2.5rem !important;
  }

  .max375px\:max-w-\[300px\] {
    max-width: 300px !important;
  }
}


@media (max-width: 554px) {

  .max554px\:my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .max554px\:mb-10 {
    margin-bottom: 2.5rem !important;
  }

  .max554px\:mb-4 {
    margin-bottom: 1rem !important;
  }

  .max554px\:mr-0 {
    margin-right: 0px !important;
  }

  .max554px\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .max554px\:max-h-\[500px\] {
    max-height: 500px !important;
  }

  .max554px\:w-full {
    width: 100% !important;
  }

  .max554px\:max-w-\[190px\] {
    max-width: 190px !important;
  }

  .max554px\:max-w-\[400px\] {
    max-width: 400px !important;
  }

  .max554px\:scale-110 {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .max554px\:flex-col {
    flex-direction: column !important;
  }

  .max554px\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .max554px\:gap-2 {
    gap: 0.5rem !important;
  }

  .max554px\:gap-2\.5 {
    gap: 0.625rem !important;
  }

  .max554px\:gap-5 {
    gap: 1.25rem !important;
  }

  .max554px\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .max554px\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .max554px\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .max554px\:text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }

  .max554px\:text-\[30px\] {
    font-size: 30px !important;
  }

  .max554px\:text-\[80px\] {
    font-size: 80px !important;
  }

  .max554px\:text-h4 {
    font-size: 30px !important;
    line-height: 38px !important;
  }

  .max554px\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  .max554px\:font-black {
    font-weight: 900 !important;
  }
}


@media (max-width: 709px) {

  .max709px\:order-last {
    order: 9999 !important;
  }

  .max709px\:mb-12 {
    margin-bottom: 3rem !important;
  }

  .max709px\:ml-0 {
    margin-left: 0px !important;
  }

  .max709px\:\!flex {
    display: flex !important;
  }

  .max709px\:hidden {
    display: none !important;
  }

  .max709px\:w-full {
    width: 100% !important;
  }

  .max709px\:\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max709px\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max709px\:\!flex-col {
    flex-direction: column !important;
  }

  .max709px\:flex-col {
    flex-direction: column !important;
  }

  .max709px\:gap-y-10 {
    row-gap: 2.5rem !important;
  }

  .max709px\:py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .max709px\:pb-0 {
    padding-bottom: 0px !important;
  }

  .max709px\:pb-10 {
    padding-bottom: 2.5rem !important;
  }

  .max709px\:pt-20 {
    padding-top: 5rem !important;
  }

  .max709px\:text-center {
    text-align: center !important;
  }
}


@media (max-width: 990px) {

  .max990px\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .max990px\:hidden {
    display: none !important;
  }

  .max990px\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}


@media (max-width: 1279px) {

  .max1279px\:visible {
    visibility: visible !important;
  }

  .max1279px\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .max1279px\:row-span-1 {
    grid-row: span 1 / span 1 !important;
  }

  .max1279px\:row-start-auto {
    grid-row-start: auto !important;
  }

  .max1279px\:m-4 {
    margin: 1rem !important;
  }

  .max1279px\:mb-20 {
    margin-bottom: 5rem !important;
  }

  .max1279px\:ml-8 {
    margin-left: 2rem !important;
  }

  .max1279px\:mt-\[200px\] {
    margin-top: 200px !important;
  }

  .max1279px\:flex {
    display: flex !important;
  }

  .max1279px\:hidden {
    display: none !important;
  }

  .max1279px\:h-40 {
    height: 10rem !important;
  }

  .max1279px\:h-\[400px\] {
    height: 400px !important;
  }

  .max1279px\:h-screen {
    height: 100vh !important;
  }

  .max1279px\:w-full {
    width: 100% !important;
  }

  .max1279px\:auto-rows-auto {
    grid-auto-rows: auto !important;
  }

  .max1279px\:\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .max1279px\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max1279px\:flex-col {
    flex-direction: column !important;
  }

  .max1279px\:flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .max1279px\:items-start {
    align-items: flex-start !important;
  }

  .max1279px\:items-center {
    align-items: center !important;
  }

  .max1279px\:justify-center {
    justify-content: center !important;
  }

  .max1279px\:gap-2 {
    gap: 0.5rem !important;
  }

  .max1279px\:divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
  }

  .max1279px\:bg-fuchsia-200\/60 {
    background-color: rgb(245 208 254 / 0.6) !important;
  }

  .max1279px\:bg-fuchsia-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 244 255 / var(--tw-bg-opacity)) !important;
  }

  .max1279px\:\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .max1279px\:\!py-3\.5 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }

  .max1279px\:pb-12 {
    padding-bottom: 3rem !important;
  }

  .max1279px\:pb-80 {
    padding-bottom: 20rem !important;
  }

  .max1279px\:pt-5 {
    padding-top: 1.25rem !important;
  }

  .max1279px\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }

  .max1279px\:text-h2 {
    font-size: 64px !important;
    line-height: 80px !important;
  }

  .max1279px\:hover\:bg-fuchsia-200\/60:hover {
    background-color: rgb(245 208 254 / 0.6) !important;
  }

  :is(.dark .max1279px\:dark\:bg-\[\#130014\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(19 0 20 / var(--tw-bg-opacity)) !important;
  }
}


@media (max-width: 1366px) {

  .max1366px\:text-h3 {
    font-size: 46px !important;
    line-height: 58px !important;
  }
}


@media (max-height: 600px) {

  .smallHeightLaptop\:hidden {
    display: none !important;
  }
}