@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
    font-family: 'Poppins', sans-serif;
    font-size: 1.3rem;
}
button a{
  color: #021220 !important;
  text-decoration: none !important;
}
button:hover a, button:focus a, button:focus-within a{
  color: #fff !important;
}

a:hover, a:focus, a:focus-within{
  text-decoration: none !important;
}
input:hover, input:focus, input:focus-within{
  outline: none;
}
img{
  height: auto;
  width: 100%;
}
.logo{
  padding: 0 !important;
}
.logo img{
	width: 5rem;
	height: auto;
}
.logo-trans img{
  width: 8rem;
}
.navbar{
  padding: 0 !important;
}
.navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:focus-within, .navbar-light .navbar-toggler-icon:focus, .navbar-light .navbar-toggler-icon:focus-within{
	outline: none;
}
.nav-fixed{
    background:transparent !important;
    position: fixed;
    width: 100%;
    z-index: 16;
    -webkit-transition: all 0.9s;
  transition: all 0.9s;
}
.nav-fixed-small{
    background: #fff !important;
    position: fixed;
    width: 100%;
    z-index: 16;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0);
    -webkit-transition: all 0.9s;
  transition: all 0.9s;
}
.nav-fixed-trans{
    background: transparent !important;
    position: fixed;
    width: 100%;
    z-index: 16;
    -webkit-transition: all 0.9s;
  transition: all 0.9s;
}
.nav-fixed-fill{
    background: #fff !important;
    position: fixed;
    width: 100%;
    z-index: 16;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0);
    -webkit-transition: all 0.9s;
  transition: all 0.9s;
}
.nav-fixed .logo-black, .nav-fixed-trans .logo-white{
  display: none;
}
.nav-fixed-small .logo-white, .nav-fixed-fill .logo-trans{
  display: none;
}

/* .nav-fixed .logo-black, .nav-fixed-trans .logo-black{
  display: none;
}
.nav-fixed-small .logo-white, .nav-fixed-fill .logo-white{
  display: none;
} */

.nav-fixed .navbar-toggler, .nav-fixed-trans .navbar-toggler{
  border: none;
  font-size: 2.5rem;
}
.nav-fixed .navbar-toggler .material-icons, .nav-fixed-trans .navbar-toggler .material-icons{
  color: #fff;
}
.nav-fixed-small .navbar-toggler, .nav-fixed-fill .navbar-toggler{
  border: none;
  font-size: 2.5rem;
}
.nav-fixed-small .navbar-toggler .material-icons, .nav-fixed-fill .navbar-toggler .material-icons{
  color: #021220;
}
.navbar .material-icons{
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.collapsed .material-icons{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.nav-fixed .navbar-nav .nav-link, .nav-fixed-trans .navbar-nav .nav-link{
    color: #fff !important;
    font-size: 1.5rem;
}
.nav-fixed .nav-link:hover{
    color: #A969B5 !important;
    font-size: 0.875rem;
}
.nav-fixed-trans .nav-link:hover{
  9
  color: #A969B5 !important;
  font-size: 1.5rem;
}
.nav-fixed .nav-link:hover, .nav-fixed-fill .nav-link:hover{
  color: #A969B5 !important;
  font-size: 0.875rem;
}
.nav-fixed .navbar-nav .active .nav-link, .nav-fixed-trans .navbar-nav .active .nav-link{
  color: #fff !important;
  font-size: 1.5rem;
}

.nav-fixed-small .nav-link, .nav-fixed-fill .nav-link{
    font-size: 0.875rem;
}

/* .nav-fixed .nav-link::after, .nav-fixed-trans .nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #A969B5;
    transition: width .3s;
}
.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #021220;
    transition: width .3s;
}

.nav-link:hover::after {
    width: 100%;
    //transition: width .3s;
} */
.nav-link:hover, .nav-link:focus, .nav-link:focus-within{
  outline: none !important;
}
.navbar-nav{
	font-size: 1.25rem;
	text-transform: uppercase;
}
.dropbtn::after{
	border: 0rem solid;
}
.dropdown-item {
  border-bottom: 1px solid #bdbdbd;
  color: #A969B5;
  padding: 1rem 2.5rem; 
  font-size: 0.875rem;
  text-align: center;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #A969B5;
    outline: none;
}
.dropdown-content{
  display: none;
	background-color: #e9ecef;
	color: #A969B5;
  border-bottom: 2px solid #fff;
}
.dropdown-content:before {
    content: "";
    background: url(../images/icons/bg-arrow-dd.png) no-repeat;
    width: 12px;
    height: 6px;
    position: absolute;
    left: 53px;
    top: -6px;
}
.dropdown:hover .dropdown-content {display: block;}

.rq-banner {
  display: flex;
  flex-wrap: wrap;
  background-image: url(../images/home-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
}
.rq-banner-text {
  font-size: 6rem;
  font-weight: 900;
  padding: 15rem 0rem; 
  color: #fff;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  margin-top: 4rem;
  position: relative;
  bottom:1rem;
}
.rq-banner-text-1{
  font-size: 6rem;
}
.rq-banner-text-2{
  font-size: 7rem; 
  color: #a3cfff;
}

@media only screen and (max-width: 767px){
	.rq-social-media{
		margin-bottom: 1rem;
	}
	.mobile-foot-border {
    color: #093262;
    margin: 1em 0;
    background-color: #093262;
    border-top: 2px solid #093262;
    width: 100%;
    opacity: 0.4;
  }
  .rq-banner{
    padding: 10rem 0rem 0rem 0rem;
  }
  .rq-banner-text {
    padding: 1rem 2rem;
    margin: 0 auto;
    margin-top: 0rem;
  }
  .rq-banner-text-1{
    font-size: 3rem;
  }
  .rq-banner-text-2{
    font-size: 3.5rem; 
    color: #a3cfff;
  }

}
.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #021220 !important;
}
@media only screen and (max-width: 991px){
  .nav-fixed-trans{
    background: #021220 !important;
  }
  .dropdown-content:before {
    top: 40px;
  }
  .container, .container-fluid, .page-container{
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding: 1rem;
  }
}
@media only screen and (min-width: 992px){
	.navbar-nav{
		position: absolute;
		right: 1rem;
	}
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding: 1rem;
  }
	.navbar-expand-lg .navbar-nav .dropdown-content {
	    position: absolute;
	    padding: 0;
	}
	.dropdown-item.active, .dropdown-item:active {
	    color: #fff;
	    text-decoration: none;
	    background-color: #021220;
	}
}
.rq-blue-bg{
  background-color: #E7F2FF;
  z-index: -2;
  padding-bottom: 8rem !important;
}
.rq-green-bg{
  background-color: #90AE93;
}
.rq-green-bg::before {
  content: "";
  background: #90AE93;
  height: 160px;
  transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
  -moz-transform: skewY(-4deg);
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: -70px;
}
.rq-green-bg::after {
  content: "";
  background: #90AE93;
  height: 160px;
  transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
  -moz-transform: skewY(-4deg);
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  bottom: -70px;
}
.rq-section{
  padding: 4rem 0rem;
  position: relative;
}
.rq-section-b{
  background-color:#f8f9fa;
  padding: 4rem 0rem;
}
.rq-section-title{
  color: #A969B5;
  font-size: 2rem;
  font-weight: 900;
}
.rq-section-text p{
  color: #000;
  font-size: 1rem;
}
.rq-section-text ul li{
  color: #000;
  font-size: 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.rq-section-text ul{
  list-style: none;
  padding-left: 0;
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rq-section-text ol{
  font-size: 1rem;
  padding-top: 2rem;
}
.rq-section-card{
  background-color: #fff;
  padding: 2rem;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
  margin-bottom: 2rem;
}
.rq-section-card img{
  width: auto;
  height: 5rem; 
  display: block;
  margin: 0 auto; 
}
.rq-section-card span{
  display: block;
  text-align: center;
  color: #093262;
  font-size: 1rem;
  font-weight: 600;
}
.rq-section img{
  margin-bottom: 1rem;
}
.rq-page-title{
  background-color: #f8f9fa;
  padding: 4rem 1rem 1rem 1rem;
}
.rq-page-title h2{
  color: #021220;
  font-weight: 800;
}
.rq-mv-wrap{
  padding: 1rem;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
  margin-bottom: 2rem;
}
.rq-mv-wrap span{
  font-size: 1.25rem;
  color: #021220;
  font-weight: 600;
}
.rq-form input[type="text"], .rq-form input[type="email"], .rq-form textarea {
  display: block;
  border: 1px solid #bdbdbd;
  padding: 0rem 1rem;
  width: 100%;
  border-radius: 5px;
  font-size: 1.2rem;
}
.rq-form input{
  margin-bottom: 1rem;
}
.rq-page-contact{
  display: flex;
  flex-wrap: wrap;
}
.rq-page-contact .rq-phone-wrap a span, .rq-page-contact a span{
  color: #021220;
  font-size: 1.25rem;
}
.rq-page-contact .rq-phone-wrap a span:hover, .rq-page-contact a span:hover{
  color: #000;
  font-size: 1.25rem;
}
.rq-page-contact .material-icons {
  margin-right: 1rem;
  font-size: 0.875rem;
  color: #A969B5;
}
.footer-content {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 1rem;
    background-color: #3f1944;
    color: #fff;
    background-image: url(../images/foot-bg-img.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color;
    background-size: cover;
}
.rq-foot-topper{
  margin-bottom: 2rem;
}
.rq-foot-brand{
	text-align: center;
}
.rq-foot-brand img{
	width: 12rem;
}
.rq-foot-text{  
  text-align: center;
}
.rq-foot-text span{
  font-size: 1rem;
  margin: 2rem 0rem;
  display: block;
}
.rq-social-media{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: fit-content;
	width: intrinsic; 
  	width: -moz-max-content;  
  	width: -webkit-max-content;
	margin: 0 auto;
	margin-top: 1rem;
}
.rq-social-media img {
    width: 1.5rem;
    margin: 0rem 1rem;
}
.rq-social-media img:hover {
    opacity: 0.6;
}
.rq-foot-nav-wrap, .rq-contact-wrap, .rq-location-wrap{
	margin-top: 1rem;
}
.rq-foot-title{
	font-size: 1rem;
  color: #A969B5;
}
.rq-foot-nav {
    list-style: none;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    padding-left: 0;
    text-transform: uppercase;
}
.rq-foot-navitem{
  margin-bottom: 0.5rem;
}
.rq-foot-nav li a{
	color: #e9ecef;
}
.rq-foot-nav li a:hover{
	opacity: 0.6;
}
.rq-foot-location{
	display: flex;
  flex-wrap: wrap;
}
.rq-foot-location .material-icons, .rq-foot-location a{
  font-size: 0.875rem;
}
.rq-foot-contact{
	display: flex;
	flex-wrap: wrap;
}
.rq-foot-contact{
	font-size: 0.875rem;
}
.rq-foot-contact .material-icons{
    margin-right: 1rem;
    font-size: 0.875rem;
    color: #fff;
}

.rq-phone-wrap a{
	display: block;
}
.rq-phone-wrap a span, .rq-foot-location a span, .rq-foot-contact a span{
	color: #fff;
}
.rq-phone-wrap a span:hover, .rq-foot-location a span:hover, .rq-foot-contact a span:hover{
	color: #fff;
	opacity: 0.6;
}
.rq-foot-copyright {
  color: #fff;
  padding: 1rem 0rem;
  text-align: left;
  border-top: 1px solid #f8f9fa;
}
.rq-foot-copyright p{
	margin: 0;
	font-size: 0.875rem;
}
@media only screen and (max-width: 575px){
	.rq-foot-navitem{
	    padding-right: 0.5rem;
	    border-right: 1px solid #021220;
	    margin-right: 0.5rem;
	}
	.rq-foot-nav li:nth-child(6){
		border-right: 0px;
	}
}
@media only screen and (min-width: 576px){
  .wrap-right{
    text-align: right;
  }
}
.rq-btn {
  color: #fff;
  background-color: #A969B5;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.25rem 1.5rem;
    -webkit-transition: ease-out 0.8s;
  	-moz-transition: ease-out 0.8s;
  	transition: ease-out 0.8s;
    display: inline-flex;
    margin-top: 1.5rem;
    border: none;
    box-shadow: none;
}
.rq-btn a{
  color: #fff !important;
}
.rq-btn .material-icons{
	margin-left: 1rem;
	color: #021220;
}
.rq-btn:hover{
  color: #A969B5;
  background-color: #021220;
}
.rq-btn:hover, .rq-btn:focus, .rq-btn:focus-within{
  outline: none !important;
}
.rq-btn:hover .material-icons{
	color: #fff;
}

.slick-dots {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
}
.slick-dots li {
  display: inline-block !important;
  margin-left: 4px;
  margin-right: 4px;
}
.slick-dots li.slick-active button {
  background-color: black;
}
.slick-dots li button {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: #999;
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.slick-dots li :hover {
  background-color: black;
}
.slider img {
  width: 100%;
  height: auto;
	padding: 5px;
}

/* Custom Arrow */
.prev {
  color: #545b62;
  position: absolute;
  top: 38%;
  left: -4em;
}
.prev :hover {
  cursor: pointer;
  color: black;
}

.next {
  color: #545b62;
  position: absolute;
  top: 38%;
  right: -4em;
}
.next :hover {
  cursor: pointer;
  color: black;
}

.prev .material-icons, .next .material-icons{
  font-size: 5rem;
}

@media screen and (max-width: 800px) {
  .next {
    display: none !important;
  }
}

.rq-trapezoid {
  border-bottom: 65px solid #A969B5;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  width: 25rem;
  text-align: center;
  position: relative;
  margin: 0 auto;
  height: 0;
  margin-bottom: 2rem;
}
.rq-trapezoid-span {
  color: #fff;
  position: absolute;
  top: 0.75rem;
  left: 2.75rem;
}
.rq-sisters-title{
  text-align: center;
  display: block;
}
.rq-inner-banner{
  padding: 12rem 2rem 5rem 2rem;
  background-image: url(../images/inner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.rq-banner-innertext{
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .rq-trapezoid {
    width: 20rem;
  }
  .rq-trapezoid-span {
    left: 2rem;
    font-size: 1.5rem;
  }
}