/*------- Font Family Starts -------*/

@font-face { font-family: "Roboto-Light"; src: url("../fonts/Roboto-Light.ttf"); }
@font-face { font-family: "Roboto-Regular"; src: url("../fonts/Roboto-Regular.ttf"); }
@font-face { font-family: "Roboto-Medium"; src: url("../fonts/Roboto-Medium.ttf"); }
@font-face { font-family: "Roboto-Bold"; src: url("../fonts/Roboto-Bold.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { letter-spacing: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul,
h1,
h2,
h3,
h4,
h5,
h6,
address,
p { margin: 0; padding: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

html { overflow-x: hidden; }
body { background-color: #f4f5f5; overflow-x: hidden; }
body.active { overflow: hidden; }
.bg-blur { background-color: #000000c7; bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 12; }
.bg-blur.active { display: block; }
.flex-align-center { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.no-gutters { margin: 0; }
.no-gutters > [class*=col-] { padding: 0; }
.read-more > a { color: #000; display: inline-block; font: 1.8rem/1.42857143 "Roboto-Regular"; letter-spacing: 4px; overflow-x: hidden; padding-bottom: 15px; position: relative; text-transform: uppercase; }
.read-more > a::after { background-color: #000; bottom: 0; content: ""; display: block; height: 4px; left: 0; position: absolute; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25%; }
.read-more > a:hover::after { width: 100%; }

/*------- Common CSS Ends -------*/

/*------- Custom Scrollbar Section Starts -------*/

::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background-color: #FF9800; }
::-webkit-scrollbar-thumb { background-color: #FFF; }
::-webkit-scrollbar-thumb:hover { background-color: #dc8300; }

@-moz-document url-prefix() {
    html { overflow-y: scroll; scrollbar-color: #FFF #FF9800; scrollbar-width: thin; }
}
/*------- Custom Scrollbar Section Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Fixed Bottom Info Section Starts -------*/

.fixed-bottom-contact-info { bottom: 30px; left: 30px; position: fixed; z-index: 10; }
.circle-info-icon { align-items: center; background-color: #FF9800; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 60px; justify-content: center; width: 60px; }
.circle-info-icon > span { position: relative; }
.circle-info-icon > span:before { color: #fff; content: "\f4c4"; font-family: "Font Awesome 5 Free"; font-size: 2.4rem; font-weight: 900; }
.circle-info-icon > span.active:before { content: "\f00d"; }
.circle-info-icon > i { color: #fff; font-size: 3rem; }
.helping-hands-listing { bottom: 60px; left: 0; opacity: 0; position: absolute; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }
.helping-hands-listing.active { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.helping-hands-listing > li { display: block; margin-bottom: 10px; position: relative; }
.helping-hands-listing > li > a { align-items: center; background-color: #FF9800; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 60px; justify-content: center; width: 60px; }
.helping-hands-listing > li > a > i { color: #fff; font-size: 2.4rem; }
.helping-hands-listing > li > a + p { color: #000; font: 1.6rem/1.42857143 "Roboto-Regular"; left: 75px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; width: 150px; }
.helping-hands-listing > li > a:hover + p { opacity: 1; }

/*------- Fixed Bottom Info Section Ends -------*/

  /*------- Fixed Background Image Section Starts -------*/

.fixed-clip-path-img { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; }
.fixed-background-img { background: url("../images/fixed-banner.png") no-repeat top/cover; filter: opacity(0.1); height: 500px; left: 50%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: 0.5s ease-in-out; width: 500px; }
.fixed-background-img.active { clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); }

  /*------- Fixed Background Image Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-menu-navbar-mobile { display: none; }

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

  /*------- Mobile Navbar Menu Starts -------*/

.fixed-navbar-menu-mobile { display: none; }

  /*------- Mobile Navbar Menu Ends -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-menu-navbar-desktop { background-color: #f4f5f5; display: block; left: 0; padding: 20px 15px; position: fixed; top: 0; width: 100%; z-index: 11; }
.header-logo-desktop > a { display: inline-block; }
.header-logo-desktop > a > img { width: 165px; }
.menu-listing-desktop { margin-left: 10px; opacity: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; visibility: hidden; }
.menu-listing-desktop.active { margin-left: 0; opacity: 1; visibility: visible; }
.menu-listing-desktop > li { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-right: 20px; position: relative; transition: 0.5s linear; }
.menu-listing-desktop > li:last-child { margin-right: 0; }
.menu-listing-desktop > li > a { color: #000; display: block; font: 1.4rem/1.42857143 "Roboto-Light"; overflow: hidden; padding: 15px 0; text-transform: uppercase; }
.menu-listing-desktop > li > a > i { padding-left: 3px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.menu-listing-desktop > li.active > a > i,
.menu-listing-desktop > li > a:hover > i { color: #ff9800; }
.menu-listing-desktop > li > a .first-word,
.menu-listing-desktop > li > a .second-word { display: inline-block; position: relative; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; }
.menu-listing-desktop > li > a .second-word { margin-left: -5px; }
.menu-listing-desktop > li > a .first-word::before,
.menu-listing-desktop > li > a .second-word::before { content: attr(data-hover); position: absolute; }
.menu-listing-desktop > li > a .first-word::before { color: #FF9800; top: 160%; }
.menu-listing-desktop > li > a .second-word::before { bottom: 160%; color: #ff9800; }
.menu-listing-desktop > li.active > a .first-word,
.menu-listing-desktop > li > a:hover .first-word { -webkit-transform: translate3d(0, -160%, 0); -moz-transform: translate3d(0, -160%, 0); -ms-transform: translate3d(0, -160%, 0); -o-transform: translate3d(0, -160%, 0); transform: translate3d(0, -160%, 0); }
.menu-listing-desktop > li.active > a .second-word,
.menu-listing-desktop > li > a:hover .second-word { -webkit-transform: translate3d(0, 160%, 0); -moz-transform: translate3d(0, 160%, 0); -ms-transform: translate3d(0, 160%, 0); -o-transform: translate3d(0, 160%, 0); transform: translate3d(0, 160%, 0); }
.sub-menu-listing-desktop { background-color: #fff; left: 0; opacity: 0; margin-top: 30px; position: absolute; top: 100%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; visibility: hidden; width: 200px; }
.sub-menu-listing-desktop::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #fff;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  top: -14px;
  width: 0;
}
.sub-menu-listing-desktop > li { display: block; text-align: left; }
.sub-menu-listing-desktop > li > a { border-bottom: 1px solid #eee; color: #000; display: block; font: 1.4rem/1.42857143 "Roboto-Light"; padding: 12px; text-transform: uppercase; }
.sub-menu-listing-desktop > li:last-child > a { border-bottom: 0; }
.sub-menu-listing-desktop > li > a:hover { background-color: #e2e2e2; color: #000; }
.menu-listing-desktop > li:hover > a + .sub-menu-listing-desktop { margin-top: 0; opacity: 1; visibility: visible; }

    /*------- Desktop Hamburger Menu Section Starts -------*/

.hamburger-menu-desktop { float: right; position: relative; right: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; z-index: 11; }
.burger-menu-desktop { background-color: transparent; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; cursor: pointer; height: 45px; position: relative; width: 45px; }
.burger-menu-desktop span { background-color: #000; height: 1px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 22.5px; }
.burger-menu-desktop span:before,
.burger-menu-desktop span:after { content: ""; background-color: #000; height: 1px; width: 22.5px; position: absolute; top: 8px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.burger-menu-desktop span:before { top: -8px; }

    /*------- Desktop Hamburger Menu Section Ends -------*/

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-bannner-home { background-color: #f4f5f5; height: 100vh; position: relative; z-index: 9; }
.banner-circle-home { bottom: 5vw; left: -3vw; position: absolute; z-index: 1; }
.banner-circle-home > img { width: 30vw; }
.banner-person-home { bottom: 7vw; left: 2vw; position: absolute; z-index: 2; }
.banner-person-home > img { width: 25vw; }
.banner-shree-yantra-home > svg { bottom: 5vw; left: 22vw; position: absolute; z-index: 3; }
.banner-shree-yantra-home > svg:first-child { -webkit-animation: shOneHomeAnim 4s infinite 2s; -moz-animation: shOneHomeAnim 4s infinite 2s; -ms-animation: shOneHomeAnim 4s infinite 2s; -o-animation: shOneHomeAnim 4s infinite 2s; animation: shOneHomeAnim 4s infinite 2s; opacity: 0; visibility: hidden; }
.banner-shree-yantra-home > svg:last-child { -webkit-animation: shTwoHomeAnim 4s infinite 2s; -moz-animation: shTwoHomeAnim 4s infinite 2s; -ms-animation: shTwoHomeAnim 4s infinite 2s; -o-animation: shTwoHomeAnim 4s infinite 2s; animation: shTwoHomeAnim 4s infinite 2s; opacity: 1; visibility: visible; }
@-webkit-keyframes shOneHomeAnim {
  0% { opacity: 0; visibility: hidden; }
  50% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@-moz-keyframes shOneHomeAnim {
  0% { opacity: 0; visibility: hidden; }
  50% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@-ms-keyframes shOneHomeAnim {
  0% { opacity: 0; visibility: hidden; }
  50% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@-o-keyframes shOneHomeAnim {
  0% { opacity: 0; visibility: hidden; }
  50% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes shOneHomeAnim {
  0% { opacity: 0; visibility: hidden; }
  50% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@-webkit-keyframes shTwoHomeAnim {
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@-moz-keyframes shTwoHomeAnim {
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@-ms-keyframes shTwoHomeAnim {
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@-o-keyframes shTwoHomeAnim {
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@keyframes shTwoHomeAnim {
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
.banner-scroll-down { -webkit-animation: mouseUpDown 1s infinite linear; -moz-animation: mouseUpDown 1s infinite linear; -ms-animation: mouseUpDown 1s infinite linear; -o-animation: mouseUpDown 1s infinite linear; animation: mouseUpDown 1s infinite linear; bottom: 30px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 8; }
.banner-scroll-down > a { display: block; }
.banner-scroll-down > a > img { width: 25px; }
@keyframes mouseUpDown {
  0% { bottom: 30px; }
  50% { bottom: 15px; }
  100% { bottom: 30px; }
}
.banner-scroll-down:hover { animation-play-state: paused; }
.banner-mask-img { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; }
.banner-mask-img > img { margin: 0 auto; width: 75%; }

  /*------- Banner Section Ends -------*/

  /*------- Heading - 1 Section Starts -------*/

.bg-heading-one-home { background-color: #f4f5f5; padding: 50px 15px 0; position: relative; z-index: 9; }
.heading-one-home > h1 { color: #fff; font: 8vw/1.42857143 "Roboto-Bold"; text-align: center; text-shadow: 0 0 0 #00000010; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.heading-one-home.active > h1 { text-shadow: 7px 7px 1px #00000010; }

  /*------- Heading - 1 Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about-home { background-color: #f4f5f5; margin-bottom: 50px; padding: 50px 15px 0; position: relative; z-index: 9; }
.bg-about-home::after { background-color: #fff; bottom: 0; content: ""; height: 77%; position: absolute; right: 0; width: calc(100vw - 5%); z-index: -1; }
.about-info-home > h2 { color: #000; font: 7rem/1.42857143 "Roboto-Bold"; position: relative; text-transform: uppercase; }
.about-info-home > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; }
.about-img-home { position: relative; }
.about-img-home > img { width: 100%; }
.about-img-border-home { border: 5px solid #faef64; height: 70%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 70%; }

  /*------- About Us Section Ends -------*/

  /*------- Heading - 2 Section Starts -------*/

.bg-heading-two-home { background-color: #FF9800; padding: 50px 15px; position: relative; z-index: 9; }
.services-icon-home { bottom: 0; left: 30px; position: absolute; z-index: -1; }
.services-icon-home > img { opacity: 0.1; width: 200px; }
.heading-two-home > h1 { color: #fff; font: 10vw/1.42857143 "Roboto-Bold"; letter-spacing: 7px; text-align: center; text-shadow: 0 0 0 #00000010; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.heading-two-home.active > h1 { text-shadow: 7px 7px 1px #00000010; }

  /*------- Heading - 2 Section Ends -------*/

  /*------- Services Section Starts -------*/

.bg-services-home { padding: 100px 15px; position: relative; z-index: 2; }
.services-heading-home > h1 { color: #fff; font: 10vw/1.42857143 "Roboto-Bold"; margin-bottom: 100px; text-align: center; text-shadow: 0 0 0 #00000030; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.services-heading-home.active > h1 { text-shadow: 7px 7px 1px #00000030; }
.box-services-info-home > h2 { color: #000; font: 7rem/1.42857143 "Roboto-Bold"; margin-bottom: 50px; padding-bottom: 50px; position: relative; text-transform: uppercase; }
.box-services-info-home > h2 > span { color: #30c9e8; font: 5rem/1.42857143 "Roboto-Regular"; left: 100px; position: absolute; text-shadow: 4px 4px 4px #00000020; text-transform: capitalize; top: 40px; width: 100%; z-index: 1; }
.box-services-info-home > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 50px; }
.services-icon-home { display: block; margin: 0 auto; }

    /*------- First Services CSS Starts -------*/

.bg-prediction-services-home { margin-bottom: 100px; }
.box-first-services-info-home > h2 > span { color: #ff9800; }
.box-first-services-info-home > h2::after { background-color: #ff9800; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }
.box-services-img-home > img { margin: 0 auto; }
.prediction-splash-home { left: 75%; position: absolute; top: 25%; transform: translate(-50%,-50%); width: 100%; z-index: -1; }
.prediction-splash-home > img { display: none; opacity: 1; width: 100%; }

    /*------- First Services CSS Ends -------*/

    /*------- Second Services CSS Starts -------*/

.bg-vastu-services-home { margin-bottom: 100px; }
.box-second-services-info-home > h2 > span { color: #4CAF50; }
.box-second-services-info-home > h2::after { background-color: #4CAF50; bottom: 0; content: ""; height: 1px; position: absolute; right: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: 50vw; }

    /*------- Second Services CSS Ends -------*/

    /*------- Third Services CSS Starts -------*/

.bg-graphology-services-home { margin-bottom: 0; }
.box-third-services-info-home > h2 > span { color: #B40989; }
.box-third-services-info-home > h2::after { background-color: #B40989; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }

    /*------- Third Services CSS Ends -------*/

  /*------- Services Section Ends -------*/

  /*------- Heading - 3 Section Starts -------*/

.bg-heading-three-home { background-color: #b40989; overflow: hidden; padding: 50px 15px; position: relative; z-index: 9; }
.testimonials-icon-home { left: 30px; position: absolute; top: 0; z-index: -1; }
.testimonials-icon-home > img { opacity: 0.1; width: 200px; }
.heading-three-home > h1 { color: #fff; font: 10vw/1.42857143 "Roboto-Bold"; letter-spacing: 7px; text-align: center; text-shadow: 0 0 0 #00000010; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.heading-three-home.active > h1 { text-shadow: 7px 7px 1px #00000010; }

  /*------- Heading - 3 Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-video-home { background-color: #eee; padding: 100px 15px; position: relative; z-index: 9; }
.box-yt-video-home { margin-bottom: 50px; position: relative; }
.box-yt-video-body-home { background-color: #fff; padding: 15px; }
.testimonial-img-icon-home { position: relative; }
.testimonial-img-icon-home > img { width: 100%; }
.testimonial-video-play-home { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.testimonial-play-btn-home { background-color: #fff; border: 5px solid #0000001f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; cursor: pointer; height: 50px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 50px; }
.testimonial-play-btn-home > i { color: #000; display: block; font-size: 1.8rem; line-height: 50px; text-align: center; }
.testimonial-play-btn-home:hover { border: 7px solid #fff; }
.yt-video-home { height: 315px; width: 100%; }
.testimonial-person-hd-home > h4 { color: #000; font: 1.8rem/1.42857143 "Roboto-Regular"; }
.testimonial-person-hd-home > h5 { color: #777; font: 1.4rem/1.42857143 "Roboto-Light"; }
.view-more-testimonials-home { text-align: center; }

  /*------- Video Section Ends -------*/

  /*------- Footer Section Starts -------*/

.bg-footer-home { background-color: #000; padding: 0 15px 50px; position: relative; z-index: 9; }
.footer-logo-social-border-bottom { border-bottom: 1px solid #fff; }
.footer-logo-border-right { border-right: 1px solid #fff; padding: 50px; }
.footer-logo > a { display: inline-block; }
.footer-logo > a > img { width: 200px; }
.footer-social-listing { text-align: center; }
.footer-social-listing > li { display: inline-block; margin-right: 30px; }
.footer-social-listing > li:last-child { margin-right: 0; }
.footer-social-listing > li > a { color: #fff; font-size: 2.4rem; }
.footer-social-listing > li > a:hover { color: #ff9800; }
.footer-about-contact-services { margin: 50px -15px; }
.footer-heading > h3 { color: #fff; font: 2.4rem/1.42857143 "Roboto-Medium"; margin-bottom: 30px; padding-bottom: 15px; position: relative; text-transform: uppercase; }
.footer-heading > h3::after { background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100px; }
.footer-listing > li { display: block; margin-bottom: 15px; }
.footer-listing > li:last-child { margin-bottom: 0; }
.footer-listing > li > address > p,
.footer-listing > li > a { color: #fff; display: block; font: 1.4rem/1.7 "Roboto-Light"; }
.footer-services-listing > li > a { padding-left: 45px; position: relative; }
.footer-services-listing > li > a::after { background-color: #fff; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 30px; }
.footer-listing > li > a:hover { color: #ff9800; letter-spacing: 2px; }
.footer-services-listing > li > a:hover::after { background-color: #ff9800; }
.footer-contact-listing > li { padding-left: 30px; position: relative; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { color: #fff; content: "\f3c5"; display: block; font-family: "Font Awesome 5 Free"; font-size: 1.6rem; font-weight: 900; left: 0; line-height: 1.7; position: absolute; top: 0; }
.footer-contact-listing > li:nth-child(2)::before { content: "\f879"; }
.footer-contact-listing > li:nth-child(3)::before { content: "\f0e0"; }
.copyright-info { border-top: 1px solid #fff; padding: 50px 0 0; }
.copyright-info > p { color: #fff; font: 1.2rem/1.42857143 "Roboto-Light"; }

  /*------- Footer Section Ends -------*/

  /*------- Popup Open, Close CSS Starts -------*/

.box-home-popup { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 12; }
.box-home-popup-1,
.box-home-popup-2,
.box-home-popup-3,
.box-home-popup-4,
.box-home-popup-5 { display: none; }
.box-home-popup-1.active,
.box-home-popup-2.active,
.box-home-popup-3.active,
.box-home-popup-4.active,
.box-home-popup-5.active { display: block; }
.bg-home-popup { background-color: #fff; left: 50%; padding: 30px; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 35%; }
.bg-home-popup-close { position: absolute; right: -15px; top: -15px; }
.bg-home-popup-close > a { background-color: #fff; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: content-box; display: block; height: 40px; text-align: center; width: 40px; }
.bg-home-popup-close > a > i { color: #000; font-size: 2rem; line-height: 40px; }

  /*------- Popup Open, Close CSS Ends -------*/

  /*------- Popup - 1,2,3,4,5 Starts -------*/

.yt-popup-video-home { height: 315px; width: 100%; }

  /*------- Popup - 1,2,3,4,5 Ends -------*/

/*------- Home Page Ends -------*/

/*------- Wrapper Section Starts -------*/

.wrapper { margin-top: 102px; }

/*------- Wrapper Section Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Information Section Starts -------*/

.bg-about-info-ap { background-color: #f4f5f5; padding: 50px 15px 0; }
.about-info-mob-ap > h2 { display: none; }
.about-info-ap > h2 { color: #000; font: 7rem/1.42857143 "Roboto-Bold"; position: relative; text-transform: uppercase; }
.about-info-ap > h4 { color: #000; font: 2rem/1.42857143 "Roboto-Light"; margin-bottom: 30px; position: relative; text-align: justify; }
.about-info-ap > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; text-align: justify; }
.about-info-ap > p:last-child { margin-bottom: 0; }
.about-img-ap { position: relative; }
.about-img-ap > img { width: 100%; }
.about-img-border-ap { border: 5px solid #faef64; height: 70%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 70%; }

  /*------- Information Section Ends -------*/

  /*------- Heading - 1 Section Starts -------*/

.bg-heading-one-ap { background-color: #f4f5f5; padding: 0 15px; position: relative; z-index: 9; }
.heading-one-ap > h1 { color: #fff; font: 8vw/1.42857143 "Roboto-Bold"; text-align: center; text-shadow: 0 0 0 #00000010; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.heading-one-ap.active > h1 { text-shadow: 7px 7px 1px #00000010; }

  /*------- Heading - 1 Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-video-ap { padding: 250px 15px; position: relative; z-index: 9; }
.bg-video-ap::before { background-image: url("../images/video-shape.png"); background-repeat: repeat-x; background-position: 0 0; content: ""; display: block; height: 77px; left: 0; position: absolute; top: -1vw; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); width: 100%; z-index: 9; }
.bg-video-ap::after { background-image: url("../images/video-shape.png"); background-repeat: repeat-x; background-position: 0 0; bottom: -1vw; content: ""; display: block; height: 77px; left: 0; position: absolute; width: 100%; z-index: 9; }
.video-vertical-heading-ap { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); z-index: 9; }
.video-vertical-heading-ap > p { color: #fff; font: 14rem/1.42857143 "Roboto-Regular"; text-shadow: 7px 7px 1px #00000040; text-transform: uppercase; }
.about-video-position-ap { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.about-video-ap { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: auto; z-index: 0; }
.about-video-info-ap > h2 { color: #fff; font: 8rem/1.42857143 "Roboto-Bold"; margin-bottom: 30px; position: relative; text-transform: uppercase; z-index: 10; }
.about-video-info-ap > h3 { color: #000000; font: 5rem/1.42857143 "Roboto-Medium"; margin-bottom: 30px; position: relative; text-shadow: 1px 1px 1px #ffffff; z-index: 10; }
.about-info-with-shape-ap { background-color: #fff; margin-top: -60px; padding: 60px 0; position: relative; z-index: 9; }
.about-info-with-shape-ap::before { background-color: #fff; content: ""; left: 0; position: absolute; top: 0; height: 100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 100vw; }
.about-info-with-shape-ap > p { color: #000000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; padding-right: 100px; text-align: justify; }
.about-info-with-shape-ap > p:last-child { margin-bottom: 0; }

  /*------- Video Section Ends -------*/

  /*------- Heading - 2 Section Starts -------*/

.bg-heading-two-ap { background-color: #f4f5f5; padding: 0 15px; position: relative; z-index: 9; }
.heading-two-ap > h1 { color: #fff; font: 10vw/1.42857143 "Roboto-Bold"; text-align: center; text-shadow: 0 0 0 #00000010; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.heading-two-ap.active > h1 { text-shadow: 7px 7px 1px #00000010; }

  /*------- Heading - 2 Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-ap { padding: 50px 0; }
.about-gallery-ap > a { display: block; overflow: hidden; position: relative; }
.about-gallery-ap > a > img { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 100%; }
.about-gallery-ap > a:hover > img { filter: grayscale(100); transform: scale(1.2) rotate(10deg); }

  /*------- Gallery Section Ends -------*/
  
    /*------- Achievements Section Starts -------*/

.bg-achive-ap { overflow: hidden; padding: 50px 0; position: relative; }
.about-degree-ap { left: 30px; position: absolute; top: 150px; }
.about-degree-ap > img { width: 300px; }
.achive-heading-ap > h2 { color: #000; font: 4rem/1.42857143 "Roboto-Medium"; margin-bottom: 50px; text-transform: uppercase; }
.box-achive-img-ap { background-color: #fff; -webkit-box-shadow: 0px 10px 13px -7px #0000002e, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #0000002e, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #0000002e, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #0000002e, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #0000002e, 5px 5px 15px 5px rgba(0,0,0,0); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; padding: 15px; }
.box-achive-img-ap:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.box-achive-img-ap > img { width: 100%; }
.box-achive-img-ap > p { color: #000; font: 2.4rem/1.42857143 "Roboto-Regular"; padding: 15px; text-align: center; }

  /*------- Achievements Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Services and Gems Page Starts -------*/

  /*------- Fixed All Services Listing Section Starts -------*/

.fixed-all-services-listing-sp { position: fixed; right: 30px; top: 150px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; z-index: 10; }
.fixed-all-services-listing-sp.active { opacity: 0; visibility: hidden; }
.services-listing-sp > li { display: block; margin-bottom: 10px; }
.services-listing-sp > li > a { color: #000; display: block; font: 1.4rem/1.42857143 "Roboto-Light"; padding-left: 30px; position: relative; }
.services-listing-sp > li > a::before { background-color: #ff9800; content: ""; height: 1px; left: 0; position: absolute; top: 50%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 0; }
.services-listing-sp > li.active > a,
.services-listing-sp > li > a:hover { color: #ff9800; }
.services-listing-sp > li.active > a::before,
.services-listing-sp > li > a:hover::before { width: 15px; }

  /*------- Fixed All Services Listing Section Ends -------*/

  /*------- Prediction Services Section Starts -------*/

.bg-prediction-services-sp { padding: 50px 15px; }

  /*------- Prediction Services Section Ends -------*/

  /*------- Vastu Consulting Services Section Starts -------*/

.bg-vastu-consulting-services-sp { padding: 50px 15px; }

  /*------- Vastu Consulting Services Section Ends -------*/

  /*------- Graphology Services Section Starts -------*/

.bg-graphology-services-sp { padding: 50px 15px; }

  /*------- Graphology Services Section Ends -------*/

  /*------- Numerology Services Section Starts -------*/

.bg-numerology-services-sp { padding: 50px 15px; }

  /*------- Numerology Services Section Ends -------*/

  /*------- Gems Services Section Starts -------*/

.bg-gems-services-sp { padding: 50px 15px; }

  /*------- Gems Services Section Ends -------*/

  /*------- Services Section Starts -------*/

.bg-services-sp { padding: 100px 15px; }
.box-services-info-sp > h2,
.box-gems-info-sp > h2 { color: #000; font: 7rem/1.42857143 "Roboto-Bold"; margin-bottom: 50px; padding-bottom: 50px; position: relative; text-transform: uppercase; }
.box-services-info-sp > h2 > span,
.box-gems-info-sp > h2 > span { color: #30c9e8; font: 4rem/1.42857143 "Roboto-Regular"; left: 100px; position: absolute; text-shadow: 4px 4px 4px #00000020; text-transform: capitalize; top: 50px; width: 100%; z-index: 1; }
.box-services-info-sp > p,
.box-gems-info-sp > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; position: relative; text-align: justify; }
.services-icon-sp { display: block; margin: 0 auto; }
.all-services-ihd-sp { margin-bottom: 100px; }

    /*------- First Services CSS Starts -------*/

.box-first-services-info-sp > h2 > span { color: #FF9800 }
.box-first-services-info-sp > h2::after { background-color: #FF9800; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }
.box-services-img-sp > img,
.box-gems-img-sp > img { margin: 0 auto; }

    /*------- First Services CSS Ends -------*/

    /*------- Second Services CSS Starts -------*/

.box-second-services-info-sp > h2 > span { color: #4CAF50; }
.box-second-services-info-sp > h2::after { background-color: #4CAF50; bottom: 0; content: ""; height: 1px; position: absolute; right: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: 50vw; }

    /*------- Second Services CSS Ends -------*/

    /*------- Third Services CSS Starts -------*/

.box-third-services-info-sp > h2 > span { color: #B40989; }
.box-third-services-info-sp > h2::after { background-color: #B40989; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }

    /*------- Third Services CSS Ends -------*/

    /*------- Fourth Services CSS Starts -------*/

.box-fourth-services-info-sp > h2 > span { color: #2196f3; }
.box-fourth-services-info-sp > h2::after { background-color: #2196f3; bottom: 0; content: ""; height: 1px; position: absolute; right: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: 50vw; }

    /*------- Fourth Services CSS Ends -------*/

    /*------- Fifth Services CSS Starts -------*/

.box-fifth-services-info-sp > h2 > span { color: #6500d4; }
.box-fifth-services-info-sp > h2::after { background-color: #6500d4; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }

    /*------- Fifth Services CSS Ends -------*/

  /*------- Services Section Ends -------*/

/*------- Services and Gems Page Ends -------*/

/*------- Inner Services Page Starts -------*/

  /*------- Fixed All Inner Services Listing Section Starts -------*/

.fixed-all-inner-services-listing-isp { position: fixed; right: 15px; top: 150px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; z-index: 10; }
.fixed-all-inner-services-listing-isp.active { opacity: 0; visibility: hidden; }
.inner-services-listing-isp > li { display: block; margin-bottom: 10px; }
.inner-services-listing-isp > li > a { color: #000; display: block; font: 1.4rem/1.42857143 "Roboto-Light"; padding-left: 30px; position: relative; }
.inner-services-listing-isp > li > a::before { background-color: #ff9800; content: ""; height: 1px; left: 0; position: absolute; top: 50%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 0; }
.inner-services-listing-isp > li.active > a,
.inner-services-listing-isp > li > a:hover { color: #ff9800; letter-spacing: 2px; }
.inner-services-listing-isp > li.active > a::before,
.inner-services-listing-isp > li > a:hover::before { width: 15px; }

  /*------- Fixed All Inner Services Listing Section Ends -------*/

  /*------- Fixed Left Side Image and Icon Section Starts -------*/

.fixed-left-services-image-isp { bottom: 0; height: calc(100% - 92px); left: 0; position: fixed; width: 500px; z-index: 10; }
.all-services-image-isp { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; }
.all-services-image-isp > img { height: 100%; object-fit: cover; width: 100%; }
.all-services-heading-isp { position: absolute; right: -50px; top: 0; }
.all-services-heading-isp > h1 { background-color: #fff; color: #000; font: 3rem/1.42857143 "Roboto-Bold"; padding: 30px; text-align: center; text-transform: uppercase; }
.all-services-img-isp { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 50%; }
.all-services-img-isp > img { margin: 0 auto; }
.all-services-video-icon-isp { bottom: 50px; position: absolute; right: 0; }
.circle-play-icon { background-color: #f4f5f5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 1px 1px 6px 17px #0000000f; -moz-box-shadow: 1px 1px 6px 17px #0000000f; -ms-box-shadow: 1px 1px 6px 17px #0000000f; -o-box-shadow: 1px 1px 6px 17px #0000000f; box-shadow: 1px 1px 6px 17px #0000000f; cursor: pointer; height: 70px; margin: 0 auto; position: relative; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 70px; }
.circle-play-icon::before,
.circle-play-icon::after { -webkit-animation: pulseAni 2s infinite linear; -moz-animation: pulseAni 2s infinite linear; -ms-animation: pulseAni 2s infinite linear; -o-animation: pulseAni 2s infinite linear; animation: pulseAni 2s infinite linear; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; bottom: -20px; content: ""; left: -20px; opacity: 0; position: absolute; right: -20px; top: -20px;  }
.circle-play-icon::after { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; }
@-webkit-keyframes pulseAni {
  0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  50% { opacity: 1; }
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
@-moz-keyframes pulseAni {
  0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  50% { opacity: 1; }
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
@-ms-keyframes pulseAni {
  0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  50% { opacity: 1; }
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
@-o-keyframes pulseAni {
  0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  50% { opacity: 1; }
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes pulseAni {
  0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  50% { opacity: 1; }
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
.circle-play-icon > i { color: #000; display: block; font-size: 2rem; line-height: 70px; text-align: center; }
.circle-play-icon:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

  /*------- Fixed Left Side Image and Icon Section Ends -------*/

  /*------- Wrapper Section Starts -------*/

.inner-services-wrapper { margin-left: 500px; }

  /*------- Wrapper Section Ends -------*/

  /*------- Services Details Information Section Starts -------*/

.bg-services-details-isp { padding: 0 15px 30px; }
.inner-services-heading-desc-isp > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; text-align: justify; }
.grapholgy-inner-page-listing > li { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 15px; padding-left: 15px; position: relative; text-align: justify; }
.grapholgy-inner-page-listing > li:last-child { margin-bottom: 30px; }
.grapholgy-inner-page-listing > li::before { background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 7px; left: 0; position: absolute; top: 7px; width: 7px; }
.embed-responsive-isp { margin-bottom: 30px; }
.yt-video-isp { height: 315px; width: 100%; }
.btn-get-online-prediction > a { background-color: #ff9800; -webkit-box-shadow: inset 0 0 0 0 #000; -moz-box-shadow: inset 0 0 0 0 #000; -ms-box-shadow: inset 0 0 0 0 #000; -o-box-shadow: inset 0 0 0 0 #000; box-shadow: inset 0 0 0 0 #000; color: #fff; display: inline-block; font: 1.8rem/1.42857143 "Roboto-Regular"; padding: 10px 25px; text-align: center; text-transform: uppercase; }
.btn-get-online-prediction > a:hover { -webkit-box-shadow: inset 0 45px 0 0 #000; -moz-box-shadow: inset 0 45px 0 0 #000; -ms-box-shadow: inset 0 45px 0 0 #000;-o-box-shadow: inset 0 45px 0 0 #000; box-shadow: inset 0 45px 0 0 #000; }

  /*------- Services Details Information Section Ends -------*/

  /*------- Popup Open, Close CSS Starts -------*/

.box-ps-popup { bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 12; }
.box-ps-popup.active { display: block; }
.bg-ps-popup { background-color: #fff; left: 50%; padding: 30px; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 35%; }
.bg-ps-popup-close { position: absolute; right: -15px; top: -15px; }
.bg-ps-popup-close > a { background-color: #fff; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: content-box; display: block; height: 40px; text-align: center; width: 40px; }
.bg-ps-popup-close > a > i { color: #000; font-size: 2rem; line-height: 40px; }

  /*------- Popup Open, Close CSS Ends -------*/

  /*------- Prediction Services Popup CSS Starts -------*/

.yt-popup-video-isp { height: 315px; width: 100%; }

  /*------- Prediction Services Popup CSS Ends -------*/

/*------- Inner Services Page Ends -------*/

/*------- Gems Page Starts -------*/

  /*------- All Planets Section Starts -------*/

.bg-planet-gep { padding: 50px 15px; }
.box-mercury-gems-info-sp > h2 > span { color: #FF9800; }
.box-venus-gems-info-sp > h2 > span { color: #4CAF50; }
.box-earth-gems-info-sp > h2 > span { color: #B40989; }
.box-mars-gems-info-sp > h2 > span { color: #EC4E00; }
.box-jupiter-gems-info-sp > h2 > span { color: #6500D4; }
.box-saturn-gems-info-sp > h2 > span { color: #A6AC00; }
.box-uranus-gems-info-sp > h2 > span { color: #045B00; }
.box-naptune-gems-info-sp > h2 > span { color: #4c00d8; }
.box-pluto-gems-info-sp > h2 > span { color: #752900; }
.box-mercury-gems-info-sp > h2::after,
.box-earth-gems-info-sp > h2::after,
.box-jupiter-gems-info-sp > h2::after,
.box-uranus-gems-info-sp > h2::after,
.box-pluto-gems-info-sp > h2::after { background-color: #FF9800; bottom: 0; content: ""; height: 1px; left: 100%; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 50vw; }
.box-earth-gems-info-sp > h2::after { background-color: #EC4E00; }
.box-jupiter-gems-info-sp > h2::after { background-color: #6500D4; }
.box-uranus-gems-info-sp > h2::after { background-color: #045B00; }
.box-pluto-gems-info-sp > h2::after { background-color: #752900; }
.box-venus-gems-info-sp > h2::after,
.box-mars-gems-info-sp > h2::after,
.box-saturn-gems-info-sp > h2::after,
.box-naptune-gems-info-sp > h2::after { background-color: #4CAF50; bottom: 0; content: ""; height: 1px; position: absolute; right: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: 50vw; }
.box-mars-gems-info-sp > h2::after { background-color: #EC4E00; }
.box-saturn-gems-info-sp > h2::after { background-color: #A6AC00; }
.box-naptune-gems-info-sp > h2::after { background-color: #4C00D8; }
.box-gems-img-sp > img { width: 250px; }

  /*------- All Planets Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-gems-gep { padding: 0 15px 50px; }
.gems-video-gep { height: 315px; width: 100%; }

  /*------- Video Section Ends -------*/

/*------- Gems Page Ends -------*/

/*------- Gallery Page Starts -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-gp { padding: 50px 15px; }
.gallery-category-listing-gp { margin-bottom: 30px; }
.gallery-category-listing-gp > li { display: inline-block; margin-right: 15px; }
.gallery-category-listing-gp > li:last-child { margin-right: 0; }
.gallery-category-listing-gp > li > a { color: #000; display: block; font: 1.8rem/1.42857143 "Roboto-Light"; padding-left: 60px; position: relative; }
.gallery-category-listing-gp > li > a::after { background-color: #FF9800; content: ""; height: 1px; left: 0; margin-top: -1px; position: absolute; top: 50%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 0; }
.gallery-category-listing-gp > li.active > a,
.gallery-category-listing-gp > li > a:hover { color: #FF9800; }
.gallery-category-listing-gp > li.active > a::after,
.gallery-category-listing-gp > li > a:hover::after { background-color: #FF9800; width: 50px; }
.grid { margin: 0 auto; }
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-items { clear: both; width: 100%; float: left; }
.img-portfolio a { position: relative; display: block; z-index: 2;}
.grid li { box-sizing: border-box; float: left; width: 25%; margin: 0px; display: inline-table;  }
.grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid-items ul { list-style: none; padding: 0; }
.grid-items figure { margin: 0; position: relative }
.grid-items figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
figure:hover img { -ms-transform: scale(1.07,1.07); -webkit-transform: scale(1.07,1.07);  transform: scale(1.07,1.07); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; cursor:url("../images/icon-zoom-white.png"), pointer; }
.img-portfolio { opacity: 1; overflow: hidden; transition: all 0.3s ease 0s; }
.col-width .grid li { width: 20%; float: left; }
.gutter .grid-items ul { margin-left: -14px}
.grid li { padding: 0px 0px 7px 7px;}
.grid-items ul { margin-left:1px; }

  /*------- Gallery Section Ends -------*/

/*------- Gallery Page Ends -------*/

/*------- Programs Page Starts -------*/

  /*------- All Programs Section Starts -------*/

.bg-programs-pp { padding: 50px 15px; }
.programs-heading-pp > h1 { color: #000; font: 4rem/1.42857143 "Roboto-Bold"; margin-bottom: 50px; }
.box-programs-pp { background-color: #fff; border: 1px solid #eee; margin-bottom: 30px; padding: 30px; }
.box-program-heading-desc > h2 { color: #000; font: 2.4rem/1.42857143 "Roboto-Regular"; margin-bottom: 15px; text-align: center; }
.box-program-heading-desc > p { color: #000; font: 4rem/1.42857143 "Roboto-Medium"; margin-bottom: 15px; text-align: center; }
.program-listing-pp { margin-bottom: 15px; }
.program-listing-pp > li { color: #000; font: 1.6rem/1.42857143 "Roboto-Light"; min-height:70px; margin-bottom: 10px; text-align: center; }
.program-listing-pp > li:last-child { margin-bottom: 0; }

  /*------- All Programs Section Ends -------*/
  
  /*------- Custom Switch CSS Starts -------*/

.pay-option-pp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; }
.pay-option-pp > li { display: inline-block; }
.pay-option-pp > li > a { background-color: #f4f5f5; color: #000; display: block; font: 1.6rem/1.42857143 "Roboto-Light"; padding: 8px 15px; }
.pay-option-pp > li:first-child > a { border-radius: 24px 0 0 24px; }
.pay-option-pp > li:last-child > a { border-radius: 0 24px 24px 0; }
.pay-option-pp > li.active > a { background-color: #4caf50; color: #fff; }

  /*------- Custom Switch CSS Ends -------*/

/*------- Programs Page Ends -------*/

/*------- Testimonial Page Starts -------*/

  /*------- Testimonial Video Section Starts -------*/

.bg-testimonial-video-tp { padding: 0 15px 50px; position: relative; z-index: 9; }
.bg-testimonial-video-tp::after {
  border-bottom: 250px solid #f4f5f5;
  border-left: 100vw solid #fff;
  content: "";
  left: 0;
  height: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.testimonial-heading-tp > h1 { color: #000; font: 5rem/1.42857143 "Roboto-Bold"; margin-bottom: 50px; text-shadow: 2px 2px 1px #00000027; }
.testimonial-heading-tp > h1 > span { display: block; }
.quote-tp { margin: 0 auto; }
.box-yt-video-tp { -webkit-box-shadow: 0px 10px 13px -7px #00000070, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #00000070, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #00000070, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #00000070, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #00000070, 5px 5px 15px 5px rgba(0,0,0,0); margin-bottom: 30px; position: relative; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.box-yt-video-tp:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.box-yt-video-body-tp { background-color: #fff; padding: 15px; }
.testimonial-img-icon-tp { position: relative; }
.testimonial-img-icon-tp > img { width: 100%; }
.testimonial-video-play-tp { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.testimonial-play-btn-tp { background-color: #fff; border: 5px solid #0000001f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; cursor: pointer; height: 50px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 50px; }
.testimonial-play-btn-tp > i { color: #000; display: block; font-size: 1.8rem; line-height: 50px; text-align: center; }
.testimonial-play-btn-tp:hover { border: 7px solid #fff; }
.yt-video-tp { height: 315px; width: 100%; }
.testimonial-person-hd-tp > h4 { color: #000; font: 1.8rem/1.42857143 "Roboto-Regular"; }
.testimonial-person-hd-tp > h5 { color: #777; font: 1.4rem/1.42857143 "Roboto-Light"; }

  /*------- Testimonial Video Section Ends -------*/

  /*------- Popup Open, Close CSS Starts -------*/

.box-tp-popup { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 12; }
.box-tp-popup-1,
.box-tp-popup-2,
.box-tp-popup-3,
.box-tp-popup-4,
.box-tp-popup-5,
.box-tp-popup-6,
.box-tp-popup-7,
.box-tp-popup-8,
.box-tp-popup-9,
.box-tp-popup-10,
.box-tp-popup-11,
.box-tp-popup-12,
.box-tp-popup-13,
.box-tp-popup-14,
.box-tp-popup-15,
.box-tp-popup-16,
.box-tp-popup-17,
.box-tp-popup-18{ display: none; }
.box-tp-popup-1.active,
.box-tp-popup-2.active,
.box-tp-popup-3.active,
.box-tp-popup-4.active,
.box-tp-popup-5.active,
.box-tp-popup-6.active,
.box-tp-popup-7.active,
.box-tp-popup-8.active,
.box-tp-popup-9.active,
.box-tp-popup-10.active,
.box-tp-popup-11.active,
.box-tp-popup-12.active,
.box-tp-popup-13.active,
.box-tp-popup-14.active,
.box-tp-popup-15.active,
.box-tp-popup-16.active,
.box-tp-popup-17.active,
.box-tp-popup-18.active{ display: block; }
.bg-tp-popup { background-color: #fff; left: 50%; padding: 30px; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 35%; }
.bg-tp-popup-close { position: absolute; right: -15px; top: -15px; }
.bg-tp-popup-close > a { background-color: #fff; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: content-box; display: block; height: 40px; text-align: center; width: 40px; }
.bg-tp-popup-close > a > i { color: #000; font-size: 2rem; line-height: 40px; }

  /*------- Popup Open, Close CSS Ends -------*/

  /*------- Popup - 1,2,3,4,5,6 Starts -------*/

.yt-popup-video-tp { height: 315px; width: 100%; }

  /*------- Popup - 1,2,3,4,5,6 Ends -------*/

/*------- Testimonial Page Ends -------*/

/*------- Contact Page Starts -------*/

  /*------- Fixed Contact Quote Section Starts -------*/

.fixed-contact-quote { left: 0; position: fixed; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; z-index: 10; }
.fixed-contact-quote.active { opacity: 0; visibility: hidden; }
.fixed-contact-quote > p { color: #0000000f; font: 5rem/1.42857143 "Roboto-Bold"; text-transform: uppercase; writing-mode: vertical-rl; }

  /*------- Fixed Contact Quote Section Ends -------*/

  /*------- Contact Information Section Starts -------*/

.bg-contact-info-cp { padding: 100px 15px; }
.astrology-contact-info-cp > h2 { color: #000; font: 4rem/1.42857143 "Roboto-Medium"; margin-bottom: 30px; padding-top: 15px; position: relative; text-shadow: 2px 2px 1px #00000030; text-transform: capitalize; }
.astrology-contact-info-cp > h2::after { background-color: #000; content: ""; height: 4px; left: 0; position: absolute; top: 0; width: 25%; }
.astrology-contact-info-cp > p { color: #000; font: 1.8rem/1.7 "Roboto-Light"; margin-bottom: 30px; }
.astrology-contact-info-cp > p:last-child { margin-bottom: 50px; }
.box-cea-contact-cp { -webkit-box-shadow: 0px 10px 13px -7px #0000003b, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #0000003b, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #0000003b, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #0000003b, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #0000003b, 5px 5px 15px 5px rgba(0,0,0,0); margin-bottom: 30px; padding: 30px; position: relative; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.box-address-contact-cp { margin-bottom: 50px; }
.box-cea-contact-cp::before { background-color: #e7e7e7; content: ""; display: block; height: 10px; left: 0; position: absolute; top: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 0; }
.box-cea-contact-cp::after { background-color: #e7e7e7; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 10px; }
.box-cea-contact-cp:hover::before { width: 100px; }
.box-cea-contact-cp:hover::after { height: 100px; }
.box-cea-contact-cp:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.box-cea-contact-cp > img { border: 1px solid #fff; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; margin: 0 auto 30px; padding: 30px; width: 75px; }
.box-cea-contact-cp > p { background-color: #00000014; color: #000; font: 2.4rem/1.42857143 "Roboto-Regular"; margin-bottom: 30px; padding: 10px; text-align: center; text-transform: uppercase; }
.box-cea-contact-cp > h2,
.box-cea-contact-cp > h2 > a { color: #777; display: block; font: 3rem/1.42857143 "Roboto-Light"; text-align: center; }

    /*------- Contact Form Section Starts -------*/

.form-group-cp { margin-bottom: 50px; position: relative; }
.fields-cp { color: #272727; font: 1.6rem/1.42857143 "Roboto-Light"; left: 0; pointer-events: none; position: absolute; top: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.form-control-cp { background-color: transparent; border: 0; border-bottom: 1px solid #272727; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #272727; font-family: "Roboto-Light"; font-size: 1.6rem; height: 40px; letter-spacing: 1px; padding: 0; }
.form-control-cp:focus { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #272727; color: #272727; outline: 0; }
.form-control-cp:focus ~.fields-cp,
.form-control-cp:valid ~ .fields-cp { color: #272727; font: 1.6rem/1.42857143 "Roboto-Light"; left: 0; top: -30px; }
textarea.form-control-cp { height: 150px; resize: none; }
.btn-submit { background-color: #000; border: 0; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; -ms-box-shadow: inset 0 0 0 0 #fff; -o-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff; color: #fff; font: 1.6rem/1.42857143 "Roboto-Light"; letter-spacing: 1px; padding: 10px 24px; text-align: center; text-transform: uppercase; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.btn-submit:hover { -webkit-box-shadow: inset 150px 0 0 0 #fff; -moz-box-shadow: inset 150px 0 0 0 #fff; -ms-box-shadow: inset 150px 0 0 0 #fff; -o-box-shadow: inset 150px 0 0 0 #fff; box-shadow: inset 150px 0 0 0 #fff; color: #000; }
.btn-submit:focus { border: 0; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; -ms-box-shadow: inset 0 0 0 0 #fff; -o-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff; color: #fff; outline: 0; }

    /*------- Contact Form Section Ends -------*/

  /*------- Contact Information Section Ends -------*/

/*------- Contact Page Ends -------*/