@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap);a:not([href]):not([class]),a:not([href]):not([class]):hover,body,input.form-control1 {
    color: #000
}

.form-group1 span,body,h1,h2,h3,h4,h5,h6,p {
    margin: 0
}

.tophead-right2 li a,.tophead-right2 ul i {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600
}

body {
    padding: 0;
    font-family: Mulish,sans-serif
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: -webkit-focus-ring-color auto 0;
    outline-offset: -0px
}

a,a:focus,a:hover {
    color: #000;
    text-decoration: none
}

img {
    max-width: 100%
}

.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor
}

.top-section {
    background: linear-gradient(179deg,#ffe7d4,#fff,#fff)
}

.cen-info,.head-mid,.tophead,.topsrv {
    justify-content: center;
    align-items: center
}

.tophead-left2 p {
    color: #112033;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700
}

.tophead-right2 {
    background: #c3243a;
    padding: 6px 40px 6px 0;
    border-radius: 0 0 90px 90px
}

.icon-social li,.tophead-right2 ul {
    list-style: none;
    display: inline-block;
    padding: 0 3px
}

.tophead-right2 ul i {
    color: #118660;
    font-size: 16px;
    margin: 0;
    padding: 0 10px 0 0;
    font-style: normal;
    animation: .4s infinite boun
}

.breadcrumb-section h1 a,.end li a,.footer-navigation ul li a,.footercontact-heading ul li a,.navbar-toggler-icon,.tophead-right2 ul i a {
    color: #fff
}

@keyframes boun {
    0% {
        transform: translateY(3px)
    }

    100% {
        transform: translateY(0)
    }
}

.tophead-right2 ul li {
    display: inline-block
}

.tophead-right2 ul li:nth-child(2) {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600
}

.footer-list ul li:before,.main-content ul li:before {
    font-size: 27px;
    content: "\1051";
    font-family: 'Glyphicons Halflings'
}

.tophead-right2 li a {
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff
}

.head-right2 p,.headarea-section ul li,.menu li,.topservices-left2 strong,.topservices1 strong {
    text-transform: capitalize
}

.tophead-right2 li a .bi {
    height: 15px;
    width: 16px;
    color: #fff;
    margin: 0 0 0 9px
}

.menu li a.active-1,.menu li a:hover {
    background: #ffffff00;
    color: #dc7928
}

.head-logo1 {
    padding: 0;
    width: 43%
}

.head-right1 {
    padding: 0;
    width: 57%
}

.head-right2 p {
    font-size: 22px;
    text-align: center;
    font-weight: 800
}

.flag {
    position: absolute;
    right: 0;
    top: 17px
}

.navigation-section {
    position: relative;
    padding: 5px 0 0;
    margin: 15px 0 0;
    border-top: 1px solid #cdcdcd
}

.navigation {
    position: relative;
    padding: 7px 0;
    margin: 20px 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.navbar-collapse {
    justify-content: center;
    padding: 0
}

.map,.navbar,.topservices-left1 {
    padding: 0
}

.menu {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0
}

.headarea-section ul li,.menu li,.menu li a,.navbar-toggler,.toggle-design {
    display: inline-block
}

.menu li {
    padding: 0 18px;
    color: #fff;
    position: relative;
    transition: .2s ease-in
}

.menu li a {
    font-size: 18px;
    color: #000;
    padding: 6px 19px;
    transition: .1s ease-in;
    font-weight: 500
}

.navbar-toggler:focus {
    box-shadow: none
}

.navbar-toggler {
    border-radius: 6px;
    width: 41px;
    height: 31px;
    background: #fff;
    transition: .2s ease-in;
    padding-top: 0;
    line-height: 0;
    color: #fff;
    margin: 0;
    padding-left: 0;
    border: 0;
    padding-right: 0
}

.toggle-design {
    height: 2px;
    width: 70%;
    background: #a53e3d;
    transition: .5s cubic-bezier(.62,.43,.35,1.47)
}

.menu li a.active-1 {
    font-weight: 700
}

.headarea-section {
    padding: 0;
    background: #7a1b28
}

.headarea-section ul li {
    list-style: none;
    padding: 8px 13px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    position: relative
}

.headarea-section li:before {
    content: "";
    position: absolute;
    height: 73%;
    width: 1.4px;
    background: #c3243a;
    transform: skewX(347deg);
    left: 0;
    top: 6px
}

.headarea-section ul li:nth-child(2):before {
    display: none
}

.headarea-section ul span {
    font-size: 17px;
    text-transform: uppercase;
    background: #c3243a;
    color: #fff;
    padding: 9px 16px;
    display: inline-block;
    font-weight: 700
}

.slide-section img {
    width: 100%
}

.topservices-left2 {
    padding: 10px;
    background: #c3243a
}

.topservices-left2 strong {
    font-family: "Oleo Script",system-ui;
    color: #fff;
    font-size: 80px;
    font-weight: 400
}

.topservices-right1 {
    padding: 0 30px
}

.aboutus-left1,.city1,.services1,.testimonials1,.topservices1 {
    padding: 10px
}

.topservices1 strong {
    font-size: 16px;
    display: block;
    padding: 23px 0 0;
    color: #112033
}

.topservices1 span {
    position: relative;
    background: #fff;
    box-shadow: 0 0 6px #c5c5c5;
    display: block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 78px;
    margin: auto;
    margin-top: 20px!important
}

.topservices1 span:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px dotted #112033;
    border-radius: 50%;
    left: -10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.topservices1 span img {
    height: 53px
}

.aboutus-section {
    padding: 80px 0 20px
}

.aboutus-right1,.bottom-services1,.rightabout {
    padding: 0 0 0 30px
}

.aboutus-heading p,.heading-services p {
    color: #000000;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 17px
}

.aboutus-heading strong,.heading-about strong,.heading-services h1,.heading-services strong {
    font-family: "Oleo Script",system-ui;
    color: #c3243a;
    font-size: 61px;
    position: relative;
    font-weight: 400;
    text-transform: capitalize
}
.bottom-services .heading-about strong:before{
    content:"";
    position:absolute;
    width:100%;
    height:3px;
    background:#dc7928;
    left:0;
    bottom:0;
}
.leftabout p,.leftabout span {
    font-weight: 600;
    color: #fff;
    text-transform: capitalize
}

.year-design {
    background: #dc7928;
    padding: 30px 0
}

.leftabout p {
    font-size: 32px
}

.leftabout span {
    font-family: "Oleo Script",system-ui;
    display: block;
    font-size: 90px
}

.design-content-about p {
    color: #222;
    text-align: justify;
    font-size: 15px;
    line-height: 32px;
    padding: 0 0 10px
}

.call-number {
    background: #dc7928;
    margin: 80px 0 0;
    padding: 40px 0;
    border-radius: 20px
}

.call-number a,.contact-details2 a {
    display: block
}

.call-number a span {
    display: block;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 71px;
    color: #fff;
    line-height: 65px
}

.call-number a p {
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 27px;
    color: #000;
    padding: 17px 0 0;
    letter-spacing: 3px
}

.services-section {
    padding: 60px 0
}

.heading-services h1 a {
    color: #c3243a
}

.services2 {
    padding: 30px;
    box-shadow: 0 0 10px #dedede;
    border-radius: 5px
}

.services2 img {
    border-radius: 5px;
    width: 100%;
    padding: 9px 0 0
}

.services2 strong {
    font-size: 23px;
    font-weight: 800;
    color: #c3243a;
    text-transform: capitalize;
    display: block;
    padding: 0 0 10px
}

.main-content p,.services2 p {
    line-height: 28px;
    font-size: 15px
}

.services2 p {
    color: #222;
    padding: 0 0 10px
}

.maincontent-section {
    padding: 40px 0 40px;
    position: relative
}

.main-content p {
    color: #222222;
    font-weight: 500;
    text-align: justify;
    padding: 10px 0 0
}

.main-content p a {
    font-weight: 700;
    color: #dc7928
}

.main-content span {
    color: #f9dd00;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 17px;
    background: #0c3729;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 28px;
    width: fit-content;
    margin: 20px 0 0
}

.main-content ul {
    margin: 0;
    list-style: none;
    padding: 10px 0 20px;
    position: relative;
    z-index: 9
}

.main-content ul li {
    line-height: 27px;
    font-weight: 500;
    font-size: 16px;
    padding: 9px 20px 9px 35px;
    border-radius: 30px;
    background: #c3243a;
    color: #fff;
    display: inline-block;
    position: relative;
    margin: 10px 5px 0 0
}

.main-content ul li:before {
    position: absolute;
    color: #ffb645;
    top: 7px;
    left: 11px
}

.main-content p strong {
    font-weight: 700;
    color: #000
}

.main-content h2,h3,h4,h5,h6 {
    font-size: 20px;
    margin: 27px 0 5px;
    line-height: 30px;
    padding: 4px 20px 7px;
    border-radius: 51px;
    z-index: 9;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    background: #dc7928
}

.main-content h2,h3,h4,h5,h6,strong {
    font-weight: 700
}

.main-content ol {
    margin: 20px 0;
    padding: 10px 0;
    list-style: none;
    background: #dc7928
}

.main-content ol li {
    color: #fff;
    font-size: 16px;
    padding: 8px 20px
}

.mainservices-section {
    padding: 70px 0;
    background: #c3243a
}

.bottom-services2,.mainservices-2 strong {
    background: #fff;
    position: relative;
    z-index: 9
}

.mainservices-1 {
    padding: 14px
}

.heading-horoscope strong {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-transform: capitalize
}

.mainservices-2 strong {
    margin: 0 auto;
    display: block;
    border-radius: 0 0 50px 50px;
    width: 90%;
    text-transform: capitalize;
    padding: 5px 10px;
    text-align: center;
    font-size: 21px
}

.mainservices-2 img {
    min-width: 100%
}

.bottom-services {
    padding: 90px 0 120px;
    position: relative;
    z-index: 9;
    overflow: hidden
}

.bottom-head a {
    color: #fff;
    font-size: 17px;
    text-align: center;
    display: block;
    padding: 12px 19px;
    letter-spacing: 1px;
    background: #dc7928;
    box-shadow: inset 0 0 7px 8px #eaa1421c;
    border-radius: 60px 00 0 60px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 10px 0 0 auto;
    width: 95%
}

.bottom-head p {
    font-size: 14px;
    padding: 0;
    line-height: 26px;
    color: #bcbcbc;
    font-weight: 300;
    margin: 0 0 17px
}

.bottomservices-left1 {
    padding: 0;
    width: 65%
}

.bottom-services2 {
    border-radius: 20px;
    padding: 45px 0;
    overflow: hidden;
    box-shadow: 0 0 16px #c1c1c15c;
    border: 1px solid #dc7b29
}

.bottom-services3 strong {
    font-weight: 500;
    font-family: Forum,serif;
    display: block;
    font-size: 25px;
    color: #eaa142;
    border-top: 1px solid #563b21;
    padding: 10px 0 0;
    text-transform: capitalize;
    margin: 27px 0 20px
}

.bottom-services3 ul {
    padding: 10px 15px 0;
    margin: 0;
    list-style: none
}

.bottom-services3 ul li {
    text-align: left;
    list-style: none;
    padding: 11px 7px 11px 26px;
    color: #dfdfdf;
    position: relative;
    font-size: 16px;
    font-weight: 500
}

.city2,.icon-social li a,.testimonials3 p {
    text-align: center
}

.bottom-services3 ul li a {
    color: #3f3f3f;
    display: block;
    padding: 0 0 0 6px
}

.bottom-services3 ul li:hover a {
    color: #282828
}

.bottom-services3 li:before {
    position: absolute;
    background: 30% #e6e6e600;
    top: 2px;
    left: 0;
    color: #c3243a;
    font-size: 26px;
    content: "\235f";
    font-family: 'Glyphicons Halflings'
}

.contact-pandit a {
    font-size: 18px;
    margin: 27px 0 5px;
    line-height: 30px;
    padding: 7px 20px;
    font-weight: 500;
    border-radius: 11px;
    z-index: 9;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    background: #155799
}

.get a,.testimonials3 p,.testimonials4 strong {
    font-weight: 400;
    color: #fff
}

.get a {
    border: 1px solid #b7934233;
    padding: 11px 29px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 auto;
    background: #c3243a;
    border-radius: 40px
}

.testimonials {
    padding: 50px 0 80px;
}

.client {
    margin: 40px 0 0
}

.testimonials2 {
    border-radius: 15px;
    padding: 20px;
    position: relative;
    z-index: 9;
    background: center center no-repeat #dc7928
}

.qoute {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 1;
    color: #d94;
    right: 0;
    z-index: -9
}

.footer,.footer-bottom {
    position: relative;
    padding: 0 0 20px;
}

.qoute .bi {
    height: 11.8rem;
    width: 11.9rem
}

.testimonials3 p {
    line-height: 28px;
    font-size: 14px;
    padding: 15px 0 0
}

.testimonials3 aside b {
    padding: 0 1px;
    color: #e79f41
}

.icon-social li a .bi,.testimonials3 aside b .bi {
    height: .8rem;
    width: .8rem
}

.testimonials3 aside {
    padding: 2px 10px;
    position: relative;
    background: #fff;
    width: fit-content
}

.testimonials4 strong {
    padding: 0;
    font-size: 18px;
    display: inline-block;
    text-transform: capitalize
}

.city2 p,.testimonials4 span {
    font-size: 14px;
    font-weight: 700
}

.testimonials4 span {
    padding: 0 0 0 4px;
    color: #000;
    display: inline-block;
    text-transform: uppercase
}

.testimonials4 img {
    border-radius: 16%;
    display: block;
    margin: 0 auto 12px 0;
    padding: 0 7px 0 0;
    height: 90px
}

.cities {
    padding: 50px 0;
    background: #dc7928
}

.city2 img {
    border-radius: 10px
}

.city2 p {
    text-transform: capitalize;
    background: #c3243a;
    color: #fff;
    padding: 4px 16px;
    margin: 10px auto 0;
    border-radius: 30px;
    display: block;
    width: fit-content
}
.map-location{
    padding: 30px 0 50px;
}
.map-location .map{
    padding:20px 0 0 0;
}
.map-location aside{
    font-family: "Oleo Script", system-ui;
    color: #c3243a;
    font-size: 61px;
    font-weight: 400;
    position:relative;
    width:fit-content;
    text-transform: capitalize;
}
.map-location aside:before{
    content:"";
    position:absolute;
    width:100%;
    height:3px;
    background:#dc7928;
    left:0;
    bottom:0;
}
.map-location iframe{
    box-shadow: 0 0 6px #72727240;
}
.main{
    padding:0;
    margin:0 auto;
    width:95%;
}
.footer-location1{
    padding:10px 10px;
}
.footer-location1 strong{
    font-size: 14px;
    line-height: 25px;
    color: #222;
}
.footer-location1 i{
   color: #dc7928;
   text-transform: uppercase;
   font-weight: 800;
   padding: 3px 0 1px;
   font-size: 18px;
}



.footer {
    background: linear-gradient(45deg,#000,#141414ee);
    padding: 30px 0 10px;
    z-index: 9
}

.flagq {
    position: absolute
}

.footer-heading strong {
    font-size: 20px;
    text-transform: uppercase;
    color: #ffa962;
    text-align: left;
    font-weight: 500
}

.footer-center1 {
    padding: 10px 20px 10px 0px;
}

.footer-center1:last-child {
    border: 0;
    padding-left: 20px
}

.footer-center2 {
    padding: 0 6px
}

.text-centent p {
    color: #fff;
    line-height: 31px;
    font-weight: 300;
    font-size: 15px;
    padding: 0;
}

.footer-copy {
    justify-content: center;
    align-items: center;
    padding: 40px 0 0
}

.icon-social li a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border-radius: 110px;
    height: 30px;
    line-height: 28px;
    width: 30px;
    background: #ffaa0042
}

.footer-list ul li,.footer-navigation ul li {
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    position: relative
}

.footer-list ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.footer-list ul li {
    padding: 5px 0 5px 18px;
    font-size: 15px
}

.footer-list ul li:before {
    position: absolute;
    color: #ffa962;
    top: -7px;
    left: -6px
}

.footer-navigation {
    padding: 0px 0 0;
    margin: 0
}

.footer-navigation ul li {
    padding: 6px 19px;
    font-size: 17px;
    text-align: left;
    display: inline-block;
    list-style: none
}

.footercontact-heading strong {
    font-size: 21px;
    text-transform: capitalize;
    display: block;
    text-align: left;
    font-weight: 500;
    color: #fba660
}

.footercontact-heading ul {
    padding: 11px 0 0;
    margin: 0;
    text-align: left;
    list-style: none
}

.footercontact-heading ul li {
    display: block;
    padding: 7px 0;
    color: #fff
}

.footercontact-heading ul li .bi {
    height: 1.3rem;
    color: #ed9d5c;
    width: 1.3rem;
    margin: 0 0 -3px
}

.footercontact-heading ul li span {
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 17px
}

.copy p {
    color: #ffa962;
    font-weight: 400;
    text-align: right;
    font-size: 15px;
    padding: 0
}
.copy-right{
    border-top: 1px solid #2e2e2e;
    padding: 10px 0 0;
}


/* start blog section */

.blog-section{
  padding: 50px 0;
  position: relative;
}
.blogg strong{
}
.blog-left1{
  padding: 0 50px 0 0px;
}
.blog-design{
    padding: 10px;
}
.content-blog{
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 6px #d3d3d3;
  border-radius: 20px;
}
.blog-head strong{
  font-size: 21px;
  color: #c3243a;
  text-align: left;
  line-height: 26px;
  display: block;
  font-weight: 800;
  text-transform: capitalize;
  margin: 6px 0 15px;
  border-left: 3px solid #dc7928;
  padding: 3px 0 3px 10px;
}
.blog-head strong a{
    color: #c3243a;
}
.blog-content p{
  color: #2b2b2b;
  text-align: justify;
  padding: 0 0 15px 0;
  letter-spacing: 0.2px;
  line-height: 28px;
  font-size: 15px;
  font-weight: 500;
}
.blog-content p strong{
  font-weight: 800;
  color: #c3243a;
}
.blog-content a{
  margin: 0px 0 0;
  padding: 6px 20px 5px 20px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 800;
  position: relative;
  border-radius: 55px;
  text-transform: capitalize;
  background: #dc7928;
  z-index: 9;
  transition: 0.5s ease-in;
  display: block;
  width: fit-content;
}
.blog-right1{
  padding: 0 0 0 10px;
}
.blog-right2{
  top: 0;
  position: sticky;
}
.blog-list{
  background: #ffcba1;
  padding: 16px;
  border-radius: 17px;
}
.blog-list strong{
    color: #000000;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 25px;
}
.blog-list ul{
  padding:0;
  margin:0;
  overflow: scroll;
  height: 482px;
  overflow-x: hidden;
}
.blog-list ul::-webkit-scrollbar {
 width: 2px;
}
.blog-list ul::-webkit-scrollbar-track {
 box-shadow: inset 0 0 100px #ffffff;
 border-radius: 0px;
}
.blog-list ul::-webkit-scrollbar-thumb {
 background: #a11e00;
  height:20px;
 border-radius: 0px 0px 10px 10px;
} 
.blog-list ul li{
  font-size: 15px;
  color:#000;
  font-weight: 400;
  list-style: none;
  text-transform:capitalize;
  text-align: left;
  padding: 0px 0 0px 31px;
  position:relative;
  margin: 14px 0 0;
}
.blog-list ul li:before{
  position: absolute;
  background: #e6e6e600 30%;
  top: -4px;
  left: 0px;
  font-weight: 600;
  color: #bf2500;
  font-size: 24px;
  content: "\2699";
  font-family: 'Glyphicons Halflings';
}
.blog-list ul li a{
  color:#000;
}

.contact-pandit-blog a{
  background: #c63045;
  border-radius: 17px;
  padding: 14px 5px;
  margin: 20px 0 0 0;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.contact-pandit a svg{
  height: 38px;
  fill:#a11f00;
  width: 38px;
  margin: 0 3px 0 0px;
}
/* end blog section*/




.bread-crumb {
    background: linear-gradient(45deg,#dc7928,#c3243a);
    position: relative;
    z-index: 9
}

.breadcrumb-section {
    padding: 55px 0
}

.breadcrumb-section h1 {
    font-size: 44px;
    text-transform: capitalize;
    font-weight: 800;
}

.breadcrumb-section h1 a b {
    font-weight: 700;
    color: #ffc035
}

.breadcrumb-section p {
    padding: 0;
    color: #000;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600
}

.breadcrumb-section .home {
    font-size: 14px;
    padding: 7px 21px 0;
    color: #000;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    display: inline-block
}

.breadcrumb-section .home .bi {
    color: #fff;
    height: 1.2rem;
    width: 1.2rem
}

.contact-details1 {
    padding: 11px 10px;
}

.contact-details2 span {
    text-transform: uppercase;
    font-size: 23px;
    color: #ba0000;
    font-weight: 900;
    padding: 0 0 3px;
    display: block
}

.contact-details2 p {
    font-size: 19px;
    font-weight: 800;
    color: #000;
    padding: 6px 32px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 9px #d3d3d3;
    display: inline-block
}
.cen-info{
    padding:20px 0 0 ;
}
.contact-details2 b {
    font-weight: 600;
    line-height: 27px;
    color: #494949;
    text-transform: capitalize;
    padding: 6px 0 0;
    display: block
}

.contact-form {
    margin: 0px 0 0;
    padding: 60px 100px;
    border-radius: 30px;
    background: #dc7928
}

.end,.form-control1 {
    background-color: #fff
}

.contac-rr {
    margin: 0;
    text-align: left
}

.form-group1 {
    padding: 12px 10px;
    text-align: center;
    margin: 2px 0 4px;
    position: relative
}

.form-control1 {
    height: 59px;
    border-radius: 39px;
    display: block;
    border: 0;
    width: 100%;
    padding: 19px 24px 17px;
    font-size: 15px;
    font-weight: 500
}

textarea.form-control1 {
    height: 210px;
    color: #000
}

.btn-group {
    padding: 14px 10px 0;
    margin: 0;
    text-align: left
}

.end,.fix {
    padding: 0
}

.btn-group>.btn {
    background: #c3243a;
    padding: 15px 29px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
    border: 0;
    border-radius: 70px;
    transition: .8s ease-in-out;
    left: 0;
    right: 0;
    margin: 0 auto
}

.end li,.end li:after {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    animation-duration: .8s;
    animation-iteration-count: infinite
}

.form-group1 .place::-webkit-input-placeholder {
    color: #000;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}

.btn:active:focus,.btn:focus {
    outline: -webkit-focus-ring-color auto 0;
    outline-offset: -0px
}

.fix {
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 99999;
    width: 100%
}

.end {
    margin: 0
}

.end li a i {
    animation-name: vibe;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.12,0.84,0.79,0.4);
    animation-delay: .2s
}

.end li {
    display: inline;
    list-style: none;
    text-align: center;
    bottom: 15px;
    animation-name: rip;
    background: #fd0202;
    line-height: 48px
}

.end .wh-fx {
    background: #03bd00;
    color: #fff
}

.end li:after {
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: -99;
    content: "";
    transform: scale(1);
    border: 1px solid rgba(162,162,162,.8);
    animation-name: ripp
}

@keyframes vibe {
    0%,66% {
        transform: rotate(0)
    }

    33% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(-20deg)
    }
}

@keyframes ripp {
    0% {
        transform: scale(.9)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(1.1)
    }

    60% {
        transform: scale(1.2)
    }

    80% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1.4)
    }
}

@keyframes rip {
    0% {
        box-shadow: 0 0 0 4px rgba(162,162,162,.8)
    }

    20% {
        box-shadow: 0 0 0 6px rgba(162,162,162,.6)
    }

    40% {
        box-shadow: 0 0 0 8px rgba(162,162,162,.4)
    }

    60% {
        box-shadow: 0 0 0 10px rgba(162,162,162,.2)
    }

    80% {
        box-shadow: 0 0 0 12px rgba(162,162,162,.1)
    }

    100% {
        box-shadow: 0 0 0 14px rgba(162,162,162,0)
    }
}

.wh-fx {
    right: 20px
}

.ph-fx {
    left: 20px
}

.end li a img {
    filter: brightness(.5) invert(1);
    height: 27px
}

@media (max-width: 767px) {
    .head-right2 p,body {
        text-align:center
    }

    .tophead-left1,.tophead-right2 ul li {
        display: none
    }

    .tophead-right2 ul li:nth-child(2) {
        display: inline-block;
        font-size: 18px
    }

    .flag {
        opacity: .1
    }

    .head-logo1,.head-right1 {
        width: 100%
    }

    .tophead-left2 p {
        font-size: 17px
    }

    .head-right2 p {
        font-size: 19px;
        padding: 0
    }

    .headarea-section ul span {
        padding: 9px 12px;
        font-size: 14px
    }

    .headarea-section ul li {
        padding: 8px 9px;
        font-size: 15px
    }

    .topservices1 strong {
        font-size: 15px
    }

    .bottom-head a {
        letter-spacing: 0;
        font-size: 14px;
        padding: 12px 10px
    }

    .heading-horoscope strong {
        font-size: 28px
    }

    .mainservices-1 {
        padding: 10px;
        width: 50%
    }

    .heading-about strong {
        font-size: 33px
    }

    .aboutus-heading strong {
        font-size: 46px
    }

    .topservices-left2 strong {
        font-size: 55px
    }

    .reverse-about {
        flex-flow: column-reverse
    }

    .call-number a p {
        letter-spacing: 0;
        font-size: 21px;
        padding: 0
    }

    .bottom-services1 {
        padding: 0 10px 15px
    }

    .fix,.menu li {
        display: block
    }

    .year-design {
        padding: 20px 0
    }

    .leftabout span {
        line-height: 100px
    }

    .aboutus-right1 {
        padding: 0 10px
    }

    .rightabout {
        padding: 20px 0 0
    }

    .contact-details1,.footer-center1,.footer-navigation,.services2 {
        padding: 10px
    }

    .call-number a span {
        font-size: 42px
    }

    .heading-services h1,.heading-services strong {
        font-size: 45px
    }

    .aboutus-heading p {
        letter-spacing: 0;
        font-size: 15px
    }

    .aboutus-section {
        padding: 50px 0 20px
    }

    .contact-form {
        padding: 60px 20px
    }

    .topservices1 {
        width: 33.333%
    }

    .city1 {
        width: 25%
    }

    .bottom-services {
        padding: 90px 0 80px
    }

    .tophead-right2 ul {
        text-align: center!important;
        display: block
    }

    .tophead-right2 {
        padding-right: 0
    }
     .blog-left1{padding:0;}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .bottom-head a,.call-number a p {
        letter-spacing:0
    }

    .tophead-left1 {
        display: none
    }

    .head-logo1,.head-right1 {
        width: 100%
    }

    .menu li {
        display: block
    }

    .tophead-left2 p {
        font-size: 17px
    }

    .tophead-right2 ul li:nth-child(2) {
        font-size: 18px
    }

    .head-right2 p {
        padding: 0 60px 0 0;
        text-align: center
    }

    .headarea-section ul span {
        padding: 9px 12px;
        font-size: 14px
    }

    .headarea-section ul li {
        padding: 8px 9px;
        font-size: 15px
    }

    .topservices1 strong {
        font-size: 15px
    }

    .bottom-head a {
        font-size: 16px
    }

    .heading-horoscope strong {
        font-size: 35px
    }

    .contact-details1,.mainservices-1 {
        padding: 10px
    }

    .heading-about strong {
        font-size: 43px
    }

    .aboutus-heading strong,.topservices-left2 strong {
        font-size: 55px
    }

    .reverse-about {
        flex-flow: column-reverse
    }

    .bottom-services1 {
        padding: 0 10px 15px
    }

    .topservices1 {
        width: 16.666%
    }

    .aboutus-left2 img {
        margin: 0 auto;
        display: block
    }

    .city1 {
        width: 20%
    }
    .blog-left1{padding:0;}
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .tophead-left2 p {
        font-size:17px
    }

    .tophead-right2 ul li:nth-child(2) {
        font-size: 18px
    }

    .head-right2 p {
        padding: 0 60px 0 0;
        text-align: center
    }

    .headarea-section ul span {
        padding: 9px 12px;
        font-size: 14px
    }

    .headarea-section ul li {
        padding: 8px 9px;
        font-size: 15px
    }

    .footercontact-heading ul li span,.topservices1 strong {
        font-size: 15px
    }

    .bottom-head a {
        letter-spacing: 0;
        font-size: 16px
    }

    .heading-horoscope strong {
        font-size: 35px
    }

    .mainservices-1 {
        padding: 10px
    }

    .aboutus-heading strong,.heading-about strong,.topservices-left2 strong {
        font-size: 55px
    }

    .footer-center1 {
        padding: 10px 0 10px 10px
    }
}

@media only screen and (min-width: 1201px) and (max-width:1340px) {
    .head-right2 p {
        padding:0 60px 0 0;
        text-align: center
    }

    .headarea-section ul span {
        padding: 9px 12px;
        font-size: 14px
    }

    .headarea-section ul li {
        padding: 8px 9px;
        font-size: 15px
    }

    .topservices1 strong {
        font-size: 15px
    }

    .bottom-head a {
        letter-spacing: 1px;
        font-size: 16px
    }
}

@media (max-width: 575px) and (min-width:0px) {
    .topservices-left2 strong {
        font-size:42px
    }

    .aboutus-heading strong {
        font-size: 35px
    }

    .leftabout p {
        display: inline-block;
        font-size: 20px
    }

    .main-content h2,h3,h4,h5,h6 {
        font-size: 18px
    }

    .main-content ul li {
        display: block
    }

    .heading-horoscope strong {
        font-size: 20px
    }

    .topservices1 strong {
        font-size: 14px
    }

    .city1 {
        width: 33.333%
    }
}

@media (max-width: 420px) and (min-width:0px) {
    .mainservices-1 {
        width:100%
    }

    .headarea-section ul span {
        padding: 3px 2px;
        font-size: 11px
    }

    .headarea-section ul li {
        padding: 4px 5px;
        font-size: 12px
    }

    .aboutus-heading strong {
        font-size: 28px
    }

    .call-number a span {
        font-size: 35px
    }

    .city1,.topservices1 {
        width: 50%
    }
}