@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body{ font-family: 'Open Sans', sans-serif; }

.navbar-nav { margin-left: auto; }
header .navbar { background: #fff; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.30); z-index: 9999; position: fixed; padding-top: 5px; padding-bottom: 5px; }
.nav-item { font-size: 16px; margin-left: 0.7rem; margin-right: 0.7rem; text-transform: uppercase; }
.navbar-light .navbar-nav .nav-link { color:#000; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 1.75rem 0.75rem; font-weight: 500; position: relative; }
.navbar-expand-lg .navbar-nav .nav-link:after { position: absolute; content: ""; bottom: -6px; background: #FFAA01; height: 4px; width: 0%; left: 50%; transition: 0.3s ease all; transform: translateX(-50%); border: none; }
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active { color: #E20101; }
.navbar-expand-lg .navbar-nav .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-link.active:after { width: 100%; transition: 0.3s ease all; }
.dropdown:hover>.dropdown-menu { display: block; }
.navbar-expand-lg .navbar-nav .dropdown-menu { top: 83px; }

.carousel-caption { left: 4%; right: auto; top: 50%; bottom: auto; transform: translateY(-50%); color: #000; }
.carousel-caption h1 { text-align: left; font-size: 24px; color: #FFAA01; font-weight: normal; }
.carousel-caption h2 { color: #FFFFFF; font-size: 32px; font-weight: normal; text-align: left; }
.carousel-caption p { padding: 0; margin: 0; font-size: 20px; }
.carousel-caption a { margin-top: 20px; background: #FEE06C; padding: 14px 32px; height: auto; color: #000; border: 1px solid #FEE06C; border-radius: 27px; z-index: 9999; position: relative; float: left; transition: all ease 0.3s; }
.carousel-caption a:hover { border: #FFAA01 1px solid; color: #fff; background: #FFAA01; transition: all ease 0.3s; }
.carousel-item { height: 90vh; display: block; }
.carousel-caption:last-child { right:10%; left: auto; top: 50%; bottom: auto; transform: translateY(-50%); }
#MainCarousel .carousel-indicators { margin: 0; left: 50%; bottom: 5%; transform: translateX(-50%); }
#MainCarousel .carousel-indicators li { width: 50px;}
.carousel-inner img { width: 100%; height: auto; }
.innerSlider img { width: 100%; height: auto; margin-top: 80px; }
.carousel-control-next, .carousel-control-prev { top: 50%; height: fit-content; transform: translateY(-50%);}
#Landing { margin-top:90px; }

#innerslide { height: 150px; background: url("../images/Slider-bg.png") center center no-repeat; margin-top: 91px; background-size:cover; }
#innerslide .container { max-width: 90%; }
#innerslide .container h1 { color: #fff; line-height: 150px; }
.contact-wrap { background: url("../images/Slider-bg.png") center center no-repeat; padding: 36px 16px; background-size:100%; color: #fff; }
.contact-wrap h3 { font-weight: 600; }
.contact-wrap p { margin-bottom: 0; }

.content-white .container, .content-grey .container { max-width: 90%; padding: 52px 0 42px; }
.content-white .container h1, .content-grey .container h1 { font-size: 32px; font-weight: normal; margin-bottom: 16px; }
.content-white .container p, .content-grey .container p { font-size: 16px; line-height: 26px; color: #000; text-align: justify; }
ul.content-list { list-style: none; }
ul.content-list li { font-size: 16px; padding: 5px 0; font-weight: normal; color: #000; position: relative; }
ul.content-list li::before { position: absolute; left: -24px; top: 13px; background: #FFAA01; width: 10px; height: 10px; border-radius: 50%; content: ""; }

.astrology-chart { background: #F2F2F2; }
.astrology-chart .container { max-width: 90%; padding: 36px 0; }
.content-grey { background: #f3f3f3; }
a.secondary-btn { margin-top: 8px; background: #FEE06C; padding: 14px 32px; height: auto; color: #000; border: 1px solid #FEE06C; border-radius: 27px; z-index: 9999; position: relative; float: left; transition: all ease 0.3s; }
a.secondary-btn:hover { border: #FFAA01 1px solid; color: #fff; background: #FFAA01; transition: all ease 0.3s; }

footer { background: #E1E1E1; border-top: 4px solid #FFAA01; padding:32px 0; }
footer p { position:relative; text-align: center; color: #000000; margin: 0; padding: 0; font-size: 16px; }
/*================================================================== 
                     Contact Form
===================================================================== */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font-size:15px;
}
#contact-form {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:0px 10px 15px 0px;
	width:80%; margin:10px 0;
}
#contact-form label { display: block; }
#contact-form label span {
	cursor:pointer;
	color:#333;
	font-weight:normal;
	display:block;
	margin:12px 0 0 0;
	font-size:15px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea {
	width:95%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:5px 0 0 0;
	padding:10px;
	border-radius:3px;
}
#contact-form1 input[type="text"] { width:100%; margin-bottom:10px; }

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form input[type="date"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:80px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	border:none;
	background:#202227;
	color:#FFF;
	margin:10px 0 5px;
	padding:12px 20px;
	border-radius:5px;
	font-size:15px;
	transition: all 0.6s ease 0s;
}
#contact-form1 > button[type="submit"] { padding:12px 16px; font-size:13px; margin:0 auto; display:table; }
#contact-form button[type="submit"]:hover {
	background:#0b8b09;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
.error { font-size:12px; color:#F00; }
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
p a { color: #E20101; }
/* Responsive Code */
@media (max-width: 992px) { 
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0.75rem 0.75rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link:after {
        bottom:0;
    }
    .carousel-caption:last-child img { opacity: 0.3; }
    .content-white .container p, ul.content-list li { font-size: 16px; line-height: 28px; text-align: justify; }
    a.secondary-btn { float: left !important; }
    .contact-wrap { background-size: auto; }
}
@media (max-width: 580px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 24px; margin-bottom: 0; }
    .carousel-caption a { padding: 8px 24px; }
}