@font-face {
  font-family: abovethebeyondscript;
  src: url(../fonts/above-the-beyond-script.ttf);
}

@font-face {
  font-family: Angello;
  src: url(../fonts/Angello.ttf);
}

@font-face {
  font-family: IvyOraDisplayLight;
  src: url(../fonts/IvyOraDisplay-Light.ttf);
}

@font-face {
  font-family: Bacalisties2OnXo;
  src: url(../fonts/Bacalisties-2OnXo.ttf);
}
@font-face {
  font-family: IvyOraTextLight;
  src: url(../fonts/IvyOraText-Light.ttf);
}

@font-face {
  font-family: IvyOraTextLightItalic;
  src: url(../fonts/IvyOraText-LightItalic.ttf);
}

@font-face {
  font-family: IvyOraTextRegular;
  src: url(../fonts/IvyOraText-Regular.ttf);
}
@font-face {
  font-family: IvyOraTextRegularItalic;
  src: url(../fonts/IvyOraText-RegularItalic.ttf);
}

@font-face {
  font-family: MontserratRegular;
  src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: PlayfairDisplayVariableFont_wght;
  src: url(../fonts/PlayfairDisplay-VariableFont_wght.ttf);
}

/*.......Mehendi........*/

.green{
        background-image: url(../images/artboard-1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 10%;
        text-align: center;
        color:#fff;
}

.green h2{
    font-size: 65px;
    font-family: abovethebeyondscript;
}

.green .c-w-c{
    font-size: 45px;
    padding: 10% 0% 10%;
    font-family: IvyOraTextRegular;
}

i{
    font-family: IvyOraTextRegularItalic;
}

.green h4{
    font-size: 80px;
    text-align: left;
    padding-left: 12%;
    font-family: IvyOraTextRegular;
}

.green h4 span{
    padding-left:17%;
}

.green .y-b{
    position:relative
}

.green h4 img{
    position:absolute;
    top:10%;
    right:5%;
}

.green .m-y{
    padding: 10% 0% 10%;
    position: relative;
}

.green .m-y img{
    position: absolute;
    top: 10px;
    left:0px;
}
.green .m-y .pink-l{
    position: absolute;
    top: 80%;
    left: 10%;
}

.green .m-y h1{
    font-size: 170px;
    text-align: left;
    padding-left: 22%;
    padding-bottom: 5%;
    color: #d67a1d;
    font-family: abovethebeyondscript;
}

.green h6{
    font-family: MontserratRegular;
    font-size: 50px;
}

.green .p-sty{
    padding: 10% 0% 20%;
    position: relative;
}

.green .p-sty p{
    font-size: 50px;
    font-family: IvyOraTextLight;
}

.green .p-sty img{
    position: absolute;
    top: 10%;
    right: 0px;
}

.green .p-sty .yellow-r{
    position: absolute;
    top: 18%;
    right: 18%;
}

/*.......Haldi........*/
.yellow{
        background-image: url(../images/artboard-2.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        color: #5b1e2d;
}

.p-l-t{
    position: relative;
}

.p-l-t img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 23%;
}

.yellow h2{
    font-size: 65px;
    font-family: abovethebeyondscript;
    padding: 25% 0% 5%;
}

.yellow p{
    font-size: 50px;
    font-family: IvyOraTextRegular;
}

.t-r-f{
    position: relative;
}

.t-r-f img{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 14%;
}

.yellow h4{
    font-size: 80px;
    text-align: left;
    padding: 10% 0% 10% 12%;
    font-family: IvyOraTextRegular;
}

.yellow h4 span{
    padding-left:17%;
}

.h-t h3{
    font-size: 200px;
    font-family: Bacalisties2OnXo;
}

.yellow h6{
    font-family: MontserratRegular;
    font-size: 45px;
    padding: 8% 0% 10%;
}

.yellow .p-sty{
    padding-bottom: 25%;
}

.yellow .l-r-c{
    position: relative;
}

.yellow .b-l-tree{
    position: absolute;
    bottom: 0px;
    left:0px;
    width: 35%;
}

.yellow .s-y-r-logo{
    width: 20%;
}

.yellow .r-b-plant{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 12%;
}

/*.......Ring Ceremony........*/
.blue{
    background-image: url(../images/artboard-3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #cba455;
    position: relative;
}

.blue .t-r-t{
    position: relative;
}

.blue .t-r-t img{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
}

.blue .b-blue {
    position: absolute;
    top: 3%;
    right: 42%;
    width: 10%;
    opacity: .8;
}

.blue h2{
    font-size: 65px;
    font-family: abovethebeyondscript;
    padding: 15% 0% 5%;
}

.blue p{
    font-size: 45px ;
    font-family: IvyOraTextRegular;
}

.blue h4{
    font-size: 55px;
    font-family: IvyOraTextRegular;
    padding-top:10%;
}

.blue h3{
    font-size: 150px;
    font-family: abovethebeyondscript;
    padding:10% 0% 15%;
}

.blue h6{
    font-family: MontserratRegular;
    font-size: 50px;
}

.blue .r-c-t-sty{
    padding: 15% 0% 25%;
}

.blue .l-c{
    position: relative;
}
.blue .l-c .b-l-tre{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 25%;
}

/*.......Wedding Ceremony........*/
.red{
    background-image: url(../images/artboard-4.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #ffffff;
    position: relative;
}

.red .t-r-t-w{
    position: relative;
}

.red .t-r-t-w img{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35%;
}
.red h2{
    font-size: 65px;
    font-family: IvyOraTextRegular;
    padding: 10% 0% 8%;
}

.red p{
    font-size: 35px ;
    font-family: IvyOraTextRegular;
}

.red h5{
    font-size: 55px ;
    font-family: IvyOraTextRegular;
}

.red .s-gra{
    font-size:50px;
    line-height:50px;
}

.red h3{
    font-size: 60px;
    font-family: abovethebeyondscript;
    padding: 3% 0% 0%;
    line-height: 88px;
}

.red h3 span{
    font-size: 44px ;
    font-family: IvyOraTextRegular;
}

.red .s-p-tex h2{
    font-size: 125px ;
    font-family: IvyOraDisplayLight;
    padding: 5% 0% 3%;
}

.red .s-p-tex{
    position: relative;
}

.red .s-p-tex img{
    position: absolute;
    top: -7%;
    right: 24%;
    width: 15%;
}

.red .s-p-tex p{
    font-size: 45px;
    font-family: PlayfairDisplayVariableFont_wght;
}

.red .s-p-tex p span{
    font-family: Angello;
}

.red .y-p-tex h2{
    font-size: 125px ;
    font-family: IvyOraDisplayLight;
    padding: 5% 0% 3%;
}

.red .y-p-tex{
    position: relative;
}

.red .y-p-tex img{
    position: absolute;
    top: -5%;
    right: 44.2%;
    width: 12%;
}

.red .y-p-tex p{
    font-size: 45px;
    font-family: PlayfairDisplayVariableFont_wght;
}

.red h6{
    font-family: MontserratRegular;
    font-size: 50px;
}

.red .r-s-v-p{
    padding: 3% 0% 20%;
}

.red .r-s-v-p h4{
    font-size: 65px;
    font-family: IvyOraTextRegularItalic;
}

.red .r-s-v-p p{
    font-size: 65px;
    font-family: IvyOraTextRegular;
}

.red .u-so{
    font-size: 50px;
    padding-left: 10%;
    text-align: left;
    font-family: abovethebeyondscript;
}

.red .u-so span{
    font-family: IvyOraTextRegular;
}

.red .h-pre{
    font-size: 50px;
    padding-top: 4%;
    padding-left: 12%;
    font-family: abovethebeyondscript;
}

.red .h-pre span{
    font-family: IvyOraTextRegular;
    padding-left: 10%;
}

.red .tag-name{
    text-align: right;
    font-size: 50px;
    padding-right: 7%;
    
    margin: 0px;
    font-family: IvyOraTextRegular;
}

.red .b-l-t-wed{position: relative;}
.red .b-l-t-wed img{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 35%;
}


@media screen and (max-width: 600px) {
    /*.......Responsive Css Mehendi........*/
    .green h2 {font-size: 22px;}
    .green .c-w-c {font-size: 18px;}
    .green h4 {font-size: 25px;}
    .green h4 img {top: 5%;width: 12%;}
    .green .m-y h1 {font-size: 55px;padding-left: 25%;}
    .green .m-y img {top: 0px;width: 18%;}
    .green .m-y {padding: 15% 0% 10%;}
    .green .m-y img { width: 16%;}
    .green .m-y .pink-l {top: 68%;width: 7%;left: 12%;}
    .green h6 {font-size: 16px;}
    .green .p-sty p {font-size: 15px;}
    .green .p-sty img {width: 16%;}
    .green .p-sty .yellow-r {width: 7%;right: 16%;}
    .f-w-logo img{width: 25%;}
    
    /*.......Responsive Css Haldi........*/
    .p-l-t img {width: 18%;}
    .yellow h2 {font-size: 22px;padding: 18% 0% 5%;}
    .yellow p {font-size: 17px;}
    .yellow h4 {font-size: 25px;}
    .h-t h3 {font-size: 85px;}
    .yellow h6 {font-size: 16px;}
    
    /*.......Responsive Css Ring Ceremony........*/
    .blue .b-blue {top: 2%;}
    .blue h2 {font-size: 22px;}
    .blue p {font-size: 17px;}
    .blue h4 {font-size: 25px;}
    .blue h3 {font-size: 55px;}
    .blue h6 {font-size: 16px;}
    .blue .s-y-g-logo {width: 30%;}
    
    /*.......Responsive Css Wedding Ceremony........*/
    .red h2 {font-size: 22px;}
    .red p {font-size: 17px;}
    .red h5 {font-size: 16px;}
    .red .s-gra {font-size: 18px;line-height: 25px;}
    .red h3 {font-size: 25px;line-height: 40px;}
    .red h3 span {font-size: 18px;}
    .red .s-p-tex h2 {font-size: 55px;padding: 10% 0% 3%;}
    .red .s-p-tex img {top: -2%;right: 8%;width: 25%;}
    .red .s-p-tex p {font-size: 18px;}
    .red .y-p-tex h2 {font-size: 55px;}
    .red .s-p-tex p span {font-size: 45px;}
    .red .y-p-tex img {top: -9%;right: 40.2%;width: 20%;}
    .red .y-p-tex p {font-size: 18px;}
    .red h6 {font-size: 18px;}
    .red .r-s-v-p h4 {font-size: 28px;}
    .red .r-s-v-p p {font-size: 25px;}
    .red .u-so {font-size: 16px;}
    .red .h-pre {font-size: 12px;}
    .red .tag-name {font-size: 20px;}
    .red .s-y-wed-l{width:25%;}
}


/*@media screen and (max-width: 768px) {*/
    /*.......Responsive Css Mehendi........*/
/*    .green h2 {font-size: 45px;}*/
/*    .green .c-w-c {font-size: 35px;}*/
/*    .green h4 {font-size: 45px;}*/
/*    .green h4 img {top: 5%;width: 12%;right:10%;}*/
/*    .green .m-y h1 {font-size: 93px;text-align: center;padding-left: 0%;}*/
/*    .green .m-y img {top: 0px;width: 18%;}*/
/*    .green .m-y {padding: 15% 0% 10%;}*/
/*    .green .m-y img { width: 18%;}*/
/*    .green .m-y .pink-l {top: 78%;width: 10%;left: 12%;}*/
/*    .green h6 {font-size: 25px;}*/
/*    .green .p-sty p {font-size: 28px;}*/
/*    .green .p-sty img {width: 16%;}*/
/*    .green .p-sty .yellow-r {width: 7%;right: 16%;}*/
/*    .f-w-logo img{width: 25%;}*/
    
    /*.......Responsive Css Haldi........*/
/*    .p-l-t img {width: 18%;}*/
/*    .yellow h2 {font-size: 45px;padding: 18% 0% 5%;}*/
/*    .yellow p {font-size: 35px;}*/
/*    .yellow h4 {font-size: 45px;}*/
/*    .h-t h3 {font-size: 100px;}*/
/*    .yellow h6 {font-size: 28px;}*/
/*    .yellow .s-y-r-logo { width: 25%;}*/
    
    /*.......Responsive Css Ring Ceremony........*/
/*    .blue .b-blue {top: 4%;}*/
/*    .blue h2 {font-size: 45px;}*/
/*    .blue p {font-size: 28px;}*/
/*    .blue h4 {font-size: 35px;}*/
/*    .blue h3 {font-size: 65px;}*/
/*    .blue h6 {font-size: 30px;}*/
/*    .blue .s-y-g-logo {width: 30%;}*/
    
    /*.......Responsive Css Wedding Ceremony........*/
/*    .red h2 {font-size: 45px;}*/
/*    .red p {font-size: 20px;}*/
/*    .red h5 {font-size: 31px;}*/
/*    .red .s-gra {font-size: 30px;line-height: 30px;}*/
/*    .red h3 {font-size: 35px;line-height: 50px;}*/
/*    .red h3 span {font-size: 26px;}*/
/*    .red .s-p-tex h2 {font-size: 75px;padding: 10% 0% 3%;}*/
/*    .red .s-p-tex img {top: -3%;right: 18%;width: 22%;}*/
/*    .red .s-p-tex p {font-size: 25px;}*/
/*    .red .y-p-tex h2 {font-size: 75px;}*/
/*    .red .s-p-tex p span {font-size: 45px;}*/
/*    .red .y-p-tex img {top: -18%;right: 42.2%;width: 16%;}*/
/*    .red .y-p-tex p {font-size: 25px;}*/
/*    .red h6 {font-size: 35px;}*/
/*    .red .r-s-v-p h4 {font-size: 50px;}*/
/*    .red .r-s-v-p p {font-size: 35px;}*/
/*    .red .u-so {font-size: 35px;}*/
/*    .red .h-pre {font-size: 26px;}*/
/*    .red .tag-name {font-size: 35px;}*/
/*    .red .s-y-wed-l{width:25%;}*/
/*}*/

@media only screen and (max-width: 1023px) {

}