/*Theme Name: Intelligent Assistant Base Theme V2
Theme URI: Starter Theme - www.215marketing.com
Author: 215 Marketing
Author URI: webmaster@215marketing.com
Version: 1.2
Description: 215 Marketing Base custom coded theme.
*/

/* COLOR VARS FROM THEME OPTIONS
--color_1:  #000;  DEFAULT
--color_2:  #fff;
--color_3: color 1
.
.
.
*/


/* Setup from acf variables */

@font-face {
    font-family: 'Garet';
    src: url('font/Garet-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Garet';
    src: url('font/Garet-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Garet';
    src: url('font/Garet-Medium.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
}



* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

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

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

body {
    font-family: "Garet", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5 !important;
    color: #151515;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body p {
    font-family: "Garet", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 2;
    color: #151515;
}

.highlight,
.highlight p {
    color: #4D7079!important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Garet", sans-serif !important;
    line-height: 1.4;
    color: var(--primary-text-color);
    font-weight: 300;
    word-wrap: normal;
}

h1,
.h1 {
    font-size: clamp(35px, 4vw, 60px);
    line-height: 1.25;
}

h2,
.h2 * {
    font-size: clamp(30px, 3.5vw, 48px);
    line-height: 1.25;
}

h3,
.h3 * {
    font-size: clamp(24px, 4vw, 30px);
    line-height: 1.25;
}

h4,
.h4 * {
    font-size: clamp(20px, 4vw, 24px);
    line-height: 1.25;
}

h5,
.h5 * {
    font-size: clamp(16px, 3.4vw, 20px);
    line-height: 1.25;
}

h6,
.h6 * {
    font-size: .8rem;
    line-height: 1.75;
}

h1 span,
h2 span,
h3 span{
    color: #4D7079!important;
    font-weight: 900;
}


.text-dark h1 span,
.text-dark h2 span {
    color: #4D7079!important;
    font-weight: 900;
}


.home .homepage-hero h1 > span{
    color: inherit!important;
}


strong,
h1 strong,
h2 strong,
h3 strong{
    font-weight: 900;
}

.rotating-headline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.static-text {
    white-space: nowrap;
}

.rotating {
    position: relative;
    display: inline-block;
    height: 1.2em;
    transition: width 0.4s ease;
}

.rotating > span {
    position: absolute;
    left: 50%;
    top: 0;
    font-weight: 300;
    line-height: 1.2;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    white-space: nowrap;
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.rotating > span.active {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .rotating > span {
    animation: none;
    opacity: 1;
    position: static;
    transform: none;
  }
  .rotating > span:not(:first-child) {
    display: none;
  }
}

@media(max-width: 810px){
    .homepage-hero h1{
        
        flex-direction: column!important;
        text-align: center!important;
    }

}

.img-fluid{
    display: block;
}


.text-white * {
    color: #fff;
}

.text-black * {
    color: #000;
}

.text-dark * {
    color: #333;
}

.text-red * {
    color: #ee1c25;
}


.lh-base {
    line-height: 1.25 !important;
}


.sub {
    color: #4D7079;
    font-weight: 300;
    font-size: 12px !important;
    letter-spacing: 4px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 5px;
}

.text-white .sub{
    color: #E9F5F8;
}

select {
    cursor: pointer;
}

blockquote{
    padding-left: 20px;
    border-left: 2px solid #618E7F;
}

blockquote p{
    font-weight: 500;
    font-size: clamp(18px, 1.5vw, 26px);
    line-height: 1.2;
}

.position-md-absolute {
    position: absolute;
}

.header {
    position: fixed!important;
    display: block;
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    transition: .3s all ease-in-out;
}

body.home .header {
    top: 0;
    width: 100%;
    display: block;
    left: 0;
    margin: 0 auto;
    background: transparent;
    z-index: 1000;
    position: fixed;
    transition: .3s all ease-in-out;
}

.header.scrolled {
    background: #fff !important;
    padding: 0;
    top: 0;
    box-shadow: 0 2px 3px rgba(0,0,0,.1) ;
}

.header.scrolled nav {
    padding: .5rem !important;
}

.header.scrolled .logo-header,
.header.scrolled .logo-header-scrolled {
    max-height: 44px;
    min-width: 216px;
}

.headerspacing{
    min-height: 100px;
}

/* Sections */

.container-fluid {
    position: relative;
}


/* Buttons */
input[type="submit"] {
    background: #ffbc10;
    border-radius: 0;
    color: #000;
    border: 1px solid var(--primary-color);
}

.btn-white {
    background-color: #fff!important;
    border: 2px solid #fff;
    color: #000;
}

.btn-white:hover {
    background: #000!important;
    color: #fff;
    border: 2px solid #000;
}

.btn-black {
    background-color: #000!important;
    border: 2px solid #000;
    color: #fff;
}

.btn-black:hover {
    background: #fff!important;
    color: #000;
    border: 2px solid #000;
}

.btn-white-outline {
    background-color: transparent!important;
    border: 2px solid #fff;
    color: #fff;
}

.btn-white-outline:hover {
    background: #fff!important;
    color: #000;
    border: 2px solid #fff;
}

.btn-black-outline {
    background-color: transparent!important;
    border: 2px solid #000;
    color: #000;
}

.btn-black-outline:hover {
    background: #000!important;
    color: #fff;
    border: 2px solid #000;
}

.btn-color{
    background-color: #4D7079!important;
    border: 2px solid #4D7079;
    color: #fff;
}

.btn-color:hover{
    background-color: #07171C!important;
    border: 2px solid #07171C;
    color: #fff;
}

.btn-color2{
    background-color: #E9F5F8!important;
    border: 2px solid #E9F5F8;
    color: #000;
}

.btn-color2:hover{
    background-color: #07171C!important;
    border: 2px solid #07171C;
    color: #fff;
}

.btn-color-outline{
    background-color: transparent!important;
    border: 2px solid #07171C;
    color: #07171C;
}
.btn-color2-outline{
    background-color: transparent!important;
    border: 2px solid #07171C;
    color: #fff;
}

.btn-light-green{
    background-color: #E9F5F8!important;
    border: 2px solid #E9F5F8;
    color: #000;
    box-shadow: 0 0 20px rgba(233,245,248, .6);
}

.btn-light-green:hover{
    background-color: #07171C!important;
    border: 2px solid #07171C;
    color: #fff;
}

.btn-light-blue{
    background-color: #E9F5F8!important;
    border: 2px solid #E9F5F8;
    color: #07171C;
}

.btn-light-blue:hover{
    background-color: #07171C!important;
    border: 2px solid #07171C;
    color: #E9F5F8;
}


.btn-dark-green{
    background-color: #4d7079!important;
    border: 2px solid #4d7079;
    color: #fff;
}

.btn-dark-green:hover{
    background-color: #07171c!important;
    border: 2px solid #07171c;
    color: #fff;
}

.btn-text {
    color: var(--primary-color);
}

.btn-blog{
    color: #4D7079;
    text-align: left;
}

.btn-phone{
    color: var(--primary-color);
    position: relative;
    padding-left: 25px !important;
}

.btn-phone:before{
    content: '';
    background: url(/wp-content/themes/intelligent-assistant/images/icon-phone.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    filter: grayscale(1) brightness(50);
}

.btn-phone:hover{
    color: #4D7079!important;
}

.btn-audio{
    background: transparent;
    color: #fff;
    border-radius: 40px;
    position: relative;
    padding: .5rem;
    text-align: left;
}

.btn-audio:before{
    content: "";
      position: absolute;
      inset: 0;
      border-radius: 50px; 
      padding: 2px; 
      background:linear-gradient(45deg,#587A82,#fff); 
      mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
      mask-composite: exclude; 


   /* position: absolute;
    left: 6px;
    top: 50%;
    transform: translatey(-50%);
    content: '';
    background: url(/wp-content/themes/intelligent-assistant/images/icon-audio.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;*/
}


.btn-audio:hover{
    background: #fff;
    color: #4d7079;
}


.btn-audio:hover{
    background: #fff;
    color: #4d7079;
}

/* Nav */

.logo-header{
    transition: .3s all ease-in-out!important;
    max-height:44px;
    min-width: 216px;
}

.logo-icon-header {
    display: none;
}

.logo-header-scrolled{
    display: none;
}

.header.scrolled .logo-header{
    display: none;

}

.header.scrolled .logo-header-scrolled{
    display: block;
    transition: .3s all ease-in-out!important;
}

@media (max-width:768px){
    .logo-header-scrolled,
    .logo-header{ display:none!important; }

    .logo-icon-header {
        height: 40px;
        display: block;
    }
}

.nav-link,
.nav-link:focus,
.navbar-nav .nav-link.show {
    color: #fff;
    font-weight: 500;
    font-size: .9rem;
    padding-left: 0!important;
    padding-right: 0!important;
}

.nav-items-dark .nav-link,
.header.scrolled .nav-link,
.header.scrolled .navbar-nav .nav-link.show {
    color: #000;
    font-weight: 500;

    font-size: .9rem;
}


.nav-link .dropdown-icon{
    width: 12px;
}

.dark-header .dropdown-icon{
    filter: invert(1);
}

#menu-main > li{
    position: relative;
}

#menu-main > li.menu-item-1536{
    position: unset;
}

.nav-link:focus,
.navbar-nav .active .nav-link,
.nav-link:hover {
    color: #4D7079;
}

.navbar-nav .nav-link{
    transform-origin: left;
    position: relative;
}

.navbar-nav .nav-link:after{
    transform-origin: left;
    transition: .3s width ease-in-out;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #4D7079;
}

.nav-link:focus:after,
.navbar-nav .active .nav-link:after,
.nav-link:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4D7079;
}


#menu-location > li{
    position: relative;
}
#menu-location .nav-link{
    position: relative;
    padding: 8px 16px;
}


.offcanvas-logo{
    height: 50px;
    width: auto;
}

.offcanvas #bs4navbar nav{
    width: 100%;
}

#bs4navbar.desktop,
#menu-main.desktop{display: flex;}
#bs4navbar.mobile,
#menu-main.mobile,
.offcanvas{display: none;}
.mobile-menu{display: none;}

.mega-menu .dropdown-menu.depth_0.show{
    display: flex;
}

.mega-menu .dropdown-menu.depth_0.show > .menu-item{
    padding: 0 10px;
    border-right: 1px solid #ddd;
}

.mega-menu .dropdown-menu.depth_0.show > .menu-item:last-child{
    border: 0;
}

.mega-menu .dropdown-menu.depth_0 > .menu-item > .dropdown-item{
    font-weight: 700;
}

.mega-menu .dropdown-menu.depth_0 .dropdown-item:after{
    display: none;
}
.mega-menu .dropdown-menu.depth_0 .dropdown-menu.dropdown-submenu.depth_1{
    position: relative;
    display: block;
    border: 0;
    top: 0;
    margin-top: 0;
}


.dropdown-item.active, .dropdown-item:active{
    background: #000033;
    color: #fff;
}

.at_depth_1 .dropdown-toggle::after{
    display: inline-block;
    margin-left: .55em;
    vertical-align: .055em;
    content: "";
    border-top: .33em solid transparent;
    border-right: 0;
    border-bottom: .33em solid transparent;
    border-left: .33em solid;
}

.menu-item{
    position: relative;
    padding: 0 10px;
}
.submenu {
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translatex(-50%);
    background: #fff;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.submenu.show{
    opacity: 1;
    visibility: visible;
}

.subgrid{
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1rem; /* spacing between columns */
    width: max-content; /* makes the width fit the content */
    min-width: 100%; /* optional: so it doesn't get smaller than the menu */
}

.submenu.three-column-grid {
    max-height: 75vh;
    padding: 25px;
    min-width: 200px;
}

.submenu.four-grid{
    width: 90vw;
}

.submenu-link img{
    transform: scale(1);
    transition: 1s all ease-in-out;
}

.submenu-link .card-img-overlay{
    transition: .3s all ease-in-out;
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .9));
}

.submenu-link:hover img{
    transform: scale(1.1);
}

.sub-cards{
    width: 100%;
    max-width: 300px;
    padding: 0 20px ;
    border-right: 1px solid #E3E3E3;
}

.sub-cards:first-child{
    padding-left: 0;
}

.sub-cards:last-child{
    border-right: 0;
    padding-right: 0;
}

.btn-menu{
    width: 100%;
    border: 0;
    text-align: left;
    padding: 0;
}

.btn-menu.dropdown-toggle:after{display: none;}

.sub-cards .h5{
    font-size: 15px;
}

.dropdown-menu.mega-menu-links{
    border: 0;
    position: relative!important;
    display: block!important;
}

.mega-menu-links .link-item{
    margin-bottom: 16px;
}


.mega-menu-links .submenu-link.dropdown-item:focus, 
.mega-menu-links .submenu-link.dropdown-item:hover{
    background: transparent!important;
}

.mega-menu-links .link-item:last-child{
    margin-bottom: 0;
}

.mega-menu-links .link-item a{
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    transition: .3s all ease-in-out;
}

.submenu-link{
    color: #000;
}

.submenu-link .link{
    font-weight: 600;
    font-size: 14px;
}

.mega-menu-links .link-item:hover .submenu-link .link{
    color: #C89E44;
}

.cta_buttons .btn{
    transition: .3s all ease-in-out;
    font-size: .9rem;
}


.cta_buttons .btn-dark-green{
    background-color: #4d7079!important;
    border: 2px solid #4d7079;
    color: #fff;
}

.cta_buttons .btn-dark-green:hover{
    background-color: #07171c!important;
    border: 2px solid #07171c;
    color: #fff;
}

.cta_buttons .btn.btn-color{
    background-color: #E9F5F8!important;
    color: #000;
    border: 2px solid #E9F5F8;
    box-shadow: 0 0 20px rgba(233,245,248, .6);
}

.cta_buttons .btn.btn-color:hover{
    background-color: #07171C!important;
    color: #fff;
    border: 2px solid #07171C;
    box-shadow: 0 0 20px rgba(24,40,50,.6);
}

.header.scrolled .cta_buttons .btn.btn-color{
    background-color: #4d7079!important;
    border: 2px solid #4d7079;
    color: #fff;
}

.header.scrolled .cta_buttons .btn.btn-color:hover{
     background-color: #07171c!important;
    border: 2px solid #07171c;
    color: #fff;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover > .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}  



@media screen and (max-width:1200px) {

    .mobile-menu{display: flex!important;}
    .desktop-menu{
        display: none!important;
    }

    .cta_buttons .btn{
        padding: 0.25rem 0.5rem;
        font-size: .875rem;
    }
    .cta_buttons .cta_button{
        display: none;
    }

    #bs4navbar.desktop,
    #menu-main.desktop{display: none!important;}
    
    #bs4navbar.mobile,
    #menu-main.mobile,
    .offcanvas{display: flex!important;}

    .cta_buttons .btn-black-outline{display: none;}

    .navbar-collapse {
        position: absolute;
        padding: 20px;
        width: 100%;
        background: rgb(255, 255, 255);
        left: 0px;
        top: 80px;
        text-align: left;
    }

    .navbar-toggler{
        background-color: transparent;
        border: 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    #nav-icon {
        width: 30px;
        height: 22px;
        position: relative;
        margin: 0 auto;
        transform: rotate(0deg);
        cursor: pointer;
    }

    #nav-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        background: #000;
        opacity: 1;
        transform: rotate(0deg);
        transition: 0.25s ease-in-out;
    }

    .header:not(.scrolled) #nav-icon.white-bars span {
        background: #fff;
    }

    .navbar-toggler[aria-expanded="false"] {
        box-shadow: none;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon {
        transition: .3s all ease-in-out;
        position: relative;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(even) {
        left: 50%;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(odd) {
        left: 0px;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(1),
    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(2) {
        top: 0px;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(3),
    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(4) {
        top: 9px;
    }

    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(5),
    .navbar-toggler[aria-expanded="false"] #nav-icon span:nth-child(6) {
        top: 18px;
    }


    .navbar-toggler[aria-expanded="true"] #nav-icon {        
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(1),
    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(6) {
        transform: rotate(45deg);
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(2),
    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(5) {
        transform: rotate(-45deg);
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(1) {
        left: 5px;
        top: 7px;
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px;
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(5) {
        left: 5px;
        top: 12px;
    }

    .navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(6) {
        left: calc(50% - 5px);
        top: 12px;
    }

    .navbar-nav .nav-item{
        width: 100%;
        text-align: center;
    }

    .navbar-nav .nav-item span{
        width: 100%;
        display: block;
        padding: 5px;
    }

    .navbar-nav .nav-item:focus, 
    .navbar-nav .nav-item:hover{
        background: #f0f0f0;
    }

    body.home .header .nav-link, body.home .header .navbar-nav .nav-link.active,
    .nav-link, .navbar-nav .nav-link.active {
        color: #000;
    }

}

.mt-6 {
    margin-top: 4rem !important;
}

.contained {
    background: #fff;
    overflow: hidden;
}

.contained-bg-corner-gradient .contained{
    position: relative;
    overflow: hidden;
}

.contained-bg-corner-gradient .contained .content-text{
    position: relative;
    z-index: 10;
}

.contained-bg-corner-gradient .contained:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(77,112,121, .8), rgba(77,112,121, 0) 70%);
    width: 430px;
    height: 430px;
    border-radius: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    transform: translate(20%, -50%);
    z-index: 0;
}

/*cards*/
.card {
    height: 100%;
    background: #fff;
    border-radius: 8px;
    border: 0;
}

.card .card-img{
    width: 100%;
    height: auto;
}

.card p {
    margin-bottom: 0;
}

.card-title {
    font-size: clamp(20px, 5vw, 24px);
    font-weight: 300;
}

.solutions .card-title{
    font-size: clamp(16px, 1.5vw, 18px);
}


@media (max-width: 768px){
    .solutions .contained{
        background-size: auto!important;
        background-position: center top!important;
    }
}

strong.card-title{
    font-size: 1rem;
    font-weight: 600;
}

.icon-offset .card,
.icon-inside .card {
    height: 100%;
}

.numbered-list .icon {
    position: relative;
    width: 50px;
    height: 50px;
    background: #FFBC10;
    padding: 10px;
    text-align: center;
    display: block;

}

.numbered-list .icon .list-number {
    font-size: 20px;
    line-height: 1.75;
    height: 35px;
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.icon-offset .card .icon {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    left: 25px;
    background: #FFBC10;
    padding: 10px;
    text-align: center;
    display: block;
}

.icon-offset .card img {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-inside .card img {
    width: 50px;
    position: relative;
}

.sidebyside .card .card-body img {
    width: 50px;
    background: #B9CFCE;
    padding: 10px;
}

.icon-center {
    text-align: center;
}

.icon-center-transparent .card {
    background: transparent !important;
    text-align: center;
    padding: 0 !important;
}

.icon-center-transparent .card img {
    text-align: center;
    margin: 0 auto 20px;
    width: 50px;

}

.icon-offset .card-body {
    padding-top: 2rem !important;
}

.card-img-overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .4);
}

.card .card-img.small {
    width: 50px;
}

.card-stats{
    border-left: 1px solid rgba(0,0,0,.1)!important;
    border-radius: 0!important;
}

.card-stats .card-title{
    margin-bottom: 24px;
    font-size: clamp(38px, 4vw, 48px);
    font-weight: 400;
}


.just-text-number-card .number{
    position: relative;
    color: #4D7079;
    font-size: clamp(50px, 4vw, 70px);
    font-weight: 600;
    margin-bottom: 10px;
}
/*
.just-text-number-card .number:after{
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: #4D7079;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}*/

.shadow-box .card:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(237, 28, 36, 0.008841036414565795) 0%, #000000);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 0;
    display: block;
}

.shadow-box .card:hover:before {
    content: '';
    background: linear-gradient(180deg, rgba(237, 28, 36, 0.008841036414565795) 0%, #42677d);
}


.icon-stacked .card-body div{
    min-height: 65px;
}

.columns-offset .card {
    border-radius: 210px;
    overflow: hidden;
}

.columns-offset .card .card-img-overlay {
    background: #F0E6D2;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    position: absolute;
    top: auto;
    bottom: 0;
    padding: 20px 50px !important;
}

.columns-offset .cardgroup .col-10:nth-child(even) {
    margin-top: 50px;
}

.card-header {
    padding: 0;
    width: 100%;
}

.columns-offset .card .card-img-overlay .card-header {
    background: transparent;
    text-align: center;
    border: 0;
}

.columns-offset .card .card-img-overlay .card-header .card-title {
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
}

@media screen and (max-width: 992px) and (min-width: 763px) {
    .columns-offset .card .card-img-overlay {
        padding: 20px 50px !important;
    }
}

@media screen and (max-width: 763px) {
    .columns-offset .card .card-img-overlay {
        padding: 20px 50px !important;
    }

}

@media screen and (max-width: 1840px) {
    .columns-offset .card .card-img-overlay {
        padding: 20px 50px !important;
    }
}

.original-card-img-width .card img{
    max-width: 251px;
    margin: 0 auto;
}


.card-bg-triangle .card{
    background: url('/wp-content/uploads/2026/02/bg-card-triangle.jpg');
    background-size: cover;
    background-position: center top;
    border: 1px solid #D5D5D5;
    padding-top: 80px!important;
}

.card-bg-triangle .card-title{
    font-size: clamp(18px, 5vw, 20px);
}


.card-bg-triangle-dark .card{
    background: url('/wp-content/uploads/2026/02/bg-card-triangle-dark.jpg');
    background-size: cover;
    background-position: center top;
    border: 1px solid #D5D5D5;
    padding-top: 80px!important;
}

.card-bg-triangle-dark .card-title{
    font-size: clamp(18px, 5vw, 20px);
}

.card-gradients-shadows .card{ position:relative; }

.card-gradients-shadows .card:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(181, 217, 178, .3), rgba(181, 217, 178, 0) 70%);
    width: 230px;
    height: 230px;
    border-radius: 100%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.card-gradients-shadows .card-title{
    color: #E9F5F8!important;
}

.card-gradients-shadows .icon-stacked-group:nth-child(4) .card:after,
.card-gradients-shadows .icon-stacked-group:nth-child(5) .card:after,
.card-gradients-shadows .icon-stacked-group:nth-child(6) .card:after{
    display: none;
}

@media (max-width: 991px){
    .card-gradients-shadows .icon-stacked-group:nth-child(4) .card:after,
    .card-gradients-shadows .icon-stacked-group:nth-child(5) .card:after{
        display: block;
    }
}

.card-gradients .card{
    position: relative;
}

.card-gradients .card:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(181, 217, 178, .3), rgba(181, 217, 178, 0) 70%);
    width: 230px;
    height: 230px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}


/* AUDIO */
.card.audio{
  
}

.play-audio{
    background: url(/wp-content/themes/intelligent-assistant/images/icon-audio.svg);
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.pause-audio{
    background: url(/wp-content/themes/intelligent-assistant/images/icon-audio-pause.svg);
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}


/* Accordion */

.accordion-item,
.accordion-button {
    background-color: #fff;
    border: 0;
}

.accordion-item{
    border-top: 1px solid #ddd!important;
}

.accordion-button{
    padding: 1.25rem 1.25rem;
}

.accordion-item h2 .accordion-button {
    font-size: 18px;
    font-weight: 300;
}

.accordion-button:hover,
.accordion-button:not(.collapsed) {
    background: transparent;
    color: #4D7079;
    box-shadow: none;
}

/* Remove default Bootstrap arrow */
.accordion-button::after {
    background-image: none !important;
        content: '+';
        font-size: 2.5rem;   /* increased size */
        font-weight: 300;
        width: auto;
        height: auto;
        transform: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
}

/* When accordion is open (not collapsed) */
.accordion-button:not(.collapsed)::after {
    content: '−'; /* minus sign */
}

/* Homepage Hero */

#tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
}

#tsparticles canvas{
    position: absolute !important;
    z-index: 2 !important;
    inset: 0;
}

/* Images */

.image-right {
    border-radius: 1rem !important;
    border-bottom-left-radius: 0 !important;
    overflow: hidden;
}

.image-left {
    border-radius: 1rem !important;
    border-bottom-right-radius: 0 !important;
    overflow: hidden;
}

.content-right {
    border-radius: 1rem !important;
    border-bottom-left-radius: 0 !important;
    overflow: hidden;
}

.content-left {
    border-radius: 1rem !important;
    border-bottom-right-radius: 0 !important;
    overflow: hidden;
}

.content-image {
    height: 100%;
    width: 100%;
    position: relative;
}
.content-image > img{
    position: relative;
    z-index: 10;
}
.content-image:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(77,112,121, .5), rgba(77,112,121, 0) 70%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

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


/* Hero */

.homepage-hero {
    position: relative;
    padding-top: 7.125rem;
    padding-bottom: 5.125em;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    transition: .3s all ease-in-out;
    min-height: 680px;
    height: 100%;
    max-height: calc(60vh + 100px);
}

.homepage-hero .form{
    max-width: 540px;
    margin: 0 auto;
    box-shadow: 0 0 0px 10px rgba(255, 255, 255, .3);
}

.homepage-hero.hero-form{
    padding-top: 8.125rem;
    padding-bottom: 6.125em;
    max-height: 100%;
}

@media (max-width: 768px){
    .homepage-hero .btn{
        width: 100%;
    }
}

.hero {
    min-height: 380px;
    padding-top: 205px;
    padding-bottom: 80px;
    position: relative;
    background-position: center;
}

.hero.hero-thankyou{
    padding-top: 145px;
}

.hero-comparison{
    padding-top: 9.125rem;
    padding-bottom: 5.125em;
    max-height: 100%;
}

.hero-comparison .card h2{
    font-size: clamp(25px, 3.2vw, 48px);
}

.hero-comparison .card{
    font-size: 14px;
}

.hero.white-text p {
    color: #fff !important;
}

.hero-basic .content-image{
    position: relative;
}

.hero-basic .content-image:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(77,112,121, .3), rgba(77,112,121, 0) 70%);
    width: 100%;
    height: calc(100% + 70px);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}


.hero-small-blog{
    position: relative;
    padding-top: 180px;
    min-height: 500px;
    padding-bottom: 0;
}

.hero-small-blog:after{
    content: '';
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    background: #fff;
    position: absolute;
    display: block;
    z-index: 0;
}

.single-blog-hero{
    position: relative;
    padding-top: 180px;
    min-height: 300px;
    padding-bottom: 0;
}

.cta-section{ 
    position:relative; 
    margin-top: 60px!important;
    margin-bottom: 100px!important;
}

@media (max-width: 768px){
    .cta-section{ 
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
}

.cta-section .contained{
    position: relative;
    overflow: visible;
}

.cta-section .contained:after{
    content: '';
    display: block;
    background: radial-gradient(rgba(77,112,121, .3), rgba(77,112,121, 0) 70%);
    width: 430px;
    height: 430px;
    border-radius: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    transform: translate(20%, -50%);
    z-index: 0;
}

.cta-section img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}


@media (max-width: 1200px){
    .cta-section .contained{
        overflow: hidden;
    }
}

@media (max-width: 768px){

    .cta-section img{
        margin-top: 24px;
        position: relative;
        right: unset;
        top: unset;
        transform: none;
    }

    .cta-section .content-image:after{
        display: none;
    }
}


.bg-light {
    background: #F5F5F5 !important;
}

.bg-opaque {
    background: rgba(255,255,255,.1);
}

.bg-super-opaque {
    background: rgba(255,255,255,.05);
}

.bg-super-opaque.border{
    border: 1px solid #dee2e61A!important;
}

.bg-custom {
    background: #253947;
    border: 4px solid rgba(255,255,255,.1)!important;
}

.bg-green{
    background: #4D7079;
}

.bg-blue{
    background: #07171C;
}

/* Testimonials */

.star-ratings svg {
    width: 20px;
}

.rating-star {
    fill: #FFE386
}

.testimonial-card {
    border: 0;
    height: auto;
}

.testimonial-card .card-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
}

.testimonial-card .card-overlay .play-button {
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    top: 0;
    left: 0;
    transform: none;
}

.testimonials-image img {}

/* PRICING TABLE */
#PricingTables{}

.price-card{
    background-color: #F8F8F8;
}


.pricing-title{
    font-size: clamp(20px, 5vw, 24px);
}

.quick-price .pricing-title{
    font-weight: 900;
}

.pricing-plan{
    font-size: clamp(16px, 5vw, 20px);
    font-weight: 300;
    margin-bottom: 30px
}

.pricing-plan span{
    display: block;
    font-size: clamp(50px, 5vw, 60px);
    color: #4D7079;
    font-weight: 900;
}

.pricing-content{
    font-size: clamp(16px, 5vw, 20px);
    font-weight: 300;
    padding-bottom: 30px;
}
.price-card .price{
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 30px;
}

.price-card .price span{
    font-size: clamp(30px, 5vw, 36px);
    font-weight: 900;
}

.btn-price{
    background: #4D7079;
    color: #fff;
}

.btn-price:hover{
    background: #E9F5F8;
    color: #000;
}


.popular{
    background-color: #07171C;
    background-image: url('/wp-content/themes/intelligent-assistant/images/popular-bg.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

.badge-popular{
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 40px;
    max-width: 60%;
    color: #F7F6F2;
    font-size: 1rem;
    background: #4D7079;
    padding: 8px 20px;
    border-radius: 20px;
}

.popular .pricing-title,
.popular .pricing-plan,
.popular .pricing-plan span,
.popular .pricing-content p,
.popular .price{
    color: #fff;
}

.popular .btn-price{
    box-shadow: 0 0 20px rgba(181,271,178,.4);
}

.popular .btn-price:hover{
    box-shadow: 0 0 20px rgba(255,255,255,.4);
}

/* Footer */

.copyright-group {
    display: flex;
    padding: 1em;
    background: transparent;
    justify-content: space-between;
    border-radius: 8px;
}

#footer {
    width: calc(100% - 10px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    background: url('/wp-content/themes/intelligent-assistant/images/footer-bg.png') #07171C;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

body.page-id-137 footer,
body.page-id-1819 footer{
    background: #f7f6f2;
}

@media (max-width: 767.9px) {
	.footer-logo img {		
    	justify-self: center;
	}
	footer .list-group {
		text-align: center;
	}
}

@media (max-width: 769px){
    #footer {
        width: calc(100% - 40px);
    }
}

#footer h3{
    color: #E9F5F8;
    font-size: 1rem;
    font-weight: 400;
}

#footer .copyright-text {
    color: #fff !important;
}

#footer .social-media-links {}

#footer .footer-quick-links .menu-item {
    padding: 10px;
}

#footer .footer-quick-links li{
     padding: 4px 0;
}

#footer .footer-quick-links a {
    color: #fff;
    text-decoration: none;
}

#footer .copyright-link a {
    color: #fff;
    font-size: 0.875em;
    text-decoration: none;
    padding: 0 5px;

}

.hl-1 {
    content: ' ';
    width: 1px;
    height: 0.875em;
    background: #000;
}

.social-media-links {}

.social-media-links a {
    text-decoration: none;
}

.social-media-links svg {
    height: 16px;
    margin: 0 10px;
    color: #000;
    fill: #000;
}

.social-media-links a:hover svg {
    color: #333;
    fill: #333;
}

.footer-quick-links {}

.no-shadow {
    box-shadow: unset !important;
}

img.img-rounded {
    border-radius: 1.5em;
}

/* FORMS */
input,
select,
textarea{
    width: 100%!important;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    background: #fff;
    color: #000!important;
    padding: 8px;
}

select option{
    color: #000!important;
}

.form-floating>label{
    left: 8px;
}

.hbspt-form fieldset{
    margin-bottom: 10px!important;
    max-width: 600px!important;
}

.hs-richtext p a{
    color: #07171C;
}

.inputs-list {
    padding-left: 0;
}

.inputs-list li{
    list-style: none;
        font-size: .9rem;
}

.inputs-list input{
    margin-right: 10px;
    width: auto!important;
}

input[type=submit]{
    display: block;
    background: #E9F5F8;
    width: 60% !important;
    min-width: 200px;
    margin: 20px auto 0;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(255,255,255,.2);
}

.no-list.hs-error-msgs.inputs-list{
    padding: 0;
    margin: 0;
}
.no-list.hs-error-msgs.inputs-list li{
    font-size: .8rem;
    list-style: none;
    color: #000;

}

.swiper{
   padding-bottom: 20px!important;
}

.swiper-slide .testimonial-card{
    opacity: .5;
    background-color: #E9F5F8;
    transform: scale(.9);
    transition: all .3s ease-in-out;
}
.swiper-slide.swiper-slide-active .testimonial-card {
    opacity: 1;
     transform: scale(1);
}

.swiper-slide .testimonial-card p{
    font-size: .9rem;
}

.arrows{
    position: relative;
    width: 75px;
    height: 30px;
    margin: 0 auto;
    display: block;
}

.arrows .swiper-button-next, 
.arrows .swiper-button-prev{
    width: 20px;
    height: 20px;
}

.arrows .swiper-button-next:after, 
.arrows .swiper-button-prev:after{
    font-size: 20px;
    color: #000;
}


/* COMPARISON TABLE */
.comparison_table{}

.comparison_table tr th{
    padding: 26px 16px;
    vertical-align: middle;
}

.comparison_table tr td{
    width: 25%;
    min-width: 200px;
    padding: 16px;
    vertical-align: middle;
}

.comparison_table tr td strong{
    font-weight: 900;
}

.comparison_table tr th:nth-child(2),
.comparison_table tr td:nth-child(2){
    background: #07171C;
    color: #E9F5F8;
    border-bottom-color: #07171C;
}

.comparison-table-layout-2 .comparison_table{}

.comparison-table-layout-2 .comparison_table tr th{
    background: #F4F1EA;
}

.comparison-table-layout-2 .comparison_table tr th:nth-child(2){
    background: #618E7F;
}

.comparison-table-layout-2 .comparison_table tr td:nth-child(2){
    background: #618E7F0F;
    color: #13233B;
    font-weight: 500;
}

.card-comparison .row_header{
    font-size: 20px;
    color: #07171C;
    text-align: center;
    font-weight: 900;
}

.comparison_table_mobile{}

.comparison_table_mobile tr th{
    font-size: .8rem;
    line-height: 1.2;
}
.comparison_table_mobile tr td{
    font-size: 1rem;
    line-height: 1.2;
}



.extra-top-padding{
    padding-top: 150px!important;
}


.integration-card{
   /* min-height: 150px;*/
   margin-bottom: 1rem!important;
}

.card-image{
    width: 100px;
}

.integration-card img{
    max-height: 40px;
    max-width: 100px;
}

.integration-card h3{
    font-size: clamp(.9rem, 2vw, 1.125rem);
}

/* INDUSTRIES */

.industries{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 400px;
    width: calc(100% - 10px);
    border-radius: 20px;

}

.industries-block{
    margin-top: -130px;
}
.industries-block .basic-card img{
    clip-path: polygon(50% 0%, 100% 38%, 100% 100%, 0 100%, 0 0);
    width: 100%;
    height: auto;

}

/*COMPETITORS*/
.competitor-logos{}
.competitor-logos .divider{
    width: 2px;
    height: 100%;
    background: #fff;
    display: block;
    min-height: 60px;
    max-height: 100%;
}



/*BLOG */
.blog-category {
    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
}

.blog-category.active{
    background: #fff;
    color: #07171C;
}

.blog-post.featured {
    background: #24323C;
}

.blog-post.featured .blog-post-image {
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
}

.blog-post-text {
    gap: .5em;
    color: #fff;
    width: 100%;
    display: grid;
}

.blog-post.featured .blog-post-text .date{
    color: #fff;
}

.blog-post.featured .blog-post-text h3 a{
    color: #fff;
    text-decoration: none;
}

.blog-more-news-section .blog-post,
.blog-feed-section .blog-post {
    background: #fff;
    transition: .2s background ease-in-out;
}

.blog-more-news-section a,
.blog-feed-section a{
    text-decoration: none;
}

.blog-more-news-section .blog-post h3,
.blog-feed-section .blog-post h3{
    color: #151515;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}

.blog-more-news-section a .blog-post-image,
.blog-feed-section a .blog-post-image {
    height: 266px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: center center !important;
    transition: .2s background ease-in-out;
}

.blog-more-news-section a:hover .blog-post-image,
.blog-feed-section a:hover .blog-post-image {
    background-size: auto 105% !important;
}

.blog-more-news-section a .blog-post-image .category-name,
.blog-feed-section a .blog-post-image .category-name{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .4);
    padding: 5px 16px;
    font-size: .9rem;
    background: #53907E;
}

.single-blog-hero .content-text,
.single-blog-content .content-text,
.blog-more-news-section{
    max-width: 1200px;
    margin: 0 auto;
}

.blog-more-news-section{
    margin-top: 100px;
}

/*LOCATIONS*/


.list-view{
    display: flex;
    flex-direction: row;
}

.list-view svg{
    fill: #fff;
    width: 20px;
    margin-right: 8px;
}

.list-view:hover svg{
    fill: #000;
}


#locationsList{
    height: 50vh !important;
    min-height: 500px;
    padding-top: 30px;
    overflow-y: scroll;
}

.location-list-card{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.location-list-card .location_image {
    overflow: hidden;
    display: block;
    height: 100%;
    max-height: 230px;
}

.location-list-card .location_image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

#MapAreaLocations {
    width: 100%;
    height: 50vh !important;
    min-height: 500px;
}

.single-locations #MapAreaLocations {
    width: 100%;
    height: 400px !important;
}

.locationPin {
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 14px;
  gap: 15px;
  height: 60px;
  justify-content: center;
  padding: 4px;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
}

.locationPin .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
}

.locationPin .icon img {
  height: 50px;
  width: auto;
}

.locationPin .details {
  display: none;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding-top: 30px;
}


.marker-close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.marker-close:hover {
    opacity: 0.7;
}

.locationPin h6{
    font-weight: 900;
    font-size: 1rem;
}

.locationPin .address {
  color: #9E9E9E;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

/*
 * Property styles in highlighted state.
 */
.locationPin.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  height: 200px;
  padding: 8px 15px;
  width: auto;
}

.locationPin.highlight::after {
  border-top: 9px solid #FFFFFF;
}

.locationPin.highlight .details {
  display: flex;
}

.locationPin.highlight .icon{
    display: none;
}

.locationPin.highlight .icon img {
  width: 50px;
  height: 50px;
}



body.single-location #MapAreaLocations{
    height: 300px!important;
}

#locationsList .content-image{
    overflow: hidden;
}

#locationsList .content-image a{
    display: block;
    width: 100%;
    height: 100%;
}

#locationsList a:not(.btn){
    text-decoration: none;
    color: #4d7079;
}
#locationsList a h3{
    text-decoration: none;
    color: #000;
    font-weight: 900;
    font-size: clamp(16px, 1.5vw, 20px);
}

#locationsList .content-image a img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.list-view{
    font-weight: 600;
    margin-top: .5rem;
}

.list-view svg{
    height: 1rem;
    margin-right: .2rem;
}

#AllLocationsList{
}


#AllLocationsList h1{
    font-size: 40px;
}

#locationContent h2{
    font-size: 30px;
    padding-left: 10px;
    border-left: 2px solid #FEDB00;
}

#locationContent .location-card .content-image{
    overflow: hidden;
}

#locationContent .location-card .content-image img{
    transition: 1s all ease-in-out;
    max-height: 220px;
    width: 100%;
    object-fit: cover;
}

#locationContent .location-card:hover .content-image img{
    transform: scale(1.1);
}

#locationContent .location-card h3{
    font-size: 18px;
    line-height: 1;
}
#locationContent .location-card h3 a{
    color: #000;
    text-decoration: none;
    transition: .3s all ease-in-out;
}

#locationContent .location-card h3 a:hover{
    color: #000;
}


#countryTabs{}

#countryTabs .nav-item .nav-link{
    background: transparent;
    color: #07171C;
    padding: 8px 16px!important;
}

#countryTabs .nav-item .nav-link.active{
    background: #07171C;
    color: #fff;
}

#countryTabsContent .accordion-header{
    background: #E9F5F8;
}

#countryTabsContent .accordion-header button span.badge{
    background: #4D7079;
    color: #E9F5F8 !important;
    font-weight: 300;
    margin-left: 8px;;
}

#countryTabsContent .accordion-body{
    background: #E9F5F8;
}

.location-card .location-title{
    font-weight: 900;
    text-decoration: none;
}

.location-card .location-title:hover{
    color: #4D7079;
}

.breadcrumbs-area{
    font-size: 1rem;
}
.breadcrumbs-area a {
    color: #4D7079;
    font-weight: 700;
    text-decoration: none;
}

.contact-area{
}

.address a,
.phone a{
    text-decoration: none;
    color: #5A5A5A;
}

.solution-card{}
.solution-card h3.card-title{
    font-weight: 900;
    font-size: 18px;   
}

.solution-card h3.card-title a{
    text-decoration: none;
    color: #000;
}

.solution-card p{
    line-height: 1.4;
}

.solution-card .pricing{
    color: #4D7079;
}

.solution-card .pricing .price{
    font-weight: 900;
    font-size: 24px;
}

.amenity-card .card-title{
    font-size: 1rem;
}


.card-review{
    background: #1928320d;
}

.card-review .review-date{    
}

.card-review .review-name{
    font-weight: 900;
}

.card-review p{
    line-height: 1.4;
    font-size: 1rem;
}

.show-more-btn{
    border: 1px solid #0000001A;
}

.location-meet-team .content-image{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
}

/* UserWay Trigger */
.js-open-userway {
	margin-left: 5px;
}

.ia-pricing-app .guarantee-bar span {
	color: rgba(255, 255, 255, .65);
}

/* ALL MOBILE DEVICES */

@media (max-width: 575px) {

    .position-md-absolute {
        position: relative;
    }

    img.logo-header {
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .homepage-hero {
        position: relative;
        padding-top: 7.125rem;
        padding-bottom: 5.125em;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
        transition: .3s all ease-in-out;
        min-height: 680px;
        height: 100%;
        max-height: 100%;
    }

    #footer .quick-link {
        justify-content: center !important;

    }

    #footer .quick-link ul {
        text-align: center;
        flex-direction: column;

    }

    #footer .quick-link ul li {
        padding: 5px 0;
    }

    .copyright-group {
        text-align: center;
    }

    #footer .social-media-links {
        text-align: center !important;
        padding: 10px;
    }

}

/* TABLET DEVICES */

@media (min-width: 575px) and (max-width: 768px) {

    .homepage-hero {
        position: relative;
        padding-top: 7.125rem;
        padding-bottom: 5.125em;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
        transition: .3s all ease-in-out;
        min-height: 680px;
        height: 100%;
        max-height: 100%;
    }

    .position-md-absolute {
        position: relative;
    }
}

@media (max-width: 992px) {

    .position-md-absolute {
        position: relative;
        width: 100% !important;
        height: 500px !important;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
    }

    .nav-link {
        color: #000;
    }

}

/*SMALL LAPTOPS AND UP*/
@media (min-width:1200px) and (max-width: 1300px){
    .header.scrolled .logo-header,
    .header.scrolled .logo-header-scrolled,
    .logo-header {
        transition: .3s all ease-in-out !important;
        max-height: 44px;
        min-width: 126px;
    }

   .navbar-nav .nav-link{
        font-size: .75rem;
    }
}

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav {
        column-gap: 1em;
    }

    .navbar-expand-xl .navbar-nav {
        column-gap: .2rem;
    }
}

@media (min-width: 992px) and (max-width: 1290px) {
}

/* TABLETS AND SMALLER LAPTOPS */

@media (min-width: 769px) and (max-width: 1024px) {

    .homepage-hero {
        position: relative;
        padding-top: 7.125rem;
        padding-bottom: 5.125em;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
        transition: .3s all ease-in-out;
        min-height: 680px;
        height: 100%;
        max-height: 100%;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
}

@media (min-width: 769px) and (max-width: 1200px) {
}

/* Bigger Laptops */

@media (min-width: 1025px) and (max-width: 1366px) {
}


@media (min-width: 992px) and (max-width: 1300px) {
}

/* MEDIUM Laptops and zoomed in screens */

@media (min-width: 1440px) {}


@media (max-width: 1200px) {
}

@media (min-width: 1920px) {
    .container-fluid>.row {
        max-width: 1920px;
        margin: 0 auto;
    }
}