/* ==========================================================
   Brand Bana - Bootstrap 5 responsive recreation
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
.dm-serif-display-regular {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-display-regular-italic {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

*/
:root{
  --cream:#fff7e8;
  --cream-2:#fff1d5;
  --orange:#ff4f12;
  --orange-2:#ff6a16;
  --green:#0c8b54;
  --red:#e54b39;
  --brown:#94442a;
  --ink:#4d3a2f;
  --muted:#74675c;
  --shadow:0 12px 32px rgba(105,72,36,.14);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--cream);
  font-family:"Montserrat",Arial,sans-serif;
  font-size:13px;
  line-height:1.65;
}
h1,h2,h3{margin-top:0; text-transform: uppercase;}
h1,h2{font-family:"Playfair Display",Georgia,serif}
h1{font-size:clamp(2,4vw,3.6rem);line-height:1.05;color:var(--brown)}
h2{font-size:clamp(1.65rem,3vw,1.65rem);line-height:1.12; color:var(--orange-2); font-weight: 700;}
h2 span{color: var(--brown);}
h2 label{color: var(--green);}
h3{font-weight:700}
p{margin-bottom:1rem; font-size: 1rem; font-weight: 500;}
.site-header{
  position:sticky;top:0;z-index:1030;
  background:rgba(255,247,232,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(148,68,42,.08);
}
.navbar{min-height:68px}
.brand-mark{
  font-weight:800;letter-spacing:.08em;color:var(--brown)!important;
}
.brand-mark span{color:var(--green)}
.nav-link{color:var(--ink);font-weight:600}
.nav-link:hover{color:var(--orange)}
.btn{border-radius:5px;font-weight:700;letter-spacing:.02em}
.btn-brand{background:var(--orange);border-color:var(--orange);color:#fff}
.btn-brand:hover{background:#e9430b;border-color:#e9430b;color:#fff}
.btn-outline-brand{border-color:var(--orange);color:var(--orange)}
.btn-outline-brand:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.btn-light-orange{background:#fff5e7;color:var(--orange);border-color:#fff5e7}
.btn-light-orange:hover{background:#fff;color:var(--orange)}
.section-cream{
  background:
    radial-gradient(circle at 20% 30%,rgba(239,212,166,.20),transparent 28%),
    linear-gradient(180deg,#fff8e9 0%,#fff4dc 100%);
}
.hero-section{min-height:620px;padding:80px 0 40px;overflow:hidden; background-image: url("../assets/background/First-fold-bg.webp"); background-repeat: no-repeat; background-size: cover; background-position: 10% bottom;}
.hero-copy{position:relative;z-index:2}
/*.hero-copy h1{display:none}*/
.eyebrow{
  color:var(--brown);
  font-family:"Playfair Display",Georgia,serif;
  font-size:18px;
  line-height:1.05;
  font-weight:700;
  margin-bottom:15px;
}
.hero-copy p{/*max-width:620px*/ text-align: justify;}
.hero-copy blockquote{
  margin:18px 0 20px;
  padding:10px 20px;
  display:inline-block;
  background:#eec381;
  border-radius:10px;
  color:#68442d;
  font-size:14px;
  position: relative;
  max-width:550px;
  width: 100%;
}
.hero-copy blockquote::before{content: ""; display: block; position: absolute; background-image: url("../assets/Quote.webp"); background-repeat: no-repeat; width: 54px; height: 58px; top:-15px; opacity: 0.8;}
.hero-copy blockquote span{font-size:14px}
.hero-copy blockquote strong{position:relative; z-index: 2;}
.hero-visual{display:flex;justify-content:center;align-items:center}
.india-art{
  width:min(100%,650px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 15px rgba(70,50,25,.12));
}
.orange-section{
  background: #FD6F0D;
  background: linear-gradient(314deg, rgba(253, 111, 13, 1) 0%, rgba(253, 90, 13, 1) 50%, rgba(253, 111, 13, 1) 100%);
 /*background-image: url("../assets/background/second-fold-bg.webp"); background-repeat: no-repeat; background-size: cover;*/
  color:#fff;
  padding:74px 0;
}
.eyebrow-light{color:#fff}
.orange-section h2{color:#fff}
.orange-section p{color:rgba(255,255,255,.94); text-align: justify;}
.photo-card{overflow:visible;/*box-shadow:0 20px 45px rgba(85,33,8,.28)*/ position: relative; top:-30px;}
.photo-card img{display:block;width:100%;/*aspect-ratio:1.25/1;*/object-fit:cover; position: relative; min-width: 600px;}
.data-section{
  padding:76px 0 94px;
  position:relative;
}
.section-kicker{
  color:var(--brown);
  font-family:"Playfair Display",Georgia,serif;
  font-size:18px;font-weight:700;
}
.attribute-panel{
  max-width:1100px;
	width: 100%;
  margin:20px auto 0;
  padding:30px;
  border:1px solid rgba(253 91 13);
  border-radius:8px;
  background-image:url("../assets/background/box-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow:var(--shadow);
  background-position: bottom;	
  /*box-shadow: 0 0px 20px #30303050;	*/
}
.attribute-card{
  min-height:140px;
  display:flex;
  gap:0px;
  align-items:center;
  padding:10px 5px;
  border-radius:6px;
  box-shadow:0 1px 5px rgb(72 48 29 / 21%);
  width: 96%;
	transition: linear 200ms;
}
.attribute-card:hover{
  min-height:140px;
  display:flex;
  gap:0px;
  align-items:center;
  padding:10px 5px;
  border-radius:6px;
  box-shadow:0 6px 14px rgb(72 48 29 / 21%);
  width: 96%;
	transition: linear 200ms;
}
.attribute-card .icon{
  width:80px;height:80px;flex:0 0 80px;
  display:grid;place-items:center;
  border-radius:3px;
  color:#fff;font-weight:800;font-size:20px;
  position: relative; left:-20px;
}
.attribute-card .icon img{max-width:60px; width: 100%;}
.attribute-card h3{font-family: "DM Serif Display", serif; font-size:16px; margin-bottom:2px; letter-spacing: 0.7px;}
.attribute-card p{font-size:15px;line-height:1.35;margin:0}
.pink{background:#ffe7ed}.pink .icon{background:#df5263}
.green{background:#dff5e9}.green .icon{background:#13a36b}
.blue{background:#dff0fa}.blue .icon{background:#28a4ce}
.yellow{background:#fff2ca}.yellow .icon{background:#f2a900}
.purple{background:#eee1fb}.purple .icon{background:#8e55bd}
.coral{background:#ffe2da}.coral .icon{background:#ee6b51}
.teal{background:#dff5f2}.teal .icon{background:#00a49a}
.audience-section{
  padding:78px 0 105px;
  /*background:
    linear-gradient(rgba(255,250,240,.90),rgba(255,250,240,.94)),
    url("assets/meeting-bg.jpg") center/cover no-repeat;*/
	background-image: url("../assets/background/who-attend-bg.webp"); background-repeat: no-repeat; background-size: cover;
}
.audience-card{
  position:relative;
  min-height:210px;
  padding:55px 25px 25px;
 margin: 0 auto 70px;
  border:1px solid #f25a13;
  border-radius:25px;
 /* background:rgba(255,248,230,.94);*/
background: #FFD397;
background: linear-gradient(198deg, rgba(255, 211, 151, 1) 8%, rgba(255, 236, 204, 1) 49%, rgba(255, 211, 151, 1) 84%);	
  box-shadow:0 10px 23px rgba(83,53,22,.12);
  text-align:center;
  transition:transform .2s ease,box-shadow .2s ease;
  max-width: 320px;
  width: 96%;
}
.audience-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px rgba(83,53,22,.18)}
.audience-icon{
  position:absolute;left:50%;top:-55px;transform:translateX(-50%);
  width:95px;height:95px;display:grid;place-items:center;
  border-radius:20px;background:linear-gradient(145deg,#ff7b25,#ed4e0c);
  border:1px solid #ffffff;	
  color:#fff;font-size:27px;
  box-shadow:0 8px 15px rgba(177,65,13,.24);
}
.audience-card h3{color:var(--brown);font-family:"Playfair Display",Georgia,serif;font-size:17px;margin-bottom:9px}
.audience-card p{font-size:14px;line-height:1.45;margin:0}
.founder-section{
  padding:62px 0 92px;
  color:#fff;
  /*background:
    linear-gradient(rgba(255,85,15,.94),rgba(255,85,15,.94)),
    url("assets/meeting-bg.jpg") center/cover no-repeat;*/
 background-image: url("../assets/background/speakers-bg.webp"); background-repeat: no-repeat; background-size: cover;	
}
.audience-icon img {max-width:55px; width: 100%;}
.founder-photo-wrap{
  width:270px;height:270px;margin:22px auto 14px;padding:6px;
  /*border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px #168f5d,0 0 0 9px #fff,0 10px 24px rgba(0,0,0,.2);*/
  overflow:hidden;
}
.founder-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}
.founder-section h2{margin-bottom:3px}
.founder-role{font-size:15px;line-height:1.4; margin-bottom: 8px;}
.founder-section h3{margin-bottom:3px; color:#fff; font-size: 20px;}
.quote-section{
  padding:75px 0;
  background:#fff;
 background-image: url("../assets/background/second-last-bg-org.webp"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.meeting-visual img{
  width:100%;height:300px;object-fit:cover;object-position:left center;
  opacity:.32;
  filter:grayscale(1);
}
.quote-card{
  position:relative;
  max-width:750px;
  margin-left:auto;
  padding:44px 55px 38px;
  border-radius:13px;
  background:#fff0d6;
  box-shadow:var(--shadow);
  /*background:linear-gradient(145deg,#ff7b25,#ed4e0c);	*/
	margin: 0 auto;
}
.quote-mark{
  position:absolute;left:22px;top:8px;
  font-family:Georgia,serif;font-size:70px;
  line-height:1;color:#c8a777;
}
.quote-mark.closing{left:auto;right:18px;top:auto;bottom:-20px}
.quote-card p{font-size:14px}
.quote-card h3{font-size:23px;line-height:1.25; text-transform: none;}
.quote-card h3 span{color:#e55018}
.quote-card h3 strong{color:#0c8b54}
.site-footer{
  padding:20px 0;
  background:#422d22;
  color:#fff;
  font-size:11px;
}
.back-to-top{
  position:fixed;right:20px;bottom:20px;z-index:1040;
  width:42px;height:42px;border:0;border-radius:50%;
  background:var(--orange);color:#fff;font-size:20px;
  opacity:0;pointer-events:none;transition:.2s;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.back-to-top.show{opacity:1;pointer-events:auto}
.footer {background-color: #303030; color: #fff; font-size: 15px; font-weight: 400;	padding: 40px 0 0;}
.footer .widget-title { font-size: 16px;  font-weight: 700;   position: relative;  margin: 0 0 30px;  padding-left: 15px;  text-transform: uppercase;  color: #fff; border-left: 3px solid #ff5e5e;}
.footer-social { margin-top: 15px;}
.footer-social ul { list-style: none; margin: 0; padding: 0; margin-left: -13px;}
.footer-social ul li { display: inline-block;}
.footer-social ul li a i {display: block; font-size: 16px; color: #999; transition: 400ms; padding: 10px 13px;}
.footer a {text-decoration: none; color: #fff;}
.copyright{background-color:#000; padding: 20px 0;}
.copyright-info, .footer-menu{font-size: 14px;}
/*======  Dil ki baat section =======*/
.dil-ki-baat{background-image:url("../assets/background/dil-ki-baat-bg.webp"); background-repeat: no-repeat; background-size: cover; padding: 50px 0 10px; background-position: center;}
/*======  Dil ki baat section =======*/
.bharat-jise-khata-hai-apna{background-image:url("../assets/background/third-fold-bg.webp"); background-repeat: no-repeat; background-size: cover; padding: 20px 0 40px; background-position: center top;}
/*======== Partner ===========*/
#partner {
    padding: 80px 0;
    background-image: url("../assets/background/partner-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}
#partner h4 {
    font-size: 20px;
    color: #303030;
}
.partner-box {
    background-color: #fff;
    padding: 20px;
    min-height: 180px;
    position: relative;
    border-radius: 20px;
    width: 90%;
    margin: 0 auto;
}
.partner-box img {max-width:90%;}

/*========== Video Banner section 
	========*/
#home-banner{width:100%; position: relative; overflow: hidden;}
#banner-video{width: 100%; position: absolute;}
.banner-box{max-width:550px; width:100%; position: relative; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 50px 0;}
.banner-box h1{font-weight:800; color:#753400; text-shadow: 1px 1px 5px #00000036;}
.banner-box h1 span{font-weight:800; color:#fff;}
.banner-box h1 lable{font-weight:800; color:#008748;}
.banner-box img {max-width:270px; width: 100%; margin: 0; }

/*========= Form Section ======*/
.main-container{padding:60px 0;  }


@media (max-width:1120.98px){
.photo-card img{min-width:450px;}
}

@media (max-width:991.98px){
  .hero-section{padding-top:45px}
  .hero-visual{order:-1}
  .india-art{max-width:440px}
  .orange-section,.data-section,.audience-section,.founder-section,.quote-section{padding-top:58px;padding-bottom:70px}
  .attribute-panel{padding:20px}
  #banner-video{width:140%;}		
}
@media (max-width:767.98px){
  body{font-size:12px}
  .navbar{min-height:60px}
  .hero-section{padding:35px 0 50px}
  .hero-copy{text-align:left}
  .eyebrow{font-size:16px}
  .hero-copy p{font-size:14px}
  .india-art{width:100%;max-width:370px}
  .photo-card{max-width:420px;margin:auto}
  .attribute-panel{padding:14px}
  .attribute-card{min-height:78px}
  .audience-section{padding-bottom:75px}
  .audience-card{max-width:390px;margin:auto;margin-bottom: 30px;}
  .founder-section{padding-top:50px}
  .quote-card{padding:38px 30px 32px}
  .quote-card p{font-size:12px}
  .quote-card h3{font-size:19px}
  .meeting-visual img{height:220px}
}
@media (max-width:575.98px){
  .hero-copy blockquote{font-size:14px}
  .hero-copy blockquote span{font-size:9px}
  .attribute-card p{font-size:8.5px}
  .attribute-card h3{font-size:10px}
  .attribute-card .icon{width:39px;height:39px;flex-basis:39px;font-size:17px}
  .quote-section{padding-bottom:55px}
  .photo-card img{min-width: 300px;}
  .audience-card{margin-bottom:70px;}	
  #banner-video{width:300%;}	
}