/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-size:14px;
    line-height:24px;
    color:#6f6f6f;
}

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover{
    text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
    color:#3f3f3f;
	color: #cf1612;
    margin:15px 0 15px 0;
    letter-spacing: 1px;    
    font-weight: bold;
}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:27px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

p{
    margin-bottom:20px;color: #666666;text-align:justify;
	    margin-bottom: 20px;
    color: #443737;
    text-align: center;
}

.section{
    padding-top: 10px;
    position: relative;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
            margin-top: -20px;
    }
    
    nav.navbar .navbar-brand img.logo{
                  width: 238px;
    margin-top: 9px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
          margin-top: -15px;
         width: 287px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #ff5722;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #f43438 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #ffffff  !important;
}

/*
Background
=========================== */


ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}
.btn-primary {
    color: #fff;
    background-color: #8c2d87;
    border-color: #8c2d87;
}
.text-danger {
    color: #ffffff;    text-transform: uppercase;font-weight:bolder;    margin-top: 6px;
}




.testimonial{
    text-align: center;
}
.testimonial .testimonial-content{
   padding: 30px 50px;
    background: #2ec4b6;
    border-top: 4px solid #f2eaea;
    position: relative;
    background: linear-gradient( 315deg , #dc0d0d 0%, #FF0099 74%);
    margin: 0 10px 35px;
    border-radius: 29px 119px;
    background-image: linear-gradient(90deg, rgb(100 9 111) 0%, rgb(174 12 152) 100%);
    border-radius: 158px;
}
.testimonial .testimonial-content:after{
    content: "";
    position: absolute;
    border-top: 10px solid #ed0d3a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -9px;
    left: 47%;
}
.testimonial .description{
    font-size: 14px;
    color: #fdfffc;
    line-height: 25px;
    margin: 0;
}
.testimonial .pic{
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .testimonial-title{
    display: block;
    font-size: 21px;
    font-weight: bold;
    color: #011627;color: #9f0c09;
    letter-spacing: 1px;
    text-transform: uppercase;    font-family: 'Bebas Neue', cursive;
    margin: 0 0 7px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #ff9f1c;
}
.owl-theme .owl-controls{
    border-top: 1px solid #d5d5d5;
    margin-top: 40px;
    padding-top: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #170d0c;
    border-radius: 4px;
    opacity: 1;
    padding: 0;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fdfffc;
}
.owl-next:before{
    content: "\f054";
}
.owl-prev:hover:before,
.owl-next:hover:before{
    color: #011627;
}

.checked {
  color: orange;
}



/* footer */
footer {
background: -webkit-Radial-gradient(#021B79 , #021354);    background: -webkit-Radial-gradient(#06102f , #071233);
    background: -webkit-Radial-gradient(#129ff3 , #199af3);background: linear-gradient( 
315deg
 , #ff0851 0%, #cf1612 74%);


    text-align: cent  position: relative;
	    background: linear-gradient( 315deg , #e6e6e6 0%, #e4e4e4 74%);
}
.footer-sec {
padding-top: 10px;
}

.footer-sec h2 {
color: #6f11bb;
    font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
position: relative;    
text-transform: capitalize;

}

.footer-sec p {
color: #6e11bd;
font-size: 14px;
font-family: 'Tajawal', sans-serif;
}
.footer-wedget-one img {
	margin-bottom: 10px;
	margin-top: -20px;
}
.footer-social-profile li {
	display: inline-block;
	margin-right: 6px;
}
.footer-social-profile li:last-child{margin-right:0px;}
.footer-social-profile li a {
  color: #ededed;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 34px;
  position:relative;
  z-index:2
}
.footer-social-profile li a:hover{
	background:#fab909;
}
.footer-social-profile li a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #fab909;
	left: 0;
}

.footer-wedget-one ul {
  margin-top: 15px;
}
.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
.footer-widget-menu li:before{color: #6e11bd;
content: "\f101";
font-family: fontawesome;
font-size: 14px;
left: -4px;
position: absolute;
top: 0;}
.footer-widget-menu li {
    position: relative;
    list-style: none;
}
.footer-widget-menu li a {
color: #6e11bd;
display: inline-block;
font-size: 14px;    font-weight: bold;
padding-bottom: 10px;
padding-left: 14px;
text-transform: capitalize;
}
.footer-widget-menu li a:hover{color:#fab909;transition: all 0.4s ease 0s;}
.bussiness-time > span {
color: #fff;
display: inline-block;
font-size: 14px;
margin-bottom: 20px;
text-transform: capitalize;
}
.bussiness-time li {
color: #ededed;
padding-bottom: 10px;
text-transform: capitalize;
font-size: 14px;
}
.bussiness-time li span{color:#fab909}
.wedget-newsletter form {
background: #525459 none repeat scroll 0 0;
margin-bottom: 25px;
margin-top: 25px;
position: relative;
}

.wedget-newsletter input[type="email"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
padding: 10px 58px 10px 10px;
text-transform: capitalize;
width: 100%;
font-style: italic;
font-weight: 600;
color: #282828;
}
.wedget-newsletter input[type="submit"] {
background: #fab909 none repeat scroll 0 0;
color: #fff;
font-weight: 600;
padding: 11px 20px;
position: absolute;
right: 0;top:0
}
.flicker-photo ul li {
  display: block;
}
.flicker-photo ul li img {
	display: inline-block;
	margin-bottom: 10px;
	width: 25%;
	float: left;
	margin-right: 10px;
}
.footer-bottom-sec {
background:#3f51b5;
padding: 10px 0;
}

.footer-bottom-sec p {
color: #f4f4f4;
font-size: 14px;
margin: 0;
text-align: center;
}
.copy-right span,
.copy-right span a{
color: #fab909;
text-transform: capitalize;
}
.inner-item {
	color: #f4f4f4;
}
.inner-item i {
	color: #fab909;
}

.hm_contact_form h2.title1 {
     background-color: #db1322;
    padding: 1px 20px;
    margin: 0px -34px;    font-family: 'Bebas Neue', cursive;
    color: #fff;
}
.hm_contact_form_1 {
	position: relative;
	padding: 20px;
	background-color: #2a2964;
}
.label_space {
	display: block;
	margin-bottom: 10px;
}
.form_row {
	margin-top: 10px;
}
.form_row label:not(.orderby_label) {
	float: left;
	display: block;
	width: 25%;
	color: #999;
	line-height: 39px;
}
.form_row .orderby_label {
	float: left;
	width: 75%;
}
.form_row > span {
	display: inline-block;
}
.form_row label.error {
	color: #e74c3c;
	margin-bottom: 0;
	width: 75%;
	float: right;
	font-size: 13px;
}
.form_row .hm_input_text {
	border-radius: 4px;
	color: #324545;
	font-weight: 600;
	width: 100%;
}
.form_row .hm_textarea {
	color: #324545;
	min-height: 90px;
	width: 100%;
	resize: none;
}
.form_row #form-messages {
	margin-left: 25%;
}
.form_row input[type="radio"]:first-of-type, .form_row input[type="checkbox"]:first-of-type {
	margin-left: 0;
}
.form_row input[type="radio"], .form_row input[type="checkbox"] {
	display: inline-block;
	margin: 3px 5px 4px 15px;
}
.full_contact_form .form_row label {
	float: none;
	width: 100%;
}
.full_contact_form #form-messages {
	margin-left: 0;
}
.bg_gray .form_row label {
	color: #888;
}
.full_contact_form .form_row .hm_input_text, .full_contact_form .form_row .hm_textarea, .full_contact_form .form_row select, .form_row input[type="file"] {
	width: 100%;
}
.full_contact_form .form_row button, .full_contact_form .form_row input[type="submit"] {
	margin-left: 0;
	max-width: 100%;
}
.hm_requires_star {
	color: #e74c3c;
}
.my_col_half label.error, .full_contact_form label.error {
	float: none;
}
.form_row:first-child {
	margin-top: 0;
}
#form-messages.send_success {
	border: 2px solid #44a244;
	color: #555;
	padding: 14px 20px 15px;
}
.form_row button, .form_row input[type="submit"] {
	margin-left: 0;
	max-width: 59%;
}
.full_button {
	width: 100%;
}
.form_loader {
	background: url("img/camera-loader.gif") no-repeat center center rgba(255, 255, 255, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.title1 {
      font-size: 19px;
    font-weight: lighter;
    margin: 0 0 13px;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
}
.button.button-3d:hover {
    background-color: #ff0101 !important;
    opacity: 0.9;
}
.button {
   display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px 5px 5px 0px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    color: #57154b;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 18px;
   

}


.serviceBox{
    background: linear-gradient(-45deg, #fffbf2 50%, #fffdfc 50%);
    font-family: 'Nunito', sans-serif;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 15px -7px rgba(0,0,0,0.1);
}
.serviceBox .service-icon{
    color: #fff;
    background: linear-gradient(to right, #02718D 50%, #02819E 50%);
    font-size: 40px;
    line-height: 75px;
    height: 80px;
    width: 120px;
    margin: 0 auto 25px;
    border: 5px solid #02819E;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #fff inset;
}
.serviceBox .title{
    color: #02718D;
    font-family: 'Dosis', sans-serif;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.serviceBox .description{
        color: #fff;
    font-size: 29px;
    line-height: 22px;
    text-align: center;
    margin: 0;
}
.serviceBox.orange .service-icon{
    background: linear-gradient(to right, #f46d1f 50%, #f78409 50%);
    border-color: #f46d1f;
}
.serviceBox.orange .title{ color: #f46d1f; }
.serviceBox.purple .service-icon{
    background: linear-gradient(to right, #8950BB 50%, #995AC5 50%);
    border-color: #8950BB;
}
.serviceBox.purple .title{ color: #8950BB; }
.serviceBox.blue .service-icon{
    background: linear-gradient(to right, #00C8EC 50%, #00CFEF 50%);
    border-color: #00C8EC;
}
.serviceBox.blue .title{ color: #00C8EC; }
@media only screen and (max-width: 990px){
    .serviceBox{     margin: 0 0 -19px; }
}

a:hover, a:focus{
    text-decoration: none;
    outline: none;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius:0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 14px 30px 14px 70px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #dc10d4;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #f8f8f8;
    color: #1e4276;
}
#accordion .panel-title a.collapsed:hover{
    color: #dc10d4;
}
#accordion .panel-title a:before{
    content: "";
    width: 55px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: -13px;
    transform: skewX(-25deg);
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:hover:before{
    background: #d7573e;
}
#accordion .panel-title a:after{
    content: "\f621";
    font-family: "Font Awesome 5 Free";
    font-weight: bolder;
    position: absolute;
    left: 10px;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
}
#accordion .panel-title a.collapsed:after{
    color: #9f9f9f;
}
#accordion .panel-title a.collapsed:hover:after{
    color: #fff;
}
#accordion .panel-body{
    font-size: 14px;
    color: #5a3245;
    line-height: 25px;
    padding: 20px 15px 20px 40px;
    position: relative;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-body:before{
    content: "";
    width: 5px;
    height: 40px;
    background: #dc10d4;
    position: absolute;
    top: 30px;
    left: 0;
}
#accordion .panel-body p{
    margin-bottom: 0;
}



.box{
    background: #fff;
    font-family: 'Raleway', sans-serif;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px -7px rgba(0,0,0,0.5);
}
.box img{
    width: 100%;
    height: auto;
    transition: all 0.4s ease 0s;
	    border-radius: 4px;
}
.box:hover img{ transform: translateY(-60px); }
.box .box-content{
    color: #34495e;
    width: calc(100% - 85px);
    padding: 5px 10px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.4s ease 0s;
}
.box:hover .box-content{ opacity: 1; }
.box .title{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 -13px;
}
.box .post{
    font-size: 15px;
    font-weight: 500;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.4s ease 0s;
}
.box:hover .icon{ opacity: 1;  }
.box .icon li{
    margin: 0 -2px;
    display: inline-block; 
}
.box .icon li a{
    color: #34495e;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    width: 40px;
    height: 60px;
    display: block;
    transition: all 0.3s ease-in-out;
}
.box .icon li a:hover{
    color: #fff;
    background: #34495e;
}
@media only screen and (max-width:990px){
    .box{ margin: 0 0 30px; }
}

.ser ul li a{color:white;text-align:center;list-style:none !important;}


.ser li:before {
    color: #fff7fc;
    content: "\f101";
    font-family: fontawesome;
    font-size: 14px;
    left: -4px;
    position: absolute;
    top: 0;
}

.hm_contact_form h2.title1 {
    background-color: #db132200;
    padding: 1px 20px;
    margin: 0px -34px;
    font-family: 'Bebas Neue', cursive;
    color: #fff;
}
#accordion .panel-title a {
    display: block;
    padding: 14px 30px 14px 70px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #ed0407;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
@media (max-width: 992px) {
    nav.navbar .navbar-brand img.logo {
        margin-top: -14px;
        width: 241px;
    }
}
.testimonial .testimonial-content {
    padding: 30px 50px;
    background: #2ec4b6;
    border-top: 4px solid #f2eaea;
    position: relative;
    background: linear-gradient(315deg, #dc0d0d 0%, #FF0099 74%);
    margin: 0 10px 35px;
    border-radius: 29px 119px;
    background-image: linear-gradient(90deg, rgb(100 9 111) 0%, rgb(174 12 152) 100%);
    border-radius: 158px;
    background: #fff;
    box-shadow: 0 0 9px #c9c9c98f;
}
.testimonial .description {
    font-size: 14px;
    color: #585757;
    line-height: 25px;
    margin: 0;
    color: #202020;
    font-weight: 500;
    font-size: 15px;
}
.testimonial .testimonial-title {
    display: block;
    font-size: 21px;
    font-weight: bold;
    color: #011627;
    color: #831f21;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-family: arial;
    margin: 0 0 7px 0;
}
.footer-sec h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;font-family: "Marcellus SC", serif;
    text-transform: capitalize;
}
.footer-sec p {
    color: #000000;
    font-size: 14px;
    font-family: 'Tajawal', sans-serif;
}
.footer-widget-menu li a {
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 14px;
    text-transform: capitalize;
}
.footer-widget-menu li:before {
    color: #ffffff;
    content: "\f101";
    font-family: fontawesome;
    font-size: 14px;
    left: -4px;
    position: absolute;
    top: 0;
}
.footer-bottom-sec {
    background: #072b57;
    padding: 10px 0;
}
.serviceBox{
    color: #777;
    background: var(--color);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 80px 20px 30px;
    margin: 80px auto 0;
    border-radius: 30px 30px;
    position: relative;
    z-index: 1;
}
.serviceBox:before{
    content: "";
    background: var(--white);
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    border-radius: 20px 20px;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.serviceBox .service-icon{
    color: var(--color);
    background:var(--color);
    font-size: 50px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 10px 10px;
    transform: translateX(-50%);
    position: absolute;
    top: -35px;
    left: 50%;
} 
.serviceBox .service-icon:before{
    content: "";
    background: var(--white);
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    border-radius: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.serviceBox .title{
    color: var(--color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.serviceBox .description{
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
}
.serviceBox.purple{ --color: #6A47DC; }
.serviceBox.pink{ --color:#E42485; }
.serviceBox.orange{ --color: #E65811; }
@media only screen and (max-width: 990px){
    .serviceBox{ margin: 0 auto 60px; }
}


.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffdbc8;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.serviceBox.purple .title {
    color: #ffffff;
}
.serviceBox .title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.serviceBox.orange .title {
    color: #ffffff;
}
.hm_contact_form h2.title1 {
    background-color: #e32130d4;
    padding: 1px 20px;
    margin: 0px -34px;
    font-family: 'Bebas Neue', cursive;
    color: #fff;
}
.serviceBox .service-icon {
    color: #ffffff;
    font-size: 50px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 10px 10px;
    transform: translateX(-50%);
    position: absolute;
    top: -35px;
    left: 50%;
}
.serviceBox .service-icon {
    color: #fff;
    background: linear-gradient(to right, #02718D 50%, #02819E 50%);
    font-size: 40px;
    line-height: 75px;
    height: 80px;
    width: 120px;
    margin: 0 auto 25px;
    border: 5px solid #e42485;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #fff inset;
}

.text-danger {
    color: #0078ff;
    text-transform: uppercase;font-family: "Marcellus SC", serif;
    font-weight: bolder;
    margin-top: 6px;
}
.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.form_row .hm_input_text {
    border-radius: 4px;
    color: #656565;
    font-weight: normal;
    width: 100%;
}
#accordion .panel-title a {
    display: block;
    padding: 14px 30px 14px 70px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #4f4545;
    position: relative;font-family: "Marcellus SC", serif;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.footer-widget-menu li a {
    color: #faa81c;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 14px;
    text-transform: capitalize;
}
.footer-sec p {
    color: #faa81c;
    font-size: 14px;
    font-family: 'Tajawal', sans-serif;
}

.footer-widget-menu li a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 14px;
    text-transform: capitalize;
}

@media (max-width: 992px) {
    nav.navbar .navbar-brand img.logo {
        margin-top: -12px;
        width: 240px;
    }
}

.about-section{

position:relative;

padding:100px 0;

overflow:hidden;

background:linear-gradient(135deg,#1a093e,#3d1468,#17072f);

}

/* Rotating Chakra */

.chakra-bg{

position:absolute;

width:650px;

height:650px;

background:url('../images/hand_bg.png') center center no-repeat;

background-size:contain;

opacity:.06;

left:50%;

top:50%;

transform:translate(-50%,-50%);

animation:rotateChakra 50s linear infinite;

}

@keyframes rotateChakra{

100%{

transform:translate(-50%,-50%) rotate(360deg);

}

}

.about-content{

position:relative;

z-index:2;

}

.about-tag{

display:inline-block;

padding:10px 25px;

background:#ff9800;

border-radius:50px;

color:#fff;

font-weight:700;

margin-bottom:20px;

}

.about-content h2{

font-size:48px;

font-weight:800;

line-height:1.3;

color:#fff;

margin-bottom:25px;

}

.about-content h2 span{

color:#FFD700;

}

.about-content p{

color:#ddd;

line-height:1.9;

font-size:17px;

}

.about-points{

margin-top:35px;

}

.point{

display:flex;

align-items:flex-start;

margin-bottom:25px;

background:rgba(255,255,255,.08);

padding:18px;

border-radius:18px;

backdrop-filter:blur(10px);

transition:.4s;

}

.point:hover{

transform:translateX(10px);

background:rgba(255,152,0,.18);

}

.icon{

width:60px;

height:60px;

background:linear-gradient(135deg,#ff9800,#ff5722);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

margin-right:20px;

flex-shrink:0;

}

.point h5{

color:#fff;

font-weight:700;

margin-bottom:8px;

}

.point p{

margin:0;

font-size:15px;

}

.about-buttons{

margin-top:40px;

}

.btn-call,
.btn-wa{

display:inline-block;

padding:15px 35px;

border-radius:50px;

font-weight:700;

text-decoration:none;

margin-right:15px;

color:#fff;

transition:.4s;

}

.btn-call{

background:#ff9800;

}

.btn-wa{

background:#25D366;

}

.btn-call:hover,
.btn-wa:hover{

transform:translateY(-5px);

box-shadow:0 15px 30px rgba(0,0,0,.3);

}

/* Services Box */

.services-box{

background:rgba(255,255,255,.08);

backdrop-filter:blur(15px);

padding:35px;

border-radius:25px;

border:1px solid rgba(255,255,255,.15);

position:relative;

z-index:2;

}

.services-box h3{

color:#fff;

font-size:30px;

margin-bottom:25px;

font-weight:700;

text-align:center;

}

.services-box ul{

list-style:none;

padding:0;

margin:0;

}

.services-box ul li{

background:rgba(255,255,255,.06);

padding:14px 18px;

margin-bottom:12px;

border-radius:12px;

color:#fff;

transition:.3s;

font-weight:600;

}

.services-box ul li:hover{

background:#ff9800;

transform:translateX(8px);

}

.service-btn{

display:block;

margin-top:25px;

text-align:center;

padding:15px;

background:linear-gradient(135deg,#ff9800,#ff5722);

border-radius:50px;

color:#fff;

text-decoration:none;

font-weight:700;

}

.service-btn:hover{

background:#fff;

color:#ff5722;

}

/* Mobile */

@media(max-width:991px){

.about-content h2{

font-size:34px;

}

.services-box{

margin-top:40px;

}

.chakra-bg{

width:450px;

height:450px;

}

}
.about-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #1a093e, #670001, #17072f);
}
services-box ul li {
    background: rgb(255 255 255);
    padding: 14px 18px;
    margin-bottom: 12px;
    border-radius: 12px;
    color: #0b0103;
    transition: .3s;
    font-weight: 600;
}
.services-box ul li {
    background: rgb(255 255 255);
    padding: 14px 18px;
    margin-bottom: 12px;
    border-radius: 12px;
    color: #400202;
    transition: .3s;
    font-weight: 600;
}

.about-content h2 {
    font-size: 33px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 25px;
}

.about-section {
    position: relative;
    padding: 31px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #1a093e, #670001, #17072f);
}
.section-title h2{
    font-family:'Cinzel',serif !important;
    font-size:58px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
    color:#fff;
    letter-spacing:3px;
    text-shadow:
        0 2px 8px rgba(0,0,0,.45),
        0 0 20px rgba(255,196,0,.25);
}

.section-title h2 span{
    color:#FFD700;
}
.services-box ul li {
    background: rgb(248 185 6);
    padding: 14px 18px;
    margin-bottom: 12px;
    border-radius: 12px;
    color: #400202;
    transition: .3s;
    font-weight: 600;
}





.astro-footer{

background:linear-gradient(135deg,#090018,#2b0d46,#140420);

padding:90px 0 25px;

position:relative;

overflow:hidden;

color:#fff;

}

/* Rotating Chakra */

.footer-chakra{

position:absolute;

width:700px;

height:700px;

background:url(images/chakra.png);

background-size:contain;

background-repeat:no-repeat;

left:50%;

top:50%;

transform:translate(-50%,-50%);

opacity:.05;

animation:rotate 60s linear infinite;

}

@keyframes rotate{

100%{

transform:translate(-50%,-50%) rotate(360deg);

}

}

.footer-widget{

position:relative;

z-index:2;

}

.footer-logo{

width:170px;

margin-bottom:20px;

}

.footer-widget h3{

font-family:'Cinzel',serif;

font-size:34px;

margin-bottom:20px;

}

.footer-widget h4{

color:#FFD700;

margin-bottom:25px;

font-size:24px;

}

.footer-widget p{

line-height:1.9;

color:#ddd;

}

.footer-widget ul{

list-style:none;

padding:0;

}

.footer-widget li{

padding:10px 0;

transition:.3s;

}

.footer-widget li:hover{

padding-left:10px;

color:#FFD700;

}

.footer-widget a{

color:#fff;

text-decoration:none;

}

.contact-item{

background:rgba(255,255,255,.08);

padding:14px 18px;

margin-bottom:15px;

border-radius:12px;

backdrop-filter:blur(12px);

}

.footer-btn{

display:inline-block;

padding:15px 35px;

background:linear-gradient(135deg,#ff9800,#ff5722);

border-radius:50px;

margin-top:15px;

font-weight:700;

color:#fff;

text-decoration:none;

}

.footer-btn:hover{

transform:translateY(-5px);

box-shadow:0 10px 30px rgba(255,152,0,.45);

}

.social-icons{

margin-top:25px;

}

.social-icons a{

display:inline-flex;

width:48px;

height:48px;

border-radius:50%;

background:#ffffff12;

align-items:center;

justify-content:center;

margin-right:10px;

font-size:20px;

transition:.4s;

}

.social-icons a:hover{

background:#FFD700;

color:#111;

transform:translateY(-8px);

}

iframe{

width:100%;

height:280px;

border:0;

border-radius:20px;

margin-top:20px;

}

hr{

border-color:rgba(255,255,255,.12);

margin:50px 0;

}

.copyright{

text-align:center;

color:#bbb;

margin-top:20px;

}

@media(max-width:991px){

.footer-widget{

margin-bottom:40px;

}

.footer-widget h3{

font-size:28px;

}

.footer-chakra{

width:450px;

height:450px;

}

}

.footer-widget li {
    padding: 10px 0;
    transition: .3s;
    font-size: 21px;
    color: #ffffff;
}

/* =================================
   SHIVA PARVATI POOJA SECTION
================================= */

.pooja-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #fff8ec,
        #fff,
        #f8edff
    );

}


/* Decorative background glow */

.pooja-section::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:rgba(148,55,180,.08);

    filter:blur(80px);

    top:-150px;
    left:-150px;

}


/* IMAGE */

.pooja-image-box{

    position:relative;

    border-radius:30px;

    overflow:hidden;

    padding:12px;

    background:linear-gradient(
        135deg,
        #d4af37,
        #fff1a8,
        #9b6b00
    );

    box-shadow:
    0 25px 60px rgba(0,0,0,.18);

}


/* Image */

.pooja-image-box img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:22px;

    display:block;

    transition:
    transform .8s ease,
    filter .8s ease;

}


/* IMAGE HOVER */

.pooja-image-box:hover img{

    transform:scale(1.08);

    filter:
    brightness(1.08)
    saturate(1.15);

}


/* Glow animation */

.pooja-glow{

    position:absolute;

    width:160px;
    height:160px;

    border-radius:50%;

    background:#ffd700;

    opacity:.15;

    filter:blur(40px);

    top:30px;
    left:30px;

    animation:poojaGlow 4s ease-in-out infinite;

}


@keyframes poojaGlow{

    0%,100%{

        transform:scale(1);

        opacity:.12;

    }

    50%{

        transform:scale(1.5);

        opacity:.3;

    }

}


/* Badge */

.image-badge{

    position:absolute;

    bottom:30px;

    left:30px;

    padding:12px 22px;

    background:rgba(50,10,70,.85);

    backdrop-filter:blur(10px);

    color:#fff;

    border-radius:50px;

    font-weight:600;

    box-shadow:0 8px 25px rgba(0,0,0,.2);

}


/* CONTENT */

.pooja-content{

    position:relative;

}


.small-title{

    color:#9a6500;

    font-weight:700;

    letter-spacing:2px;

    font-size:14px;

}


.pooja-content h2{

    margin-top:15px;

    margin-bottom:20px;

    font-size:44px;

    line-height:1.2;

    font-family:'Cinzel',serif;

    font-weight:700;

    background:
    linear-gradient(
        90deg,
        #4a1760,
        #b77a00
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


.gold-line{

    width:90px;

    height:4px;

    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #9c6b00,
        #ffd700
    );

    margin-bottom:25px;

}


.pooja-content p{

    color:#555;

    line-height:1.9;

    font-size:16px;

}


/* FEATURES */

.pooja-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin:30px 0;

}


.pooja-features div{

    padding:15px;

    background:#fff;

    border-radius:15px;

    border:1px solid rgba(180,130,20,.15);

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:.35s;

}


.pooja-features div:hover{

    transform:
    translateY(-6px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

}


.pooja-features span{

    font-size:25px;

    margin-right:8px;

}


/* BUTTONS */

.pooja-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}


.pooja-buttons a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 25px;

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}


.pooja-call{

    background:
    linear-gradient(
        135deg,
        #7b1fa2,
        #4a1760
    );

}


.pooja-whatsapp{

    background:
    linear-gradient(
        135deg,
        #25d366,
        #128c7e
    );

}


.pooja-buttons a:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 12px 30px rgba(0,0,0,.2);

}


.pooja-buttons i{

    font-size:20px;

}


/* MOBILE */

@media(max-width:991px){

    .pooja-image-box img{

        height:400px;

    }

    .pooja-content h2{

        font-size:34px;

    }

}


@media(max-width:576px){

    .pooja-section{

        padding:60px 0;

    }

    .pooja-image-box img{

        height:330px;

    }

    .pooja-features{

        grid-template-columns:1fr;

    }

    .pooja-buttons{

        flex-direction:column;

    }

    .pooja-buttons a{

        justify-content:center;

    }

}

.call-btn {
    background: #ff631c;
}
.google-card {
    background: #003477;
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .4s;
    height: 100%;
    margin-bottom: 5px;
    border: 1px solid #eee;
}
.google-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #ffffff;
}


/* ==========================================
   ASTROLOGY SLIDER
========================================== */

.astro-slider {
    width: 100%;
    overflow: hidden;
    background: #070016;
}


/* ==========================================
   SLIDE
========================================== */

.astro-slide {
    position: relative;
    min-height: 650px;
    height: 650px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #351064 0%,
            #120027 45%,
            #05000c 100%
        );
}


/* ==========================================
   MYSTICAL LIGHT
========================================== */

.astro-slide::before {
    content: "";
    position: absolute;

    width: 700px;
    height: 700px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(157, 67, 255, .45),
            rgba(87, 0, 150, .15),
            transparent 70%
        );

    filter: blur(20px);

    z-index: 0;

    animation: mysticalGlow 5s ease-in-out infinite;
}


@keyframes mysticalGlow {

    0% {
        transform: translate(-50%, -50%) scale(.9);
        opacity: .6;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.08);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(.9);
        opacity: .6;
    }

}


/* ==========================================
   CHAKRA
========================================== */

.chakra-rotate {

    position: absolute;

    width: 560px;
    height: 560px;

    object-fit: contain;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    opacity: .85;

    filter:
        drop-shadow(0 0 15px #8c3dff)
        drop-shadow(0 0 35px #6b00ff);

    animation:
        chakraSpin 25s linear infinite;

}


/* ==========================================
   CHAKRA ROTATION
========================================== */

@keyframes chakraSpin {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

}


/* ==========================================
   HAND PNG
========================================== */

.astro-hand {

    position: absolute;

    width: 520px;

    max-width: 45vw;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%)
        scale(.9);

    z-index: 4;

    object-fit: contain;

    filter:
        drop-shadow(0 15px 30px rgba(0,0,0,.6))
        drop-shadow(0 0 15px rgba(180,80,255,.4));

    animation: handFloat 4s ease-in-out infinite;

}


/* ==========================================
   HAND FLOATING
========================================== */

@keyframes handFloat {

    0% {
        transform:
            translate(-50%, -50%)
            scale(.9)
            translateY(0);
    }

    50% {
        transform:
            translate(-50%, -50%)
            scale(.94)
            translateY(-12px);
    }

    100% {
        transform:
            translate(-50%, -50%)
            scale(.9)
            translateY(0);
    }

}


/* ==========================================
   DARK OVERLAY
========================================== */

.astro-overlay {

    position: absolute;

    inset: 0;

    z-index: 5;

    background:
        linear-gradient(
            90deg,
            rgba(5,0,12,.15),
            rgba(5,0,12,.35),
            rgba(5,0,12,.88)
        );

}


/* ==========================================
   CONTENT
========================================== */

.astro-content {

    position: relative;

    z-index: 10;

    max-width: 600px;

    margin-left: auto;

    padding: 40px;

    text-align: center;

    color: #fff;

}


/* ==========================================
   SMALL TITLE
========================================== */

.astro-small-title {

    display: inline-block;

    font-size: 17px;

    font-weight: 700;

    letter-spacing: 4px;

    color: #d9a7ff;

    margin-bottom: 15px;

    text-shadow:
        0 0 10px #9d3cff;

}


/* ==========================================
   MAIN HEADING
========================================== */

.astro-content h1 {

    margin: 0;

    font-size: 58px;

    line-height: 1.05;

    font-weight: 900;

    letter-spacing: -1px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    text-shadow:
        0 5px 20px rgba(0,0,0,.8);

}


.astro-content h1 span {

    display: block;

    color: #d477ff;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #c66cff,
            #ffffff
        );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation:
        textShine 4s linear infinite;

}


@keyframes textShine {

    to {
        background-position: 200% center;
    }

}


/* ==========================================
   DESCRIPTION
========================================== */

.astro-content p {

    font-size: 18px;

    line-height: 1.7;

    margin:
        25px
        0;

    color: #eee;

}


/* ==========================================
   BUTTONS
========================================== */

.astro-buttons {

    display: flex;

    justify-content: center;

    gap: 15px;

    flex-wrap: wrap;

}


.astro-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        14px
        28px;

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;

    border: 1px solid rgba(255,255,255,.3);

    background:
        linear-gradient(
            135deg,
            #812cff,
            #c03cff
        );

    box-shadow:
        0 10px 30px
        rgba(125,35,255,.35);

    transition:
        .3s ease;

}


.astro-btn:hover {

    color: #fff;

    transform:
        translateY(-5px)
        scale(1.03);

    box-shadow:
        0 15px 40px
        rgba(173,70,255,.6);

}


/* ==========================================
   WHATSAPP
========================================== */

.whatsapp-btn {

    background:
        linear-gradient(
            135deg,
            #08a765,
            #16d477
        );

    box-shadow:
        0 10px 30px
        rgba(0,210,110,.25);

}


.whatsapp-btn:hover {

    box-shadow:
        0 15px 40px
        rgba(0,230,120,.5);

}


/* ==========================================
   SLIDER ARROWS
========================================== */

.astro-arrow {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 45px;

    line-height: 1;

    color: #fff;

    background:
        rgba(110,40,170,.35);

    border:
        1px solid
        rgba(255,255,255,.25);

    backdrop-filter:
        blur(10px);

    transition: .3s;

}


.carousel-control-prev:hover
.astro-arrow,
.carousel-control-next:hover
.astro-arrow {

    background: #8d36e8;

    transform: scale(1.1);

}


/* ==========================================
   INDICATORS
========================================== */

.astro-slider
.carousel-indicators {

    z-index: 15;

}


.astro-slider
.carousel-indicators button {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 1px solid #fff;

    background: transparent;

    opacity: .7;

}


.astro-slider
.carousel-indicators button.active {

    width: 28px;

    border-radius: 20px;

    background: #b64cff;

    opacity: 1;

}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .astro-slide {

        height: 650px;

        min-height: 650px;

    }

    .chakra-rotate {

        width: 480px;
        height: 480px;

        left: 35%;

    }

    .astro-hand {

        width: 430px;

        left: 35%;

    }

    .astro-content {

        max-width: 500px;

        padding: 25px;

    }

    .astro-content h1 {

        font-size: 44px;

    }

}


@media (max-width: 767px) {

    .astro-slide {

        min-height: 720px;

        height: 720px;

        align-items: flex-end;

    }

    .chakra-rotate {

        width: 370px;

        height: 370px;

        left: 50%;

        top: 34%;

    }

    .astro-hand {

        width: 330px;

        max-width: none;

        left: 50%;

        top: 34%;

    }

    .astro-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(5,0,12,.05),
                rgba(5,0,12,.25),
                rgba(5,0,12,.95)
            );

    }

    .astro-content {

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding:
            20px
            20px
            55px;

    }

    .astro-small-title {

        font-size: 13px;

        letter-spacing: 2px;

    }

    .astro-content h1 {

        font-size: 34px;

    }

    .astro-content p {

        font-size: 15px;

        margin: 15px 0 20px;

    }

    .astro-btn {

        padding:
            12px
            20px;

        font-size: 13px;

    }

    .astro-arrow {

        width: 40px;

        height: 40px;

        font-size: 30px;

    }

}



/* =========================================
   MODERN ASTROLOGY NAVBAR
========================================= */

:root {
    --astro-purple: #54206b;
    --astro-purple-dark: #32103f;
    --astro-orange: #e86b21;
    --astro-pink: #d4145a;
    --astro-light: #fff8fc;
    --astro-text: #29202d;
}


/* NAVBAR */

.astro-navbar {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-bottom: 1px solid rgba(84, 32, 107, 0.10);

    padding: 12px 0;

    transition: all .35s ease;

    z-index: 9999;
}


/* LOGO */

.astro-logo {
    display: flex;
    align-items: center;
    gap: 10px;

    text-decoration: none !important;

    transition: .3s ease;
}

.astro-logo:hover {
    transform: translateY(-2px);
}


/* LOGO SYMBOL */

.logo-symbol {
    width: 48px;
    height: 48px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-size: 23px;

    background:
        linear-gradient(
            135deg,
            var(--astro-purple),
            var(--astro-pink)
        );

    box-shadow:
        0 7px 20px rgba(84, 32, 107, .25);

    position: relative;

    overflow: hidden;
}

.logo-symbol::before {
    content: "";

    position: absolute;

    width: 80px;
    height: 80px;

    border: 1px solid rgba(255,255,255,.35);

    border-radius: 50%;

    animation: logoRotate 8s linear infinite;
}

@keyframes logoRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* LOGO TEXT */

.logo-text {
    display: flex;
    flex-direction: column;

    line-height: 1;
}

.logo-text span {
    font-size: 11px;

    letter-spacing: 2px;

    color: var(--astro-purple);

    font-weight: 700;
}

.logo-text strong {
    font-size: 22px;

    letter-spacing: 1px;

    color: var(--astro-purple-dark);

    font-weight: 800;
}

.logo-text small {
    font-size: 7px;

    letter-spacing: 1.3px;

    color: #777;

    margin-top: 4px;
}


/* NAV LINKS */

.astro-navbar .nav-link {

    color: var(--astro-text);

    font-size: 14px;

    font-weight: 600;

    padding: 10px 13px !important;

    position: relative;

    transition: all .3s ease;
}


/* UNDERLINE */

.astro-navbar .nav-link::after {

    content: "";

    position: absolute;

    left: 13px;
    right: 13px;

    bottom: 3px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--astro-purple),
            var(--astro-pink)
        );

    transform: scaleX(0);

    transform-origin: center;

    transition: transform .3s ease;

    border-radius: 10px;
}


.astro-navbar .nav-link:hover,
.astro-navbar .nav-link.active {

    color: var(--astro-purple);
}


.astro-navbar .nav-link:hover::after,
.astro-navbar .nav-link.active::after {

    transform: scaleX(1);
}


/* DROPDOWN */

.astro-dropdown {

    border: 0;

    border-radius: 16px;

    padding: 10px;

    margin-top: 12px;

    min-width: 260px;

    background: rgba(255,255,255,.98);

    box-shadow:
        0 20px 50px rgba(38, 15, 48, .16);

    animation: dropdownAnimation .25s ease;
}


@keyframes dropdownAnimation {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


.astro-dropdown .dropdown-item {

    padding: 11px 13px;

    border-radius: 10px;

    font-size: 13px;

    font-weight: 600;

    color: #3b3040;

    transition: all .25s ease;

    display: flex;

    align-items: center;

    gap: 10px;
}


.astro-dropdown .dropdown-item i {

    color: var(--astro-purple);

    font-size: 15px;

    width: 20px;

    text-align: center;
}


.astro-dropdown .dropdown-item:hover {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--astro-purple),
            var(--astro-pink)
        );

    transform: translateX(4px);
}


.astro-dropdown .dropdown-item:hover i {
    color: #fff;
}


.astro-dropdown .dropdown-divider {
    opacity: .1;
}


/* VIEW ALL */

.astro-dropdown .view-all {

    color: var(--astro-pink);

    font-weight: 700;
}


/* CALL BUTTON */

.navbar-call {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 7px 13px;

    color: #fff !important;

    text-decoration: none;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            var(--astro-purple),
            var(--astro-pink)
        );

    box-shadow:
        0 8px 20px rgba(84, 32, 107, .25);

    transition: all .3s ease;
}


.navbar-call:hover {

    color: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(84, 32, 107, .35);
}


.call-icon {

    width: 34px;
    height: 34px;

    border-radius: 50%;

    display: flex;

    justify-content: center;
    align-items: center;

    background: rgba(255,255,255,.18);

    animation: callPulse 2s infinite;
}


@keyframes callPulse {

    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.35);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255,255,255,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
    }

}


.navbar-call small {

    display: block;

    font-size: 8px;

    opacity: .8;

    text-transform: uppercase;

    letter-spacing: 1px;
}


.navbar-call strong {

    display: block;

    font-size: 12px;

    letter-spacing: .3px;
}


/* MOBILE TOGGLER */

.astro-toggler {

    border: 0;

    width: 45px;
    height: 45px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--astro-purple),
            var(--astro-pink)
        );

    box-shadow:
        0 5px 15px rgba(84, 32, 107, .2);
}


.astro-toggler:focus {

    box-shadow:
        0 0 0 4px rgba(84,32,107,.15);
}


/* MOBILE */

@media (max-width: 991.98px) {

    .astro-navbar {
        padding: 10px 0;
    }

    .astro-navbar .navbar-collapse {

        margin-top: 15px;

        padding: 15px;

        border-radius: 18px;

        background: #fff;

        box-shadow:
            0 15px 40px rgba(40,20,50,.12);
    }


    .astro-navbar .nav-link {

        padding: 12px 10px !important;
    }


    .astro-navbar .nav-link::after {

        display: none;
    }


    .astro-dropdown {

        margin-top: 0;

        box-shadow: none;

        border-radius: 12px;

        background: var(--astro-light);
    }


    .navbar-call {

        justify-content: center;

        width: 100%;
    }

}


/* SMALL MOBILE */

@media (max-width: 575px) {

    .logo-symbol {

        width: 42px;
        height: 42px;

        font-size: 19px;
    }

    .logo-text strong {

        font-size: 18px;
    }

    .logo-text small {

        font-size: 6px;
    }

}

.astro-slider {
    width: 100%;
    overflow: hidden;
    margin-top: -20px;
    background: #070016;
}


@media (max-width: 767px) {
    .astro-overlay {
        background: linear-gradient(180deg, rgb(21 0 34), rgba(5, 0, 12, .25), rgb(225 5 1 / 95%));
    }
}
@media (max-width: 767px) {
    .astro-overlay {
        background: linear-gradient(180deg, rgb(21 0 34 / 57%), rgba(5, 0, 12, .25), rgb(225 5 1 / 95%));
    }
}
.services-box {
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(15px);
    padding: 35px;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, .15);
    position: relative;
    z-index: 2;
}
.about-section {
    position: relative;
    padding: 31px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #780000, #ff4c07, #17072f);
}
.astro-navbar {
    background: rgb(255 176 0 / 96%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(84, 32, 107, 0.10);
    padding: 12px 0;
    transition: all .35s ease;
    z-index: 9999;
}
.footer-btns a {
    padding: 14px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
}

.navbar-call strong {
    display: block;
    font-size: 27px;
    letter-spacing: .3px;
}

.astro-toggler {
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: linear-gradient(135deg, #a8007d, #ffc107);
    box-shadow: 0 5px 15px rgba(84, 32, 107, .2);
}


.about-section {
    position: relative;
    padding: 31px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #030207, #05010e, #000000);
}
.astro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .3);
    background: linear-gradient(135deg, #ffb800, #df8e00);
    box-shadow: 0 10px 30px rgba(125, 35, 255, .35);
    transition: .3s ease;
}
.why-us{
background:linear-gradient(135deg,#12061d,#2b0a47,#18031f);
position:relative;
overflow:hidden;
}

.why-us:before{
content:'';
position:absolute;
width:650px;
height:650px;
background:url(images/chakra.png) center no-repeat;
background-size:contain;
opacity:.06;
left:50%;
top:50%;
transform:translate(-50%,-50%);
animation:rotate360 40s linear infinite;
}

.sub-title{
color:#ffb400;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
}

.main-title{
font-size:48px;
font-weight:800;
color:#fff;
margin-top:10px;
}

.lead-text{
color:#ddd;
max-width:750px;
margin:auto;
}

.why-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(15px);
border-radius:30px;
padding:40px 25px;
text-align:center;
transition:.4s;
height:100%;
border:1px solid rgba(255,255,255,.08);
}

.why-card:hover{
transform:translateY(-15px);
background:linear-gradient(135deg,#ff9800,#ff5722);
color:#fff;
box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.icon-circle{
width:95px;
height:95px;
margin:auto;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
color:#ff5722;
margin-bottom:25px;
box-shadow:0 15px 30px rgba(0,0,0,.25);
transition:.4s;
}

.why-card:hover .icon-circle{
transform:rotate(360deg) scale(1.1);
background:#fff;
}

.why-card h4{
font-weight:700;
margin-bottom:15px;
font-size:26px;
}

.why-card p{
line-height:1.8;
font-size:15px;
}

@keyframes rotate360{
from{
transform:translate(-50%,-50%) rotate(0deg);
}
to{
transform:translate(-50%,-50%) rotate(360deg);
}
}

.why-us {
    background: linear-gradient(135deg, #ff601d, #ef7d05, #ff641b);
    position: relative;
    overflow: hidden;
}

p {
    margin-bottom: 20px;

    text-align: justify;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
}
.why-card h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 26px;
    COLOR: WHITE;    font-family: 'Marcellus SC', serif;
}

.review-section{

position:relative;

overflow:hidden;

padding:90px 0;

background:linear-gradient(135deg,#12041f,#22053a,#0f0225);

}

.chakra-bg{

position:absolute;

width:700px;

height:700px;

background:url('../images/hand_bg.png') center/contain no-repeat;

left:-180px;

top:50%;

transform:translateY(-50%);

opacity:.08;

animation:spin 35s linear infinite;

}

@keyframes spin{

100%{

transform:translateY(-50%) rotate(360deg);

}

}

.review-title{

font-size:48px;

font-weight:800;

color:#fff;

margin-bottom:10px;

}

.sub-title{

color:#ffbf00;

font-weight:700;

letter-spacing:2px;

}

.review-section p{

color:#ddd;

}

.review-card{

background:rgba(255,255,255,.08);

backdrop-filter:blur(12px);

border-radius:25px;

padding:30px;

transition:.4s;

box-shadow:0 15px 35px rgba(0,0,0,.35);

height:100%;

border:1px solid rgba(255,255,255,.15);

}

.review-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 50px rgba(255,170,0,.4);

}

.google-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.google-logo{

width:40px;

}

.stars{

font-size:22px;

color:#FFD700;

letter-spacing:3px;

}

.profile{

display:flex;

align-items:center;

margin-bottom:20px;

}

.profile img{

width:70px;

height:70px;

border-radius:50%;

margin-right:15px;

border:4px solid #ffbf00;

object-fit:cover;

}

.profile h5{

margin:0;

color:#fff;

font-weight:700;

}

.profile span{

font-size:13px;

color:#ccc;

}

.review-card p{

font-size:15px;

line-height:28px;

margin-top:15px;

}

.carousel-control-prev-icon,

.carousel-control-next-icon{

background-color:#ff9800;

padding:25px;

border-radius:50%;

}

@media(max-width:991px){

.review-title{

font-size:34px;

}

.review-card{

margin-bottom:25px;

}

}

.review-section {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(135deg, #3c0003, #22053a, #370004);
}

.contact-item {
    background: rgb(255 255 255 / 0%);
    padding: 14px 18px;
    margin-bottom: 15px;
    border-radius: 12px;
    backdrop-filter: blur(12px);
}

.astro-footer:before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: url(images/hand_bg.png);
    background-size: contain;
    opacity: 0.3 !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: spin 40s linear infinite;
}
.astro-navbar {
    background: rgb(255 252 252);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(84, 32, 107, 0.10);
    padding: 12px 0;
    transition: all .35s ease;
    z-index: 9999;
}

.about-section {
    position: relative;
    padding: 31px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #813404f7, #2f0200, #500d0df2);
}

.pooja-image-box {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    padding: 12px;
    background: linear-gradient(135deg, #c4155c, #bd165d, #6a1e68);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
}

.navbar-call strong {
    display: block;
    font-size: 23px;
    letter-spacing: .3px;
}