```html
`, `<body>`, and other necessary elements when incorporating this content into a full HTML document.
</div>
<div class="mbr-section-btn" style="display: none">
<a class="btn btn-primary display-7" target="_blank">
Get Started
</a>
</div>
</div>
</div>
</section>
</div>
</div>
<style>
.cid-uDHPfJXvGA {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfJXvGA .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfJXvGA .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uDHPfJXvGA .row {
margin: 0 !important;
row-gap: 30px;
}
.cid-uDHPfJXvGA .item-img {
display: flex;
justify-content: flex-start;
width: 50%;
padding: 0 !important;
}
.cid-uDHPfJXvGA .item-img img {
height: 680px;
max-width: 580px;
width: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-img img {
height: 350px;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-img {
width: 100%;
}
}
.cid-uDHPfJXvGA .item-text {
width: 50%;
padding: 0 !important;
}
@media (max-width: 1500px) {
.cid-uDHPfJXvGA .item-text {
padding-left: 40px !important;
}
}
@media (max-width: 1199px) {
.cid-uDHPfJXvGA .item-text {
padding-left: 25px !important;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-text {
width: 100%;
padding: 0 !important;
}
}
.cid-uDHPfJXvGA .card-title {
color: #131313;
}
.cid-uDHPfJXvGA .content-box {
display: flex;
flex-direction: column;
row-gap: 24px;
margin-top: 60px;
}
@media (max-width: 1399px) {
.cid-uDHPfJXvGA .content-box {
margin-top: 40px;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .content-box {
margin-top: 20px;
}
}
.cid-uDHPfJXvGA .item-wrapper {
width: 100%;
}
.cid-uDHPfJXvGA .card-subtitle {
color: #000000;
}
.cid-uDHPfJXvGA .card-subtitle a {
pointer-events: none;
}
.cid-uDHPfJXvGA .card-text {
margin-top: 20px;
color: #000000;
}
@media (max-width: 767px) {
.cid-uDHPfJXvGA .card-text {
margin-top: 15px;
}
}
.cid-uDHPfJXvGA .mbr-section-btn {
margin-top: 30px;
}
@media (max-width: 1399px) {
.cid-uDHPfJXvGA .mbr-section-btn {
margin-top: 15px;
}
}
.cid-uDHPfJXvGA .card-title,
.cid-uDHPfJXvGA .mbr-section-btn {
color: #000000;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="contact2 map1 calmm5 cid-uDHPfK24ho" id="contact-form-1-uDHPfK24ho">
<div class="mbr-fallback-image disabled" style="display: none">
</div>
<div class="mbr-overlay" style="display: none; opacity: 0.8; background-color: rgb(255, 255, 255)">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-form" id="contact_us">
<div class="text-box">
<h3 class="mbr-section-title mbr-fonts-style mb-0 display-5">
Get in touch with us
</h3>
<h4 class="mbr-section-subtitle mbr-fonts-style mb-0 display-4" style="display: none">
Risus nec feugiat in fermentum. Eget gravida cum sociis natoque penatibus et
magnis. Magnis dis parturient montes nascetur.
</h4>
</div>
<div class="mbr-form">
<form class="mbr-form form-with-styler" id="jsonForm" method="POST">
<div class="dragArea row">
<div class="col-lg-6 col-md-12 col-sm-12 form-group mb-3" data-for="name">
<input class="form-control display-7" data-form-field="name" id="name-form" name="name" placeholder="Name" required="" type="text" value=""/>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 form-group mb-3" data-for="email">
<input class="form-control display-7" data-form-field="email" id="email-form" name="email" placeholder="Email" required="" type="email" value=""/>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3" data-for="message">
<textarea class="form-control display-7" data-form-field="message" name="message" placeholder="Message"></textarea>
</div>
<div class="col-auto mbr-section-btn">
<button class="btn btn-primary display-7" type="submit">
Send
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK24ho {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfK24ho .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfK24ho .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
@media (min-width: 1025px) {
.cid-uDHPfK24ho .map-wrapper {
padding-right: 80px !important;
}
}
@media (max-width: 991px) {
.cid-uDHPfK24ho .map-wrapper {
height: 650px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.cid-uDHPfK24ho .map-wrapper {
height: 400px;
}
}
.cid-uDHPfK24ho .google-map {
height: 100%;
position: relative;
}
.cid-uDHPfK24ho .google-map iframe {
height: 100%;
width: 100%;
}
.cid-uDHPfK24ho .google-map [data-state-details] {
color: #6b6763;
height: 1.5em;
margin-top: -0.75em;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.cid-uDHPfK24ho .google-map[data-state] {
background: #e9e5dc;
}
.cid-uDHPfK24ho .google-map[data-state="loading"] [data-state-details] {
display: none;
}
.cid-uDHPfK24ho .text-box {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho .text-box {
margin-bottom: 24px;
}
}
.cid-uDHPfK24ho .mbr-section-title {
color: #000000;
}
.cid-uDHPfK24ho .mbr-section-subtitle {
margin-top: 20px;
color: #131313;
}
.cid-uDHPfK24ho form {
width: 100%;
}
.cid-uDHPfK24ho form .dragArea.row {
justify-content: flex-start;
width: auto !important;
z-index: 2;
}
.cid-uDHPfK24ho form p {
color: #131313;
}
.cid-uDHPfK24ho form .mbr-section-btn {
margin-top: 0;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho form .mbr-section-btn {
margin-top: 14px;
}
}
.cid-uDHPfK24ho form .mbr-section-btn .btn {
border-radius: 3px !important;
}
.cid-uDHPfK24ho form .form-group {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho form .form-group {
margin-bottom: 30px !important;
}
}
.cid-uDHPfK24ho form .form-control {
height: 66px;
border: none !important;
border-bottom: 2px solid #000000 !important;
box-shadow: none;
outline: none !important;
border-radius: 0 !important;
margin-bottom: 0;
padding: 20px 12px 20px 0;
font-size: 18px;
line-height: 24px;
color: #131313;
background: transparent;
font-weight: 400;
transition: 0.3s;
}
.cid-uDHPfK24ho form .form-control::-webkit-input-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control::-moz-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control:-moz-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control:-ms-input-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form select {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea {
height: 120px !important;
min-height: 120px !important;
padding: 20px 12px 20px 0;
resize: none;
}
.cid-uDHPfK24ho form textarea::-webkit-input-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea::-moz-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea:-moz-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea:-ms-input-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form input,
.cid-uDHPfK24ho form textarea {
transition: 0.3s all;
}
.cid-uDHPfK24ho form input:active,
.cid-uDHPfK24ho form textarea:active,
.cid-uDHPfK24ho form input:focus,
.cid-uDHPfK24ho form textarea:focus {
background-color: transparent !important;
border: none !important;
border-bottom: 2px solid #000000 !important;
box-shadow: none !important;
outline: none !important;
}
.cid-uDHPfK24ho form input:active::-webkit-input-placeholder,
.cid-uDHPfK24ho form textarea:active::-webkit-input-placeholder,
.cid-uDHPfK24ho form input:focus::-webkit-input-placeholder,
.cid-uDHPfK24ho form textarea:focus::-webkit-input-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active::-moz-placeholder,
.cid-uDHPfK24ho form textarea:active::-moz-placeholder,
.cid-uDHPfK24ho form input:focus::-moz-placeholder,
.cid-uDHPfK24ho form textarea:focus::-moz-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active:-moz-placeholder,
.cid-uDHPfK24ho form textarea:active:-moz-placeholder,
.cid-uDHPfK24ho form input:focus:-moz-placeholder,
.cid-uDHPfK24ho form textarea:focus:-moz-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active:-ms-input-placeholder,
.cid-uDHPfK24ho form textarea:active:-ms-input-placeholder,
.cid-uDHPfK24ho form input:focus:-ms-input-placeholder,
.cid-uDHPfK24ho form textarea:focus:-ms-input-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form .row {
flex-wrap: wrap;
margin-left: -12px !important;
margin-right: -12px !important;
}
.cid-uDHPfK24ho form .row [class*="col"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
.cid-uDHPfK24ho form label {
width: 100%;
color: #000000;
margin-bottom: 12px;
}
.cid-uDHPfK24ho form .form-check label {
color: #000000;
}
.cid-uDHPfK24ho form .form-check-input {
border-color: #131313 !important;
outline: none !important;
box-shadow: none !important;
background-color: transparent !important;
}
.cid-uDHPfK24ho form .form-check-input:focus,
.cid-uDHPfK24ho form .form-check-input:hover {
background-color: transparent !important;
border-color: #fc7942 !important;
}
.cid-uDHPfK24ho form .form-check-input:checked {
border-color: #fc7942 !important;
background-color: #fc7942 !important;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="article1 calmm5 cid-uDHPfK3ysa" id="contacts-1-uDHPfK3ysa">
<div class="mbr-fallback-image disabled" style="display: none">
</div>
<div class="mbr-overlay" style="display: none; opacity: 0.7; background-color: rgb(255, 255, 255)">
</div>
<div class="container">
<div class="text-box col-md-12 col-lg-12">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
Contact Us Anytime
</h3>
<h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-0 display-7">
We love to hear from you
</h4>
<a>
<p class="mbr-text align-center mbr-fonts-style mb-0 display-5">
info@instinctivechoice.click
</p>
</a>
<div class="mbr-section-btn align-center" style="display: none">
<a class="btn btn-primary display-4">
GET STARTED
</a>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK3ysa {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfK3ysa .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfK3ysa .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uDHPfK3ysa .container,
.cid-uDHPfK3ysa .container-fluid {
padding: 0 !important;
}
.cid-uDHPfK3ysa .container {
max-width: 1440px;
}
.cid-uDHPfK3ysa .text-box {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
padding: 20px;
min-height: 480px;
margin: 0 auto;
background-color: #7bf1a8;
}
@media (max-width: 991px) {
.cid-uDHPfK3ysa .text-box {
min-height: 400px;
padding: 50px 20px;
}
}
@media (max-width: 767px) {
.cid-uDHPfK3ysa .text-box {
padding: 50px 10px;
}
}
.cid-uDHPfK3ysa .mbr-section-title {
color: #000000;
}
.cid-uDHPfK3ysa .mbr-section-subtitle {
margin-top: 20px;
color: #131313;
}
.cid-uDHPfK3ysa .mbr-text {
margin-top: 44px;
color: #000000;
text-decoration: underline;
}
@media (max-width: 767px) {
.cid-uDHPfK3ysa .mbr-text {
margin-top: 20px;
}
}
.cid-uDHPfK3ysa .mbr-section-btn {
margin-top: 34px;
}
.cid-uDHPfK3ysa .mbr-section-subtitle,
.cid-uDHPfK3ysa .mbr-section-btn {
color: #000000;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="footer2 calmm5 cid-uDHPfK3vqv" id="footer-1-uDHPfK3vqv" once="footers">
<div class="mbr-overlay" style="display: none; opacity: 0.6; background-color: rgb(217, 224, 221)">
</div>
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© 2025 Instinctive Choice
</p>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK3vqv {
padding-top: 30px;
padding-bottom: 30px;
background-color: #d2f1f0;
overflow: hidden;
}
.cid-uDHPfK3vqv .mbr-text {
color: #131313;
}
.cid-uDHPfK3vqv .media-container-row .mbr-text {
color: #000000;
}
</style>
</div>
</div>
<input style="display: none" type="text"/>
<style name="theme-styles">
body {
background-color: #f4fefd;
}
.is-builder .template {
background-color: #f4fefd;
}
body {
font-family: Source Serif 4;
}
.display-1 {
font-family: "Source Serif 4", sans-serif;
font-size: 6.8rem;
line-height: 1.15;
}
.display-1 > .mbr-iconfont {
font-size: 8.5rem;
}
.display-2 {
font-family: "Source Serif 4", sans-serif;
font-size: 4.125rem;
line-height: 1.15;
}
.display-2 > .mbr-iconfont {
font-size: 5.15625rem;
}
.display-4 {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
}
.display-4 > .mbr-iconfont {
font-size: 1.875rem;
}
.display-5 {
font-family: "Source Serif 4", sans-serif;
font-size: 2.5rem;
line-height: 1.4;
}
.display-5 > .mbr-iconfont {
font-size: 3.125rem;
}
.display-7 {
font-family: "Source Serif 4", sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.display-7 > .mbr-iconfont {
font-size: 1.40625rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
.display-1 {
font-size: 5.44rem;
}
}
@media (max-width: 768px) {
.display-1 {
font-size: 4.76rem;
font-size: calc(3.03rem + (6.8 - 3.03) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.1 * (3.03rem + (6.8 - 3.03) * ((100vw - 20rem) / (48 - 20))));
}
.display-2 {
font-size: 3.3rem;
font-size: calc(2.09375rem + (4.125 - 2.09375) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.3 * (2.09375rem + (4.125 - 2.09375) * ((100vw - 20rem) / (48 - 20))));
}
.display-4 {
font-size: 1.2rem;
font-size: calc(1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
}
.display-5 {
font-size: 2rem;
font-size: calc(1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20))));
}
.display-7 {
font-size: 0.9rem;
font-size: calc(1.04375rem + (1.125 - 1.04375) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.04375rem + (1.125 - 1.04375) * ((100vw - 20rem) / (48 - 20))));
}
}
/* Buttons */
.btn {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-sm {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-md {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-lg {
padding: 1rem 2.6rem;
border-radius: 4px;
}
.bg-primary {
background-color: #ffef9f !important;
}
.bg-success {
background-color: #83e8b9 !important;
}
.bg-info {
background-color: #74e1f7 !important;
}
.bg-warning {
background-color: #ffda6c !important;
}
.bg-danger {
background-color: #e9828c !important;
}
.btn-primary,
.btn-primary:active {
background-color: #ffef9f !important;
border: 2px solid #131313 !important;
color: #9f8400 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
color: #9f8400 !important;
background-color: #ffef9f !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #9f8400 !important;
background-color: #ffe148 !important;
border-color: #ffe148 !important;
}
.btn-secondary,
.btn-secondary:active {
background-color: #7bf1a8 !important;
border: 2px solid #131313 !important;
color: #0a632c !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
color: #0a632c !important;
background-color: #7bf1a8 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #0a632c !important;
background-color: #2de974 !important;
border-color: #2de974 !important;
}
.btn-info,
.btn-info:active {
background-color: #74e1f7 !important;
border: 2px solid #131313 !important;
color: #065666 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
color: #065666 !important;
background-color: #74e1f7 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-info.disabled,
.btn-info:disabled {
color: #065666 !important;
background-color: #22cff2 !important;
border-color: #22cff2 !important;
}
.btn-success,
.btn-success:active {
background-color: #83e8b9 !important;
border: 2px solid #131313 !important;
color: #115b39 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
color: #115b39 !important;
background-color: #83e8b9 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-success.disabled,
.btn-success:disabled {
color: #115b39 !important;
background-color: #3ada90 !important;
border-color: #3ada90 !important;
}
.btn-warning,
.btn-warning:active {
background-color: #ffda6c !important;
border: 2px solid #131313 !important;
color: #6c5100 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
color: #6c5100 !important;
background-color: #ffda6c !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #6c5100 !important;
background-color: #ffc415 !important;
border-color: #ffc415 !important;
}
.btn-danger,
.btn-danger:active {
background-color: #e9828c !important;
border: 2px solid #131313 !important;
color: #ffffff !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
color: #ffffff !important;
background-color: #e9828c !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #ffffff !important;
background-color: #dc3848 !important;
border-color: #dc3848 !important;
}
.btn-white,
.btn-white:active {
background-color: #ffffff !important;
border: 2px solid #131313 !important;
color: #808080 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
color: #808080 !important;
background-color: #ffffff !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-white.disabled,
.btn-white:disabled {
color: #808080 !important;
background-color: #d4d4d4 !important;
border-color: #d4d4d4 !important;
}
.btn-black,
.btn-black:active {
background-color: #131313 !important;
border: 2px solid #131313 !important;
color: #ffffff !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
color: #ffffff !important;
background-color: #131313 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-black.disabled,
.btn-black:disabled {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffef9f;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
color: #ffe148 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
color: #9f8400 !important;
background-color: #ffef9f !important;
border-color: #ffef9f !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #7bf1a8;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
color: #2de974 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
color: #0a632c !important;
background-color: #7bf1a8 !important;
border-color: #7bf1a8 !important;
}
.btn-info-outline,
.btn-info-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #74e1f7;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
color: #22cff2 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
color: #065666 !important;
background-color: #74e1f7 !important;
border-color: #74e1f7 !important;
}
.btn-success-outline,
.btn-success-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #83e8b9;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
color: #3ada90 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
color: #115b39 !important;
background-color: #83e8b9 !important;
border-color: #83e8b9 !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffda6c;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
color: #ffc415 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
color: #6c5100 !important;
background-color: #ffda6c !important;
border-color: #ffda6c !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #e9828c;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
color: #dc3848 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
color: #ffffff !important;
background-color: #e9828c !important;
border-color: #e9828c !important;
}
.btn-black-outline,
.btn-black-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #131313;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
color: #000000 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
color: #ffffff !important;
background-color: #131313 !important;
border-color: #131313 !important;
}
.btn-white-outline,
.btn-white-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
color: #d4d4d4 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
color: #808080 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
}
.text-primary {
color: #ffef9f !important;
}
.text-secondary {
color: #7bf1a8 !important;
}
.text-success {
color: #83e8b9 !important;
}
.text-info {
color: #74e1f7 !important;
}
.text-warning {
color: #ffda6c !important;
}
.text-danger {
color: #e9828c !important;
}
.text-white {
color: #ffffff !important;
}
.text-black {
color: #131313 !important;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
color: #ffde39 !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
color: #1fe76b !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
color: #2dd888 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
color: #14ccf1 !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
color: #ffc006 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
color: #da2b3c !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
color: #cccccc !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
position: relative;
background-image: transparent;
background-size: 10000px 2px;
background-repeat: no-repeat;
background-position: 0px 1.2em;
background-position: -10000px 1.2em;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
transition: background-position 2s ease-in-out;
background-image: linear-gradient(currentColor 50%, currentColor 50%);
background-position: 0px 1.2em;
}
.nav-tabs .nav-link.active {
color: #ffef9f;
}
.nav-tabs .nav-link:not(.active) {
color: #131313;
}
.alert-success {
background-color: #70c770;
}
.alert-info {
background-color: #74e1f7;
}
.alert-warning {
background-color: #ffda6c;
}
.alert-danger {
background-color: #e9828c;
}
.mbr-gallery-filter li.active .btn {
background-color: #ffef9f;
border-color: #ffef9f;
color: #b99a00;
}
.mbr-gallery-filter li.active .btn:focus {
box-shadow: none;
}
a,
a:hover {
color: #ffef9f;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
color: #ffffff;
}
/* Scroll to top button*/
.scrollToTop_wraper {
display: none;
}
.form-control {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
}
.form-control > .mbr-iconfont {
font-size: 1.875rem;
}
.form-control:hover,
.form-control:focus {
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px,
rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
border-color: #ffef9f !important;
}
.form-control:-webkit-input-placeholder {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
}
.form-control:-webkit-input-placeholder > .mbr-iconfont {
font-size: 1.875rem;
}
blockquote {
border-color: #ffef9f;
}
/* Forms */
.jq-selectbox li:hover,
.jq-selectbox li.selected {
background-color: #ffef9f;
color: #000000;
}
.jq-number__spin {
transition: 0.25s ease;
}
.jq-number__spin:hover {
border-color: #ffef9f;
}
.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
transition: 0.4s;
border-top-color: #353535;
border-bottom-color: #353535;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
border-top-color: #ffef9f;
border-bottom-color: #ffef9f;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
color: #000000 !important;
background-color: #ffef9f !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
color: #000000 !important;
background: #7bf1a8 !important;
box-shadow: none !important;
}
.lazy-bg {
background-image: none !important;
}
.lazy-placeholder:not(section),
.lazy-none {
display: block;
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: auto;
}
iframe.lazy-placeholder,
.lazy-placeholder:after {
content: "";
position: absolute;
width: 200px;
height: 200px;
background: transparent no-repeat center;
background-size: contain;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23ffef9f' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
section.lazy-placeholder:after {
opacity: 0.5;
}
body {
overflow-x: hidden;
}
a {
transition: 0.3s all;
font-weight: 600 !important;
}
a:hover {
background-image: none !important;
}
.container {
max-width: 1440px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1600px) {
.container {
max-width: 1320px;
}
}
@media (max-width: 1399px) {
.container {
max-width: 1140px;
}
}
@media (max-width: 1199px) {
.container {
max-width: 960px;
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 991px) {
.container {
max-width: 720px;
}
}
@media (max-width: 767px) {
.container {
max-width: 540px;
}
}
@media (max-width: 575px) {
.container {
max-width: 100%;
}
}
.container,
.container-small {
max-width: 1480px;
padding-left: 20px;
padding-right: 20px;
position: relative;
word-wrap: break-word;
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1500px) {
.container,
.container-small {
max-width: 1180px;
}
}
@media (max-width: 1024px) {
.container,
.container-small {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.container,
.container-small {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.container,
.container-small {
padding-left: 10px;
padding-right: 10px;
}
}
.container-fluid {
max-width: 1724px;
padding-left: 12px;
padding-right: 12px;
}
.row {
margin-left: -12px;
margin-right: -12px;
justify-content: center;
}
.row > [class*="col"] {
padding-left: 12px;
padding-right: 12px;
}
b,
strong {
font-weight: 600 !important;
}
.mbr-section-btn .btn {
position: relative;
min-width: 100px;
min-height: 68px;
padding: 20px 44px;
border-radius: 0;
font-weight: 600 !important;
transition: all 0.3s;
}
@media (max-width: 1199px) {
.mbr-section-btn .btn {
padding: 20px 30px;
}
}
@media (max-width: 767px) {
.mbr-section-btn .btn {
padding: 15px 20px;
}
}
.mbr-section-btn .btn-black {
color: #ffffff !important;
border: 2px solid #ffffff !important;
box-shadow: 4px 4px 0 #ffffff !important;
}
.mbr-section-btn .btn-black:hover {
box-shadow: none !important;
}
</style>
<div class="note-popover note-air-layout">
<div class="note-button-popover popover in bottom" style="display: none">
<div class="arrow">
</div>
<div class="popover-content">
<div class="btn-group">
<button class="btn btn-default btn-sm" data-event="changeImage" data-media="image" tabindex="-1" type="button">
<i class="mbr-icon-image">
</i>
</button>
<button class="btn btn-default btn-sm" data-event="changeVideo" data-media="video" tabindex="-1" type="button">
<i class="mbr-icon-youtube">
</i>
</button>
<button class="btn btn-default btn-sm" data-event="changeIconfont" data-hide="true" data-media="iconFont" data-toggle="tooltip" tabindex="-1" title="Insert icon" type="button">
<i class="mbr-icon-sun">
</i>
</button>
</div>
</div>
</div>
</div>
<div class="scrollToTop_wraper">
<div class="scrollToTop mbr-arrow-up" id="scrollToTop" style="opacity: 1; display: block">
<a style="text-align: center">
<i>
</i>
</a>
</div>
</div>
<script src="/assets/js-form/form-script.js">
</script>
</body>
</html>
Revolutionize Your Kitchen Experience
Embrace the Latest Kitchen Technologies
The modern kitchen is a hub of innovation and cutting-edge technology. By adopting the latest gadgets and appliances, from smart refrigerators to AI-enabled cooking assistants, you can streamline your meal preparation and ensure your culinary creations are more delicious than ever. Let technology help you with the planning, cooking, and even the cleaning up, to save time and elevate your kitchen experience.
Optimize Your Kitchen Layout
An efficient kitchen layout is essential for a smooth cooking experience. Consider the classic 'work triangle' between your stove, sink, and refrigerator to minimize unnecessary steps. Incorporate clever storage solutions and declutter your countertops to create a more spacious and functional cooking area. With a thoughtful design, you can minimize hassle and maximize productivity in the kitchen.
Invest in High-Quality Cookware
Professional-grade pots, pans, and utensils can make a significant difference in your culinary adventures. High-quality cookware offers better heat distribution, enduring durability, and improved cooking results. Investing in a few key pieces not only enhances your cooking efficiency but also adds joy to the preparation process. Remember, quality over quantity is the secret to a well-equipped kitchen.
Explore New Culinary Techniques
The art of cooking is ever-evolving, and there's always a new technique to master or a trend to try. From sous-vide cooking to fermentation, expanding your culinary repertoire can revamp your approach to meals. Take cooking classes, watch tutorial videos, or simply experiment with recipes to bring gourmet dining into your home. With each new skill, your kitchen confidence will soar.
Focus on Fresh and Seasonal Ingredients
Even the best kitchen technology and cookware can't substitute the flavors of fresh, high-quality ingredients. Source your produce from local markets or grow your own herbs and vegetables. Cooking with seasonal, organic ingredients not only boosts the taste profiles of your dishes but also supports sustainable practices. A farm-to-table approach in your kitchen ensures that every meal is a celebration of flavor and freshness.
Enhance Your Kitchen with Smart Organization
A well-organized kitchen saves time and reduces stress. Invest in smart storage solutions that keep everything in its place, such as custom drawer dividers and pull-out cabinets. Label your spices, decant bulk items into clear containers, and keep the tools you use most often within easy reach. A visually appealing and ordered kitchen is more inviting and makes cooking a pleasure rather than a chore.
Create an Inviting Ambiance
The atmosphere of your kitchen sets the mood for your cooking experience. Opt for warm lighting, add a touch of greenery with house plants, or display your colorful cookbooks on open shelves. Consider also the sounds and scents: play your favorite music while cooking and use natural air fresheners, such as lemon or vanilla, to enrich the sensory experience. An inviting kitchen is one where memories are made and cherished.
Conclusion: A Personalized Kitchen Awaits
Revolutionizing your kitchen need not be an overwhelming task. Step by step, you can introduce changes that greatly enhance your cooking and dining experiences. From technology upgrades and optimized layouts to high-quality cookware and fresh ingredients, each detail contributes to a delightful culinary journey. Your kitchen is the heart of your home—it's time to make it a reflection of innovation, efficiency, and passion for food.
``` Remember to include the ``, ``, ``, `