:root {
    --accent-color: #38b1e3;
}
html {  
    scroll-behavior: smooth !important;
}
a {
    color: #2e318f;
    transition: .4s !important;
}

.is-expanded-menu .primary-menu,
.is-expanded-menu .menu-container>.menu-item {
    flex: 1 1 auto;
}

.is-expanded-menu .primary-menu.with-arrows .menu-link .fa-caret-down:before {
    content: "\F282";
    font-family: 'Bootstrap-Icons';
    font-size: 80%;
}

#header-wrap #logo img {
    height: 60px;
}

.menu-item:hover>.menu-link {
    color: var(--accent-color);
}

.is-expanded-menu .primary-menu,
.is-expanded-menu .menu-container>.menu-item {
    flex: unset;
}
.text-primary {color: #000 !important;}
a.text-primary:hover {color: var(--accent-color) !important;}
.accent-color{color: var(--accent-color);}
.gallery-item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(225 225 225 / 68%);
}
.gallery-item-title h5{
   margin: 0;
   padding: 10px;
   text-align: center;
}
.service-item {
    background-color: #fff;
    padding: 20px;
}
.bg-auto-height{
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.border-accent{border: 10px solid var(--accent-color);}
.btn.btn-secondary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    opacity: .8;
}
.img-hover {
    position: relative;
    overflow: hidden;
}
.img-hover img.img-hover-img {
    position: relative;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition-property: transform, -webkit-transform;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0s;
}
.img-hover:hover img.img-hover-img {
    transform: scale(1.1);
    transition-duration: .6s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.portfolio-item .portfolio-desc{
    background-color: #fff;
    text-align: center;
}
.contact-bg{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-attachment: fixed ;
}
.contact-qrcode{width: 200px;}
.pagebar-area .simpleParallax:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 30%);
}
.mission-item h3 {
    background-color: #38b1e3;
    width: fit-content;
    padding: 10px 40px;
    color: #fff;
}
.breadcrumb a:hover {color: #fff;}
.service-details-area .team img{
    border: 8px solid #1685b4;
}
/* #slider .swiper-slide:after {
    background-color: rgb(0 0 0 / 34%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.footer-logo{filter: brightness(1000);}
#copyrights a, #copyrights i {
    color: #fff;
}
#copyrights a:hover{
    color: #fff;
    opacity: .8;
}
#widget-subscribe-form button {
    background-color: #b682c0;
    border-color: #b682c0;
    transition: .5s;
}
#widget-subscribe-form button:hover {
    background-color: #b682c0;
    border-color: #b682c0;
    opacity: .8;
}