@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

body{
    margin:0;
    padding:0;
    /*color:#ffd99e;*/
    color: #000;
    font-family: 'Poppins', sans-serif;

}

.main{
    margin: auto;
    padding: 0;
    width: 93%;
}

a{
    color: #000;
    text-decoration: none;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
img{
    max-width: 100%;
}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
h6{margin:0px;}

/*font-family: 'Metal Mania', cursive;*/


/*START HEADER SECTION*/

/*start top head section*/

.tophead-section{
	padding: 0;
	background:url(../images/shiv-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.tophead-section-1{
	padding: 0;
	background: rgba(0,0,0,0.85);
}
.tophead-section1{
	padding:20px;
}
/*start top-head line*/

.top2{
  padding: 0px;
}
.top3{
  padding: 10px;
}
.top4{
  padding: 0px;
}

.top-3{
  padding: 0px;
}
.top-4{
  padding: 0px;
}
.top-4 p{
    text-align: center;
    line-height: 1;
    font-size: 25px;
    color: #ffffff;
    animation: neon .08s ease-in-out infinite alternate;
    margin: 0px;
    padding: 15px 0px;
  }
@keyframes neon {
  from {
    text-shadow:
    0 0 6px #ffb000,
    0 0 30px rgb(220 220 181),
    0 0 12px #ffb000,
    0 0 21px #ffb000,
    0 0 34px rgb(255 255 0),
    0 0 54px #ffb000;
  }
  to {
    text-shadow:
    0 0 6px rgb(218 218 193),
    0 0 30px rgb(209 209 192),
    0 0 12px rgb(233 233 161),
    0 0 22px #ffb000,
    0 0 38px rgb(246 246 125),
    0 0 60px #ffb000;
  }
}
.top4 ul{
  padding: 0;
  max-height: 09;
  list-style: none;
}
.top4 li{
  list-style: none;
  text-align: left;
  font-size: 18px;
  color: #fff;
  padding:0px 20px;
  display: inline-block;
}
.top4 li i{
  color: #ffb000;
  margin: 0px 5px 0 0;
  font-size: 19px;
}

/*start top-head line*/

/*start head section*/

.head{
  padding: 10px;
}
.head1a{
  padding: 10px;
  visibility: hidden;
}
.head-1a{
  padding: 0px;
}
.head1{
  padding: 0px;
}
.head-1{
  padding: 0px;
}
.head2{
  padding: 10px;
}
.head-2{
  padding: 0px;
}

.head3{
  padding: 5px;
  margin: 0;
  text-align: right;
}
.head3 p{
  margin: 0;
  padding: 7px 0px;
    font-size: 22px;
  color: #fff;
  text-transform: capitalize;
}
.head3 span{
  font-size: 18px;
  color: #ffb000;
  font-weight: 500;
  text-transform: capitalize;
}
.head4{
    font-size: 18px;
    background:#FF0000;
    color: #fff;
    padding: 7px 15px 0;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 9px;
}
/*end head section*/

/*end top head section*/

/*start slider section*/

.slider{
	padding: 0;
}


/*end slider section*/


/*END HEADER SECTION*/

/*start top services sectuion*/

.top-services{
	padding: 0;
	margin: -30px 0 0 0;
}
.top-services1{
    padding: 0 30px 30px 30px;
    background:#fff;
}
.top-services2{
	padding: 40px 20px 20px;
}
.top-services2 ul{
	margin: 0;
	text-align: center;
	padding: 0;
	list-style: none;
}
.top-services2 ul li{
	margin: 0;
    padding: 5px 25px;
    text-transform: capitalize;
    font-size: 18px;
    color: #222;
    font-weight: 400;
    display: inline-block;
}
.top-services2 li i{
	color: #000;
	padding: 0 6px;
	font-size: 28px;
}


/*end top services section*/

/*start best services section*/

.best-services{
	padding: 0;
}
.best-services1{
	padding:50px 30px;
}
.verticle-bar {
    width: 2px;
    height: 80px;
    background-color:#00FF00;
    margin: 20px auto 0;
}
.best-head{
	padding: 10px 0;
	text-align: center;
}
.best-head span{
    font-size: 20px;
    text-shadow: 3px 2px #000;
    color: #fff;
    text-transform: capitalize;
}
.best-head p{
	    color: #000;
    font-family: 'Metal Mania', cursive;
    font-size: 50px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 5px 0;
}
.best-services2{
	padding: 20px;
}
.best-services3{
	padding: 10px;
}
.best-services4{
	padding: 10px;
	margin: auto;
    min-height: 350px;
    perspective: 800px;
}
.best-services4  .card1 {
    background-image: url(../images/love-back.jpg);
    z-index: 4;
    transform: rotateY(15deg);
    min-height: 350px;
}
.best-services4  .card2 {
    background-image: url(../images/divorce.jpg);
    z-index: 4;
    min-height: 350px;
}
.best-services4  .card3 {
    background-image: url(../images/business.jpg);
    z-index: 4;
    transform: rotateY(-15deg);
    min-height: 350px;
}
.best-services4 .card-wrapper {
    background-position: center;
    padding: 1rem 2rem 0;
    background-size: cover;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform-origin: top;
    position: relative;
    overflow: hidden;
}
.best-services4 .card-wrapper:before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(190deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 90%);
    clip-path: polygon(0 0, 100% 0, 100% 25%, 0 75%);
    opacity: 0;
    position: absolute;
    transition: all 0.3s;
    transform: translateY(-100%);
}

.best-services4 .card-box {
    z-index: 10;
    position: relative;
}
.card-box {
    width: 100%;
    text-align: left;
}
.best-services4 .card-box span{
	color: #fff;
	margin: 0;
	font-size: 31px;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Metal Mania', cursive;
}
.best-services4 .card-box p{
	padding: 10px 0;
	margin: 0;
}
.best-services4 .card-box p a{
	text-decoration: none;
	font-size: 30px;
	font-weight: 500;
	color:#00FF00;
	text-transform: capitalize;
	font-family: 'Metal Mania', cursive;
}


.best-services4 .card-wrapper:hover {
  transform: rotateX(20deg);
}
.best-services4 .card-wrapper:hover:before {
  transform: translateY(-10%);
  opacity: 1;
}


/*end best services section*/


/*start why choose us section*/

.chooseus-section{
	padding:0;
}
.chooseus-section1{
	padding: 50px 30px;
}
.choose-head{
	padding: 10px 0;
	text-align: center;
}
.choose-head p{
	margin: 0;
	font-size: 30px;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Metal Mania', cursive;
}
.list-section{
	padding: 10px;
}
.list-section1{
	padding: 0px;
	/* border:1px solid; */
}
.list{
	padding: 0;
	text-align: left;
}
.list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.list ul li{
	margin: 0;
	padding: 5px;
	line-height: 34px;
	border-bottom: 1px solid #eee;
	font-size: 17px;
	font-weight: 400;
	text-transform: capitalize;
}
.list li i{
	color: #ff0000;
	padding: 0 5px 0 0;
}
.choose{
	padding: 10px;
}
.choose-1{
	padding: 10px;
	/* border:1px solid; */
}
.choose-2{
	padding: 8px 0px;
	text-align: center;
}
.choose-2 p{
	color: #000;
	font-size: 23px;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Metal Mania', cursive;
}
.choose-2 i{
	color: #ff0000;
	font-size: 30px;
}
.services{
	padding: 10px;
}
.services1{
	padding: 0px;
	/* border:1px solid; */
}
.serv1{
	padding: 0px 5px;
}
.serv2{
	padding: 0px;
	/* border:1px solid; */
}
.serv3{
	padding: 0;
}
.serv4{
	padding: 0px 0;
	text-align: center;
}
.serv4 p{
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    padding: 10px 0;
    text-transform: capitalize;
    font-family: 'Metal Mania', cursive;
}
.serv1:hover .serv4 p{
	background:#000;
	color: #ff0000;
}

/*end why choose us section*/

/*start mark1 section*/

.mark1{
  padding: 0;
  background:#000;
}
.mark-1{
  padding: 30px;
  overflow: hidden;
  text-align: center;
}
.mark-1 p{
   color:#fff;
    font-size: 36px;
    text-transform: capitalize;
    margin: 0;
    line-height: 2;
    padding: 10px 0;
    font-family: 'Metal Mania', cursive;
    background-size: 120% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-image: linear-gradient(45deg, #ffffff,#ff0000, #ffffff,#ffb000);
    animation: .8s shake infinite alternate;
}

@keyframes shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}
.mark-1 span{
  color:#0000FF;
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
}

/*end mark1 section*/

/*start main services section*/

.main-services{
	padding: 0;
}
.main-services1{
	padding: 50px 30px;
}
.main-services2{
	padding: 20px;
}
.main-serv{
	padding: 10px;
}
.main-serv1{
	padding: 0px;
	overflow: hidden;
	/* border:1px solid; */
}
.card {
  border-radius: 16px !important;
  height: 360px;
  width: 360px;
  background: url("images/serv1.html");
  background-size: cover;
  position: relative;
  background-position: center;
  overflow: hidden;
  background-repeat: no-repeat;
}
.content {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
}
.content .main-txt{
  color: #ffb000;
  font-size: 30px;
  text-transform: capitalize;
  padding: 10px 0 20px 0;
  font-family: 'Metal Mania', cursive;
}
.content p{
	text-align: center;
	margin: 0;
}
.content  a{
	text-decoration: none;
	font-size: 24px;
	font-weight: 500;
	color: #000;
	background:#ffb000;
	padding: 2px 20px;
	text-transform: capitalize;
	font-family: 'Metal Mania', cursive;
}

.card:before {
  content: "";
  position: absolute;
  width: 360px;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.92);
}

.card .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.card .img span {
  width: 25%;
  height: 100%;
  background: url("../images/love-marriage.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card1 .img span {

 width: 25%;
  height: 100%;
  background: url("../images/love-problems.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card2 .img span {

 width: 25%;
  height: 100%;
  background: url("../images/parents-approval.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card3 .img span {

 width: 25%;
  height: 100%;
  background: url("../images/career.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card4 .img span {

 width: 25%;
  height: 100%;
  background: url("../images/childless.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card5 .img span {

 width: 25%;
  height: 100%;
  background: url("../images/family.jpg");
  background-size: cover;
  transition: 0.5s;
}
.card .img span:nth-child(1) {
  background-position: 0%;
  transition-delay: 0s;
}
.card .img span:nth-child(2) {
  background-position: 33.33333%;
  transition-delay: 0.1s;
}
.card .img span:nth-child(3) {
  background-position: 66.66666%;
  transition-delay: 0.2s;
}
.card .img span:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}

.main-serv3{
  position: absolute;
  top: 45%;
  width: 70%;
  background-color: #000;
  color: #fff;
  transition: 0.3s;
  text-align: center;
  padding: 0px 0px;
  left: 0;
  transform: translateX(0);
}


.main-serv3 p{
  font-size: 23px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    padding: 7px 4px;
    text-transform: capitalize;
    font-family: 'Metal Mania', cursive;
}
.serv7:hover .main-serv3{
  opacity: 0;
  transform: translateX(-100%);
  transition: 0.3s;
}

/*end main services section*/

/*start form section*/

.form{
    padding: 0px;
}
.form1{
    padding: 30px;
}
.ban1{
    padding: 10px;
}
.ban2{
    padding: 0px;
    box-shadow: -6px 0 3px #eee;
}
.detail{
  padding: 15px 10px;
  text-align: left;
}
.detail p{
  color: #000;
  background: #ffb000;
  padding: 6px 15px;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px 0;
  display: inline-block;
  border-radius: 15px;
  text-transform: capitalize;
  text-align: center;
  width:100%;
}
.detail span{
 text-align: center;
    font-size: 32px;
    font-weight: 600;
    padding: 0px 10px;
     text-transform: capitalize;
    display: block;
	
}
.detail i{
  padding: 0 5px 0 0;
}

.form-1{
    padding: 10px;
}
.form-2{
    padding: 20px;
}
.contac-r {
    padding: 0px 0px 0px 0px;
    margin: 0;
    text-align: left;
}
.form-texxx{
  text-align: center;
  padding: 0 0 15px 0;
}
.form-texxx p {
     color: #000;
    font-family: 'Metal Mania', cursive;
    font-size: 50px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 5px 0;
}
.form-texxx span{
     font-size: 20px;
    text-shadow: 3px 2px #000;
    color: #fff;
    text-transform: capitalize;
}
.form-group {
    padding: 5px;
}
input.form-control {
    color: #000;
}
.form-group label {
    color: #000000;
    text-align: left;
    font-size: 19px;
    font-weight: 500;
}
.form-control {
    background-color:#ffffff;
}
textarea.form-control {
    height: 80px;
    color: #000;
}
.btn-group>.btn:first-child {
    margin-top: 0px;
    padding: 13px 18px;
    /* border-radius: 30px; */
    color: #ffffff;
    font-size: 14px;
    background: #000000;
}

/*end form section*/



/*start footer section*/

.footer-section{
	padding: 0;
	color: #ffbb03;
	background: #000;
}
.footer-section1{
	padding: 50px 30px;
}
.footer-section-2{
	padding: 10px;
}
.footer-section-3{
	padding: 10px;
	text-align: center;
}
.footer-section2{
	padding: 10px;
}
.footer-section3{
	padding: 10px;
}
.footer-head{
	padding: 0;
	text-align: center;
}
.footer-head p{
	font-size: 35px;
	text-transform: capitalize;
	margin: 0;
	font-family: 'Metal Mania', cursive;
	padding: 5px;
}
.footer-head img{
	margin: -10px 0 0 0;
}
.footer-section4{
	text-align: center;
    padding:2px 0 0 0;
}
.footer-section4 ul{
	margin: 0;
	padding: 9px 0 0 0;
	list-style: none;
}
.footer-section4 li{
	color: #fff;
    padding: 5px 0 5px 0px;
    line-height: 26px;
    font-weight: 300;
    font-size: 17px;
    text-transform: capitalize;
}
.footer-section4 i{
	color: #ffbb03;
	font-size: 22px;
	padding: 0 8px 0 0;
}
.footer-section-4{
	text-align: center;
    padding:15px 0 0 0;
}
.footer-serv{
	padding: 0px;
	margin: 0px 0 0 0;
}

/*end footer section*/

/*start disclimer*/

.dis{
  padding: 0px;
  text-align: center;
   background:#000;
}
.dis-1{
  padding:0px 20px;
}
.dis-1 p{
    background:#000000;
    font-size: 16px;
    padding: 10px;
    line-height: 26px;
    margin: 0px;
    color: #fff;
    font-family: 'Poppins',sans-serif;
}
.copy-1{
  padding: 0px;
  border-top:1px solid #ffbb03;
}
.copy-1 .copy{
  background:#000;
  padding: 10px;
  margin:0px;
  font-family: 'Metal Mania', cursive;
  font-size: 16px;
  color:#0000FF;
}

/*end disclimer*/


  #callbook {
    background:green;
    bottom: 0;
    height:50px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 100;
}
#callbook ul{
  padding: 0px;
}
#callbook ul li {
    border-bottom:1px solid #fff; 
    background:red;
    position: relative;
    padding: 21px;
    width:50%;
    list-style:none;
    float:left; text-align: center;
}
  #callbook ul li a span {
    color: #fff;
    font-size:22px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    top: -15px;
}
#callbook ul li a i{ 
  color: #fff;
    position: relative;
    top: -13px;
    font-weight: 600;
    font-size: 20px;

}    
#callbook ul li a i{
        animation: pulsate 0.5s ease-out;
        animation-iteration-count: infinite;
        -webkit-animation: pulsate 0.5s ease-out;
        -webkit-animation-iteration-count: infinite;
}
@keyframes pulsate {
        0% {transform: scale(0.9, 0.9); opacity: 1;}
        50% {transform: scale(1.2, 1.2); opacity: 1;}
        100% {transform: scale(0.9, 0.9); opacity: 1;}
    }



/*start media query section*/

@media (max-width: 767px){
    body{text-align: center;}
    .tophead-section1 {padding: 0px 0;}
    .head {padding: 10px 0px;}
   .head1 {padding: 0px 5px;}
   .head2 {padding: 0px 6px 10px 0px;}
   .head-line-3 a {padding: 6px 14px 6px 14px;}
   .head3 {text-align: center;}
   .head-1 {text-align: center;}
   .best-services1{padding:30px 0px;}
   .best-services3{width: 50%;}
   .top-services2 {padding: 20px 0;}
   .best-services2 {padding: 20px 0;}
   .best-services4 .card-box span {font-size: 25px;}
   .serv1{width: 50%;}
   .choose-2{width: 50%;}
   .chooseus-section1{padding:30px 00px;}
   .mark-1 p {font-size: 27px;}
   .main-services1{padding:30px 0px;}
   .main-services2{padding: 20px 0;}
   .main-serv{width: 50%;}
   .footer-section1{padding: 30px 0px;}
    .footer-section2{width: 50%;}
    .footer-section-2 {padding: 0px 0;}
    .footer-serv{width: 50%;}
    .footer-section3 {padding: 10px 0;}
     .form1{padding: 30px 0;}
    .dis-1 {padding: 0px 0px;}
    .copy-1 {padding: 0px 0px 50px 0px;}
     #callbook ul li {padding: 20px 0px;}
     #callbook {display:block;}
     .footer-section3 {height: 250px;}
     .serv3 img{min-width: 100%;}
     .mark-1 {padding: 30px 0;}
     .mark-1 span {font-size: 20px;line-height: 36px;}
     .form-2 {padding: 20px 0;}


}

@media only screen and (min-width: 768px) and  (max-width:991px) {
    .head3 {text-align: center;}
   .head-1 {text-align: center;}
   .top4 li {font-size: 14px;padding: 7px 4px;}
   .head-line-3 a {padding: 7px 30px 10px 30px;font-size: 16px;}
   .top-services2 ul li {padding: 5px 10px;font-size: 17px;}
   .footer-head p {font-size: 31px;padding: 5px 0;}
   .footer-section3 {height: 250px;}
   .detail span {font-size: 17px;}
   .mark-1 span {font-size: 19px;line-height: 34px;}
   .top-services2 {padding: 40px 10px 20px;}
   .top-services2 ul li {padding: 5px 3px;}



}

@media only screen and (min-width: 991px) and  (max-width:1200px) {
   .top4 li {font-size: 14px;padding: 7px 4px;}
   .head-line-3 a {padding: 7px 30px 10px 30px;font-size: 16px;}
   .top-4 p {font-size: 22px;}
   .top-services2 ul li {padding: 5px 15px;}
   .best-services4 .card-box span {font-size: 25px;}
   .mark-1 span {font-size: 18px;}
   .main-serv3 p {font-size: 20px;}
   .footer-head p {font-size: 28px}

}

@media only screen and (min-width:1200px) and  (max-width:1275px){

}

@media (max-width: 575px) and (min-width: 0px) {
   .head-line-2 p {font-size: 15px;padding: 10px 0px 8px 0px;}
    .top-4 p {font-size: 19px;}
   .top4 li {font-size: 15px;padding: 0px 3px;}
   .head3 p { padding: 0px 0px 5px 0px;font-size: 14px;}
   .head3 span{font-size: 14px;line-height: 28px;}
   .head-line-3 a {padding: 6px 14px 6px 14px;font-size: 16px;}
   .best-services3{width: 100%;}
   .top-services {margin: -10px 0 0 0;}
   .top-services2 ul {text-align: left;}
   .top-services2 ul li {padding: 15px 20px;}
   .serv1{width: 100%;}
   .choose-2{width: 100%;}
   .best-head p {font-size: 40px;}
   
    .main-serv{width: 100%;}
      .footer-section-2 {padding: 0px 0;}
      .footer-serv{width: 100%;}
      .footer-section2{width: 100%;}
      .footer-section3{height: auto;}


}

@media (max-width: 480px) and (min-width:320px){
     .top-services {margin: -0px 0 0 0;}
     .mark-1 p {font-size: 25px;}
    .mark-1 span {font-size: 15px;line-height: 27px;}
    
}