.videoheadingCatFlex{display: flex;align-items: flex-start;justify-content: flex-end;gap: 20px;}
.dropdownMenu {
  display: none;
}

.dropdown.active .dropdownMenu {
  display: block;
}

.dropdownBtn.active .arrow,
.dropdown.active .arrow {
  transform: rotate(-135deg);
}

.dropdown {
  position: relative;
}

.dropdownMenu {
  position: absolute;
  top: 100%;
  right: 0;left:0;width: fit-content;
  z-index: 99;
  background: #fff;
}

/* .videoListinginerbox{display: flex;flex-wrap: wrap;gap: 25px;align-items: flex-start;justify-content: flex-start;} */
    .videoListinginerbox {
        display: flex;
        flex-wrap: wrap;
        gap:20px 20px;align-items: stretch;
    }
.videoListInrItem{width: calc(25% - 15px);}
   

    .vidListInrImg{max-width: 100%;object-fit: cover;border-radius: 24px 24px 0 0;border: 1px solid #C2C2C2;}
    .vidListInrTxtBox{max-width: 100%;border: 1px solid #C2C2C2;border-radius:0 0 24px 24px;padding: 8px 12px 20px 12px;height: 130px;width: 100%;margin-top: -5px;}
    .vidIconHeadBox{display: flex;gap: 8px;margin-bottom: 12px;align-items: center;}
    .vidInrPara{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #000;word-break: break-word;}
    .vidIconItembox{}
    .vidInrHeading{font-size: 20px;font-weight: bold;color: #111111;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: break-word;}



/* @media (max-width: 1390px) {
    .videoListinginerbox {grid-template-columns: repeat(4, 1fr);gap: 35px;}
.vidInrHeading{font-size: 18px;}
.vidListInrImg{height: auto;width: auto; }
    .vidListInrTxtBox{height: auto;width: auto;  }
} */

@media (max-width: 992px) {
 .videoListInrItem{width: calc(50% - 15px);}
}

@media (max-width: 768px) {
    .videoListInrItem{}
   .videoheadingCatFlex{gap: 8px;}
   .videoListinginerbox{gap: 15px;}
.videoListInrItem{width: calc(50% - 8px);}
}

@media (max-width: 469px) {
/* .videoListInrItem{width: 100%} */
    .dropdownMenu {right: 0;left: auto;width: fit-content;min-width: fit-content;;}
.vidListInrImg{height: auto;width: 100%; }
    .vidListInrTxtBox{height: 125px;width: 100%;  }
}

/* video detail  */
.arrowRotate{rotate: 180deg;}
.subHeadingTitle{font-size: 24px;font-weight: bold;line-height: 32px;position: relative;padding-left: 10px;margin-bottom: 17px;
&::after{content: '';position: absolute;left:0;top: 50%;transform: translateY(-50%);width: 4px;height: 19px;background: #EE6C4D;}
}

.videoDetailBox{background-color: #161616;color: #fff;padding: 20px;border-radius: 64px 64px 0px 0px;padding-bottom: 30px;
& a{color: #fff;}
& .breadcurm{color:#fff;font-size: 16px;line-height: 20px;margin-bottom: 24px; & a{color:#fff;} & li::after{color: #9B9B9B;}}
& .vidListInrTxtBox{background: #fff;color: #111111;width: 100%;}

}
.videoHolderTp{margin:0 auto 30px auto;width: 90%;max-width: 1056px;border-radius: 30px 30px 0 0;overflow: hidden;}
.video-wrapper-vidDetail {border-radius: 30px 30px 0 0;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

.video-wrapper-vidDetail iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.headingVidDetail{
& h1{margin-bottom: 13px;font-size: 36px;line-height: 47px;font-weight: bold;margin-bottom: 0px; & span{font-size: 16px;line-height: 20px;font-weight: normal;display: block;margin-top: 13px;}}
& span{font-size: 16px;line-height: 20px;font-weight: normal;display: block;margin-top: 13px;}
& p{font-size: 18px;line-height: 24px;font-weight: normal;margin-bottom: 20px;}
& .showmoreVidDetail{font-size: 18px;line-height: 23px;font-weight: bold;display: flex;align-items: center;gap: 8px;margin-bottom: 34px;display: flex;gap: 15px;align-items: center;color: #EE6C4D;}
& .summary-box{margin-bottom: 20px;}
}
.videoDetailSocialBx{display: flex;align-items: center;gap: 15px;justify-content: space-between;
& .eventsharingcontent{background: #2a2a2a;border:1px solid #404040}
& .eventsharingcontent a{color: #fff;}
}



.vidDetailHeadBox{display: flex;align-items: center;gap: 15px; justify-content: space-between;margin-bottom: 10px;}

@media (max-width: 768px) {
.vidDetailHeadBox{
& .eventsharingcontent{background: #2a2a2a;border:1px solid #404040}
& .eventsharingcontent a{color: #fff;}
}
    .videoHolderTp{width: 100%;}
    .videoDetailBox {border-radius: 0; & .breadcurm {font-size: 14px;width: 100%;margin-bottom: 20px;overflow-x: auto;scrollbar-width: none;}}
.videoHolderTp{margin-bottom: 20px;border-radius: 0;width: calc(100% + 40px);margin-left: -20px;position: relative;}
.arrowtopvideDetail{position: absolute;z-index: 1;top: 0;left: 8px;}
.headingVidDetail {& h1{font-size: 28px;line-height: 37px;margin-bottom: 0px;word-break: break-word;}& p{font-size: 16px;}& .showmoreVidDetail{font-size: 16px;}& span{margin-top: 0;}}
.vidDetailHeadBox{margin-bottom: 10px;  & .eventSharingIcon{width: 35px;}}
.subHeadingTitle{font-size: 22px;}
.eventsharingcontent{right: -10px;background: #2a2a2a;border:1px solid #404040; & a span{display: none;}}
.vidInrHeading{font-size: 16px;line-height: 22px;}
.vidInrPara{font-size: 14px;line-height: 20px;}

.video-wrapper-vidDetail, .video-poster{border-radius: 0;}


}

/* sconnnect form  */

.formsumeryText{display: flex;gap: 4px;flex-direction: column;justify-content: center;max-width: fit-content;margin: 0 auto;background: #FFEDE9; padding: 15px;border-radius: 16px;margin-top: -30px;margin-bottom: 20px;
& h3{font-size: 24px;line-height: 32px;font-weight: bold;margin-bottom: 5px;text-align: center;}
& .eventItemLeftVenue{margin-bottom: 0;padding-block: 0;gap: 0;}
}

.enterCapcha{display: flex;width: 100%;}
.capchaImgholdr{width: 50%;}
.capchaImgholdr{display: flex;gap: 15px;align-items: center;}
.capchaVoiceRef{display: flex;gap: 1px;align-items: center;flex-direction: column;}
/* end of sconnnect form  */


/* sach shows */

.tabsSachShowsPage{
    & .sachshow-card {flex: 0 0 calc(25% - 18px);}
    & .flexsachshow {display: flex;gap: 24px;flex-wrap: wrap;}
    & .tabsachshow li{border: 1px solid #E2E2E2;color: #020202;}
    & .tabsachshow li.active{color: #fff}
    & .tab-content{color: #020202;}
    & .sachshowdesc{border: 1px solid #C2C2C2;}
    /* & .sachshow-card {flex: 0 0 calc(25% - 18px);display: flex;flex-direction: column;} */

    
}

.paginationShow{display: flex;gap: 7px;justify-content: center;align-items: center;margin-top: 25px;}
.paginationShow a{font-size: 16px;font-weight: normal;line-height: 22px;color: #020202;display: inline-block;padding: 10px 15px;border-radius: 8px;border: 1px solid #E2E2E2;}
.paginationShow a:hover{background: #f2f2f2; color: #020202;}
.paginationShow a.active{background: #EE6C4D; color: #fff;font-weight: 600;}
.paginationShow a.prevPagination{background: url(../images/arrow-Balck-trans.svg) no-repeat center;transform: rotate(180deg);border   : none;}
.paginationShow a.nextPagination{background: url(../images/arrow-Balck-trans.svg) no-repeat center;border: none;}
.paginationShow a.disabled {pointer-events: none;opacity: 0.4;cursor: default;}

@media (max-width: 768px) {
.tabsSachShowsPage{
 & .sachshow-card {flex: 0 0 calc(33% - 18px); min-width: auto;}
}
.formsumeryText{margin-top: 0;}
}
@media (max-width: 600px) {
.tabsSachShowsPage{
 & .sachshow-card {flex: 0 0 calc(50% - 18px);min-width: auto;}
}
}

@media (max-width: 470px) {
.tabsSachShowsPage{
 & .flexsachshow{gap: 16px;padding-left: 0;}
 & .sachshow-card {flex: 0 0 calc(50% - 9px);min-width: 47%;}
& .timesachshow{font-size: 12px;line-height: 15px;margin-bottom: 3px;}
& .sachshowdesc{padding: 6px 10px 15px 10px;}
& .sachshowarrow{width: 30px;bottom: 10px;left: 10px;}
& .sachshowh3{font-size:16px;line-height: 20px;}
}
}

@media (max-width: 350px) {
.tabsSachShowsPage{
 & .sachshow-card {flex: 0 0 calc(100%);min-width: 97%;}
}
}



/* soch Vichar */
.headingflexsVichar{display: flex;flex-direction: row;justify-content: space-between;width: 100%;align-items: flex-start;}
.SachShowsPage{
    & .blogImg{width: 100%;height: 150px;object-fit: cover;margin-bottom: 14px;}
    & .blogBoxSoch{display: grid;grid-template-columns: repeat(4, 1fr);gap:35px 24px;}
    & .blogCardSoch{max-width: 100%;}   
}
.sochVicharBtnStyle{
& .buttonYearEvent{background: #fff;border: 1px solid #E2E2E2;font-size: 18px;font-weight: normal;}
}
.headingsochvicharbox{}
.sochvicharvidbox{position: relative;}
.sochVicharVidIcon{position: absolute;bottom:22px;left: 5px;width: 30px;height: 30px;}

.serachsochVichar{display: flex;align-items: center;gap: 15px;position: relative;}
.writeStorySochVichar{background: #EE6C4D;border-radius: 34px;color: #fff;padding: 8px 20px;font-size: 16px;font-weight: 600;line-height: 24px;white-space: nowrap;}
.writeStorySochVichar:hover{color: #fff;}

.searchBosSochVichar {
    position: relative;
    right: 0;                /* stick to right */
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
    border-radius: 20px;
    padding: 8px 10px 6px 13px;
    width: auto;             /* collapsed width */
    transition: width 0.4s ease;
    overflow: hidden;
    background: #fff;width: 40px;height: 40px;
}
.searchBosSochVichar.expandSearch {
    width: 250px;   /* 60 + 300px increase */
}




.searchBtnSS{border: none;background: transparent;cursor: pointer;position: absolute; & img{width: 16.5px;}}
.searchInputSochVichar{font-size: 14px;font-weight: normal;line-height: 24px;color: #555555;border: none;width: 200PX;
    border: none;
    outline: none;
    margin-left: 10px;
&:focus{outline: none;}}
.searchInputSochVicharBx{margin-left: 15px;}
/* .searchInputSochVicharBx{width: 0;transition: width 0.5s ease-in-out;} */
/* .expandSearch .searchInputSochVicharBx{width: 100%;margin-left: 0px;} */
.activeinput{width: 100%;transition: width 0.5s ease-in-out;margin-left: 15px;}
.desnonesochvichar{display: none;}
.mobnonesochvichar{display: block;}




@media (max-width: 992px) {
.SachShowsPage {
    & .blogBoxSoch{grid-template-columns: repeat(3, 1fr);}
}


@media (max-width: 768px) {

.SachShowsPage{
    & .blogImg{width: 100%;margin-bottom: 14px;height: 200px;object-fit: cover;}
    & .blogBoxSoch{display: grid;grid-template-columns: repeat(2, 1fr);gap:15px 24px;}
    & .blogCardSoch{max-width: 100%;}
    & .dotbolg{display: none;}
    & .blogH4{flex-direction: column;align-items: flex-start;gap: 0;line-height: 24px;}
    & .blogH3{font-size: 16px;line-height: 22px;margin-bottom: 10px;}
}
.sochVicharVidIcon{bottom: 5px;}
.desnonesochvichar{display: block;}
.mobnonesochvichar{display: none;}

.headingsochvicharbox{flex-direction: column;align-items: flex-start;gap: 10px;
& .serachsochVichar{justify-content: space-between;width: 100%;}
& .sochVicharBtnStyle{align-items: flex-start;}
& .videoheadingCatFlex{align-items: flex-start;}
}
}


}

@media (max-width: 469px) {
.SachShowsPage{

& .blogImg{width: 100%;margin-bottom: 14px;height:124px; object-fit: cover;}
}

.headinginerbox{gap: 15px;}

.serachsochVichar{justify-content: flex-end;width: 100%;}
.searchBosSochVichar.expandSearch{position: absolute; width: 130px; }
.headingflexsVichar .pageTitleIner{min-width: 190px;}
.searchInputSochVicharBx{margin-left: 18px;}
.writeStorySochVichar{border-radius: 20px;padding: 10px 10px;font-size: 12px;line-height: 16px;white-space: nowrap;}
.searchBosSochVichar{padding: 5px 10px;}
.activeinput{margin-left: 5px;}

.headingsochvicharbox{
& .videoheadingCatFlex{align-items: flex-start;justify-content: flex-start;}
}
.sochVicharBtnStyle{
& .buttonYearEvent{font-size: 14px;}
& .dropdownMenu{left: 0;transform: translateX(0);right: auto;}
}
}

/* end of soch vichar */

/* start of Blog */
.innerBlogDetail{max-width: 1056px;margin: 0 auto;
& .imgHolderBlog{width: 100%;margin-bottom: 18px;}
& .imgLeadBlog{max-width: 100%;height: auto;display: block;border-radius:48px;object-fit: cover;width: 100%;}
& .pageTitleIner{margin-bottom: 16px;}
& .blogDetailTxt{font-size: 16px;line-height: 24px;font-weight: normal;margin-bottom: 20px;}
& .blogAuthorSocialBox{display: flex;justify-content: space-between;align-items: center;gap: 15px;padding-block: 15px;border-block: 1px solid #E2E2E2;margin-bottom: 20px;}
& .blogDetailTxt{font-size: 20px;line-height: 30px;}

& .blogauthorbox{display: flex;gap: 15px;font-size: 14px;line-height: 22px;font-weight: normal;color: #555555;}
& .authorName{font-size: 16px;line-height: 24px;font-weight: normal;color: #020202;}
& .authorName span{color: #EE6C4D;}
& .authorDate{font-size: 16px;line-height: 24px;font-weight: normal;color: #555555; &::before{content: "|";margin-right: 15px; color: #E2E2E2;}}
& .authorDate span{color: #111111}
& .blogAudioLink{border-right: 1px solid #E2E2E2;padding-right: 15px;display: flex;align-items: center;gap: 10px; & a{display: flex;align-items: center;gap: 10px;}}

& .blogContentBox{font-size: 20px;line-height: 30px;font-weight: normal;margin-bottom: 25px;}
& .blogContentBox h2, & .blogContentBox h1{font-size: 20px;line-height: 30px;font-weight: bold;}
& .blogContent, .blogContentBox p{font-size: 20px;line-height: 30px;margin-bottom: 25px;}
& .blogContentBox ol{ margin-bottom: 25px;padding-left: 20px;list-style-type: decimal; list-style: unset; }
& .blogContentBox ol li{ margin-bottom: 25px;list-style-type: decimal;}
& .blogContentBox ol li::marker {font-weight: bold;}
& .blogContentBox ol li strong{font-size: 20px;line-height: 30px;margin-bottom: 25px;font-weight: bold;}
& .blogContentBox ol li strong a{color: #EE6C4D;}
& #blogSlider{width: 100%;}
& .relatedBloghead{font-size: 36px;line-height: 56px;font-weight: bold;margin-bottom: 15px;}

}
@media (max-width: 768px) {
.innerBlogDetail{
& .pageTitleIner{margin-bottom: 8px;}
& .blogDetailTxt{font-size: 14px;line-height: 22px;margin-bottom: 10px;}

& .blogAuthorSocialBox{flex-direction: column;align-items: flex-start;}
& .authorDate{font-size: 14px;}
& .authorDate span{font-size: 14px;}
& .imgLeadBlog{border-radius: 15px;}
& .blogContent{font-size: 16px;line-height: 25px;}
& .blogContentBox{font-size: 16px;line-height: 25px;}
& .relatedBloghead{font-size: 28px;line-height: 42px;margin-bottom: 12px;}
& .blogAudioLink{border: 1px solid #EE6C4D;border-radius: 16px;padding:3px 7px;gap: 5px;margin-right: 20px;position: relative;; & a{color: #EE6C4D;font-size: 14px;font-weight: 600;} & img{width: 20px;margin-right: -3px;} &::after{content: "";border-right: 1px solid #e2e2e2;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);width: 1px;height: 100%;}}
}

}

@media (max-width: 469px) {
.innerBlogDetail{
& .pageTitleIner{margin-bottom: 8px;}
& .blogDetailTxt{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
& .blogauthorbox{flex-direction: column;gap: 5px;}
& .blogAuthorSocialBox{flex-direction: column;align-items: flex-start;}
& .authorDate{font-size: 14px; &::before{content: "";margin-right: 0px;}}
& .authorDate span{font-size: 14px;}
& .imgLeadBlog{border-radius: 15px;}
& .blogContent{font-size: 16px;line-height: 25px;}
& .blogContentBox{font-size: 16px;line-height: 25px;margin-bottom: 40px;}
& .relatedBloghead{font-size: 28px;line-height: 42px;margin-bottom: 12px;}

}

}

/* end of Blog */


/* form */
.formcentrHeading{max-width: 850px;margin: auto;
& .headinginerbox{text-align: center;width: 100%;justify-content: center;margin-bottom: 17px;}
& .formsumery{font-size: 16px;line-height: 24px;font-weight: normal;margin-bottom: 25px;width: 100%;text-align: center;margin-bottom: 50px;}
& .formFiledsBx{display: flex;gap:30px 60px;flex-wrap: wrap;max-width: 800px;margin: 0 auto;}
& .formFiledsBx input{width: calc(50% - 40px);border: 0;border-bottom: 1px solid #E2E2E2;padding:10px;font-size: 16px;line-height: 22px;font-weight: normal;color: #111111; &:focus{outline: none;border-bottom: 2px solid #c65d3a;} &:active{border-bottom: 2px solid #c65d3a;}}
& .formFiledsBx input::placeholder{font-size: 16px;line-height: 24px;font-weight: normal;color: #111;}
& .textAreaForm{width: 100%;
    & label{display: block;margin-bottom: 10px;} 
    & textarea{border:1px solid #E2E2E2;border-radius: 16px;width: 100%;padding: 16px;}
}
& .submitButtonbx{display: flex;justify-content: center;width: 100%;}
& .formSubmitBtn{background: #EE6C4D;border-radius: 34px;color: #fff;padding: 17px 120px;font-size: 20px;font-weight: 400;line-height: 24px;border: 0;cursor: pointer;}

}


@media (max-width: 768px) {
.formcentrHeading{
& .formFiledsBx{gap: 30px 15px;}
& .textAreaForm{margin-bottom: 0px;}
& .formFiledsBx input{width: calc(50% - 8px);}
& .headinginerbox{align-items: center;}
& .formsumery{margin-bottom: 20px;}
/* & .formFiledsBx{max-width:none;} */
}
}
/* end of form */

/* login page */
.formFiledsLoginBx{display: flex;flex-direction: column;gap: 30px;width: 50%;margin: 0 auto;}
.formFiledsLoginBx input{width: 100%;border: 0;border-bottom: 1px solid #E2E2E2;padding:10px;font-size: 16px;line-height: 22px;font-weight: normal;color: #111111; &:focus{outline: none;}}
.forgotPassword{text-align: right; & a{font-size: 16px;line-height: 24px;font-weight: normal;color: #EE6C4D;margin-top: -20px;display: block;}}
.newMember{text-align: center; & p{font-size: 16px;line-height: 24px;font-weight: normal;color: #111; & a{font-size: 16px;line-height: 24px;font-weight: bold;color: #EE6C4D;}}}
.formFiledsLoginBx input::placeholder{font-size: 16px;line-height: 24px;font-weight: normal;color: #111;}
@media (max-width: 992px) {
.formFiledsLoginBx{width: 90%;}
}
@media (max-width: 500px) {
.formFiledsLoginBx{width: 90%;}
}
/* end of login page */

/* thank you page */
.thankYouPage{width: 100%;text-align: center;}
.tick-wrapper {position: relative;width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;width: 100%;}

.tick-circle {width: 60px;height: 60px;background: #19c51a;border-radius: 50%;color: white;font-size: 32px;font-weight: bold;display: flex;align-items: center;justify-content: center;z-index: 2;}

/* Ripple rings */
.ripple {position: absolute;width: 60px;height: 60px;border-radius: 50%;background: rgba(25, 197, 26, 0.25);animation: rippleTick 2s infinite;}

.rippleTick:nth-child(1) {animation-delay: 0s;}

.rippleTick:nth-child(2) {animation-delay: 1s;}

@keyframes rippleTick {0% {transform: scale(1);opacity: 0.6;}100% {transform: scale(2.5);opacity: 0;}}
.formSumitedSuss h1, .formSumitedSuss h2{font-size: 32px;line-height: 48px;font-weight: bold;margin-bottom: 15px;}
.formSumitedSuss p{font-size: 16px;line-height: 24px;font-weight:550;margin-bottom: 30px;}
.formSumitedSuss .writetousThanks{font-size: 16px;line-height: 24px;font-weight:normal;margin-bottom: 80px; & a{font-weight: bold;}}
.goHomePagelink{ a{display: flex;justify-content: center;width: 100%;align-items: center;gap: 10px;font-size: 18px;line-height: 24px;font-weight: bold;color: #EE6C4D;} a:hover{text-decoration: none;}}

@media (max-width: 768px) {
.thankYouPage{
    & .formSumitedSuss h1{font-size: 28px;line-height: 40px;}
    & .formSumitedSuss p{font-size: 16px;line-height: 24px;}
   
}
}

/* end of thank you page */

/* start of message sarthi */
.messageSatBox{background: url(../images/messageBgImg.png) no-repeat center center/cover;position: relative;padding: 25px 32px 0px 32px;border-radius: 25px;border: 6px solid #EE6C4D;width: 90%;margin: 0 auto;overflow-x: hidden;overflow-y: auto;height: 95vh;scrollbar-width: thin;scrollbar-color: #EE6C4D rgba(0,0,0,0.08);scroll-behavior: smooth;overscroll-behavior: contain;}
.messageText{display: flex;gap: 15px;}
.messageDscImg {margin-bottom: -5px;display: flex;align-items: flex-end; position: relative;flex-direction: column;max-width: 300px;margin-right: -35px;
    & img{max-width:300px;position: relative;z-index: 1;
}
    & .dscSirDesMessage{position: absolute;bottom: 15px;left: -180px;z-index: 1;width: fit-content;height: fit-content; cursor: pointer;background: rgba(238, 108, 77, 1);border-radius: 35px;padding:8px 50px 8px 24px;color: #fff; & span{font-size: 16px;line-height: 24px;font-weight: normal;margin-bottom: 5px;display: block;}}
    & .dscSirDesMessage h3{font-size: 24px; line-height: 28px;font-weight: bold;margin-bottom: 5px;}
}

.messageSatBox::-webkit-scrollbar {
    width: 8px;
}

.messageSatBox::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.08);
    border-radius: 10px;
}

.messageSatBox::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #EE6C4D, #d85a3e);
    border-radius: 10px;
}

.messageSatBox::-webkit-scrollbar-thumb:hover {
    background: #EE6C4D;
}


.messageCloseIcon img{position: absolute;top: 15px;right: 20px;z-index: 2;width: 16px;height: 16px; cursor: pointer;}
.messageTitle h1{font-size: 28px;line-height: 40px;font-weight: bold;margin-bottom: 18px;}
.messageText p{font-size: 18px;line-height: 30px;font-weight: normal;margin-bottom: 20px;}
.messageText p strong{display: block;margin-bottom: 15px;}

/* Overlay */
.messageOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

/* Active modal */
.messageOverlay.active {
    opacity: 1;
    visibility: visible;
}

/* Modal animation */
.messageSatBox {
    transform: scale(0.9);
    transition: 0.3s ease;
}

.messageOverlay.active .messageSatBox {
    transform: scale(1);
}

@media (max-width: 992px) {
.messageTitle h1{text-align: center;font-size: 24px;line-height: 28px;margin-bottom: 12px;}

.messageSatBox{border-radius: 20px;padding: 15px;}

 .messageDscImg{margin-bottom: 0;max-width: 100%; & .dscSirDesMessage{position: relative;bottom: 0;left: 0;background: transparent;color: #020202;font-size: 24px;font-weight: bold;padding: 0;border-radius: 0;width: 100%; & span{display: block;}}}
}

/* end of message sarthi */

/* scroll start */
.scrollsContent{display: flex;gap: 24px;flex-wrap: wrap ;}
.scrollsContent .wisdomcart{width: calc(15% - 12px);}

@media (max-width: 1200px) {
.scrollsContent{gap: 15px;}
.scrollsContent .wisdomcart{width: calc(20% - 12px);}
}

@media (max-width: 992px) {
.scrollsContent .wisdomcart{width: calc(25% - 12px);}
}

@media (max-width: 768px) {
.scrollsContent .wisdomcart{width: calc(33% - 12px);}
}

@media (max-width: 480px) {
.scrollsContent .wisdomcart{width: calc(50% - 12px);}
}
/* scroll end   */

/* about page */
.staticpageContentInner{margin-top: 15px;}
.staticpageContentInner p,.imgholdraboutContent p{font-size: 18px;line-height: 26px;font-weight: normal;margin-bottom: 30px;}
.staticpageContentInner p strong,.imgholdraboutContent strong{font-size: 20px;line-height: 30px;font-weight: bold;margin-bottom: 15px;text-transform: uppercase;}
.imgholdrabout{display: flex;gap: 30px;}
.imgholdraboutContent p{margin-bottom: 0;}
.aboutbodyimg{max-width: 100%;width: 250px; height: auto;}

@media (max-width: 480px) {
.imgholdrabout{flex-direction: column;}
.aboutbodyimg{width: auto}
}

/* end of about page */



/* reel end */