/*-------------------------------------
    Template Name: Horoscope
    Template URI: 
    Description: This is html5 template
    Author: webstrot
    Author URI: http://webstrot.com
    Version: 1.0
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. BODY
	2. CUSTOM CSS / A
	3. PRELOADER
	4. NAVIGATION
	5. SLIDER
	6. ABOUT HOROSCROP
	7. CHOOSE YOUR ZODIAC SIGN
	8. OUR SERVICES
	9. TODAY SLIDER
	10. LATEST NEWS
	11. WHAT CLIENTS ARE SAYING
	12. TESTIMONIAL SLIDER
	13. CLIENT SLIDER
	14. SPEAK TO OUR EXPERT
	15. FOOTER

---------------------------------------*/
/*--------------
1.Theme default CSS
--------------------------*/
body,
html {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #797979;
	overflow-x: hidden;

}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #ffffff;
}

body::-webkit-scrollbar-thumb {
	background-color: #37a4dd;
}

#return-to-top {
	position: absolute;
	bottom: 70px;
	right: 80px;
	background: #ff7e00;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
}

#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 1px;
	top: 8px;
	font-size: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

.house_toggle svg {
	fill: #ffffff !important;
	width: 25px;
	height: 25px;
}

.aries_padding_left {
	padding-left: 10px;
}

/*---------- Custom Css Start -------*/
/*---------- btn Css Start -------*/
.hs_btn_wrapper li a {
	float: left;
	width: 220px;
	height: 50px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-align: center;
	line-height: 50px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.hs_btn_wrapper li a:focus {
	outline: none;
}

.hs_btn_wrapper li a>span {
	vertical-align: middle;
}

.hs_btn_wrapper li .hs_btn_hover {
	border-radius: 50px;
	background: #37a4dd;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.hs_btn_wrapper li .hs_btn_hover::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}

.hs_btn_wrapper li .hs_btn_hover:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color: #0592dc;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}

.hs_btn_wrapper li .hs_btn_hover:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.hs_effect_btn li a {
	float: left;
	width: 180px;
	height: 50px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-align: center;
	line-height: 50px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.hs_effect_btn li a:focus {
	outline: none;
}

.hs_effect_btnli a>span {
	vertical-align: middle;
}

.hs_effect_btn li .hs_btn_hover {
	border-radius: 50px;
	background: #37a4dd;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.hs_effect_btn li .hs_btn_hover::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}

.hs_effect_btn li .hs_btn_hover:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color: #0592dc;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}

.hs_effect_btn li .hs_btn_hover:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}

/*---------- btn Css End -------*/
a {
	color: #797979;
	text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.1;
	font-weight: 400;
	color: #222222;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

input,
select,
button,
textarea {
	outline: none;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
	box-shadow: none;
}

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

/*-- Preloader css start --*/
#preloader {
	background-color: #323232;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}

#status {
	background-position: center center;
	background-repeat: no-repeat;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#status img {}

/*-- hs top header Start --*/
.hs_top_header_main_Wrapper {
	float: left;
	width: 100%;
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

.hs_header_logo_left {
	float: left;
	width: 30%;
}

.hs_header_logo_right {
	float: left;
	width: 70%;
}

.hs_logo_wrapper {
	float: left;
}

.hs_header_add_wrapper {
	float: left;
	width: 220px;
	margin-left: 20px;
}

.hs_header_add_icon {
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #ededed;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	color: #ff7e00;
}

.hs_header_add_icon_cont {
	float: left;
	width: calc(100% - 50px);
	padding-top: 7px;
	padding-left: 15px;
}

.hs_header_add_icon_cont h5 {
	font-size: 16px;
	color: #000000;
}

.hs_header_add_icon_cont p {
	font-size: 14px;
}

.hs_btn_wrapper {
	float: right;
}

.hs_top_user_profile {
	float: right;
	padding-left: 20px;
	position: relative;
}

.hs_top_user_profile img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
}

.hs_top_user_profile p {
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #ffffff;
	background: #71c386;
	font-size: 12px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	margin-left: 34px;
	margin-top: -15px;
	cursor: pointer;
}

.hs_profile_model {
	position: absolute;
	right: 0px;
	bottom: 0;
	padding: 0px;
	width: 100%;
	display: inline-block;
	border-radius: 0px;
	background-color: #ffffff;
	display: none;
	z-index: 1000;
}

.hs_profile_model input {
	float: left;
	width: calc(100% - 60px);
	padding: 0px 10px;
	height: 120px;
	border: 1px solid #e1e1e1;
	border-right: 0px;
	font-size: 30px;
	color: #000000;
}

.hs_profile_model button {
	width: 60px;
	height: 120px;
	color: #000000;
	border: 1px solid #e1e1e1;
	border-left: none;
	background-color: #ffffff;
	text-align: center;
	padding: 0px;
	font-size: 24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.modal-body {
	padding-top: 30px;
	padding-bottom: 20px;
	border: 1px dashed #acacac;
	border-top: 0;
	border-bottom: 0;
}

.modal-footer {
	padding-bottom: 30px;
	border: 1px dashed #acacac;
	border-top: 0;
}

.modal-body input {
	width: 100%;
	height: 40px;
	padding-left: 20px;
}

.modal-body input:nth-child(2) {
	margin-top: 20px;
}

.modal-body button {
	margin-top: 20px;
	width: 80px;
	height: 30px;
}

.modal-header {
	background: #ff7e00;
}

.modal-title {
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
}

.modal-body input {
	width: 100%;
	height: 50px;
	border: 1px solid #acacac;
}

.modal-body button {
	float: left;
	width: 170px;
	height: 50px;
	background: #ff7e00;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.modal-body button:hover {
	background: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.modal-footer {
	border-top: 0;
}

.modal-footer button {
	background: none;
	border: 0;
	color: #ff7e00;
}

.modal-footer button:hover,
.modal-footer button:focus {
	background: none;
	color: #ff7e00;
	outline: none;
}

/*-- hs top header End --*/
/*-- hs Navigation Start --*/
.hs_navigation_header_wrapper {
	float: left;
	width: 100%;
	background: #ff7e00;
	position: relative;
}

.hs_main_menu li {
	float: left;
	position: relative;
}

.hs_main_menu li:after {
	content: '';
	border: 1px solid rgba(255, 255, 255, 0.30196078431372547);
	height: 20px;
	position: absolute;
	right: -1px;
	top: 27px;
}

.hs_main_menu li:last-child:after {
	display: none;
}

.hs_main_menu {
	flex-direction: column;
	justify-content: space-between;
	overflow: visible;
	position: relative;
}

.hs_main_menu a {
	text-align: center;
	padding: 26px 20px 26px 20px;
	display: inline-block;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_main_menu .drop-menu a {
	padding: .75em 1em;
	padding-left: 20px;
	text-align: left;
}

.hs_main_menu a:hover {
	color: #ffffff;
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*====================================
  DROPDOWN MENU STYLES
====================================*/

.drop-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: max-height .4s, opacity .3s;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}

.drop-menu>.menu-button {
	height: 100%;
	transition: transform .4s;
	transform: translateY(-300%);
	float: left;
	width: 100%;
}

.dropdown-wrapper:hover>.menu-button {
	color: #ffffff;
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.dropdown-wrapper .drop-menu {
	width: 200px;
}

.dropdown-wrapper:hover .drop-menu {
	max-height: 500px;
	opacity: 1;
	z-index: 1000;
	background: #000;
}

.dropdown-wrapper:hover>.drop-menu .menu-button {
	transform: translateY(0%);
}

/*-- hs Navigation right Start --*/
.hs_navi_searchbar_wrapper {
	float: left;
	width: calc(100% - 80px);
}

.hs_navi_cart_wrapper {
	float: left;
	width: 80px;
}

.hs_navi_searchbar_wrapper input {
	width: calc(100% - 50px);
	float: left;
	height: 73px;
	background: none;
	padding-left: 20px;
	color: #ffffff;
	border: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.30196078431372547);
}

.hs_navi_searchbar_wrapper input::placeholder {
	color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper input::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7686274509803922);
}

.hs_navi_searchbar_wrapper button {
	float: left;
	width: 50px;
	height: 73px;
	background: none;
	color: #ffffff;
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.30196078431372547);
}

.cc_cart_wrapper1 {
	padding: 25px !important;
}

.hs_navi_cart_wrapper .menu-button {
	padding: 25px 0 25px 0;
	text-align: center;
}

.hs_navi_cart_wrapper .drop-menu {
	top: 100%;
	right: 16px;
	width: 342px;
}

.hs_navi_cart_wrapper a i:before {
	color: #ffffff;
	margin-left: 0;
	font-size: 22px;
}

.hs_navi_cart_wrapper .dropdown-wrapper:hover>.menu-button {
	background: transparent;
}

.hs_navi_cart_wrapper:hover>.menu-button {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_navi_cart_wrapper a i {
	position: relative;
}

.hs_navi_cart_wrapper a span {
	width: 20px;
	height: 20px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	line-height: 15px;
	float: left;
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	margin-top: -6px;
	margin-left: -5px;
}

.menu_fixed {
	position: fixed;
	background: #ff7e00;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	z-index: 1000;
	left: 0;
	right: 0;
}

.cc_cart_wrapper1 {
	float: left;
	width: 100%;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	padding-left: 30px;
}

.cc_cart_wrapper2 {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	border-bottom: 1px solid #37a4dd;
}

.cc_cart_img_wrapper {
	float: left;
	width: 80px;
}

.cc_cart_cont_wrapper {
	width: calc(100% - 80px);
	float: left;
	padding-left: 20px;
	padding-top: 11px;
	position: relative;
}

.cc_cart_cont_wrapper h4 {
	text-align: left;
}

.cc_cart_cont_wrapper h4 a {
	color: #ffffff !important;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.cc_cart_cont_wrapper h4 a:hover {
	color: #37a4dd !important;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.cc_cart_cont_wrapper p {
	color: #ffffff;
	font-size: 14px;
	padding-top: 3px;
	float: left;
}

.cc_cart_cont_wrapper h5 {
	float: right;
	padding-right: 35px;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	margin-top: -9px;
}

.cc_cart_total_wrapper {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

.cc_cart_total_wrapper h4 {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	color: #000000;
	text-transform: uppercase;
}

.cc_cart_total_wrapper h4 b {
	color: #1887e5;
}

.cc_cart_btn_wrapper {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 25px;
}

.cc_cart_btn {
	display: inline-block;
}

.cc_cart_btn .cart_btn1 {
	width: 145px;
	height: 40px;
	float: left;
	background: #1887e5;
	color: #ffffff;
	text-align: center;
	line-height: 33px;
	border-radius: 2px;
	font-size: 14px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: 2px;
	border: 2px solid transparent;
}

.cc_cart_btn .cart_btn1:hover {
	background: transparent;
	border: 2px solid #1887e5;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.cc_cart_btn .cart_btn2 {
	width: 145px;
	height: 40px;
	float: left;
	margin-left: 20px;
	background: #ffffff;
	color: #000000;
	text-align: center;
	line-height: 33px;
	border-radius: 2px;
	font-size: 14px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: 2px;
	border: 2px solid transparent;
}

.cc_cart_btn .cart_btn2:hover {
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.cc_cart_cont_wrapper li a {
	float: left;
	width: 40px;
	height: 20px;
	background: red;
}

.cc_cart_cont_wrapper button.close {
	color: #ffffff !important;
	position: absolute;
	right: 8px;
	opacity: 0.7;
	top: 20px;
}

/*-- hs Navigation right End --*/
/*-- hs Slider Start --*/
.slider-area {
	float: left;
	width: 100%;
	position: relative;
}

.slider-area .carousel-inner .item .caption-1 {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background: url(../images/header/slide.jpg) 50% 0 repeat-y;
	position: relative;
	min-height: 850px;
}

.slider-area .carousel-inner .item .caption-2 {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background: url(../images/header/slide.jpg);
	position: relative;
	min-height: 850px;
}

.slider-area .carousel-inner .item .caption-3 {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background: url(../images/header/slide.jpg);
	position: relative;
	min-height: 850px;
}

.slider-area .carousel-inner .item .carousel-captions:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
}

.slider-area .carousel-inner .item .carousel-captions .content {
	display: block;
	position: relative;
	z-index: 999;
	overflow: hidden;
	vertical-align: middle;
	padding-top: 250px;
	padding-bottom: 250px;
}

.slider-area .carousel-inner .item .carousel-captions .content_tabs {
	display: block;
	position: relative;
	z-index: 999;
	overflow: hidden;
	vertical-align: middle;
	padding-top: 140px;
}

.slider-area .carousel-inner .item .carousel-captions .content h1 {
	animation-delay: 0.5s;
	margin: 0 0 10px;
}

.slider-area .carousel-inner .item .carousel-captions .content h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 0;
	margin: 0 0 20px;
	animation-delay: 1.5s;
	text-transform: uppercase;
}

.slider-area .carousel-inner .item .carousel-captions .content h2 span {
	font-weight: bold;

}

.slider-area .carousel-inner .item .carousel-captions .content p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.62);
	margin: 0 0 30px;
	animation-delay: 2.5s;
}

.slider-area .carousel-inner .item .carousel-captions .content li {
	animation-delay: 3.2s;
}

.slider-area .carousel-inner .carousel-indicators {
	display: none;
}

.slider-area .carousel-inner .carousel-indicators li {
	text-indent: 0;
	position: relative;
	width: 10px;
	height: 25px;
	background-color: transparent;
	display: block;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-size: 16px;
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	text-align: left;
	background: rgba(255, 255, 255, 0.42);
	margin-top: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.slider-area .carousel-inner .carousel-indicators li span.number {
	display: inline-block;
}

.slider-area .carousel-inner .carousel-indicators li span.con {
	display: inline-block;
	position: relative;
	padding-left: 42px;
}

.slider-area .carousel-inner .carousel-indicators li span.con:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	background: #cf9c67;
	width: 26px;
}

.slider-area .carousel-inner .carousel-indicators li.active {
	background: #ff7e00;
	width: 10px;
	height: 25px;
}

.slider-area .carousel-inner .carousel-indicators li:first-child {
	margin-top: 0;
}

.carousel-nevigation {
	position: absolute;
	top: 50%;
	float: left;
	width: 100%;
}

.carousel-nevigation>.prev {
	left: -138px;
	position: absolute;
	width: 90px;
	height: 90px;
	background: #ff7e00;
	padding-top: 26px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.carousel-nevigation>.next {
	right: -138px;
	position: absolute;
	width: 90px;
	height: 90px;
	background: #ff7e00;
	padding-top: 26px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.slider-area:hover .carousel-nevigation>.prev {
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.slider-area:hover .carousel-nevigation>.next {
	right: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.carousel-nevigation>.next:hover,
.carousel-nevigation>.prev:hover {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.carousel-nevigation>.prev i {
	float: left;
	width: 35px;
	text-align: right;
	color: #ffffff;
	font-size: 16px;
	font-size: 28px;
	padding-right: 10px;
}

.carousel-nevigation>.prev span {
	width: calc(100% - 35px);
	float: left;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
}

.carousel-nevigation>.next i {
	float: left;
	width: 35px;
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	font-size: 28px;
	padding-left: 10px;
}

.carousel-nevigation>.next span {
	width: calc(100% - 35px);
	float: left;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	text-align: right;
}

.hs_slider_right_tabs_wrapper {
	float: left;
	width: 100%;
	animation-delay: 3.5s;
}

.hs_slider_tab_one {
	animation-delay: 3.7s;
}

.hs_slider_tab_tow {
	animation-delay: 3.9s;
}

.hs_slider_tab_three {
	animation-delay: 4.1s;
}

.hs_slider_tab_four {
	animation-delay: 4.3s;
}

.hs_slider_tab_fifth {
	animation-delay: 4.6s;
}

.hs_slider_tab_six {
	animation-delay: 4.9s;
}

.hs_slider_right_tabs_wrapper2 {
	margin-top: 20px;
}

.hs_slider_tabs_icon_wrapper {
	float: left;
	width: 80px;
	height: 80px;
	border: 8px solid rgba(255, 255, 255, 0.23137254901960785);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_slider_tabs_icon_wrapper i {
	width: 65px;
	height: 65px;
	float: left;
	text-align: center;
	line-height: 65px;
	background: #ff7e00;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_slider_tabs_icon_wrapper i:before {
	margin-left: 0;
	color: #ffffff;
	font-size: 40px;
}

.hs_slider_tabs_icon_cont_wrapper {
	float: left;
	width: calc(100% - 80px);
	padding-top: 15px;
	padding-left: 15px;
}

.slider-area .carousel-inner .item .carousel-captions .content_tabs .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.21);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
	background: #37a4dd !important;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs Slider End --*/
/*-- hs title wrapper Start --*/
.hs_title_main_wrapper {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 52px;
}

.hs_title_box_main_wrapper {
	float: left;
	width: 100%;
	overflow: hidden;
}

.hs_title_img_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.hs_title_img_wrapper img {
	width: 100%;
}

.hs_title_img_cont_wrapper {
	float: left;
	width: 100%;
	padding: 30px;
	border: 1px dashed #cecece;
	border-top: 0;
}

.hs_title_img_cont_wrapper h2 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
}

.hs_title_img_cont_wrapper h2 a {
	color: #222222;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_title_box_main_wrapper:hover .hs_title_img_cont_wrapper h2 a {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_title_img_cont_wrapper h5 a {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 20px;
	float: left;
}

.hs_title_img_cont_wrapper h5 a i {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_title_img_cont_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_title_img_wrapper li {
	float: left;
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #ff7e00;
	color: #ffffff;
	position: absolute;
	font-size: 22px;
	font-weight: bold;
	top: 30px;
	left: -100px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_title_box_main_wrapper:hover .hs_title_img_wrapper li {
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs title wrapper End --*/
/*-- hs about ind wrapper Start --*/
.hs_about_indx_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_about_heading_main_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_about_heading_wrapper {
	float: left;
	width: 100%;
	display: inline-block;
}

.hs_about_heading_wrapper h2 {
	font-size: 40px;
	font-weight: 100;
	color: #000000;
	text-transform: uppercase;
}

.hs_about_heading_wrapper h2 span {
	font-weight: bold;
}

.hs_about_heading_wrapper h4,
.hs_about_heading_wrapper p {
	padding-top: 10px;
}

.hs_about_heading_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
}

.hs_about_heading_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_about_heading_wrapper h4 span:before {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	right: 15px;
	top: 3px;
}

.hs_about_left_img_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_about_left_img_wrapper img {
	width: 100%;
}

.hs_about_right_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_about_right_cont_wrapper h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	padding-top: 20px;
	padding-bottom: 40px;
}

.hs_about_right_cont_wrapper h3 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-top: 30px;
}

.hs_about_right_cont_wrapper h1 {
	font-size: 50px;
	font-weight: bold;
	color: #ff7e00;
	padding-top: 30px;
}

.hs_about_btn {
	margin-top: 40px;
}

/*-- hs about ind wrapper End --*/
/*-- hs sign wrapper Start --*/
.hs_sign_main_wrapper {
	background: url('../images/content/sign_bg.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_sign_heading_wrapper {
	float: left;
	width: 100%;
}

.hs_sign_left_wrapper {
	float: left;
	width: 25%;
	margin-top: 60px;
	position: relative;
}

.hs_sign_center_wrapper {
	float: left;
	width: 50%;
	margin-top: 60px;
}

.hs_sign_right_wrapper {
	float: left;
	width: 25%;
	margin-top: 60px;
	position: relative;
}

.hs_sign_left_tabs_wrapper_2 {
	margin-top: 25px;
	float: left;
	width: 100%;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper {
	float: left;
	width: 80px;
	height: 80px;
	border: 8px solid rgba(0, 0, 0, 0.0784313725490196);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper i {
	width: 65px;
	height: 65px;
	float: left;
	text-align: center;
	line-height: 65px;
	background: #ff7e00;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper i:before {
	margin-left: 0;
	color: #ffffff;
	font-size: 40px;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper {
	float: left;
	width: calc(100% - 80px);
	padding-top: 15px;
	padding-left: 15px;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper li:last-child {
	font-size: 16px;

}

.hs_sign_left_tabs_wrapper li .hs_tabs_btn {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	background: rgba(255, 255, 255, 0.21);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_wrapper .hs_slider_tabs_icon_cont_wrapper {
	float: left;
	width: calc(100% - 80px);
	padding-top: 15px;
	padding-right: 15px;
}

/*-- hs sign cycle wrapper start --*/
.hs_cycle_main_wrapper {
	float: left;
	margin-left: 141px;
	margin-top: 147px;
}

.hs_cycle_img {
	position: relative;
}

.hs_cycle_img:after {
	content: '';
	border: 45px solid #000000;
	position: absolute;
	width: 295px;
	height: 295px;
	left: 0;
	top: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_cycle_img span {
	position: absolute;
	top: 39px;
	left: 37px;
}

.pulse {
	margin: 100px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(55, 164, 221, 0.5803921568627451);
	cursor: pointer;
	box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
	animation: pulse 2s infinite;
}

.pulse:hover {
	animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
	}

	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
		box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
	}

	70% {
		-moz-box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
		box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
	}

	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
		box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
	}
}

.hs_cycle_img img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 295px;
	height: 295px;
	position: relative;
}

.hs_tab_shap1 svg {
	fill: #91c8cb;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap2 svg {
	fill: #c1aa36;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap3 svg {
	fill: #c48c59;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap4 svg {
	fill: #c95854;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap5 svg {
	fill: #c06175;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap6 svg {
	fill: #9d4e69;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap7 svg {
	fill: #b099b6;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap8 svg {
	fill: #8da1c0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap9 svg {
	fill: #91c8cb;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap10 svg {
	fill: #618967;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap11 svg {
	fill: rgb(204, 145, 39);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap12 svg {
	fill: #8c8b3b;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap1 p,
.hs_tab_shap2 p,
.hs_tab_shap3 p,
.hs_tab_shap4 p,
.hs_tab_shap5 p,
.hs_tab_shap6 p,
.hs_tab_shap7 p,
.hs_tab_shap8 p,
.hs_tab_shap9 p,
.hs_tab_shap10 p,
.hs_tab_shap11 p,
.hs_tab_shap12 p {
	position: absolute;
	color: #ffffff;
	color: #ffffff;
	top: 18px;
}

.hs_tab_shap1 {
	position: absolute;
	-moz-transform: rotate(-62deg);
	-webkit-transform: rotate(-62deg);
	-o-transform: rotate(-62deg);
	-ms-transform: rotate(-62deg);
	transform: rotate(-62deg);
	top: 29px;
	left: 35px;
	z-index: 1;
}

.hs_tab_shap2 {
	position: absolute;
	-moz-transform: rotate(-31deg);
	-webkit-transform: rotate(-31deg);
	-o-transform: rotate(-31deg);
	-ms-transform: rotate(-31deg);
	transform: rotate(-31deg);
	top: 1px;
	left: 87px;
	z-index: 1;
}

.hs_tab_shap3 {
	position: absolute;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
	top: 3px;
	left: 146px;
	z-index: 1;
}

.hs_tab_shap4 {
	position: absolute;
	-moz-transform: rotate(29deg);
	-webkit-transform: rotate(29deg);
	-o-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	transform: rotate(29deg);
	top: 35px;
	left: 196px;
	z-index: 1;
}

.hs_tab_shap5 {
	position: absolute;
	-moz-transform: rotate(57deg);
	-webkit-transform: rotate(57deg);
	-o-transform: rotate(57deg);
	-ms-transform: rotate(57deg);
	transform: rotate(57deg);
	top: 87px;
	left: 224px;
	z-index: 1;
}

.hs_tab_shap6 {
	position: absolute;
	-moz-transform: rotate(88deg);
	-webkit-transform: rotate(88deg);
	-o-transform: rotate(88deg);
	-ms-transform: rotate(88deg);
	transform: rotate(88deg);
	top: 145px;
	left: 223px;
	z-index: 1;
}

.hs_tab_shap7 {
	position: absolute;
	-moz-transform: rotate(118deg);
	-webkit-transform: rotate(118deg);
	-o-transform: rotate(118deg);
	-ms-transform: rotate(118deg);
	transform: rotate(118deg);
	top: 195px;
	left: 193px;
	z-index: 1;
}

.hs_tab_shap8 {
	position: absolute;
	-moz-transform: rotate(148deg);
	-webkit-transform: rotate(148deg);
	-o-transform: rotate(148deg);
	-ms-transform: rotate(148deg);
	transform: rotate(148deg);
	top: 223px;
	left: 142px;
	z-index: 1;
}

.hs_tab_shap9 {
	position: absolute;
	-moz-transform: rotate(179deg);
	-webkit-transform: rotate(179deg);
	-o-transform: rotate(179deg);
	-ms-transform: rotate(179deg);
	transform: rotate(179deg);
	top: 222px;
	left: 83px;
	z-index: 1;
}

.hs_tab_shap10 {
	position: absolute;
	-moz-transform: rotate(209deg);
	-webkit-transform: rotate(209deg);
	-o-transform: rotate(209deg);
	-ms-transform: rotate(209deg);
	transform: rotate(209deg);
	top: 191px;
	left: 32px;
	z-index: 1;
}

.hs_tab_shap11 {
	position: absolute;
	-moz-transform: rotate(238deg);
	-webkit-transform: rotate(238deg);
	-o-transform: rotate(238deg);
	-ms-transform: rotate(238deg);
	transform: rotate(238deg);
	top: 140px;
	left: 4px;
	z-index: 1;
}

.hs_tab_shap12 {
	position: absolute;
	-moz-transform: rotate(267deg);
	-webkit-transform: rotate(267deg);
	-o-transform: rotate(267deg);
	-ms-transform: rotate(267deg);
	transform: rotate(267deg);
	top: 80px;
	left: 5px;
	z-index: 1;
}

.hs_sign_left_tabs_border_wrapper1 span {
	position: absolute;
	top: 45px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 228px;
	position: absolute;
	left: 2px;
	-moz-transform: rotate(201deg);
	-webkit-transform: rotate(201deg);
	-o-transform: rotate(201deg);
	-ms-transform: rotate(201deg);
	transform: rotate(201deg);
	top: 47px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1 span:before {
	content: '';
	border: 1px dashed #565656;
	width: 25px;
	position: absolute;
	-moz-transform: rotate(231deg);
	-webkit-transform: rotate(231deg);
	-o-transform: rotate(231deg);
	-ms-transform: rotate(231deg);
	transform: rotate(231deg);
	top: 99px;
	left: 219px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper2 span {
	position: absolute;
	top: 72px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper2 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 173px;
	position: absolute;
	left: 8px;
	-moz-transform: rotate(193deg);
	-webkit-transform: rotate(193deg);
	-o-transform: rotate(193deg);
	-ms-transform: rotate(193deg);
	transform: rotate(193deg);
	top: 24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper3 span {
	position: absolute;
	top: 72px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper3 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 136px;
	position: absolute;
	left: 8px;
	-moz-transform: rotate(181deg);
	-webkit-transform: rotate(181deg);
	-o-transform: rotate(181deg);
	-ms-transform: rotate(181deg);
	transform: rotate(181deg);
	top: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper4 span {
	position: absolute;
	top: 72px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper4 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 141px;
	position: absolute;
	left: 8px;
	-moz-transform: rotate(169deg);
	-webkit-transform: rotate(169deg);
	-o-transform: rotate(169deg);
	-ms-transform: rotate(169deg);
	transform: rotate(169deg);
	top: -9px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper5 span {
	position: absolute;
	top: 72px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper5 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 193px;
	position: absolute;
	left: 5px;
	-moz-transform: rotate(160deg);
	-webkit-transform: rotate(160deg);
	-o-transform: rotate(160deg);
	-ms-transform: rotate(160deg);
	transform: rotate(160deg);
	top: -30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span {
	position: absolute;
	top: 71px;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 245px;
	position: absolute;
	left: -2px;
	-moz-transform: rotate(154deg);
	-webkit-transform: rotate(154deg);
	-o-transform: rotate(154deg);
	-ms-transform: rotate(154deg);
	transform: rotate(154deg);
	top: -53px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span:before {
	content: '';
	border: 1px dashed #565656;
	width: 35px;
	position: absolute;
	-moz-transform: rotate(132deg);
	-webkit-transform: rotate(132deg);
	-o-transform: rotate(132deg);
	-ms-transform: rotate(132deg);
	transform: rotate(132deg);
	top: -121px;
	left: 227px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span {
	position: absolute;
	top: 46px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 222px;
	position: absolute;
	left: -215px;
	-moz-transform: rotate(160deg);
	-webkit-transform: rotate(160deg);
	-o-transform: rotate(160deg);
	-ms-transform: rotate(160deg);
	transform: rotate(160deg);
	top: 43px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span:before {
	content: '';
	border: 1px dashed #565656;
	width: 35px;
	position: absolute;
	-moz-transform: rotate(132deg);
	-webkit-transform: rotate(132deg);
	-o-transform: rotate(132deg);
	-ms-transform: rotate(132deg);
	transform: rotate(132deg);
	top: 95px;
	left: -239px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper2 span {
	position: absolute;
	top: 70px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper2 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 166px;
	position: absolute;
	left: -161px;
	-moz-transform: rotate(166deg);
	-webkit-transform: rotate(166deg);
	-o-transform: rotate(166deg);
	-ms-transform: rotate(166deg);
	transform: rotate(166deg);
	top: 24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper3 span {
	position: absolute;
	top: 70px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper3 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 145px;
	position: absolute;
	left: -139px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 4px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper4 span {
	position: absolute;
	top: 70px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper4 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 145px;
	position: absolute;
	left: -139px;
	-moz-transform: rotate(196deg);
	-webkit-transform: rotate(196deg);
	-o-transform: rotate(196deg);
	-ms-transform: rotate(196deg);
	transform: rotate(196deg);
	top: -16px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper5 span {
	position: absolute;
	top: 70px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper5 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 184px;
	position: absolute;
	left: -175px;
	-moz-transform: rotate(205deg);
	-webkit-transform: rotate(205deg);
	-o-transform: rotate(205deg);
	-ms-transform: rotate(205deg);
	transform: rotate(205deg);
	top: -37px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span {
	position: absolute;
	top: 70px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #565656;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span:after {
	content: '';
	border: 1px dashed #565656;
	width: 216px;
	position: absolute;
	left: -201px;
	-moz-transform: rotate(210deg);
	-webkit-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
	top: -52px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span:before {
	content: '';
	border: 1px dashed #565656;
	width: 43px;
	position: absolute;
	-moz-transform: rotate(44deg);
	-webkit-transform: rotate(44deg);
	-o-transform: rotate(44deg);
	-ms-transform: rotate(44deg);
	transform: rotate(44deg);
	top: -122px;
	left: -225px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
	color: #37a4dd !important;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1:hover span,
.hs_sign_left_tabs_border_wrapper2:hover span,
.hs_sign_left_tabs_border_wrapper3:hover span,
.hs_sign_left_tabs_border_wrapper4:hover span,
.hs_sign_left_tabs_border_wrapper5:hover span,
.hs_sign_left_tabs_border_wrapper6:hover span,
.hs_sign_right_tabs_border_wrapper1:hover span,
.hs_sign_right_tabs_border_wrapper2:hover span,
.hs_sign_right_tabs_border_wrapper3:hover span,
.hs_sign_right_tabs_border_wrapper4:hover span,
.hs_sign_right_tabs_border_wrapper5:hover span,
.hs_sign_right_tabs_border_wrapper6:hover span {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1:hover span:before,
.hs_sign_left_tabs_border_wrapper1:hover span:after,
.hs_sign_left_tabs_border_wrapper2:hover span:before,
.hs_sign_left_tabs_border_wrapper2:hover span:after,
.hs_sign_left_tabs_border_wrapper3:hover span:before,
.hs_sign_left_tabs_border_wrapper3:hover span:after,
.hs_sign_left_tabs_border_wrapper4:hover span:before,
.hs_sign_left_tabs_border_wrapper4:hover span:after,
.hs_sign_left_tabs_border_wrapper5:hover span:before,
.hs_sign_left_tabs_border_wrapper5:hover span:after,
.hs_sign_left_tabs_border_wrapper6:hover span:before,
.hs_sign_left_tabs_border_wrapper6:hover span:after,
.hs_sign_right_tabs_border_wrapper1:hover span:before,
.hs_sign_right_tabs_border_wrapper1:hover span:after,
.hs_sign_right_tabs_border_wrapper2:hover span:before,
.hs_sign_right_tabs_border_wrapper2:hover span:after,
.hs_sign_right_tabs_border_wrapper3:hover span:before,
.hs_sign_right_tabs_border_wrapper3:hover span:after,
.hs_sign_right_tabs_border_wrapper4:hover span:before,
.hs_sign_right_tabs_border_wrapper4:hover span:after,
.hs_sign_right_tabs_border_wrapper5:hover span:before,
.hs_sign_right_tabs_border_wrapper5:hover span:after,
.hs_sign_right_tabs_border_wrapper6:hover span:before,
.hs_sign_right_tabs_border_wrapper6:hover span:after {
	border: 1px dashed #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_tab_shap1:hover svg,
.hs_tab_shap2:hover svg,
.hs_tab_shap3:hover svg,
.hs_tab_shap4:hover svg,
.hs_tab_shap5:hover svg,
.hs_tab_shap6:hover svg,
.hs_tab_shap7:hover svg,
.hs_tab_shap8:hover svg,
.hs_tab_shap9:hover svg,
.hs_tab_shap10:hover svg,
.hs_tab_shap11:hover svg,
.hs_tab_shap12:hover svg {
	fill: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs sign cycle wrapper End --*/
/*-- hs sign wrapper End --*/
/*-- hs service wrapper Start --*/
.hs_service_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_service_main_box_wrapper {
	float: left;
	width: 100%;
	text-align: center;
	border: 1px dashed #cecece;
	padding: 30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_icon_main_wrapper {
	display: inline-block;
	border: 1px dashed #cecece;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	padding: 10px;
}

.hs_service_icon_wrapper {
	position: relative;
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	border: 1px dashed #cecece;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	float: left;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_icon_wrapper i:before {
	color: #ff7e00;
	margin-left: 0;
	font-size: 40px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_icon_cont_wrapper {
	float: left;
	width: 100%;
	display: inline-block;
}

.hs_service_icon_cont_wrapper h2 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_icon_cont_wrapper h5 a {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 20px;
	display: inline-block;
}

.hs_service_icon_cont_wrapper h5 a i {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_icon_cont_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.portfolio-filter ul {
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 30px;
	border: 1px dashed #cecece;
}

.III_column {
	margin-top: 30px;
}

.portfolio-filter li {
	float: left;
	position: relative;
}

#filter li a {
	display: block;
	font-size: 16px;
	color: #969595;
	cursor: pointer;
	color: #000000;
	background: transparent;
	text-transform: uppercase;
	padding: 10px 25px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#filter li a:hover,
#filter li a.active {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#filter li:nth-child(2):after {
	content: '';
	border: 1px dashed #cecece;
	height: 19px;
	position: absolute;
	left: -1px;
	top: 14px;
}

#filter li:nth-child(2):before {
	content: '';
	border: 1px dashed #cecece;
	height: 19px;
	position: absolute;
	right: -1px;
	top: 14px;
}

.btc_step_overlay {
	position: absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	opacity: 0;
	padding: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_main_box_wrapper:hover .btc_step_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ff7e00;
	opacity: 1;
}

.hs_service_main_box_wrapper:hover .hs_service_icon_wrapper i:before {
	position: relative;
	color: #ffffff;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_main_box_wrapper:hover .hs_service_icon_cont_wrapper h2 {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_service_main_box_wrapper:hover {
	border-bottom: 1px dashed #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs service wrapper End --*/
/*-- hs news slider wrapper Start --*/
.hs_news_slider_main_wrapper {
	background: url('../images/content/news_slider_bg1.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
}

.hs_news_slider_bg_wrapper {
	background: url('../images/content/news_slider_bg3.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 150px;
	padding-bottom: 180px;
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
}

.hs_news_slider_bg_overlay {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.hs_news_slider_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_news_slider_wrapper .owl-theme .owl-dots {
	position: absolute;
	top: 100%;
	margin: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	margin-top: 115px;
}

.hs_news_slider_wrapper .owl-theme .owl-dots .owl-dot span {
	width: 25px;
	height: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.42);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_news_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.hs_news_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
	background: #ff7e00;
	width: 25px;
	height: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_news_slider_wrapper .owl-theme .owl-nav {
	display: none;
}

.hs_news_slider_cont_wrapper {
	float: left;
	width: 100%;
	display: inline-block;
}

.hs_news_slider_cont_wrapper h2 {
	font-size: 32px;
	color: #ffffff;
	font-family: 'Norican', cursive;
}

.hs_news_slider_cont_wrapper h3 {
	font-size: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 40px;
}

.hs_news_slider_cont_wrapper p {
	color: rgba(255, 255, 255, 0.8);
	padding-top: 30px;
}

.hs_news_slider_btn_wrapper {
	display: inline-block;
	margin-top: 40px;
}

/*-- hs news slider wrapper End --*/
/*-- hs latest news wrapper Start --*/
.hs_latest_news_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_lest_news_box_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_lest_news_img_wrapper {
	position: relative;
	overflow: hidden;
}

.hs_lest_news_img_wrapper img {
	width: 100%;
}

.hs_lest_news_date_wrapper {
	width: 70px;
	height: 70px;
	background: #ff7e00;
	text-align: center;
	position: absolute;
	bottom: -94px;
	right: 30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_date_wrapper p {
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
}

.hs_lest_news_date_wrapper ul {
	padding-top: 10px;
}

.hs_lest_news_date_wrapper li:first-child {
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 5px;
}

.hs_lest_news_date_wrapper li:last-child {
	font-size: 22px;
	color: #ffffff;
}

.hs_lest_news_cont_wrapper {
	float: left;
	width: 100%;
	background: #ffffff;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px dashed #cecece;
	border-top: 0;
	border-bottom: 0;
}

.hs_lest_news_cont_wrapper h5 {
	font-size: 20px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	line-height: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_cont_wrapper p {
	padding-top: 20px;
}

.hs_lest_news_cont_wrapper h4 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.hs_lest_news_cont_wrapper h4 a {
	font-size: 16px;
	font-weight: bold;
	color: #ff880e;
	text-transform: uppercase;
}

.hs_lest_news_cont_bottom {
	float: left;
	width: 100%;
	background: #ffffff;
	border: 1px dashed #cecece;
}

.hs_lest_news_cont_bottom_left {
	float: left;
	width: 33.33%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.hs_lest_news_cont_bottom_left p,
.hs_lest_news_cont_bottom_right p {
	margin: 0;
}

.hs_lest_news_cont_bottom_left p i,
.hs_lest_news_cont_bottom_right p i {
	color: #ff880e;
}

.hs_lest_news_cont_bottom_right {
	float: left;
	width: 33.33%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.hs_lest_news_cont_bottom_left p a,
.hs_lest_news_cont_bottom_right p a,
.hs_lest_news_cont_bottom_center p a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_cont_bottom_left p a:hover,
.hs_lest_news_cont_bottom_right p a:hover,
.hs_lest_news_cont_bottom_center p a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_cont_wrapper h4 a {
	font-size: 16px;
	color: #37a4dd;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_cont_wrapper h4 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_cont_bottom_center {
	float: left;
	width: 33.33%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
}

.hs_lest_news_cont_bottom_center:after {
	content: '';
	border: 1px solid #cecece;
	height: 35px;
	position: absolute;
	left: 0;
	top: 14px;
}

.hs_lest_news_cont_bottom_center:before {
	content: '';
	border: 1px solid #cecece;
	height: 35px;
	position: absolute;
	right: 0;
	top: 14px;
}

.hs_lest_news_box_wrapper:hover .hs_lest_news_date_wrapper {
	bottom: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h5,
.hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h4 a,
.hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h4 a i {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs latest news wrapper End --*/
/*-- hs Counter wrapper Start --*/
.hs_counter_main_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_counter_cont_wrapper {
	float: left;
	width: 20%;
	display: inline-block;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #ffffff;
	border: 1px dashed #cecece;
	border-left: 0;
}

.hs_counter_cont_wrapper1 {
	border-left: 1px dashed #cecece;
}

.count-description span {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 28px;
	color: #ff7e00;
	font-weight: bold;
	border: 1px dashed #cecece;
	display: inline-block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_main_cycle_main {
	display: inline-block;
	border: 1px dashed #cecece;
	width: 85px;
	height: 85px;
	padding-top: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.count-description i {
	font-size: 30px;
	color: #000000;
	padding-left: 10px;
	position: relative;
	top: -5px;
}

.con1,
.con2,
.con3,
.con4 {
	font-size: 22px;
	color: #000000;
	margin-top: 16px;
}

/*-- hs Counter wrapper End --*/
/*-- hs testi slider wrapper Start --*/
.hs_testi_slider_main_wrapper {
	background: url('../images/content/testi_bg.jpg') 50% 0 repeat-y;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_testi_slider_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_testi_slider_wrapper .owl-theme .owl-dots {
	position: absolute;
	top: 100%;
	margin: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	margin-top: 30px;
}

.hs_testi_slider_wrapper .owl-theme .owl-dots .owl-dot span {
	width: 25px;
	height: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #c2c2c2;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_testi_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.hs_testi_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
	background: #ff7e00;
	width: 25px;
	height: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_testi_slider_wrapper .owl-theme .owl-nav {
	display: none;
}

.hs_testi_slider_wrapper .owl-carousel .owl-stage:after {
	height: 50px;
}

.hs_testi_cont_main_wrapper {
	float: left;
	width: 100%;
	background: #ffffff;
	padding: 20px;
	position: relative;
}

.hs_testi_cont_main_wrapper:after {
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 46px solid #ffffff;
	position: absolute;
	bottom: -46px;
	right: 70px;
}

.hs_testi_cont_inner_wrapper {
	float: left;
	width: 100%;
	border: 1px dashed #cecece;
	padding: 40px;
}

.hs_testi_quote_wrapper {
	float: left;
	width: 30px;
}

.hs_testi_quote_wrapper i {
	font-size: 25px;
	color: #ff7e00;
	position: relative;
	top: -6px;
}

.hs_testi_quote_cont_wrapper {
	text-align: center;
	float: left;
	width: calc(100% - 30px);
}

.hs_testi_client_main_wrapper {
	float: right;
	width: 280px;
	background: #ffffff;
	margin-top: 70px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.hs_testi_client_cont_img_sec {
	float: left;
	width: 87px;
}

.hs_testi_client_cont_img_sec img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_testi_client_cont_sec {
	float: left;
	width: calc(280px - 87px);
	border: 1px dashed #cecece;
	margin-top: 13px;
	padding-top: 7px;
	text-align: center;
	padding-bottom: 7px;
	position: relative;
	left: 11px;
	border-right: 0;
	-webkit-border-top-left-radius: 50px;
	-moz-border-top-left-radius: 50px;
	border-top-left-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-bottom-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.hs_testi_client_cont_sec h2 {
	font-size: 22px;
	color: #000000;
	text-transform: uppercase;
}

.hs_testi_client_main_right_wrapper {
	float: left;
}

.hs_testi_cont_main_right_wrapper:after {
	right: 100%;
	left: 70px;
}

.hs_testi_client_main_right_wrapper .hs_testi_client_cont_sec {
	-webkit-border-top-right-radius: 50px;
	-moz-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-bottom-right-radius: 50px;
	border-bottom-right-radius: 50px;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	left: -11px;
	border-right: 1px dashed #cecece;
	border-left: 0;
}

/*-- hs testi slider wrapper End --*/
/*-- hs advert wrapper Start --*/
.hs_advert_main_wrapper {
	background: url('../images/content/advert_bg.jpg') 50% 0 repeat-y;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	text-align: center;
}

.hs_advert_img_overlay {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.hs_advert_cont_wrapper {
	float: left;
	width: 100%;
}

.hs_advert_cont_wrapper h1 {
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	line-height: 50px;
}

.hs_advert_cont_wrapper p {
	color: rgba(255, 255, 255, 0.77);
	padding-top: 25px;
}

.hs_advert_btn_wrapper {
	margin-top: 30px;
	display: inline-block;
}

/*-- hs advert wrapper End --*/
/*-- hs client slider wrapper Start --*/
.hs_client_slider_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_client_slider_wrapper .owl-theme .owl-dots {
	display: none;
}

.hs_client_slider_wrapper .owl-theme .owl-nav {
	position: absolute;
	top: 33%;
	z-index: 1000;
	display: block;
	left: 0;
	right: 0;
	margin: 0px auto;
}

.hs_client_slider_wrapper .owl-theme .owl-nav .owl-prev {
	margin: 0;
	padding: 0;
	left: -75px;
	font-size: 26px;
	top: 0;
	color: #ffffff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #37a4dd;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_client_slider_wrapper .owl-theme .owl-nav .owl-next {
	font-size: 26px;
	right: -75px;
	top: -5px;
	position: absolute;
	color: #ffffff;
	width: 50px;
	height: 50px;
	line-height: 40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #37a4dd;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_client_slider_wrapper .owl-theme .owl-nav .owl-prev:hover,
.hs_client_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_client_img_wrapper {
	border: 1px dashed #cecece;
}

/*-- hs client slider wrapper End --*/
/*-- hs online slider wrapper Start --*/
.hs_online_main_slider_wrapper {
	float: left;
	width: 100%;
	background: #f5f4f4;
	padding-top: 80px;
	padding-bottom: 80px;
}

.hs_online_slider_left_cont {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.hs_online_slider_left_cont h2 {
	color: #000000;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
}

.hs_online_slider_left_cont h2 span {
	font-weight: bold;
}

.hs_online_slider_left_cont p {
	padding-top: 20px;
}

.hs_online_slider_wrapper {
	float: left;
	width: 100%;
}

.hs_online_slider_wrapper .owl-theme .owl-dots {
	display: none;
}

.hs_online_slider_wrapper .owl-theme .owl-nav {
	display: none;
}

.hs_online_img_wrapper {
	position: relative;
	display: inline-block;
}

.hs_online_img_wrapper img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: auto !important;
}

.hs_online_img_wrapper span {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #27b72e;
	float: left;
	border: 5px solid #ffffff;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0px auto;
}

.hs_online_img_wrapper .offline {
	background: #b7b7b7;
}

.hs_online_slider_wrapper .owl-carousel .owl-stage:after {
	height: 10px;
}

/*-- hs online slider wrapper End --*/
/*-- hs footer wrapper Start --*/
.hs_footer_main_wrapper {
	float: left;
	width: 100%;
	background: #151515;
	padding-top: 100px;
	padding-bottom: 80px;
}

.hs_footer_logo_wrapper {
	float: left;
	width: 100%;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.hs_footer_logo_wrapper img {
	display: inline-block;
}

.hs_footer_logo_wrapper p {
	margin-top: 20px;
}

.hs_footer_logo_wrapper h4 a {
	font-size: 16px;
	color: #ff7e00;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 20px;
}

.hs_footer_logo_wrapper h4 a i {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	top: 2px;
}

.hs_footer_logo_wrapper h4 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_footer_logo_wrapper ul {
	display: inline-block;
	margin-top: 30px;
}

.hs_footer_logo_wrapper li {
	float: left;
	margin-left: 10px;
}

.hs_footer_logo_wrapper li:first-child {
	margin-left: 0;
}

.hs_footer_logo_wrapper li a {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #282828;
	color: #ababab;
	font-size: 18px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_footer_logo_wrapper li a:hover {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_footer_help_wrapper {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

.hs_footer_help_wrapper:after {
	content: '';
	border: 1px solid #383838;
	height: 455px;
	position: absolute;
	top: -100px;
	left: -15px;
}

.hs_footer_help_wrapper:before {
	content: '';
	border: 1px solid #383838;
	height: 455px;
	position: absolute;
	top: -100px;
	right: -15px;
}

.hs_footer_help_wrapper h2 {
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
}

.hs_footer_help_wrapper h2 span {
	color: #ffffff;
	font-weight: bold;
}

.hs_footer_help_wrapper p {
	margin-top: 30px;
}

.hs_footer_help_btn {
	display: inline-block;
	margin-top: 50px;
}

.hs_footer_help_btn li a {
	float: left;
	width: 200px;
	height: 50px;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	line-height: 50px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.hs_footer_help_btn li a:focus {
	outline: none;
}

.hs_effect_btnli a>span {
	vertical-align: middle;
}

.hs_footer_help_btn li .hs_btn_hover {
	border-radius: 50px;
	background: #ff7e00;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.hs_footer_help_btn li .hs_btn_hover::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}

.hs_footer_help_btn li .hs_btn_hover:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ffffff;
	background-color: #ff7e00;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}

.hs_footer_help_btn li .hs_btn_hover:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}

.hs_footer_contact_wrapper {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	text-align: center;
}

.hs_footer_contact_wrapper h2 {
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
}

.hs_footer_contact_wrapper h2 span {
	color: #ffffff;
	font-weight: bold;
}

.hs_footer_contact_wrapper p {
	margin-top: 30px;
}

.hs_footer_contact_wrapper p span {
	color: #ff7e00;
}

.hs_footer_contact_wrapper p a {
	color: #ff7e00;
}

.hs_footer_contact_input_wrapper {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.hs_footer_contact_input_wrapper input {
	width: 100%;
	height: 45px;
	padding-left: 20px;
	background: transparent;
	border: 1px solid #383838;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_footer_contact_input_wrapper input:hover,
.hs_footer_contact_input_wrapper input:focus {
	border: 1px solid #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_footer_contact_input_wrapper i {
	margin-left: -35px;
	color: #ff7e00;
}

/*-- hs footer wrapper End --*/
/*-- hs bottom footer wrapper Start --*/
.hs_bottom_footer_main_wrapper {
	float: left;
	width: 100%;
	background: #1a1a1a;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	position: relative;
}

.footer_bottom_cont_wrapper {
	float: left;
	width: 100%;
}

.footer_bottom_cont_wrapper p {
	font-size: 14px;
}

/*-- hs bottom footer wrapper End --*/

/**************-------------------- ABOUT CSS START --------------*******************/
/*-- hs title wrapper Start --*/
.hs_indx_title_main_wrapper {
	background: url('../images/content/advert_bg.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}

.hs_title_img_overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.hs_indx_title_left_wrapper {
	float: left;
	width: 100%;
}

.hs_indx_title_left_wrapper h2 {
	font-size: 32px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}

.hs_indx_title_right_wrapper {
	float: left;
	width: 100%;
}

.hs_indx_title_right_wrapper ul {
	float: right;
}

.hs_indx_title_right_wrapper li {
	float: left;
	color: #ffffff;
}

.hs_indx_title_right_wrapper li a {
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_indx_title_right_wrapper li a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_indx_title_right_wrapper li:last-child {
	color: #ff7e00;
	margin-left: 10px;
}

.hs_about_indx_inner_main_wrapper {
	padding-top: 40px;
}

/*-- hs title wrapper End --*/
/*-- hs about progress wrapper Start --*/
.hs_about_progress_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_about_progress_img_left {
	float: left;
	width: 100%;
}

.hs_about_progress_img_left h2 {
	font-size: 26px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

.hs_about_progress_img_left h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_about_progress_img_left h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_about_progress_img_left img {
	margin-top: 30px;
}

.hs_about_progress_cont_left {
	float: left;
	width: 100%;
}

.hs_about_progress_cont_left .accordionFifteen {
	margin-top: 30px;
}

.hs_about_progress_cont_left h2 {
	font-size: 26px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

.hs_about_progress_cont_left h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_about_progress_cont_left h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_about_progress_cont_left .lv_faq_wrapper .panel-title {
	position: relative;
}

.hs_about_progress_cont_left .lv_faq_wrapper .panel-title:after {
	content: "";
	position: absolute;
	border-left: 1px solid #ffffff73;
	top: 0;
	bottom: 0;
	left: 90px;
}

.hs_about_progress_cont_left .accordionFifteen .panel-group .panel+.panel {
	margin-top: 20px;
}

.hs_about_progress_cont_left .accordionFifteen .panel-group {
	margin-bottom: 0;
}

.hs_about_progress_cont_left .accordionFifteen .panel-default {
	border: 0;
}

.hs_about_progress_cont_left .accordionFifteen .panel {
	background-color: rgba(255, 255, 255, 0.058823529411764705);
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a {
	display: block;
	background: #ff7e00;
	padding: 15px 20px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dashed #cecece;
	border-left: 0;
	border-right: 0;
	text-decoration: none;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a.collapsed {
	color: #000000;
	background-color: transparent;
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: bold;
	border: 1px dashed #cecece;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
}

.hs_about_progress_cont_left .accordionFifteen .panel-default>.panel-heading {
	border-radius: 0px;
	padding: 0px;
	background: transparent;
}

.hs_about_progress_cont_left .accordionFifteen .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
	padding-top: 0;
	padding: 10px 20px 15px 20px;
	background: transparent;
	border-bottom: 1px dashed #cecece;
	border-left: 1px dashed #cecece;
	border-right: 1px dashed #cecece;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a:before,
.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a.collapsed:before {
	font-family: 'FontAwesome';
	font-size: 16px;
	float: left;
	margin-right: 60px;
	margin-left: 20px;
	display: block;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a:after,
.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a.collapsed:after {
	font-family: 'FontAwesome';
	font-size: 25px;
	float: right;
	width: 50px;
	height: 25px;
	line-height: 24px;
	text-align: center;
	display: block;
	border-radius: 50%;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a:after {
	content: "\2212";
	background: transparent;
	border-radius: 2px;
	width: 15px;
	height: 15px;
	color: #ffffff;
	line-height: 15px;
}

.hs_about_progress_cont_left .accordionFifteen .panel .panel-heading a.collapsed:after {
	content: "\2b";
	background: transparent;
	border-radius: 2px;
	width: 15px;
	height: 15px;
	color: #000000;
	line-height: 15px;
}

/*-- hs about progress wrapper End --*/
/*-- hs about video wrapper Start --*/
.hs_about_video_main_wrapper {
	background: url('../images/content/about/video_img.jpg') 50% 0 repeat-y;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 260px;
	padding-bottom: 260px;
	position: relative;
	text-align: center;
}

.hs_about_video_img_overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.hs_about_video_icon_wrapper {
	display: inline-block;
}

.hs_about_video_icon_wrapper h2 {
	font-size: 40px;
	color: #ffffff;
	padding-top: 50px;
}

.hs_about_video_icon_wrapper h2 span {
	color: #ff7e00;
	font-weight: bold;
}

/*-- hs about video wrapper End --*/
/*-- hs astrology team wrapper Start --*/
.hs_astrology_team_main_wrapper {
	background: url('../images/content/testi_bg.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_astro_team_img_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_astro_img_cont_wrapper {
	float: left;
	width: 100%;
	padding: 20px;
	background: #ffffff;
	border: 1px dashed #cecece;
	border-bottom: 0;
}

.hs_astro_img_wrapper img {
	width: 100%;
}

.hs_astro_img_cont_wrapper h2 {
	font-size: 18px;
	font-weight: bold;
}

.hs_astro_img_cont_wrapper h2 a {
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_astro_img_cont_wrapper h2 a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_astro_img_cont_wrapper p {
	padding-top: 5px;
}

.hs_astro_img_cont_wrapper ul {
	padding-top: 5px;
}

.hs_astro_img_cont_wrapper li {
	float: left;
	color: #000000;
}

.hs_astro_img_cont_wrapper li:last-child {
	float: right;
	color: #37a4dd;
}

.hs_astro_img_bottom_cont {
	float: left;
	width: 100%;
	background: #ffffff;
	border: 1px dashed #cecece;
	padding-top: 15px;
	padding-bottom: 15px;
}

.hs_astro_img_bottom_cont li {
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}

.hs_astro_img_bottom_cont li:first-child:after {
	content: '';
	border: 1px dashed #cecece;
	height: 45px;
	position: absolute;
	right: -7px;
	top: -10px;
}

.hs_astro_img_bottom_cont li a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_astro_img_bottom_cont li a:hover {
	color: #00a651;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs astrology team wrapper End --*/
/**************-------------------- ABOUT CSS END --------------*******************/
/**************-------------------- KUNDLI DOSH CSS START --------------*******************/
/*-- hs sidebar Start --*/
.hs_kd_sidebar_main_wrapper {
	float: left;
	width: 100%;
}

.hs_num_sidebar_main_wrapper {
	padding-bottom: 100px;
}

.hs_kd_left_sidebar_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 100px;
}

.hs_kd_first_sec_wrapper {
	float: left;
	width: 100%;
}

.hs_kd_first_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_kd_first_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_kd_first_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_kd_first_sec_wrapper p {
	padding-top: 30px;
}

.hs_kd_second_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_kd_second_list_sec_wrapper,
.hs_kd_second_img_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 35px;
}

.hs_kd_second_list_sec_wrapper li {
	margin-top: 10px;
}

.hs_kd_second_list_sec_wrapper li:first-child {
	margin-top: 0;
}

.hs_kd_second_list_sec_wrapper li i {
	color: #ff7e00;
	font-size: 12px;
}

.hs_kd_third_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_kd_third_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_kd_third_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_kd_third_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_kd_third_sec_wrapper p {
	padding-top: 30px;
}

.hs_jk_box_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_jk_img_wrapper {
	float: left;
	width: 100%;
}

.hs_jk_img_wrapper img {
	width: 100%;
}

.hs_jk_img_cont_wrapper {
	float: left;
	width: 100%;
	padding-top: 25px;
}

.hs_jk_img_cont_wrapper h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.hs_jk_img_cont_wrapper h3 {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 15px;
	padding-bottom: 15px;
}

.hs_jk_img_cont_wrapper h5 a {
	font-size: 16px;
	color: #37a4dd;
	padding-top: 20px;
	float: left;
}

.hs_jk_img_cont_wrapper h5 a i {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_jk_img_cont_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_four_heading_sec_wrapper {
	float: left;
	width: 100%;
	padding-top: 60px;
}

.hs_kd_four_heading_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_kd_four_heading_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_kd_four_heading_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_kd_four_img_wrapper {
	float: left;
	width: 100%;
	margin-top: 35px;
}

.hs_kd_four_img_wrapper img {
	width: 100%;
}

.hs_kd_four_img_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 35px;
}

.hs_kd_four_img_cont_wrapper h2 {
	font-size: 20px;
	color: #000000;
	padding-bottom: 30px;
}

.hs_kd_four_img_cont_bottom_wrapper {
	float: left;
	width: 100%;
	margin-top: 35px;
}

.hs_kd_five_heading_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_kd_five_heading_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_kd_five_heading_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_kd_five_heading_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_kd_five_box_sec_wrapper {
	margin-top: 30px;
}

.hs_kd_six_sec_input_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_kd_six_sec_input_wrapper input {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	padding-left: 20px;
	padding-right: 20px;
}

.hs_kd_six_sec_input_wrapper textarea {
	width: 100%;
	border: 1px solid #e7e7e7;
	padding: 20px;
}

.hs_kd_six_sec_btn {
	float: left;
	width: 100px;
	margin-top: 50px;
}

.hs_kd_six_sec_btn li a {
	float: left;
	width: 190px;
	height: 50px;
	background: #ff880e;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_six_sec_btn li a:hover {
	background: transparent;
	border: 1px solid #ff880e;
	color: #ff880e;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs sidebar End --*/
/*-- hs sidebar right Start --*/
.hs_kd_right_sidebar_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 100px;
}

.hs_kd_right_first_sec_wrapper {
	float: left;
	width: 100%;
}

.hs_kd_right_first_sec_heading {
	float: left;
	width: 100%;
	background: #ff7e00;
	padding: 15px;
}

.hs_kd_right_first_sec_heading h2 {
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
}

.hs_kd_right_first_sec_img_heading {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_kd_right_first_sec_img_heading img {
	width: 100%;
}

.hs_kd_right_first_sec_img_price_heading {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.hs_kd_right_first_sec_img_price_heading li:first-child {
	float: left;
	color: #ff7e00;
}

.hs_kd_right_first_sec_img_price_heading li:last-child {
	float: right;
}

.hs_kd_right_first_sec_wrapper2 {
	margin-top: 60px;
}

.hs_kd_right_second_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_kd_right_second_img_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.hs_kd_right_second_img_wrapper img {
	width: 100%;
}

.hs_kd_right_second_img_cont_wrapper {
	float: left;
	width: 100%;
	background: #f7282b;
	text-align: center;
	padding: 40px;
	-webkit-border-top-left-radius: 100%;
	-moz-border-top-left-radius: 100%;
	border-top-left-radius: 20%;
	-webkit-border-top-right-radius: 100%;
	-moz-border-top-right-radius: 100%;
	border-top-right-radius: 20%;
	position: relative;
	margin-top: -39px;
}

.hs_kd_right_second_img_cont_wrapper p {
	color: #ffffff;
}

.hs_kd_right_second_img_cont_wrapper h3 {
	font-size: 22px;
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 30px;
}

.hs_kd_right_second_img_cont_wrapper li a {
	float: left;
	width: 100%;
	height: 40px;
	background: #fff200;
	color: #000000;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_right_second_img_cont_wrapper li a:hover {
	background: transparent;
	border: 1px solid #fff200;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_right_accordi_sec_wrapper {
	float: left;
	width: 100%;
}

.hs_kd_right_accordi_sec_wrapper .lv_faq_wrapper .panel-title {
	position: relative;
}

.hs_kd_right_accordi_sec_wrapper .lv_faq_wrapper .panel-title:after {
	content: "";
	position: absolute;
	border-left: 1px solid #ffffff73;
	top: 0;
	bottom: 0;
	left: 90px;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel-group {
	margin-bottom: 0;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel-default {
	border: 0;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel {
	background-color: rgba(255, 255, 255, 0.058823529411764705);
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a {
	display: block;
	background: #222222;
	padding: 15px 20px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #cecece;
	border-left: 0;
	border-right: 0;
	text-decoration: none;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a.collapsed {
	color: #000000;
	background-color: transparent;
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: bold;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel-default>.panel-heading {
	border-radius: 0px;
	padding: 0px;
	background: transparent;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
	padding-top: 0;
	padding: 10px 20px 15px 20px;
	background: transparent;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a:before,
.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a.collapsed:before {
	font-family: 'FontAwesome';
	font-size: 16px;
	float: left;
	margin-right: 60px;
	margin-left: 20px;
	display: block;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a:after,
.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a.collapsed:after {
	font-family: 'FontAwesome';
	font-size: 25px;
	float: right;
	width: 50px;
	height: 25px;
	line-height: 24px;
	text-align: center;
	display: block;
	border-radius: 50%;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a:after {
	content: "\2212";
	background: transparent;
	border-radius: 2px;
	width: 15px;
	height: 15px;
	color: #ffffff;
	line-height: 15px;
	background: #ff7e00;
	font-size: 14px;
}

.hs_kd_right_accordi_sec_wrapper .accordionFifteen .panel .panel-heading a.collapsed:after {
	content: "\2b";
	background: transparent;
	border-radius: 4px;
	width: 15px;
	height: 15px;
	color: #ffffff;
	line-height: 15px;
	background: #ff7e00;
	font-size: 14px;
}

/*-- hs sidebar right End --*/
/*-- hs kundali services Start --*/
.hs_kd_special_service_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 100px;
}

.hs_kd_srrvice_main_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_kd_service_heading_wrapper {
	float: left;
	width: 100%;
	display: inline-block;
}

.hs_kd_service_heading_wrapper h2 {
	font-size: 40px;
	font-weight: 100;
	color: #000000;
	text-transform: uppercase;
}

.hs_kd_service_heading_wrapper h2 span {
	font-weight: bold;
}

.hs_kd_service_heading_wrapper h4,
.hs_kd_service_heading_wrapper p {
	padding-top: 10px;
}

.hs_kd_service_heading_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
}

.hs_kd_service_heading_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_kd_service_heading_wrapper h4 span:before {
	content: '';
	border: 1px solid #d8d8d8;
	width: 20px;
	position: absolute;
	right: 15px;
	top: 3px;
}

.hs_kd_service_main_box_wrapper {
	float: left;
	width: 100%;
	margin-top: 120px;
}

.hs_kd_service_inner_box_wrapper {
	float: left;
	width: 100%;
	border: 1px dashed #cccccc;
	padding: 30px;
	text-align: center;
	padding-top: 0;
	position: relative;
}

.hs_kd_ser_img_wrapper {
	display: inline-block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px dashed #cccccc;
	padding: 10px;
	background: #ffffff;
	position: relative;
	margin-top: -50px;
	top: -13px;
}

.hs_kd_ser_img_wrapper img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.hs_kd_ser_img_cont_wrapper {
	float: left;
	width: 100%;
}

.hs_kd_ser_img_cont_wrapper h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 25px;
}

.hs_kd_ser_img_cont_wrapper h5 a {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 20px;
	display: inline-block;
}

.hs_kd_ser_img_cont_wrapper h5 a i {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_ser_img_cont_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- hs kundali services End --*/
/*-- hs kundali earth services Start --*/
.hs_kd_earth_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_kd_earth_img1_wrapper {
	background: url('../images/content/kundali/e1.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	padding: 60px;
	text-align: center;
}

.hs_kd_earth_img2_wrapper {
	background: url('../images/content/kundali/e2.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	padding: 60px;
	text-align: center;
}

.hs_kd_earth_img_overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	right: 0%;
	left: 0%;
	background: rgba(0, 0, 0, 0.7);
}

.hs_kd_earth_img1_wrapper h2,
.hs_kd_earth_img2_wrapper h2 {
	font-size: 38px;
	color: #ffffff;
	position: relative;
}

/*-- hs kundali earth services End --*/
/**************-------------------- KUNDLI DOSH CSS END --------------*******************/
/**************-------------------- NUMEROLOGY CSS START --------------*******************/
.hs_num_first_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_num_first_sec_wrapper p {
	padding-top: 20px;
}

.hs_num_second_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_num_second_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_num_second_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_num_second_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_num_input_wrapper {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.hs_num_input_wrapper input {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
}

.hs_num_first_sec_wrapper img {
	width: 100%;
}

.hs_num_input_btn_wrapper {
	float: left;
	width: 100%;
	margin-top: 58px;
}

.hs_num_input_btn_wrapper li a {
	float: left;
	width: 100%;
	height: 50px;
	background: #ff7e00;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_num_input_btn_wrapper li a:hover {
	background: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_num_third_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_num_third_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_num_third_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_num_third_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_num_third_sec_wrapper p {
	padding-top: 20px;
}

.hs_number_box_main_wrapper {
	float: left;
	padding: 20px;
	border: 1px dashed #b7b7b7;
	margin-top: 30px;
}

.hs_number_box_wrapper {
	float: left;
	width: 90px;
	text-align: center;
	height: 90px;
	border: 1px dashed #b7b7b7;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_number_box_main_wrapper:hover .hs_number_box_wrapper {
	background: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_number_box_wrapper h2 {
	line-height: 90px;
	font-size: 52px;
	font-weight: bold;
}

.hs_number_box_wrapper h2 a {
	float: left;
	width: 100%;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_number_box_main_wrapper:hover .hs_number_box_wrapper h2 a {
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_number_box_main_wrapper2 {
	margin-left: 30px;
}

.hs_number_box_main_wrapper6 {
	margin-left: 0;
}

.hs_num_four_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_num_four_sec_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_num_four_sec_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_num_four_sec_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_num_cal_cont_1_wrapper {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.hs_num_cal_cont_1_wrapper h2 {
	font-size: 20px;
	color: #ff7e00;
	font-weight: bold;
}

.hs_num_cal_cont_1_wrapper p {
	padding-top: 10px;
}

.hs_num_cal_cont_1_wrapper h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
}

.hs_num_cal_cont_1_wrapper ul {
	padding-top: 10px;
}

.hs_num_cal_cont_1_wrapper li {
	padding-top: 5px;
}

.hs_num_cal_cont_1_wrapper li:first-child {
	padding-top: 0;
}

.hs_num_cal_cont_2_wrapper {
	float: left;
	width: 100%;
}

.hs_num_cal_cont_2_wrapper h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
}

.hs_num_cal_cont_2_wrapper ul {
	padding-top: 10px;
}

.hs_num_cal_cont_2_wrapper li {
	padding-top: 5px;
}

.hs_num_cal_cont_2_wrapper li:first-child {
	padding-top: 0;
}

.hs_num_cal_cont_1_wrapper h5 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-top: 30px;
}

/**************-------------------- NUMEROLOGY CSS END --------------*******************/
/**************-------------------- TAROT CSS START --------------*******************/
.ceckout_btn {
	float: left;
	width: 100%;
}

.hs_trt_img_wrapper {
	float: left;
	width: 100%;
}

.cc_cart_wrapper1:last-child {
	border-bottom: 0;
}

.hs_trt_img_wrapper img {
	width: 100%;
}

.hs_trt_second_cont {
	padding-top: 30px;
}

.hs_trt_third_cont {
	margin-top: 60px;
}

.hs_trt_cards_main_wrapper ul {
	margin-top: 20px;
}

.hs_card_hover:hover .hs_trt_card1 {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.hs_card_hover:hover .hs_trt_card1 img:first-child {
	opacity: 0;
}

.hs_card_hover:hover .hs_trt_card1 img:last-child {
	opacity: 1;
}

.hs_trt_card1 {
	overflow: hidden;
	float: left;
	height: 180px;
	width: 130px;
	position: relative;
	margin: auto;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.hs_trt_card1 img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.hs_trt_card1 img:first-child {
	z-index: 1;
}

.hs_trt_card1 img:last-child {
	z-index: 0;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	opacity: 0;
}

.hs_trt_card_bottom_wrapper {
	float: left;
	width: 100%;
}

.hs_trt_card_bottom_box_wrapper img {
	width: 100%;
}

.hs_trt_card_bottom_box_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_trt_card_bottom_box_wrapper h2 {
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}

.hs_trt_card_bottom_box_wrapper h2 a {
	font-weight: bold;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_trt_card_bottom_box_wrapper h2 a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/**************-------------------- TAROT CSS END --------------*******************/
/**************-------------------- CRYSTAL CSS START --------------*******************/
.hs_cry_first_sec_wrapper {
	float: left;
	width: 100%;
	padding-top: 40px;
}

.hs_cry_first_sec_wrapper h2 {
	font-size: 20px;
	color: #ff7e00;
}

.hs_cry_first_sec_wrapper ul {
	margin-top: 20px;
}

.hs_cry_first_sec_wrapper li {
	color: #000000;
	margin-top: 5px;
}

.hs_cry_first_sec_wrapper li:first-child {
	margin-top: 0;
}

.hs_cry_first_sec_wrapper li i {
	font-size: 12px;
	color: #ff7e00;
}

.hs_cry_first_sec_wrapper p {
	padding-top: 30px;
}

.hs_cry_second_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_cry_scop_img_wrapper {
	float: left;
	width: 100%;
	background: #f9f9f9;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #e7e7e7;
	text-align: center;
}

.hs_cry_scop_img_wrapper:hover .hs_cry_boll_wrapper img:first-child {
	opacity: 0;
}

.hs_cry_scop_img_wrapper:hover .hs_cry_boll_wrapper img:last-child {
	opacity: 1;
}

.hs_cry_boll_wrapper {
	overflow: hidden;
	height: 247px;
	width: 247px;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_cry_boll_wrapper img {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_cry_boll_wrapper img:first-child {
	z-index: 1;
}

.hs_cry_boll_wrapper img:last-child {
	z-index: 0;
	opacity: 0;
}

.hs_cry_scop_img_cont_wrapper {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.hs_cry_scop_img_cont_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_cry_scop_img_cont_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_cry_scop_img_cont_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_cry_scop_img_cont_wrapper P {
	padding-top: 20px;
}

.hs_cry_scop_img_cont_wrapper input {
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e7e7e7;
	margin-top: 30px;
}

.hs_cry_scop_img_cont_wrapper ul {
	margin-top: 30px;
}

.hs_cry_scop_img_cont_wrapper li a {
	float: left;
	width: 265px;
	height: 50px;
	background: #ff7e00;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_cry_scop_img_cont_wrapper li a:hover {
	background: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_cry_last_sec_wrapper {
	margin-top: 60px;
}

/**************-------------------- CRYSTAL CSS END --------------*******************/
/**************-------------------- PALM CSS START --------------*******************/
.hs_pr_tabs_menu_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_pr_tabs_menu_wrapper .nav {
	display: inline-block;
	border: 1px dashed #b7b7b7;
}

.hs_pr_tabs_menu_wrapper .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background: #ff7e00;
}

.hs_pr_tabs_menu_wrapper .nav-pills>li+li {
	margin-left: 0;
}

.hs_pr_tabs_menu_wrapper .nav-pills>li>a {
	border-radius: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_pr_tabs_menu_wrapper .nav>li>a:hover,
.nav>li>a:focus {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_pr_tabs_menu_wrapper .nav-pills>li {
	border-right: 1px dashed #b7b7b7;
}

.hs_pr_tabs_menu_wrapper .nav-pills>li:last-child {
	border-right: 0;
}

.hs_pr_tabs_menu_cont_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_pr_tabs_cont1_wrapper {
	float: left;
	width: 100%;
}

.hs_pr_tabs_cont1_wrapper h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

.hs_pr_tabs_cont1_wrapper p {
	margin-top: 30px;
}

.hs_pr_tabs_img_wrapper,
.hs_pr_tabs_img_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_pr_tabs_img_wrapper img {
	width: 100%;
}

.hs_pr_second_cont_wrapper {
	float: left;
	width: 100%;
	padding-top: 40px;
}

.hs_pr_second_cont_wrapper h2 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}

.hs_pr_second_cont_wrapper li {
	margin-top: 30px;
	display: table;
}

.hs_pr_icon_wrapper {
	float: left;
	width: 10px;
	font-size: 14px;
	color: #ff7e00;
}

.hs_pr_icon_cont_wrapper {
	float: left;
	width: calc(100% - 10px);
	padding-left: 15px;
}

.hs_pr_video_sec_wrapper {
	padding-top: 60px;
}

.hs_pr_video_sec_wrapper p {
	padding-top: 30px;
}

.hs_pr_video_player_wrapper {
	background: url('../images/content/kundali/pr_video_img.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 60px;
	text-align: center;
}

.hs_pr_player_img_overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.pr_play_icon {
	position: relative;
}

/**************-------------------- PALM CSS END --------------*******************/
/**************-------------------- ARIES CSS START --------------*******************/
.hs_ar_tabs_wrapper {
	float: left;
	width: 100%;
}

.hs_ar_tabs_wrapper ul {
	border: 1px dashed #cecece;
	display: inline-block;
	margin-top: 30px;
}

.hs_ar_tabs_wrapper li {
	float: left;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li:hover {
	background: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li a {
	float: left;
	padding: 10px 20px;
	border-right: 1px dashed #cecece;
	color: #000000;
	background: transparent;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li a:hover {
	color: #ffffff;
	background: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li:last-child a {
	border-right: 0;
}

.hs_ar_tabs_heading_wrapper li:first-child a {
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.hs_ar_tabs_wrapper li:nth-child(3) a,
.hs_ar_tabs_wrapper li:last-child a {
	padding: 0;
}

.hs_ar_tabs_wrapper li:nth-child(3) select {
	width: 165px;
	height: 42px;
	border: 0;
	color: #000000;
	border-right: 1px dashed #cecece;
	background: transparent;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0;
}

.hs_ar_tabs_wrapper li:nth-child(3):hover select {
	background: transparent;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li:last-child select {
	width: 120px;
	height: 42px;
	border: 0;
	color: #000000;
	background: transparent;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0;
}

.hs_ar_tabs_wrapper li:last-child:hover select {
	background: transparent;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_tabs_wrapper li select option {
	color: #000000;
}

.hs_ar_first_sec_img_wrapper,
.hs_ar_first_sec_img_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_ar_first_sec_img_wrapper img {
	width: 100%;
}

.hs_ar_second_sec_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_ar_second_sec_cont_list_wrapper li:first-child {
	margin-top: 0;
}

.hs_ar_icon_cont_wrapper span {
	color: #000000;
	font-weight: bold;
}

.hs_ar_second_sec_cont_list_wrapper li {
	display: table;
	margin-top: 10px;
}

.hs_ar_third_sec_heading_wrapper {
	margin-top: 60px;
}

.hs_ar_third_sec_title_img {
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.hs_ar_third_sec_title_img img {
	width: 100%;
}

.hs_ar_third_sec_title_img ul {
	display: inline-block;
	margin-top: 30px;
}

.hs_ar_third_sec_title_img li a {
	float: left;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px dashed #cecece;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_ar_third_sec_title_img li a:hover {
	background: #ff7e00;
	border: 1px dashed #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_four_sec_wrapper {
	background: url('../images/content/kundali/rs_slider_img.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 60px;
}

.hs_rs_four_sec_img_overlay_wrapper {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.hs_rs_four_slider_wrapper {
	float: left;
	width: 100%;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-dots {
	display: none;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-nav {
	position: absolute;
	margin: 0px auto;
	left: 0;
	top: 35%;
	right: 0;
	z-index: 1000;
	display: block;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-prev {
	margin: 0;
	padding: 0;
	left: 20px;
	top: 0;
	color: #ffffff;
	width: 40px;
	height: 40px;
	line-height: 45px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px dashed #ffffff;
	background: transparent;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-prev i:before,
.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-next i:before {
	font-size: 24px;
	margin-left: 0;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-next {
	font-size: 26px;
	margin: 0;
	padding: 0;
	right: 20px;
	top: 0;
	position: absolute;
	color: #ffffff;
	padding-left: 4px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px dashed #ffffff;
	background: transparent;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-prev:hover,
.hs_rs_four_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
	background: #ffffff;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_slider_inner_cont_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_rs_slider_inner_cont_wrapper h2 {
	font-size: 22px;
	color: #ffffff;
}

.hs_rs_slider_inner_cont_wrapper ul {
	display: inline-block;
	margin-top: 25px;
}

.hs_rs_slider_inner_cont_wrapper li a {
	float: left;
	width: 150px;
	height: 50px;
	background: #ff7e00;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_slider_inner_cont_wrapper li a:hover {
	background: transparent;
	border: 1px solid #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_main_wrapper {
	float: left;
	width: 100%;
	padding: 20px;
	border: 1px dashed #cecece;
	margin-top: 30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_main_wrapper:hover {
	border: 1px dashed #ff7e00;
	background: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_wrapper {
	float: left;
	width: 110px;
}

.hs_rs_comment_img_cont_wrapper {
	float: left;
	width: calc(100% - 110px);
	padding-left: 20px;
}

.hs_rs_comment_img_cont_wrapper h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper p {
	padding-top: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper h5 a {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 10px;
	float: left;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper h5 a i {
	position: relative;
	top: 2px;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper h2,
.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper p,
.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper h5 a,
.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper h5 a i {
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/**************-------------------- ARIES CSS END --------------*******************/
/**************-------------------- CHINESE CSS START --------------*******************/
.hs_chinese_main_wrapper {
	background: url('../images/content/kundali/chinese_bg.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_cn_icon_wrapper {
	float: left;
	width: 100%;
}

.hs_cn_tabs_wrapper {
	margin-top: 30px;
}

.hs_cn_first_sec_wrapper {
	margin-top: 60px;
}

.hs_cn_second_sec_wrapper {
	float: left;
	width: 100%;
}

.hs_cn_second_sec_wrapper h2 {
	font-size: 20px;
	font-weight: bold;
	color: #ff7e00;
	padding-top: 40px;
}

.hs_cn_birth_btn_wrapper li a {
	width: 200px;
}

.hs_cn_birth_btn_wrapper {
	margin-top: 30px;
}

.hs_cn_third_sec_wrapper span {
	font-size: 20px;
}

/**************-------------------- CHINESE CSS END --------------*******************/
/**************------- BLOG CATEGORIES CSS START ---------*******************/
.hs_blog_categories_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_blog_left_sidebar_main_wrapper,
.hs_blog_right_sidebar_main_wrapper {
	float: left;
	width: 100%;
}

.hs_blog_box1_main_wrapper {
	float: left;
	width: 100%;
}

.hs_blog_box1_img_wrapper img {
	width: 100%;
}

.hs_blog_box1_img_wrapper {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.hs_blog_box1_img_wrapper iframe {
	width: 100%;
	height: 350px;
	border: 0;
}

.hs_blog_Indx_date_wrapper {
	float: left;
	width: 70px;
	height: 80px;
	background: #37a4dd;
	text-align: center;
	position: absolute;
	right: 50px;
	bottom: -85px;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_main_wrapper:hover .hs_blog_Indx_date_wrapper {
	bottom: 0;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_Indx_date_wrapper ul {
	padding-top: 18px;
}

.hs_blog_Indx_date_wrapper li:first-child {
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
}

.hs_blog_Indx_date_wrapper li:last-child {
	font-size: 22px;
	color: #ffffff;
}

.hs_blog_box1_cont_main_wrapper {
	float: left;
	width: 100%;
	border: 1px dashed #acacac;
	padding: 35px;
}

.hs_blog_cont_heading_wrapper h2 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_blog_cont_heading_wrapper h4 span {
	width: 8px;
	height: 8px;
	background: #ff7e00;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.hs_blog_cont_heading_wrapper h4 span:after {
	content: '';
	border: 1px solid #d8d8d8;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 3px;
}

.hs_blog_cont_heading_wrapper p {
	padding-top: 20px;
}

.hs_blog_cont_heading_wrapper h5 a {
	font-size: 16px;
	color: #37a4dd;
	padding-top: 20px;
	display: inline-block;
}

.hs_blog_cont_heading_wrapper h5 a i {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_cont_heading_wrapper h5 a:hover i {
	padding-left: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_bottom_cont_main_wrapper {
	float: left;
	width: 100%;
	border: 1px dashed #acacac;
	border-top: 0;
}

.hs_blog_box1_bottom_cont_left {
	float: left;
	width: 70%;
	padding-left: 35px;
}

.hs_blog_box1_bottom_cont_right {
	float: left;
	width: 30%;
	padding-right: 35px;
}

.hs_blog_box1_bottom_cont_left li {
	float: left;
	margin-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}

.hs_blog_box1_bottom_cont_left li:after {
	content: '';
	border: 1px solid rgba(0, 0, 0, 0.15);
	height: 15px;
	position: absolute;
	right: -15px;
	top: 19px;
}

.hs_blog_box1_bottom_cont_left li a,
.hs_blog_box1_bottom_cont_right li a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_bottom_cont_left li a:hover,
.hs_blog_box1_bottom_cont_right li a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_bottom_cont_left li:last-child:after {
	display: none;
}

.hs_blog_box1_bottom_cont_right ul {
	float: right;
}

.hs_blog_box1_bottom_cont_right li {
	float: left;
	margin-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.hs_blog_box2_main_wrapper {
	margin-top: 60px;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-dots {
	display: none;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-nav {
	position: absolute;
	margin: 0px auto;
	left: 0;
	top: 45%;
	right: 0;
	z-index: 1000;
	display: block;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-prev {
	margin: 0;
	padding: 0;
	left: 20px;
	top: 0;
	color: #ffffff;
	width: 40px;
	height: 40px;
	line-height: 45px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #222222;
	background: #222222;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-prev i:before,
.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-next i:before {
	font-size: 24px;
	margin-left: 0;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-next {
	font-size: 26px;
	margin: 0;
	padding: 0;
	right: 20px;
	top: 0;
	position: absolute;
	color: #ffffff;
	padding-left: 4px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #222222;
	background: #222222;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-prev:hover,
.hs_blog_box1_img_wrapper .owl-theme .owl-nav .owl-next:hover {
	background: #ff7e00;
	border: 1px solid #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_box3_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
	padding: 35px;
	border: 5px solid rgba(0, 0, 0, 0.14);
	border-right: 5px solid #ff7e00;
}

.hs_blog_box3_left_cont_wrapper {
	float: left;
	width: 60%;
	padding-top: 20px;
}

.hs_blog_box3_right_cont_wrapper {
	float: left;
	width: 40%;
}

.hs_blog_quote {
	float: left;
	width: 20px;
	font-size: 20px;
	padding-top: 4px;
	color: #ff7e00;
}

.hs_blog_quote_cont {
	float: left;
	width: calc(100% - 20px);
	padding-left: 20px;
}

.hs_blog_box3_client_main_wrapper {
	margin-top: 0;
}

/*------ blog right sidebar start ---------*/
.hs_blog_right_search_wrapper {
	float: left;
	width: 100%;
}

.hs_blog_right_search_wrapper input {
	float: left;
	width: calc(100% - 50px);
	height: 50px;
	padding-left: 20px;
	border: 1px dashed #cccccc;
	border-right: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_search_wrapper input:hover,
.hs_blog_right_search_wrapper input:focus {
	border: 1px dashed #ff7e00;
	border-right: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_search_wrapper button {
	float: left;
	width: 50px;
	height: 50px;
	border: 0;
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_search_wrapper button:hover {
	background: #37a4dd;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_cate_list_heading_wrapper {
	float: left;
	width: 100%;
	background: #ff7e00;
	padding: 15px;
	margin-top: 60px;
}

.hs_blog_right_cate_list_heading_wrapper h2 {
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
}

.hs_blog_right_cate_list_cont_wrapper {
	float: left;
	width: 100%;
}

.hs_blog_right_cate_list_cont_wrapper ul {
	border: 1px dashed #cccccc;
}

.hs_blog_right_cate_list_cont_wrapper li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px dashed #cccccc;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_cate_list_cont_wrapper li:last-child a {
	border-bottom: 0;
}

.hs_blog_right_cate_list_cont_wrapper li a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_blog_right_recnt_cont_wrapper {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.hs_footer_ln_img_wrapper {
	float: left;
	width: 100px;
}

.hs_footer_ln_cont_wrapper {
	float: left;
	width: calc(100% - 100px);
	padding-left: 20px;
	padding-top: 10px;
}

.hs_footer_ln_cont_wrapper h4 {
	font-size: 16px;
	color: #000000;
	line-height: 22px;
}

.hs_footer_ln_cont_wrapper p {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 7px;
}

.hs_blog_right_insta_img_wrapper {
	float: left;
	width: 100%;
}

.hs_blog_right_insta_img_wrapper li {
	float: left;
	margin-right: 3px;
	margin-top: 3px;
}

.hs_blog_right_insta_img_wrapper ul {
	margin-top: 20px;
}

.pager_wrapper {
	margin-top: 80px;
	text-align: center;
}

.pagination {
	display: inline-block;
	margin: 0;
}

.pagination>li>a {
	color: #000000;
	font-weight: bold;
	background: #ffffff;
	border: 1px dashed #acacac;
	font-size: 16px;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	width: 50px;
	height: 50px;
	line-height: 36px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-right: 20px;
	z-index: 10;
}

.pagination>li:first-child>a {
	width: 50px;
	height: 50px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
	color: #000000;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #ffffff;
	margin-right: 30px;
	background: #222222;
	color: #ffffff;
	z-index: 10;
}

.pagination>li:last-child>a {
	width: 50px;
	height: 50px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #ffffff;
	margin-left: 10px;
	padding-right: 8px;
	background: #222222;
	color: #ffffff;
	z-index: 10;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	border: 1px dashed #ff880e;
	background-color: #ff880e;
	border-color: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.pagination i:before {
	margin-left: 0;
}

.hs_blog_single_box3_main_wrapper,
.hs_blog_single_first_cont_wrapper {
	margin-top: 40px;
}

.hs_blog_single_second_main_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_blog_single_second_client_img_wrapper {
	float: left;
	width: 30%;
	background: #f9f9f9;
	padding: 35px 0 35px 35px;
	position: relative;
}

.hs_blog_single_second_client_img_wrapper:after {
	content: '';
	width: 100px;
	height: 157px;
	background: #f9f9f9;
	position: absolute;
	right: -42px;
	top: 0;
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
	z-index: 1;
}

.hs_testi_client_blog_single_main_right_wrapper {
	margin-top: 0;
	position: relative;
	z-index: 10;
}

.hs_blog_single_second_client_img_cont_wrapper {
	float: left;
	width: 70%;
	padding: 35px;
	padding-left: 100px;
	background: #ff7e00;
}

.hs_blog_single_second_client_img_cont_wrapper h2 {
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}

.hs_blog_single_second_client_img_cont_wrapper p {
	padding-top: 15px;
	color: #ffffff;
}

.hs_rs_comment_img_cont_wrapper span {
	font-size: 14px;
	color: #797979;
	padding-left: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper h2 a {
	font-size: 14px;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper span,
.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper h2 a {
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_rs_blog_single_comment_img_cont_wrapper {
	padding-top: 20px;
}

/**************------ BLOG CATEGORIES CSS END -------*******************/
/**************------ CONTACT CSS START -------*******************/
.hs_contact_tittle_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_contact_title_box_wrapper {
	float: left;
	width: 100%;
	border: 1px dashed #acacac;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 40px;
	text-align: center;
}

.hs_contact_indx_icon_wrapper {
	line-height: 110px;
}

.hs_contact_title_box_wrapper p {
	margin-top: 10px;
}

.hs_contact_title_box_wrapper p a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_contact_title_box_wrapper p a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_contact_map_main_wrapper {
	float: left;
	width: 100%;
}

.hs_contact_indx_form_main_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.hs_contact_indx_form_btn {
	float: left;
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

.hs_contact_indx_form_btn ul {
	display: inline-block;
}

.hs_contact_indx_form_btn li a {
	float: left;
	width: 235px;
	height: 50px;
	background: #ff880e;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_contact_indx_form_btn li button {
	float: left;
	width: 235px;
	height: 50px;
	background: #ff880e;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_contact_indx_form_btn li button:hover {
	background: transparent;
	border: 1px solid #ff880e;
	color: #ff880e;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/**************------ CONTACT CSS END -------*******************/
/**************------ VASTU SHASTRA CSS START -------*******************/
.hs_vs_left_side_first_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_vs_left_side_first_wrapper img {
	width: 100%;
}

.hs_blog_right_cate_list_heading_wrapper2 {
	margin-top: 0;
}

.hs_vs_first_sec_wrapper {
	float: left;
	width: 100%;
	padding: 30px;
	border: 1px dashed #cecece;
	margin-top: 30px;
}

.hs_vs_first_sec_wrapper h2 {
	font-size: 18px;
	color: #ff7e00;
	padding-bottom: 10px;
}

.hs_vs_second_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_vs_second_sec_wrapper img,
.hs_vs_four_sec_wrapper img {
	width: 100%;
}

.hs_vs_second_sec_wrapper p {
	padding-top: 20px;
	float: left;
	width: 100%;
}

.hs_vs_third_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_vs_four_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_vs_four_sec_wrapper p {
	padding-top: 60px;
}

.hs_vs_four_cont_list_wrapper p {
	color: #ff7e00;
}

.hs_vs_four_list_cont_pera {
	padding-top: 40px;
}

.hs_vs_five_cont_list_main_wrapper {
	padding-top: 25px;
}

/**************------ VASTU SHASTRA CSS END -------*******************/
/**************------ SHOP CSS START -------*******************/
.hs_shop_pp_border_top_line {
	border-top: 1px solid #e0e0e0;
}

.hs_shop_tabs_sec_wrapper .nav {
	display: inline-block;
	border: 1px dashed #b7b7b7;
}

.hs_shop_tabs_sec_wrapper .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background: #ff7e00;
}

.hs_shop_tabs_sec_wrapper .nav-pills>li+li {
	margin-left: 0;
}

.hs_shop_tabs_sec_wrapper .nav-pills>li>a {
	border-radius: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_tabs_sec_wrapper .nav>li>a:hover,
.nav>li>a:focus {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_tabs_sec_wrapper .nav-pills>li {
	border-right: 1px dashed #b7b7b7;
}

.hs_shop_tabs_sec_wrapper .nav-pills>li:last-child {
	border-right: 0;
}

.hs_shop_tabs_cont_sec_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_kd_first_sec_cont_wrapper {
	float: left;
	width: 100%;
	padding-top: 25px;
}

.hs_kd_first_sec_cont_wrapper ul {
	float: left;
}

.hs_kd_first_sec_cont_wrapper li {
	float: left;
	margin-right: 20px;
	color: #ff7e00;
}

.hs_kd_first_sec_cont_wrapper li a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_first_sec_cont_wrapper li a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_kd_first_sec_cont_wrapper p {
	float: right;
}

.hs_kd_first_sec_cont_wrapper p span {
	color: #ff7e00;
}

.hs_shop_prodt_main_box {
	float: left;
	width: 100%;
	margin-top: 35px;
	border: 1px dashed #cccccc;
}

.hs_shop_prodt_img_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.hs_shop_prodt_img_wrapper img {
	width: 100%;
}

.hs_shop_prodt_img_wrapper a {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0px auto;
	float: left;
	width: 150px;
	height: 40px;
	background: #ff880e;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.hs_shop_prodt_main_box:hover .hs_shop_prodt_img_wrapper a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

.hs_shop_prodt_img_wrapper a:hover {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_prodt_img_cont_wrapper {
	float: left;
	width: 100%;
	padding: 20px 30px;
}

.hs_shop_prodt_img_cont_wrapper h2 a {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_prodt_img_cont_wrapper h2 a:hover {
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_prodt_img_cont_wrapper h3 {
	font-size: 20px;
	color: #ff7e00;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hs_shop_prodt_img_cont_wrapper h3 span {
	font-size: 16px;
}

.hs_shop_prodt_img_cont_wrapper h3 del {
	color: #797979;
}

.hs_shop_prodt_img_cont_wrapper i {
	color: #ff7e00;
}

.hs_shop_prodt_img_cont_wrapper h4 {
	font-size: 16px;
	color: #ff7e00;
	padding-top: 10px;
}

.hs_shop_prodt_img_cont_wrapper h4 span {
	color: #797979;
}

.hs_shop_pp_main_wrapper {
	background: url('../images/content/shop/shop_bg.jpg') 50% 0 repeat-y;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
}

.hs_shop_pp_img_overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background: rgba(255, 255, 255, 0.88);
}

.hs_shop_pp_main_box_wrapper {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hs_shop_pp_img_main_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.hs_shop_pp_img_main_wrapper img {
	width: 100%;
}

.hs_shop_pp_img_main_wrapper a {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0px auto;
	float: left;
	width: 150px;
	height: 40px;
	background: #ff880e;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.hs_shop_pp_main_box_wrapper:hover .hs_shop_pp_img_main_wrapper a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

.hs_shop_pp_main_box_wrapper {
	border: 1px dashed #cccccc;
}

.hs_shop_pp_img_main_wrapper a:hover {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_pp_img_cont_main_wrapper {
	float: left;
	width: 100%;
	background: #fbfbfb;
	border-top: 1px dashed #cccccc;
}

.hs_shop_pp_img_cont_main_wrapper h2 a {
	font-size: 22px;
}

/**************------ SHOP CSS END -------*******************/
/**************------ SHOP SINGLE CSS START -------*******************/
.hs_shop_single_prod_slider_wrapper {
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.cc_ps_top_slider_section .owl-theme .owl-dots {
	display: none;
}

.cc_ps_top_slider_section .owl-theme .owl-nav {
	display: none;
}

.video_nav_img {
	float: left;
	width: 100%;
}

.cc_ps_top_slider_section {
	float: left;
	width: 100%;
}

.video_nav_img .cc_ps_tabs {
	margin-top: 28px;
}

.hs_shop_single_cart_wrapper {
	float: left;
	width: 100%;
}

.hs_shop_single_cart_wrapper h2 {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 10px;
}

.hs_shop_single_cart_wrapper i {
	color: #ff7e00;
}

.hs_shop_single_cart_wrapper h3 {
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hs_shop_single_cart_wrapper h3 span {
	font-size: 16px;
	color: #ff7e00;
	font-weight: 100;
}

.hs_shop_single_cart_wrapper h3 del {
	color: #797979;
	font-size: 26px;
}

.hs_shop_single_cart_icon_wrapper {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.hs_shop_single_cart_icon_left {
	float: left;
	width: 70px;
	height: 70px;
	border: 1px dashed #d6d6d6;
	line-height: 70px;
	text-align: center;
	color: #ff880e;
	font-size: 30px;
}

.hs_shop_single_cart_icon_cont_left {
	float: left;
	width: calc(100% - 70px);
	padding-left: 20px;
	padding-top: 25px;
}

.hs_shop_single_co_wrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_shop_single_co_wrapper button {
	width: 200px;
	height: 50px;
	float: left;
	background: #ffb400;
	border: 1px solid #ffb400;
	color: #ffffff;
	-webkit-border-top-right-radius: 50px;
	-moz-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-bottom-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.hs_shop_single_co_wrapper input {
	float: left;
	width: calc(100% - 200px);
	height: 50px;
	border: 1px solid #e7e7e7;
	border-right: 0;
	padding-left: 20px;
	padding-right: 10px;
}

.hs_shop_single_co_wrapper p {
	padding-top: 10px;
	float: left;
}

.btc_shop_prod_quanty_bar {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.cc_ps_quan_heading_wrapper {
	float: left;
}

.cc_ps_quantily_info input {
	width: 90px;
	height: 45px;
	border: 1px solid #eeeeee;
	outline: none;
	position: relative;
	margin-left: 34px;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

.cc_ps_quantily_info input:focus {
	border: none;
	box-shadow: none;
	border: 1px solid #eeeeee;
}

.increase {
	position: absolute;
	left: 139px;
	bottom: 0px;
	background: #f9f9f9;
	border: 1px solid #eeeeee;
	height: 45px;
	width: 40px;
	color: #d6d6d6;
	border-left: 0;
}

.decrease {
	position: absolute;
	left: 10px;
	bottom: 0px;
	background: #f9f9f9;
	border: 1px solid #eeeeee;
	height: 45px;
	width: 40px;
	color: #d6d6d6;
	border-right: 0;
}

.hs_shop_single_cart_btn {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.hs_shop_single_cart_btn li a {
	float: left;
	width: 180px;
	height: 50px;
	background: #ff7e00;
	border: 2px solid #ff7e00;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_shop_single_cart_btn li a:hover {
	background: transparent;
	border: 2px solid #e5e5e5;
	color: #000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_pp_bottom_btn_wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.hs_pp_bottom_btn ul {
	display: inline-block;
	margin-top: 60px;
}

.hs_pp_bottom_btn li a {
	float: left;
	width: 180px;
	height: 50px;
	background: #ff7e00;
	border: 2px solid #ff7e00;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.hs_pp_bottom_btn li a:hover {
	background: transparent;
	border: 2px solid #ff7e00;
	color: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*-- btc shop single tabs Wrapper Start --*/
.btc_shop_single_tabs_main_wrapper {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}

.btc_shop_single_tabs_wrapper .nav>li>a {
	width: 170px;
	height: 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid transparent;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.btc_shop_single_tabs_wrapper .nav>li>a:after {
	display: none;
}

.btc_shop_single_tabs_wrapper .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background: #ff7e00;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btc_shop_single_tabs_wrapper .nav>li>a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btc_shop_single_tabs_wrapper .nav>li>a:hover,
.nav>li>a:focus {
	background: #ff7e00;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btc_shop_single_tabs_content_main_wrapper .tab-content {
	margin: 0;
}

.btc_shop_single_tabs_content_main_wrapper {
	border: 1px solid #e5e5e5;
	border-top: 5px solid #ff880e;
	margin-top: -5px;
	padding: 45px;
	float: left;
	width: 100%;
}

.btc_shop_single_tabs_wrapper .nav-pills>li+li {
	margin-left: 0;
}

.btc_shop_single_tabs_img_wrapper {
	float: left;
	width: 260px;
}

.btc_shop_single_tabs_img_content_wrapper {
	float: left;
	width: calc(100% - 260px);
	padding-left: 40px;
}

.btc_shop_single_tabs_img_content_bottom_wrapper {
	float: left;
	width: 100%;
	padding-top: 40px;
}

.btc_shop_single_tabs_img_content_bottom_wrapper ul {
	margin-top: 35px;
}

.btc_shop_single_tabs_img_content_bottom_wrapper li {
	margin-top: 10px;
}

.btc_shop_single_tabs_img_content_bottom_wrapper li:first-child {
	margin-top: 0;
}

.btc_shop_single_tabs_img_content_bottom_wrapper li i {
	color: #ff880e;
	padding-right: 10px;
}

/*-- btc shop single tabs Wrapper End --*/
/**************------ SHOP SINGLE CSS END -------*******************/


.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.hs_footer_main_wrapper {
    overflow: hidden;
}


.whatsapp{
position: fixed; background: #10b418; width: 45px; height: 45px; line-height: 49px; border-radius: 50%; text-align: center; bottom: 40px; color: #fff; z-index: 999; left: 10px;
}
.whatsapp i{
font-size: 1.5rem;
}

.phone{
position: fixed; background: #1052b4; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; text-align: center; bottom: 120px; color: #fff; z-index: 999; left: 10px;
}
.phone i{
font-size: 1.5rem;
}



/* =========================
   About Breadcrumb
========================= */

.breadcrumb-section {
    position: relative;
    padding: 90px 20px;
    background: linear-gradient(135deg, #fff8ed 0%, #f8eee0 50%, #efe1ce 100%);
    overflow: hidden;
}

.breadcrumb-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(184, 134, 11, 0.08);
    top: -180px;
    right: -100px;
}

.breadcrumb-section::after {
    content: "✦";
    position: absolute;
    font-size: 160px;
    color: rgba(184, 134, 11, 0.07);
    right: 8%;
    bottom: -50px;
}

.breadcrumb-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.breadcrumb-label {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 18px;
    border: 1px solid rgba(184, 134, 11, 0.3);
    border-radius: 50px;
    color: #a06d08;
    background: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.breadcrumb-content h1 {
    margin: 0 0 18px;
    color: #2f241c;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.15;
    font-weight: 700;
}

.breadcrumb-content p {
    max-width: 700px;
    margin: 0 auto 28px;
    color: #66584c;
    font-size: 17px;
    line-height: 1.8;
}

.breadcrumb-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 15px;
}

.breadcrumb-nav a {
    color: #a06d08;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #6f4b05;
}

.breadcrumb-nav span:last-child {
    color: #76685c;
    font-weight: 500;
}

.breadcrumb-nav span:nth-child(2) {
    color: #b89a68;
}



.section-padding {
    padding: 100px 20px;
}

.about-intro .container,
.mission-section .container,
.belief-section .container,
.approach-section .container,
.about-services .container,
.products-info .container,
.about-cta .container {
    max-width: 1200px;
    margin: auto;
}


/* =========================
   ABOUT INTRO
========================= */

.about-intro {
    background: #fff;
}

.about-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.about-image {
    position: relative;
}

.image-frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 25px;
}

.image-frame img {
    width: 100%;
    height: 570px;
    display: block;
    object-fit: cover;
}

.about-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 18px;
    left: 18px;
    border: 1px solid #c89b45;
    border-radius: 25px;
}

.about-image-badge {
    position: absolute;
    left: -25px;
    bottom: 30px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

.about-image-badge span {
    color: #b47a0d;
    font-size: 25px;
}

.about-image-badge strong {
    display: block;
    color: #35291f;
}

.about-image-badge small {
    display: block;
    margin-top: 3px;
    color: #8a7969;
}

.about-content h2,
.belief-content h2,
.products-info h2 {
    color: #30241c;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
    margin: 0 0 25px;
}

.about-content h2 span,
.belief-content h2 span,
.products-info h2 span,
.section-heading h2 span {
    color: #ad7610;
}

.about-content p,
.belief-content p,
.products-info p {
    color: #665a50;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 18px;
}

.section-tag {
    display: inline-block;
    color: #a16c0a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 25px;
    margin-top: 15px;
    background: #a8730b;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s ease;
}

.about-btn:hover {
    background: #7d5407;
    transform: translateY(-2px);
}


/* =========================
   SECTION HEADING
========================= */

.section-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.section-heading h2 {
    color: #30241c;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
    margin: 0 0 18px;
}

.section-heading p {
    color: #6c6056;
    line-height: 1.8;
}


/* =========================
   MISSION
========================= */

.mission-section {
    background: #f8f1e7;
}

.mission-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.mission-card {
    padding: 40px 30px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    border: 1px solid rgba(173,118,16,.1);
    transition: .3s ease;
}

.mission-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

.mission-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #f8ead2;
    color: #a8730b;
    font-size: 27px;
}

.mission-card h3 {
    color: #30241c;
}

.mission-card p {
    color: #71645a;
    line-height: 1.7;
}


/* =========================
   BELIEF
========================= */

.belief-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.belief-points {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.belief-item {
    display: flex;
    gap: 20px;
    padding: 22px;
    background: #faf7f2;
    border-left: 3px solid #b27b14;
    border-radius: 15px;
}

.belief-item > span {
    color: #b27b14;
    font-size: 20px;
    font-weight: 700;
}

.belief-item h3 {
    margin: 0 0 7px;
    color: #33271e;
}

.belief-item p {
    margin: 0;
    color: #76685d;
    line-height: 1.6;
}


/* =========================
   APPROACH
========================= */

.approach-section {
    background: #f8f1e7;
}

.approach-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.approach-card {
    position: relative;
    padding: 40px 30px;
    background: #fff;
    border-radius: 20px;
}

.approach-number {
    color: rgba(173,118,16,.15);
    font-size: 45px;
    font-weight: 700;
}

.approach-card h3 {
    color: #33271e;
    font-size: 24px;
}

.approach-card p {
    color: #71645a;
    line-height: 1.7;
}


/* =========================
   SERVICES
========================= */

.about-services {
    background: #fff;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.service-box {
    padding: 30px 25px;
    border: 1px solid #eee2d1;
    border-radius: 18px;
    transition: .3s ease;
}

.service-box:hover {
    border-color: #c69a4d;
    transform: translateY(-5px);
}

.service-box h3 {
    color: #33271e;
}

.service-box p {
    color: #76685c;
    line-height: 1.7;
}


/* =========================
   PRODUCTS
========================= */

.products-info {
    background: #f8f1e7;
    text-align: center;
}

.products-info-content {
    max-width: 800px;
    margin: auto;
}


/* =========================
   CTA
========================= */

.about-cta {
    padding: 100px 20px;
    background:
        linear-gradient(rgba(45,32,22,.92), rgba(45,32,22,.92)),
        url("../images/about-cta.jpg") center/cover;
    text-align: center;
}

.cta-content {
    max-width: 800px;
    margin: auto;
}

.about-cta .section-tag {
    color: #d9b36a;
}

.about-cta h2 {
    color: #fff;
    font-size: clamp(34px, 5vw, 52px);
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-cta p {
    color: #ddd2c6;
    font-size: 17px;
    line-height: 1.8;
}

.cta-buttons {
    margin-top: 30px;
}

.cta-link {
    margin-left: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .about-intro-grid,
    .belief-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .mission-grid,
    .approach-grid {
        grid-template-columns: 1fr 1fr;
    }

    .services-grid {
        grid-template-columns: 1fr 1fr;
    }

    .image-frame img {
        height: 500px;
    }
}


@media (max-width: 767px) {

    .section-padding {
        padding: 70px 20px;
    }

    .mission-grid,
    .approach-grid,
    .services-grid {
        grid-template-columns: 1fr;
    }

    .about-image::before {
        top: 10px;
        left: 10px;
    }

    .about-image-badge {
        left: 15px;
        bottom: 20px;
    }

    .image-frame img {
        height: 420px;
    }

    .cta-link {
        display: block;
        margin: 20px 0 0;
    }
}




/* ==========================================
   CONTACT PAGE
   THE DIVINE MYSTERY
========================================== */


/* ==========================================
   BREADCRUMB
========================================== */

.contact-breadcrumb {
    position: relative;
    padding: 100px 20px 90px;
    background:
        linear-gradient(
            135deg,
            rgba(248, 239, 220, 0.97),
            rgba(255, 249, 235, 0.96)
        );
    overflow: hidden;
}

.contact-breadcrumb::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(170, 126, 55, 0.18);
    border-radius: 50%;
    right: -120px;
    top: -150px;
}

.contact-breadcrumb::after {
    content: "ॐ";
    position: absolute;
    right: 9%;
    top: 25px;
    font-size: 150px;
    font-weight: 400;
    color: rgba(166, 120, 47, 0.06);
}

.contact-breadcrumb-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.breadcrumb-label {
    display: inline-block;
    margin-bottom: 15px;
    color: #a27635;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.contact-breadcrumb h1 {
    margin: 0 0 20px;
    color: #2d2117;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.15;
}

.contact-breadcrumb p {
    max-width: 700px;
    margin: 0 auto 25px;
    color: #756554;
    font-size: 17px;
    line-height: 1.8;
}

.breadcrumb-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.breadcrumb-nav a {
    color: #a27635;
    text-decoration: none;
    transition: 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #2d2117;
}

.breadcrumb-nav span {
    color: #9a8874;
}


/* ==========================================
   GENERAL SECTION
========================================== */

.contact-main-section {
    padding: 100px 20px;
    background: #ffffff;
}

.contact-section-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.contact-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #a27635;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.contact-section-heading h2 {
    margin: 0 0 18px;
    color: #2d2117;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.25;
}

.contact-section-heading p {
    margin: 0;
    color: #756b61;
    font-size: 16px;
    line-height: 1.8;
}


/* ==========================================
   MAIN CONTACT GRID
========================================== */

.contact-main-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 35px;
    max-width: 1180px;
    margin: 0 auto;
}


/* ==========================================
   CONTACT INFO
========================================== */

.contact-info-box {
    position: relative;
    padding: 50px 42px;
    border-radius: 8px;
    background:
        linear-gradient(
            145deg,
            #33251a,
            #201711
        );
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(40, 28, 18, 0.12);
}

.contact-info-box::before {
    content: "ॐ";
    position: absolute;
    right: -20px;
    bottom: -35px;
    font-size: 230px;
    color: rgba(255, 255, 255, 0.025);
}

.contact-info-header {
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
}

.contact-small-title {
    display: block;
    margin-bottom: 12px;
    color: #d3a95f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.contact-info-header h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 500;
}

.contact-info-header p {
    margin: 0;
    color: #c7bbae;
    font-size: 15px;
    line-height: 1.8;
}


/* ==========================================
   CONTACT ITEMS
========================================== */

.contact-info-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.contact-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(211, 169, 95, 0.4);
    border-radius: 50%;
    color: #d3a95f;
    font-size: 17px;
}

.contact-info-item h4 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.contact-info-item p {
    margin: 0;
    color: #bfb1a3;
    font-size: 14px;
    line-height: 1.7;
}

.contact-info-item a {
    color: #bfb1a3;
    text-decoration: none;
    transition: 0.3s ease;
}

.contact-info-item a:hover {
    color: #d3a95f;
}


/* ==========================================
   SOCIAL LINKS
========================================== */

.contact-social {
    position: relative;
    z-index: 2;
    padding-top: 30px;
}

.contact-social h4 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 15px;
}

.contact-social-links {
    display: flex;
    gap: 10px;
}

.contact-social-links a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(211, 169, 95, 0.35);
    border-radius: 50%;
    color: #d3a95f;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-social-links a:hover {
    background: #d3a95f;
    color: #251a12;
    transform: translateY(-3px);
}


/* ==========================================
   CONTACT FORM
========================================== */

.contact-form-box {
    padding: 50px 45px;
    border: 1px solid #eee5d8;
    border-radius: 8px;
    background: #fffdf9;
    box-shadow: 0 15px 45px rgba(61, 43, 24, 0.07);
}

.contact-form-heading {
    margin-bottom: 30px;
}

.contact-form-heading > span {
    display: block;
    margin-bottom: 10px;
    color: #a27635;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.contact-form-heading h3 {
    margin: 0 0 10px;
    color: #2d2117;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 600;
}

.contact-form-heading p {
    margin: 0;
    color: #756b61;
    font-size: 14px;
    line-height: 1.7;
}


/* ==========================================
   FORM ROW
========================================== */

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    margin-bottom: 22px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #3c3025;
    font-size: 14px;
    font-weight: 600;
}

.form-group label span {
    color: #b27831;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    border: 1px solid #e3d8ca;
    border-radius: 4px;
    outline: none;
    background: #ffffff;
    color: #403329;
    font-family: inherit;
    font-size: 14px;
    transition: all 0.3s ease;
}

.form-group input,
.form-group select {
    height: 50px;
}

.form-group textarea {
    min-height: 140px;
    resize: vertical;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #aaa096;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #b58a4b;
    box-shadow: 0 0 0 3px rgba(181, 138, 75, 0.08);
}


/* ==========================================
   FORM BOTTOM
========================================== */

.contact-form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 5px;
}

.privacy-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #756b61;
    font-size: 12px;
    line-height: 1.5;
}

.privacy-check input {
    margin-top: 2px;
    accent-color: #a27635;
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.contact-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 170px;
    padding: 14px 24px;
    border: 0;
    border-radius: 3px;
    background: #a27635;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    transition: all 0.3s ease;
}

.contact-submit-btn:hover {
    background: #806027;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(128, 96, 39, 0.18);
}


/* ==========================================
   BENEFITS SECTION
========================================== */

.contact-benefits-section {
    padding: 100px 20px;
    background: #f8f3ea;
}

.contact-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1100px;
    margin: 0 auto;
}

.contact-benefit-card {
    position: relative;
    padding: 40px 30px;
    border: 1px solid #e8ddce;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s ease;
}

.contact-benefit-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(68, 48, 28, 0.08);
}

.benefit-number {
    position: absolute;
    top: 12px;
    right: 18px;
    color: rgba(162, 118, 53, 0.12);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    font-weight: 700;
}

.benefit-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border: 1px solid #d8bd8d;
    border-radius: 50%;
    color: #a27635;
    font-size: 22px;
}

.contact-benefit-card h3 {
    margin: 0 0 12px;
    color: #302319;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.contact-benefit-card p {
    margin: 0;
    color: #756b61;
    font-size: 14px;
    line-height: 1.8;
}


/* ==========================================
   CTA
========================================== */

.contact-cta-section {
    position: relative;
    padding: 100px 20px;
    background:
        linear-gradient(
            135deg,
            rgba(48, 34, 23, 0.97),
            rgba(34, 24, 16, 0.98)
        );
    overflow: hidden;
}

.contact-cta-section::before {
    content: "ॐ";
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(211, 169, 95, 0.05);
    font-size: 280px;
}

.contact-cta-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -180px;
    top: -200px;
    border: 1px solid rgba(211, 169, 95, 0.12);
    border-radius: 50%;
}

.contact-cta-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.contact-cta-content > span {
    display: block;
    margin-bottom: 15px;
    color: #d3a95f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.contact-cta-content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.3;
}

.contact-cta-content p {
    max-width: 650px;
    margin: 0 auto 30px;
    color: #c8b9a9;
    font-size: 16px;
    line-height: 1.8;
}

.contact-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 28px;
    border: 1px solid #d3a95f;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.contact-cta-btn:hover {
    background: #d3a95f;
    color: #2c2118;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .contact-breadcrumb {
        padding: 80px 20px;
    }

    .contact-breadcrumb h1 {
        font-size: 44px;
    }

    .contact-main-section,
    .contact-benefits-section,
    .contact-cta-section {
        padding: 80px 20px;
    }

    .contact-main-grid {
        grid-template-columns: 1fr;
    }

    .contact-benefits-grid {
        grid-template-columns: 1fr 1fr;
    }

    .contact-cta-content h2 {
        font-size: 36px;
    }
}


@media (max-width: 767px) {

    .contact-breadcrumb {
        padding: 65px 18px;
    }

    .contact-breadcrumb h1 {
        font-size: 36px;
    }

    .contact-breadcrumb p {
        font-size: 15px;
    }

    .contact-section-heading h2 {
        font-size: 32px;
    }

    .contact-info-box,
    .contact-form-box {
        padding: 35px 25px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-submit-btn {
        width: 100%;
    }

    .contact-benefits-grid {
        grid-template-columns: 1fr;
    }

    .contact-cta-content h2 {
        font-size: 30px;
    }

    .contact-cta-content p {
        font-size: 14px;
    }
}


@media (max-width: 480px) {

    .contact-breadcrumb h1 {
        font-size: 31px;
    }

    .contact-breadcrumb::after {
        font-size: 100px;
    }

    .contact-info-box,
    .contact-form-box {
        padding: 30px 20px;
    }

    .contact-info-header h3,
    .contact-form-heading h3 {
        font-size: 25px;
    }

    .contact-section-heading h2 {
        font-size: 28px;
    }

    .contact-cta-section::before {
        font-size: 180px;
    }
}



.contact-alert {
    max-width: 1180px;
    margin: 0 auto 25px;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.6;
}

.contact-alert.success {
    background: #edf8ef;
    border: 1px solid #b9dfc0;
    color: #276b35;
}

.contact-alert.error {
    background: #fff0f0;
    border: 1px solid #e3b5b5;
    color: #9b3030;
}






/* =========================================================
   EDUCATION ASTROLOGY
   THE DIVINE MYSTERY
   THEME: CREAM + GOLD + DARK
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

:root {

    --edu-gold: #B8790B;
    --edu-gold-light: #D69A22;

    --edu-dark: #17121A;
    --edu-dark-soft: #3E3740;

    --edu-text: #55505A;

    --edu-cream: #F8F1E7;
    --edu-cream-dark: #F1E5D4;

    --edu-white: #FFFFFF;

    --edu-border: #E8DED0;

}


/* =========================================================
   GENERAL
========================================================= */

.edu-breadcrumb,
.edu-about,
.edu-insights,
.edu-guidance,
.edu-stages,
.edu-why,
.edu-cta {

    overflow: hidden;

}


.edu-section-tag {

    display: inline-block;

    margin-bottom: 14px;

    color: var(--edu-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2.5px;

}


.edu-heading {

    max-width: 760px;

    margin: 0 auto 50px;

    text-align: center;

}


.edu-heading h2 {

    margin: 0 0 18px;

    color: var(--edu-dark);

    font-size: 46px;

    line-height: 1.15;

    font-weight: 500;

}


.edu-heading h2 span {

    color: var(--edu-gold);

}


.edu-heading p {

    margin: 0 auto;

    max-width: 700px;

    color: var(--edu-text);

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.edu-breadcrumb {

    position: relative;

    padding: 105px 0 95px;

    background:
        linear-gradient(
            135deg,
            rgba(248,241,231,.97),
            rgba(241,229,212,.96)
        );

    border-bottom: 1px solid var(--edu-border);

}


.edu-breadcrumb:before {

    content: "✦";

    position: absolute;

    top: 35px;

    left: 10%;

    color: rgba(184,121,11,.18);

    font-size: 45px;

}


.edu-breadcrumb:after {

    content: "✧";

    position: absolute;

    right: 12%;

    bottom: 30px;

    color: rgba(184,121,11,.18);

    font-size: 55px;

}


.edu-breadcrumb-content {

    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: auto;

    text-align: center;

}


.edu-breadcrumb-label {

    display: inline-block;

    margin-bottom: 15px;

    color: var(--edu-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

}


.edu-breadcrumb-content h1 {

    margin: 0 0 18px;

    color: var(--edu-dark);

    font-size: 55px;

    line-height: 1.1;

    font-weight: 500;

}


.edu-breadcrumb-content p {

    max-width: 720px;

    margin: 0 auto 25px;

    color: var(--edu-text);

    font-size: 16px;

    line-height: 1.8;

}


.edu-breadcrumb-nav {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    font-size: 13px;

}


.edu-breadcrumb-nav a {

    color: var(--edu-gold);

    text-decoration: none;

    transition: .3s ease;

}


.edu-breadcrumb-nav a:hover {

    color: var(--edu-dark);

}


.edu-breadcrumb-nav span {

    color: #A9A09A;

}


.edu-breadcrumb-nav strong {

    color: var(--edu-dark);

    font-weight: 500;

}


/* =========================================================
   BUTTON
========================================================= */

.edu-gold-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding: 14px 25px;

    background: var(--edu-gold);

    color: #fff !important;

    text-decoration: none !important;

    border-radius: 4px;

    font-size: 13px;

    font-weight: 600;

    transition: all .3s ease;

    box-shadow: 0 10px 25px rgba(184,121,11,.18);

}


.edu-gold-btn span {

    font-size: 18px;

    transition: .3s ease;

}


.edu-gold-btn:hover {

    background: var(--edu-dark);

    transform: translateY(-2px);

}


.edu-gold-btn:hover span {

    transform: translateX(4px);

}


/* =========================================================
   ABOUT
========================================================= */

.edu-about {

    padding: 100px 0;

    background: #fff;

}


.edu-about-grid {

    display: grid;

    grid-template-columns: .9fr 1.1fr;

    gap: 80px;

    align-items: center;

}


.edu-about-image {

    position: relative;

    padding: 12px;

}


.edu-image-border {

    position: relative;

    padding: 8px;

    border: 1px solid var(--edu-gold);

}


.edu-image-border img {

    display: block;

    width: 100%;

    height: 530px;

    object-fit: cover;

}


.edu-image-badge {

    position: absolute;

    right: -15px;

    bottom: 35px;

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 16px 22px;

    background: #fff;

    box-shadow: 0 15px 35px rgba(40,30,20,.12);

}


.edu-image-badge > span {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #F6E8CE;

    color: var(--edu-gold);

    font-size: 20px;

}


.edu-image-badge strong {

    display: block;

    color: var(--edu-dark);

    font-size: 13px;

}


.edu-image-badge small {

    display: block;

    margin-top: 4px;

    color: #888;

    font-size: 10px;

}


.edu-about-content h2 {

    margin: 0 0 25px;

    color: var(--edu-dark);

    font-size: 47px;

    line-height: 1.15;

    font-weight: 500;

}


.edu-about-content h2 span {

    display: block;

    color: var(--edu-gold);

    font-family: Georgia, serif;

    font-style: italic;

    font-weight: 400;

}


.edu-about-content p {

    margin: 0 0 17px;

    color: var(--edu-text);

    font-size: 15px;

    line-height: 1.9;

}


/* =========================================================
   INSIGHTS
========================================================= */

.edu-insights {

    padding: 100px 0;

    background: var(--edu-cream);

}


.edu-card-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}


.edu-card {

    position: relative;

    min-height: 325px;

    padding: 30px 25px;

    background: #fff;

    border: 1px solid var(--edu-border);

    border-radius: 12px;

    transition: all .35s ease;

}


.edu-card:hover {

    transform: translateY(-8px);

    border-color: var(--edu-gold);

    box-shadow: 0 20px 40px rgba(80,55,20,.10);

}


.edu-card-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 28px;

}


.edu-card-number {

    color: #B7AFA6;

    font-size: 11px;

    font-weight: 600;

}


.edu-card-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #F7E9D0;

    color: var(--edu-gold);

    font-size: 20px;

}


.edu-card h3 {

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    margin: 0 0 14px;

    color: var(--edu-dark) !important;

    font-size: 19px;

    font-weight: 500;

}


.edu-card p {

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    margin: 0 0 25px;

    color: var(--edu-text) !important;

    font-size: 13px;

    line-height: 1.8;

}


.edu-card a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--edu-gold) !important;

    text-decoration: none !important;

    font-size: 11px;

    font-weight: 600;

}


.edu-card a span {

    transition: .3s ease;

}


.edu-card:hover a span {

    transform: translateX(4px);

}


/* =========================================================
   GUIDANCE
========================================================= */

.edu-guidance {

    padding: 110px 0;

    background: #fff;

}


.edu-guidance-grid {

    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 80px;

    align-items: center;

}


.edu-guidance-content h2 {

    margin: 0 0 25px;

    color: var(--edu-dark);

    font-size: 45px;

    line-height: 1.15;

    font-weight: 500;

}


.edu-guidance-content h2 span {

    display: block;

    color: var(--edu-gold);

    font-family: Georgia, serif;

    font-style: italic;

    font-weight: 400;

}


.edu-guidance-content > p {

    color: var(--edu-text);

    font-size: 15px;

    line-height: 1.9;

}


.edu-points {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 15px;

    margin-top: 30px;

}


.edu-point {

    display: flex;

    gap: 14px;

    padding: 17px;

    background: var(--edu-cream);

    border: 1px solid var(--edu-border);

}


.edu-point-icon {

    flex: 0 0 35px;

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--edu-gold);

    color: #fff;

    font-size: 10px;

}


.edu-point h4 {

    margin: 0 0 5px;

    color: var(--edu-dark);

    font-size: 14px;

    font-weight: 600;

}


.edu-point p {

    margin: 0;

    color: var(--edu-text);

    font-size: 11px;

    line-height: 1.6;

}


/* =========================================================
   ASTROLOGY VISUAL
========================================================= */

.edu-guidance-visual {

    position: relative;

    width: 420px;

    height: 420px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

}


.edu-circle {

    position: absolute;

    border: 1px solid rgba(184,121,11,.35);

    border-radius: 50%;

}


.circle-large {

    width: 400px;

    height: 400px;

}


.circle-medium {

    width: 290px;

    height: 290px;

    border-color: rgba(184,121,11,.45);

}


.circle-small {

    width: 180px;

    height: 180px;

    background: var(--edu-cream);

}


.edu-center {

    position: relative;

    z-index: 3;

    width: 120px;

    height: 120px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--edu-dark);

    color: #fff;

    box-shadow: 0 15px 40px rgba(20,15,10,.2);

}


.edu-center span {

    color: var(--edu-gold-light);

    font-size: 18px;

}


.edu-center strong {

    margin: 5px 0;

    font-family: Georgia, serif;

    font-size: 27px;

    font-weight: 400;

}


.edu-center small {

    color: #D6CCC2;

    font-size: 8px;

    letter-spacing: 2px;

}


.edu-orbit-symbol {

    position: absolute;

    z-index: 5;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #fff;

    border: 1px solid var(--edu-border);

    color: var(--edu-gold);

    box-shadow: 0 8px 20px rgba(50,30,10,.08);

}


.symbol-one {

    top: 18px;

    left: 190px;

}


.symbol-two {

    right: 18px;

    top: 190px;

}


.symbol-three {

    bottom: 18px;

    left: 190px;

}


/* =========================================================
   STAGES
========================================================= */

.edu-stages {

    padding: 100px 0;

    background: var(--edu-cream);

}


.edu-stage-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

}


.edu-stage {

    position: relative;

    padding: 38px 30px;

    background: #fff;

    border-radius: 10px;

    border-top: 3px solid var(--edu-gold);

    box-shadow: 0 12px 30px rgba(50,30,10,.05);

}


.edu-stage-number {

    position: absolute;

    top: 20px;

    right: 25px;

    color: #C9BFB3;

    font-size: 11px;

}


.edu-stage-icon {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    background: #F6E8CE;

    border-radius: 50%;

    color: var(--edu-gold);

    font-size: 22px;

}


.edu-stage h3 {

    margin: 0 0 14px;

    color: var(--edu-dark);

    font-size: 21px;

    font-weight: 500;

}


.edu-stage p {

    margin: 0;

    color: var(--edu-text);

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   WHY
========================================================= */

.edu-why {

    padding: 100px 0;

    background: #fff;

}


.edu-why-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}


.edu-why-box {

    padding: 35px 25px;

    text-align: center;

    border: 1px solid var(--edu-border);

    transition: .3s ease;

}


.edu-why-box:hover {

    transform: translateY(-5px);

    border-color: var(--edu-gold);

}


.edu-why-box > span {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 18px;

    background: #F6E8CE;

    border-radius: 50%;

    color: var(--edu-gold);

    font-size: 21px;

}


.edu-why-box h3 {

    margin: 0 0 12px;

    color: var(--edu-dark);

    font-size: 17px;

    font-weight: 500;

}


.edu-why-box p {

    margin: 0;

    color: var(--edu-text);

    font-size: 12px;

    line-height: 1.8;

}


/* =========================================================
   CTA
========================================================= */

.edu-cta {

    padding: 105px 0;

    background:

        radial-gradient(
            circle at 80% 20%,
            rgba(214,154,34,.14),
            transparent 25%
        ),

        var(--edu-dark);

}


.edu-cta-content {

    max-width: 800px;

    margin: auto;

    text-align: center;

}


.edu-cta-content .edu-section-tag {

    color: var(--edu-gold-light);

}


.edu-cta-content h2 {

    margin: 0 0 20px;

    color: #fff;

    font-size: 47px;

    line-height: 1.15;

    font-weight: 400;

}


.edu-cta-content h2 span {

    display: block;

    color: var(--edu-gold-light);

    font-family: Georgia, serif;

    font-style: italic;

}


.edu-cta-content p {

    max-width: 650px;

    margin: 0 auto 30px;

    color: rgba(255,255,255,.65);

    font-size: 15px;

    line-height: 1.8;

}


.edu-cta-buttons {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    flex-wrap: wrap;

}


.edu-simple-btn {

    color: #fff !important;

    text-decoration: none !important;

    font-size: 13px;

    transition: .3s ease;

}


.edu-simple-btn:hover {

    color: var(--edu-gold-light) !important;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .edu-card-grid,
    .edu-why-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}


@media (max-width: 991px) {

    .edu-breadcrumb {

        padding: 80px 0;

    }


    .edu-breadcrumb-content h1 {

        font-size: 45px;

    }


    .edu-about-grid,
    .edu-guidance-grid {

        grid-template-columns: 1fr;

        gap: 60px;

    }


    .edu-about-content {

        text-align: center;

    }


    .edu-guidance-content {

        text-align: center;

    }


    .edu-points {

        text-align: left;

    }


    .edu-stage-grid {

        grid-template-columns: 1fr;

    }


    .edu-guidance-visual {

        margin-top: 20px;

    }

}


@media (max-width: 767px) {

    .edu-breadcrumb {

        padding: 65px 0;

    }


    .edu-breadcrumb-content h1 {

        font-size: 38px;

    }


    .edu-breadcrumb-content p {

        font-size: 14px;

    }


    .edu-about,
    .edu-insights,
    .edu-guidance,
    .edu-stages,
    .edu-why {

        padding: 75px 0;

    }


    .edu-heading h2,
    .edu-about-content h2,
    .edu-guidance-content h2,
    .edu-cta-content h2 {

        font-size: 35px;

    }


    .edu-card-grid,
    .edu-why-grid {

        grid-template-columns: 1fr;

    }


    .edu-image-border img {

        height: 420px;

    }


    .edu-points {

        grid-template-columns: 1fr;

    }


    .edu-guidance-visual {

        width: 300px;

        height: 300px;

    }


    .circle-large {

        width: 290px;

        height: 290px;

    }


    .circle-medium {

        width: 215px;

        height: 215px;

    }


    .circle-small {

        width: 135px;

        height: 135px;

    }


    .symbol-one {

        top: 8px;

        left: 131px;

    }


    .symbol-two {

        right: 8px;

        top: 131px;

    }


    .symbol-three {

        bottom: 8px;

        left: 131px;

    }


    .edu-cta-buttons {

        flex-direction: column;

    }

}


@media (max-width: 480px) {

    .edu-breadcrumb-content h1 {

        font-size: 32px;

    }


    .edu-image-border img {

        height: 360px;

    }


    .edu-image-badge {

        right: 0;

    }


    .edu-about-content h2,
    .edu-guidance-content h2,
    .edu-heading h2,
    .edu-cta-content h2 {

        font-size: 30px;

    }


    .edu-card {

        min-height: auto;

    }

}



/* =========================================
   GEMSTONE RATNA PAGE
   The Divine Mystery
========================================= */

.gem-breadcrumb-section {
    padding: 90px 0 60px;
    background: #f8f4ec;
}

.gem-breadcrumb-content {
    text-align: center;
}

.gem-breadcrumb-label {
    font-size: 42px;
    font-weight: 700;
    color: #2c2118;
    margin-bottom: 15px;
}

.gem-breadcrumb-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gem-breadcrumb-nav li {
    display: inline-block;
    color: #777;
    font-size: 15px;
    margin: 0 5px;
}

.gem-breadcrumb-nav li a {
    color: #b28735;
    text-decoration: none;
}


/* =========================================
   COMMON
========================================= */

.gem-section-tag {
    display: inline-block;
    color: #b28735;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.gem-heading {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}

.gem-heading h2 {
    font-size: 38px;
    line-height: 1.25;
    color: #2c2118;
    margin: 0 0 15px;
}

.gem-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}


/* =========================================
   BUTTONS
========================================= */

.gem-gold-btn,
.gem-outline-btn,
.gem-simple-btn {
    display: inline-block;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease;
}

.gem-gold-btn {
    background: #b28735;
    color: #fff;
}

.gem-gold-btn:hover {
    background: #8e6925;
    color: #fff;
}

.gem-outline-btn {
    border: 1px solid #b28735;
    color: #b28735;
    margin-left: 10px;
}

.gem-outline-btn:hover {
    background: #b28735;
    color: #fff;
}

.gem-simple-btn {
    border: 1px solid #fff;
    color: #fff;
    margin-left: 10px;
}

.gem-simple-btn:hover {
    background: #fff;
    color: #2c2118;
}


/* =========================================
   HERO
========================================= */

.gem-hero {
    padding: 100px 0;
    background: #fff;
}

.gem-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.gem-hero-content h1 {
    font-size: 52px;
    line-height: 1.15;
    color: #2c2118;
    margin: 0 0 25px;
}

.gem-hero-content h1 span {
    color: #b28735;
}

.gem-hero-content p {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}

.gem-hero-buttons {
    margin-top: 30px;
}

.gem-hero-image {
    text-align: center;
}

.gem-image-frame {
    position: relative;
    display: inline-block;
    padding: 20px;
    border: 1px solid #d7bc80;
}

.gem-image-frame img {
    max-width: 100%;
    width: 470px;
    display: block;
}

.gem-floating-card {
    position: absolute;
    bottom: 25px;
    left: -25px;
    padding: 18px 25px;
    background: #2c2118;
    color: #fff;
    text-align: left;
}

.gem-floating-card span {
    display: block;
    font-size: 12px;
    color: #d7bc80;
    letter-spacing: 2px;
}

.gem-floating-card strong {
    display: block;
    margin-top: 5px;
}


/* =========================================
   ABOUT
========================================= */

.gem-about {
    padding: 100px 0;
    background: #f8f4ec;
}

.gem-about-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

.gem-about-image img {
    width: 100%;
    display: block;
}

.gem-image-border {
    padding: 15px;
    border: 1px solid #c6a45c;
}

.gem-about-content h2 {
    font-size: 40px;
    color: #2c2118;
    margin: 0 0 20px;
}

.gem-about-content > p {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.gem-info-box {
    display: flex;
    gap: 18px;
    margin-top: 25px;
    padding: 22px;
    background: #fff;
    border-left: 3px solid #b28735;
}

.gem-info-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b28735;
    color: #fff;
}

.gem-info-box strong {
    color: #2c2118;
}

.gem-info-box p {
    margin: 7px 0 0;
    color: #666;
    line-height: 1.6;
}


/* =========================================
   GEMSTONE CARDS
========================================= */

.gem-products {
    padding: 100px 0;
    background: #fff;
}

.gem-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.gem-card {
    position: relative;
    padding: 35px 30px;
    background: #faf8f3;
    border: 1px solid #eee3cc;
    text-align: center;
    transition: all .3s ease;
}

.gem-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
}

.gem-card-number {
    position: absolute;
    top: 15px;
    right: 18px;
    color: #d4bd8a;
    font-size: 14px;
    font-weight: 700;
}

.gem-card-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b28735;
    color: #fff;
    font-size: 24px;
}

.gem-card h3 {
    margin: 0;
    color: #2c2118;
    font-size: 23px;
}

.gem-card > span {
    display: block;
    margin: 5px 0 15px;
    color: #b28735;
    font-size: 14px;
    font-weight: 600;
}

.gem-card p {
    color: #666;
    line-height: 1.7;
    min-height: 85px;
}

.gem-card a {
    display: inline-block;
    margin-top: 15px;
    color: #b28735;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================
   PROCESS
========================================= */

.gem-process {
    padding: 100px 0;
    background: #f8f4ec;
}

.gem-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.gem-process-box {
    position: relative;
    padding: 35px 25px;
    text-align: center;
    background: #fff;
}

.gem-process-number {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #d7bc80;
    font-weight: 700;
}

.gem-process-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2c2118;
    color: #d7bc80;
    font-size: 22px;
}

.gem-process-box h3 {
    color: #2c2118;
    font-size: 20px;
}

.gem-process-box p {
    color: #666;
    line-height: 1.7;
}


/* =========================================
   BENEFITS
========================================= */

.gem-benefits {
    padding: 100px 0;
    background: #fff;
}

.gem-benefits-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 70px;
    align-items: center;
}

.gem-benefits-content h2 {
    font-size: 40px;
    color: #2c2118;
    margin: 0 0 20px;
}

.gem-benefits-content > p {
    color: #666;
    line-height: 1.8;
}

.gem-benefit-list {
    margin-top: 30px;
}

.gem-benefit-item {
    display: flex;
    gap: 18px;
    margin-bottom: 22px;
}

.gem-benefit-item > span {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b28735;
    color: #fff;
    border-radius: 50%;
}

.gem-benefit-item h4 {
    margin: 0 0 5px;
    color: #2c2118;
    font-size: 18px;
}

.gem-benefit-item p {
    margin: 0;
    color: #666;
    line-height: 1.6;
}

.gem-benefits-visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gem-mandala {
    position: relative;
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gem-mandala-ring {
    position: absolute;
    border: 1px solid #d7bc80;
    border-radius: 50%;
}

.ring-one {
    width: 380px;
    height: 380px;
}

.ring-two {
    width: 290px;
    height: 290px;
}

.ring-three {
    width: 200px;
    height: 200px;
}

.gem-mandala-center {
    position: relative;
    z-index: 2;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: #2c2118;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gem-mandala-center span {
    color: #d7bc80;
    font-size: 27px;
}

.gem-mandala-center strong {
    font-size: 20px;
    letter-spacing: 2px;
}

.gem-mandala-center small {
    margin-top: 5px;
    color: #aaa;
    font-size: 8px;
}


/* =========================================
   FAQ
========================================= */

.gem-faq {
    padding: 100px 0;
    background: #f8f4ec;
}

.gem-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.gem-faq-box {
    padding: 30px;
    background: #fff;
    border-left: 3px solid #b28735;
}

.gem-faq-box h3 {
    margin: 0 0 12px;
    color: #2c2118;
    font-size: 19px;
}

.gem-faq-box p {
    margin: 0;
    color: #666;
    line-height: 1.7;
}


/* =========================================
   CTA
========================================= */

.gem-cta {
    padding: 100px 0;
    background: #2c2118;
    text-align: center;
}

.gem-cta-content {
    max-width: 850px;
    margin: auto;
}

.gem-cta .gem-section-tag {
    color: #d7bc80;
}

.gem-cta h2 {
    color: #fff;
    font-size: 42px;
    margin: 0 0 20px;
}

.gem-cta p {
    color: #ddd;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.gem-cta-buttons {
    margin-top: 30px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .gem-hero-grid,
    .gem-about-grid,
    .gem-benefits-grid {
        grid-template-columns: 1fr;
    }

    .gem-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gem-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gem-hero-content {
        text-align: center;
    }

    .gem-hero-content h1 {
        font-size: 42px;
    }

    .gem-benefits-content {
        text-align: center;
    }

    .gem-benefit-item {
        text-align: left;
    }

}


@media (max-width: 767px) {

    .gem-breadcrumb-label {
        font-size: 32px;
    }

    .gem-heading h2,
    .gem-about-content h2,
    .gem-benefits-content h2,
    .gem-cta h2 {
        font-size: 30px;
    }

    .gem-hero {
        padding: 70px 0;
    }

    .gem-hero-content h1 {
        font-size: 34px;
    }

    .gem-card-grid,
    .gem-process-grid,
    .gem-faq-grid {
        grid-template-columns: 1fr;
    }

    .gem-about,
    .gem-products,
    .gem-process,
    .gem-benefits,
    .gem-faq,
    .gem-cta {
        padding: 70px 0;
    }

    .gem-outline-btn,
    .gem-simple-btn {
        margin-left: 0;
        margin-top: 10px;
    }

    .gem-mandala {
        width: 300px;
        height: 300px;
    }

    .ring-one {
        width: 290px;
        height: 290px;
    }

    .ring-two {
        width: 220px;
        height: 220px;
    }

    .ring-three {
        width: 150px;
        height: 150px;
    }

}


/* =========================================
   PRODUCT ROW - EQUAL HEIGHT CARDS
========================================= */

.products-section .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.products-section [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    margin-bottom: 24px;
}


/* =========================================
   PRODUCT CARD
========================================= */

.product-card {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    background: #fff;

    border-radius: 18px;
    overflow: hidden;

    border: 1px solid rgba(196, 154, 58, 0.20);

    box-shadow: 0 8px 25px rgba(23, 36, 92, 0.08);

    transition: all 0.4s ease;
}

.product-card:hover {
    transform: translateY(-8px);

    border-color: rgba(196, 154, 58, 0.55);

    box-shadow: 0 18px 40px rgba(23, 36, 92, 0.15);
}


/* =========================================
   IMAGE
========================================= */

.product-image {
    position: relative;

    width: 100%;
    height: 230px;

    flex-shrink: 0;

    overflow: hidden;

    background: #f1ede3;
}

.product-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.6s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.07);
}


/* =========================================
   IMAGE CORNER
========================================= */

.product-image:before {
    content: "";

    position: absolute;

    width: 45px;
    height: 45px;

    top: 14px;
    right: 14px;

    border-top: 2px solid rgba(255,255,255,0.9);
    border-right: 2px solid rgba(255,255,255,0.9);

    z-index: 2;

    transition: all 0.4s ease;
}

.product-card:hover .product-image:before {
    width: 60px;
    height: 60px;
}


/* =========================================
   NUMBER
========================================= */

.product-number {
    position: absolute;

    top: 15px;
    left: 15px;

    width: 36px;
    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 50%;

    background: #fff;

    color: #17245c;

    font-size: 12px;
    font-weight: 700;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

    z-index: 5;
}


/* =========================================
   CONTENT
========================================= */

.product-content {

    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 24px 20px 25px;

    text-align: center;

    position: relative;
}


/* Golden top line */

.product-content:before {
    content: "";

    position: absolute;

    width: 45px;
    height: 3px;

    background: #c49a3a;

    top: 0;
    left: 50%;

    transform: translateX(-50%);
}


/* =========================================
   TITLE
========================================= */

.product-content h3 {

    margin: 3px 0 12px;

    min-height: 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #17245c;

    font-size: 19px;

    line-height: 1.4;

    font-weight: 700;
}


/* =========================================
   DESCRIPTION
========================================= */

.product-content p {

    margin: 0 0 22px;

    min-height: 74px;

    color: #777;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================
   BUTTON
========================================= */

.product-btn {

    display: block;

    width: 150px;

    margin: auto auto 0;

    padding: 11px 18px;

    text-align: center;

    border-radius: 30px;

    background: #17245c;

    color: #fff !important;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none !important;

    transition: all 0.35s ease;
}

.product-btn:hover {

    background: #c49a3a;

    color: #fff !important;

    box-shadow: 0 7px 18px rgba(196,154,58,0.30);
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 992px) {

    .products-section [class*="col-"] {
        width: 25%;
    }

}


/* =========================================
   TABLET
========================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .products-section [class*="col-"] {
        width: 50%;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .products-section .row {
        display: block;
    }

    .products-section [class*="col-"] {
        display: block;

        width: 100%;

        margin-bottom: 25px;
    }

    .product-image {
        height: 250px;
    }

    .product-content h3 {
        min-height: auto;
    }

    .product-content p {
        min-height: auto;
    }

}


.products-section{
	margin-top: 100px;
}