*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:active, a:visited{text-decoration: none;}
ul, li{margin: 0px; padding: 0px;}

.thnaks {margin: 30px 0px;}
.go-home {
  background: #ffffff;
  border: none;
  padding: 10px 50px;
  margin: 30px 0;
  border-radius: 30px;
  color: #000 !important;
  text-transform: capitalize;
  box-shadow: 0 10px 16px 1px rgb(0 0 0);
}
.wrapper-2 {
	padding: 30px;
    text-align: center;
    background: #000000ad;
    width: 450px;
    margin: auto;
    margin-top: 30px;
}
.wrapper-2 h1 {
    color: #fff;
}
.wrapper-2 p {
    margin: 0;
    font-size: 1em;
    color: #fff;
    letter-spacing: 0px;
    padding: 8px;
	text-align: center;
}


.contactus-area {background-color: #fff; padding: 30px;}
.contact-area ul li a {
  color: #000;
  padding: 15px;
  line-height: 20px;
  margin-bottom: 0px;
  display: inline-block;
}
.contact-align-items {align-items: stretch;}
.service-gallery {padding: 40px 0px;}
.container .gallery a img {
  float: left;
  width: 33%;
  /* height: 260px; */
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.clear {
  clear: both;
}
a {
  color: #009688;
  text-decoration: none;
}
a:hover {
  color: #01695f;
  text-decoration: none;
}





body{background-image: url(../images/vikas/Home-page.jpg); background-repeat: repeat-y; background-size: cover; background-position: bottom; background-attachment: fixed; }
.bodyimg{background-color: #00000057;}

#page-title h1 {text-align: center; color: #fff; padding: 50px 0px;}
/* header */
header{background-color: #00000070;}
header .nav-link{color: white; font-size: 14px;}
header .nav-link:focus, header .nav-link:hover{color: #f0be00 !important;}
header .active{color: white;}
header .navbar-brand span{color: #fff; font-size: 30px; font-style: italic;}
/* header .navbar-brand img{width: 80px;} */
header .navbar-toggler{border: #f0be00 1px solid; color: #f0be00; font-size: 22px; padding: 10px 15px; border-radius: 0px;}
header .navbar-toggler:focus{box-shadow: none;}
header .offcanvas-title{color: #f0be00;}
header .offcanvas {background-color: #00000070;}
header .close{color: #f0be00; font-size: 25px; background-color: transparent; border: none;}
/* #about.services .aboutmn .aboutus p {
  font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
}
#about.services .aboutmn .aboutus ul li {
  text-align: left;
  font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
ul.disc {
  margin-left: 20px;
}
.service-img {
  position: sticky;
  top: 0px;
} */
header .glow-on-hover {
    padding: 8px 30px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    font-size: 14px;
}

header .glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5,
     #002bff, #7a00ff, #d14da7, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

header .glow-on-hover:active {
    color: #000
}

header .glow-on-hover:active:after {
    background: transparent;
}

header .glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 8px;
}

header .navbar .offcanvas {width: 280px;}

.map-area {height: 330px;margin-top: 20px;}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/* header ko sticky karna ki */


.sticky{background-color:#00000070 ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out; }

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }

/*  slider*/
#slider{padding: 60px 0px;}
#slider h1{font-size: 52px; font-weight: 500; color: white; text-align: center; font-family: ui-monospace;}
#slider h2{font-size: 35px; font-weight: 500; color: white; text-align: center; font-family: ui-monospace; margin-bottom: 30px;}

#slider .gallery  {
  --s: 280px; /* control the size */
  margin: auto;
  display: grid;
  width: var(--s);
  aspect-ratio: 1;
  overflow: hidden;
  padding: calc(var(--s)/20);
  border-radius: 50%;
  position: relative;
  clip-path: circle(49.5%);
}
#slider .gallery::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: inherit;
  border-radius: inherit;
  background: repeating-conic-gradient(#d14da7 0 30deg,#f0be00 0 60deg);
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
#slider .gallery > img {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transform-origin: 50% 120.7%;
}
#slider .gallery::after,
#slider .gallery > img {
  animation: m 8s infinite cubic-bezier(.5,-0.2,.5,1.2);
}
#slider .gallery > img:nth-child(2) {animation-delay: -2s}
#slider .gallery > img:nth-child(3) {animation-delay: -4s}
#slider .gallery > img:nth-child(4) {animation-delay: -6s}


@keyframes m {
  0%,3%    {transform: rotate(0)}
  22%,27%  {transform: rotate(-90deg)}
  47%,52%  {transform: rotate(-180deg)}
  72%,77%  {transform: rotate(-270deg)}
  98%,100% {transform: rotate(-360deg)}
}


/* about */
#about .aboutmn{background-image: url(../images/vikas/aboutbg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 12px 0px; background-color: white;}
#about .aboutmn .aboutus{text-align: center;}
#about .aboutmn .aboutus h2{font-family: ui-monospace; margin-bottom: 20px; font-size: 35px;}
#about .aboutmn .aboutus p{font-size: 18px; font-weight: 300   ; line-height: 30px; font-family: emoji;}
#about .aboutmn .img{
   background-image: url(../images/vikas/About-Jindal-picture.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 282px 0px;
  }



/* service */
#service{padding: 40px 0px;}
#service .content{background-color: #000; text-align: center; padding: 100px 50px;}
#service .content .logo img{width: 120px; filter: drop-shadow(2px 4px 6px #d14da7)}
#service .content span{font-size: 35px; color: #fff;}
#service .content h3{font-family: ui-monospace; margin-bottom: 0px; font-size: 35px; color: white; letter-spacing: 5px;}
#service .content p{font-size: 15px; color: white; line-height: 30px; font-weight: 300; margin-top: 15px;}
#service .content a{display: inline-block; background-color: #d14da7; padding: 10px 50px; color: white; font-size: 16px; transition: .5s; margin-top: 30px;}
#service .content a:hover{background-color: #f0be00;}
#service .img{
  background-repeat: no-repeat;
  background-image: url(../images/vikas/services.jpg);
  background-attachment: fixed;
  background-position: top right;
  background-size: 57%;
  padding: 320px 0px;
}


/* category */
#category{padding: 40px 0px;}
#category .categoryimg1{
  text-align: center;
  background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); height: 100%; 
  background-position: top;
  padding: 0px 0px 0px;
  border: #fff 5px solid;
}


#category .categoryimg1 h3{
  color: white;
   text-align: center;
   font-family: initial; 
   margin-bottom: 0;
   background-color: #000;
   padding: 10px 20px;
}
#category .categoryimg1 p, #category .categoryimg2 p, #category .categoryimg3 p ,#category .categoryimg4 p{
  font-size: 18px; color: white; text-align: center; font-weight: 300;
}

#category .categoryimg1 a, #category .categoryimg2 a, #category .categoryimg3 a, #category .categoryimg4 a{
  display: inline-block; background-color: #d14da7; padding: 10px 50px; color: white; font-size: 16px; transition: .5s; margin-top: 30px;
}
#category .categoryimg1 a:hover, #category .categoryimg2 a:hover, #category .categoryimg3 a:hover, #category .categoryimg4 a:hover{
  background-color: #f0be00;
}


/* testimonial */
#testimonial .owl-dots{display: none;}
#testimonial{overflow: hidden; background-image: url(../images/vikas/aboutbg.webp);  background-repeat: no-repeat; background-size: cover; background-position: center; padding: 80px 0px; background-color: white;}
#testimonial .icon{font-size: 40px; color: #d14da7; text-align: center; margin-bottom: 30px;}
#testimonial .content{ text-align: center;}
#testimonial .content .p1{color: black; font-size: 25px; font-family: initial;
    font-style: italic;}
#testimonial .content .p2{color: #d14da7; font-size: 18px; font-weight: 700; margin-top: 40px;}
#testimonial .content .p3{color: black; font-size: 18px; font-weight: 700;}


/* gallery */
/* #gallery{ background-image: url(../images/gallerybg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: right; padding: 60px 0px; } */
#gallery{background-color: #fff;}
#gallery h6{font-size: 35px; color: #fff;}
#gallery .content{background-color: #01010182; text-align: center; padding: 100px 50px;}
#gallery .content .logo img{width: 120px; filter: drop-shadow(2px 4px 6px #d14da7);}
#gallery .content h3{font-family: initial; margin-bottom: 50px; font-size: 35px; color: white; letter-spacing: 5px;}
#gallery .content p{font-size: 23px; color: white; line-height: 30px; font-weight: 300; margin-top: 30px;}
#gallery .content a{display: inline-block; background-color: #d14da7; padding: 10px 50px; color: white; font-size: 16px; transition: .5s; margin-top: 30px;}
#gallery .content a:hover{background-color: #f0be00;}



/* contact */
#contact .contactus{ padding: 100px 40px 50px; text-align: center; position: relative;
  background-image: url(../images/vikas/aboutbg.webp); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: white;
}
#contact .logo{position: absolute; top: 25px; right: 30px; width: 20%;}
#contact h2{color: #d14da7; font-size: 50px; font-family: initial; font-style: italic; font-weight: bold;}
#contact .call{margin: 30px 0px; text-align: left;}
#contact .call a{color: black; font-size: 18px; font-family: initial; }
#contact .form-control{background-color: transparent; width: 100%; border: none; border-radius: 0px; border-bottom: #d14da7 1px solid;}
#contact .form-control:focus{box-shadow: none;}
#contact .btn{color: #d14da7; font-size: 22px; font-family: initial; font-style: italic; border: #d14da7 1px solid; padding: 5px 20px; transition: .5s;}
#contact .btn:hover{background-color: #d14da7; color: white;}


/* footer */
footer{background-color: #000000ba; padding: 30px 0px;}
footer .img span{font-size: 30px; color: #fff; font-style: italic;}
footer .img a .logo{width: 30%; margin-bottom: 30px; filter: drop-shadow(2px 4px 6px #d14da7);}

footer .location h4{color: #fff; margin-bottom: 25px;}
footer .location ul li{ margin-bottom: 15px;}
footer .location ul li i{font-size: 22px; color: #d14da7; margin-right: 10px;}
footer .location ul li a{color: white; transition: .5s;}
footer .location ul li a:hover{color: #fff;}

footer .social h4{color: #fff; margin-bottom: 25px;}
footer .social ul li{ margin-bottom: 15px;}
footer .social ul li i{font-size: 22px; color: #d14da7; margin-right: 10px;}
footer .social ul li a{color: white; transition: .5s;}
footer .social ul li a:hover{color: #fff;}

footer .gdilogo{border-top: #d14da7 1px solid; text-align: center; padding-top: 20px; margin-top: 20px;}
footer .gdilogo a img{width: 25%;}
 

/*  */
.quickcontact {
  position: fixed;
  top: 77%;
  left: 15px;
  z-index: 999;
  text-align: center;
}
.quickcontact .fa-phone{font-size: 20px;}
.quickcontact a{
  font-size: 25px;
  color: white;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 42px;
  background: rgb(209,77,167);
background: linear-gradient(90deg, rgba(209,77,167,1) 0%, rgba(240,190,0,1) 100%);
}