/* @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');

@font-face {
    font-family: 'Samarkan';
    src: url('https://cdn.jsdelivr.net/gh/iamshubhamsingh/fonts/Samarkan.ttf');
}



*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body { font-family: 'Poppins'; background-color: #fff; }
main {  max-width: 480px; text-align: center; margin: 0 auto;  background-color: #fff; overflow: hidden;  }
.title-box h1 , .title-box h2 { font-family:  "Mea Culpa", cursive; font-size: 36px; color: #64734C;  font-weight: 400; }
.title-box h2 { font-weight: 600; font-size: 34px; color: #926B2C; }

.main-logo { width: auto; height: 260px; object-fit: contain; }
.section-1 { padding: 20px 70px 0px 70px; position: relative; background-image: url('../img/sangit-main-bg.jpg');  background-size: cover; background-position: center;  background-repeat: no-repeat; }
.top-title-box .ganesh-text { font-size: 16px; color: #926B2C; font-weight: 500; }
.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.section-1 .top-title-box   { gap: 12px; margin-bottom: 18px; }
.top-title-box p { font-size: 15px; color: #64734C; font-weight: 600; }
.section-1  .title-box { position: relative; background-image: url('../img/title-bg.png'); background-position: center; background-repeat: no-repeat; padding-top: 20px; }
.section-1  .title-box img { margin-top: 9px; }
.section-1  .title-box  p { font-size: 16px;color: #960F30; font-weight: 600; margin-top: 12px; }
.ganesha-img { height : 70px; width:auto; object-fit:contain; }

.section-1-left ,  .section-1-right  { position: absolute; width: 40%; }
 .section-1-left { left: -40px; top: -30px; }
 .section-1-right { right: -60px; top: -42px; }
 
section { height: 751px !important; }

/* section-2 */
.section-2 { position: relative; overflow: hidden; background-size: cover; background-image: url('../img/sangit-main-bg.jpg'); background-position: center center; background-repeat: no-repeat; height: 630px; }
.section-2 .inner-box { gap: 10px;top: 44%; position: absolute; left: 50%; transform: translate(-50%,-50%);align-items: center; }
.section-2 .inner-box p { font-size: 13px; font-weight: 500; color: #64734C; text-align: center;  }
.section-2 .inner-box img { height: 60px; object-fit: contain; }
.section-2  .section-2-right { left: -50px; }
.section-2 .section2-bottom-bg { position: absolute; width: 100%; left: 0; bottom: -14%; }
.section-2 .inner-box .sang { height: 50px; }
.section-2 .inner-box img[alt="prashant"] { height: 88px; }
.section-2 .inner-box  span { font-size : 12px; width : 85%; color:#960F30; }

/* barat-section */
.barat-section { position: relative ; overflow: hidden; background-image: url('../img/sangit-main-bg.jpg'); background-position: center center; background-repeat: no-repeat;height: 600px; background-size: cover }
.barat-section .inner-box { position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); gap: 19px;width: max-content; }
.barat-section .inner-box .shubh-vivah { height: 66px; width: auto; object-fit: contain; }
.right-title-box p , .right-title-box span { color : #926B2C; font-size : 13px; font-weight:600; text-align:center;  }
.common-title-box  { gap: 20px; align-items: flex-start; justify-content: center; }
.barat-section .barat-right { position: absolute; width: 30%; right: 0; top: -14px; }
.barat-section .barat-bottom { position: absolute; width: 58%;  bottom: 0; left: 50%; transform: translateX(-50%); }
.right-title-box span { color: #64734C; }

/* sangit-sandhiya-section */
.sangit-sandhiya-section  { position: relative; overflow: hidden; background-image: url('../img/sangit-main-bg.jpg'); background-repeat: no-repeat; background-position: center center; height: 600px; background-size:cover  ; }
.sangit-sandhiya-section  .inner-box { position: absolute; top: 46%;left: 50%; transform: translate(-50%,-50%); width: max-content; gap: 10px; }
.sangit-sandhiya-section  .inner-box .sangit-sandhiya-title { height: 50px; width: auto; object-fit: contain; }
.sangit-sandhiya-section  .inner-box  .bottom-box p { font-size: 13px; color: #877662; font-weight: 600; }
.sangit-sandhiya-section  .inner-box  .bottom-box span { font-size: 12px; color: #7D0C28; font-weight: 600; }
.sangit-sandhiya-section .sangit-top { position: absolute; top: -30px; right: -30px; width: 40%; }
.sangit-sandhiya-section .snagit-bottom { position: absolute; bottom: -14px; left: -30px; width: 50%; }
.date-title h2 { font-size: 18px; color:#926B2C ; }
.date-title h2 sup  { font-size: 12px; }
.date-title span {  color:#926B2C ; font-size: 14px; font-weight: 500; }

.brnone { display: none; }


.reception-section  {overflow: hidden; position: relative; background-image: url('../img/sangit-main-bg.jpg'); background-repeat: no-repeat; background-position: center center; height: 734px; background-size: cover;  }
.reception-section  .inner-box { position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 96%; gap: 16px; }
.reception-section  .inner-box  .ashirvad-shamharo-title { width: auto; object-fit: contain; height: 70px; }
.reception-section  .savgatur-box span , .reception-section  .bottom-box span  { color: #926B2C; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.reception-section  .savgatur-box p ,  .reception-section  .bottom-box p  { color: #877662; font-size: 11px; font-weight: 600;  }
.reception-section  .bottom-box { gap: 20px; }
video  , #myVideo{ width: 0px !important;   height: 0px !important; opacity: 0; visibility: hidden; position: absolute; z-index: -1;}
.reception-section .reception-top { position: absolute; top: -50px; left: -6px; width: 46%; }
.reception-section .reception-bottom { position: absolute; bottom: -100px; left: 0;  width: 100%; }
.reception-section .bottom-box > div { flex: 1; }

.date-title h2 { font-size: 18px; color:#926B2C ; }
.date-title h2 sup  { font-size: 12px; }
.date-title span {  color:#926B2C ; font-size: 14px; font-weight: 500; }
a { color: #877662; text-decoration: none;  }
.section-2 .section2-bottom-bg { bottom: -20%; }

@media screen and (max-width:479px){
    .section-2 .inner-box { width: 59%;}
    .reception-section .bottom-box p br:first-child { display: none; }
}

@media screen and (max-width:424px){
    .section-1 { padding: 20px 50px 0px 50px; }
    .section-1 .title-box { background-size: contain; background-position: top; padding-top: 25px; }
    .section-1 .title-box .flower-img { width: 80%; }
    .section-2 .inner-box { width: 66%;}
    .reception-section .bottom-box { gap: 0; }
    .reception-section .savgatur-box span, .reception-section .bottom-box span { font-size: 11px; }
    .brnone  { display: block; }
}