body {
                                                /* height: 100vh; */
                                                background-position: center;
                                                background-size: cover;
                                                overflow-x: hidden!important;
                                                overflow-y: scroll;
                                            }
                                            
                                            html {
                                                scroll-behavior: smooth;
                                            }
                                            
                                            .admin-display-table {
                                                width: 100%;
                                            }
                                            
                                            @font-face {
                                                font-family: malayalam;
                                                src: url(../fonts/Rachana-Regular.ttf);
                                            }
                                            
                                            ul {
                                                list-style: none;
                                                padding: 0;
                                            }
                                            
                                            .contact-data ul li {
                                                font-size: 16px;
                                            }
                                            
                                            .modal-body.container-fluid.wc.dua1 {
                                                display: unset;
                                                font-size: 15px;
                                            }
                                            
                                            .dua1 h3 {
                                                text-align: right;
                                                font-size: 28px!important;
                                            }
                                            
                                            * {
                                                font-family: 'Josefin Sans', sans-serif;
                                                font-family: 'Roboto', sans-serif;
                                            }
                                            
                                            li.name-1 {
                                                font-size: 20px!important;
                                                margin-bottom: 2px;
                                            }
                                            
                                            .clock-title h1 {
                                                font-size: 50px;
                                                letter-spacing: 10px;
                                            }
                                            
                                            .clck {
                                                width: 100%;
                                                display: block;
                                                text-align: center;
                                            }
                                            
                                            .clck .fll {
                                                width: 500px;
                                                height: 500px;
                                                /* border: 1px solid white; */
                                                display: inline-block;
                                                border-radius: 50%;
                                                position: absolute;
                                                top: 50%;
                                                left: 50%;
                                                transform: translate(-50%, -50%);
                                                color: black;
                                            }
                                            
                                            .clck .fll .linecntr {
                                                width: 129px;
                                                position: absolute;
                                                left: 50%;
                                                background-color: white;
                                                top: 50%;
                                                height: 2px;
                                                z-index: 3;
                                            }
                                            
                                            .clck .fll .linecntr-move-cont {
                                                position: absolute;
                                                width: 300px;
                                                height: 300px;
                                                left: 0px;
                                                animation: rotate 12s infinite steps(12);
                                                top: 0px;
                                                z-index: 2;
                                            }
                                            
                                            .clck .fll .linecntr-move {
                                                width: 210px;
                                                position: absolute;
                                                left: 50%;
                                                background-color: white;
                                                top: 50%;
                                                height: 2px;
                                            }
                                            
                                            .clck .fll .linecntr:after {
                                                content: '';
                                                position: absolute;
                                                width: 10px;
                                                height: 10px;
                                                background-color: white;
                                                left: -3px;
                                                top: -5px;
                                                border-radius: 5px;
                                            }
                                            
                                            .clck .fll .linecntr-move-cont {
                                                position: absolute;
                                                width: 500px;
                                                height: 500px;
                                                left: 0px;
                                                animation: rotate 12s infinite steps(12);
                                                top: 0px;
                                                z-index: 99;
                                            }
                                            
                                            section.clock {
                                                height: 100vh;
                                            }
                                            
                                            .clock-title {
                                                position: absolute;
                                                left: 50%;
                                                top: 50%;
                                                transform: translate(-50%, -50%);
                                                z-index: 3;
                                            }
                                            
                                            section.clock {
                                                height: 100vh;
                                                background: black;
                                            }
                                            
                                            .line {
                                                position: relative;
                                                width: 100%;
                                                height: 100%;
                                                display: block;
                                                /* background: url(circle-bg1.png); */
                                                z-index: 999999;
                                                background-size: contain;
                                            }
                                            
                                            .line1 {
                                                position: absolute;
                                                width: 2px;
                                                height: 98%;
                                                top: 1%;
                                                left: 50%;
                                                background: white;
                                            }
                                            
                                            .line2 {
                                                position: absolute;
                                                width: 98%;
                                                height: 2px;
                                                top: 50%;
                                                left: 1%;
                                                background: white;
                                            }
                                            
                                            .line3 {
                                                position: absolute;
                                                width: 2px;
                                                height: 98%;
                                                top: 1%;
                                                left: 50%;
                                                background: white;
                                                transform: rotate(30deg);
                                            }
                                            
                                            .line4 {
                                                position: absolute;
                                                width: 98%;
                                                height: 2px;
                                                top: 50%;
                                                left: 1%;
                                                background: white;
                                                transform: rotate(30deg);
                                            }
                                            
                                            .line5 {
                                                position: absolute;
                                                width: 2px;
                                                height: 98%;
                                                top: 1%;
                                                left: 50%;
                                                background: white;
                                                transform: rotate(60deg);
                                            }
                                            
                                            .line6 {
                                                position: absolute;
                                                width: 98%;
                                                height: 2px;
                                                top: 50%;
                                                left: 1%;
                                                background: white;
                                                transform: rotate(60deg);
                                            }
                                            /* .linebg {
        position: absolute;
        width: 88%;
        height: 88%;
        display: block;
        background: #055b9f;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    } */
                                            
                                            #myVideo {
                                                position: fixed;
                                                right: 0;
                                                bottom: 0;
                                                min-width: 100%;
                                                min-height: 100%;
                                                filter: opacity(35%);
                                                display: block;
                                            }
                                            /* .v1-bg
      {
        
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: #66339985;
            content: '';
            z-index: 1;
        
      } */
                                            /* 
    robby css */
                                            
                                            .jumbotron.view-all {
                                                display: none;
                                            }
                                            
                                            .jumbotron.view-all.act {
                                                display: block;
                                            }
                                            
                                            .steve-logo img {
                                                width: 100%;
                                            }
                                            
                                            h3.bottom {
                                                position: absolute;
                                                bottom: -24px;
                                                left: 50%;
                                                transform: translateX(-50%);
                                                font-size: 22px;
                                            }
                                            
                                            h3.left {
                                                position: absolute;
                                                left: 0;
                                                top: 41%;
                                                transform: translateX(-50%);
                                                font-size: 22px;
                                            }
                                            
                                            h3.right {
                                                position: absolute;
                                                right: 0;
                                                top: 41%;
                                                transform: translateX(50%);
                                                font-size: 22px;
                                            }
                                            /* h3.top {
    position: absolute;
    top: -24px;
    transform: translateX(50%);
} */
                                            /* js */
                                            
                                            a {
                                                text-decoration: none;
                                                z-index: 9999;
                                            }
                                            
                                            h3 {
                                                font-size: 23px!important;
                                                letter-spacing: 1px;
                                            }
                                            
                                            h3.top {
                                                position: absolute;
                                                left: 50%;
                                                transform: translate(-50%);
                                                top: -25px;
                                            }
                                            
                                            a {
                                                color: #ff007b;
                                            }
                                            
                                            .sidenav {
                                                height: 100%;
                                                width: 0px;
                                                position: fixed;
                                                z-index: 1;
                                                top: 0;
                                                left: 0;
                                                background-color: #111;
                                                overflow-x: hidden;
                                                transition: 0.5s;
                                                padding-top: 60px;
                                                z-index: 999999999999999999999;
                                                box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
                                            }
                                            
                                            .sidenav svg {
                                                color: #ffffff;
                                                margin-right: 13px;
                                            }
                                            
                                            .sidenav a {
                                                padding: 8px 8px 8px 32px;
                                                text-decoration: none;
                                                font-size: 25px;
                                                color: #818181;
                                                display: block;
                                                transition: 0.3s;
                                                font-size: 17px;
                                                font-family: 'Roboto', sans-serif;
                                                white-space: nowrap;
                                            }
                                            
                                            .sec-head h6 {
                                                font-family: 'Roboto', sans-serif;
                                                margin: 0;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-size: 20px;
                                                color: white;
                                            }
                                            
                                            .sidenav a:hover {
                                                color: #f1f1f1;
                                            }
                                            
                                            .sidenav .closebtn {
                                                position: absolute;
                                                top: 0;
                                                right: 25px;
                                                font-size: 36px;
                                                margin-left: 50px;
                                            }
                                            /* wed */
                                            
                                            section.clock {
                                                background: url(../images/wedding_bg1.jpg);
                                            }
                                            
                                            section.clock {
                                                background: url(../images/wedding_bg1.jpg);
                                                background-size: cover;
                                                background-position: center;
                                            }
                                            
                                            .contact-data.row svg {
                                                font-size: 35px;
                                                position: relative;
                                                top: -26px;
                                               
                                            }
                                            
                                            @media screen and (max-height: 450px) {
                                                .sidenav {
                                                    padding-top: 15px;
                                                }
                                                .sidenav a {
                                                    font-size: 18px;
                                                }
                                            }
                                            /* .steve-menu span {
        z-index: 99999999;
        position: absolute;
        top: 4%;
        color: #ebb65f;
        font-family: 'Sorts Mill Goudy', serif;
    } */
                                            
                                            .admin-display-table {
                                                padding: 28px 0;
                                                height: 100vh;
                                                width: 100%;
                                            }
                                            
                                            .admin-display-table button {
                                                width: unset;
                                                margin: 0;
                                            }
                                            
                                            .table td,
                                            .table th {
                                                padding: .75rem;
                                                vertical-align: middle;
                                                border-top: 1px solid #dee2e6;
                                            }
                                            
                                            footer {
                                                background: #0000006b;
                                                width: 100%;
                                                text-align: center;
                                                margin: 0;
                                                padding: 10px 0px 10px 0px;
                                                display: flex;
                                                align-items: center;
                                                background: #151617;
                                                border-radius: 0!important;
                                            }
                                            
                                            footer h5 {
                                                font-size: 13px;
                                                font-family: 'Roboto', sans-serif;
                                                font-weight: 300;
                                                margin: 0;
                                            }
                                            
                                            .wedding-card h5 {
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-size: 26px;
                                                margin-top: 30px;
                                                margin-bottom: 19px;
                                                text-transform: capitalize;
                                                line-height: 1.4;
                                            }
                                            /* .main-sec-top {
                                                background: url(bride-bg.jpg);
                                            }
                                             */
                                            
                                            @media(max-width:760px) {
                                                /* figure {
                                            height: 35px!important;
                                            width: 35px!important;
                                            line-height: 35px!important;
                                        } */
                                            }
                                            
                                            @media(max-width:550px) {
                                                section.clock {
                                                    height: 100vh;
                                                    background: black;
                                                    background: url(../images/steve-bg.jpg);
                                                    background-position: center;
                                                    background-size: cover;
                                                    box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.4);
                                                }
                                                #myVideo {
                                                    display: none;
                                                }
                                                h3 {
                                                    font-size: 17px!important;
                                                    letter-spacing: 1px;
                                                }
                                                .clck .fll .linecntr-move-cont,
                                                .clck .fll {
                                                    width: 200px;
                                                    height: 200px;
                                                }
                                                .clck .fll .linecntr {
                                                    width: 55px;
                                                }
                                                .clck .fll .linecntr-move {
                                                    width: 63px;
                                                }
                                                /* svg {
            width: 250px;
            height: 250px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        } */
                                            }
                                            
                                            .theme-background-color {
                                                background-color: #e4ab56!important;
                                            }
                                            
                                            .wed-title {
                                                color: black;
                                            }
                                            
                                            .wedding-card {
                                                text-align: center;
                                                color: #ebb65f;
                                                width: 100%;
                                                padding: 137px 0 116px;
                                            }
                                            
                                            .wedding-card h1 {
                                                font-family: 'Great Vibes', cursive;
                                                font-size: 65px;
                                                margin: 18px 6px;
                                                color: #ebb65f;
                                                margin: 18px 6px -9px;
                                            }
                                            
                                            .wedding-card h4 {
                                                font-family: 'Sorts Mill Goudy', serif;
                                            }
                                            
                                            .wedding-card h4 {
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-size: 21px;
                                            }
                                            
                                            .wedding-card h3 {
                                                font-family: 'Sorts Mill Goudy', serif;
                                            }
                                            
                                            .wedding-card h2 {
                                                margin: 10px;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-size: 34px;
                                            }
                                            
                                            button {
                                                width: 155px;
                                                height: 43px;
                                                background: #ebb65f;
                                                border: unset;
                                                margin-top: 26px;
                                                line-height: 1.5;
                                                cursor: pointer;
                                                color: black;
                                            }
                                            
                                            footer h5,
                                            svg {
                                                color: #ebb65f;
                                            }
                                            
                                            svg {
                                                fill: #ebb65f;
                                            }
                                            
                                            .mobile {
                                                display: inline-flex;
                                                justify-content: flex-end;
                                                align-items: center;
                                            }
                                            
                                            .mobile h4 {
                                                margin-right: 24px;
                                                color: #ebb65f;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                margin-bottom: 0;
                                                font-size: 16px;
                                            }
                                            
                                            .top-nav {
                                                display: flex;
                                                justify-content: space-between;
                                                padding: 8px 0px;
                                                background: #151517;
                                                border-bottom: 1px solid #ebb65f69;
                                            }
                                            
                                            .top-nav span {
                                                color: #ebb65f;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-size: 20px;
                                            }
                                            
                                            .sidenav a,
                                            .closebtn {
                                                font-family: 'Sorts Mill Goudy', serif;
                                                color: #ebb65f;
                                            }
                                            
                                            .wed-item {
                                                width: 100%;
                                                height: 200px;
                                                /* background: url(love.png); */
                                                background: #ebb65f;
                                                background-repeat: no-repeat;
                                                background-size: contain;
                                                color: white;
                                                display: flex;
                                                justify-content: center;
                                                align-items: center;
                                                background-position: center;
                                                cursor: pointer;
                                            }
                                            
                                            .main-sec {
                                                padding: 70px 0;
                                            }
                                            
                                            .wed-title {
                                                color: #040404;
                                            }
                                            
                                            .main-sec {
                                                padding: 70px 0;
                                                text-align: center;
                                            }
                                            
                                            .wed-title {
                                                margin-bottom: 34px;
                                                font-family: malayalam, 'Sorts Mill Goudy';
                                                font-size: 17px;
                                                line-height: 1.2;
                                                margin-top: 10px;
                                            }
                                            
                                            .wed-title span {
                                                font-family: 'Sorts Mill Goudy';
                                            }
                                            
                                            .box.container {
                                                background: #e5dfab;
                                                box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
                                                padding: 0 23px;
                                                /* background: url(../images/bbg.png); */
                                                background-size: contain;
                                                position: relative;
                                                padding: 0 23px 42px;
                                                background: linear-gradient(to right #e4dfa7, white);
                                            }
                                            
                                            input:focus,
                                            button {
                                                outline: none !important;
                                            }
                                            
                                            .btn-primary:not(:disabled):not(.disabled).active,
                                            .btn-primary:not(:disabled):not(.disabled):active,
                                            .show>.btn-primary.dropdown-toggle {
                                                color: #fff;
                                                background-color: #dd6367;
                                                border-color: #dd6367;
                                            }
                                            
                                            .btn-primary.focus,
                                            .btn-primary:focus,
                                            .form-control:focus {
                                                box-shadow: unset;
                                            }
                                            
                                            .form-control:focus {
                                                border-color: #dd6367;
                                            }
                                            
                                            .form-control {
                                                font-family: 'roboto';
                                                font-size: 13px;
                                                border-radius: 0;
                                                border: unset;
                                            }
                                            
                                            .mobile div {
                                                color: #ebb65f;
                                            }
                                            
                                            .logo-box img {
                                                width: 100%;
                                            }
                                            
                                            .modal-body.container-fluid.wc img {
                                                width: 100%;
                                            }
                                            
                                            .logo-box {
                                                width: 102px;
                                            }
                                            
                                            .btn-primary:hover,
                                            .btn-primary {
                                                color: #fff;
                                                background-color: #e8474c;
                                                border-color: #e8474c;
                                                border-radius: 0;
                                            }
                                            
                                            .container.box:before {
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                                width: 100%;
                                                height: 100%;
                                                background: #e4dfa7;
                                                background: white;
                                                background-image: linear-gradient(0deg, #e4dfa7, transparent);
                                                content: '';
                                            }
                                            
                                            form label {
                                                text-align: left;
                                            }
                                            
                                            .form-group {
                                                text-align: left;
                                            }
                                            
                                          
                                            
                                            .ashamsa-image {
                                                overflow: hidden;
                                                width: 100px;
                                                height: 100px;
                                                background: url(../images/profile.png);
                                                border-radius: 50%;
                                                display: inline-block;
                                                background-size: contain;
                                            }
                                            
                                            .ashamsa1 {
                                                text-align: center;
                                            }
                                            
                                            .ashamsa-data {
                                                margin-top: 10px;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-family: malayalam;
                                            }
                                            
                                            .ashamsa-data p {
                                                margin: 5px;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-family: malayalam;
                                            }
                                            
                                            .as-name {
                                                font-style: italic;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                font-family: malayalam;
                                            }
                                            
                                            .ashamsa1 .owl-theme .owl-nav [class*=owl-] {
                                                background: #e8474c;
                                                color: #FFF;
                                                text-decoration: none;
                                                width: 35px;
                                                height: 35px;
                                                line-height: 28px;
                                                border-radius: 0;
                                                margin: 2px!important;
                                            }
                                            
                                            .ashamsa1 .owl-theme .owl-nav [class*=owl-]:hover {
                                                background: #e8474c;
                                                opacity: 0.5;
                                            }
                                            
                                            .ashamsa1 .owl-nav {
                                                position: unset;
                                                top: 50%;
                                                width: 100%;
                                                margin-left: auto;
                                                margin-right: auto;
                                                display: block;
                                                transform: unset;
                                                justify-content: space-between;
                                                align-items: center;
                                            }
                                            
                                            label.text-left {
                                                font-family: 'roboto';
                                                font-size: 14px;
                                                padding-left: 5px;
                                            }
                                            
                                            label.text-left {
                                                font-family: 'roboto';
                                                font-size: 14px;
                                                padding-left: 5px;
                                                position: relative;
                                                margin: 0;
                                                left: 32px;
                                                top: 6px;
                                            }
                                            
                                            .form-control {
                                                background: rgba(255, 255, 255, 0.8);
                                            }
                                            
                                            .modal-body {
                                             
                                                background-size: cover;
                                                background-repeat: repeat;
                                                /* display: flex; */
                                                align-items: center;
                                                justify-content: center;
                                                font-size: 55px;
                                                font-family: 'Sorts Mill Goudy', serif;
                                               
                                                color: black;
                                                /* background: #e4dfa7; */
                                                background-image: linear-gradient(0deg, #e4dfa7, transparent);
                                               
                                                padding: 35px;
                                                text-transform: capitalize;
                                                /* text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; */
                                                background-position: center;
                                                font-family: malayalam;
                                            }
                                            
                                            .modal-header {
                                                border-bottom: 1px solid #542338;
                                                background: #542338;
                                                border-radius: 0;
                                            }
                                            
                                            .data-box p {
                                                font-family: 'roboto';
                                                font-size: 18px;
                                            }
                                            
                                            .data-box li {
                                                font-family: 'roboto';
                                                font-size: 18px;
                                            }
                                            
                                            .modal-content {
                                                border-radius: 0px 0;
                                                overflow: hidden;
                                            }
                                            
                                            button.close {
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                color: white;
                                                font-size: 39px;
                                                line-height: 0;
                                                /* background: radial-gradient(black, transparent); */
                                            }
                                            
                                            .theme-background-color {
                                                background-color: #ebb65f!important;
                                            }
                                            
                                            .bimg {
                                                width: 400px;
                                            }
                                            
                                            section.map1 {
                                                width: 100%;
                                            }
                                            
                                            #myModal1 .modal-body {
                                                background: unset;
                                                box-shadow: unset;
                                            }
                                            
                                            #myModal1 .modal-content {
                                                background: unset;
                                                box-shadow: unset;
                                                border: unset;
                                            }
                                            
                                            #myModal1 button.close {
                                                position: absolute;
                                                right: 0;
                                                top: 39px;
                                                right: 39px;
                                                color: white;
                                                top: 16px;
                                                z-index: 9999999999999;
                                            }
                                            
                                            #myModal1 .close:not(:disabled):not(.disabled):focus,
                                            #myModal1 .close:not(:disabled):not(.disabled):hover {
                                                color: white;
                                                text-decoration: none;
                                                opacity: 1;
                                            }
                                            
                                            section.map1 p {
                                                font-size: 26px;
                                                text-align: center;
                                                padding: 13px 4px;
                                                background: #75242680;
                                                /* color: #752426; */
                                                font-family: 'Roboto', sans-serif;
                                            }
                                            
                                            .place-images {
                                                width: 100%;
                                            }
                                            
                                            .owl-nav {
                                                position: absolute;
                                                top: 50%;
                                                width: 100%;
                                                margin-left: auto;
                                                margin-right: auto;
                                                transform: translateY(-50%);
                                                display: flex;
                                                justify-content: space-between;
                                                align-items: center;
                                            }
                                            
                                            button span {
                                                font-size: 39px;
                                            }
                                            
                                            .owl-nav button {
                                                width: unset;
                                                height: unset;
                                            }
                                            
                                            .map1 p {
                                                margin-bottom: 0;
                                            }
                                            
                                            #nikkah .modal-body,
                                            #reception .modal-body {
                                                padding: 0;
                                            }
                                            
                                            iframe {
                                                position: relative;
                                            }
                                            
                                            .contact-map iframe {
                                                position: unset!important;
                                            }
                                            
                                            #nikkah h5.modal-title {
                                                font-family: 'Sorts Mill Goudy', serif;
                                                color: white;
                                                font-size: 29px;
                                            }
                                            
                                            #reception h5.modal-title {
                                                font-family: 'Sorts Mill Goudy', serif;
                                                color: white;
                                                font-size: 29px;
                                            }
                                            
                                            audio {
                                                opacity: 0.2;
                                            }
                                            
                                            .fimage {
                                                width: 117px;
                                                height: 127px;
                                                background: red;
                                                margin-bottom: 10px;
                                                display: inline-block;
                                                overflow: hidden;
                                            }
                                            
                                            .data-box {
                                                text-align: center;
                                                width: 100%;
                                            }
                                            
                                            .data-box h6 {
                                                margin-top: 38px;
                                            }
                                            
                                            .data-box * {
                                                font-family: malayalam, 'Sorts Mill Goudy';
                                                font-size: 17px;
                                                line-height: 1.2;
                                                color: white;
                                            }
                                            
                                            .data-box h5 {
                                                font-size: 18px!important;
                                               
                                            }
                                            
                                            .data-box .nav-link {
                                                font-family: 'Sorts Mill Goudy';
                                                border-radius: 0;
                                                color: #ebb65f;
                                            }
                                            
                                            .data-box .nav-tabs.active {
                                                border-bottom: 1px solid #7524269e;
                                                display: flex;
                                                justify-content: space-around;
                                            }
                                            
                                            .data-box .active .row {
                                                background: #542338;
                                                border-radius: 17px 0;
                                                /* border: 1px solid;
                                                border-color: #542338 #fdfcfe white; */
                                                padding: 0 30px 30px;
                                            }
                                            
                                            .data-box ul#myTab {
                                                display: flex;
                                                justify-content: space-around;
                                            }
                                            
                                            .data-box .nav-tabs .nav-link:focus,
                                            .data-box .nav-tabs .nav-link:hover {
                                                border-color: #e9ecef #e9ecef #542338;
                                            }
                                            
                                            .data-box .nav-tabs .nav-item.show .nav-link,
                                            .data-box .nav-tabs .nav-link.active {
                                                color: white;
                                                background-color: #542338;
                                                border-color: #ffffff #ffffff #542338;
                                            }
                                            
                                            a.nav-link {
                                                font-size: 21px;
                                            }
                                            
                                            li.col-12.sbh {
                                                margin: 30px 0 10px;
                                                font-family: malayalam, 'Sorts Mill Goudy';
                                                font-size: 19px;
                                            }
                                            
                                            li.sbhs {
                                                font-family: malayalam, 'Sorts Mill Goudy';
                                                margin: 0px 0 10px;
                                                text-align: left;
                                            }
                                            
                                            li.col-12.sbhs span {
                                                font-size: 19px;
                                                margin-bottom: 25px;
                                                line-height: 2;
                                                /* text-decoration: underline; */
                                            }
                                            
                                            .ful {
                                                width: 100%;
                                                height: 1px;
                                                background: #ffffff54;
                                                margin-top: 20px;
                                            }
                                            
                                            li.col-12.sbhs li {
                                                font-family: malayalam, 'Sorts Mill Goudy';
                                                font-size: 17px;
                                            }
                                            
                                            .fimage img {
                                                width: 100%;
                                            }
                                            
                                            li.col-12.sbhs li i {}
                                            
                                            li.col-12.sbhs i {
                                                color: #ebb65f;
                                                font-size: 17px;
                                            }
                                            
                                            h6.malayalam {
                                                /* font-family: malayalam, 'Sorts Mill Goudy'; */
                                                font-size: 20px;
                                                position: relative;
                                                top: 4px;
                                            }
                                            
                                            div#mySidenav img {
                                                width: 20px;
                                                position: relative;
                                                top: -3px;
                                                margin-right: 18px;
                                                left: 2px;
                                            }
                                            
                                            .offset {
                                                position: relative;
                                                top: -58px;
                                            }
                                            
                                            input[type=file] {
                                                width: 100px!important;
                                                height: 100px!important;
                                                opacity: 0;
                                            }
                                            
                                            .image-box {
                                                width: 100px!important;
                                                height: 100px!important;
                                                background: yellow;
                                                display: inline-block;
                                                position: absolute;
                                                left: 50%;
                                                transform: translateX(-50%);
                                                top: 0;
                                                background: white;
                                                background-size: contain;
                                                overflow: hidden;
                                                border-radius: 10px;
                                                box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
                                            }
                                            
                                             ::selection {
                                                background-color: #e8474c;
                                                color: white;
                                            }
                                            
                                            input[type=file] {
                                                width: 100px!important;
                                                height: 100px!important;
                                                opacity: 0;
                                                position: absolute;
                                                left: 50%;
                                                transform: translate(-50%);
                                                cursor: pointer;
                                            }
                                            
                                            #blah {
                                                width: 100%;
                                                height: 100px;
                                            }
                                            
                                            .nameform {
                                                margin-bottom: 120px;
                                                position: relative;
                                                top: 110px;
                                                font-size: 14px;
                                                color: #5e656b;
                                                font-family: 'Josefin Sans', sans-serif;
                                            }
                                            
                                            @media (max-width:767px) {
                                                .mobile span {
                                                    display: none;
                                                }
                                                /* body {
            overflow: scroll;
            height: unset;
            background: url(wedding_bg1.jpg)no-repeat;
            background-position: center;
            background-size: cover;
        }
        footer {
            position: unset;
            bottom: 0;
            left: 50%;
            transform: unset;
            background: #0000006b;
            width: 100%;
            text-align: center;
            margin: 0;
            padding: 6px 0px 0px 0px;
        }
        footer h5 {
            font-size: 13px;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            margin: 0;
            padding: 10px;
        } */
                                                .wed-item {
                                                    width: 100%;
                                                    height: 89px;
                                                    margin: 3px 0;
                                                    margin-bottom: 31px;
                                                }
                                                .wed-item {
                                                    width: 75px;
                                                    height: 75px;
                                                }
                                            }
                                            
                                            .sec-head {
                                                padding: 5px 0;
                                                color: black;
                                                text-align: center;
                                                background: #ebb65f;
                                                font-family: malayalam;
                                                font-size: 25px;
                                            }
                                            
                                            .main-sec {
                                                padding: 32px 0 13px;
                                                text-align: center;
                                                background: #ffffff73;
                                                border-radius: 0 0 15px 15px;
                                                padding: 25px 0 25px;
                                                margin-bottom: -34px;
                                            }
                                            
                                            .invitation p,
                                            .invitation h1,
                                            .invitation h2,
                                            .invitation h5,
                                            .invitation h4,
                                            .invitation,
                                            .invitation span {
                                                font-family: malayalam;
                                            }
                                            
                                            .invitation {
                                                padding: 24px 0;
                                                line-height: 1.5;
                                                font-size: 24px;
                                                text-align: center;
                                            }
                                            
                                            h4.bismi {
                                                font-size: 22px;
                                            }
                                            
                                            .vadhu {
                                                font-family: malayalam;
                                            }
                                            
                                            .inshaallah {
                                                font-family: malayalam;
                                                font-size: 22px;
                                                margin-top: 18px;
                                                margin-bottom: 10px;
                                            }
                                            
                                            .imageaa {
                                                /* padding: 10px 5px; */
                                                margin-top: 16px;
                                            }
                                            
                                            .date {
                                                font-family: malayalam;
                                                font-size: 25px;
                                                font-weight: 600;
                                                padding: 30px;
                                                background: #542338;
                                                margin-bottom: 32px;
                                                border-radius: 20px;
                                                color: white;
                                            }
                                            
                                            .nikkah {
                                                font-family: malayalam;
                                                font-size: 30px;
                                                font-weight: 600;
                                            }
                                            
                                            .sneham {
                                                font-family: malayalam;
                                                text-align: center;
                                                margin-top: 28px;
                                                font-style: italic;
                                            }
                                            
                                            .ashamsa {
                                                font-family: malayalam;
                                                text-align: center;
                                                margin-top: 28px;
                                                font-style: italic;
                                            }
                                            
                                            .ashamsa span {
                                                font-size: 21px;
                                            }
                                            
                                            .name {
                                                font-family: malayalam;
                                                text-align: center;
                                                font-style: italic;
                                            }
                                            
                                            h5.salam {
                                                margin-bottom: 34px;
                                            }
                                            
                                            .invitation p {
                                                margin-bottom: 1px;
                                            }
                                            
                                            .bride span {
                                                font-style: italic;
                                                font-size: 28px;
                                                font-weight: 600;
                                                border: 1px solid #481c2c;
                                                padding: 11px 25px;
                                                display: block;
                                                margin: 16px 0;
                                                border-radius: 20px;
    
                                            }
                                            .bride span br 
                                            {
                                                display: none;
                                            }
                                            .nikkah {
                                                text-decoration: underline;
                                            }
                                            
                                            .nikkah {
                                                text-decoration: underline;
                                                font-size: 28px;
                                                margin-bottom: 5px;
                                            }
                                            
                                            div#counter {
                                                color: white;
                                            }
                                            
                                            div#counter {
                                                color: white;
                                                background: 10px;
                                                padding: 0px;
                                            }
                                            /* .date-join {
                                                position: absolute;
                                                top: 56%;
                                                left: 50%;
                                                transform: translateX(-50%);
                                                text-align: center;
                                            } */
                                            
                                            figure {
                                                color: white!important;
                                                background: #733a56!important;
                                            }
                                            
                                            .button:focus {
                                                border: none;
                                            }
                                            
                                            .countdownCubeTitleDiv {
                                                color: #733a56!important;
                                                padding-top: 2px!important;
                                            }
                                            
                                            .wed-item img {
                                                width: 63%;
                                                border-radius: 8px;
                                            }
                                            
                                            section.steve-menu {
                                                background: #0000007d;
                                            }
                                            
                                            section.steve-menu {
                                                background: #151517;
                                                border-bottom: 1px solid #ebb65f69;
                                                height: 100%;
                                            }
                                            
                                            footer {
                                                border-top: 1px solid #ebb65f69;
                                            }
                                            /* @media (max-width:560px) {
                                                .wedding-card br {
                                                    display: none;
                                                }
                                            } */
                                            
                                            button.close {
                                                text-align: right;
                                                display: flex;
                                                height: 62px;
                                                align-items: center;
                                                justify-content: center;
                                                justify-content: flex-end;
                                            }
                                            
                                            .modal-footer .btn {
                                                color: #fff;
                                                background-color: #752426;
                                                border-color: #752426;
                                                padding: 2px 18px;
                                                border-radius: 18px!important;
                                                margin: 0;
                                            }
                                            
                                            h5.modal-title {
                                                font-family: malayalam;
                                            }
                                            
                                            #myModal1 .modal-header {
                                                background: unset;
                                                border: unset;
                                            }
                                            
                                            #myModal1 a.close {
                                                position: absolute;
                                                left: 63%;
                                                color: white;
                                                font-size: 41px;
                                            }
                                            /* .modal-body img {
                                                width: 100%;
                                            }
                                             */
                                            
                                            .modal-footer {
                                                border-top: 1px solid #542338;
                                                background: #542338;
                                            }
                                            
                                            .wc button {
                                                margin: 0;
                                            }
                                            
                                            .wcsec:first-child {
                                                margin-bottom: 30px;
                                            }
                                            
                                            .wcsec .btn-secondary {
                                                color: #fff;
                                                background-color: #752426;
                                                border-color: #752426;
                                                padding: 2px 18px;
                                                border-radius: 18px!important;
                                            }
                                            
                                            .seven1 {
                                                width: 428px;
                                                height: 240px;
                                                background: url(../images/seven.gif)no-repeat;
                                                background-size: cover;
                                                position: relative;
                                                display: flex;
                                                justify-content: space-between;
                                                width: 100%;
                                                padding: 11px 15px;
                                                font-family: 'Sorts Mill Goudy', serif;
                                                background-position: center;
                                            }
                                            
                                            h5.modal-title {
                                                font-family: malayalam;
                                                color: white;
                                            }
                                            
                                            .row.main-sec.main-sec-top img {
                                                width: 100%;
                                                padding-top: 0;
                                                margin-bottom: 14px;
                                            }
                                            
                                            #myImg {
                                                -webkit-animation-duration: 8s;
                                                -moz-animation-duration: 8;
                                                -ms-transition-animation-duration: 8s;
                                            }
                                            
                                            .main-sec:first-child {
                                                padding: 140px 0 13px;
                                                text-align: center;
                                                display: flex;
                                                justify-content: center;
                                            }
                                            
                                            audio {
                                                opacity: 0.8;
                                                margin: 32px 0!important;
                                            }
                                            
                                            .row.main-sec.main-sec-top img {
                                                width: 36%;
                                                margin-bottom: 50px;
                                            }
                                            
                                            .main-sec:first-child {
                                                padding: 58px 0 13px;
                                                text-align: center;
                                            }
                                            
                                            audio:focus {
                                                outline: none;
                                            }
                                            
                                            @media (max-width:560px) {
                                                .seven1 h2 {
                                                    font-size: 20px;
                                                }
                                                .wedding-card h1 {
                                                    font-size: 60px;
                                                }
                                                .wedding-card h4 {
                                                    font-family: 'Sorts Mill Goudy', serif;
                                                    font-size: 16px;
                                                }
                                                .wedding-card h2 {
                                                    margin: 10px;
                                                    font-size: 22px;
                                                    margin: 20px 10px 10px;
                                                }
                                                .mobile h4 {
                                                    font-size: 16px;
                                                }
                                                .top-nav span {
                                                    font-size: 25px!important;
                                                }
                                                button {
                                                    width: 130px;
                                                    height: 37px;
                                                }
                                                .wed-item {
                                                    width: 75px;
                                                }
                                                a:hover {
                                                    text-decoration: none;
                                                }
                                                .wedding-card {
                                                    text-align: center;
                                                    color: #ebb65f;
                                                    width: 100%;
                                                    padding: 115px 0 73px;
                                                }
                                                .modal-body {
                                                    font-size: 25px;
                                                }
                                                .wcsec .btn-secondary {
                                                    color: #fff;
                                                    background-color: #752426;
                                                    border-color: #752426;
                                                    padding: 2px 5px;
                                                    border-radius: 18px!important;
                                                    margin-top: 12px;
                                                    width: 106px;
                                                }
                                                .row.main-sec.main-sec-top img {
                                                    width: 100%;
                                                }
                                                .main-sec:first-child {
                                                    padding: 87px 0 13px!important;
                                                    text-align: center;
                                                }
                                                label.text-left {
                                                    left: 0px;
                                                    top: 0px;
                                                }
                                                .contact-data.row svg {
    font-size: 28px;
    position: relative;
     top: 0px; 
   
}
                                            }
                                            
                                            @media (min-width:561px) {
                                                .wedding-card h1 br {
                                                    display: none;
                                                }
                                                #nikkah br {
                                                    display: none;
                                                }
                                                #reception br {
                                                    display: none;
                                                }
                                            }
                                            
                                            .timeline {
                                                margin: 50px 0;
                                                list-style-type: none;
                                                display: flex;
                                                padding: 0;
                                                text-align: center;
                                            }
                                            
                                            .timeline li {
                                                transition: all 200ms ease-in;
                                            }
                                            
                                            .timestamp {
                                                width: 200px;
                                                margin-bottom: 20px;
                                                padding: 0px 40px;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: center;
                                                font-weight: 100;
                                            }
                                            
                                            .status {
                                                padding: 0px 40px;
                                                display: flex;
                                                justify-content: center;
                                                border-top: 4px solid #3e70ff;
                                                position: relative;
                                                transition: all 200ms ease-in;
                                            }
                                            
                                            .status span {
                                                font-weight: 600;
                                                padding-top: 20px;
                                            }
                                            
                                            .status span:before {
                                                content: '';
                                                width: 25px;
                                                height: 25px;
                                                background-color: #e8eeff;
                                                border-radius: 25px;
                                                border: 4px solid #3e70ff;
                                                position: absolute;
                                                top: -15px;
                                                left: 42%;
                                                transition: all 200ms ease-in;
                                            }
                                            
                                            .swiper-control {
                                                text-align: right;
                                            }
                                            
                                            .swiper-container {
                                                width: 100%;
                                                height: 250px;
                                                margin: 50px 0;
                                                overflow: hidden;
                                                padding: 0 20px 30px 20px;
                                            }
                                            
                                            .swiper-slide {
                                                width: 200px;
                                                text-align: center;
                                                font-size: 18px;
                                            }
                                            
                                            .swiper-slide:nth-child(2n) {
                                                width: 40%;
                                            }
                                            
                                            .swiper-slide:nth-child(3n) {
                                                width: 20%;
                                            }
                                            
                                            form .modal-body {
                                                display: block;
                                            }
                                            
                                            #id_div1 {
                                                display: none;
                                                position: absolute;
                                                top: 40px;
                                                left: 50%;
                                                transform: translate(-50%);
                                                width: 100px;
                                                height: 100px;
                                                overflow: hidden;
                                                border-radius: 28px;
                                            }
                                            
                                            #salvar-imagem {
                                                margin-top: 0px!important;
                                            }
                                            
                                            .ui-slider-horizontal .ui-slider-handle {
                                                top: -7px;
                                                margin-left: 0;
                                            }
                                            
                                            .ui-slider .ui-slider-handle {
                                                position: absolute!important;
                                                z-index: 2!important;
                                                width: 20px!important;
                                                height: 23px!important;
                                                cursor: default!important;
                                                -ms-touch-action: none!important;
                                                touch-action: none!important;
                                            }
                                            
                                            .ui-slider-horizontal .ui-slider-handle {
                                                top: -7px!important;
                                                margin-left: 0!important;
                                            }
                                            
                                            .ui-slider .ui-slider-handle {
                                                position: absolute!important;
                                                z-index: 2!important;
                                                width: 20px!important;
                                                height: 23px!important;
                                                cursor: default!important;
                                                -ms-touch-action: none!important;
                                                touch-action: none!important;
                                            }
                                            
                                            .ui-slider-horizontal {
                                                height: 11px!important;
                                            }
                                            
                                            .imageaa img {
                                                width: 100%;
                                            }
                                            
                                            .btn-secondary.focus, .btn-secondary:focus
                                            {
                                                box-shadow:unset;
                                            }
                                            .wcsec .btn-secondary {
    color: #fff;
    background-color: #752426;
    border-color: #752426;
    padding: 2px 3px;
    border-radius: 0px!important;
}
.modal-footer .btn {
    color: #fff;
   
    border-radius: 20px!important;
    margin: 0;
    background-color: #542338;
    border-color: #ddd498;
}
.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.top-bk {
    justify-content: center;
    text-align: center;
    padding-top: 150px;
    margin-bottom: 3rem;
}

.top-bk img 
{
    width: 300px;
    margin-bottom: 2rem;
    width: 100%;
    height: 500px;
    object-fit: contain;
}

.top-bk h2 {
    color: black;
    z-index: 999;
    position: relative;
    font-size: 16px;
    margin-bottom: 1rem;
}
.wp {
    position: fixed;
    right: 11px;
    bottom: 25px;
    width: 43px;
}
.wp img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
footer 
{
    position: relative;
}
@media (max-width:767px)
{
    .top-bk img 
    {
        height: auto;
    }  
}


    .container {
        max-width: 640px!important;
    }



    li.col-12.sbhs li i {
        display: block;
    }

    .arrow-bk {
       
        width: 50px;
        height: 50px;
        background: #743a56;
        border-radius: 50%;
      position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
        margin: auto;
        position: relative;
      
    }

  .arrow-bk img 
  {
   
    width: 100%;
    height: 100%;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
    filter: invert(1);
  
  }

  @media(max-width:767px)
  {
    .top-bk {
       
        padding-top: 130px;
        margin-bottom: 3rem;
    }
    .top-bk  img{
       
       width: 98%;
    }

  }
  p 
  {
      position: relative;
  }