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

/************** GLOBAL ******************/

:root {
	--noir: #0F0F0F;
	--btn-gris: #E7E7E7;
	--blanc: #FFFFFF;

	--dark: #666666;
	--gris-texte: #666666;

	--gris-clair: #F5F5F5;
	--fond-tres-clair: #FCFCFC;

	--main: #FF97D5;
	--rouge: #F94303;
	--rouge-light: #f945032b;

	--orange-dark: #b45309;
	--orange-darker: #dc7b06;
	--orange-normal: #F59E0B;
	--orange-light: #FBF0E3;

	--vert-light: rgba(34, 197, 94, 0.14);
	--vert-dark: #15803d;
	--rouge-light: #ff00001f;
	--rouge-dark: #dc3232;
	--bleu-dark: rgb(37, 99, 235);
	--bleu-light: rgba(59, 130, 246, 0.12);
	--violet-dark: rgb(91, 33, 182);
	--violet-light: rgba(139, 92, 246, 0.14);
	--turquoise-dark: rgb(2, 132, 199);
	--turquoise-light: rgba(14, 165, 233, 0.14);

	--rouge: #dc3232;
	--vert: #46b450;
	--jaune: #856404;
}

body,
button,
input,
select,
textarea {
	font-family: Inter, sans-serif;
	line-height: 1.3;
}

/************** UTILITAIRES ******************/

.row{
	max-width: 1400px;
	padding-left: 60px;
	padding-right: 60px;
	margin: auto;
	width: 100%;
}

.txt-12, .txt-12 * {
	font-size: 12px!important;
	line-height: 1.3;
}

.txt-14, .txt-14 * {
	font-size: 14px!important;
	line-height: 1.3;
}

.txt-16, .txt-16 * {
	font-size: 16px!important;
	line-height: 1.3;
}

.txt-18, .txt-18 * {
	font-size: 18px!important;
	line-height: 1.3;
}

.tit-48, .tit-48 * {
	font-size: 48px!important;
	line-height: 1.3;
}

.tit-36, .tit-36 * {
	font-size: 36px!important;
	line-height: 1.3;
}

.tit-30, .tit-30 * {
	font-size: 30px!important;
	line-height: 1.3;
}

.tit-24, .tit-24 * {
	font-size: 24px!important;
	line-height: 1.3;
}

.tit-20, .tit-20 * {
	font-size: 20px!important;
	line-height: 1.3;
}

.tit-18, .tit-18 * {
	font-size: 18px!important;
	line-height: 1.3;
}

.btn-primary, .btn-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	text-align: center;
	width: fit-content;
}
.btn-primary {
	background: var(--noir)!important;
	color: var(--blanc)!important;
	padding: 12px 30px;
	border-radius: 30px!important;
	font-size: 16px!important;
	font-weight: 600!important;
}
.btn-primary:hover {
	background: #0f0f0fe6!important;
	color: var(--blanc)!important;
}

.btn-secondary {
	background: var(--blanc)!important;
	color: var(--noir)!important;
	padding: 12px 20px;
	border-radius: 12px!important;
	font-size: 14px!important;
	font-weight: 600!important;
}
.btn-secondary:hover {
	background: #ffffffe6!important;
	color: var(--noir)!important;
}

input#gform_submit_button_8 {
	color: white !important;
}

input#gform_submit_button_8:hover {
	color: var(--noir) !important;
}

input#gform_submit_button_5 {
    color: white !important;
}

input#gform_submit_button_5:hover {
    color: var(--noir) !important;
}

input#gform_submit_button_9 {
	color: white !important;
}

input#gform_submit_button_9:hover {
	color: var(--noir) !important;
}

@media (max-width: 991px) {
	.row{
		padding-left: 40px;
		padding-right: 40px;
	}
	.tit-48, .tit-48 * { font-size: 46px!important; }
	.tit-36, .tit-36 * { font-size: 34px!important; }
	.tit-30, .tit-30 * { font-size: 28px!important; }
	.tit-24, .tit-24 * { font-size: 22px!important; }
	.tit-20, .tit-20 * { font-size: 18px!important; }
	.tit-18, .tit-18 * { font-size: 16px!important; }
}

@media (max-width: 767px) {
	.row{
		padding-left: 20px;
		padding-right: 20px;
	}
	.txt-12, .txt-12 * { font-size: 11px!important; }
	.txt-14, .txt-14 * { font-size: 13px!important; }
	.txt-16, .txt-16 * { font-size: 15px!important; }
	.txt-18, .txt-18 * { font-size: 17px!important; }

	.tit-48, .tit-48 * { font-size: 44px!important; }
	.tit-36, .tit-36 * { font-size: 32px!important; }
	.tit-30, .tit-30 * { font-size: 26px!important; }
	.tit-24, .tit-24 * { font-size: 20px!important; }
	.tit-20, .tit-20 * { font-size: 16px!important; }
	.tit-18, .tit-18 * { font-size: 14px!important; }
}

.noir, .noir * {
	color: var(--noir)!important;
}

.gris, .gris * {
	color: var(--gris-texte)!important;
}

.blanc, .blanc * {
	color: var(--blanc)!important;
}

.bg-noir {
	background-color: var(--noir);
}

.bg-blanc {
	background-color: var(--blanc);
}

.bg-gris-clair {
	background-color: var(--gris-clair);
}

.bg-clair {
	background-color: var(--fond-tres-clair);
}

.w-bold {
	font-weight: 600;
}

.w-med {
	font-weight: 500;
}

.w-reg {
	font-weight: 400;
}

.w-light {
	font-weight: 300;
}

.w-thin {
	font-weight: 200;
}

/************** ASTRA PAGES ******************/

@media (min-width: 992px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 60px!important;
    }
}
@media (max-width: 991px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 50px!important;
    }
}
@media (max-width: 768px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 40px!important;
    }
}

/************** FORMULAIRES ******************/

.gform-theme--foundation .gform_fields {
	row-gap: 15px !important;
}

.gform-theme--foundation input[type="submit"] {
	background: var(--noir) !important;
}

#gform_submit_button_2, #gform_submit_button_1 {
    color: var(--blanc) !important;
}
#gform_submit_button_2:hover, #gform_submit_button_1:hover {
    color: var(--noir) !important;
}


/************** ASTRA THEME / PAGES******************/

.ast-addon-cart-wrap {
	border: none !important;
	transform: translate(-6px, 1px);
}

.custom-svg svg{
	fill: none!important;
}
.svg-bg svg{
    padding: 5px;
    background: var(--gris-clair);
    border-radius: 50%;
    aspect-ratio: 1;
}

/************** NEWSLETTER ******************/

input#input_6_1 {
    background: #ffffff1a;
    color: white;
    border-radius: 10Px;
	--gf-local-height: 42Px;
}

#gform_submit_button_6 {
    background: var(--blanc) !important;
    color: var(--noir) !important;
	border-radius: 10Px;
}


/************** FOOTER ******************/

.brnds-footer * {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	line-height: 1.3;
}

.brnds-footer__subtitle {
	margin: 0 0 16px;
	font-weight: 700;
	color: var(--blanc)!important;
}

.brnds-footer__subtitle--caps {
	margin: 0 0 16px;
	font-weight: 700;
	font-size:12px;
	text-transform: uppercase;
}

/* Row 1 – Réassurance */

.brnds-footer__reassurance {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.brnds-footer__reassurance-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	padding: 32px 0;
}

.brnds-footer__reassurance-item {
	display: flex;
	align-items: center;
	justify-content:center;
	gap: 14px;
}

.brnds-footer__reassurance-icon {
	display: flex;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
}

.brnds-footer__reassurance-icon svg {
	width: 100%;
	height: auto;
}

.brnds-footer__reassurance-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}


.brnds-footer__reassurance-text span {
	font-size: 12px;
}
.brnds-footer__reassurance-text strong{
	color: var(--blanc)!important;
}

/* Row 2 – Main */

.brnds-footer__main {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.brnds-footer__main-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
	padding: 56px 0;
}

.brnds-footer__brand {
	max-width: 40%;
}

.brnds-footer__logo {
	margin-bottom: 20px;
	max-width:200px;
}

.brnds-footer__tagline {
	margin: 0 0 28px;
	line-height: 1.3;
}

.brnds-footer__newsletter {
	margin-bottom: 28px;
}

.brnds-footer__social {
	display: flex;
	gap: 10px;
	margin-bottom: 32px;
}

.brnds-footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	transition: background 0.2s ease;
}

.brnds-footer__social-link:hover {
	background: rgba(255, 255, 255, 0.16);
}

.brnds-footer__social-link svg {
	width: 16px;
	height: 16px;
}

.brnds-footer__contact-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.brnds-footer__contact-item {
	 color: white !important;
}
.brnds-footer__contact-horaires {
    margin-top: 20px;
}

.brnds-footer__nav {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	gap: 48px;
}

.brnds-footer__menu-col {
	min-width: 120px;
}

.brnds-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.brnds-footer__menu li {
	margin: 0 0 10px;
}

.brnds-footer__menu a {
	font-size: 14px;
	text-decoration: none;
	transition: color 0.2s ease;
}

.brnds-footer__menu a:hover {
	color: var(--blanc);
}

/* Row 3 – Mentions */

.brnds-footer__mentions-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 20px 0;
	flex-wrap:wrap;
}
.brnds-footer__legal-links {
    display: inline-flex;
    gap: 10px;
}
.brnds-footer__legal {
	display: inline-flex;
    gap: 10px;
}
.brnds-footer__legal-links a {
	color: rgba(255, 255, 255, 0.45);
	text-decoration: none;
	transition: color 0.2s ease;
}
.brnds-footer__legal-links a:hover {
	color: var(--blanc);
}

.brnds-footer__payments {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
}
.brnds-footer__payments-list span{
	padding: 5px 8px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.08);
    display: inline-flex;
    margin: 4px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
}

footer div#gform_fields_6{
	display: flex;
	max-width: 400px;
}
footer #field_6_1 {
    width: 100%;
}

footer .gform-theme--foundation #field_submit{
	position:relative;
	width: 50px !important;
}
footer #gform_submit_button_6 {
	width: 50px !important;
    height: 100%;
    position: absolute;
    color: transparent !important;
}
footer .gform-theme--foundation #field_submit:after{
	content:"";
	width: 24px !important;
	transform:translatex(-50%);
    height: 100%;
    position: absolute;
	left:50%;
	top:0%;
	background-image:url("/wp-content/uploads/2026/06/envelop.svg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	pointer-events: none;
}

@media (max-width: 1200px) {
	.brnds-footer__nav{
		flex-wrap: wrap;
	}
	.brnds-footer__menu-col{
		min-width: unset;
    	width: calc(50% - 25px);
	}
}
@media (max-width: 991px) {
	.brnds-footer__reassurance-grid {
		grid-template-columns: repeat(2, 1fr);
	}


	.brnds-footer__main-inner {
		flex-direction: column;
	}

	.brnds-footer__brand {
		max-width: none;
		width: 100%;
		align-items: center;
        display: flex;
        flex-direction: column;
	}

	.brnds-footer__nav {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 32px;
	}
	
	.brnds-footer__newsletter{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	footer div#gform_fields_6{
		max-width: 100%;
    	width: 400px;
	}
	.brnds-footer__mentions-inner{
		gap: 18px;
    	flex-direction: column;
	}
	
	.brnds-footer__payments {
		flex-direction:column;
		width: 100%;
		text-align:center;
	}
	
	.brnds-footer__legal {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.brnds-footer__logo {
		max-width: 180px;
	}
	.brnds-footer__reassurance-grid {
		grid-template-columns: 1fr;
	}
	.brnds-footer__main-inner{
		padding: 40px 0;
	}
	.brnds-footer__mentions-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.brnds-footer__nav {
		flex-direction: column;
		align-items: center;
		gap: 28px;
	}
	.brnds-footer__newsletter-form{
		    width: 100%;
	}
	footer div#gform_fields_6 {
		width: 100%;
	}
	footer #field_submit {
		margin-left: 5px;
	}
}



/************** HEADER ******************/

/***** MEGA MENU *****/
#mega-menu-wrap-primary * {
    font-family: 'Inter' !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    position: fixed;
    width: 1400px;
    left: calc((100vw - 1400px) / 2);
	padding: 20px 10px;
	box-shadow:rgba(50, 50, 93, 0.25) 0px 25px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.widget_media_image {
    padding-bottom: 0 !important;
}
.widget_media_image img{
	border-radius:15px;
	aspect-ratio: 3 / 4;
    object-fit: cover;
	transition:0.3s ease-in-out!important;
}
.widget_media_image img:hover{
	transform: scale(1.035);
}
.col-menu-img .mega-menu-item a{
	text-align:center!important;
}

.col-menu-list > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform: uppercase !important;
	margin-bottom:12px!important;
}
.col-menu-list > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
	display:flex!important;
	flex-direction:column;
	gap:8px;
}
.col-menu-list > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu a{
    font-weight: 400!important;
	transition:0.3s ease-in-out!important;
}
.col-menu-list > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu a:hover{
	text-decoration:underline!important;
}


#mega-menu-wrap-primary .new, .main-header-bar-navigation .new{
	padding:5px 8px;
	background:var(--main);
	color:var(--noir);
	font-weight:600;
	border-radius:5px;
	margin-left:5px;
	font-size:10px!important;
	text-decoration:none!important;
}

@media screen and (max-width:1400px){
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: 100vw!important;
		left: 0!important;
	}
}


/***** HEADER ACTIONS *****/

.brnds-header-actions-wrap {
	position: relative;
}

.brnds-header-actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.brnds-header-actions__item {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 40px;
	padding: 0!important;
	border-width: 0!important;
	background: transparent!important;
	color: var(--noir)!important;
	text-decoration: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.brnds-header-actions__item:hover,
.brnds-header-actions__item:focus-visible {
	opacity: 0.7;
}

.brnds-header-actions__item svg {
	width: 22px;
	height: 22px;
}

.brnds-header-actions__count {
	position: absolute;
	top: 4px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--main);
	color: var(--noir);
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

/* Recherche desktop */
.search-menu-desktop {
	display: flex;
	align-items: center;
	min-width: 220px;
	max-width: 320px;
}

.search-menu-desktop .is-search-form,
.search-menu-desktop form {
	width: 100%;
	margin: 0;
}

.search-menu-desktop input[type="search"],
.search-menu-desktop .is-search-input {
	width: 100%;
	height: 40px;
	padding: 0 14px 0 34px;
	border: 1px solid #e5e5e5!important;
	border-radius: 999px;
	background: var(--gris-clair);
	color: var(--noir)!important;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.search-menu-desktop input[type="search"]::placeholder,
.search-menu-desktop .is-search-input::placeholder {
	color: var(--gris-texte)!important;
}
.search-menu-desktop .is-form-style label:after{
	content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/07/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.search-menu-desktop input[type="search"]:focus,
.search-menu-desktop .is-search-input:focus {
	border-color: var(--noir);
	background: var(--blanc);
}

.search-menu-mobile {
	display: none;
	box-shadow: none;
}

/* Popup recherche mobile */
.brnds-search-popup {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 24px 16px;
}

.brnds-search-popup[hidden] {
	display: none !important;
}

.brnds-search-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 15, 15, 0.55);
}

.brnds-search-popup__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 560px;
	margin-top: 12vh;
	padding: 20px 16px 24px;
	border-radius: 16px;
	background: var(--blanc);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
}

.brnds-search-popup__close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0!important;
	border-width: 0!important;
	border-radius: 50%;
	background-color: var(--gris-clair)!important;
	color: var(--noir)!important;
	cursor: pointer;
}

.brnds-search-popup__close svg {
	width: 18px;
	height: 18px;
}

.brnds-search-popup__form {
	padding: 40px 0 30px ; 
}

.brnds-search-popup__form .is-search-form,
.brnds-search-popup__form form {
	width: 100%;
	margin: 0;
}

.brnds-search-popup__form input[type="search"],
.brnds-search-popup__form .is-search-input {
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: var(--gris-clair);
	color: var(--noir);
	font-size: 16px;
	outline: none;
}

.brnds-search-popup__form input[type="search"]:focus,
.brnds-search-popup__form .is-search-input:focus {
	border-color: var(--noir);
	background: var(--blanc);
}

.brnds-search-popup__form span{
	text-align:center;
	font-size:18px;
	font-weight:600;
	display:flex;
	justify-content: center;
	margin-bottom:20Px;
}

body.brnds-popup-open {
	overflow: hidden;
}

@media (max-width: 1200px) {
	.search-menu-desktop {
		display: none;
	}

	.search-menu-mobile {
		display: inline-flex;
	}
}

@media (min-width: 1201px) {
	.brnds-search-popup:not([hidden]) {
		display: none !important;
	}
}

/* IVORY SEARCH */

#is-ajax-search-result-3120 {
    background: transparent !important;
}
#is-ajax-search-result-3120 .is-ajax-search-items {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 18px !important;
}
.is-ajax-search-post, .is-ajax-search-post-details{
	border-bottom: 1px solid #eceff17d;
}

/***** MENU ASTRA *****/

.ast-mobile-popup-drawer .ast-mobile-popup-header{
	justify-content: start;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close,
.menu-toggle:focus{
	border-style: none!important;
	outline:0!important;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle{
	padding: 0!important;
}
.ast-menu-toggle {
    color: unset !important;
    background: unset !important;
    border-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap{
		min-height: 70px;
	}	
}

/* Menu mobile ouvert */
body.ast-popup-nav-open {
    overflow: hidden;
}

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{
	display:flex!important
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle[aria-expanded="true"]{
	opacity:0;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header{
	min-height: 58px!important;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    top: 0px;
	box-shadow: none!important;
	background:transparent!important;
}
.ast-mobile-popup-drawer.active .ast-mobile-popup-overlay{
	opacity:0!important;
}
.ast-mobile-popup-content{
	height: 100%;
    background: white;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close{
	padding:5px 20px!important;
	align-self:center;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close{
	font-size: 30px!important;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close svg {
    width: 22px!important;
	height: 22px!important;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg{
	opacity:0;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow{
	position:relative;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:after {
    content: "_";
    position: absolute;
	top:50%;
    left: 0;
    font-size: 18px !important;
    height: fit-content;
	line-height: normal;
    transform: translateY(-88%);
}