/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

button:focus, 
input:focus, 
a:focus {
  outline: none; /* Remove focus outline */
  box-shadow: none; /* Remove box-shadow */
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Light.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Regular.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Medium.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Semibold.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/GraphikWeb-Bold.woff2') format('woff2'),
        url('../fonts/GraphikWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#smooth-wrapper {
    overflow: visible;
    position: relative;
}

body:not(.smooth-active) .stickyElement {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 1020;
}

body.smooth-active #smooth-wrapper {
    overflow: hidden;
}

body.smooth-active #smooth-content {
    will-change: transform;
}

.icon,
.icon-sm,
.icon-md,
.icon-lg,
.icon-link {
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
}

.icon-sm   { width: 0.9em;  height: 0.9em; }
.icon-md   { width: 1.2em;  height: 1.2em; }
.icon-lg   { width: 1.5em;  height: 1.5em; }
.icon-link { width: 1.05em; height: 1.05em; }

.fa-secondary {
    opacity: .4
}

.link-cg {
  color: var(--bs-cadet-grey) !important;
  text-decoration: none;
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.link-cg:hover,
.link-cg:focus {
  color: var(--bs-cadet-grey-hover) !important;
  text-decoration: underline;
  text-decoration-color: var(--bs-cadet-grey-hover);
}

.button-underline {
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    border-bottom-style: solid;
    padding-bottom: 0.5rem;
    text-decoration: none;
    border-width: 3px;
    transition: all 0.2s ease-in-out;
    font-size: 1.25rem;
}

.underline-to {
    border-color: var(--bs-tennessee-orange) !important;
    transition: border-color 0.3s ease;
}

.underline-to:hover {
    border-color: #e76e00 !important;
}

.bg-card {
    background-color: rgb(10 10 10 / 17%);
}

.text-to {
  color: var(--bs-tennessee-orange) !important;
}

.bg-to {
  background-color: var(--bs-tennessee-orange) !important;
}

.text-bg-to {
  color: #fff !important;
  background-color: var(--bs-tennessee-orange) !important;
}

.btn-to {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-tennessee-orange);
  --bs-btn-border-color: var(--bs-tennessee-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e76e00;
  --bs-btn-hover-border-color: #cf6900;
  --bs-btn-focus-shadow-rgb: var(--bs-tennessee-orange-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c76400;
  --bs-btn-active-border-color: #b65e00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-tennessee-orange);
  --bs-btn-disabled-border-color: var(--bs-tennessee-orange);
}

.text-pb {
  color: var(--bs-prussianblue) !important;
}

.text-cg {
  color: var(--bs-cadet-grey) !important;
}

.bg-cg {
  background-color: var(--bs-cadet-grey) !important;
}

.text-bg-cg {
  color: #fff !important;
  background-color: var(--bs-cadet-grey) !important;
}

.bg-pb {
  background-color: var(--bs-prussianblue) !important;
}

.text-bg-pb {
  color: #fff !important;
  background-color: var(--bs-prussianblue) !important;
}

.bg-darkgrey {
    background-color: #0e0e0e;
}

body:not(.ontouch) .hvr-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

body:not(.ontouch) .hvr-forward:hover,
body:not(.ontouch) .hvr-forward:focus,
body:not(.ontouch) .hvr-forward:active {
	-webkit-transform: translateX(8px);
	transform: translateX(8px);
}

body:not(.ontouch) .hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

body:not(.ontouch) .hvr-icon-forward .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

body:not(.ontouch) .hvr-icon-forward:hover .hvr-icon,
body:not(.ontouch) .hvr-icon-forward:focus .hvr-icon,
body:not(.ontouch) .hvr-icon-forward:active .hvr-icon {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}

.border-opacity-15 {
    --bs-border-opacity: 0.15;
}

/* ++++++++++++++++++++ Index ++++++++++++++++++++ */

#header {
	padding-top: 13rem !important;
	padding-bottom: 13rem !important;
}

@media (max-width: 991.98px) {
	#header {
		padding-top: 9rem !important;
		padding-bottom: 9rem !important;
	}
}

.hp-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	opacity: 0.4;
	z-index: -1;
	background: url(/img/hp-bg.webp) center top / cover no-repeat;
}

.item-business,
.item-g-ads,
.item-seo,
.item-mail,
.item-content {
    transition: all 0.33s ease-in-out 0s;
}

.item-business:after,
.item-g-ads:after,
.item-seo:after,
.item-mail:after,
.item-content:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	filter: grayscale(1);
	opacity: 0;
	transition: opacity 0.33s ease-in-out;
	background-repeat: no-repeat;
	background-position: right center;
}

.item-business:after {
	background-image: url(/img/business-mini.webp);
}

.item-g-ads:after {
	background-image: url(/img/g-ads-mini.webp);
}

.item-mail:after {
	background-image: url(/img/mail-mini.webp);
}

.item-seo:after {
	background-image: url(/img/seo-mini.webp);
}

.item-content:after {
	background-image: url(/img/content-mini.webp);
}

@media (min-width: 992px) {
	.item-business:hover:after,
	.item-g-ads:hover:after,
	.item-seo:hover:after,
	.item-mail:hover:after,
	.item-content:hover:after {
		opacity: 1;
	}
	
    .item-business:hover,
	.item-g-ads:hover,
	.item-seo:hover,
	.item-mail:hover,
	.item-content:hover {
        border-color: #f77f00 !important;
	}
}

.hover.item-business:after,
.hover.item-g-ads:after,
.hover.item-seo:after,
.hover.item-mail:after,
.hover.item-content:after {
	opacity: 1;
}

.hover.item-business,
.hover.item-g-ads,
.hover.item-seo,
.hover.item-mail,
.hover.item-content {
    border-color: #f77f00 !important;
}

@media(max-width: 1399.98px) {
	.stats-container:nth-child(even) {
		border-right: 0 !important;
	}
}

@media (max-width: 991.98px) {
    .item-business:after,
    .item-g-ads:after,
    .item-seo:after,
    .item-mail:after,
    .item-content:after {
        background-size: cover;
    }
    
	.stats-container {
		border-right: 0 !important;
		background-color: rgba(10, 10, 10, 0.17);
	}
}

/* ++++++++++++++++++++ Circles ++++++++++++++++++++ */

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgb(255 255 255 / 5%);
    animation: animate 25s linear infinite;
    bottom: -150px;
    border-radius: 25%;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
    }
}

/* ++++++++++++++++++++ Navbar ++++++++++++++++++++ */

.backgroundNavBlur {
	background: rgb(10 10 10 / 50%);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.mainMenuHeight {
	height: 55px;
}

.mainMenuNavAction {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	line-height: 1;
}

.mainMenuNavAction:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 1.5px;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: var(--bs-tennessee-orange);
	transition: all 0.45s ease;
	pointer-events: none;
}

@keyframes underlineNavMenu {
	0% {
		background-position: 0% 0%;
	}

	100% {
		background-position: 200% 0%;
	}
}

.mainMenuNavAction:hover:after {
	opacity: 1;
}

.mainMenuNavAction:after {
	opacity: 0;
}

.mainMenuNavAction:hover:after {
	opacity: 1;
}

.mainMenuNavAction.navActionActive:after {
	opacity: 1;
}

.mainMenuContainer:hover .mainMenuNavAction.navActionActive:not(:hover):after {
	opacity: 0;
}

@media (max-width: 1199.98px) {
	.mainMenuNavAction {
		display: none;
	}
}

/* ++++++++++++++++++++ Accordion ++++++++++++++++++++ */

.accordion .collapse,
.accordion .collapsing {
	transition: height 0.45s
}

.accordion .collapse {
	opacity: 0;
	transition: height 0.45s ease-in-out, opacity 0.45s ease-in-out;
}

.accordion .collapse.show {
	opacity: 1;
}

.accordionItem {
	transition: background-color 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}

.accordionItem:hover {
	cursor: pointer;
}

.accordionActive {
	--bs-bg-opacity: 0.10;
    background-color: rgb(10 10 10 / 17%);
}

.accordionItem.accordionActive {
	border-top: 0 !important;
}

.accordionItem.accordionActive+.accordionItem {
	border-top: 0 !important;
}

.accordionItem:not(.accordionActive) h3 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-cadet-grey-rgb), var(--bs-text-opacity)) !important;
	transition: all 0.45s ease-in-out;
}

.accordionItem:not(.accordionActive):hover h3 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
	transition: all 0.45s ease-in-out;
}

.accordionItem:not(.accordionActive):hover h3 svg {
	--bs-text-opacity: 1;
	fill: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
	transition: fill 0.45s ease-in-out;
}

.accordionItem h3 svg {
	transform-origin: center center;
	transform-box: fill-box;
	transition: all 0.45s ease-in-out;
	transform: rotate(0deg);
}

.accordionItem.accordionActive h3 svg {
	fill: #f77f00;
	transform: rotate(180deg);
}

/* ++++++++++++++++++++ About Services ++++++++++++++++++++ */

.img-business {
	width: auto;
	height: 776px;
}

.img-g-ads {
	width: auto;
	height: 780px;
}

.img-mail-marketing {
	width: auto;
	height: 746px;
}

.img-seo {
	width: auto;
	height: 722px;
}

.img-content {
	width: auto;
	height: 680px;
}

.stickyElement {
    will-change: transform;
}

@media (max-width: 1399.98px) {
	#aboutServices {
		padding-bottom: 0 !important;
	}

	.img-business,
	.img-g-ads,
	.img-mail-marketing,
	.img-seo,
	.img-content {
		width: 100%;
		height: auto;
	}
}

/* ++++++++++++++++++++ Services Benefits ++++++++++++++++++++ */

.servicesBenefitsSwiper .swiper-slide {
    --bs-border-opacity: .15;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

body:not(.ontouch) .servicesBenefitsSwiper .swiper-slide:hover {
    background-color: var(--bs-prussianblue) !important;
    border-color: var(--bs-prussianblue) !important;
}

.servicesBenefitsSwiper .swiper-slide svg {
    height: 2.75rem;
    width: auto;
    fill: var(--bs-tennessee-orange);
}

@media(max-width: 1200px) {
    .servicesBenefitsSwiper {
        overflow: initial
    }
}

/* ++++++++++++++++++++ Get in touch section ++++++++++++++++++++ */

.getInTouchBg {
    background: url(../img/get-in-touch-bg.webp) no-repeat center 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    will-change: background-position;
    opacity: 0.15;
    z-index: 1;
}

.getInTouchOverlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, rgba(0, 48, 73, 0.65) 0%, rgba(0, 48, 73, 0) 97%, rgba(0, 48, 73, 0) 100%);
}

@media (max-width: 991.98px) {
    .getInTouchBg {
        background: url(../img/get-in-touch-bg.webp) no-repeat center 50%;
        -webkit-background-size: 250%;
        -moz-background-size: 250%;
        -o-background-size: 250%;
        background-size: 250%;
    }
}

/* ++++++++++++++++++++ Contact ++++++++++++++++++++ */

.contact-bg {
    background: url(../img/contact.webp) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.040;
    will-change: background-position;
}

/* ++++++++++++++++++++ Cookie Policy ++++++++++++++++++++ */

.cookie-policy {
    bottom: 2rem;
    left: 2rem;
    max-width: 550px;
    z-index: 4050
}

@media (max-width:767.98px) {
    .cookie-policy {
        max-width: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
    }
} 

/* ++++++++++++++++++++ Wave ++++++++++++++++++++ */

.wave {
    display: block;
    width: 100%;
    height: 60px;
    max-height: 60px;
    margin: 0;
    z-index: 5;
    bottom: 0;
    position: absolute;
    left: 0px;
    float: left;
}

.parallax-1 > use {
     animation: move-forever-1 6s linear infinite;
}

.parallax-2 > use {
     animation: move-forever-2 13s linear infinite;
}

.parallax-3 > use {
     animation: move-forever-3 11s linear infinite;
}

.parallax-4 > use {
     animation: move-forever-4 10s linear infinite;
}

@keyframes move-forever-1 {
     0% {
         transform: translate(85px, 0%);
    }
     100% {
         transform: translate(-90px, 0%);
    }
}

@keyframes move-forever-2 {
     0% {
         transform: translate(-90px, 0%);
    }
     100% {
         transform: translate(85px, 0%);
    }
}

@keyframes move-forever-3 {
     0% {
         transform: translate(85px, 0%);
    }
     100% {
         transform: translate(-90px, 0%);
    }
}

@keyframes move-forever-4 {
     0% {
         transform: translate(-90px, 0%);
    }
     100% {
         transform: translate(85px, 0%);
    }
}

/* Custom spacing classes – extind Bootstrap spacing scale */

.p-45 {
  padding: 2rem !important;
}

@media (min-width: 576px) {
  .p-sm-45 {
    padding: 2rem !important;
  }
}

@media (min-width: 768px) {
  .p-md-45 {
    padding: 2rem !important;
  }
}

@media (min-width: 992px) {
  .p-lg-45 {
    padding: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .p-xl-45 {
    padding: 2rem !important;
  }
}

@media (min-width: 1400px) {
  .p-xxl-45 {
    padding: 2rem !important;
  }
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-8 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}

/* Opțional: responsive versions */
@media (min-width: 576px) {
    .py-sm-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-sm-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-sm-8 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media (min-width: 768px) {
    .py-md-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-md-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-md-8 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media (min-width: 992px) {
    .py-lg-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-lg-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-lg-8 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media (min-width: 1200px) {
    .py-xl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xl-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-xl-8 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media (min-width: 1400px) {
    .py-xxl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xxl-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-xxl-8 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}