/*!
Theme Name: Bright Path Caribbean Child
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Template: brightpathcaribbean
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: custom_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

custom_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
    --dark-purple: #282846;
    --yellow: #fabf01;
    --black: #000;
    --white: #fff;
    --gray: #4e4e5c;
    --footer: #131343;
    --segoe: 'Segoe UI';
    --montserrat: 'Montserrat';
}

html {
    scroll-behavior: smooth;
    box-sizing: border-box;
}

.post,
.page {
    margin: 0 !important;
}

body {
	overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

p,
li,
span,
a {
    font-family: var(--Montserrat);
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    line-height: 24px;
}

ul {
    margin: 0px !important;
    padding-left: 0px !important;
}

li {
    list-style: none;
}

a,
a:hover,
button,
button:hover,
i,
i:hover {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

:focus {
    outline: 0px !important;
}

header.entry-header,
aside#secondary,
footer.entry-footer {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0px !important;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--dark-purple);
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}


/**===================================
  GLOBAL CSS START HERE
======================================**/

.btn-purple a {
    background: var(--dark-purple) !important;
    font-family: var(--montserrat) !important;
    color: var(--white) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 50px !important;
    padding: 15px 35px !important;
    border: none !important;
}

.btn-purple a:hover {
    background: var(--yellow) !important;
    color: var(--dark-purple) !important;
}

.heading h4 {
    font-family: var(--montserrat);
    font-size: 30px;
    font-weight: bold;
    color: var(--dark-purple);
}

.heading h2 {
    font-family: var(--montserrat);
    font-size: 40px;
    font-weight: bold;
    color: var(--dark-purple);
}


/**===================================
  GLOBAL CSS END HERE
======================================**/


/**====================
PRELOADER CSS START HERE
=======================**/



@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}


/**====================
PRELOADER CSS START HERE
=======================**/

.navbar {
    position: unset;
}

.push-left {
    margin-left: auto;
}


/* Menu */

.responsive-menu {
    display: none;
}

.hamburger {
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
    height: 30px;
    position: relative;
    width: 30px;
    z-index: 1000;
}

@media screen and (max-width: 768px) {
    .desktop-menu {
        display: none;
    }
    .responsive-menu {
        display: block;
    }
    .hamburger {
        display: inline-block;
    }
}

.hamburger-line {
    background: #fff;
    height: 3px;
    position: absolute;
    left: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%;
}

.hamburger:hover .hamburger-line {
    background: var(--white);
}

.hamburger-line-top {
    top: 3px;
}

.menu-active .hamburger-line-top {
    top: 50%;
    transform: rotate(45deg) translatey(-50%);
}

.hamburger-line-middle {
    top: 50%;
    transform: translatey(-50%);
}

.menu-active .hamburger-line-middle {
    left: 50%;
    opacity: 0;
    width: 0;
}

.hamburger-line-bottom {
    bottom: 3px;
}

.menu-active .hamburger-line-bottom {
    bottom: 50%;
    transform: rotate(-45deg) translatey(50%);
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
    .nav-menu {
        background: var(--dark-blue);
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translatey(-100%);
        text-align: center;
    }
    .menu-active .nav-menu {
        transform: translatey(0%);
        opacity: 1;
    }
}

.nav-menu .menu-item a {
    color: #444444;
    display: inline-block;
    line-height: 30px;
    margin: 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.nav-menu .menu-item a:hover {
    color: var(--gray);
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .nav-menu .menu-item a {
        font-size: 20px;
        margin: 8px;
    }
}

.menu-active {
    overflow: hidden;
}


/**HEADER SUB MENU CSS START**/

ul#primary-menu li a {
    position: relative;
    font-size: 16px;
    color: var(--black);
    text-transform: capitalize;
    font-family: var(--segoe);
    font-weight: 600;
}

ul#primary-menu li {
    display: inline-block;
    margin-right: 40px;
}

ul#primary-menu li.menu-item-has-children,
ul#primary-menu li.menu-item-has-children a {
    position: relative;
}

ul#primary-menu li a:hover,
ul#primary-menu li.current-menu-item a {
    color: var(--dark-purple);
}

ul#primary-menu li a:before {
    position: absolute;
    content: '';
    background: var(--dark-purple);
    width: 0;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transition: all .3s ease-in-out;
}

ul#primary-menu li a:hover:before,
ul#primary-menu li.current-menu-item a:before {
    width: 100%;
}

ul#primary-menu li.menu-item-has-children ul.sub-menu li {
    display: block;
    background: var(--white);
    text-align: left;
    width: 100%;
    border-bottom: 1px solid var(--dark-purple);
}

ul#primary-menu li.menu-item-has-children ul.sub-menu {
    position: absolute;
    z-index: 99;
    width: 230px;
    display: none;
}

ul#primary-menu li.menu-item-has-children ul.sub-menu li a {
    padding: 20px;
    display: block;
    position: relative;
    line-height: 100%;
    height: 100%;
}

ul#primary-menu ul.sub-menu li a {
    color: var(--dark-purple) !important;
    padding: 12px 20px !important;
    margin: 0px !important;
}

ul#primary-menu li.menu-item-has-children a {
    position: relative;
}

ul#primary-menu li.menu-item-has-children>a:after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    right: -16px;
    top: 0px;
    font-weight: 900;
    font-size: 14px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

ul#primary-menu li.menu-item-has-children:hover>a:after {
    transform: rotate(180deg);
}

ul#primary-menu li {
    cursor: pointer;
}

ul#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children>ul.sub-menu {
    left: 230px;
    top: 0;
}

ul#primary-menu li.menu-item-has-children,
ul#primary-menu li.menu-item-has-children a {
    position: relative;
}

ul#primary-menu li.menu-item-has-children ul.sub-menu a:after {
    right: 10px;
}


/**HEADER SUB MENU CSS END**/


/**================================
  MODAL CSS START FROM HERE
===================================**/

@media screen and (max-width: 800px) {
    .search-bar {
        display: block;
    }
}

html.modal-active,
body.modal-active {
    overflow: hidden;
}

#modal-container-pop {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 999;
}

#modal-container-pop.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container-pop.one .modal-background .custom-modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container-pop.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container-pop.one.out .modal-background .custom-modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container-pop .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.95);
    text-align: center;
    vertical-align: middle;
}

#modal-container-pop .modal-background .custom-modal {
    background: var(--white);
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
    min-width: 50%;
}

span.close-modal {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 24px !important;
}


/* .search-bar {
    min-height: 100%;
    height: 100%;
    background: white;
    position: relative;
    z-index: 0;
} */

.search-bar .buttons .pop-button {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}

.search-bar .buttons .pop-button:hover {
    color: var(--light-blue);
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

input#searchsubmit {
    background: var(--dark-blue);
    color: #fff;
    font-family: 'Poppins';
    font-weight: 500;
    border: 0;
    padding: 8px 30px;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    z-index: 999;
    -webkit-box-shadow: 0 10px 30px rgba(33, 182, 255, 0.3);
    -moz-box-shadow: 0 10px 30px rgba(33, 182, 255, 0.3);
    box-shadow: 0 10px 30px rgba(33, 182, 255, 0.3);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

form#searchform>div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

input#s {
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid var(--dark-blue);
    padding: 5px 10px;
}

input#searchsubmit:hover {
    background: var(--light-blue);
}


/**================================
  MODAL CSS END FROM HERE
===================================**/


/**===========================================
      RESPONSIVE HEADER CSS START HERE
=============================================**/

header#responsive-header {
    display: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}


/* section.header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
} */

.menu-responsive-menu-container {
    padding-top: 10px;
}

ul#responsive-menu li a {
    position: relative;
    font-size: 14px;
    color: var(--dark-blue);
    letter-spacing: 1px;
    display: block;
    margin: 0px 10px;
}

ul#responsive-menu li {
    padding-bottom: 10px;
    position: relative;
}

ul#responsive-menu li ul.sub-menu {
    padding-left: 12px !important;
    display: none;
}

ul#responsive-menu li.menu-item-has-children>a:before {
    position: absolute;
    content: "+";
    right: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

ul#responsive-menu li.menu-item-has-children.active>a:before {
    content: "-";
}

ul#responsive-menu li a {
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    cursor: pointer;
}

ul#responsive-menu a {
    position: relative;
}

.navbar .burger {
    position: relative;
    display: none;
    cursor: pointer;
    width: 2rem;
    height: 1rem;
    border: none;
    outline: none;
    opacity: 0;
    visibility: hidden;
    background: none;
    transform: rotate(0deg);
    transition: 0.35s ease-in-out;
}

.navbar .burger-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border: none;
    outline: none;
    opacity: 1;
    border-radius: 0.25rem;
    background: var(--black);
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.navbar .burger-line:nth-child(1) {
    top: 0;
}

.navbar .burger-line:nth-child(2),
.navbar .burger-line:nth-child(3) {
    top: 0.5rem;
}

.navbar .burger-line:nth-child(4) {
    top: 1rem;
}

.navbar .burger.active .burger-line:nth-child(1),
.navbar .burger.active .burger-line:nth-child(4) {
    top: 1.25rem;
    width: 0%;
    left: 50%;
}

.navbar .burger.active .burger-line:nth-child(2) {
    transform: rotate(45deg);
}

.navbar .burger.active .burger-line:nth-child(3) {
    transform: rotate(-45deg);
}

@media only screen and (max-width: 800px) {
    header#masthead {
        display: block;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 99999;
    }
    ul#primary-menu li.menu-item-has-children>a:after {
        content: "\f067";
        font-size: 10px;
        transform: unset !important;
    }
    ul#primary-menu li.menu-item-has-children.active>a:after {
        content: "\f068";
    }
    ul#primary-menu li.menu-item-has-children ul.sub-menu {
        position: unset;
    }
    ul#primary-menu li.menu-item-has-children ul.sub-menu li {
        border: unset;
    }
    ul#primary-menu ul.sub-menu li a {
        color: inherit;
    }
    header#masthead .site-branding {
        margin-bottom: 0;
    }
    header#masthead {
        padding: 10px 0;
    }
    header#masthead .row {
        padding: 0;
    }
    header#masthead:after {
        display: none;
    }
    .navbar .burger {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    nav#site-navigation {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #fff;
        border-top: 1px solid;
        border-bottom: 1px solid;
    }
    header#masthead .navbar {
        padding: 0px;
    }
    ul#primary-menu {
        padding: 20px !important;
    }
    ul#primary-menu li:not(:last-child) {
        margin: 0;
    }
    ul#primary-menu li {
        display: block;
    }
    ul#primary-menu li a:before {
        display: none;
    }
}


/**===========================================
      RESPONSIVE HEADER CSS END HERE
=============================================**/


/**===========================================
            404 PAGE CSS START HERE
=============================================**/
.error404 #breadcrumbs {
    display: none;
}
.error-404.not-found {
    text-align: center;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    position: relative;
    background-image: url('/wp-content/uploads/2022/01/404.jpg');
    background-size: cover;
}
.not_found_inner {
    max-width: 69.5%;
}

.error-404.not-found h1,
.error-404.not-found h1 span{
    font-size: 200px;
    line-height: 1;
    color: var(--dark-purple);
    margin: 30px 0;;
    font-weight: 800;
    
}
.error-404.not-found h1 span{
    color: var(--black);
}
.page-header h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 40px;
}
.page-header p {
    font-size: 22px !important;
    color: #000;
    margin-bottom: 20px;
}
.page-content .return_home {
    background-color: var(--dark-purple);
    color: #fff;
    padding: 20px 50px;
    display: inline-block;
    font-size: 20px;
    box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5);
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    border: 2px solid var(--dark-purple);
}
.page-content .return_home:hover {
    transform: translateY(-3px);
    background-color: transparent;
    color: #000;
    transform: scale(1.1);
}




/**===========================================
            404 PAGE CSS END HERE
=============================================**/

/**===========================================
      SEARCH PAGE CSS START HERE
=============================================**/

.single-result h1 {
    padding: 22px 0;
    color: #222;
}

.single-result {
    border: 1px solid rgb(220, 183, 171);
    padding: 10px 20px;
    margin: 20px 0;
}

.single-result h2 a {
    color: rgb(220, 183, 171);
    font-size: 25px;
}

.single-result:hover {
    transform: scale(1.02);
    background: rgb(220, 183, 171);
    transition: all 0.4s ease-in-out;
}

.single-result:hover h2 a,
.single-result:hover p {
    color: #fff;
}

body.search footer {
    margin-top: 0px !important;
}


/**===========================================
      SEARCH PAGE CSS END HERE
=============================================**/


/**================================
  HEADER CSS START FROM HERE
===================================**/

p.site-title {
    display: none;
}

header#masthead .row-one {
    background: #282846;
    padding: 5px 0;
}

header#masthead .row-two {
    padding: 16px 0;
}

section.header-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.site-branding img {
    width: 185px;
    height: 110px;
    object-fit: contain;
}

.header--right {
    display: flex;
    align-items: center;
}

ul.social-icons li {
    display: inline-block;
    border-radius: 100%;
}

ul.social-icons li:not(:last-child) {
    margin-right: 5px;
}

ul.social-icons li a {
    color: var(--white) !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

ul.social-icons li.facebook-icon {
    background: #385da9;
}

ul.social-icons li.twitter-icon {
    background: #33ccff;
}

ul.social-icons li.google-plus-icon {
    background: #dc4a38;
}

ul.social-icons li.linkedin-icon {
    background: #0073b1;
}
li.instagram-icon {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
li.pinterest-icon {
    background: #c8232c;
}
li.rss-icon {
    background: #ee802f;
}
li.youtube-icon {
    background: #FF0000;
}
li.whatsapp-icon {
    background: #25d366;
}
.consultation-btn {
    margin: 0px 50px;
    padding: 0px 50px;
    border-right: 1px solid var(--gray);
    border-left: 1px solid var(--gray);
}

.consultation-btn a {
    display: inline-block;
    background: var(--yellow);
    color: var(--dark-purple);
    font-family: var(--segoe);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 18px;
    line-height: 1;
}

.consultation-btn a:hover {
    background: var(--white);
}

ul.contact-info-header a {
    font-family: var(--segoe);
    color: var(--white);
    font-weight: 600;
    font-size: 20px;
}

ul.contact-info-header a:hover {
    color: var(--yellow);
}

ul.contact-info-header li i {
    color: var(--white);
    font-size: 16px;
    margin-right: 6px;
}

ul.contact-info-header li span {
    display: block;
    color: var(--white);
    font-weight: 700;
}

ul.contact-info-header li {
    text-align: center;
}

header#masthead .row-two .row {
    align-items: center;
}

#ajaxsearchlite1 .probox .proinput input::placeholder {
    color: transparent !important;
    font-size: 18px;
    font-family: var(--segoe);
    font-weight: 700;
}

div.asl_w .probox .promagnifier .innericon svg {
    fill: #6c6e70 !important;
    width: 26px;
}


/**================================
  HEADER CSS END FROM HERE
===================================**/


/**================================
  HOME COVER CSS START FROM HERE
===================================**/

.home--cover {
    height: 650px;
    position: relative;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: center center;
}
.home--cover:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: linear-gradient(90deg, transparent 0 0%, #000 50% 100%);*/
    /*background: linear-gradient(90deg, transparent 30%, #000 100% 100%);*/
    /*opacity: 0.6;*/
/*     background: linear-gradient(90deg, #fff 0%, transparent 100% 100%); */
	background: #000;
    opacity: 0.6;
}
.home--cover h1,
.home--cover h1 span {
    font-family: var(--montserrat) !important;
    font-size: 50px;
    font-weight: 700 !important;
    color: var(--white);
}

.home--cover h1 span {
    font-weight: 900 !important;
}

.home--cover p {
	color: var(--white);
    font-size: 20px;
    font-family: var(--segoe);
    font-weight: 600;
    max-width: 40%;
}
.home--cover .container {
    position: relative;
}

/**================================
    HOME COVER CSS END HERE
===================================**/


/**================================
  HOME ABOUT CSS START FROM HERE
===================================**/

.about--section--one {
    padding: 70px 0px;
}

.about--section--one p {
    font-weight: 500;
}

div#wpsm_counter_b_row_113 {
    position: absolute;
    background: var(--yellow);
    width: 70%;
    right: 40px;
    bottom: 110px;
}

.wpsm_number span {
    position: relative;
}
div#wpsm_counter_b_row_113 .wpsm_number span {
    font-size: 38px;
    padding-right: 180px;
}
div#wpsm_counter_b_row_113 .wpsm_number span:before {
    position: absolute;
    content: '+ YEARS';
    right: -30px;
    width: 240px;
}



div#wpsm_counter_b_row_113 h3.wpsm_count-title {
    font-size: 18px !important;
    margin: 0px !important;
    min-height: auto !important;
}


/**================================
    HOME ABOUT CSS END HERE
===================================**/

/**================================
    HOME AWARDS CSS START HERE
===================================**/
.awards--section {
    margin-bottom: 150px;
}
.awards--section .row--two {
    margin-bottom: 80px;
}
.awards--section .heading {
    margin-bottom: 70px !important;
}

.awards--section .row--one .vc_single_image-wrapper {
    border: 1px solid var(--dark-purple);
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
}



.awards--section .wpb_single_image {
  height: 200px;
}
.awards--section .wpb_single_image figure, 
.awards--section .wpb_single_image > figure,
.awards--section .wpb_single_image figure a,

.awards--section .wpb_single_image figure > div{
  height: 100%;
}
.awards--section .wpb_single_image figure img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}


/**================================
    HOME AWARDS CSS END HERE
===================================**/

/**================================
  HOME SERVICE CSS START FROM HERE
===================================**/

.services--section .heading h4,
.services--section .heading h2 {
    color: var(--white);
}

.services--section {
    padding: 50px 0px;
}

.services--section .heading {
    margin-bottom: 70px !important;
}

.home--services .inner-wrapper {
    background: #252a3b;
    margin: 0px 10px;
    color: var(--white);
    padding: 50px 20px;
    border-radius: 8px;
    /*min-height: 445px;*/
}

.home--services .inner-wrapper:nth-child(even) {
    margin-top: 60px;
}

.home--services .inner-wrapper .service--thumbnail {
    margin-bottom: 30px;
}

.home--services .inner-wrapper h3 {
    font-family: var(--montserrat);
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.home--services .inner-wrapper p {
    font-size: 16px;
    font-weight: 400;
}

.home--services .inner-wrapper h3 {
    font-family: var(--montserrat);
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    min-height: 62px;
}

.home--services .inner-wrapper p {
    font-size: 16px;
    font-weight: 400;
}

.home--services .inner-wrapper .service--thumbnail {
    margin-bottom: 30px;
    height: 100px;
}

.home--services .inner-wrapper .service--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.home--services .inner-wrapper a {
    font-family: var(--montserrat);
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}

.home--services .inner-wrapper a i {
    font-size: 14px;
    margin-left: 10px;
    transition: unset;
}

.home--services .inner-wrapper a:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 1px;
    background: var(--white);
    bottom: 0;
    transition: all .3s ease-in-out;
}

.home--services .inner-wrapper a:hover:before {
    width: 84px;
}


/**================================
    HOME SERVICE CSS END HERE
===================================**/


/**================================
    HOME ABOUT TWO CSS START HERE
===================================**/

.about--section--two {
    background-image: url('/wp-content/uploads/2021/12/why-go-map.jpg');
    background-repeat: no-repeat;
    /*background-size: 55% 90%;*/
        background-size: 55% 70%;
    background-position: bottom right;
    display: flex;
    align-items: flex-end;
    /*padding: 50px 0;*/
    margin-top: 100px;
}

.about--section--two .heading {
    margin-bottom: 70px !important;
}

.about--section--two .left h3 {
    font-family: var(--montserrat);
    font-size: 24px;
    font-weight: bold;
    color: var(--dark-purple);
    padding-bottom: 10px;
}

.about--section--two .left p {
    font-size: 16px;
    max-width: 70%;
    font-weight: 500;
}

.about--section--two .btn-purple {
    margin-top: 30px;
}

div#feedback--main:before {
    position: absolute;
    content: '';
    background: #143779;
    width: 70%;
    height: 100%;
    right: -100px;
}

div#feedback--main .inner-wrapper {
    /*display: grid;*/
    /*grid-template-columns: auto auto;*/
    /*align-items: center;*/
    /*grid-gap: 40px;*/
        padding-left: 30px;
}

div#feedback--main .inner-wrapper .client--thumbnail {
    width: 100px;
    height: 100px;
}

div#feedback--main .inner-wrapper .client--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

div#feedback--main .inner-wrapper .caption {
    position: relative;
    background: #143779;
    color: #fff;
    padding: 30px 0px 30px 50px;
    border-left: 8px solid #1f2437;
}

div#feedback--main .inner-wrapper .caption:before {
    position: absolute;
    content: '\f04c';
    font-family: 'Font Awesome 5 Free';
    background: #282846;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#feedback--main .inner-wrapper .caption p {
    font-weight: 300;
}

div#feedback--main .inner-wrapper .caption h4 {
    font-family: var(--montserrat);
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
}

div#feedback--main .inner-wrapper .caption .reviews span {
    font-size: 12px;
    margin: 0 1px;
}

span.fa.fa-star.checked {
    color: #ffd500;
}

.about--section--two--counter {
    margin-top: 70px;
}

.wpsm_number span {
    font-family: var(--montserrat);
    font-size: 50px;
    font-weight: bold;
}

h3.wpsm_count-title {
    margin: 10px !important;
    font-size: 24px !important;
    font-family: var(--montserrat) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

div#wpsm_counter_b_row_66 .wpsm_number span:before {
    position: absolute;
    content: '+ ';
    right: -35px;
}


div#team--img--slider {
    padding-bottom: 50px;
}
#team--img--slider .inner-wrapper {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: scale(0.9);
    transition: transform ease .3s;
}
#team--img--slider .slick-current .inner-wrapper {
  transform: scale(1.2);
}


#team--img--slider .slick-slide {
  margin: 20px;
}
/**================================
    HOME ABOUT TWO CSS END HERE
===================================**/


/**================================
    HOME CONTACT US CSS START HERE
===================================**/

.home--contact .col-right {
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 25%);
    padding: 40px;
}

.home--contact .vc_column-inner {
    padding: 0 !important;
}

.home--contact {
    overflow: visible !important;
    margin-bottom: 100px;
}

span.gfield_required {
    display: none !important;
}

label.gfield_label {
    color: #282846;
    font-weight: 300 !important;
    font-family: var(--montserrat);
    margin: 0px !important;
}

.gform_fields input,
.gform_fields textarea {
    border: 0;
    border-bottom: 1px solid #ccc;
}

div#gform_fields_1 {
    padding-top: 20px;
}

.gform_fields input:focus,
.gform_fields textarea:focus {
    border-color: var(--dark-purple);
}



span.gfield_required {
    display: none !important;
}

label.gfield_label {
    color: #282846;
    font-weight: 300 !important;
    font-family: var(--montserrat);
    margin: 0px !important;
}

.gform_fields input,
.gform_fields textarea,
.gform_fields select {
    border: 0;
    padding: 8px 0 !important;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

div#gform_fields_1 {
    padding-top: 20px;
}

.gform_fields input:focus,
.gform_fields textarea:focus {
    border-color: var(--dark-purple);
}

.gform_button  {
    background: #0067ed;
    color: var(--white);
    border: 0;
    padding: 12px 40px;
    border-radius: 50px;
    font-weight: 500;
    font-family: var(--montserrat);
    transition: all .3s ease-in-out;
}

.gform_button:hover {
    background: var(--dark-purple);
}

div#gform_1_validation_container {
    display: none;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    display: none;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
    border: 0 !important;
    border-bottom: 1px solid #c02b0a !important;
}

.ginput_container.ginput_container_date,
.ginput_container.ginput_container_date * {
    width: 100% !important;
}
/**================================
    HOME CONTACT US CSS END HERE
===================================**/


/**====================================
    HOME ENDORSMENT CSS START HERE
=======================================**/

.endorsement--slider {
    padding-bottom: 50px;
    position: relative;
}
.endorsement--slider .inner-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}

.endorsement--slider .endorsement--thumbnail {
    width: 300px;
    height: auto;
    margin-right: 30px;
}

.endorsement--slider .endorsement--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.endorsement--details p {font-size: 18px;padding-bottom: 10px;}

.endorsement--details h3 {font-size: 22px;font-family: var(--montserrat);font-weight: 700;color: var(--dark-purple);padding-bottom: 8px;}

.endorsement--details h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--gray);
    padding-bottom: 5px;
}
.endorsements--section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.endorsements--section .heading {
    margin-bottom: 50px !important;
}

.wrap-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 99;
}

.wrap-arrows i {
    margin: 0px 20px;
    cursor: pointer;
    font-size: 20px;
    color: var(--yello);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dark-purple);
}

.wrap-arrows i:hover {
    color: var(--white);
    background: var(--dark-purple);
}

.endorsement--details a {
  color: var(--dark-purple);
  font-weight: 600;
}
.endorsement--details a:hover {
  color: var(--yellow);
}
/**====================================
    HOME ENDORSMENT CSS END HERE
=======================================**/


/**====================================
    HOME MEET TEAM CSS START HERE
=======================================**/

.home--meet--team {
    padding: 70px 0;
}

.home--meet--team p {
    font-weight: 500;
    /*max-width: 90%;*/
}


/**====================================
    HOME MEET TEAM CSS END HERE
=======================================**/


/**=====================================
    HOME NEW BUSINEWSS CSS START HERE
=======================================**/

.new--business {
    margin-bottom: 70px;
    padding-bottom: 20px;
}

.new--business .row-one {
    margin-bottom: 10px;
}

@media screen and (min-width: 1239px) {
    .new--business .row-two {
        display: grid;
        grid-template-columns: 1fr 2fr 2fr 2fr;
        align-items: center;
        box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 25%);
    }
    .new--business .easy-step-heading {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
    }
}

.new--business .row-two:before {
    display: none;
}

.new--business .row-two>div {
    width: 100%;
}

.new--business .row-two .col-one {
    background: var(--yellow);
    display: flex;
    align-items: center;
}

.new--business .easy-step-heading p {
    font-family: var(--montserrat);
    font-size: 40px;
    font-weight: bold;
    color: var(--dark-purple);
}

.new--business .easy-step-heading {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 40px 0px;
}

.new--business .row-two p {
    padding: 0px 30px;
}

.new--business .row-two .wpb_content_element {
    margin-bottom: 0px;
}

.new--business .row-two .wpb_single_image {
    margin-bottom: 30px;
}

.new--business .row-two h4 {
    font-family: var(--montserrat);
    font-weight: 700;
    color: #131343;
    font-size: 22px;
    padding-bottom: 10px;
}

.new--business .row-two p {
    color: #131343;
}


/**====================================
    HOME NEW BUSINEWSS CSS END HERE
=======================================**/


/**====================================
    HOME LOCATIONS CSS START HERE
=======================================**/

.home--locations {
    margin-bottom: 50px;
}

.home--locations .inner-wrapper {
    position: relative;
}

.home--locations .location--thumbnail {
    height: 340px;
    position: relative;
}

.home--locations .location--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home--locations .location--thumbnail:before {
    position: absolute;
    content: '';
    background: var(--black);
    opacity: 0.6;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
}

.home--locations .location--title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home--locations .location--title a h3 {
    color: var(--white);
    --montserrat: 'Montserrat';
    font-size: 32px;
    font-weight: 700;
}

.home--locations .inner-wrapper:hover .location--thumbnail:before {
    opacity: 0.9;
}

.home--locations .inner-wrapper:hover h3 {
    color: var(--yellow);
}


/**====================================
    HOME LOCATIONS CSS END HERE
=======================================**/


/**====================================
      FOOTER CSS START HERE
=======================================**/

footer#colophon .row-one {
    background: var(--footer);
    padding: 100px 0;
}

footer#colophon .row-one h3 {
    font-family: var(--montserrat);
    color: var(--white);
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
}

footer#colophon .row-one a {
    color: var(--white);
    font-family: var(--segoe);
}

ul#menu-quick-links .current-menu-item a,
footer#colophon a:hover {
    color: var(--yellow);
}

footer#colophon .row-one li {
    line-height: 34px;
}

footer#colophon .row-one .menu li {
    list-style: disc;
    list-style-position: inside;
    color: #fff;
}

ul.footer-contact-info li i {
    font-size: 14px;
    color: #fff;
    margin: 5px 10px 0px 0;
}

ul.footer-contact-info li {
    display: flex;
    margin-bottom: 10px;
}

footer#colophon .row-one ul.social-icons {
    margin-top: 40px !important;
}

footer#colophon .row-two {
    background: #090931;
    padding: 10px 0;
}

.copyright span,
.copyright span a {
    color: var(--white);
    font-size: 16px;
}

.copyright span a:hover {
    color: var(--yellow);
}


/**====================================
      FOOTER CSS END HERE
=======================================**/

/**====================================
      ABOUT PAGE CSS START HERE
=======================================**/


.about--team {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-gap: 20px;
}

.team--thumbnail {
    height: 200px;
    margin-bottom: 20px;
    width: 100%;
}

.team--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;

}

.team--details h3 {
    font-family: var(--montserrat);
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-purple);
}

.team--details p {
    font-weight: 500;
    font-size: 15px;
}

.about--team .inner-wrapper {
    text-align: center;
}


.about--meet--team {
    margin-bottom: 70px;
}

.collaborations--section .heading {
    max-width: 50%;
    margin: 0 auto 50px !important;
}
.collaborations--section .heading h2 {
    padding-bottom: 20px;
}
.collaboration--slider .collaboration--thumbnail {
    width: auto;
    height: 200px;
    margin: 0 20px;
    border: 1px solid var(--dark-purple);
    padding: 20px;
    border-radius: 10px;
}

.collaboration--slider .collaboration--thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.faqs--section {
    margin: 70px 0;
}

.faqs--section span.vc_tta-title-text {
    color: var(--dark-purple);
}

.faqs--section .vc_tta-panel {
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 25%);
    border-radius: 10px;
}
.vc_tta-panel-title.vc_tta-controls-icon-position-right {
    padding-bottom: 0 !important;
}
.faqs--section .heading {
    margin-bottom: 50px !important;
}

/**====================================
      ABOUT PAGE CSS END HERE
=======================================**/


/**====================================
      SERVICES PAGE CSS START HERE
=======================================**/

.service--page .heading h2, 
.service--page .heading h4 {
    color: var(--dark-purple);
}
.page-id-148 .about--section--two {
    margin-top: 0px;
    margin-bottom: 100px;
}

/**====================================
      SERVICES PAGE CSS END HERE
=======================================**/


/**========================================
     SINGLE SERVICES PAGE CSS START HERE
===========================================**/
.home--cover h1 {
    max-width: 80%;
}
.single-service h4 {
    font-family: var(--montserrat);
    font-size: 28px;
    font-weight: bold;
    color: var(--dark-purple);
    padding-bottom: 20px;
}

.single-service  .home--cover {
    margin-bottom: 100px;
}

.single-service .wpb_row ul li {
    list-style: disc !important;
    list-style-position: inside !important;
}

.single-service .wpb_row ul {
    margin-bottom: 20px !important;
}

.single-service .wpb_row h5 {
    color: var(--yellow);
    font-family: var(--segoe);
    font-weight: bold;
}

.single-service .about--section--two {
    margin-top: 50px;
    margin-bottom: 130px;
}

.single-service .get-free-consultation {
    background: var(--dark-purple);
    color: var(--white);
}

.single-service .get-free-consultation .wpb_content_element {margin-bottom: 0px;}

.single-service .get-free-consultation .btn-purple {
    margin-bottom: 0px;
}

.single-service .get-free-consultation .btn-purple a {
    background: var(--yellow) !important;
    margin-top: 30px;
}

.single-service .get-free-consultation {
    padding: 70px 0;
}

.single-service .get-free-consultation {
    margin-bottom: 50px;
}

.single-service .get-free-consultation .btn-purple a:hover {
    background: var(--white) !important;
}

.single-service .faqs--section {
    margin-top: 0px;
}

.single-service nav.navigation.post-navigation {
    display: none;
}
.single-service .services--section .heading h4, 
.single-service .services--section .heading h2 {
    color: var(--dark-purple);
}

.single-service .about--meet--team {
    margin-top: 70px;
}

.single-service section.vc_section a {
    color: var(--yellow);
}

.single-service section.vc_section a:hover {
    color: var(--dark-purple);
}
/**========================================
     SINGLE SERVICES PAGE CSS END HERE
===========================================**/


/**========================================
     CONTACT US PAGE CSS START HERE
===========================================**/

.speak--agent--section {
    margin-top: 70px;
    margin-bottom: 70px;
}
.page-id-171 ul.footer-contact-info li a {
    position: relative;
    font-size: 16px;
    color: var(--dark-purple);
    /*text-transform: capitalize;*/
    font-family: var(--segoe);
    font-weight: 600;
    margin-bottom: 10px !important;
}

.page-id-171 ul.footer-contact-info li i {
    color: var(--yellow);
    font-size: 20px;
}

.page-id-171 ul.footer-contact-info li a:hover {
    color: var(--yellow);
}

.page-id-171 ul.footer-contact-info {max-width: 90%;}


.home--contact.booking .col-right {
    padding: 70px 0 50px 0px;
    max-width: 75%;
    margin: 0 auto;
}
/**========================================
     CONTACT US PAGE CSS END HERE
===========================================**/

/**========================================
     SINGLE LOCATION PAGE CSS START HERE
===========================================**/

.single--locations--wrapper h4 {
    font-family: var(--montserrat);
    font-size: 28px;
    font-weight: bold;
    color: var(--dark-purple);
    padding-bottom: 20px;
}


.single--service--section {
    margin-top: 100px;
    margin-bottom: 70px;
}

.single--service--section li {
    list-style: disc;
    list-style-position: inside;
}

.single--service--section a {
    color: var(--yellow);
}

.single--service--section a:hover {
    color: var(--dark-purple);
}

.single--service--section ul {
    margin-bottom: 20px !important;
}

main#single--locations .faqs--section {
    margin-top: 0px;
}
/**========================================
     SINGLE LOCATION PAGE CSS END HERE
===========================================**/


/**===========================================
        BLOGS PAGE CSS START HERE
=============================================**/
div#blog--page {
    margin-top: 70px;
}
.blog--section .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column-reverse;
}
.blog--page .inner-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 70px !important;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 25%);
    transition: all .3s ease-in-out;
}

.blog--page .blog--thumbnail {
    position: relative;
    width: 100%;
    height: 285px;
    margin-bottom: 40px;
    overflow: hidden;
    border-radius: 15px 15px 0px 0px;
}
.blog--page .blog--thumbnail:before {
    position: absolute;
    content: '';
    background: rgb(0,0,0,0.4);
    width: 100%;
    height: 100%;
    left: 0;
}
.blog--page .blog--thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog--page .blog--meta {
    background: #010101;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: ease all 0.4s;
    position: absolute;
    top: 10px;
    left: 25px;
}

.blog--page .blog--meta p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    width: 28px;
    line-height: 20px;
    text-align: center;
}

.blog--details h3 {
    font-size: 24px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 600;
    color: var(--black);
    padding-bottom: 24px;
}

.blog--page .blog--details {
    max-width: 90%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.blog--page .blog--details a {
    font-size: 18px;
    border-bottom: 1px solid var(--black);
    display: inline-block;
    line-height: 18px;
    color: var(--black);
}

.blog--page .blog--details a:hover {
    color: var(--dark-blue);
    border-color: var(--dark-blue);
}
.single-post img {
    width: 100%;
    object-fit: contain;
}
.mejs-container {
    margin: 50px auto !important;
}
/**===========================================
        BLOGS PAGE CSS END HERE
=============================================**/


/**===========================================
      SINGLE BLOGS PAGE CSS START HERE
=============================================**/
main#single--blog {
    margin: 130px 0px 150px 0;
}

.single--blog--wrapper .single--blog-thumbnail {
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}
.single--blog--wrapper .single--blog-thumbnail:before {
    position: absolute;
    content: '';
    background: rgb(0,0,0,0.4);
    width: 100%;
    height: 100%;
    left: 0;
}
.single--blog--wrapper .single--blog-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single--blog--wrapper .single--post-date {
    margin: 10px 0 50px;
}

.single--blog--wrapper .single--post-date ul {
    display: flex;
}

.single--blog--wrapper .single--post-date li {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-right: 40px;
    align-items: center;
}

.single--blog--wrapper .single--post-date ul li i {
    color: var(--gray);
    margin-right: 7px;
}

.single--blog--wrapper .single--post-date li p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: var(--gray);
}

.single--blog--wrapper .single--blog--title {
    margin-top: 25px;
}

.single--blog--title h2 {
    position: relative;
    font-family: var(--montserrat);
    font-size: 40px;
    font-weight: bold;
    color: var(--dark-purple);
    padding-bottom: 10px;
}
.single--blog--title h2:before {
    position: absolute;
    content: '';
    background: var(--yellow);
    width: 100px;
    height: 4px;
    bottom: 0;
}
.single--blog--wrapper li {
    list-style: decimal;
    margin-bottom: 10px;
}

.single--blog--wrapper .blog--content h1, 
.single--blog--wrapper .blog--content h2, 
.single--blog--wrapper .blog--content h3, 
.single--blog--wrapper .blog--content h4, 
.single--blog--wrapper .blog--content h5, 
.single--blog--wrapper .blog--content h6 {
    font-family: var(--montserrat);
    font-weight: bold;
    color: var(--dark-purple);
    padding-bottom: 20px;
}
.mejs-audio {
    width: 50% !important;
    margin: 50px 0;
}
.mejs-video {margin-bottom: 50px;}

.single--blog--wrapper .blog--content a {
    color: var(--yellow);
}

.single--blog--wrapper .blog--content a:hover {
    color: var(--dark-purple);
}
.blogs--disclaimer {
    margin-top: 70px;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 25%);
    padding: 40px 20px;
    border-radius: 20px;
}

.single--blog--wrapper img {
    margin: 40px 0;
}
.single--blog--wrapper ul,
.single--blog--wrapper ol {
    padding-left: 0px;
    margin-bottom: 30px !important;
}


a.blog-btn {
    background: var(--dark-purple);
    font-family: var(--montserrat);
    color: var(--white) !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    padding: 12px 35px;
    margin-top: 10px !important;
    display: inline-block
}
a.blog-btn:hover {
    background: var(--yellow);
    color: var(--dark-purple) !important;
}

.pagination {
    justify-content: space-between;
    margin-bottom: 100px;
}

.pagination .left, .pagination .right a {
    font-family: var(--montserrat);
    font-size: 16px;
    font-weight: bold;
    color: var(--dark-purple);
}

.pagination .right span {
    color: var(--yellow);
    font-family: var(--montserrat);
    font-size: 24px;
    font-weight: bold;
}

.pagination .right {
    display: flex;
    align-items: center;
}

.pagination .right a, .pagination .right span {
    margin: 0px 5px;
}

.pagination .right a:hover {
    color: var(--yellow);
}

.blog--consultation--wrapper.social-share--wrapper {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    margin-top: 100px;
}
.blog--consultation h6 {
    font-family: var(--montserrat);
    font-weight: 700;
    color: #131343;
    font-size: 22px;
    padding-bottom: 20px;
}
.blog--consultation.btn-purple a {
    display: inline-block;
}
/**===========================================
      SINGLE BLOGS PAGE CSS END HERE
=============================================**/





/**===========================================
     COMMENT FORM CSS START HERE
=============================================**/

div#comments {
    margin-top: 70px;
}
div#respond h1 {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    position: relative;
    color: #010101;
    font-size: 48px;
    font-weight: 600;
}
div#respond h2 {
    line-height: 20px;
    color: var(--dark-purple);
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 0px;
    font-family: var(--segoe);
}

div#respond input {
    background: #fff;
    border: none;
    padding: 10px 15px;
}
div#respond textarea {
    width: 97.5%;
    padding: 15px;
    resize: none;
}
form#commentform textarea {
    border-radius: 0;
}
form#commentform input {
    border-radius: 0;
}
form#commentform input,
form#commentform textarea {
    border: 1px solid #ccc;
    background: transparent;
}
#respond form .comment-notes {
    font-size: 16px;
    color: #252525;
    font-weight: 400;
    padding-bottom: 10px;
}

div#respond label {
    margin-right: 16px;
}
.submit-wrap {
    position: relative;
    display: inline-block;
    margin-top: 20px;
}
div#respond input[type="submit"]  {
    background: var(--dark-purple) !important;
    color: var(--white) !important;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 50px !important;
    display: inline-block !important;
    border: 0px !important;
    border-radius: 0px !important;
    overflow: hidden;
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#respond input[type="submit"]:hover {
    background: var(--yellow) !important;
}

p.comment-form-url, p.comment-form-cookies-consent {
    display: none;
}


#comments h3#comments-title {
    margin-top: 20px;
    color: #e22b26;

}

form#commentform {
    display: flex;
    flex-direction: column;
    width: 70%;
}

form#commentform p.form-submit {
    order: 5;
}

form#commentform p.comment-form-comment {
    order: 4;
}

form#commentform label {
    display: none;
        justify-content: space-between;
}
form#commentform ::placeholder {
    color: #424e60;
    font-size: 14px;
    font-weight: 400;
}
.comment-form1 p, .comment-form1 input {
    width: 95%;
}

.comment-form1 {
    display: flex;
    width: 100%;
}

ol.commentlist .comment-body {
    border-top: 1px solid #0c265b;
    border-bottom: 1px solid #0c265b;
    padding: 15px;
}


.comment-author.vcard img {
    width: 50px;
}

ol.commentlist li {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
}

ol.commentlist img {
    height: auto;
}

.commentlist cite.fn {
    color: #e22b26;
    font-weight: 500;
    margin-left: 5px;
}

em.comment-awaiting-moderation {
}

.comment-author.vcard {
    margin-bottom: 10px;
}

.comment-meta a {
    color: var(--gray);
}




h2.comments-title {
    font-size: 28px;
    text-transform: capitalize;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 50px;
    color: #252525;
    font-weight: 700;
}
h2.comments-title span br {
    display: none;
}

ol.comment-list {
    margin: 0 0 100px 0;
    padding-left: 0;
}


ol.comment-list li {
    border-bottom: 1px solid #0c265b;
    padding: 15px 0;
}
.comment-author.vcard img {
    width: 50px;
    height: auto;
}

ol.commentlist li {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
}

.comment-author b.fn {
    color: var(--black);
    text-transform: capitalize;
    padding-left: 10px;
}

ol.comment-list li {
    border: 1px solid #ddd;
    padding: 20px;
}

ol.comment-list .comment-metadata {
    padding: 0px 0px 0px 65px;
    margin-top: -25px;
}

ol.comment-list .comment-content {
    margin: 10px 0px 0px 65px;
}
ol.comment-list .reply {
    margin-left: 60px;
}
a.comment-reply-link {
    background: var(--dark-purple) !important;
    color: var(--white) !important;
    margin-top: 20px;
    border: 0px !important;
    padding: 6px 28px !important;
    font-size: 14px;
    border-radius: 0px;
    line-height: 100%;
    cursor: pointer;
}

a.comment-reply-link:hover {
    background: var(--yellow) !important;
}


/**===========================================
     COMMENT FORM CSS END HERE
=============================================**/


/**===========================================
     BOOK CONSULTATION PAGE CSS START HERE
=============================================**/


.home--contact.book--cosultation--section {
    margin-top: 120px;
    margin-bottom: 120px;
}

/**===========================================
     BOOK CONSULTATION PAGE CSS END HERE
=============================================**/

/**===========================================
     GET AND GIVE PAGE CSS START HERE
=============================================**/

.get--give--section {
    margin-top: 70px;
    margin-bottom: 70px;
}

.get--give--section .row-one {
    width: 60%;
    margin: 100px auto 100px;
}

.get--give--section .row-two .heading {
    margin-bottom: 70px !important;
}

.get--give--section .row-two {
    max-width: 60%;
    margin: 0 auto;
}

/**===========================================
     GET AND GIVE PAGE CSS END HERE
=============================================**/

/**===========================================
     PRIVACY POLICY PAGE CSS START HERE
=============================================**/

.privacy--policy--section {
    padding: 70px 0;
}
.privacy--policy--section a {
    color: var(--yellow);
    font-weight: 600;
}

.privacy--policy--section a:hover {
    color: var(--dark-purple);
}




/**===========================================
     PRIVACY POLICY PAGE CSS END HERE
=============================================**/


/**===========================================
     SOCIAL SHARE BLOGS  CSS START HERE
=============================================**/

.social-box {
    display: block;
	font-weight: bolder;
	text-align: right;
}
.social-btn > span {
    font-family: var(--montserrat);
    font-weight: 700;
    color: #131343;
    font-size: 22px;
    display: block;
    padding-bottom: 20px;
}

.social-btn {
    width: 100%;
}
.social-box a:not(:last-child) {
    margin-right: 10px;
}

a.col-2.sbtn {
    width: 6%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 0 0;
    line-height: 1.825 !important;
    max-width: 50px;
    min-width: 50px;
}

.s-twitter {
	background: #03A9F4;
}
.s-twitter::before {
    font-family: fontawesome;
    content: '\f099';
}
.s-twitter:hover {
    background: #0093d6;
}

.s-facebook {
	background: #3F51B5;
}
.s-facebook::before {
    font-family: fontawesome;
    content: '\f09a';
}

.s-linkedin {
	background: #1a7baa;
}

.s-linkedin::before {
    font-family: fontawesome;
    content: '\f0e1';
}

a.col-2.sbtn.s-linkedin:hover {
    background: #136288;
}

.s-reddit {
	background: #ff4500;
}

.s-reddit::before {
    font-family: fontawesome;
    content: '\f1a1';
}

a.col-2.sbtn.s-reddit:hover {
    background: #e60000;
}

.social-btn a:last-of-type {
    margin: 0;
}

/**===========================================
     SOCIAL SHARE BLOGS  CSS END HERE
=============================================**/


/**===========================================
     TEAM PAGE  CSS START HERE
=============================================**/

.team--page {
    margin-top: 100px;
    margin-bottom: 50px;
}

div#meet--team .row {
    justify-content: center;
}

.meet--team .team--thumbnail {
    height: 350px;
}

/**===========================================
     TEAM PAGE  CSS END HERE
=============================================**/


/**===========================================
     RESPONSIVE CSS START HERE
=============================================**/
#site-branding {
    display: block !important;
}
@media only screen and (max-width: 1239px){


.heading h2 {
    font-size: 28px;
}
section.header-wrapper {flex-direction: column;align-items: center;}

section.header-wrapper .header--left {
    margin-bottom: 30px;
}

.home--cover h1 {
    font-size: 40px;
}

.home--cover p {
    max-width: 80%;
}



.new--business .row-two .col-one {
    background: transparent;
}

.new--business .easy-step-heading {
    justify-content: center;
}

.new--business .row-two>div:not(:last-child) {
    margin-bottom: 50px;
}
.home--locations .location--title a h3 {
    font-size: 28px;
}
.home--contact.booking .col-right {
    max-width: 90%;
}



}
@media only screen and (max-width: 991px){

header#masthead {
    position: unset;
    padding: 0;
}

.navbar .burger-line {
    background: #fff;
}

.navbar .burger {
    position: absolute;
    right: 20px;
}

header#masthead .row-one {
    padding: 20px 0;
}

.consultation-btn {border: 0;}

.header--right {
    display: grid;
    grid-gap: 20px;
    justify-items: center;
}

header#masthead .row-two .col-md-3 {
    display: none;
}

header#masthead .row-two .col-md-9 {
    width: 100%;
}

header#masthead .row-two nav#site-navigation {
    justify-content: center;
}


.home--cover h1, .home--cover h1 span {
    font-size: 28px;
    line-height: 50px;
}

.home--cover {
    height: 500px;
}

footer#colophon .row-one {
    padding: 50px 0;
}

footer#colophon .row-one h3 {
    padding: 40px 0;
}
.home--contact.booking .col-right {
    max-width: 100%;
}
.get--give--section .row-one {
    width: 100%;
    margin: 50px auto 50px;
}
.endorsement--slider .inner-wrapper {
    display: block;
}
.team--thumbnail {
    height: 100px;
}
}

@media only screen and (max-width: 767px){
header#masthead .row-two {
    display: none;
}

.heading h4 {
    font-size: 24px;
}
.heading h2 br {
    display: none;
}

.consultation-btn {
    margin: 0;
    padding: 0;
}
.consultation-btn {
    margin: 0;
    padding: 0;
}

.home--cover {
    height: auto;
    padding: 20px 0 30px 0;
}
.home--cover h1 {
    max-width: 100%;
}

.home--cover h1 br {
    display: none;
}

.home--cover h1, .home--cover h1 span {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}

.home--cover p {
    max-width: 100%;
}
.home--services .slick-dots li {
    width: 14px;
    height: 14px;
    background: #ccc;
    border-radius: 50%;
}

.home--services .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
}

.home--services .slick-dots li button:before {
    font-size: 0;
}

.home--services .slick-dots li.slick-active {
    background: #fabf01;
}


.about--section--two {
    flex-direction: column;
    margin-top: 30px;
    background-image: unset;
}


div#feedback--main  .slick-list.draggable {
    margin-bottom: 50px;
}

div#feedback--main ul.slick-dots {
    bottom: -50px;
}
div#feedback--main .inner-wrapper {
    padding: 0;
}
div#feedback--main .inner-wrapper .caption:before {
    display: none;
}

div#feedback--main:before {
    display: none;
}

div#feedback--main .inner-wrapper .caption {
    padding: 50px 20px;
}

div#feedback--main ul.slick-dots li button:before,
.endorsement--slider ul.slick-dots li button:before,
#collaboration--slider ul.slick-dots li button:before {
    display: none;
}

div#feedback--main ul.slick-dots li,
.endorsement--slider ul.slick-dots li,
#collaboration--slider ul.slick-dots li {
    width: 15px;
    height: 15px;
    background: #ccc;
    border-radius: 50%;
}

div#feedback--main ul.slick-dots li.slick-active,
.endorsement--slider ul.slick-dots li.slick-active,
#collaboration--slider ul.slick-dots li.slick-active {
    background: #fabf01;
}
.awards--section .row--one .vc_single_image-wrapper {
    width: 250px;
}


.endorsement--slider .endorsement--thumbnail {
    width: 100%;
    margin-bottom: 20px;
}
.awards--section {
    margin-bottom: 50px;
}

.home--contact .col-right {
    padding: 30px 15px;
    box-shadow: unset;
}

.home--contact {
    margin-bottom: 30px;
}

.new--business {
    margin-bottom: 0;
}

.home--locations .location--thumbnail {
    height: 250px;
}

.home--locations {
    margin-bottom: 0;
}
.about--section--one {
    padding: 30px 0;
}

div#wpsm_counter_b_row_113 .wpsm_number span {
    font-size: 28px;
    padding-right: 160px;
}

div#wpsm_counter_b_row_113 h3.wpsm_count-title {
    font-size: 16px !important;
}

div#about--team {
    margin-bottom: 50px;
}

.about--meet--team {
    margin-bottom: 30px;
}

.collaborations--section .heading {
    max-width: 100%;
}

.home--services .inner-wrapper:nth-child(even) {
    margin-top: 0;
}
.about--section--two .left p {
    max-width: 100%;
}

.single-service .home--cover {
    margin-bottom: 50px;
}

.single-service .about--section--two {
    margin-bottom: 50px;
}

.single-service .get-free-consultation {
    margin-bottom: 0;
}

.team--thumbnail {
    height: auto;
}
.single-service ul.slick-dots {
    margin: 0 !important;
}
.pagination {
    margin-bottom: 50px;
}
.speak--agent--section {
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-id-171 .home--contact .vc_column-inner {
    padding: 0 15px !important;
}

.page-id-171 .home--contact .col-right {
    padding: 0;
}

.page-id-171 .home--contact.booking .col-right {
    padding-top: 20px;
    padding-bottom: 0;
}

.page-id-171 .home--contact.booking .col-right .heading {
    padding-bottom: 30px;
}
.get--give--section .row-two {
    max-width: 100%;
}

.get--give--section .row-one {
    margin-bottom: 0;
}

.get--give--section {
    margin-top: 20px;
    margin-bottom: 40px;
}
.privacy--policy--section {
    padding: 20px 0;
}

.single--service--section {
    margin-top: 50px;
    margin-bottom: 30px;
}
.services--section {
    padding-top: 20px;
}
.awards--section .row--two {
    margin-bottom: 30px;
}


body.home .new--business {
    margin-bottom: 50px;
}
}
/**===========================================
     RESPONSIVE CSS END HERE
=============================================**/

/**===========================================
     THANKYOU PAGE CSS START HERE
=============================================**/
.home--cover.thaknyou h1 {
  max-width: 100%;
}

/**===========================================
     THANKYOU PAGE CSS END HERE
=============================================**/


.page.page-id-415 .home--cover::before {
  opacity: 0;
}

/* ============================================================
   BRIGHTPATH CARIBBEAN – CUSTOM ENHANCEMENTS
   Calculator re-skin, mobile fixes & UX polish
   ============================================================ */

/* ---- CSS Variables (site palette) ---- */
:root {
  --bp-navy: #0d1b3e;
  --bp-navy-mid: #1d2132;
  --bp-navy-light: #1a3060;
  --bp-gold: #e8a838;
  --bp-gold-dark: #c98e1e;
  --bp-gold-light: #f0c060;
  --bp-teal: #148f77;
  --bp-white: #ffffff;
  --bp-off-white: #f4f7fc;
  --bp-text-muted: rgba(255,255,255,0.75);
  --bp-radius: 14px;
  --bp-radius-sm: 8px;
  --bp-shadow: 0 8px 40px rgba(13,27,62,0.15);
  --bp-shadow-gold: 0 6px 24px rgba(232,168,56,0.35);
}

/* ============================================================
   CALCULATOR RE-SKIN – Match Site's Navy/Gold Palette
   ============================================================ */

/* Calculator wrapper */
#bp-relocation-calc {
  font-family: inherit !important;
}

/* Calculator section background */
.bp-calculator-section {
  background: linear-gradient(160deg, #0d1b3e 0%, #1d2132 50%, #0d1b3e 100%) !important;
  padding: 60px 20px !important;
  position: relative;
  overflow: hidden;
}

/* Decorative background accent */
.bp-calculator-section::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,168,56,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.bp-calculator-section::after {
  content: '';
  position: absolute;
  bottom: -80px;
  left: -80px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,168,56,0.05) 0%, transparent 70%);
  pointer-events: none;
}

/* Card */
.bp-calc-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(232,168,56,0.18) !important;
  border-radius: var(--bp-radius) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
  backdrop-filter: blur(6px);
  overflow: hidden !important;
}

/* Header */
.bp-calc-header {
  background: linear-gradient(135deg, var(--bp-navy) 0%, var(--bp-navy-light) 60%, rgba(232,168,56,0.15) 100%) !important;
  border-bottom: 2px solid rgba(232,168,56,0.25) !important;
  padding: 40px 40px 30px !important;
}

.bp-calc-header h2 {
  color: var(--bp-white) !important;
  font-size: 1.75em !important;
}

.bp-calc-header p {
  color: var(--bp-text-muted) !important;
}

/* Badge */
.bp-calc-badge {
  background: rgba(232,168,56,0.15) !important;
  border: 1px solid rgba(232,168,56,0.4) !important;
  color: var(--bp-gold) !important;
  font-weight: 700 !important;
}

/* Body */
.bp-calc-body {
  background: rgba(13,27,62,0.0) !important;
  padding: 36px 40px !important;
}

/* Field labels */
.bp-calc-field label {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.85em !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

/* Selects */
.bp-calc-select {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(232,168,56,0.25) !important;
  border-radius: var(--bp-radius-sm) !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 12px 14px !important;
  transition: border-color 0.2s, background 0.2s !important;
  -webkit-appearance: none;
  appearance: none;
}

.bp-calc-select:focus {
  border-color: var(--bp-gold) !important;
  background: rgba(255,255,255,0.1) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232,168,56,0.2) !important;
}

.bp-calc-select option {
  background: var(--bp-navy-mid);
  color: #fff;
}

/* Custom dropdown arrow */
.bp-calc-select-wrap::after {
  color: var(--bp-gold) !important;
}

/* Range slider */
.bp-calc-range {
  background: rgba(255,255,255,0.12) !important;
}

.bp-calc-range::-webkit-slider-thumb {
  background: linear-gradient(135deg, var(--bp-gold), var(--bp-gold-dark)) !important;
  box-shadow: 0 2px 10px rgba(232,168,56,0.5) !important;
}

.bp-calc-range::-moz-range-thumb {
  background: linear-gradient(135deg, var(--bp-gold), var(--bp-gold-dark)) !important;
  border: none !important;
}

/* Range value display */
.bp-range-val {
  color: var(--bp-gold) !important;
  background: rgba(232,168,56,0.12) !important;
  border: 1px solid rgba(232,168,56,0.25) !important;
  border-radius: var(--bp-radius-sm) !important;
}

/* Divider */
.bp-calc-divider {
  border-top: 1px solid rgba(232,168,56,0.15) !important;
}

/* Calculate button */
.bp-calc-btn {
  background: linear-gradient(135deg, var(--bp-gold) 0%, var(--bp-gold-dark) 100%) !important;
  color: var(--bp-navy) !important;
  border-radius: var(--bp-radius-sm) !important;
  font-size: 1.05em !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  box-shadow: var(--bp-shadow-gold) !important;
  border: none !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}

.bp-calc-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(232,168,56,0.45) !important;
  background: linear-gradient(135deg, var(--bp-gold-light) 0%, var(--bp-gold) 100%) !important;
}

/* Results section */
.bp-results-header {
  background: linear-gradient(135deg, rgba(232,168,56,0.1), rgba(232,168,56,0.05)) !important;
  border: 1px solid rgba(232,168,56,0.3) !important;
  border-radius: var(--bp-radius) !important;
}

.bp-results-header h3 {
  color: var(--bp-gold) !important;
}

.bp-results-header p {
  color: rgba(255,255,255,0.7) !important;
}

/* Cost items */
.bp-cost-item {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(232,168,56,0.15) !important;
  border-radius: var(--bp-radius-sm) !important;
}

.bp-cost-item .bp-cost-label {
  color: rgba(255,255,255,0.55) !important;
}

.bp-cost-item .bp-cost-amount {
  color: var(--bp-gold-light) !important;
}

.bp-cost-item .bp-cost-range {
  color: rgba(255,255,255,0.4) !important;
}

/* Total bar */
.bp-total-bar {
  background: linear-gradient(135deg, var(--bp-gold) 0%, var(--bp-gold-dark) 100%) !important;
  border-radius: var(--bp-radius-sm) !important;
}

.bp-total-label {
  color: var(--bp-navy) !important;
  font-weight: 700 !important;
}

.bp-total-amount {
  color: var(--bp-navy) !important;
  font-size: 2em !important;
  font-weight: 900 !important;
}

.bp-total-note {
  color: rgba(13,27,62,0.7) !important;
}

/* Savings box */
.bp-savings-box {
  background: rgba(232,168,56,0.08) !important;
  border: 1px solid rgba(232,168,56,0.3) !important;
  border-radius: var(--bp-radius-sm) !important;
}

.bp-savings-box h4 {
  color: var(--bp-gold) !important;
}

.bp-savings-box p {
  color: rgba(255,255,255,0.7) !important;
}

/* CTA inside calculator */
.bp-cta-calc {
  background: linear-gradient(135deg, var(--bp-navy-light), var(--bp-navy)) !important;
  border: 1px solid rgba(232,168,56,0.2) !important;
  border-radius: var(--bp-radius) !important;
}

.bp-cta-calc h4 {
  color: var(--bp-gold) !important;
}

.bp-cta-calc p {
  color: rgba(255,255,255,0.75) !important;
}

.bp-cta-calc a {
  background: linear-gradient(135deg, var(--bp-gold) 0%, var(--bp-gold-dark) 100%) !important;
  color: var(--bp-navy) !important;
  font-weight: 800 !important;
  box-shadow: var(--bp-shadow-gold) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}

.bp-cta-calc a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(232,168,56,0.4) !important;
}

.bp-disclaimer {
  color: rgba(255,255,255,0.35) !important;
}

/* ============================================================
   SEARCH BAR ENHANCEMENT
   Better animated placeholder styling
   ============================================================ */

/* Improve search overlay text color to match nav */
#bpc-search-overlay {
  color: #777 !important;
  font-style: normal !important;
  font-size: 13px !important;
}

/* ============================================================
   GLOBAL MOBILE-FIRST IMPROVEMENTS
   ============================================================ */

/* --- Smooth scrolling --- */
html {
  scroll-behavior: smooth;
}

/* --- Touch targets – minimum 44px for interactive elements on mobile --- */
@media (max-width: 768px) {
  a, button, input, select, textarea {
    min-height: 40px;
  }
  
  /* Nav menu items larger touch targets */
  .main-navigation a,
  .nav-menu a {
    padding: 12px 16px !important;
  }

  /* Header: stack on mobile */
  .main-header .header-wrapper,
  .header-wrapper {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  /* Logo centering on mobile */
  .site-logo,
  .custom-logo-link,
  .navbar-brand {
    display: block !important;
    text-align: center !important;
    margin: 0 auto 8px !important;
  }

  /* Social icons in header – center on mobile */
  .header--social-icons,
  .social-icons {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  /* Hero text */
  .home--cover h1,
  .hero-title,
  .vc_row h1 {
    font-size: clamp(1.6rem, 5vw, 2.8rem) !important;
    line-height: 1.2 !important;
  }

  /* Services grid – single column on mobile */
  #home--services {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Service cards */
  #home--services .inner-wrapper {
    flex-direction: column !important;
    padding: 20px !important;
    gap: 16px !important;
  }

  /* Locations grid */
  #home--locations .row {
    margin: 0 !important;
  }

  #home--locations .col-lg-4 {
    padding: 8px !important;
  }

  /* Blog grid */
  #blog--page .col-lg-4 {
    padding: 8px !important;
  }

  /* Team grid */
  #meet--team .col-md-3 {
    width: 50% !important;
    padding: 8px !important;
  }

  /* Reduce section padding on mobile */
  .vc_row,
  .vc_section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* CTA button full-width on mobile */
  .cta--button,
  .btn-yellow {
    width: 100% !important;
    text-align: center !important;
  }

  /* Contact form improvements */
  .hs-form input,
  .hs-form select,
  .hs-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* Prevents iOS zoom */
  }
}

/* ---- Tablet adjustments (769px – 1024px) ---- */
@media (min-width: 769px) and (max-width: 1024px) {
  .home--cover h1 {
    font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  }

  #home--services {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ---- Images: always responsive ---- */
img {
  max-width: 100%;
  height: auto;
}

/* ---- Location cards: fix image overflow ---- */
.location--thumbnail img,
.blog--thumbnail img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* ============================================================
   OVERALL UX POLISH (desktop + mobile)
   ============================================================ */

/* Smooth hover transitions on service cards */
#home--services .inner-wrapper,
.inner-wrapper {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#home--services .inner-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(13,27,62,0.18) !important;
}

/* Location card hover */
.location--thumbnail {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.location--thumbnail img {
  transition: transform 0.35s ease !important;
}

.home--locations .inner-wrapper:hover .location--thumbnail img {
  transform: scale(1.05) !important;
}

/* Blog card hover */
.blog--thumbnail {
  overflow: hidden !important;
  border-radius: 8px !important;
}

.blog--thumbnail img {
  transition: transform 0.35s ease !important;
}

.blog--page .inner-wrapper:hover .blog--thumbnail img {
  transform: scale(1.04) !important;
}

/* Better focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--bp-gold) !important;
  outline-offset: 2px !important;
}

/* Improve "Request Your Free Consultation" button */
.home--cover a.button,
.home--cover .vc_btn3 {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.home--cover a.button:hover,
.home--cover .vc_btn3:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(232,168,56,0.35) !important;
}

/* --- Calculator mobile fixes --- */
@media (max-width: 640px) {
  .bp-calc-header {
    padding: 24px 18px 18px !important;
  }
  .bp-calc-body {
    padding: 20px 16px !important;
  }
  .bp-calc-grid {
    grid-template-columns: 1fr !important;
  }
  .bp-cost-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .bp-total-bar {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .bp-total-amount {
    text-align: center !important;
  }
  .bp-savings-box {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* ============================================================
   FOOTER IMPROVEMENTS
   ============================================================ */
@media (max-width: 768px) {
  .site-footer .row,
  footer .row {
    flex-direction: column !important;
  }
  
  footer .col-md-3,
  footer .col-md-4,
  footer .col-lg-3 {
    width: 100% !important;
    margin-bottom: 24px !important;
  }
}

/* ============================================================
   ENDORSEMENTS / TESTIMONIALS
   ============================================================ */
#endorsement--slider .inner-wrapper,
.endorsement--slider .inner-wrapper {
  display: flex !important;
  gap: 20px !important;
  align-items: flex-start !important;
}

@media (max-width: 600px) {
  #endorsement--slider .inner-wrapper,
  .endorsement--slider .inner-wrapper {
    flex-direction: column !important;
  }
}

/* END BRIGHTPATH CUSTOM ENHANCEMENTS */


/* ===== Contact Info Icon Contrast Fix ===== */
.ct-cinfo-icon {
    background: #fabf01 !important;
    box-shadow: 0 2px 8px rgba(250, 191, 1, 0.35);
}