.elementor-kit-6{--e-global-color-primary:#FAB82C;--e-global-color-secondary:#D6EAF9;--e-global-color-text:#2D2D2D;--e-global-color-accent:#61CE70;--e-global-color-82224e2:#D4E4F7;--e-global-color-24e84fd:#FAF7F4;--e-global-color-9bac719:#FFD166;--e-global-color-9d22cbe:#FFFFFF;--e-global-color-55327ff:#1A1A1A;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-9bac719 );font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:var( --e-global-color-text );border-radius:25% 25% 25% 25%;padding:8px 16px 8px 16px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Quicksand", Sans-serif;font-size:120px;font-weight:700;}.elementor-kit-6 h2{font-family:"Quicksand", Sans-serif;font-size:96px;font-weight:700;line-height:84px;}.elementor-kit-6 h3{font-family:"Quicksand", Sans-serif;font-size:64px;line-height:84px;}.elementor-kit-6 h4{font-family:"Quicksand", Sans-serif;font-size:24px;font-weight:500;line-height:36px;}.elementor-kit-6 h5{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6 h1{font-size:100px;}.elementor-kit-6 h2{font-size:80px;}.elementor-kit-6 h3{font-size:50px;}.elementor-kit-6 h4{font-size:20px;}}@media(max-width:1200px){.elementor-kit-6 h1{font-size:80px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h2{font-size:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Quicksand:Quicksand; --Inter:Inter; --Yellow:#FAB82C; --Yellow2:#F1B434; --BlueButton:#5BA6FF; --BlueGra:#D4E4F7; --BlueGra2:#E8EEF6; --BlueGra3:#FAF7F4; --YellowLight:#FFD166; --Dark:#1A1A1A; --white:#FFFFFF; --Charcoal:#2D2D2D; --Brown:#7a4a00; } /* Start custom CSS */a { color:initial;} .cloud { position: relative; } /*Time to animate*/ .x { right: 0px; -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x1 { top:0; right: 200px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } /*variable speed, opacity, and position of clouds for realistic effect*/ .x2 { right: 200px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; /*opacity proportional to the size*/ /*Speed will also be proportional to the size and opacity*/ /*More the speed. Less the time in 's' = seconds*/ -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x3 { right: -180px; top: -200px; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); opacity: 0.85; /*opacity proportional to the size*/ -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x4 { right: 470px; top: 300px; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.75; /*opacity proportional to the size*/ -webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; -o-animation: moveclouds 30s linear infinite; } .x5 { right: 50px; top:150px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } .x6 { right: 250px; bottom:-80px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } @-webkit-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } @-moz-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } @-o-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } .cloud_border { filter: drop-shadow(0px 5px 5px rgba(0,0,0,.15)) drop-shadow(0px 5px 5px rgba(0,0,0,.12)); } @keyframes float1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(6px, -10px); } 50% { transform: translate(12px, 0px); } 75% { transform: translate(6px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes float2 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-8px, 10px); } 50% { transform: translate(-14px, 0px); } 75% { transform: translate(-8px, -10px); } 100% { transform: translate(0px, 0px); } } @keyframes float3 { 0% { transform: translate(0px, 0px); } 30% { transform: translate(10px, -8px); } 60% { transform: translate(4px, 8px); } 100% { transform: translate(0px, 0px); } } .cloud-1 { top: 30px; left: 0px; animation: float1 5s ease-in-out infinite; } .cloud-2 { top: 20px; right: 80px; animation: float2 6s ease-in-out infinite; } .cloud-3 { top: 100px; left: 20px; animation: float3 7s ease-in-out infinite; } .bonjour-button{transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease,background .16s ease}.bonjour-button:hover{transform:translateY(-2px)}.bonjour-button:active{transform:translateY(0)} .bonjour-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.bonjour-card:hover{transform:translateY(-6px)} :focus-visible{outline:3px solid #5BA6FF;outline-offset:3px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}} .curveimage::after { content:' '; position: absolute;left:-5px; width: 105%; bottom:-15px; background-image:url('https://bonjour.liquidhostings.com/wp-content/uploads/2026/06/blue-curve.png'); background-size:cover; height:50px; z-index:10px; display:block;} .curveimage { position: relative; display:inline-block; overflow:hidden;} .franchise_sec .elementor-shape-bottom { z-index: 0 !important;} .cloud-shape { background-color: #F8F7F5; -webkit-mask-image: url('https://bonjour.liquidhostings.com/wp-content/uploads/2026/06/white-cloud.svg'); mask-image: url('https://bonjour.liquidhostings.com/wp-content/uploads/2026/06/white-cloud.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .boxshadow:hover { box-shadow: 0 24px 52px -22px rgba(45,55,82,.28); } .cloud-bubble svg { filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4)); } @media screen and (max-width: 1200px) { .e-n-menu-wrapper {background-color: #FFF!important; padding:15px;} .e-n-menu-title-container, .e-n-menu-title-text { width: 100%; text-align:center !important; display:block !important;} } .cky-btn { border-radius: 25px !important; } .cky-btn-customize {border-color: #FAB82C !important; color:#000 !important;} .cky-btn-accept, .cky-btn-reject {background-color:#FAB82C !important; border-color: #FAB82C !important; color:#000 !important;}/* End custom CSS */