
/*music card css S here*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
.imgBlk{width: 100%; display:block;}
.padhanisaAppNPage{
  font-family: "Inter", sans-serif;
  background: #000;
  color:#fff;
  font-size: 18px;
}
.padhanisaAppNPage{overflow: hidden;}

.padhanisaAppNPage * {transition: all 0.5s ease;}

.padhanisaAppNPage a:hover{color: inherit;}
.padhanisaAppNPage .imgBlk{max-width: 100%;width: auto;}
.padhanisaAppNPage .commonSlideCont{position: relative;}


.padhanisaAppNPage .downloadText{
  position: relative;
  text-transform: uppercase;
}

.padhanisaAppNPage .padhanisaAppSecBlock {
  padding: 0;
  position: absolute;
  top: 0;
  margin: 0 auto;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
}
.padhanisaAppNPage .leftContBg .padhanisaAppSecBlock {
 justify-content: flex-start;
}
.padhanisaAppNPage .rightContBg .padhanisaAppSecBlock {
  justify-content: flex-end;
}
.padhanisaAppNPage .firstColumCard{
  position: relative;
  background: #18010b url('../images/musicCard/gift-BG.jpg') no-repeat;
  background-position: center;
  overflow: hidden;
  height: 700px;
  margin-top: 0; background-size:cover;
}
.padhanisaAppNPage .firstSlideCont .padhaSecCont .subTitl{
  margin-bottom: 30px;
}


.padhanisaAppNPage .padhaSecCont{width: 60%;}
.padhanisaAppNPage .padhaSecCont{font-size: 1em;}
.padhanisaAppNPage .padhaSecCont .titl{
  font-size: 130%;
  font-weight: 700;
  color: #fff;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 40px;

}
.padhanisaAppNPage .padhaSecCont .subTitl{
  font-size: 2.4em;
  font-weight: 700;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}

.padhanisaAppNPage .downloadTextArea{
  font-size: 120%;
}
.padhanisaAppNPage .padhanisa_logo{width: 40%; margin-bottom: 2%;}
.padhanisaAppNPage .googlePlay,
.padhanisaAppNPage .applePlay{display:inline-block; margin: 5px 0px; width: 20%;}
.padhanisaAppNPage .applePlay{width: 18%; margin-left: 5px;}

.padhanisaAppNPage .padhanisaAppRightCont .padhaSecCont,
.padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont{
  /* float: right; */
  width:44%;
  /* margin-top: 25%; */
}

.padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont{
  margin-left: 10%;
}


.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock{
  justify-content: center;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  list-style: none;
  padding: 5% 0 5% 10%;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .titl{
  text-align: center; color:#F8E474; margin-bottom: 2%;
  position: absolute;
  top: 5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-weight: 600;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .subTitl{
  text-align: center;
   color:#ffffff; 
  font-weight: 400;
  text-transform: capitalize;
  position: absolute;
  bottom: 8%;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 130%;
}
.padhanisaAppNPage .tenthSlideCont .tenthSecCont{
  background-color: rgba(2, 2, 2, 0.6); /* Slightly lighter red for contrast */
  border-radius: 15px;
  width: 100%;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont li {
  display: flex;
  align-items: center;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont li img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont li span {
  font-size: 16px;
  line-height: 1.5;
}
.padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .padhaSecConts{
  flex: 0 0 100%;
}
.padhanisaAppNPage  .downloadTextArea{text-transform: capitalize;}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .padhanisaAppNPage .firstSlideCont .padhaSecCont {  margin-left: 4%;  }
  .padhanisaAppNPage .padhaSecCont .subTitl, 
  
  .padhanisaAppNPage .padhaSecCont{font-size: 1em;}
  .padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont {  margin-left: 5%;  }
  .padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont ul {
    padding: 3% 0 3% 5%;
  }
  .padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .padhaSecConts {
      flex: 0 0 90%;
  }
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
  .padhanisaAppNPage .firstSlideCont .padhaSecCont {  margin-left: 4%;  }
  .padhanisaAppNPage .padhaSecCont{font-size: 1em;}
  .padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont {  margin-left: 8%;  }
  .padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont ul {
    padding: 3% 0 3% 5%;
  }
  .padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .padhaSecConts {
      flex: 0 0 90%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .padhanisaAppNPage .padhaSecCont{font-size: 1em;}
  .padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont {  margin-left: 12%;  }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
  .padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont {  margin-left: 12%;  }
}

@media screen and (min-width: 1670px) and (max-width: 1920px) {
  .padhanisaAppNPage .padhanisaAppLeftCont .padhaSecCont {  margin-left: 0;  }
  .padhanisaAppNPage .padhaSecCont{font-size: 1.1em;}
  .padhanisaAppNPage .tenthSlideCont .padhanisaAppSecBlock .tenthSecCont li span{font-size: 100%;}
}
/* - classical form and popup ends - */