* {
    box-sizing: border-box;
}
a:hover{
    text-decoration: none !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: transparent;
}

.blinking-text {
    text-decoration: none;
    color: #dc3545;
    animation: blinkText 1s infinite alternate;
}

@keyframes blinkText {
    0% { color: #000000; }
    50% { color: #ffffff; }
    100% { color: #dc3545; }
}

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

/* ============ desktop view .end// ============ */
@media all and (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
    }

    .navbar .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:9999;
  }
  
  .intro-box-width{
      width:100%;
  }

  .pustak-box-section-tile-img{
      width:280px;
      height: 340px;
      border: 6px solid #ff3354;
  }


#brand {
    margin: 0;
    padding: 0;
    width: 180px;
}
.side-img{
    width:100%;
}
.carousel-inner img {
    width: 100%;
    height: 100%;
  }
  .sponser-email{
      width:100%;
  }
  .email-alert{
      font-size: 24px;
      display: none;
      position: fixed;
      bottom: 0;
      z-index: 1;
  }
  .payment-alert{
    position: fixed;
    top: 0;
    z-index: 9999;
  }
.hero-parallax {
    
    background-image: url("../img/VIDEO BACKGROUND.webp");

    /* Set a specific height */
    /*min-height: 500px; */

    /* Create the parallax scrolling effect */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}


.main-banner-img{
    width:80%;
    margin:auto;
}

.side-flower {
    height: 380px;
}

.intro-box-container {
    position: relative;
    text-align: center;
    color: white;
}

.detail-box-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-section-tile-img {
    width: 260px;
}

.intro-box-text {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.intro-box-size {
    width: 70%;
}

.section-heading {
    width: 20%;
}

.books-display {
    width: 200px;
    margin: 8px;
    height: 260px;
    border: 6px solid #ff3354;
}

.box-section-heading {
    width: 28%;
}

.festival-parallax {
    /* The image used */
    background-image: url("../img/15.png");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}


.gallery-parallax {
    /* The image used */
    background-image: url("../img/21.png");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.book-box-text {

    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.book-parallax {

    background-color: #ffaa01;

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.intro-vid {
    position: relative;
    height: 700px;
}

.nav-bg-img {


    background-image: url("../img/27.png");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

.mega-menu-heading {
    text-decoration: none;
    color: #B33771;
    font-weight: bold;
    font-size: 17px;
}

.mega-menu-main-heading {

    font-size: 17px;
}

.mega-menu-text {
    text-decoration: none;
    color: #ff3354;
    font-weight: bold;
    font-size: 16px;
}

.section-text {
    font-size: 24px;
    cursor: pointer;
    color: white;
    word-wrap: break-word;
}
.section-text:hover {
    color: white;
}

.section-block-text{
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
    color:white;
}
.section-block-text b{
    text-decoration: none;
}

.intro-page-description {
    font-size: 1.2rem;
    word-wrap: break-word;
}

.intor-page-book-section {
    width: 360px;
    margin-top: 4px;
    
}
.intor-page-book-section img{
    border: 3px solid #ff3354;
}


.intor-page-book-section-special {
    width: 360px;
    height:380px;
    margin-top: 4px;
    
}
.intor-page-book-section-special  img{
    border: 3px solid #ff3354;
    object-fit: contain;
}



#detail-bg {
    background-image: url("../img/5034733.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

#wishes-bg{
    background-image: url("../img/wishes.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}
#star-energy-bg{
    background-image: url("../img/starenergy/10.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}
#sahtiya-kunj-energy-bg{
    background-image: url("../img/sahityakunj/top-bg.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.detail-tile-bg-2 {
    background-image: url("../img/27.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
}

.detail-tile-bg {
    background-image: url("../img/27.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
}

#intro-video {
    width: 100%;
    outline: none;
    overflow: hidden;
}


.detail-page-heading {
    width: 920px;
    height: 100px;
}

.detail-page-document {
    width: 800px;
    height: auto;   
}

.detail-page-img {
    display: block;
    width: 366px;
    height: 210px;
    overflow: hidden;
    border:3px solid #ff3354;
}
.detail-page-img-special{
    display: block;
    width: 366px;
    height: px;
    overflow: hidden;
    border:3px solid #ff3354;
}

.img-fit{
    object-fit:contain;
    object-position: 50% 50%;
}

.gallery {
    width: 340px;
}

.index-page-bg-img {
    background-image: url("../img/VIDEO BACKGROUND.webp");

    background-repeat: no-repeat;
    background-size: cover;
}

#intro-secton-bg {
    background-image: linear-gradient(to bottom right, #DB0B5F, #6F00ED);
}

/* member css */
.member-card {
    width: 233px;
    height: 320px;
    border: 6px solid #ff3354;
}
.member-card-height {
    height: 100%;
   
}
.member-card .member-card-block-img{
    width: 100%;
    height: 210px;
    border: none;
    overflow: hidden;
   
}

.member-card .member-card-img {
   width: 100%;
   height: 210px;
   object-fit: cover;
   object-position: top;
   
}
.member-card .member-card-img-special {
    width: 100%;
    height: 230px;
    
}
.member-card-main {
    width: 140px;
    height: 210px;
    border: 6px solid #ff3354;
}

.member-card-main .member-card-img-main {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-card  .member-card-name a {
    text-decoration: none;
}

.member-card .member-card-name p {
    padding: 8px 0px;
    font-size: 20px;
    color: #6A1B4D;
    font-weight: 600;
}
/* facebook live*/
.display-video{
    width: 280px;
    height: 560px;
    margin:10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 2rem 1.5rem;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
    color:rgb(106, 27, 77);
    cursor: pointer;
}
.audio-video{
    width: 100%;
    margin:10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 2rem 1.5rem;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
    color:rgb(106, 27, 77);
    cursor: pointer;
}
.audio-video p a{
    color:rgb(106, 27, 77);
}

.our-books{
    width: 280px;
    height: 380px;
    margin:10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 7px;
    cursor: pointer;
    border: 4px solid #ff3354;
}

.invitations-page{
    width: 240px;
    height: 240px;
    margin:10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 7px;
    cursor: pointer;
    border: 4px solid #ff3354;
}
.intro-detail-text{
    font-size:20px;
    line-height: 1.8;
    word-wrap: break-word;
}
.sponser-form{
    padding:80px;
}
.donation-form{
    padding:80px;
}

.page-title{
    font-size:42px; 
    color:#6A1B4D; 
    word-wrap: break-word;
}
.detail-description{
    line-height: 2.4; 
    font-size:21px; 
}

.video-collapse-btn{
    outline: none;
    border: 0;
    color: #6A1B4D;
    font-size: 36px;
}
.news-gallery > img {
    display: block;
    width:280px;
    height: 180px;
}
.section-heading-newpaper{
    width:60%;
    height:100px;
}

.wishes-section-1{
    border-bottom: 5px solid #6A1B4D;
}

.wishes-page-side-img{
    
    width:26%;
    padding: 10px;
    border: 4px solid #6A1B4D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wishes-page-side-img img{
    width: 100%;
}

.wishes-detail{
    width:70%;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 56;
}
.testimonial-image{
    width:180px;
    height: 180px;
}

.testimonial-text{
    color:black;
    font-size: 24px;
    line-height: 1.6;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.testimonial-image-text{
    color:black;
    font-size: 24px;
    line-height: 1.6;
    align-items: center;
}
.star-enrgy-about-text{
    color:black;
    font-size: 22px;
    line-height: 1.6;
    align-items: center;
    height: 100%;
}
.star-energy-left-section-detail{
    font-size: 16px;
    text-align: left;
}

.more-info-btn{
    text-align: center;
    font-size: 22px;
    padding: 20px 42px;
    text-decoration: none;
}
.more-info-btn:hover{
    text-decoration: none;
}

.star-energy-left-section, .star-energy-right-section{
 width:48%;
}
.sahitya-left-section-detail{
    font-size: 16px;
 
}
.prize-respect-height-special{
 height: 380px;
}
.prize-respect-height{
    height: 320px;
   }

   .google-calendar{
       width:100%;
       height: 100vh;
   }
   .sahitya-kunj-logo{
    margin: 60px;
    width:200px;
}
.star-energy-logo{
    width:200px;
}
.more-read{
 font-size: 20px;
 background-color: #FFAA00;
}

#subscribeEmailField{
  font-size:12px;
  color:red;
  display:none;
}
@media only screen and (max-width: 768px) {
    .member-card .member-card-block-img-2{
        height:100%;
       
    }
    .member-card-height{
        width:180px;
    }
    .intro-box-size-2{
        width:100%;
    }
    .section-text-2{
        font-size:16px;
    }
    .section-heading {
        width: 40%;
    }
    .sticky {
        position: relative;
        
      }
      .intro-detail-text{
        font-size:13px;
    }
    .main-banner-img {
        width: 90%;
        height: 90%;
    }
    .more-read{
        font-size: 14px;
        background-color: #FFAA00;
       }
       .intro-box-text-special{
           width:120px;
        }
   
}
@media only screen and (max-width: 640px) {
    .sticky {
        position: relative;
        
      }
      .google-calendar{
        width:500px;
        height: 500px;
    }
    .sahitya-kunj-logo{
        margin: 60px;
        width:200px;
    }
}

@media only screen and (max-width: 640px) {
    .more-read{
        font-size: 14px;
        background-color: #FFAA00;
       }
    #star-energy-bg{
        background-position:right;
        background-size: cover;
    }
    /* .sticky {
        position: relative;
        
      } */
    .more-info-btn{
        text-align: center;
        font-size:18px;
        padding: 12px 38px;
        text-decoration: none;
    }
    .google-calendar{
        width:400px;
        height: 300px;
    }
    .wishes-detail{
        width:100%;
        font-size: 18px;
    }

    .wishes-page-side-img{
    
        width:100%;
    }
    .side-img{
        width:100%;
    }

    .section-heading {
        width: 200px;
        height: 90px;
    }
    .section-heading-spl{
        height: 80px;
    }
    .intro-detail-text{
        margin-top:40px;
        font-size:13px;
    }
    .main-banner-img {
        width: 90%;
        height: 90%;
    }
    .sponser-form{
        padding:14px;
    }
    .donation-form{
        width:100%;
        padding: 20px;
    }
    .member-card-main {
        width: 180px;
     }
     #intro-video {
        width: 100%;
        height:58vh;
    }
    .page-title{
        font-size:22px; 
    }
    .section-text-resp{
        font-size: 19px;
    }
    .section-heading-page2{
        width: 200px;
    }
    .detail-description{
        line-height: 2.2; 
        font-size:16px; 
    }
    .member-card .member-card-img {
       height: 160px;
    }
    .member-card .member-card-name p {
        font-size: 18px;
    }
    .display-video{
        margin:2px;
        height: 100%;
        padding:4px;
    }
    .our-heading-spl{
        font-size: 18px;
    }
    .intro-description-page{
        margin:0px;
    }
    .video-collapse-btn{
        font-size: 28px;
    }
    .section-heading-newpaper{
        
        width:100%;
        height:160px;
    }

    .section-newspaper-text{
        font-size:18px;
    }
}