/* font family  */

@import url('https://fonts.googleapis.com/css2?family=Holtwood+One+SC&display=swap');

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Black.woff') format('woff2'),
        url('../fonts/fontfamily/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Black.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Light.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/fontfamily/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/fontfamily/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* font family  */



/*common css  */

*,*::before,*::after{
	padding:0;
	margin:0;
	box-sizing:border-box;
}

html{
	scroll-behavior: smooth;
}

body{
	font-size:1rem;
	font-family: 'Roboto';
}
h1,h2,h3,h4,h5,h5,h6,ul,p,ul{
	margin:0;
}

h1{
    font-family: "Holtwood One SC", serif;
}

ul{
	list-style:none;
}

a,a:hover{
	text-decoration:none;
}

img{
	max-width:100%;
	width:100%;
}

:root {
  --main-color: hsl(0deg 100% 17.25%);
  --btn-color:#9b3b2b;
  --bg-black:#000;
  --pane-padding: 5px 42px;

}




.pt-20{
	padding-top:20px;
}

.pb-20{
	padding-bottom:20px;
}

/* components  */

/*

1) Header 

2) Sections

3) Footer

*/

/* components  */


/* Header css  */

/* End of Header css  */

/* Footer css */

/* End of Footer css */



/* media query  */



@media screen and (max-width:767.99px){
	
}

/* ***************header******************** */
/* .form-control{
    padding: 20px;
    width:300px

} */
 html{
    overflow-x: hidden;
 }
.navbar{
background: #ffb703 !important;
}
.navbar-btn{
background: #023047;
 
}

.nav-section-img{
    background-image: url(../images/sunset.jpg);
    background-size: cover;

} 
 .second-section{
 justify-content: space-evenly;
 /* word-spacing: 54px; */
 font-size: 19px;
 font-family: Sans-serif;

 }
 .video-section-para{
    color: #726f6f;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    line-height: 2.2em;
 }
.services-section{
    color: #000000;
    font-family: "ABeeZee", Sans-serif;
    /* text-transform: capitalize; */
    text-shadow: 0px 0px 10px #EFD789;
    font-size: 36px;
    text-align: center;
}
.card-heading-para{
    color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.4em;
}
.card-heading{
    color: #ffb703 ;
    font-family: "Montserrat", Sans-serif;
    font-size: 50px;
    font-weight: 700;
}
.abt-section{ 
color: #000000;
font-family: "ABeeZee", Sans-serif;
font-size: 32px;
text-transform: none;
line-height: 1.5em;
text-shadow: 0px 0px 11px rgba(255, 210, 0, 0.59);

}
.abt-section-start{
    background: #ffb703 !important;
}
.abt-section-para{
text-align: center;
color: #023047;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 200;
line-height: 2em;
}
.footer-section{
    line-height: 4em;
 
}
.form-color{
    background: #fff;
}
.zodiac-img{
    height: 50px;
    width: 50px;
}
.form-btn{
    background: #023047;
}
.nav-section-btn{
    background: #023047;
}

@media screen and(max-width:768px){
    .abt-section-btn{
        width: 100%;
    }
}
.album .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }
  
  .album .responsive-container-block.bg {
    max-width: 1320px;
    margin: 0 0 0 0;
    justify-content: space-between;
  }
  
  .album .img {
    width: 100%;
    margin: 0 0 20px 0;
  }
  
  .album #i9rb {
    color: black;
  }
  
  .album #ir6i {
    color: black;
  }
  
  .album #ikz3b {
    color: black;
  }
  
  .album .responsive-container-block.img-cont {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
  }
  
  .album #ipix {
    color: black;
  }
  
  .album #ipzoh {
    color: black;
  }
  
  .album #ig5q8 {
    color: black;
  }
  
  .album #imtzl {
    color: black;
  }
  
  .album #i53es {
    color: black;
  }
  
  .album .img.img-big {
    height: 50%;
    margin: 0 0 16px 0;
  }
  
  @media (max-width: 1024px) {
    .album .img {
      margin: 0 0 18px 0;
    }
  }
  
  @media (max-width: 768px) {
    .album .img {
      max-width: 32.5%;
      margin: 0 0 0 0;
    }
  
    .album .responsive-container-block.bg {
      flex-direction: column;
    }
  
    .album .responsive-container-block.img-cont {
      max-width: 100%;
      flex-direction: row;
      justify-content: space-between;
    }
  
    .album .img.img-big {
      max-width: 49%;
      margin: 0 0 0 0;
    }
  }
  
  @media (max-width: 500px) {
    .album .img {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .responsive-container-block.img-cont {
      flex-direction: column;
      align-items: center;
      padding: 10px 10px 10px 10px;
    }
  
    .album .img.img-big {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .img.img-last {
      margin: 0 0 5px 0;
    }
  }
  .footer-inner-img{
    height: 20px;
    width: 20px;
  }
/*.card-background{*/
     
/*        background-image: url(../images/कुंडली.png);*/
/*        background-size: cover;*/
/*}*/
/*.card-background2{*/
/*    background-image: url(../images/मैचमेकिंग.jfif);*/
/*        background-size: cover;*/
/*}*/
/*.card-background3{*/
/*     background-image: url(../images/पूजाऔरअनुष्ठान.jpeg);*/
/*        background-size: cover;*/
/*}*/
/*.card-background4{*/
/*      background-image: url(../images/अंकज्योतिष.webp);*/
/*        background-size: cover;*/
/*}*/
/*.card-background5{*/
/*       background-image: url(../images/केपीसिस्टमज्योतिष.jpg);*/
/*        background-size: cover;*/
/*}*/
/*.card-background6{*/
/*      background-image: url(../images/वैदिकज्योतिष.jpeg);*/
/*        background-size: cover;*/
/*}*/
/*.card-background7 {*/
/*         background-image: url(../images/वास्तुदोषनिवारण.jfif);*/
/*        background-size: cover;*/
/*}*/
/*.card-background8{*/
/*     background-image: url(../images/कालसर्पयोगसमाधान.webp);*/
/*        background-size: cover;*/
/*}*/
/*.card-background9{*/
/*     background-image: url(../images/बगलामुखीअनुष्ठान.jpg);*/
/*        background-size: cover;*/
/*}*/

#Services img{
    height:250px;
    width:100%;
    object-fit:cover;
}
 