@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* font-family: "Philosopher", sans-serif; */
@media (min-width: 992px) {
    .container-01 {
       max-width: 47.70% !important;
        margin: 0 auto;
        padding: 0;
    }

   
}
@media (min-width: 768px) {
   
    .container-02 {
       max-width: 80.10% !important;
        margin: 0 auto;
        padding: 0;
    }
    .container-03 {
       max-width: 67.60% !important;
        margin: 0 auto;
        padding: 0;
    }
    .container-04 {
       max-width: 71.40% !important;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        margin-left: 12.03%;
        margin-right: auto;
    }
     .container-05 {
       max-width: 57.76% !important;
        margin: 0 auto;
        padding: 0;
    }
      .container-06 {
       max-width: 68.33% !important;
        margin: 0 auto;
        padding: 0;
    }
       .container-07 {
       max-width: 66.87% !important;
        margin: 0 auto;
        padding: 0;
    }
   
}

:root {
    --font-1:"Philosopher", sans-serif;
    --color-1:#e4cca9;
  }

a{
    text-decoration: none  !important;
}

body {  background: url(../img/green-bg.png) repeat fixed !important;}
.body.bg-sec-1 {
    background: url(../images/border.png) no-repeat !important;
    background-position: center;
    background-size:100% !important;
    margin:19px 16px;
}
#header .header-body.menu-body {
    background: transparent;
}
.menu-body .header-logo{
        padding-top: 7.7%;
        padding-bottom: 2.7%;
        width: 14%;
    }
.menu-body .header-logo h5{
            color: var(--color-1);
        font-size: 1.25vw;
        font-family: var(--font-1);
            font-weight: 100;
    letter-spacing: 0;
    padding-top: 9.7%;

}
.col-box-1{
    width:24.34%;
}
.col-box-2{
    width:54.47%;
    
}
.col-box-3{
    width:21.17%;
}
.sec-main-1{
    padding-top: 6.5%;
}
.desc-02 p{
font-family: 'photograph_signatureregular';
 color:var(--color-1);
 letter-spacing: 0;
 font-size: 3vw;
 line-height: 1.1;
padding-bottom: 16%;
font-style: normal !important;

}
.desc-02 p:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
.desc-02{
        padding-top: 19%;
}
.box-icon img{
    width:100%;

} 
.box-text-1 h5{
         color: var(--color-1);
    font-size: 1.55vw;
    font-family: var(--font-1);
    text-align: center;
    line-height: 1.1;
    letter-spacing: 0;
    font-weight: 100;
    margin-bottom: 0px;
    padding-bottom: 13.5%;

}
.col-box-1 a:first-child .box-icon-text{
        padding-bottom: 128%;
} 
.col-box-3 a:first-child .box-icon-text{
    margin-bottom: 171%;
}
.col-box-3 a:first-child .box-text-1 h5{
       padding-bottom: 35%;
}
.row-sec-2{
  padding-bottom: 5%;
   padding-top: 16%;
}
.row-sec-2 .col-box-4{
    width:29%;
     margin: 0 auto;
        padding: 0;
}
.row-sec-2 .box-text-1 h5{
    margin-bottom: 0px;
    padding-bottom:0.8%
}
.found-sec{
    padding-top: 7%;
    padding-bottom: 10%;
}
.foun-col-box1{
    width:48.69%;
        
    }
.foun-col-box2{
    width:51.30%;
    
}
.heading-1 {
    font-family: 'photograph_signatureregular';
    color: var(--color-1);
    font-size: 6.4vw;
    position: relative;
    margin-left: 24.1%;
    margin-bottom: 0;
    padding-bottom: 6.5%;
    letter-spacing: 0;
}
.heading-1:before {
    content: "";
    position: absolute;
    bottom: -20%;
    left: 10%;
    background: url(../images/border-2.png) no-repeat !important;
    background-position: center;
    right: 0;
    width: 100%;
    height: 100%;
    top: 100%;
}
.foun-col-box1 img{
        padding-top: 7.2%;
        width: 100%;
}
.foun-col-box2 .foun-desc{
    padding-left: 9.54%;
    padding-right: 18.98%;
    padding-top: 4.8%;
}
.foun-desc p {
    font-family: var(--font-1);
    color: var(--color-1);
    letter-spacing: 0;
    font-size: 1.43vw;
    /*line-height: 1.68;*/
    line-height: 156%;
    padding-bottom: 1.7%;
}
.our-story-sec {
    padding-top: 7%;
    padding-bottom: 2%;
}
.story-col-box1{
    width:49.47%
}
.story-col-box2{
    width:50%
}
.story-col-box2 .foun-desc{
    /*padding-left: 11.90%;*/
    padding-top: 26.7%;
}
.story-col-box1 .heading-1 {
    margin-left: 9% ;
    padding-bottom: 8%;
}
.story-col-box1 img{
    padding-top: 2%;
    width: 80%;
}
.letrng-col-box1{
    width:41.60%;
    
}
.letrng-col-box2{
    /*width: 56.39%;*/
        width: 58.3%;
    
}
.letrng-col-box1 img{
    width: 90%;
     padding-top: 12%;
}
.letrng-col-box1 .heading-1 {
    margin-left: 0%;
    padding-bottom: 10.5%;
    width: 100%;
    text-align: left;
    padding-left:2%;
}
.letrng-col-box2 .foun-desc{
    padding-left:12.70%;
    padding-top: 27.5%;
}
.sec-row-2{
    padding-left: 7.5%;
    padding-right:6.5%;
    padding-top: 6%;
}
.sec-row-2 img{
    width: 100%;
}
.menus-col-box1 {
    width: 38.65%;
}
.menus-col-box2 {
    width: 61.34%;
}
.menus-col-box1 img{
    width: 90%;
     padding-top: 18%;
}
.menus-col-box1 .heading-1 {
    margin-left: 12.5% ;
    padding-bottom: 9.5%;
     width: 100%;
    text-align: left;
    padding-left:10.5%;
    
}
.menus-col-box2 .foun-desc{
    padding-left: 16.5%;
    padding-top: 27.5%;
}
.sec-row-3 img{
    width:100%;
    padding-top: 12%;
}
.menus-sec-1 {
    padding-top: 7%;
    padding-bottom: 5%;
}
.cards-col-box1{
    width:44.66%;
}
.cards-col-box2{
    width:55.33%;
}
.cards-col-box1 img{
    width: 90%;
     padding-top: 18%;
     padding-left: 3%;
}
.cards-col-box1 .heading-1 {
    margin-left: 0% ;
    padding-bottom: 9.5%;
     width: 100%;
    text-align: left;
    padding-left:10.5%;
    
}
.cards-col-box2 .foun-desc{
        padding-left: 19%;
    padding-top: 33%;
}
.light-box-2 .lightbox{
    display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.light-box-2{
    padding-top: 9%;
}
.img-weding-stionery img{
    height: 400px;
       object-fit: cover;
    object-position: center center;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
.wedng-sec-1 {
    padding-top: 7%;
    padding-bottom: 7%;
}
.wedding-col-box1{
    width: 50.15%;
    padding-left: 5%;
    
}
.wedding-col-box2{
    width:49.84%;
    
    
}
.wedding-col-box1 .heading-1 {
    margin-left: 3% ;
       padding-bottom: 6%;
     /*width: 100%;*/
    text-align: left;
    /*padding-left:10.5%;*/
    margin-bottom:9%;
   
    
}
.wedding-col-box1 .heading-1:before{
  background-position: center center !important;
    
}
.wedding-col-box1 img{
    width:75%;
    height: 70%;
    object-fit: cover;
    object-position: center center;
    vertical-align: middle;
    display: inline-block;
    
}
.wedding-col-box2 .foun-desc{
    padding-top: 22.5%;
    padding-left: 5.53%;
    padding-right: 19.35%;
}
.column-2-sec {
     display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
}
.column-2-sec ul li{
    list-style: none;
    font-family: var(--font-1);
    color: var(--color-1);
    letter-spacing: 0;
    font-size: 1.43vw;
    /*line-height: 156%;*/
    padding-bottom: 4%;
}
.light-box-2.img-weding-stionery{
        padding-top: 10.5%;
}
.img-weding-stionery.sec-row-2{
    margin-bottom: 50px;
}
.heading-02 {
    font-family: 'photograph_signatureregular';
    color: var(--color-1);
    font-size: 4vw;
    position: relative;
    text-align: center;
    margin-bottom: 5%;
    padding-bottom: 4%;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 8%;
}
.heading-02:before {
    background-size: 35% !important;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 100%;
    height: 28px;
    background: url(../images/border-2.png) no-repeat center;
    background-size: contain;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.4s 
ease-out;
    background-position: center center !important;
}
.heading-02.show-border:before {
    clip-path: inset(0 0 0 0); /* fully revealed */
}

@media (min-width: 992px) {
    
    #header .menu-body .header-nav-bar.header-nav-bar-top-border {
        border-top: 0px solid #ededed;
    }
    
     .menu-body .header-logo img{
width: 100%;
     }
     #header .menu-body  .header-nav-bar .header-nav {
        min-height: auto;
    }
    #header .menu-body .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a {
        padding: 0 0.72rem !important;
        letter-spacing: 0px;
    }
    #header .menu-body .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
        color:var(--color-1);
        font-size: 1.25vw;
        font-family: var(--font-1);
    }
        #header .menu-body .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color:var(--color-1);
    }
       #header .menu-body  .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
        display: none;
    }
       #header .menu-body .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li:hover > a {
       color:var(--color-1);
    }
        #header .menu-body .header-nav.header-nav-line nav > ul li:hover > a:before {
        background: var(--color-1);
    }
    .form-wrapper {
    padding-top: 5%;
    padding-left: 10%;
    }
}
@media (max-width: 991px) {
    .body.bg-sec-1 {
    background: url(../images/mobile-border-01.png) no-repeat !important;
    background-position: center;
    background-size: 100% !important;
    margin: 16px 10px;
}
    .menu-body .header-logo {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 20%;
}
#header .menu-body .header-logo img {
    width:100%;
}

#header .menu-body .header-nav-bar {
    /*display: none;*/
  
}
 #header .menu-body .header-btn-collapse-nav {
        top: 0px;
        right: 0px;
    }
 #header .menu-body .header-btn-collapse-nav {
    background:transparent;
}
 #header .menu-body  .header-btn-collapse-nav {
     color:var(--color-1);
     font-size: 25px;
}
    #header .menu-body .header-nav-main nav {

        padding: 0px;
        text-align: center;
    }
    #header .menu-body .header-nav-main:before {
        background:transparent;
    }
        #header .menu-body .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color:var(--color-1) !important;
        font-family: var(--font-1);
        font-size: 2.5vw;
        font-weight: 100;
        text-align: center;
    }
       #header .menu-body .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: transparent;
    }
       #header .menu-body .header-nav-main nav>ul li {
        border-bottom:none !important;
        display: inline-block;
        }
       #header .menu-body .header-nav-main {
        top: 0%;
    }
         #header .menu-body .header-nav-main nav>ul {
        padding-top: 0px;
        }
      #header .menu-body .header-nav-main  .nav {
    display: inline-block;
        }
   #header .menu-body .header-row.justify-content-end{
       justify-content: center !important;
        
    }
        #header .header-nav-bar .header-nav {
        min-height: auto !important;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        justify-content: center;
    }
       #header .menu-body .header-nav-bar .header-nav .header-nav-line {
                width: 100%;
        min-height: auto !important;
        margin-left: auto;
        margin-right: auto
    }
    #header .menu-body .header-btn-collapse-nav {
        display: none !important;
   margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        margin: 0 0 0 0rem;
        display: flex;
        align-items: center;
        font-family: var(--font-1);
        text-transform: uppercase;
        font-size: 2.1vw;
        font-weight: 100;
        letter-spacing: 0;
        justify-content: center;
    }
        #header .menu-body .header-btn-collapse-nav span{
            width:5%;
            height: 2px;
            background:var(--color-1);
            display: block;
            margin-right: 0px;
            position: relative;
        }
        
        #header .menu-body .header-btn-collapse-nav span:after{
            
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            top: -600%;
            left: 0;
           background:var(--color-1);
        }
            #header .menu-body .header-btn-collapse-nav span:before{
            
            content: "";
            width: 100%;
            height: 2px;
            bottom: -600%;
            left: 0;
           background:var(--color-1);
           position: absolute;
        }
       #header .menu-body .collapse:not(.show) {
    display: block;
}
        .mob-menu{
            margin-left: 2%;
            
        }
    .menu-body .header-logo h5 {
    font-size: 2.1vw;
    padding-bottom: 12%;
    }
.sec-main-1 {
    padding-top: 17%;
}
 .container-01 {
       max-width: 79.81% !important;
    }
    .box-text-1 h5 {
        font-size: 2.9vw;
    }
    .col-box-1 {
    width: 24.52%;
    padding-left:0;
    padding-right: 0;
}
.col-box-2 {
    width: 49.43%;
    padding-left:0;
    padding-right: 0;
}
.col-box-3 {
    width: 26.04%;
    padding-left:0;
    padding-right: 0;
}
.desc-02 p {
    font-size: 6.8vw;
}

.col-box-3 a:first-child .box-text-1 h5 {
    padding-bottom: 28%;
}
.col-box-1 a:first-child .box-icon-text {
    padding-bottom: 115.5%;
}
.col-box-3 a:first-child .box-icon-text {
    margin-bottom: 101%;
}
.row-sec-2 {
    padding-bottom: 8%;
}
.main{
    padding-top:10%;
}
}
@media (max-width:767px){
        .menu-body .header-logo h5 {
        font-size: 2.9vw;
            padding-top: 8%;
    }
    /*    #header .menu-body .header-btn-collapse-nav {*/
    /*    top: -100px;*/
    /*    right: 0px;*/
    /*}*/
    .menu-body .header-logo {
    width: 22%;
}
        .foun-col-box1{
    width:100%;
        
    }
.foun-col-box2{
    width:100%;
    
}
.foun-desc {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 50px !important;
}
.foun-desc p {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 15px;
}
.found-sec {
    padding-top: 50px;
    padding-bottom: 100px;
}
.heading-1 {
    font-size: 15vw;
    margin-left: 0;
    padding-bottom: 6.5%;
    text-align: center;

}
.heading-1:before {
    left: 28%;
    background-size: 49% !important;
}
.menus-col-box1 {
    width: 100%;
}
.menus-col-box2 {
    width: 100%;
}
    .story-col-box1 {
    width: 100%;
}
.story-col-box2 {
    width: 100%;
}
.wedding-col-box1 {
    width: 100%;
    padding-left:0;
}

.wedding-col-box1 img {
    height:auto;
    width:100%;
}
.wedding-col-box2 {
    width: 100%;
}
.column-2-sec ul{
    padding: 0;
    margin:0;
}
.column-2-sec ul li {
    font-size: 15px;
}
.light-box-2 {
    padding-left: 15px;
    padding-right: 15px;
}
.light-box-2 .lightbox {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.letrng-col-box1 {
    width: 100%;
}
.letrng-col-box1 img {
    width: 100%;
}
.letrng-col-box2 {
    width: 100%;
}
.our-story-sec {
    padding-bottom: 100px;
}
.cards-col-box1 {
    width: 100%;
}
.cards-col-box2 {
    width: 100%;
}
.cards-col-box1 img {
    width: 100%;
    padding-top: 18%;
    padding-left: 0%;
}
.menus-sec-1 .light-box-2 {
    margin-bottom:50px;
    
}
.menus-col-box1 img {
    width: 100%;
}
.story-col-box1 img {
    width: 100%;
}
    .founder-title {
        font-size: 3.5rem !important;
    }
    .heading-1{
        padding-bottom:0 !important;
        width:100%;
        text-align:left !important;
    }
    .heading-1:before {
    bottom: -50px !important;
    top: inherit !important;
    }
    .foun-col-box1 .heading-1{
        margin-left:50px;
    }
    .wedding-col-box1 .heading-1 {
         margin-left:50px;
        width: auto;
    }
    .cards-col-box1 .heading-1 {
    margin-left: 50px;

}
.letrng-col-box1 .heading-1 {
    margin-left: 50px;
}
.heading-02 {
    font-size: 11vw;
    margin-bottom: 3%;
    padding-bottom: 1%;
    margin-top: 8%;
}

}
@media (max-width:600px){
      .main {
        padding-top: 12%;
    }
        #header .menu-body .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        font-size: 3vw;
        }

        #header .menu-body .header-btn-collapse-nav span{
            width:8%;
            height: 1px;
        }
        
        #header .menu-body .header-btn-collapse-nav span:after{

            height: 1px;
            top: -700%;

        }
            #header .menu-body .header-btn-collapse-nav span:before{
            height: 1px;
            bottom: -700%;

        }
        .desc-02 p {
            line-height: 1.01;
        }
        .row-sec-2 {
            padding-top: 11.5%;
}
.box-icon{
    text-align: center;
}
.box-icon img{
        width: 90%;
}
    .box-text-1 h5 {
        font-size: 2.5vw;
    }
}
@media (max-width:600px){
    .our-story-sec .story-col-box1 img{
               width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        padding-left: 6%;
    }
.menus-sec-1 .menus-col-box1 img{
    width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
            padding-top: 10%;
    
}
.our-story-sec .letrng-col-box1 img{
     width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
}
        .desc-02 p {
            line-height: 1.01;
        }
        .row-sec-2 {
                   padding-top: 20%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
}
.row-sec-2 .box-icon img {
        width: 80%;
    }
    .body.bg-sec-1 {
        background-size: 100% 90vh !important;
                height: 90vh;
    }
    .sec-main-1 {
        padding-top: 7%;
    }
    /*.col-box-1 a:first-child .box-icon-text {*/
    /*    padding-bottom: 135.5%;*/
    /*}*/
    /*.col-box-3 a:first-child .box-icon-text {*/
    /*    margin-bottom: 121%;*/
    /*}*/
    .menu-body .header-logo {
        width: 18.83%;
    }
    .menu-body .header-logo h5 {
        font-size: 2.3vw;
    }
        .desc-02 p {
        font-size: 6vw;
    }
    .desc-02 {
    padding-left: 12%;
    padding-right: 12%;
}
      .col-box-1 {
        width: 22.52%;
      }
          .col-box-2 {
        width: 53.43%;
    }
    .col-box-3 {
        width: 24.04%;
    }
    .col-box-1 a:first-child .box-icon-text  img{
        position: relative;
        right: -8%;
    }
    .col-box-3 a:first-child .box-icon-text img{
        position: relative;
        left: -8%;
    }
    .col-box-3 a:nth-child(2) .box-icon-text img{
        position: relative;
        left: -8%;
    }

}



      .form-wrapper {
        width: 100%;
        border-radius: 0.5rem; /* rounded-lg */
        background-color: transparent;
        font-family: var(--font-1);
        box-sizing: border-box;
      }


      .form-group {
        margin-bottom: 1.5rem;
      }

      .form-label {
        display: block;
        margin-bottom: 0.5rem; /* mb-2 */
        font-size: 20px; /* text-sm */
        font-weight: 500; /* font-medium */
        color: var(--color-1); /* text-gray-600 */
      }

      /* Common styles for input, select, and textarea */
      .form-input,
      .form-select,
      .form-textarea {
        width: 100%;
        border-radius: 0.375rem !important; /* rounded-md */
        border: 1px solid var(--color-1); /* border-gray-300 */
        padding: 0.75rem; /* p-3 */
        font-size:18px; /* text-sm */
        color:var(--color-1); ; /* text-gray-800 */
        box-sizing: border-box;
        transition: border-color 0.2s, box-shadow 0.2s;
        background: #0d1f14;
      }

      .form-input:focus,
      .form-select:focus,
      .form-textarea:focus {
        border-color: #294c36; /* focus:border-indigo-500 */
        box-shadow: 0 0 0 1px #294c36; /* focus:ring-1 focus:ring-indigo-500 */
        outline: none;
      }

      /* Consent Checkbox Group */
      .consent-group {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
      }

      .form-checkbox {
        height: 1rem;
        width: 1rem;
        color: #fff;
      }

      .consent-label {
        margin-left: 0.5rem;
        font-size: 0.875rem;
        color: #4b5563;
      }

      .privacy-links {
        margin-bottom: 1.5rem;
        text-align: center;
        font-size: 0.875rem;
        color: #4b5563;
      }

      .privacy-links a {
        color: #4f46e5;
        text-decoration: none;
      }

      .privacy-links a:hover {
        text-decoration: underline;
      }

      /* Submit Button */
      .submit-btn {
        width: 100%;
        border-radius: 0.375rem;
        background-color: var(--color-1);
        padding: 0.75rem 1.5rem;
        font-size: 20px;
        font-weight: 500;
        color: #0d1f14;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s, box-shadow 0.3s;
      }

      .submit-btn:hover {
        background-color: #142b1d;
        color: #fff;
      }

      .submit-btn:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
      }

      /* Mobile Responsive Styles */
      @media (max-width: 640px) {
        .main-container {
          padding: 1rem;
        }

      }