/*Theme Name: Intelligent Office Theme V1


Theme URI: Starter Theme - www.215marketing.com

Author: 215 Marketing

Author URI: webmaster@215marketing.com

Version: 1.1

Description:  Intelligent Office custom coded theme.



/* MARK BG */

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #004FA3;
}

::selection {
    color: #fff;
    background: #004FA3;
}

body {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75 !important;
    color: #FDFDFD;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body p {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75 !important;
    color: #FDFDFD;
    margin-bottom: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: 'Noto Sans', sans-serif;
    line-height: 1.4 !important;
    color: #FDFDFD;
}

h1 {
    font-size: 3.75em;
}

h2 {
    font-size: 2.75em;
}

h3 {
    font-size: 1.875em;
}

h4 {
    font-size: 1.5em;
}

p {
    line-height: 1.75 !important;
}


select {
    cursor: pointer;
}

.label-title {
    color: #FECA5A;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.55rem;
    text-transform: uppercase;
}

:target::before {
  content: "";
  display: block;
  height: 180px;
      margin: -120px 0 0;
}


/* SLIDER GENERAL STYLES */

.carousel {
    width: 100%;
}

.greyscale {
    filter: grayscale(100%);
    cursor: pointer;
}

.greyscale:hover {
    filter: none;
}

.title-and-category {
    position: absolute;
    bottom: 3em;
    text-align: center;
    width: 100%;
    color: #fff;
}

h5.slider-title {
    font-weight: 700;
    font-size: 1.2em;
    color: #fff;
    font-family: 'Roboto' !important;
}

.category-styles {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto' !important;
    margin-bottom: 0.5em;
}

.blog-post.position-relative.shadow {
    width: 100%;
    background-size: cover !important;
    height: 500px;
}

.carousel-indicators li {
    background: #e9204f;
    width: 10px;
    height: 10px;
    padding: 0px !important;
    border: none;
    border-radius: 99px;
}


/* HAMBURGER MENU */

.navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 1.5px;
    width: 100%;
    background: #FDFDFD;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* when navigation is clicked */

.navbar-toggler .top-bar {
    margin-top: 0px;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    margin-top: 0px;
    transform: rotate(-135deg);
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    margin-top: -20px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    margin-top: 20px;
    transform: rotate(0deg);
}


/* NAVBAR */

.navbar-main {
    padding: 1rem 1rem;
    position: absolute;
    z-index: 9999;
}

.navbar-light .navbar-nav .nav-link {
    color: #FDFDFD;
    font-size: 1em;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #FDFDFD;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #FECA5A;
}

.navbar-nav {
    gap: 3rem;
}

.nav-gap-button {
    margin-left: 4rem;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #272B2F;
}

.btn-nav-border a {
    border: 1px solid #FECA5A;
    background: transparent;
    border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #FECA5A !important;
}

.btn-nav-border a:hover {
    border: 1px solid #272B2F;
    background: #272B2F;
    transition: 0.3s;
    color: #FECA5A !important;
}

.btn-nav-yellow a {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #272B2F !important;
}

.btn-nav-yellow a:hover {
    border: 1px solid #272B2F;
    background: #272B2F;
    transition: 0.3s;
    color: #FECA5A !important;
}

.btn-yellow {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #272B2F !important;
    min-width: 15.625rem;
    display: inline-block;
    font-weight: 600;
    width: fit-content;
    align-self: center;
    text-align: center;
}

.btn-yellow:hover {
    border: 1px solid #272B2F;
    background: #272B2F;
    transition: 0.3s;
    color: #FECA5A !important;
}

.btn-yellow p {
    color: #272B2F;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-yellow p::before {
    display: flex;
    content: ' ';
    background: url('/wp-content/uploads/2024/07/arrow-black.svg');
    background-position: center center !important;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
}

.btn-yellow:hover p {
    color: #FECA5A;
}

.btn-yellow:hover p::before {
    background: url('/wp-content/uploads/2024/07/arrow-yellow.svg');
}


/* HOMEPAGE HERO */

h1 span {
    color: #FECA5A;
}
body.home.page-template.page-template-page-templates.page-template-homepage h1 span {
    font-size: 0.8em;
    color: #FECA5A;
}
.hp-hero {
    align-content: center;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.hp-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    padding-bottom: 10rem;
    padding-top: 15rem;
}

.hp-hero-button {
    margin-top: 2rem;
}

.modal {
    z-index: 999999;
}

/* CARDS */

.main-section {
    background-color: #272B2F;
    padding-top: 9rem;
    margin-top: -1px;
}

.pad-bottom {
    padding-bottom: 9rem;
}

.card-group {
    position: relative;
    padding: 2rem;
    height: 19.375rem;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.card-group img {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.card-link {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

.row-gap {
    row-gap: 2rem;
}

.card-link a {
    color: #FECA5A !important;
    font-size: 1.125em;
    font-weight: 700;
}


/* CONTENT ONE */

.content-one {
    display: flex;
    flex-direction: row;
}

.content-image {
    width: 50%;
}

.content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.content-text {
    background: #323438;
    width: 50%;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}

.content-text p {
    line-height: 2.5 !important;
}

.content-text button {
    align-self: flex-start;
}


/* BIG NUMBERS */

.big-numbers-group {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    border-right: 1px solid #FDFDFD;
}

.big-numbers-title {
    font-size: 3.75em;
    font-weight: 600;
    color: #FECA5A;
}

.big-numbers-text {
    font-size: 1.125rem;
    font-weight: 600;
    color: #FDFDFD;
}

.col-6:last-of-type .big-numbers-group {
    border: none;
}


/* TESTIMONIALS */

.testimonial-card {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background: #323438;
}

.testimonial-person {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.testimonial-person-image {
    width: 4.844rem;
    height: 4.844rem;
    border-radius: 100rem;
    overflow: hidden;
}

.testimonials-name {
    font-size: 1.563rem;
    font-weight: 700;
    color: #FDFDFD;
}

.testimonials-title {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #FDFDFD50;
}

.carousel-control-next,
.carousel-control-prev {
    position: unset;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100rem;
    border: 1px solid #FFFFFF;
    color: unset;
    background: transparent;
    text-align: center;
    opacity: unset;
    transition: opacity .15s ease;
}

.arrows-nav {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.carousel-control-next-icon {
    background-image: url('/wp-content/uploads/2024/07/arrow-next.svg');
}

.carousel-control-prev-icon {
    background-image: url('/wp-content/uploads/2024/07/arrow-prev.svg');
}


/* ACCORDION */

.panel-group {
    width: 100%;
}

.panel-heading h3,
.panel-heading img {
    display: inline-block;
    padding: 5px;
    margin: 0px;
    margin-bottom: 0px;
}

.panel-heading img {
    margin: 4px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}


/* Arrow pointing down when the panel is expanded */
.panel-heading[aria-expanded="true"] img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
/* Arrow pointing down when the panel is expanded */
.panel-heading[aria-expanded="false"] img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}


.panel-body p {
    margin-left: 90px;
    line-height: 2.5 !important;
}

.panel {
    display: block;
    padding: 40px;
    gap: 16px;
    background: #575757;
}

#faq-accordion-group01 .panel {
    background: #323438;
}

#faq-accordion-group02 .panel {
    background: #37383A;
}

#faq-accordion-group03 .panel {
    background: #424242;
}

#faq-accordion-group04 .panel {
    background: #575757;
}

.panel-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.panel-heading h2 {
    color: #FECA5A;
    margin-right: 2rem;
}

.hairline-vertical {
    width: 8.5rem;
    height: 1px;
    background: #FDFDFD;
    content: ' ';
    margin-left: auto;
    margin-right: 2rem;
}


/* ICONS */

.icons-group {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
    align-items: center;
}

.icons-group img {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 100rem;
}

.icons-group p {
    line-height: 2.5 !important;
}


/* CTA */

.cta-section {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 9.625rem;
}


/* FOOTER */

.footer-section {
    padding-top: 5.625rem;
}

.footer-links-section {
    padding-top: 2rem;
    padding-bottom: 7rem;
}

.footer-links-title p {
    font-size: 1.125rem;
    font-weight: 600;
    color: #FDFDFD;
}

.footer-links-link a {
    color: #FDFDFD;
    line-height: 2.5 !important;
    font-weight: 400;
}

.border-yellow-section {
    border: 1px solid #FECA5A;
    border-radius: 1.5rem;
    padding: 1.438rem;
    text-align: center;
}

.border-yellow-section h4,
.border-yellow-section a {
    color: #FECA5A;
}

.footer-logo {
    padding-top: 5em;
    padding-bottom: 5em;
}

.copyright-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 0.5px solid #FFFFFF;
}

.copyright-links-group {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.copyright-links-group a {
    color: #FDFDFD;
}

.copyright-links-gap {
    gap: 2rem;
}


/* STEPS */

.step-number {
    color: #FECA5A !important;
}

.steps-line {
    position: relative;
    content: ' ';
    width: 120%;
    height: 1px;
    background: #FECA5A;
}

.steps-circle {
    position: absolute;
    content: ' ';
    width: 1rem;
    height: 1rem;
    top: -7px;
    left: 47%;
    border-radius: 100rem;
    background: #FECA5A;
}


/* CONTENT WITH TWO TEXT ROWS */

.content-two-text-rows .content-image {
    width: 35%;
}

.content-two-text-rows .content-text {
    width: 65%;
}

.content-two-text-rows h4 {
    color: #FECA5A;
}


/* CONTENTS STEPS */

.content-steps {
    padding-top: 1rem;
    padding-bottom: 2rem;
    border-bottom: 0.5px solid #FFFFFF;
}

.content-step-title h3 {
    color: #FECA5A;
}


/* UNDER DISCLAIMER */

.under-disclaimer h4,
.under-disclaimer a {
    color: #FECA5A;
}

.under-disclaimer {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


/* CARD LABELS */

.card-labels-group {
    padding: 1.75rem;
    border-left: 3px solid #FECA5A;
    background: #464646;
    box-shadow: 0 0 10px #FECA5A20;
}

.card-labels-group p {
    font-size: 1.125em;
    font-weight: 700;
    color: #FDFDFD;
}


/* SLIDER 4 MOVE by 1 */

.carousel-inner.grid-4-move-1 .carousel-item.active,
.carousel-inner.grid-4-move-1 .carousel-item-next,
.carousel-inner.grid-4-move-1 .carousel-item-prev {
    display: flex;
}

.carousel-inner.grid-4-move-1 .carousel-item-right.active,
.carousel-inner.grid-4-move-1 .carousel-item-next {
    transform: translateX(25%);
}

.carousel-inner.grid-4-move-1 .carousel-item-left.active,
.carousel-inner.grid-4-move-1 .carousel-item-prev {
    transform: translateX(-25%);
}

.carousel-inner.grid-4-move-1 .carousel-item-right,
.carousel-inner.grid-4-move-1 .carousel-item-left {
    transform: translateX(0);
}


/* SLIDER 3 MOVE by 1 */

.carousel-inner.grid-3-move-1 .carousel-item.active,
.carousel-inner.grid-3-move-1 .carousel-item-next,
.carousel-inner.grid-3-move-1 .carousel-item-prev {
    display: flex;
}

.carousel-inner.grid-3-move-1 .carousel-item-right.active,
.carousel-inner.grid-3-move-1 .carousel-item-next {
    transform: translateX(33%);
}

.carousel-inner.grid-3-move-1 .carousel-item-left.active,
.carousel-inner.grid-3-move-1 .carousel-item-prev {
    transform: translateX(-33%);
}

.carousel-inner.grid-3-move-1 .carousel-item-right,
.carousel-inner.grid-3-move-1 .carousel-item-left {
    transform: translateX(0);
}


/* SLIDER 2 MOVE by 1 */

.carousel-inner.grid-2-move-1 .carousel-item.active,
.carousel-inner.grid-2-move-1 .carousel-item-next,
.carousel-inner.grid-2-move-1 .carousel-item-prev {
    display: flex;
}

.carousel-inner.grid-2-move-1 .carousel-item-right.active,
.carousel-inner.grid-2-move-1 .carousel-item-next {
    transform: translateX(50%);
}

.carousel-inner.grid-2-move-1 .carousel-item-left.active,
.carousel-inner.grid-2-move-1 .carousel-item-prev {
    transform: translateX(-50%);
}

.carousel-inner.grid-2-move-1 .carousel-item-right,
.carousel-inner.grid-2-move-1 .carousel-item-left {
    transform: translateX(0);
}


/* SLIDER 1 MOVE by 1 */

.carousel-inner.grid-1-move-1 .carousel-item.active,
.carousel-inner.grid-1-move-1 .carousel-item-next,
.carousel-inner.grid-1-move-1 .carousel-item-prev {
    display: flex;
}

.carousel-inner.grid-1-move-1 .carousel-item-right.active,
.carousel-inner.grid-1-move-1 .carousel-item-next {
    transform: translateX(100%);
}

.carousel-inner.grid-1-move-1 .carousel-item-left.active,
.carousel-inner.grid-1-move-1 .carousel-item-prev {
    transform: translateX(-100%);
}

.carousel-inner.grid-1-move-1 .carousel-item-right,
.carousel-inner.grid-1-move-1 .carousel-item-left {
    transform: translateX(0);
}


/* LOCATION CODE */

body.location-body,
body.page-template-default,
body.page-template.page-template-page-templates.page-template-AllLocations {
    background: #272B2F;
}

ul.location-subpage-navigation {
    list-style: none;
	padding: 0px;
}

ul.location-subpage-navigation a {
    color: #272B2F;
    text-decoration: none;	
	display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

ul.location-subpage-navigation li:hover, ul.location-subpage-navigation a:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

ul.location-subpage-navigation a:active {
	color:#fff !important;
	background-color: #272B2F;
}

.dropdown-menu {
    min-width: 15rem !important;
}

body.location-body .navbar-main,
body.page-template.page-template-page-templates.page-template-AllLocations .navbar-main,
body.page-template-default .navbar-main {
    position: relative;
    padding: 1.125rem 1rem;
}

img.call-us {
    width: 25px;
    margin-right: 8px;
}

.container-fluid.navbar-main.sticky-top {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 99999 !important;
    background: #272B2F !important;
}

.phone-btn a {
    border: 1px solid #FECA5A;
    background: transparent;
    border-radius: 50rem;
    padding: 1em 2em !important;
    display: block !important;
    transition: 0.3s;
    color: #FECA5A !important;
}

.phone-btn:hover a {
    background: #FECA5A;
    color: #fff !important;
}

.phone-btn:hover .call-us {
    filter: brightness(0) invert(1);
}

li.nav-item.call-us-btn a {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1em 2em !important;
}

li.nav-item.call-us-btn a:hover {
    border: 1px solid #FECA5A;
    background: #272B2F;
    transition: 0.3s;
    color: #FECA5A !important;
}

li.nav-item.call-us-btn a {
    transition: 0.3s;
    color: #272B2F !important;
}

ul#location-navigation {
    gap: 3em;
}


/* LOCATION GALLERY AREA */

.main-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 450px
}

.side-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 225px;
}

.opening-paragraph {
    border-bottom: 1px solid #67737E;
}

.location-contact-info {
    gap: 1em;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
}

.contact-item img {
    margin-right: 10px;
}

.hours-area {
    gap: 1em;
    margin-top: 1em;
}


.our-work-spaces {
    border-bottom: 1px solid #67737E;
}

.amenity-item.text-center {
    margin-bottom: 2em;
    margin-top: 2em;
}


/* NAVIGATION RELATIVE */

body.black-body .navbar-main {
    position: relative;
}

body.black-body {
    background: #272B2F;
}

form#gform_1,
form#gform_2 {
    margin-top: 2em;
    margin-bottom: 2em;
}

form#gform_1 input,
form#gform_1 select,
form#gform_1 textarea,
form#gform_2 input,
form#gform_2 select,
form#gform_2 textarea {
    background: #353A40 !important;
    border: none !important;
    color: #fff;
}

form#gform_1 input#gform_submit_button_1,
form#gform_2 input#gform_submit_button_2 {
    border: 1px solid #FECA5A;
    background: #FECA5A !important;
    border-radius: 50rem;
    padding: 1.25rem 2.25rem !important;
    transition: 0.3s;
    color: #000;
    font-weight: 800 !important;
}

form#gform_1 label.gfield_label.gform-field-label,
form#gform_2 label.gfield_label.gform-field-label {
    color: #fff;
}

span.gfield_required.gfield_required_text {
    color: #FECA5A;
}

.transparent-border {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.transparent-border a {
    color: #FECA5A;
}

.phone-icons a {
    color: #FECA5A;
}

.social-media-icon {
    width: 40px;
    height: 40px;
}

.social-icons-control {
    margin-top: 1em;
    column-gap: 1em;
}


/* BLOG PAGE */

body.page-template.page-template-page-templates.page-template-Blog ul.nav.nav-tabs {
    border: none !important;
}

body.page-template.page-template-page-templates.page-template-Blog ul.nav.nav-tabs a.nav-link.active,
body.page-template.page-template-page-templates.page-template-Blog ul.nav.nav-tabs a.nav-link:hover {
    background: #FECA5A;
    color: #000;
    border: none;
    border-radius: 0px;
    font-weight: 600;
}

body.page-template.page-template-page-templates.page-template-Blog ul.nav.nav-tabs a.nav-link {
    color: #8F8F8F;
    font-weight: 600;
}

body.page-template.page-template-page-templates.page-template-Blog ul.nav.nav-tabs li {
    margin-right: 0.5em;
}

span.input-group-text.bg-white.border-right-0 {
    background: #353A40 !important;
    border: 1px solid #353A40;
    padding: 1em;
    padding-right: 5px;
}

input.form-control.border-left-0 {
    background: #353A40;
    border: 1px solid #353A40;
    padding-left: 0px;
    font-weight: 400;
    color: #fff !important;
    padding: 1em !important;
    height: auto;
    padding-left: 5px !important;
}

.blog-item-box .card-body {
    background: #323438;
}

.blog-item-box .card {
    border: none;
    border-radius: 0px;
}

a.btn.btn-link.read-more-blog {
    padding: 0px;
    color: #FECA5A;
    font-weight: 400;
}

a.btn.btn-link.read-more-blog img {
    margin-left: 5px;
}

span.text-muted.category-name {
    color: #FECA5A !important;
}

span.text-muted.category-name a {
    color: #FECA5A !important;
}


.navigation.my-5.text-right ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style: none;
    column-gap: 2em;
}

.navigation.my-5.text-right li.active a {
    background: #FECA5A !important;
    color: #000;
    padding: 0.2em 0.8em;
    font-size: 1.4em;
    font-weight: 600;
}

.navigation.my-5.text-right li a {
    background: #fff !important;
    color: #000;
    padding: 0.2em 0.8em;
    font-size: 1.4em;
    font-weight: 600;
}

.navigation.my-5.text-right li:hover a {
    background: #FECA5A !important;
    color: #000;
    text-decoration: none;
}

.navigation.my-5.text-right li.active:hover a {
    text-decoration: none;
}

p.quick-read.mb-0 {
    color: #FECA5A;
    font-weight: 700;
}

.date-text {
    font-weight: 700;
}


/* OPA PAGES */

form#gform_2 {
    background: rgba(50, 52, 56, 0.8);
    backdrop-filter: blur(6px);
    padding: 2em;
    border-radius: 10px;
}

div#gform_fields_2 {
    row-gap: 1em;
}

form#gform_2 h3 {
    font-weight: 500;
    font-size: 1.4em;
}

#LeftImageRightContent .content-text p {
    line-height: 1.7em !important;
}

.gap2 {
    row-gap: 1em;
}

#OurServicesInclude .amenities-box {
    border: none !important;
}

.info-card-container {
    background: #323438;
    border: none !important;
}

.info-card-container ul {
    padding-inline-start: 18px;
    margin-top: 1em;
}

.info-card-container ul li::marker {
    color: #FECA5A;
}

a.learn-more-link.d-flex.align-items-center {
    color: #FECA5A;
    font-weight: 600;
}

.card-price-container {
    color: #FECA5A;
    font-weight: 600;
    font-size: 1.4em;
}

.card-price-container span.small {
    color: #FECA5A;
    font-weight: 600;
    font-size: 0.4em;
}

#OurWorkSpaces {
    padding: 60px 0;
    /* Optional padding for spacing */
    overflow: hidden;
    /* Prevent horizontal scrolling */
}


/* Work Space Card */

.work-space-card {
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Adjust height as needed */
    overflow: hidden;
    /* Hide overflowing content */
    position: relative;
    /* Ensure position for absolute children */
    display: flex;
    justify-content: flex-end;
}


/* Container for Title and Text */

.work-space-content {
    background: rgba(0, 0, 0, 0.6);
    /* Dark gradient */
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120%;
    /* Extend the overlay to cover the extra space */
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: transform 0.4s ease-in-out;
}


/* Title Always Visible */

.work-space-title {
    margin: 0;
    font-size: 1.25rem;
}


/* Text Hidden Initially */

.work-space-text {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}


/* On Hover Effects */

.work-space-card:hover .work-space-content {
    transform: translateY(0);
    /* Slide up the entire content container to its original position */
}

.work-space-card:hover .work-space-text {
    opacity: 1;
    max-height: 100px;
    /* Adjust according to content height */
}

div#MapAreaLocations {
    height: 350px;
}

.bubble-styles p,
.bubble-styles h6 {
    color: #000;
}
.bubble-styles a {
    display: inline-block;
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 10px;
    transition: 0.3s;
    color: #272B2F !important;
    font-weight: bold;
    margin-top: 1em;
}

/* LOCATIONS FORM AND SUB PAGES */

div#gform_wrapper_3 {
    color: #fff;
}

div#gform_wrapper_3 div#gform_fields_3 {
    gap: 1em;
}

.floating-contact.sticky-top.p-4 {
    background: #323438;
}

.floating-contactH4 {
    text-align: center;
}

div#gform_wrapper_3 input#gform_submit_button_3 {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem !important;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #272B2F !important;
    width: 100%;
    display: block;
    font-weight: 600;
    align-self: center;
}

.cform label {
	font-size: 14px;
	line-height: 16px;
	margin-top: 20px;
	color: #fff;
}

.cform .field:first-child label {
	margin-top: 5px;
}

.cform input:not([type='checkbox']):not([type='submit']), .cform select, .cform textarea {
	padding: 6px;
	color: rgb(17, 35, 55);
	border: 0px;
    border-radius: 0px !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	outline: none !important;
	width: 100%!important;	
    height: 40px;
}

.cform .hs-button {
	border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem !important;
    padding: 12px 30px !important;
    transition: 0.3s;
    color: #272B2F !important;
    width: 100%;
    display: block;
    font-weight: 600;
    align-self: center;
	margin-top: 20px;
	font-size: 14px;
}

.cform .hs-button:hover {
	background-color: transparent;
	color:#FECA5A !important;
	
}

.cform .hs-fieldtype-checkbox {
	padding-left: 0;
    list-style: none;
}

.cform .hs-fieldtype-checkbox ul {
    padding-left: 0;
    list-style: none;
	margin-bottom: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.2em;
}

.cform .hs-fieldtype-checkbox ul li input {
    width: auto;
    margin-right: 10px;
}

.cform .hs-fieldtype-checkbox ul li label {
    margin-top: 0;
	margin-bottom: 0;
}

.cform .field{width: 100%}

.cform fieldset{
    display: flex;
    align-items: end;
    width: 100%;
    max-width: 100%!important;
    margin-top: 10px!important;
}

.cform fieldset:first-child{
    margin-top: 0;
}

.cform fieldset .field label{
    margin-top: 0px!important;
}
@media (min-width: 481px) and (max-width: 991px){
    .cform fieldset{
        display: flex;
        flex-direction: row;
        margin-top: 0!important;
        max-width: 100%!important;
    }
    .cform fieldset .field:first-child{
        margin-top: 0;
    }

    .cform fieldset .field label{
        margin-top: 20px!important;
    }  
    .cform .input{margin: 0;}
    .cform input:not([type='checkbox']):not([type='submit']),
    .cform select,
    .cform textarea{width: 100%!important;}
}

@media (max-width: 480px){
    .cform fieldset{
        display: flex;
        flex-direction: column;
        margin-top: 0!important;
        max-width: 100%!important;
    }

    .cform fieldset .field:first-child{
        margin-top: 0;
    }

    .cform fieldset .field label{
        margin-top: 20px!important;
    }  
    .cform .input{margin: 0;}
    .cform input:not([type='checkbox']):not([type='submit']),
    .cform select,
    .cform textarea{width: 100%!important;}
}

.floating-contact.sticky-top.p-4 label.gfield_label.gform-field-label {
    color: #fff;
}

.floating-contact.sticky-top.p-4 h4 {
    text-align: center;
}

.floating-contact legend.gfield_label.gform-field-label.gfield_label_before_complex,
label#label_3_9_1,
label#label_3_9_2 {
    color: #fff;
}

input#choice_3_9_1,
input#choice_3_9_2 {
    padding: 0em !important;
}

div#gform_wrapper_3 input {
    padding: 2em;
    border-radius: 0px !important;
}

div#gform_wrapper_3 select#input_3_7,
div#gform_wrapper_3 select#input_3_8 {
    height: 57px;
    padding: 0em 2em;
    padding-top: 10px;
    border-radius: 0px;
}


/* LOCATION TABS */

.our-work-spaces ul#myTab {
    background: #353A40;
    padding: 1em;
    border-bottom: none;
}

.our-work-spaces ul#myTab li button.nav-link {
    background: none;
    color: #8F8F8F;
    padding: 0.5em 1em;
    border-radius: 0px;
    font-weight: 600;
}

.our-work-spaces ul#myTab li button.nav-link.active {
    color: #151515;
    font-weight: 600;
    background: #FECA5A;
    border: 1px solid #FECA5A;
}

.our-work-spaces ul#myTab li button.nav-link:hover {
    color: #151515;
    font-weight: 600;
    background: #FECA5A;
    border: 1px solid #FECA5A;
}

.our-work-spaces ul#myTab li {
    margin-right: 5px;
}

.card.black-card {
    background: #323438;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-left: 5px solid #FECA5A;
    border-radius: 0px;
}

.card.black-card img.card-img {
    border-radius: 0px;
}


/* RESTAURANTS POST GRID ON LOCATION PAGES */

.card.restaurants-post {
    padding: 1em;
    border-radius: 0px;
    background: #323438;
}

.card.restaurants-post a.btn.yellow-link {
    color: #FECA5A;
    font-weight: 600;
    padding: 0px;
}

.restaurant-content p {
    margin: 1em 0em;
}

.restaurant-content h5 {
    margin-top: 1em;
}

div#BlogArea {
    border-top: 1px solid #fff;
    padding-bottom: 3em;
}
div#FeaturedVideoArea {
    padding-bottom: 2em;
    padding-top: 2em;
}
.vimeo-embed .embed-responsive-16by9::before {
    padding-top: 0px;
}
/* FEATURED VIDEO AREA */


/* Video Section */

.video-section {
    margin-bottom: 30px;
    /* Adjust as needed */
}


/* Video Cover Container */

.video-cover {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


/* Video Cover Image */

.video-image {
    background-size: cover;
    background-position: center;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    width: 100%;
}


/* Video Overlay */

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    /* Semi-transparent overlay */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Play Button */

.btn-play {
    background: none;
    border: none;
    padding: 0;
    outline: none;
    cursor: pointer;
}

.btn-play img {
    width: 120px;
    height: 120px;
}

.btn-play:hover img {
    transform: scale(1.1);
    /* Slight zoom on hover */
    transition: transform 0.3s ease-in-out;
}



/* LOCATIONS BLOG POSTS LAYOUT */

.latest-posts-row {
    margin-bottom: 30px;
    /* Adjust as needed */
}


/* Post Card */

.post-card {
    background: #fff;
    /* Background color for the post card */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Add box shadow */
    margin-bottom: 30px;
    position: relative;
}


/* Post Thumbnail */

.post-thumbnail-locations {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 220px;
}


/* Post Date */

.post-date {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FECA5A;
    color: #000;
    padding: 5px 10px;
    border-radius: 0px;
    font-weight: 600;
    padding-top: 10px;
}

.date-day {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.date-month-year {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}

.date-month-year p {
    color: #000;
    font-weight: 600;
}

.date-month {
    font-size: 14px;
    margin-right: 5px;
}

.date-year {
    font-size: 12px;
}


/* Post Title */

.post-title {
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}


/* Post Excerpt */

.post-excerpt {
    margin-top: 10px;
    font-size: 16px;
}


/* See More Button Container */

.see-more-container {
    margin-top: 20px;
}

a.btn.see-more-link {
    border: 1px solid #FECA5A;
    background: transparent;
    border-radius: 50rem;
    padding: 1em 2em !important;
    display: inline;
    transition: 0.3s;
    color: #FECA5A !important;
    font-weight: bold;
}

a.btn.see-more-link:hover {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    transition: 0.3s;
    color: #fff !important;
}

.latest-posts-row a.btn.yellow-link {
    margin-top: 1em;
    color: #FECA5A;
    font-weight: 600;
    padding: 0px;
}


/* MEET THE TEAM ON LOCATIONS PAGE */


/* Meet the Team Section */

#MeetTheTeam h4 {
    text-align: left;
    /* Align heading to the left */
    font-size: 24px;
    /* Optional: Adjust heading size */
    margin-bottom: 20px;
    /* Optional: Adjust space below heading */
}


/* Team Member Card */

.team-member {
    display: flex;
    align-items: center;
    padding: 15px 0;
    /* Remove background and box shadow */
    margin-bottom: 30px;
    border-radius: 10px;
    /* Optional: Adjust as needed */
}


/* Team Member Image */

.team-member-image {
    flex: 0 0 auto;
    margin-right: 15px;
    /* Spacing between image and info */
}

.team-member-image img {
    width: 80px;
    /* Adjust size as needed */
    height: 80px;
    /* Adjust size as needed */
    border-radius: 50%;
    /* Round image */
    object-fit: cover;
    /* Ensure image covers the circle */
}


/* Team Member Info */

.team-member-info {
    flex: 1;
    text-align: left;
}


/* Team Member Name */

.team-member-name {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #fff;
}


/* LinkedIn Icon */

.team-member-linkedin {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
}

.linkedin-icon {
    width: 24px;
    /* Adjust icon size */
    height: 24px;
}


/* Team Member Title */

.team-member-title {
    font-size: 14px;
    color: #fff;
}


/* HOMEPAGE GALLERY */


/* Gallery Section Styling */

#customGallerySection {
    position: relative;
}


/* Main Image Styling */

#customGallerySection .custom-main-image {
    background-size: cover;
    background-position: center;
    height: 407px;
    /* Adjust as needed */
}


/* Side Image Styling */

#customGallerySection .custom-side-image {
    background-size: cover;
    background-position: center;
    height: 200px;
    /* Adjust as needed */
}


/* Buttons Section Styling */

#customGallerySection .custom-buttons-section {
    bottom: 15px;
    /* Adjust bottom position */
    right: 15px;
    /* Adjust right position */
}


/* Round White Button Styling */

#customGallerySection .custom-round-white-btn {
    background-color: #fff;
    color: #000;
    border-radius: 50px;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s, border-color 0.3s;
    font-weight: bold;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .40) !important;
}

#customGallerySection .custom-round-white-btn:hover {
    background-color: #f1f1f1;
    border-color: #ccc;
}


/* Yellow Button Styling */

#customGallerySection .custom-btn-yellow {
    background-color: #ffc107;
    color: #000;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s;
    border-radius: 50em;
    text-align: center;
    font-weight: bold;
}

#customGallerySection .custom-btn-yellow:hover {
    background-color: #e0a800;
}


/* Modal Image Styling */

#customGallerySection .modal .carousel-item img {
    height: 80vh;
    /* Adjust as needed */
    object-fit: cover;
}

div#galleryModal {
    z-index: 99999;
}

div#galleryModal .modal-content {
    background: transparent;
    border: none;
}

a.carousel-control-prev {
    top: 45%;
    position: absolute;
    left: 0%;
    background: #272B2F;
    
}

a.carousel-control-next {
    top: 45%;
    right: 0%;
    position: absolute;
    background: #272B2F;
}

div#galleryModal .modal-header {
    background: transparent;
    border: none;
}

div#galleryModal .modal-header .close {
    color: #000;
    opacity: 1;
    text-shadow: none;
    background: #fff;
    margin-right: 0;
    margin-top: 10px;
    padding: 10px 15px;
}


/* Sub pages design */

.social-icons-imgs img {
    max-height: 24px;
    max-width: 24px;
}

.social-icons-imgs {
    column-gap: 1em;
}


/* BENEFITS SECTION */

.benefit-text h5 {
    font-size: 1.1em;
    margin-bottom: 1em;
}

.border-locations {
    border-bottom: 1px solid #67737E;
}


/* WHO CAN BENEFIT SECTION */

.benefit-check-icon {
    width: 20px;
    /* Set icon width */
    height: 20px;
    /* Set icon height */
    object-fit: contain;
    /* Maintain aspect ratio */
}

.benefit-list-item {
    font-size: 16px;
    /* Adjust font size as needed */
    line-height: 1.5;
    /* Line height for readability */
}

.steps-flowchart {
    position: relative;
    padding-top: 20px;
    /* Space for the line */
}

.step-item-container {
    height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Ensures spacing between elements */
    margin-bottom: 30px;
    /* Space between steps */
    position: relative;
}

.step-number {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0px;
}

.step-content {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.yellow-dot {
    width: 20px;
    height: 20px;
    background-color: #ffc107;
    /* Yellow color */
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.line-connector {
    height: 2px;
    width: 100%;
    background-color: #ffc107;
    /* Yellow color for line */
    position: absolute;
    top: 50%;
    /* Centered vertically */
    z-index: 1;
}


/* Remove the extra line */

.steps-flowchart .row::after {
    content: none;
    /* Removed the content property to avoid extra line */
}


/* About us hero */

.about-us-hero {
    background-color: #151515;
}


/* BRANDS */

.brands-repeater {
    align-items: center;
    text-align: center;
    justify-content: center;
    row-gap: 3rem;
    margin-top: 3rem;
}

.section-title-text {
    text-align: center;
}

.section-title-text p {
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* TEAM MEMBERS */

.col-20 {
    width: 20%;
}

.team-member-group {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

.team-member-group img {
    width: 14.125rem;
    height: 14.125rem;
    border-radius: 100rem;
}

.content-one-img-33 .content-image {
    width: 40%;
}

.content-one-img-33 .content-text {
    width: 60%;
}

.content-price p {
    color: #FECA5A;
    font-size: 2.75rem;
}

.content-price p span {
    font-size: 1.5rem;
}

.bullets-left ul li {
    margin-bottom: 1.5rem;
}

.bullets-right ul li {
    margin-bottom: 1.5rem;
}

.content-spec-dealers .content-text {
    width: 60%;
}

.content-spec-dealers .content-image {
    width: 40%;
}

.content-spec-text-under p {
    color: #FDFDFD !important;
    line-height: 2.5 !important;
}

.cards-text-under p {
    font-size: 1.5rem;
}


/* LOCATION CARDS */

.location-card-group {
    background: #323438;
    height: 100%;
}

.location-card-text {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.location-card-icon-field {
    display: flex;
    align-items: self-start;
}

.location-card-icon-field p {
    font-size: 1.125rem;
}

.btn-smaller {
    min-width: 8.5rem;
    padding: 0.8rem 1rem !important;
}
img.linkedin-icon-teams {
    max-width: 25px;
    max-height: 25px;
    border-radius: 0px;
    margin-top: 5px;
}
/* ALL LOCATIONS ACCORDIONS */



#AllLocationsList button.btn.btn-link {
    font-weight: 600;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    color: #fff;
    position: relative;
    padding: 0.2em;
    font-size: 1.5em;
}

button.btn.btn-link[aria-expanded="true"] span.sign {
    line-height: 1em;
    color: #fff;
    position: absolute;
    right: 0.5em;
    font-size: 1.5em;
}

button.btn.btn-link[aria-expanded="false"] span.sign {
    line-height: 1em;
    color: #FEC95F;
    position: absolute;
    right: 0.5em;
    font-size: 1.5em;
}

#AllLocationsList .accordion-item p {
    margin-bottom: 0px;
}

#AllLocationsList .accordion-item a {
    background: #F9F9F9;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1em;
    font-weight: 500 !important;
    color: #FEC95F;
    font-size: 1.2em;
}

#AllLocationsList h2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#AllLocationsList h2.alloc-list-cname:not(:first-child) {
    margin-top: 50px;
}
#AllLocationsList .card-header {
    background: none !important;
    border: 1px solid #fff;
}
#AllLocationsList .card.p {
    background: none;
}
#AllLocationsList .card-body {
    background: #272B2F;
    border: 1px solid #fff;
}
#AllLocationsList .card-body a {
    color: #FEC95F;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 2em;
}

#AllLocationsList .card-body a:hover {
    color: #FEC95F;
}
.dark-card .card-img-top {
    background-size: cover;
    height: 170px;
    background-position: center !important;
}
div#locationsList .card.dark-card a:hover {
    color: #FECA5A !important;
}
body.page-template.page-template-page-templates.page-template-AllLocations div#MapAreaLocations {
    width: 100%;
    height: 80vh !important;
}
div#locationsList {
    max-height: 80vh !important;
    overflow-y: scroll;
}
div#locationsList .card-body {
    background: #323438;
}
div#locationsList .card.dark-card.mb-3.h-100 {
    border: none;
}
div#locationsList .card.dark-card h5.card-title {
    color: #FECA5A !important;
}
.search-bar {
    background: #323438;
    padding: 1em;
}
input#locationSearch {
    background: #353A40;
    border: none;
    padding: 1em !important;
    color: #fff;
    font-weight: 600;
    padding-left: 2.5em !important;
}
/* Container for positioning the icon */
.search-container {
    position: relative;
}

/* Input with extra padding to accommodate the icon */
.search-input-with-icon {
    padding-left: 40px; /* Add padding for the icon */
}

/* Icon wrapper */
.search-icon {
    position: absolute;
    left: 10px; /* Adjust position to your preference */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Prevent interaction with the icon */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Optional: Style adjustments for form-control */
.form-control {
    height: auto; /* Ensure icon remains properly aligned if the input height changes */
}
/* Ensure the selects and button are spaced evenly */
.yellow-select {
    flex-grow: 1; /* Allow the selects to grow and take up equal space */
}

#clearFilters {
    flex-shrink: 1; /* Make sure the button doesn't grow and stays smaller */
    white-space: nowrap; /* Prevent button text from wrapping */
    width: auto; /* Allow button to have a smaller width */
    padding: 0.375rem 0.75rem; /* Adjust button padding for smaller size */
}
/* CARDS PRICING AND COLLAPSE */
.pricing-area {
    position: absolute;
    top: 1em;
    right: 2em;
}

p.card-price {
    color: #FECA5A;
    font-size: 1.2em;
    font-weight: 700;
}
.floating-contact.sticky-top.p-4 {
    top: 7em;
    z-index: 99998;
}
.content-container {
    max-height: 85px;
    overflow: hidden;
    position: relative;
    max-width: 75%;
}
    .content-container.expanded {
        max-height: none; /* Expand fully when clicked */
    }
.learn-more-btn {
    margin-top: 15px;
    color: #FDFDFD;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
a.learn-more-btn:hover {
    color: #fff;
    text-decoration: none;
}
.learn-more-btn img {
    margin-left: 5px;
    margin-top: 2px;
}
.option-image {
    max-width: 120px;
}
ul#location-navigation li a:hover,
ul#location-navigation li a:focus {
    color: #FECA5A;
}
body.location-body h1 {
    color: #FECA5A;
    font-size: 2.6em;
    margin-bottom: 0.2em;
}
body.location-body h2 {
    font-size: 2.2em;
}
/* BUY NOW BUTTON */
a.buy-now-btn {
    border: 1px solid #FECA5A;
    background: transparent;
    border-radius: 50rem;
    padding: 5px 24px;
    display: block;
    transition: 0.3s;
    color: #FECA5A !important;
    position: absolute;
    right: 1em;
    font-weight: 800;
}
a.buy-now-btn:hover {
    background: #FECA5A;
    color: #333 !important;
    text-decoration: none;

}
/* REVIEW AREA AND CARDS */
.card-review {
    background: #323438;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.star-rating.d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.star-rating.d-flex p {
    margin-left: 5px;
}
.CustomerReview_reviewInfo {
    font-weight: 600;
    font-size: 1.3em;
}
a.show-more-btn {
    font-weight: 600;
    color: #FECA5A;
    margin-top: 1em;
}
a.read-all-reviews-btn:hover {
    background: #FECA5A;
    transition: 0.3s;
    color: #272B2F !important;
    
}
a.read-all-reviews-btn {
    text-decoration: none;
    background: transparent;
    color: #fff !important;
    font-weight: 600;
    border: 1px solid #FECA5A;
        border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
}
.average-rating-reviews a:hover p {
    color: #FECA5A;
    text-decoration: none;
}
.average-rating-reviews a:hover {
    text-decoration: none;
}
.contact-item {
    display: flex;
}
.location-contact-info a {
    color: #fff;
}
.location-contact-info a:hover {
    color: #FECA5A;
}
/* Learn More button caret rotation */
.learn-more-caret {
    transition: transform 0.3s ease;
}

/* Rotate the caret by 180 degrees when expanded */
.learn-more-caret.rotate {
    transform: rotate(180deg);
}
/* FOOTER NAV */
ul.footer-nav {
    list-style: none;
    padding-inline-start: 0px;
}

ul.footer-nav a {
    color: #fff;
    padding: 0em;
    line-height: 2.5em;
}
ul.footer-nav a:hover {
    color: #FECA5A;
}
/* FLOATING ICON */
.contact-floating {
    background: #ffc107;
    position: fixed !important;
    right: 1em;
    bottom: 1em;
    z-index: 99999;
    padding: 10px 15px;
    border-radius: 100em;
}
a.mobile-cta img {
    max-width: 30px;
    margin-right: 7px;
}
a.mobile-cta {
    color: #fff !important;
    font-weight: bold;
}
/* COUNT UP ANIMATION */
.big-numbers-title {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

.big-numbers-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.big-numbers-text {
    text-align: center;
}
.gap-benefits {
    gap: 1em;
}
/* STEPS LANDING PAGE */
body.page-template.page-template-page-templates.page-template-RmtaoPage,
body.page-template.page-template-page-templates.page-template-place_dealers .steps-counter {
    position: relative;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .step-list,
body.page-template.page-template-page-templates.page-template-place_dealers .step-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .step-item,
body.page-template.page-template-page-templates.page-template-place_dealers .step-item {
    position: relative;
    margin-bottom: 0px;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .step-number,
body.page-template.page-template-page-templates.page-template-place_dealers .step-number {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .yellow-dot,
body.page-template.page-template-page-templates.page-template-place_dealers .yellow-dot {
    width: 15px;
    height: 15px;
    background-color: #ffc107;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    flex-shrink: 0;
    top: 45% !important;
    left: 0.7%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .yellow-line,
body.page-template.page-template-page-templates.page-template-place_dealers .yellow-line {
    position: absolute;
    left: 4px;
    width: 1px;
    height: 100%;
    background-color: #FECA5A;
    z-index: 0;
    top: 0;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .step-content,
body.page-template.page-template-page-templates.page-template-place_dealers .step-content {
    margin-left: 32px;
    margin-top: 15px;
    position: relative;
    padding-bottom: 2em;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .timeline-h4,
body.page-template.page-template-page-templates.page-template-place_dealers .timeline-h4 {
    margin-left: 32px;
    margin-bottom: 0px;
}

body.page-template.page-template-page-templates.page-template-RmtaoPage .steps-counter .step-item:last-child .step-content,
body.page-template.page-template-page-templates.page-template-place_dealers .steps-counter .step-item:last-child .step-content {
    padding-bottom: 0px;
}
/* BREADCRUMBS */
.breadcrumbs-area {
    margin-bottom: 15px;
}
.breadcrumbs-area a {
    color: #FECA5A;
    font-weight: bold;
}
/* Sticky class */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* Add transition for smooth background color change */
.sticky.scrolled {
    background-color: #272B2F !important;
    transition: background-color 0.3s ease-in-out;
}

body.page-template .navbar-main {
    background-color: transparent; /* Initial background color */
    transition: background-color 0.3s ease-in-out;
}
/* DASHBOARD */
input.btn-nav-yellow {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #272B2F !important;
    font-weight: bold;
    margin-top: 1em;
}
.location-item.card {
    background: #323438;
    padding: 2em;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yellow-dash-btn {
    background: #FECA5A;
    color: #000;
    font-weight: 600;
    border: 1px solid #FECA5A;
    padding: 1em;
}
.yellow-dash-btn:hover {
    border: 1px solid #FECA5A;
    background: transparent;
    color: #FECA5A;
}
.card-dark {
    background: #323438;
    padding: 1em;
}
.card-dark a {
    color:#fff;
    font-weight: 600;
}
.card-dark a:hover {
    color: #FECA5A;
}
body.page-template.page-template-page-templates.page-template-Dashboard .nav-item > a[data-toggle="collapse"]::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.acf-field.acf-field-repeater.acf-field-66c4b02861a6e .acf-repeater.-block label {
    color: #000;
}
.acf-field.acf-field-select.acf-field-66c4b08a61a71 {
    width: 20% !important;
}
nav.nav.flex-column.card-dark.dash-nav.sticky-top {
    top: 8em;
}
/* ACF FIELDS */
.acf-field.acf-field-wysiwyg,
.acf-field.acf-field-group {
    background: #323438;
    padding-bottom: 2em;
}
.acf-field p.description {
    display: block;
    margin-top: 6px;
    color: #FECA5A !important;
}
.acf-fields {
    background: transparent !important;
    border: none !important;
}
input.acf-button.button.button-primary.button-large {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1.25rem 1.25rem !important;
    transition: 0.3s;
    color: #272B2F !important;
    margin-top: 2em;
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
}
body.page-template.page-template-page-templates div#amenities-counter {
    top: 9em;
}
.acf-switch .acf-switch-on {
    background: #FECA5A !important;
    color: #000 !important;
    text-shadow: none !important;
    font-weight: bold !important;
}
.acf-switch.-on {
    background: #FECA5A !important; 
}
span.acf-switch-off {
    color: #000;
}
body.page-template.page-template-page-templates .acf-field.acf-field-true-false {
    width: 33% !important;
    border: none !important;
}
a.acf-button.button.button-primary.acf-gallery-add {
    font-weight: bold;
    color: #272B2F !important;
}
a.acf-button.acf-repeater-add-row.button.button-primary {
    border: 1px solid #FECA5A;
    background: #FECA5A;
    border-radius: 50rem;
    padding: 1.25rem 2.5rem !important;
    transition: 0.3s;
    color: #272B2F !important;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
}
.container-fluid.navbar-main.sticky.scrolled {
    position: sticky !important;
}
.pointer {
cursor: pointer;
}
h1.text-center.error {
    color: #FECA5A;
    font-weight: bold;
    font-size: 4em !important;
}
.container-fluid.deal-bar.sticky-top {
    z-index: 999999 !important;
    background: #FEC95F;
    color: #000;
    padding: 1em;
}

.container-fluid.deal-bar.sticky-top span {
    color: #000;
    font-weight: 700;
}
.container-fluid.deal-bar.sticky-top p {
    color: #000;
    font-weight: 500;
}
.has-deal-bar {
    top: 60px !important;
}
div#FeaturedVideoArea .card.card-review.p-4.h-100 {
    background: #FECA5A;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
div#FeaturedVideoArea .card.card-review.p-4.h-100 h3,
div#FeaturedVideoArea .card.card-review.p-4.h-100 p {
    color: #323438;
}
body.page-template-default.page.page-id-6856 h1 {
    text-align: center;
    margin-bottom: 1em;
}
body.post-template-default.single.single-post #post-content a {
    color: #FECA5A;
}
/* PROMOTIONS PAGE */
.card.bg-dark.text-white.featured-box {
    height: 40vh;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 0px;
    margin-top: 1em;
    margin-bottom: 1em;
}
a.arrow-btn {
    font-weight: 600;
    color: #FEC95F;
    display: inline-block;
    position: relative;
}
.grid-box-2 {
    background: #323438;
    padding: 1em;
    height: 100%;
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}
.grid-box-2 h3.bold-text {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
body.page-template.page-template-page-templates.page-template-Promotions h2.bold-text.new-h2 {
    font-size: 2em;
}
.right-white {
    background: #fff;
}
.header-color h2.bold-text {
    color: #333;
    font-size: 1.7em;
}
body.page-template.page-template-page-templates.page-template-Promotions .banner-area-container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 90%;
    padding: 4em;
}
.col-12.col-md-7.text-center.text-md-right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
a.btn.btn-primary.mt-2.yellow-dash-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
/* DASHBOARD DISABLED AREAS */
.acf-field.acf-field-url.acf-field-6706e960452a6 {
    display: none;
}
.acf-field.acf-field-number.acf-field-66c4b07261a70 {
    width: 15% !important;
}
.acf-fields.acf-form-fields.-top .acf-field.acf-field-repeater.acf-field-66c4b02861a6e a.acf-button.acf-repeater-add-row.button.button-primary {
    display: none;
}
.acf-field.acf-field-repeater.acf-field-66f3f156f8bd0.-r0 .acf-repeater.-block {
    color: #000;
}
/* ALL MOBILE DEVICES */

@media (max-width: 575px) {
    /* SLIDER MOVE by 1 */
    .carousel-inner.grid-2-move-1 .carousel-item-right.active,
    .carousel-inner.grid-2-move-1 .carousel-item-next {
        transform: translateX(100%);
    }
    .carousel-inner.grid-2-move-1 .carousel-item-left.active,
    .carousel-inner.grid-2-move-1 .carousel-item-prev {
        transform: translateX(-100%);
    }
    .carousel-inner.grid-2-move-1 .carousel-item-right,
    .carousel-inner.grid-2-move-1 .carousel-item-left {
        transform: translateX(0);
    }
    .navbar-main {
        padding: 1.125rem 1rem;
        position: relative;
        z-index: 9999;
        background: #272B2F;
    }
    .navbar-nav {
        gap: 1rem;
    }
    .nav-gap-button {
        margin-left: unset;
    }
    h1 {
        font-size: 2.2em;
    }
    .main-section {
        padding-top: 4rem;
    }
    h2 {
        font-size: 1.8em;
    }
    .card-group {
        padding: 1rem;
        height: 15rem;
    }
    h4 {
        font-size: 1.2em;
    }
    .card-link a {
        font-size: 1em;
    }
    .card-link {
        bottom: 1rem;
        left: 1rem;
    }
    .card-group img {
        right: 1rem;
        top: 2rem;
    }
    .content-one {
        flex-direction: column;
    }
    .content-image {
        width: 100% !important;
    }
    .content-text {
        width: 100% !important;
        padding: 1rem;
    }
    .big-numbers-group {
        padding-left: unset;
        border-right: unset;
        align-items: center;
    }
    .big-numbers-title {
        font-size: 2em;
    }
    .big-numbers-text {
        font-size: 0.9rem;
    }
    .testimonials-name {
        font-size: 1.2rem;
    }
    .panel {
        padding: 1rem;
    }
    .panel-heading {
        flex-direction: column;
        align-items: start;
    }
    .panel-heading h2 {
        margin-right: 0rem;
        font-size: 3em;
    }
    .hairline-vertical {
        display: none;
    }
    .panel-heading img {
        position: absolute;
        right: 1rem;
    }
    .panel-heading h3 {
        font-size: 1.3rem;
    }
    .panel-body p {
        margin-left: 0.5rem;
        margin-top: 2rem;
        width: 100%;
        line-height: 2.5 !important;
        font-size: 1rem;
    }
    .panel-heading img {
        width: 2rem;
    }
    .icons-group img {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 100rem;
    }
    .icons-group {
        gap: 1rem;
    }
    .pad-bottom {
        padding-bottom: 4rem;
    }
    .footer-logo {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .copyright-section {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        text-align: center;
    }
    .copyright-links-gap {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }
    .cta-section {
        padding-bottom: 5rem;
    }
    .footer-links-section {
        padding-bottom: 4rem;
    }
    .hp-hero-text {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .steps-line {
        width: 100%;
    }
    .steps-circle {
        left: 48%;
    }
    .content-two-text-rows .content-image {
        width: 100%;
    }
    .content-two-text-rows .content-text {
        width: 100%;
    }
    .col-20 {
        width: 50%;
    }
    .content-spec-dealers .content-text {
        width: 100%;
    }
    .content-spec-dealers .content-image {
        width: 100%;
    }
    .content-price p {
        color: #FECA5A;
        font-size: 1.5rem;
    }
    .content-price p span {
        font-size: 1.1rem;
    }
    body.page-template.page-template-page-templates.page-template-About_us .w-75.mx-auto {
        width: 100% !important;
    }
    .section-title-text p {
        width: 100%;
    }
    .row.brands-repeater {
    gap: 1em;
    margin: 0px;
	}
    .pricing-area {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    }
    .learn-more-btn {
    justify-content: center;
    }
    body.page-template.page-template-page-templates.page-template-AllLocations div#MapAreaLocations {
    height: 55vh !important;
    }
    .our-work-spaces ul#myTab li button.nav-link {
    font-size: 0.8em;
    }
    a.buy-now-btn {
    position: relative;
    text-align: center;
    right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    }
    ul#location-navigation {
    gap: 1em;
}
.hp-hero-text.text-left.pt-5.mt-5 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.container-fluid.navbar-main.sticky.scrolled {
    position: sticky !important;
}
body.page-template .navbar-main {
    background: #272B2F;
}
.under-disclaimer {
    width: 100%;
}
a#clearFilters {
    margin-top: 1em;
    width: 100% !important;
}
.container-fluid.hp-hero .w-75 {
    width: 100% !important;
}
div#faq-accordion {
    padding-left: 2em;
    padding-right: 2em;
}
.has-deal-bar {
    top: 80px !important;
}
}


/* TABLET DEVICES */

@media (min-width: 575px) and (max-width: 768px) {
    /* SLIDER MOVE by 1 */
    .carousel-inner.grid-4-move-1 .carousel-item-right.active,
    .carousel-inner.grid-4-move-1 .carousel-item-next {
        transform: translateX(50%);
    }
    .carousel-inner.grid-4-move-1 .carousel-item-left.active,
    .carousel-inner.grid-4-move-1 .carousel-item-prev {
        transform: translateX(-50%);
    }
    .carousel-inner.grid-4-move-1 .carousel-item-right,
    .carousel-inner.grid-4-move-1 .carousel-item-left {
        transform: translateX(0);
    }
    .navbar-main {
        padding: 1.125rem 1rem;
        position: relative;
        z-index: 9999;
        background: #272B2F;
    }
    .navbar-nav {
        gap: 1rem;
    }
    .nav-gap-button {
        margin-left: unset;
    }
    h1 {
        font-size: 3em;
    }
    .main-section {
        padding-top: 4rem;
    }
    h2 {
        font-size: 1.8em;
    }
    .card-group {
        padding: 1rem;
        height: 15rem;
    }
    h4 {
        font-size: 1.2em;
    }
    .card-link a {
        font-size: 1em;
    }
    .card-link {
        bottom: 1rem;
        left: 1rem;
    }
    .card-group img {
        right: 1rem;
        top: 2rem;
    }
    .content-one {
        flex-direction: column;
    }
    .content-image {
        width: 100%;
    }
    .content-text {
        width: 100%;
        padding: 2rem;
    }
    .big-numbers-group {
        padding-left: unset;
    }
    .big-numbers-title {
        font-size: 2em;
    }
    .big-numbers-text {
        font-size: 1rem;
    }
    h3 {
        font-size: 1em;
    }
    .panel-body p {
        margin-left: 70px;
        width: 70%;
    }
    .panel-heading img {
        width: 2rem;
    }
    .icons-group img {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 100rem;
    }
    .icons-group {
        gap: 1rem;
    }
    .pad-bottom {
        padding-bottom: 4rem;
    }
    .footer-logo {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .copyright-section {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        text-align: center;
    }
    .copyright-links-gap {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }
    .cta-section {
        padding-bottom: 5rem;
    }
    .footer-links-section {
        padding-bottom: 4rem;
    }
    .footer-links-title {
        text-align: center;
    }
    .footer-links-link {
        text-align: center;
    }
    .hp-hero-text {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .steps-line {
        width: 100%;
    }
    .steps-circle {
        left: 49%;
    }
    .content-two-text-rows .content-image {
        width: 100%;
    }
    .content-two-text-rows .content-text {
        width: 100%;
    }
    .col-20 {
        width: 25%;
    }
    .content-spec-dealers .content-text {
        width: 100%;
    }
    .content-spec-dealers .content-image {
        width: 100%;
    }
    .content-price p {
        color: #FECA5A;
        font-size: 1.5rem;
    }
    .content-price p span {
        font-size: 1.1rem;
    }
    body.page-template.page-template-page-templates.page-template-About_us .w-75.mx-auto {
        width: 100% !important;
    }
    .section-title-text p {
        width: 100%;
    }
    .row.brands-repeater {
    gap: 1em;
    margin: 0px;
	}
	.cform input, .cform select, .cform textarea {
		padding: 4px 6px;
	}
        .pricing-area {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    }
    .learn-more-btn {
    justify-content: center;
    }
        body.page-template.page-template-page-templates.page-template-AllLocations div#MapAreaLocations {
    height: 65vh !important;
    }

 .our-work-spaces ul#myTab li button.nav-link {
    font-size: 0.8em;
    }
    a.buy-now-btn {
    position: relative;
    text-align: center;
    right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    }
    ul#location-navigation {
    gap: 1em;
}
.hp-hero-text.text-left.pt-5.mt-5 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
body .navbar-main {
    background-color: #272B2F;
    transition: background-color 0.3s ease-in-out;
    position: sticky;
}
.container-fluid.navbar-main.sticky.scrolled {
    position: sticky !important;
}
body.page-template .navbar-main {
    background: #272B2F;
}
.under-disclaimer {
    width: 100%;
}
.container-fluid.hp-hero .w-75 {
    width: 100% !important;
}
div#faq-accordion {
    padding-left: 2em;
    padding-right: 2em;
}
}


/* TABLETS AND SMALLER LAPTOPS */

@media (min-width: 769px) and (max-width: 1024px) {
    /* SLIDER MOVE by 1 */
    .carousel-inner.grid-4-move-1 .carousel-item-right.active,
    .carousel-inner.grid-4-move-1 .carousel-item-next {
        transform: translateX(50%);
    }
    .carousel-inner.grid-4-move-1 .carousel-item-left.active,
    .carousel-inner.grid-4-move-1 .carousel-item-prev {
        transform: translateX(-50%);
    }
    .carousel-inner.grid-4-move-1 .carousel-item-right,
    .carousel-inner.grid-4-move-1 .carousel-item-left {
        transform: translateX(0);
    }
    .navbar-main {
        padding: 1.125rem 1rem;
        position: relative;
        z-index: 9999;
        background: #272B2F;
    }
    .navbar-nav {
        gap: 1rem;
    }
    .nav-gap-button {
        margin-left: unset;
    }
    h1 {
        font-size: 3em;
    }
    .main-section {
        padding-top: 4rem;
    }
    h2 {
        font-size: 1.8em;
    }
    .card-group {
        padding: 1rem;
        height: 15rem;
    }
    h4 {
        font-size: 1.2em;
    }
    .card-link a {
        font-size: 1em;
    }
    .card-link {
        bottom: 1rem;
        left: 1rem;
    }
    .card-group img {
        right: 1rem;
        top: 2rem;
    }
    .big-numbers-group {
        padding-left: unset;
    }
    .big-numbers-title {
        font-size: 2em;
    }
    .big-numbers-text {
        font-size: 1rem;
    }
    .icons-group img {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 100rem;
    }
    .icons-group {
        gap: 1rem;
    }
    .pad-bottom {
        padding-bottom: 4rem;
    }
    .footer-logo {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .copyright-section {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        text-align: center;
    }
    .copyright-links-gap {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }
    .cta-section {
        padding-bottom: 5rem;
    }
    .footer-links-section {
        padding-bottom: 4rem;
    }
    .footer-links-title {
        text-align: center;
    }
    .footer-links-link {
        text-align: center;
    }
    .hp-hero-text {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .col-20 {
        width: 25%;
    }
    .content-spec-dealers .content-text {
        width: 50%;
    }
    .content-spec-dealers .content-image {
        width: 50%;
    }
    .content-price p {
        color: #FECA5A;
        font-size: 1.5rem;
    }
    .content-price p span {
        font-size: 1.1rem;
    }
	.cform input, .cform select, .cform textarea {
		padding: 4px 6px;
	}
    .under-disclaimer {
    width: 100%;
}
}

@media (min-width: 769px) and (max-width: 991px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.8em;
    }
    .col-20 {
        width: 25%;
    }
    .content-spec-dealers .content-text {
        width: 50%;
    }
    .content-spec-dealers .content-image {
        width: 50%;
    }
        .pricing-area {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    }
    .learn-more-btn {
    justify-content: center;
    }

.hp-hero-text.text-left.pt-5.mt-5 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.container-fluid.navbar-main.sticky.scrolled {
    position: sticky !important;
}
body.page-template .navbar-main {
    background: #272B2F;
}
.container-fluid.hp-hero .w-75 {
    width: 100% !important;
}
div#faq-accordion {
    padding-left: 2em;
    padding-right: 2em;
}
}

@media (min-width: 992px) and (max-width: 1024px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.8em;
    }
    .col-20 {
        width: 25%;
    }
    .content-spec-dealers .content-text {
        width: 50%;
    }
    .content-spec-dealers .content-image {
        width: 50%;
    }
}


/* Bigger Laptops */

@media (min-width: 1025px) and (max-width: 1366px) {
    .navbar-nav {
        gap: 1rem;
    }
    .nav-gap-button {
        margin-left: 0rem;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.8em;
    }
    .navbar-main {
        padding: 1rem 1rem;
    }
    h1 {
        font-size: 3em;
    }
    h2 {
        font-size: 2.2em;
    }
    .big-numbers-group {
        padding-left: unset;
    }
    .big-numbers-title {
        font-size: 2em;
    }
    .big-numbers-text {
        font-size: 1rem;
    }
    .main-section {
        padding-top: 5rem;
    }
    .footer-logo {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .copyright-section {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        text-align: center;
    }
    .copyright-links-gap {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }
    .cta-section {
        padding-bottom: 5rem;
    }
    .footer-links-section {
        padding-bottom: 4rem;
    }
    .footer-links-title {
        text-align: center;
    }
    .footer-links-link {
        text-align: center;
    }
    .hp-hero-text {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }
    .col-20 {
        width: 20%;
    }
}


@media (min-width: 1367px) and (max-width: 1919px) {
    .navbar-nav {
        gap: 1rem;
    }
    .nav-gap-button {
        margin-left: 0rem;
    }
    .navbar-main {
        padding: 1rem 1rem;
    }
    h1 {
        font-size: 3em;
    }
    .big-numbers-group {
        padding-left: unset;
    }
    .big-numbers-title {
        font-size: 3em;
    }
    .big-numbers-text {
        font-size: 1.2rem;
    }
    .main-section {
        padding-top: 5rem;
    }
    .hp-hero-text {
        padding-top: 10rem;
        padding-bottom: 20rem;
    }
    body.home .hp-hero-text {
    padding-bottom: 10rem;
    padding-top: 15rem;
    }
    body.page-template.page-template-page-templates.page-template-About_us .hp-hero-text {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }
    .col-20 {
        width: 20%;
    }
}


@media (min-width: 1200px) and (max-width: 1366px) {
.card-group h4 {
    max-width: 85%;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.card-group h4 {
    max-width: 100%;
}
}


@media (min-width: 768px) and (max-width: 1440px) {
    .pricing-area {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
    }
     a.buy-now-btn {
    position: relative !important;
    text-align: center;
    right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

}