@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

* {

    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.mt-30 {

    margin-top: 30px !important;
}

.mt-60 {

    margin-top: 60px !important;
}

/* .mt-50 {

    margin-top: 50px !important;
} */

.mt-80 {

    margin-top: 80px;
}

.mt-120 {

    margin-top: 120px;
}

.mt-150 {

    margin-top: 150px;
}

body {

    margin: 0px;
    padding: 0px;
    /* font-family: "Libre Baskerville", serif; */
    /* font-family: "Open Sans", sans-serif; */
    /* font-family: "Noto Sans", sans-serif; */
}


/*whatsapp*/

.whatsappfloat {

    margin: 0px;
    padding: 0px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    cursor: pointer;
}


.whatsappfloat i {

    font-size: 36px;
}

a {
text-decoration:none;
}

.headerposition {

    margin: 0px;
    padding: 0px;
    position: relative;
}


.headernav {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.banner {

    background-color: transparent;
    background: linear-gradient(180deg, rgba(44, 38, 61, 0.87) 31%, rgba(114, 81, 214, 0) 64%);
    /* background: linear-gradient(180deg, rgba(44, 38, 61, 0.966) 31%, rgba(114, 81, 214, 0.575) 64%), url(../img/banner-main.jpg); */
    width: 100%;
    display: block;
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.banner .owl-prev,
.banner .owl-next {

    width: 50px !important;
    height: 50px !important;
    border: solid 1px #ffffff !important;
    background-color: transparent !important;
    color: white !important;
    top: 88% !important;
    position: absolute !important;


}

.banner .owl-prev {

    left: 50% !important;
}

.banner .owl-next {

    right: 50%;
}

.bannernav {

    margin: 0px;
    padding: 15px 0px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    z-index: 2;
}

.bannernavigation {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.bannernavigation ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.bannernavigation ul li {

    margin: 0px;
    padding: 0px 10px;
    list-style: none;
}

.bannernavigation ul li a {

    margin: 0px;
    padding: 0px 10px;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    color: white;
}

.headerlogo {

    margin: 0px;
    padding: 0px;
    text-align: left;
 
}

.logowidth {
    width: 120px;
}

.headerlogo img {
    width: 120px !important;
}

.headerlogo h2 {

    color: white;
}

.headerright {

    margin: 0px;
    padding: 0px;
}

.headerright ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: 25px;
}

.headerright ul li {

    margin: 0px;
    padding: 0px;
    list-style: none;
}

.headerright ul li a {

    margin: 0px;
    padding: 0px 14px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: white;
}

.headerbanner {

    margin: 20px 0px;
    padding: 0px;
    margin-top: 20%;
}

.headerbannerleft {

    margin: 0px;
    padding: 0px;
    margin-top: 60px;
}

.headerbannerleft h6 {

    color: white;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
}

.headerbannerleft h2 {

    color: white;
    font-size: 48px;
    font-family: "Libre Baskerville", serif;
    margin-top: 20px;
    line-height: 55px;
}

.headerbannerleft p {

    color: white;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
}

.headerbannerleft button {

    border-radius: 20px;
    margin-top: 20px;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(44, 38, 61, 0.87) 31%, rgba(114, 81, 214, 0) 64%) !important;
    color: white !important;
}

.headerbannerleftbtn1 {

    padding: 20px 60px !important;
}

.headerbannerright {

    margin: 0px;
    padding: 0px;
    position: relative;
}

.headerbannerrightimg {

    margin: 0px;
    padding: 0px;
    width: 78%;
    display: block;
    /* background-image: url(../img/banner-3.png); */
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    border-radius: 200px 0px 0 0;
    background-size: cover;
}

.headerbannerrightcercle {

    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
    right: 30px;
}

.headerbannerrightcercle img {

    width: 250px;
    height: 250px;
}

.headerrightbannercount {

    margin: 0px;
    padding: 40px 10px;
    position: absolute;
    right: 0;
    bottom: 320px;
    background-color: transparent;
    background-image: linear-gradient(360deg, #2C263D 35%, #7251D6 124%);
    width: 32%;
    height: 395px;
    border-radius: 200px 200px 200px 200px;

}

.headerrightbannercount1 {

    margin: 0px;
    padding: 0px;
    margin-top: 20%;
    border-bottom: solid 1px white;
}

.headerrightbannercount1:last-child {

    border-bottom: none;
}

.headerrightbannercount1 h4 {

    text-align: center;
    color: white;
    font-size: 32px;
    font-family: "Libre Baskerville", serif;
}

.headerrightbannercount1 p {

    text-align: center;
    color: white;
    font-size: 18px;
    font-family: "Libre Baskerville", serif;
    padding-bottom: 20px;
}


.headerbannerbtn {

    display: flex;
    justify-content: left;
    gap: 15px;
}




/*------------aboutus------------*/


.aboutusbg {

    background-image: linear-gradient(360deg, rgba(5, 6, 83, 0.849) 35%, rgba(114, 81, 214, 0.541) 124%), url(../img/bannerbg.jpg);
    padding: 40px 0px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.aboutusleft {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    position: relative;
}

.aboutusleftimg {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutusleftimg img {

    width: 100%;
    height: 255px;
    object-fit: cover;
    border-radius: 200px 0 0 0;
}


.aboutusleftimg1 {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    margin-top: 20px;
}

.aboutusleftimg1 img {

    width: 100%;
    height: 255px;
    object-fit: cover;
    border-radius: 0 200px 0px 0px;
}

.aboutusleftcircle {

    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 179px;
    right: 0;

}

.aboutusleftcircle img {

    width: 250px;
    height: 250px;
}

.aboutusright {

    margin: 0px;
    padding: 0px;
}

.aboutusright h6 {

    font-size: 14px;
    color: #ffffff;
    font-family: "Noto Sans", sans-serif;
}

.aboutusright h2 {

    color: #ffffff;
    font-size: 56px;
    font-family: "Libre Baskerville", serif;
    margin-top: 20px;

}

.aboutusright p {

    color: #ffffff;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;

}

.aboutusright1 {

    margin-top: 20px;
    padding: 0px;
}

.aboutusright2 {

    margin: 10px;
    padding: 0px;
    display: flex;
    gap: 10px;
    padding-bottom: 0px;
    border-bottom: solid 1px #2C263D;
}

.aboutusright2:last-child {

    border-bottom: none;
}

.aboutusright2 i {

    color: #ffffff;
    font-size: 24px;
}

.aboutusright2 p {

    font-size: 16px;
    color: #ffffff;
    font-family: "Noto Sans", sans-serif;
    transition: all 0.5s ease-in-out;

}

.aboutusright2 p:hover {

    color: #c9b8fa;
}

.aboutusright1 button {

    background-color: #7251D6;
    color: white;
    border-radius: 20px;
    margin-top: 20px;
    padding: 10px 60px !important;
}

.aboutusright2{

    margin: 0px;
    padding: 0px;
}

.aboutusright2 button{

    background: linear-gradient(360deg, rgba(5, 6, 83, 0.849) 35%, rgba(114, 81, 214, 0.281) 124%);
    color: white;
    border: none !important;

}

.aboutusright2 button:hover{

    color: white;
      background: linear-gradient(360deg, rgba(5, 6, 83, 0.849) 35%, rgba(114, 81, 214, 0.281) 124%);
}

/*-------------service---------------*/

.servicebg {

    margin: 0px;
    padding: 40px 0px;
    width: 100%;
    display: block;
    background-color: transparent;
    background-image: linear-gradient(180deg, #2C263D 23%, #7251D6 124%);
}


.servicetextcenter {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.servicetextcenter h6 {

    color: #B9A8EB;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
}


.servicetextcenter h2 {

    color: white;
    font-size: 36px;
    font-family: "Libre Baskerville", serif;
    margin-top: 15px;
}


.servicebox {
    background: linear-gradient(346deg, rgba(44, 38, 61, 0.37) 0%, rgba(114, 81, 214, 0.753) 95%), url(../img/bannerbg.jpg);
    width: 100%;
    display: block;
    min-height: 350px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px 100px 0 0;
    transition: all 0.5s ease-in-out;
    padding: 40px 20px;
}

.servicebox:hover {

    background: linear-gradient(346deg, rgba(44, 38, 61, 0.774) 0%, rgb(114, 81, 214) 95%);

}

.serviceboximg {

    margin: 0px;
    padding: 0px;
}

.serviceboxtext {

    margin: 0px;
    padding: 0px;
    margin-top: 25px;

}

.serviceboxtext h2 {

    color: white;
    font-size: 32px;
    font-family: "Libre Baskerville", serif;
}

.serviceboxtext p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;

}

.serviceboxtext h6 a {

    color: #B9A8EB;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    text-decoration: none;
}


/*--------zodiacsign-----------*/


.zodiacsignbox {

    margin: 0px;
    padding: 60px;
    background: linear-gradient(360deg, rgba(44, 38, 61, 0.712) 34%, rgb(114, 81, 214) 106%), url(../img/bannerbg.jpg);
    min-height: 300px;
    /* border-radius: 100px 100px 0 0; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.zodiacsignboxtextheader {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.zodiacsignboxtextheader h6 {

    color: #B9A8EB;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
}

.zodiacsignboxtextheader h2 {

    color: white;
    font-size: 32px;
    font-family: "Libre Baskerville", serif;
    margin-top: 20px;
}

.zodiacsignboxtextform {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.zodiacsignboxtextform input {

    width: 100%;
    display: block;
    border: solid 1px white;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.541);
    padding: 8px;
}


.zodiacsignboxtextform textarea {
    width: 100%;
    height: 150px;
    border: solid 1px white;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.541);
    padding: 8px;

}









/* .zodiacsignboxtextform input::placeholder{

    color: white !important;
    opacity: 1;
}

.zodiacsignboxtextform input::-moz-placeholder{

    color: white !important;
    opacity: 1;
} */

.zodiacsignboxtextform input:focus {

    border: none;
    background-color: white;

}

.zodiacsignboxtextform button {

    width: 100%;
    display: block;
    border-radius: 20px;
}

.zodiacsignboxtextform button:hover {

    box-shadow: none !important;
    outline: none !important;
}

/*--------testimonial------*/

.testimonialleft {

    margin: 0px;
    padding: 0px;
    text-align: left;
}

.testimonialleft h6 {

    color: #ffffff;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
}

.testimonialleft h2 {

    color: #ffffff;
    font-size: 48px;
    font-family: "Libre Baskerville", serif;

}

.testimonialright {

    margin: 0px;
    padding: 0px;
    width: 100%;

}

.testimonialright p {

    text-align: justify;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    color: white;
}

.testimonialbox {

    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 0;
}


.testimonialboxmain {

    margin: 0px;
    padding: 20px 30px;
    background-color: transparent;
    background-image: linear-gradient(176deg, #2C263D 30%, #7251D6 100%);
    min-height: 180px;
    border-radius: 0px 200px 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-right: 130px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.testimonialboxmain::before {

    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background-color: #7251D6;
    border-radius: 0px 200px 0 0;
    transition: all 0.2s ease-in-out;

}

.testimonialboxmain:hover:before {

    height: 100%;
    top: 0;
}

.testimonialboxmaintext {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.testimonialboxmaintext p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
}

.testimonialboxmainpic {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.testimonialboxmainpic1 {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.testimonialboxmainpic1main {

    margin: 0px;
    padding: 0px;
}

.testimonialboxmainpic1main img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonialboxmainpic1text {

    margin: 0px;
    padding: 0px;
    margin-top: 6px;
}

.testimonialboxmainpic1text h6 {

    color: white;
    font-size: 24px;
    font-family: "Noto Sans", sans-serif;
}

.testimonialboxmainpic1text p {

    color: white;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
}

.testimonialboxmainicon {

    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.testimonialboxmainicon i {

    font-size: 48px;
    color: white;
}

.testimonial .owl-dot.active span {

    background-color: #7251D6 !important;

}

/*----contactus-------*/

.contactusbg {

    margin: 0px;
    padding: 50px 0px;
    background-color: transparent;
    background-image: linear-gradient(109deg, #2C263D -21%, #7251D6 114%);
}

.contactusbgmain {

    margin: 0px;
    padding: 50px;
    width: 100%;
    display: block;
    background-color: transparent;
    background: linear-gradient(288deg, rgba(44, 38, 61, 0.932) 36%, rgba(114, 81, 214, 0.781)), url(../img/contactus.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    border-radius: 0px 200px 0 0;
}

.contactusbgmainleft {

    margin: 0px;
    padding: 0px;
}

.contactusbgmainleft img {

    width: 100%;
    height: 380px;
    object-fit: cover;
    animation: myanimate 20s linear infinite;
    transform: rotate(0deg);
}

@keyframes myanimate {

    100% {

        transform: rotate(360deg);
    }

}

.contactusright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.contactusright h6 {

    color: #B9A8EB;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
}

.contactusright h2 {

    font-size: 50px;
    color: white;
    font-family: "Libre Baskerville", serif;
}

.contactusright p {

    color: white;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
}

.contactusright1 {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.contactusright1 button {

    border-radius: 20px;
    margin-top: 20px;
    padding: 10px 50px !important;
 background: linear-gradient(360deg, rgba(40, 42, 128, 0.849) 35%, rgba(114, 81, 214, 0.281) 124%);
 color: white;
 border: none;

}

.contactusright1 button:hover{

    color: white;
}

/*----------footer------------*/

.footerbg {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-color: #2c263d;
    padding-top: 40px;
    padding-bottom: 20px;
}

.footerleft {

    margin: 0px;
    padding: 0px;
}

.footerleft p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    margin-top: 20px;

}

.footersocial {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 25px;
    margin-top: 20px;
}

.footersocial a i {

    color: white;
    font-size: 24px;

}

.footermiddle {

    margin: 0px;
    padding: 0px;
}

.footermiddle h2 {

    color: #ffffff;
    font-family: "Libre Baskerville", serif;
    font-size: 32px;
}

.footernavigation {

    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.footernavigation ul {

    margin: 0px;
    padding: 0px;
    display: block;
}

.footernavigation ul li {

    margin: 0px;
    padding: 10px 0px;
    list-style: none;
}

.footernavigation ul li a {

    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: white;
    font-family: "Noto Sans", sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.footernavigation ul li a:hover {

    color: #7251D6;
}

.footeright {

    margin: 0px;
    padding: 0px;
}

.footeright h2 {

    color: #ffffff;
    font-family: "Libre Baskerville", serif;
    font-size: 32px;
}

.footerightchembers {

    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.footerightchembers1 {

    margin: 20px 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.footerightchembers1 i {

    color: white;
    font-size: 20px;
}

.footerightchembers1 h6 {

    color: white;
    font-size: 16px;
    font-family: "Libre Baskerville", serif;
}

.footerightchembers1 h6 span,
.footerightchembers1 h6 span a {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    text-decoration: none;
}

.footercopyright {

    background-color: #1a1527;
    padding: 2px 0px;
}

.footercopyrightmain {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.footercopyrightmain p,
.footercopyrightmain p a {

    text-align: center;
    color: white;
    margin-top: 10px;
}


.sticky {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #1a1527;
    z-index: 9999999;
    border-bottom: solid 1px #7251D6;
}

.resnav {

    margin: 0px;
    padding: 0px;
    float: right !important;
    display: none;
    margin-top: 0px !important;
    cursor: pointer;
    position: relative;
    left: 90%;
    z-index: 2;
    top: 15px;
}

.resnav i{

    font-size: 24px;
}

.responsivenavigation {

    display: none;
}


/*---------aboutuspage---------*/

.aboutusbg {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-image: linear-gradient(180deg, #2C263D 31%, rgba(114, 81, 214, 0.829) 64%), url(../img/aboutusbanner.jpg);
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.aboutusnav{

    margin: 0px;
    padding: 0px;
}

.aboutuslogo{

    margin: 0px;
    padding: 0px;
    margin-top: -30px;
}

.aboutusnavigation{

    margin: 0px;
    padding: 0px;
}

.aboutusnavigation ul{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
}

.aboutusnavigation ul li{

    margin: 0px;
    padding: 0px;
    list-style: none;
}

.aboutusnavigation ul li a{

    margin: 0px;
    padding: 0px 15px;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    color: white;
}

.aboutussocail{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: -20px !important;
}

.aboutusbedcram {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 0px;
}


.aboutusbedcram h2 {

    color: white;
    font-family: "Libre Baskerville", serif;
    font-size: clamp(24px, 5vw, 48px);
}

.aboutusbedcram h4 a,
.aboutusbedcram h4 {

    color: white;
    text-decoration: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    margin-top: 20px;
}

/*----------whychooseus-------*/


.whychooseusbg {

    background-image: linear-gradient(288deg, #2C263D 36%, rgba(114, 81, 214, 0.829) 107%), url(../img/aboutusbanner.jpg);
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;

}


.whychoosetextheader {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.whychoosetextheader h6 {

    color: #B9A8EB;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
}

.whychoosetextheader h2 {

    color: white;
    font-size: 48px;
    font-family: "Libre Baskerville", serif;
    line-height: 70px;
}


.whychoosemainbox {

    margin: 30px 0px;
    padding: 0px;
}

.whychoosemainboxleft {

    margin: 0px;
    padding: 0px;
}

.whychoosemainboxleft1 {

    margin: 15px 0px;
    padding: 0px;
}

.whychoosemainboxleft1 h2 {

    color: white;
    font-size: 32px;
    font-family: "Libre Baskerville", serif;
}


.whychoosemainboxleft1 p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    margin-top: 10px;
    height: 113px;
}


/*--------servicepage----------------*/

/*---howitwork---*/

.howitworkleft {

    margin: 0px;
    padding: 0px;
}

.howitworkleft h6 {

    color: #ffffff;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
}

.howitworkleft h2 {

    color: white;
    font-size: 48px;
    font-family: "Libre Baskerville", serif;
    margin-top: 20px;
    line-height: 60px;
}


.howitworkleft p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
}


.howitworkleft button {

    border-radius: 20px;
    padding: 10px 40px !important;
     background: linear-gradient(360deg, rgba(5, 6, 83, 0.849) 35%, rgba(114, 81, 214, 0.281) 124%);
     color: white;
}

.howitworkleft button:hover{

    color: white;
}

.howitworkleft button

.howitworkright {

    margin: 0px;
    padding: 0px;
}

.howitworkright1 {

    margin: 0px;
    padding: 0px;
}

.howitworkright1text {

    margin: 15px 0px;
    padding: 0px;
    border-bottom: solid 1px #5f5f5f;
}

.howitworkright1textboder{

    border-bottom: none;

}

.howitworkright1text h2 {

    color: white;
    font-size: 20px;
    font-family: "Libre Baskerville", serif;
}

.howitworkright1text p {

    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    min-height: 165px;
    padding-bottom: 10px;
}


.howitworkright1textheight{

    margin-top:40px;
}

/*-----------------contactuspage-------------------*/

.contactusbg {

    margin: 0px;
    padding: 50px 0px;
    background-image: linear-gradient(180deg, #2C263D 0%, rgba(114, 81, 214, 0.829) 107%), url(../img/aboutusbanner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
}


.contactusleft {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.contactuslefttext {

    margin: 0px;
    padding: 0px;
}

.contactuslefttext h6 {

    color: #ffffff;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
}

.contactuslefttext h2 {

    color: white;
    font-size: 48px;
    font-family: "Libre Baskerville", serif;
    margin-top: 30px;
    line-height: 60px;
}

.contactuslefttext p {
    color: white;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
}

.contactuslefticon {

    margin: 15px 0px;
}

.contactuslefticon1 {

    margin: 10px 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.contactuslefticon1main {

    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactuslefticon1main i {

    color: #7251D6;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.contactuslefticon1text {

    margin: 0px;
    padding: 0px;
}


.contactuslefticon1text h6 {

    color: white;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
}

.contactuslefticon1text p a {

    color: white;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}


.contactusright {

    margin: 0px;
    padding: 0px;
}

.contactusformbg {


    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.322);
    background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.363), rgba(255, 255, 255, 0.2));
    backdrop-filter: blur(1rem);
    border-radius: 20px;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.5);
}

.mapbox {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}


/*---------------chemberpage-----------------*/


.chemberbox {

    margin: 0px;
    padding: 20px;
}


.chemberbox1 {

    margin: 10px 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.chemberbox1 h2{

    color: white;
    font-size: 36px;
    font-weight: 400;
}


.chemberbox1 i {

    color: white;
    font-size: 24px;
    line-height: 30px;
}


.chemberbox1 p {

    color: white;
    font-size: 18px;
    text-transform: capitalize;
    word-wrap: break-word;
   
}


.chemberbox {
    background: linear-gradient(346deg, rgba(44, 38, 61, 0.37) 0%, rgba(114, 81, 214, 0.753) 95%), url(../img/bannerbg.jpg);
    width: 100%;
    display: block;
    min-height: 170px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px 100px 0 0;
    transition: all 0.5s ease-in-out;
    padding: 40px 20px;
    transition: all 0.5s ease-in-out;
}

.chemberbox:hover{

     background: linear-gradient(346deg, rgba(44, 38, 61, 0.774) 0%, rgb(114, 81, 214) 95%);
}

.dis-banner-none {

    display: none;
}

.res-banner-none {

    display: none;
}


.aboutusresbtn{

    margin: 0px;
    padding: 0px 20px;
    float: right;
    display: none;
    font-size: 24px;
    cursor: pointer;
    margin-top: 15px;
}

@media (max-width:991px) {

    .dis-none {

        display: none;

    }
 
    .headerlogo {

     width: 100%;
     display: block;
    } 

    .resnav {

        display: block;
		left: 200%;
    }

    .resnav i {

        color: white;
    }

    .responsivenavigation {

        display: block;
        margin: 0px;
        padding: 20px;
        background: linear-gradient(180deg, rgba(44, 38, 61, 0.87) 31%, rgba(114, 81, 214, 0.8) 64%);
        position: fixed;
        top: 0;
        left: -100%;
        width: 250px;
        height: 100%;
        z-index: 99999;
        transition: all 0.5s ease-in-out;
    }

    .responsivenavigation ul {

        margin: 0px;
        padding: 0px;
        display: block;
    }

    .responsivenavigation ul li {

        margin: 0px;
        padding: 8px 0px;
        list-style: none;
    }

    .responsivenavigation ul li a {

        margin: 0px;
        padding: 0px;
        font-size: 15px;
        cursor: pointer;
        text-decoration: none;
        color: rgb(255, 255, 255);
        font-family: "Noto Sans", sans-serif;
    }

    .responsivenavigation.main {

        left: 0;
    }

    .headerbannerleft {

        margin-top: 45px;
        text-align: center;
    }

    .headerbannerleft h2 {

        font-size: 20px;
        line-height: 25px;
    }

    .headerbannerrightimg {
        width: 100%;
    }

    .headerbannerright {

        margin-top: 30px;
    }

    .headerrightbannercount {

        width: 90%;
        position: relative;
        bottom: 10px;
        left: 20px;
        display: none;
    }

    .banner {

        height: 100vh;
    }

    .aboutusleftcircle {

        top: 220px;
    }

    .aboutusleftcircle img {

        width: 130px;
        height: 130px;
    }

    .aboutusright h2 {

        font-size: 28px;
    }

    .servicetextcenter h2 {

        font-size: 27px;
    }

    .serviceboxtext h2 {

        font-size: 24px;
    }

    .contactusbgmainleft img {

        height: 305px;
    }

    .contactusbgmain {

        padding: 00px;
        padding-bottom: 30px;
    }

    .contactusbgmain {

        border-radius: 0px;
    }

    .contactusright h2 {

        font-size: 27px;
    }

    .zodiacsignbox {

        padding: 0px;
    }

    .testimonialleft h2 {

        font-size: 27px;
    }

    .footersocial a i {

        font-size: 16px;
    }

    .whychoosetextheader h2 {

        font-size: 24px;
        line-height: 35px;
    }

    .whychoosemainboxleft1 h2 {
        font-size: 20px;
    }

    .whychoosemainboxleft1 p {

        font-size: 14px;
    }

    .mt-30 {

        margin-top: 70px !important;
    }

    .res-mt-height {

        margin-top: 103px !important;
    }

    .logowidth {
        width: 90px;
    }

    .contactuslefttext h2 {

        font-size: 24px;
        line-height: 39px;
        margin-top: 22px;
    }

    .contactuslefticon {

        margin-top: 32px;
    }

    .headerlogo img {
        width: 100px !important;
    }

    .banner .owl-prev,
    .banner .owl-next {

        width: 30px !important;
        height: 30px !important;
    }



    .headerbannerbtn {

        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
        gap: 5;
        flex-direction: column;
        margin-top: 27px;
    }

    .headerbannerbtn button {


        padding: 10px 30px !important;
        display: flex;
        justify-content: center;
        background: linear-gradient(180deg, rgb(44, 38, 61) 31%, rgb(114, 81, 214) 64%);
        color: white;
    }

        .headerbannerbtn button {

            margin: 0px;
            padding: 0px;
        }

    .res-banner-none {

        display: block;
    }

    .responsivebanner {

        margin: 0px;
        padding: 0px;
        position: relative;
    }

    .responsivebannernav {

        position: absolute;
        top: 10px;
        z-index: 2;
    }
.aboutusbg{

    padding: 40px 0px;
}

.whatsappfloat{

    right: 30px;
    bottom: 30px;
}
.aboutusresbtn{

    display: block;
}

.aboutusresbtn i{

    color: white;
}

.headerbannerleft p {
    display:none;
}	
	

}