@charset "utf-8";
/* CSS Document */
:root{
	--purpleDark: #432266;
	--purpleDark07: #43226678;
	--purpleLight: #6d4da0;
	--purpleLight04: #6d4da024;
	--goldLight: #ffe65e;
	--goldLight04: #fffeeb;
	--goldDark: #9a764b;
}

@font-face{
    font-family: "ITC";
    src: url("../fonts/ITC Charter Black Regular.otf");
}
@font-face{
    font-family: "Museo";
    src: url("../fonts/Museo300-Regular.otf");
}

body, html{padding: 0px; margin: 0px; width: 100vw; overflow-x: hidden;}
*{box-sizing: border-box!important; transition: 0.5s ease; hyphens: none; object-fit: cover!important;}

h1, h2, h3, h4, h5 h6{font-family: "ITC";}
h1 span{color: var(--purpleLight);}
p, li{font-family: "Museo"; font-size: 18px;}
p span, li span{font-weight: 900;}

a{text-decoration: none;}

hr{border-bottom: 2px solid var(--goldDark); padding: 10px 0px; background-color: transparent;}

i{color: var(--purpleDark); background-color: transparent;}

.navbar{width: 100vw; height: 120px; position: fixed; z-index: 9999; background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,1.0)); margin: auto;}
.navbar-brand{margin-top: 0px; padding: 0px; position: relative; display: inline;}
.title{margin: 0px; margin-left: 30px; position: relative;}
.navbar-toggler{margin-top: 10px; margin-right: 0px;}
.nav-item{font-size: 17px; font-family: "Museo"; font-weight: 500; color: var(--purpleDark)!important; margin-bottom: -10px;}
.mast-right{display: block; text-align: right; position: absolute; right: 30px;}
.navbar-light{background-color: transparent!important;}
.navbar-light .nav-link{color: var(--purpleDark)!important;}
.navbar-light .nav-link:hover, .navbar-light .nav-item .active{border-bottom: 1px solid var(--goldDark); color: var(--goldDark)!important;}
@media(max-width:820px){.navbar-nav{margin-top: 100px; width: 40vw;} .navbar-light .nav-link{background-color: rgba(255,255,255,0.5); padding-right: 20px;border-bottom: 1px solid var(--goldDark); margin-bottom: 10px;} .navbar-brand{margin: 0px; padding: 0px;}	}
@media(max-width:560px){.navbar-brand img:nth-child(1){transform: scale(50%) translate(-30px, -30px); margin: 0px;}.navbar-brand img:nth-child(2){transform: scale(90%)  translate(-110px, 10px);} .navbar-brand{display: block;} .mast-right{top: 0px; right: 10px;} .mast-right h6{margin: 0px; font-size: 1em;}}
@media(max-width:400px){.mast-right h6{font-size: 0.86em;}}

.btn-outline-success{border: 2px solid var(--purpleLight); color: var(--purpleDark); border-radius: 0px; font-weight: 500;}
.btn-outline-success:hover{background-color: var(--purpleLight); border: 2px solid var(--purpleLight);}
.btn-outline-success:hover i{ color: #fff;}
.form-control{border: 1px dotted var(--purpleLight);}

.masthead{position: relative; padding: 0px; margin: 0px 0px 140px 0px;}

.carousel{position: relative; margin-top: 120px; padding: 0px;}
.carousel-item{text-align: center; object-fit: cover;}
.carousel-indicators{z-index: 999;}
.carousel-control-prev, .carousel-control-next{z-index: 999;}
.carousel-caption{text-align: left; margin: 130px 0px;}
.carousel-caption h1{font-size: 4em;}
.headline{ position: absolute; z-index: 999; bottom: -80px; left: 0px;}
.home-cta{ position: absolute; display: flex; column-gap: 20px; z-index: 999; right: 0px; height: inherit; transform: translateY(-80px);}
.home-cta .btn-outline-success{ background-color: #fff; color: var(--purpleLight); border-color: var(--purpleLight);}
.home-cta .btn-outline-success:hover{background-color: var(--purpleLight); border: 2px solid var(--purpleLight); color: #fff;}
.headline-box{width: 500px; height: 126px; background-color: var(--purpleDark07); margin: 0px;}
.headline-box h1{font-family: "Museo"; font-weight: 300; color: var(--goldLight); font-size: 40px; padding: 20px}
.headline h2{font-family: "Museo"; font-weight: 100; color: var(--purpleLight); font-size: 30px!important; padding: 20px;}

@media(max-width:820px){
	.masthead{margin-bottom: 20px; margin-top: 104px;}
	.carousel{position: relative; height: 34vh;}
	.carousel-item{ height: 34vh; object-fit: cover;} .carousel-item img{height: 100%;}
	.carousel-caption h1{font-size: 3em; margin: 0px; transform: translate(-40px, 160px);}
	.headline{ position: relative; bottom: 0px;}
	.headline-box{width: 100vw; height: 86px; background-color: var(--purpleLight);}
	.headline-box h1{font-family: "Museo"; font-weight: 300; color: var(--goldLight); font-size: 24px; padding: 20px;}
	.headline h2{font-family: "Museo"; font-weight: 100; color: var(--purpleLight); padding: 20px; font-size: 20px!important;}
    .home-cta{bottom: -30px; margin: auto; transform: translateY(0px);}
}
@media(max-width:520px){.carousel-caption h1{font-size: 2em;} .masthead{margin-bottom: 20px;}} 

.home-sect{display: flex; width: 100%; flex-wrap: wrap;}
.home-img{width: 30%; position: relative;}
.home-img::before{content: ""; position: absolute; width: 12%; height: 3px; top: -8px; left: 0px; background-color: var(--purpleLight);}
.home-img::after{content: ""; position: absolute; width: 12%; height: 3px; bottom: -8px; right: 0px; background-color: var(--goldDark);}
.home-text{width: 70%; padding: 30px; padding-bottom: 0px;}
.home-cta{bottom: -60px; margin: auto;}
@media(max-width:820px){.home-sect{display: block; width: 94%; margin-left: auto; margin-right: auto;} .home-text, .home-img{width: 84%; padding: 0px;}}

.home_services{margin: auto; display: flex; justify-content: center; column-gap: 40px; flex-wrap: wrap; padding-top: 40px;}
.home_services .card{border: none; border-radius: 0px; width: 400px; background-color: transparent; position: relative; text-align: center; margin-bottom: 40px;}
.hm-serv-text{position: relative; width: 100%;}
.hm-serv-text h5{width: 80%; height: 60px; padding: 10px 0px; background-color: #fff; font-family: "ITC"; position: absolute; left: 50%; top: -30px; transform: translateX(-50%); color: var(--purpleLight); display: flex; align-items: center; justify-content: center; z-index: 1;}
.hm-serv-text h5::before{content: ""; position: absolute; width: calc(100% + 12px); height: calc(100% + 12px); top: -6px; left: -6px; background-color: rgba(255,255,255,0.5); z-index: -1;}
.hm-serv-text p{position: relative; top: 20%; padding: 20px 0px; margin-bottom: 30px;}
.home-cards, .about-cards{display: flex; flex-wrap: wrap; justify-content: center;}
.card-img{width: 100%; display: flex; justify-content: center; column-gap: 20px; margin-bottom: 32px;}
.home-cards .card-body{position: relative;}
.home-cards .card{width: 30%; padding: 20px; margin: 20px; position: relative; border: 2px dotted var(--purpleLight);}
.home-cards .card::before{content:url("../images/quote-left.png"); position: absolute; width: 40px; height: 40px; top: 20px; left: -20px;}
.home-cards .card::after{content:url("../images/quote-right.png"); position: absolute; width: 40px; height: 40px; bottom: 20px; right: -20px;}
.home-cards .card-footer{margin-left: 60px; position: relative; background-color: transparent; border: none; padding: 0px;}
.home-cards .card-footer::before{content: ""; width: 20px; height: 2px; background-color: var(--purpleLight); position: absolute; top: 13px; left: -30px;}
@media(max-width: 830px){.home-cards .card{width: 44%;}}
@media(max-width: 530px){.home-cards .card{width: 90%;}}

.bg-testimonials{background-image: url("../images/bg-testimonials.jpg"); background-repeat: no-repeat; background-position: bottom;}

@media(max-width: 830px){.header-img{position: relative; margin: 0px; margin-top: 104px; height: 30vh; object-fit: cover; display: flex; justify-content: center;}
	.header-img img{height: 100%;}}

.header{color: var(--purpleLight); margin-bottom: 30px; position: relative;}
.header::after{position: absolute; content: ""; width: 40px; height: 2px; bottom: 0px; right: 0px; background-color: var(--goldLight);}
.highlight-box{padding: 20px; border: 2px dotted var(--purpleLight); background-color: var(--goldLight04); border-radius: 20px;}

.core-value{background-image: url("../images/bg-core-values.jpg"); background-attachment: fixed;}
.about-cards .card{width: 20%; padding: 10px 18px; position: relative; border: 2px dotted var(--purpleLight); border-radius: 20px;}
.about-cards .card .card-header{ background-color: transparent; border: none; text-align: center;}
.about-cards .card .card-header h6{color: var(--purpleDark); font-family: "Museo"; font-weight: 700; padding: 0px; margin: 0px;}
@media(max-width: 830px){.about-cards .card{width: 44%;} .highlight-box{padding: 10px; width: 90vw;}}
@media(max-width: 530px){.about-cards .card{width: 90%;}}
@media(max-width:400px){.highlight-box p{font-size: 14px!important;}}

.about-bottom{ background-image: url("../images/about-bottom.jpg"); background-position: bottom; background-repeat: no-repeat; text-align: center;}
.mission-vision{padding: 60px 0px; margin-top: 60px auto 20px auto; display: flex; flex-wrap: wrap; justify-content: center;}
.mission-vision ul{list-style:circle; margin-top: 30px;}
.mission-vision h4{color: var(--purpleLight); position: absolute; top: -15px; background-color: #fff; padding: 0px 10px;}
.mission, .vision{width: 31%;  padding: 30px; margin: 10px 10px 0px 10px; position: relative; background-color: #fff; border: 2px dotted var(--purpleLight); border-radius: 20px;}
@media(max-width: 830px){.mission, .vision{width: 44%;}}
@media(max-width: 530px){.mission-vision{flex-direction: column;} .mission, .vision{width: 90%; margin: 10px auto 40px auto;}}

.why{padding: 0px; background-color: var(--goldLight04); border: 2px dotted var(--purpleLight); margin-top: 40px; border-radius: 20px; overflow: hidden;}
.why li{margin-bottom: 20px;}
.why-main{background-color: var(--goldLight04); background-image: url("../images/bg-why.jpg"); background-position: bottom; background-repeat: no-repeat; background-blend-mode: multiply; text-align: center;}

footer{background-color: #333; position: relative; bottom: 0px; min-height: 60px; margin: 100px 0px 0px 0px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
footer p{margin: 0px; padding: 0px;}
.social-media{display: flex; justify-content: flex-end; align-content: center;}
@media(max-width:1040px){}
@media(max-width: 800px){
    .footer-box{flex-direction: column; width: 85%; flex-wrap: wrap;}
    .footer-menu ul{flex-direction: column;}
}

.form-box{width: 90vw; max-width: 800px; background-color: rgba(255,255,255,0.6); border-radius: 22px; border: 1px dotted var(--purpleLight); margin: auto; margin-top: -450px; position: relative; padding: 44px; padding-bottom: 0px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}
@media (max-width:830px){.form-box{ margin-top: -250px; padding: 20px;}}
.submit-box{margin-bottom: -20px; background-color: #fff; display: flex; justify-content: flex-end; background-color: transparent; gap: 20px;}
.submit{background-color: #fff;}
	
.address{width: 48%;}
.footer{display: flex; flex-wrap: wrap; background-color: #333; position: relative; bottom: 0px; padding: 20px; color: #fff; align-items: center; justify-content: center;}
.footer-menu ul:hover{color: #666!important;}
.footer-box{display: flex; justify-content: space-between; align-items: flex-end; padding: 0px;}
.footer-text{font-size: 12pt;}
.footer-menu li{ margin: 0px; padding: 0px; margin: 10px 30px 0px -26px;}
.footer-menu li .active{opacity: 0.7!important; pointer-events: none;}
.social-media{display: flex; justify-content: flex-end; align-content: center;}
@media(max-width:1040px){}
@media(max-width: 800px){
    .footer-box{flex-direction: column; width: 85%; flex-wrap: wrap;}
    .footer-menu ul{flex-direction: column;}
}