@font-face { 
        font-family: 'saudagar'; 
        src: url('../fonts/saudagar.ttf'); 
      } 
      .content-layout p, 
      .also_invite,
      #also_inviting li,
      .content-layout p b, 
      .content-layout a, 
      .content-layout .form-control, 
      .content-layout button, 
      #welcome p,
      #welcome p b,
      #welcome button,
      .modal-body p, 
      .modal-body label, 
      .modal-body p, 
      .modal-body b { 
        font-family: 'saudagar' !important; 
      }
       
      #bottom-bar .wrapper {
        background-color: rgba(255,242,242,1) !important;
      }
      #quote, #live, #coupleProfile, #galleries, #weddingDetail, #story, #wishes, #footer, .premium #hours, .premium #minutes, .premium #seconds, .premium #days, .premium #rsvp, .btn-premium{
        background-color: #fff2f2;
      }
      .content-layout p, #also_inviting li {
        color: #6f4670;
      }
      .content-layout h4, .content-layout h3, .content-layout h1, .btn-premium {
        color: #451536;
      }
      .content-layout .alert {
        border-color: #451536;
        background-color: rgba(69,21,54,0.1);
        color: #451536;
      }
      .content-layout .btn.btn-outline-primary {
        border-color: #451536;
        color: #451536;
      }
      .content-layout .btn.btn-primary:not(.btn-calendar) {
        background-color: rgba(69,21,54,1);
        border-color: rgba(69,21,54,1);
        color: rgba(255,242,242,1);
      }
      .content-layout .custom-file-label, .content-layout .form-control,.content-layout .form-control::placeholder {
        color: rgba(111,70,112,0.5);
      }
      #wishes .text-container {
        color: rgba(69,21,54,1);
        background-color: rgba(255,242,242,1) !important;
      }
      .content-layout .music-control {
        background-color: #451536;
        color: #fff2f2;
      }
      #countdown ul li{
        color: rgba(111,70,112,1)
      }
      #countdown ul li span{
        color: rgba(69,21,54,1)
      }
      #bottom-bar .wrapper ul li a {
        color: rgba(69,21,54,1) !important;
      }
      #bottom-bar .wrapper ul li a.active {
        color: rgba(255,242,242,1) !important;
        background-color: rgba(69,21,54,1) !important;
      }