body {
    padding: 0;
    margin: 0;
    background-image: linear-gradient(to right, #181a29, #1f212c);
    /* overflow: hidden; */
}

.fixed-top {
    background-color: #181A29;
    z-index: 999999;
    height: 11%;
}

.nav-bar-left {
    padding: 0;
    position: absolute;
    z-index: 999;
    
}

.nav-bar-left {
    position: relative;
    z-index: 999;
    text-align: end !important;
}

.nav-link,
.caption-name,
.caption-location,
.rating {
    color: #fff;
}

.nl {
    padding-left: 1rem;
    font-size: 16px;
    padding-top: .3rem;
}

.img-fluid {
    width: 130px;
}

.navbar-right .nav-hover {
    color: #fff !important;
}

.ls {
    background-color: #f5ae3d;
    border-radius: 50px;
    margin-left: 1rem;
    padding: 0 1rem;
}
/* @media (max-width:600px)
{
    .ls {
        background-color: #f5ae3d;
       width: 190px !important;
       padding: 0 7px !important;
    }  
}
@media (max-width:768px)
{
    .ls {
        background-color: #f5ae3d;
       width: 190px !important;
       padding: 0 11px !important;
    }  
} */
@media (max-width:990px)
{
    .nav-bar-left{
        text-align: start !important;
    }  
    .navbar {
        flex-wrap: nowrap !important;
    }
} 
.material-card a i
{
    padding-top: 13px;
}
.ls a {
    color: #000 !important;
    font-family: 'Domine', serif;
    font-weight: bold;
    font-size: 16px;
    font-family:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.ls .dropdown-menu {
    position: absolute !important;
}

#guest {
    border: 2px solid #fff;
    border-radius: 50px;
    margin-left: 1rem;
    padding: 0 20px;
}

#guest a {
    font-family: 'Domine', serif;
    font-size: 0.8rem;
}

#guest a:hover {
    background-image: none !important;
}

.nav-hover:hover {
    color: #fff;
    /* border-bottom: 5px solid #f5ae3d; */
    background-image: url("imgs/underline.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block !important;
}

.carousel-img {
    opacity: 0.5;
    max-width: 100%;
    max-height: 100%;
    height: 48rem;
}

.caption {
    position: absolute;
    z-index: 1;
    top: 65%;
    left: 0;
    right: 0;
}

.carousel-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.6rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3%;
}

.rounded {
    width: 255px !important;
    height: 255px;
    border-radius: 8px !important;
    margin: 5px 5px 0 0;
}

.rounded-corner {
    width: 445px !important;
    height: 445px;
    border-radius: 8px !important;
    margin: 5px 5px 0 0;
}

.learn-more {
    background-color: #181a29;
    border-radius: 50px;
    margin-left: 44%;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding: 10px 40px;
    font-size: 16px;
}

.learn-more:hover {
    color: #fff;
}

.about {
    margin-top: 8rem;
}

.aboutText img {
    margin-left: 50px;
}

.aboutHeading {
    font-family: 'Domine', serif;
    font-size: 1.5rem;
    color: #fff;
    padding-top: 15px;
}

.aboutBody {
    font-family: 'Montserrat', sans-serif;
    color: #79797f;
    padding-top: 10px;
}

#carouselExampleIndicators {
    margin-top: 4rem;
}

#carouselExampleIndicators1 {
    margin-top: 2rem;
}

#carouselExampleIndicators1 ol li {
    margin-bottom: 80px;
}

.new-caption {
    position: absolute;
    z-index: 99999;
    left: 15%;
    bottom: 5%;
    width: 85%;
}

.new-caption1,
.new-caption2 {
    position: absolute;
    z-index: 99999;
    left: 15%;
    bottom: 5%;
    width: 85%;
}

.new-caption1 img,
.new-caption2 img {
    width: 10px;
}

.caption-name,
.caption-location,
.rating {
    font-family: 'Montserrat', sans-serif;
}

.caption-name {
    font-size: 25px;
    font-weight: bold;
}

.caption-location {
    position: absolute;
    left: 80%;
}

.rating {
    display: inline-flex;
}

#carouselExampleIndicators2 {
    margin-top: 5px;
}

#carouselExampleIndicators2 ol li {
    margin-bottom: 30px;
}

#carouselExampleIndicators3 ol li {
    margin-bottom: 30px;
}

.new-caption1 .caption-name,
.caption-location,
.rating,
.new-caption2 .caption-name,
.caption-location,
.rating {
    font-size: 13px;
}

.new-caption1 .caption-location,
.new-caption2 .caption-location {
    left: 75%;
}

#carouselExampleIndicators1,
#carouselExampleIndicators2,
#carouselExampleIndicators3 {
    z-index: 9999;
}

.bgImage {
    background: url(imgs/bg1.png);
    height: 65rem;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -14%;
    padding: 0;
    margin: 0 !important;
}

#yourType {
    padding-top: 20rem;
}

#yourType h1 {
    font-family: 'Domine', serif;
    font-size: 1.5rem;
}

#yourType p {
    font-family: 'Montserrat', sans-serif;
}

#yourType img {
    width: 9%;
}

#imp {
    padding-top: 3rem;
}

#imp p {
    color: #F5AE3D;
}

#imp h1 {
    margin-top: -45%;
    color: #fff;
}

#imp h1,
#imp p {
    margin-left: 10%;
}

#imp button {
    font-size: 12px;
    margin-left: 3rem;
}

#imp img {
    border-radius: 20px;
    padding-top: 0;
}

.quality-brand {
    margin-top: 10%;
}

.quality h2 {
    font-family: 'Domine', serif;
    font-size: 1.5rem;
    color: #fff;
    margin-top: 2rem;
}

.quality p {
    font-family: 'Montserrat', sans-serif;
    color: #747788;
}

.quality img {
    padding-top: 2rem;
}

.quality a {
    text-decoration: none;
    border: 2px solid #F5AE3D;
    color: #F5AE3D;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
}

.features {
    padding-top: 3rem;
    margin-top: 1rem;
    background-color: #1b1926;
    padding-bottom: 10rem;
    /* height: 65rem;
    background-repeat: no-repeat;
    background-size: cover; */
}

.wrapper h1 {
    color: #fff;
    margin-top: 3rem;
    font-family: 'Domine',serif;
}

.row1 {
    padding-top: 3rem;
}

.row2 {
    padding-bottom: 3rem;
}

.row1 img,
.row2 img {
    width: 100%;
}

.footer {
    margin-top: 3rem;
}

.footer h2 {
    color: #fff;
}

.footer ul {
    padding: 0;
}

.footer ul li {
   
    list-style-type: none;
    text-decoration: none;
    padding-bottom: 0rem;
    padding-top: 15px;
}

.footer p {
    color: #fff;
    padding-top: 10px;
}

.hrline {
    border-bottom: 3px solid #F5AE3D;
}

.bottom-footer {
    padding-top: 1rem;
}


/* LOGIN PAGE CSS */

.login-body {
    background: url(imgs/bg-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    overflow-y: hidden;
    height: 60rem;
}

.Plogin-body {
    background: url(imgs/bg-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 60rem;
    overflow-y: scroll;
}

.left {
    left: 5% !important;
    margin-bottom: 0 !important;
}

.login-wrapper h4 {
    color: #fff;
    text-align: right;
    font-family: 'Domine', serif;
    font-size: 1.5rem;
    position: absolute;
    left: 80%;
    top: 10%;
}

.login-wrapper h4 a {
    text-decoration: none;
    color: #fff;
}

.login-wrapper h4 span {
    padding-left: 5px;
}

.login-inner-wrapper {
    background-color: rgba(15, 18, 25, 0.6);
    margin: 7rem auto;
    border-radius: 10px;
    padding: 1rem 0;
    width: 50%;
}

#Plogin-inner-wrapper {
    background-color: rgba(12, 22, 81, 0.6);
    width: 50%;
}

.login-opacity {
    opacity: 1;
}

.login-inner-wrapper h2 {
    color: #fff;
    text-align: center;
    font-family: 'Domine', serif;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.login-inner-wrapper p {
    color: #bfbfbf;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}

.login-inner-wrapper p a,
#Plogin-inner-wrapper p a {
    text-decoration: none;
    color: #59A8EA;
}

.login-form,
.Plogin-form {
    margin: 0 auto;
    width: 80%;
}

.login-form label,
.Plogin-form label {
    color: #bfbfbf;
    margin-top: 0.5rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.login-form input,
.Plogin-form input {
    background-color: #1B1A44;
    outline: none;
    border: none;
    padding-left: 1rem;
    font-family: 'Montserrat', sans-serif;
    color: #fff !important;
}

.login-form input:focus,
.Plogin-form input:focus {
    background-color: #1B1A44;
    outline: none;
    border: none;
}

.login-form button {
    background-image: linear-gradient(to right, rgb(152, 170, 170), #F506FF);
    border-radius: 50px;
    border: 0;
    width: 100%;
    padding: 11px;
    margin-top: 1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #fff;
}

.Plogin-form button {
    background-image: linear-gradient(to right, #44C2F4, #19ADF8);
    border-radius: 50px;
    border: 0;
    width: 100%;
    padding: 11px;
    margin-top: 2.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #fff;
}

.Plogin-form button:hover {
    color: #fff;
}

.numblabel {
    margin-left: 25%;
}

#inputNumb4 {
    width: 50%;
    margin: 0 auto;
}

.login-form button:hover {
    color: #fff;
}

#reg {
    margin-top: 2rem;
}

.forgotpass,
.gotologin {
    margin-top: 1rem;
    text-align: right !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#selector {
    background-color: #1B1A44;
    padding: 0;
    border: 0;
    color: #fff;
    height: 2.4rem;
    border-radius: 4px;
    width: 100%;
}

.form-footer {
    font-size: 14px;
    margin-top: 1rem;
}

.or {
    text-align: center !important;
}

.login-inner-wrapper ul {
    list-style-type: none;
    font-size: 2rem;
    text-align: center;
    padding-left: 0;
    padding: 1.5rem 0 1rem 0;
}

.login-inner-wrapper ul li {
    display: inline-flex;
    color: #fff;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 24px;
}

#facebook {
    background-color: #3b5998;
}

#google {
    background-color: #db4a39;
}

.login-inner-wrapper .fa-facebook {
    padding: .8rem 1rem;
}

.fa-google {
    padding: .8rem .8rem;
}

#Plogin-inner-wrapper {
    border-radius: 10px;
}

.justify-content-end li a i {
    color: #fff;
}

#Plogin,
#login {
    overflow: hidden !important;
}

.form {
    padding: 2rem 0;
}
.login_social{
    color: #fff;
}
.login_social :hover{
    color: #fff;
}

/* @media only screen and (max-width: 1440px) {
    .nav-bar-right {
        left: 56%;
    }
}
@media only screen and (min-width: 2000px) {
    .nav-bar-right {
        left: 76%;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1999px) {
    .nav-bar-right {
        left: 57%;
    }
}

@media only screen and (max-width: 1394px) {
    .nav-bar-right {
        left: 38%;
    }
} */

/* @media only screen and (max-width: 1214px) {
    .nav-bar-right {
        left: 34%;
    }
} */

@media only screen and (max-width: 1199px) {
    .nav-item {
        font-size: 16px;
    }
    .ls {
        padding: 0 20px;
    }
    .ls a {
        font-size: 16px;
    }
    #guest a {
        font-size: 16px;
    }
    .carousel-caption {
        font-size: 36px;
    }
    .learn-more {
        font-size: 20px;
        padding: 10px 30px;
        margin-left: 40%;
    }
    .quality a {
        font-size: 10px;
    }
    .nav-bar-right {
        left: 36%;
    }
}

@media only screen and (max-width: 1024px) {
    .login-inner-wrapper {
        margin-top: 20rem;
    }
    .login-body,
    .Plogin-body {
        overflow-y: scroll !important;
        height: 70rem;
    }
    #Plogin-inner-wrapper,
    .login-inner-wrapper {
        width: 65%;
        padding: 6rem 0;
    }
    #signup-body {
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 990px) {
    .carousel-caption {
        font-size: 28px;
    }
    .learn-more {
        font-size: 20px;
        padding: 10px 30px;
        margin-left: 40%;
    }
    #navbarTogglerDemo03 {
        background: #2F354A;
        padding: 2rem 3rem;
        border-radius: 10px;
        z-index: 9999;
        position: absolute;
        right: 0;
    }
    .nav-bar-right li {
        text-align: center;
    }
    .ls {
        padding: 0 30px;
        margin-top: 10px;
    }
    .ls a {
        font-size: 16px;
    }
    #guest a {
        font-size: 18px;
    }
    .img-fluid {
        width: 30%;
    }
    .nav-bar-right {
        left: 90%;
        padding-top: 1rem;
    }
    .bgImage {
        height: 55rem;
    }
    .Pimg {
        margin-top: 0;
        border-radius: 20px;
    }
    #imp h1 {
        font-size: 18px;
    }
    #imp p {
        font-size: 10px;
    }
    #imp button {
        margin-left: 2rem;
    }
    .quality a {
        font-size: 10px;
    }
    .rounded {
        height: 170px;
    }
    .new-caption1,
    .new-caption2 {
        left: 10%;
    }
    .rounded-corner {
        height: 280px;
    }
    .aboutHeading {
        font-size: 1.5rem;
    }
    .aboutBody {
        font-size: .9rem;
    }
    .carousel-img {
        height: 43rem;
    }
    .login-inner-wrapper {
        padding: 1rem 0;
        width: 70%;
    }
    #Plogin-inner-wrapper {
        width: 70%;
    }
}

@media only screen and (max-width: 769px) {
    #carouselExampleIndicators1 {
        width: 70%;
    }
    #carouselExampleIndicators2,
    #carouselExampleIndicators3 {
        width: 55%;
    }
    #imp {
        margin-right: 0 auto;
    }
    .bgImage {
        height: 83rem;
    }
    .Pimg {
        margin-top: 10rem;
    }
    .fixed-top {
        height: 9%;
    }
    .carousel-img {
        height: 38rem;
    }
    #carouselExampleIndicators1 {
        margin-left: 15%;
    }
    #carouselExampleIndicators2 {
        margin-left: 25%;
    }
    #carouselExampleIndicators3 {
        margin-left: 25%;
    }
    .login-inner-wrapper {
        padding: 1rem 0;
        width: 80%;
        margin-top: 10rem;
    }
    #Plogin-inner-wrapper {
        width: 80%;
        margin-top: 15rem;
    }
    #selector {
        margin: .2rem 0;
    }
    #signup-body {
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 705px) {
    .carousel-caption {
        font-size: 20px;
    }
    .learn-more {
        font-size: 10px;
        padding: 10px 30px;
        margin-left: 38%;
    }
    #navbarTogglerDemo03 {
        background: #2F354A;
        padding: 1rem 3rem;
        border-radius: 10px;
        z-index: 9999;
        position: absolute;
        right: 0;
    }
    .nav-bar-right li {
        text-align: center;
    }
    .ls {
        padding: 0 30px;
        margin-top: 10px;
    }
    .ls a {
        font-size: 16px;
    }
    #guest a {
        font-size: 18px;
    }
    .img-fluid {
        width: 25%;
    }
    .nav-bar-right {
        left: 85%;
        padding-top: 1rem;
    }
    .bgImage {
        height: 85rem;
    }
    .Pimg {
        margin-top: 6rem;
        border-radius: 20px;
    }
    #imp img {
        margin-top: 3rem;
    }
    .carousel-img {
        height: 32rem;
    }
    #carouselExampleIndicators1 {
        margin-left: 15%;
    }
    #carouselExampleIndicators2 {
        margin-left: 25%;
    }
    #carouselExampleIndicators3 {
        margin-left: 25%;
    }
    .login-inner-wrapper {
        padding: 1rem 0;
        width: 100%;
    }
    #Plogin-inner-wrapper {
        width: 100%;
    }
    #signup-body {
        overflow: scroll !important;
    }
}

@media only screen and (max-width: 600px) {
    .fixed-top {
        height: 8%;
    }
    .carousel-img {
        height: 17.5rem;
    }
    .learn-more {
        margin-left: 33%;
    }
    #carouselExampleIndicators1 {
        width: 100%;
        margin-left: 0;
    }
    #carouselExampleIndicators2 {
        width: 100%;
        margin-left: 0;
    }
    #carouselExampleIndicators3 {
        width: 100%;
        margin-left: 0;
    }
    .carousel-caption {
        font-size: 15px !important;
    }
    .nav-bar-right {
        left: 78%;
        padding-top: 0;
    }
    .dropdown-menu .dropdown-item {
        padding-left: 1rem;
    }
    #imp img {
        margin-top: 3rem;
    }
    .bgImage {
        height: 82rem;
    }
    .row {
        overflow: hidden;
    }
    .Pimg {
        height: 30rem;
    }
    .quality {
        height: 30rem;
        text-align: center;
    }
    .aboutText {
        text-align: center;
    }
    .aboutHeading {
        font-size: 2rem;
    }
    .aboutText img {
        margin-left: 0;
    }
    .login-wrapper h4 {
        left: 68%;
    }
    .or {
        padding-top: 0;
    }
    .login-form,
    .Plogin-form {
        width: 90%;
    }
    .login-inner-wrapper {
        padding: .5rem 0;
        width: 100%;
        margin-top: 7rem;
    }
    #Plogin-inner-wrapper {
        width: 100%;
        margin-top: 5rem;
        padding: 3rem 0;
    }
    #carouselExampleIndicators2,
    #carouselExampleIndicators3 {
        margin-left: 15% !important;
        width: 70% !important;
    }
    .login-form button {
        background-image: linear-gradient(to right, #14CAE0, #5342e9);
        padding-top: 10px !important;
    }
    .rating {
        margin-right: 6rem;
    }
    .features {
        padding-bottom: 0;
        padding-top: 1rem;
    }
    .or {
        padding-top: 1rem;
    }
    #signup-body,
    #Psignup-body {
        overflow: scroll;
        height: 40rem;
    }
}

@media only screen and (max-width: 400px) {
    #imp img {
        margin-top: 0;
    }
    .bgImage {
        height: 72rem;
    }
    .quality {
        text-align: center;
        height: 30rem;
    }
    .aboutText {
        text-align: center;
    }
    .rounded {
        height: 235px;
    }
    .aboutText img {
        margin-left: 0 !important;
    }
    .aboutHeading {
        font-size: 1.8rem;
    }
    .caption-name {
        margin-right: 7rem;
    }
    .rating {
        margin-right: 6rem;
    }
    .features {
        padding-bottom: 0;
        padding-top: 1rem;
    }
    .login-form,
    .Plogin-form {
        padding: 0;
    }
    #Plogin-inner-wrapper {
        padding: 3rem 0;
        margin-top: 8rem !important;
    }
    .login-inner-wrapper p {
        font-size: 12px;
    }
    .login-inner-wrapper h2 {
        font-size: 25px;
    }
    .login-form-button {
        margin-top: 2rem;
    }
    #signup-body,
    #Psignup-body {
        overflow: scroll;
        height: 50rem;
    }
}

@media only screen and (max-width: 320px) {
    .login-inner-wrapper {
        margin-top: 4rem !important;
    }
    #Plogin-inner-wrapper {
        padding: 3rem 0;
        margin-top: 4rem !important;
    }
    #selector {
        width: 50%;
        height: 30px;
        -webkit-appearance: none;
    }
    .login-body,
    .Plogin-body {
        height: 100%;
    }
}