/********** Template CSS **********/

.back-to-top {position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99;}


/*** Spinner ***/
#spinner {opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1;}


/*** Button ***/
.btn {font-weight: 600; transition: .5s; border-radius: 50px;}
.btn-square {width: 38px; height: 38px;}
.btn-sm-square {width: 32px; height: 32px;}
.btn-lg-square {width: 48px; height: 48px;}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: inherit;
}

.btn-primary {color: var(--bs-white); background-color: #e4c26a; border-color: #a27500;}
.btn-primary1{color: #e4c26a;}

/*** Navbar ***/
.navbar {position: absolute; width: 100%; top: 0; left: 0; z-index: 9; transition: .5s;}
.navbar .navbar-nav .nav-link {margin-right: 25px; padding: 40px 0; color: var(--bs-white);  font-size: 17px; text-transform: uppercase; outline: none; transition: .5s;}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {color: var(--bs-primary);}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link,
    .navbar.bg-dark .navbar-nav .nav-link {margin-right: 0; padding: 10px 0;}
    .navbar .navbar-nav {margin-top: 8px; border-top: 1px solid var(--bs-light);}
}

@media (min-width: 992px) {
    .navbar.bg-dark .navbar-nav .nav-link {padding: 20px 0;}
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }
    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
        box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    }
    .navbar .nav-item .dropdown-menu:before{position: absolute; top: -13px; left: 10px; content: " ";width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #fff;}
}

.navbar .dropdown-toggle::after {border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900;  vertical-align: middle; margin-left: 8px;}

/*** Header ***/
.carousel-caption {top: 0; left: 0; right: 0; bottom: 0;  /*padding-top: 100px;*/ background: rgba(0, 0, 0, .7); z-index: 1;}

.carousel-control-prev,
.carousel-control-next {width: 10%;}

.carousel-control-prev-icon,
.carousel-control-next-icon {width: 3rem; height: 3rem;}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        /*min-height: 550px;*/
        height: 100vh;
    }
    
    #header-carousel .carousel-item img {position: absolute; width: 100%; height: 100%; object-fit: cover;}    
    .navbar {position: relative;}
    .back-to-top{right:5px;}
}

.page-header {
    padding-top: 0;
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .9)), url(../img/carousel-1.jpg) top center no-repeat;
    background-size: cover;
}
@media (min-width: 768px) {    
    .page-header {padding-top: 150px;}
}

.page-header .breadcrumb-item + .breadcrumb-item::before {color: var(--bs-white);}

.navbar-brand .logo-text{ max-width:100%; }
@media (max-width: 768px) {
    .navbar-brand{ width: 70%;} 
}

/*** Title ***/
.title {margin-bottom: 2rem;}

.title .title-left,
.title .title-center,
.title .title-right {
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
}
.title .title-center {text-align: center;}
.title .title-right {text-align: right;}

.title .title-left h5,
.title .title-center h5,
.title .title-right h5 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
}

.title .title-left h5::after,
.title .title-center h5::before,
.title .title-center h5::after,
.title .title-right h5::before {
    position: absolute;
    content: "";
    width: 500%;
    height: 0;
    top: 9px;
    border-bottom: 1px solid var(--bs-white);
}

.title .title-left h5::after,
.title .title-center h5::after {left: calc(100% + 15px);}

.title .title-right h5::before,
.title .title-center h5::before {right: calc(100% + 15px);}

.title .title-left h1,
.title .title-center h1,
.title .title-right h1 {border-bottom: 1px solid var(--bs-white);}

/*** Service ***/
.service-item {position: relative; margin-top: 2.5rem; overflow: hidden;}
.service-item .service-img {position: relative; display: inline-block;}

.service-item .service-img::before {
    position: absolute;
    content: "";
    width: calc(100% - 12rem);
    height: calc(100% - 12rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.5rem solid rgba(0, 0, 0, .5);
    border-radius: 300px;
    z-index: 1;
}

.service-item.service-item-left {
    border-radius: 500px 0 0 500px;
    background: linear-gradient(to right, var(--bs-secondary), var(--bs-dark));
}
.service-item.service-item-right {
    border-radius: 0 500px 500px 0;
    background: linear-gradient(to left, var(--bs-secondary), var(--bs-dark));
}

@media (max-width: 767.98px) {
    .service-item.service-item-left,
    .service-item.service-item-right {
        border-radius: 500px 500px 0 0;
        background: linear-gradient(to bottom, var(--bs-secondary), var(--bs-dark));
        text-align: center;
    }
}


/*** Team ***/
.team-item {position: relative;}

.team-item .team-name {
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
}

.team-item .team-body {position: relative; overflow: hidden;}

.team-item .team-body .team-before,
.team-item .team-body .team-after {
    position: absolute;
    content: "";
    width: 0;
    height: calc(100% - 60px);
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .5s;
}

.team-item .team-body .team-after {left: auto; right: 0;}
.team-item .team-body .team-before {text-align: right;}

.team-item:hover .team-body .team-before,
.team-item:hover .team-body .team-after {width: 50%;}

.team-item .team-body .team-before span,
.team-item .team-body .team-after span {margin: 5px; color: var(--bs-white); opacity: 0; transition: .5s;}

.team-item:hover .team-body .team-before span,
.team-item:hover .team-body .team-after span {opacity: 1; transition-delay: .2s;}

/*** Testimonial ***/
.testimonial-carousel {max-width: 700px; margin: 0 auto;}

.testimonial-carousel .owl-dots {margin-top: 35px; height: 100px; display: flex; align-items: center; justify-content: center;}
.testimonial-carousel .owl-dots .owl-dot {width: 60px; height: 60px; margin: 0 5px; padding: 10px; background: var(--bs-dark); border-radius: 100px; transition: .5s;}
.testimonial-carousel .owl-dots .owl-dot.active { width: 100px; height: 100px;}
.testimonial-carousel .owl-dots .owl-dot img {opacity: .1; transition: .5s; border-radius: 100px;}
.testimonial-carousel .owl-dots .owl-dot.active img {opacity: 1;}

.intro-container{background: #f4f4f4;}
.intro-container .list-group-item{background: #f4f4f4; --fa: "\f058"; padding-left: 25px;} 
.intro-container .list-group-item:before{content: var(--fa)/""; font-family: "Font Awesome 7 Free"; position: absolute; left: 0; top: 10px;}
.intro-container .body-text{font-size: 0.8rem;  color: #555;}
.blue-bg-container {background: #1f2229;}
.blue-bg-container .body-text{font-size: 0.8rem; }
.blue-bg-container .list-group-item{background: #1f2229; --fa: "\f058"; padding-left: 25px; color: #eee;} 
.blue-bg-container .list-group-item:before{content: var(--fa)/""; font-family: "Font Awesome 7 Free"; position: absolute; left: 0; top: 10px;}

.testimonial-container {background: #f4f4f4;}
.light-box h6, .light-box .h6, .light-box h5, .light-box .h5, .light-box h4, .light-box .h4, .light-box h3, .light-box .h3, .light-box h2, .light-box .h2, .light-box h1, .light-box .h1{ color: #000;}
.light-box .title .title-center h5::before, .light-box .title .title-center h5::after, .light-box .title .title-left h5::after{border-color: #333;}


/*** Footer ***/
@keyframes footerAnimatedBg {
	0% {
        background-position: 0 0;
    }

	100% {
        background-position: -1000px 0;
    }
}

.footer {
    background-image: url(../img/footer-bg.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: footerAnimatedBg 50s linear infinite;
    border-top: 2px #222 solid;
}

.dd-heading{color: #000;}
.dd-heading:hover{color: rgb(182.4,18.4,96.8);}


.accordion-item{background-color: transparent; }
.accordion-button{background-color: transparent; color: #222; font-weight: normal; font-family: "Work Sans",sans-serif;}
.accordion-body {color: #222;}

#modernLeader .accordion-body {color: #fff;}
#modernLeader .accordion-button{background-color: transparent; color: #fff; font-weight: normal; font-family: "Work Sans",sans-serif;}
#modernLeader .accordion-item{border-color: #444;}
#modernLeader .accordion-button:not(.collapsed){background-color: #111; }

.founder-img {border: 2px #f2b417 solid;}