@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Laila:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Laila:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Laila:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
  font-family: 'TT Norms Regular';
  src: url('../fonts/TypeType - TT Norms Pro Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Italic';
  src: url('../fonts/TypeType - TT Norms Pro Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms Medium';
  src: url('../fonts/TypeType - TT Norms Pro Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Medium Italic';
  src: url('../fonts/TypeType - TT Norms Pro Medium Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}


@font-face {
  font-family: 'Grenette Pro';
  src: url('../fonts/Grenette Pro Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


:root{
    --global-fonts:  "TT Norms Regular", sans-serif;
    --global-fonts-med:  'TT Norms Medium';
    --global-fonts-1: "Antonio", sans-serif;
    --global-fonts-2: "Grenette Pro", sans-serif;
    --global-color: #330000;
    --global-color-1: #000;
}

body ::selection { background-color: #490F1E; color: #F1E8D5;}

body {padding: 0;margin: 0;font-family:var(--likh);}
body.home {background: #F1E8D5;}
body.page-template-mfwloyaltypoints{background: #F1E8D5;}
body.page-template-about{background: #330000;}
body.page-template-eventsandfunctions{background: #490F1E;}
body.page-template-gallery{background: #F1E8D5;}
body.page-template-awards{background:#490F1E}
body.page-template-menu{background: url(../images/BG.svg);background-repeat: no-repeat;background-size: cover; background-position: center center;background-attachment: fixed;}
body.page-template-opentable{background: url(../images/BG.svg);background-repeat: no-repeat;background-size: cover; background-position: center center;background-attachment: fixed;}
body.page-template-contact{background: #490F1E;}
*{margin: 0;padding: 0;}
body .flex-row{ display: flex; flex-direction: row; flex-wrap: wrap; }
body .flex-row .col-1{ flex: 0 0 8.34%; width: 8.34%; padding: 0 15px; box-sizing: border-box; }
body .flex-row .col-2{ flex: 0 0 16.67%; width: 16.67%; padding: 0 15px ; box-sizing: border-box;}
body .flex-row .col-2-5{ flex: 0 0 20%; width: 20%; padding: 0 15px ; box-sizing: border-box;}
body .flex-row .col-3{ flex: 0 0 25%; width: 25%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-4{ flex: 0 0 33.33%; width: 33.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-5{ flex: 0 0 41.66%; width: 41.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-6{ flex: 0 0 50%; width: 50%; padding: 0 15px ; box-sizing: border-box;}
body .flex-row .col-7{ flex: 0 0 58.33%; width: 58.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-8{ flex: 0 0 66.66%; width: 66.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-9{ flex: 0 0 75%; width: 75%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-10{ flex: 0 0 83.33%; width: 83.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-11{ flex: 0 0 91.66%; width: 91.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-12{ flex: 0 0 100%; width: 100%; padding: 0 15px ; box-sizing: border-box; }
.container{ margin: 0 auto;padding:0 15px;width:100%;max-width: 1400px !important;}
html{scroll-behavior: smooth;}
.wd{width: 100%;}
.wpb_single_image.wpb_content_element{margin-bottom: 0;}
.wpb_text_column.wpb_content_element{margin-bottom: 0;}
.wpb_raw_code.wpb_content_element{margin-bottom: 0;}
.vc_btn3-container{margin-bottom: 0;}
.mg-top-sm{margin-top:20px !important; }
.site-head-sm-s{margin-top:10px !important; }
.mg-top-med{margin-top:40px !important; }
.mg-top{margin-top: 60px !important;}
.mg-top-inc{margin-top: 80px !important;}
.vc-gitem-zone-height-mode-auto:before{padding: 0 !important;}
.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom{position: relative;}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{position: relative; inset: 0; transform: none;}
.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top{position: relative;}
.pad-rght{padding-right: 3em;}
.clr-wht *{color: #fff !important;}
.clr-wht p{color: #fff !important;}
body .clr-beg {color: #F1E8D5 !important;}
body .clr-beg *{color: #F1E8D5 !important;}
.p-bot p{margin-bottom: 1em !important;}
.p-bot p:last-of-type{margin-bottom: 1em !important;}
.mg-bot{margin-bottom: 1.5em !important;}
.wpcf7-spinner {display: none;}
.d-flex > .vc_column-inner > .wpb_wrapper{display: flex;align-items: center;justify-content: center;}
.d-flex{display: flex;align-items: center;justify-content: center;}
.algn-cen{align-items: center}
.tex-right {text-align:-webkit-right}
.wxx{width: 60%;margin:auto}
.mob{display: none;}
.tex-cen p{text-align: center;}
.tex-cen{text-align: center;}
.tex-cen *{text-align: center;}
body .pad-tp {padding-top: 2em;}

.site-header.des.is-sticky {
  position: fixed;
  background: #330000; /* optional */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* optional */
  transform: translateY(0%);
  z-index: 999;
}
.site-header .site-branding .logo {width:fit-content;height:100%}
.site-header .site-branding {height: 100%;}
.site-header .site-branding .logo img{width:100%;height:auto;display: block;}
.site-header.is-sticky .site-branding .logo img{width:65%;height:auto} 
body .site-header.for-inside.is-sticky .site-branding .logo img{width:100%;}
.site-header.is-sticky .site-last h1{font-size:1.5rem !important}
.site-header.is-sticky{padding:1em 0}
body .bottom-bar {background: #330000;padding: 0.7em 0;}
body .bottom-bar p{color: #F1E8D5;font-family: var(--global-fonts);font-size: 0.9em;}
body .site-header.for-inside{position: absolute;background: #F1E8D5;padding:0}
body .site-header.for-inside .container{padding:1.5em 0}
body .site-header.for-inside .container .navigation .menu-wrapper li a{color: #490F1E;}
body .site-header.for-inside .container .navigation .menu-wrapper li a:hover{color:#140000;}
body .site-header.for-inside .container .site-last a{color: #490F1E;}
body .site-header.for-inside .container .site-last a:hover{color:#140000;}
body .site-header{position: absolute;z-index: 1; width: 100%; left: 0; right: 0;padding: 1.5em 0;z-index: 9;transition:0.3s}
body .site-header .container .navigation .menu-wrapper {display: flex;justify-content: start;align-items: center;list-style:none;gap: 2em;}
body .site-header .container .navigation .menu-wrapper li a{color: #F1E8D5;font-family: var(--global-fonts);font-size: 1em;text-decoration: none; transition:all 0.3s;}
body .site-header .container .navigation .menu-wrapper li:last-child a{padding: 0.4em 1em; background: #F9F6EE; border-radius: 100px; font-weight: 500; color: #490F1E;}
body .site-header .container .navigation .menu-wrapper li a:hover{color:#C1BAAA;}
/* body .site-header .container .navigation .menu-wrapper li h1{color: #F1E8D5;font-family: var(--global-fonts);font-size: 1em;text-decoration: none;} */
/* body .site-header .container .site-last{display: flex;justify-content: end;} */
body .site-header .container .site-last a{    text-decoration: none;
    color: #490F1E;
    transition: all 0.3s;
    line-height: 1;
    background: #F9F6EE;
    display: inline-block;
    margin-bottom: 0.19em;
    padding: 0.06em 0.06em;}
body .site-header .container .site-last h1{ font-family: var(--global-fonts-1);font-size: 1.6em;text-transform: uppercase;transition:0.3s;text-decoration-color:#F1E8D5;line-height:1}
body .site-header .container .site-last a:hover{color:#C1BAAA;}
body .hero .slider-images img{width: 100%;height:100%}
body .hero{position: relative;}
body .hero::before{content: '';position: absolute;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.4);z-index: 1;}

body .hero .banner-txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 1;}
body .hero .banner-txt h1{font-family: var(--global-fonts-1); color: #F1E8D5; font-size: 2.2em; font-weight: 400; line-height: 1.15;text-transform:uppercase}
body .hero .banner-txt h1 a{color: #F1E8D5;text-decoration: none;display: inline-block;margin-top: 0.5em; transition:all 0.4s; font-weight:700;}
body .hero .banner-txt h1 a:hover{color:#C1BAAA;}
body .site-head{ font-weight: 400; font-size: 1.95em; font-family: var(--global-fonts-2); color: #490F1E; letter-spacing: 0.1px; word-spacing: 0.2px;}
body .accordion-header.site-head{text-transform:capitalize}
body .site-txt p{font-size: 1.2em; font-family: var(--global-fonts); color: #490F1E; letter-spacing: 0.1px; line-height: 1.5;font-weight: 300;}
body .site-txt p strong{font-family:var(--global-fonts-med);font-weight:700}
body .dets{padding: 2em 0;}
body .dets .dets-col {text-align: center;}
body .site-head-sm{ font-weight: 400; font-size: 1.4em; font-family: var(--global-fonts); color: #490F1E; letter-spacing: 0.1px; word-spacing: 0.2px;margin-bottom: 0.5em;}
body .dets .dets-col a{font-size: 1em; font-family: var(--global-fonts); color: #490F1E; letter-spacing: 0.1px; line-height: 1.6;text-decoration: none;font-weight: 400;}
body .dets .dets-col a:hover{text-decoration:underline;text-decoration-style:wavy;text-underline-offset: 2px;text-decoration-color:#490F1E}
body .site-head-lg {font-size: 7em; color: #490F1E; font-family: var(--global-fonts-1); text-transform: uppercase; line-height: 1; letter-spacing: 0.1px;}
body .site-head-lg a{text-decoration:none;transition:0.2s}
/* body .menu-btn {position:relative;}
body .menu-btn a:before{content: ''; position: absolute; right: 2%;font-family: 'FontAwesome';transition: 0.3s; color: #F1E8D5; height: 100%; background: url(http://sanimax.pk/mfw/wp-content/uploads/2025/05/Vector-18.png); width: 20px; background-repeat: no-repeat; top: 0; background-position: center center; display: flex; align-items: center; justify-content: center;} */
body .hov-a:hover{color:#C1BAAA !important}
body .hov-a a:hover{color:#C1BAAA !important}
body .site-a a{ padding: 0.8em 3em; display: inline-block; background: #330000; border-radius: 100px; color: #fff; text-decoration: none; font-family: var(--global-fonts);transition:0.3s}
body .site-a a:hover{background:#140000}
body .a-top a{margin-top: 1em;}
body footer{background: #330000;margin-top: 4em;}

body .subscribe-form { margin: 2em auto; width: 40%;}
body .subscribe-form .contact-input {width: 100%; padding: 0.7em 1em; box-sizing: border-box; background: #F1E8D5; border-radius: 100px;outline: none;}
body .subscribe-form .wpcf7-submit { background: #6a172c; width: 100%; padding: 0.8em 1em; box-sizing: border-box; outline: none; border: none; border-radius: 100px; margin-top: 1.5em;border:1px solid #F1E8D5;cursor:pointer}
body footer .info-div { padding: 2em 0;border-bottom: 1px solid #F1E8D5;}
body footer .footer-dets ul {margin: 1.5em 0;list-style:none ;}
body footer .footer-dets ul li{font-family: var(--global-fonts);color: #F1E8D5;margin-bottom: 1em;font-size: 1.1em;font-weight: 300;line-height: 1.5;}
body footer .footer-dets ul li:last-child{margin-bottom:0}
body footer .footer-dets h3{font-family: var(--global-fonts); color: #F1E8D5; margin-bottom: 1em; font-size: 1.2em; font-weight: 400; line-height: 1.5;}
body footer .footer-dets ul li a{color: #F1E8D5;font-weight: 500;text-decoration: underline;text-underline-offset: 2px; transition:all 0.4s;}
body footer .footer-dets ul li a:hover{color:#C1BAAA;}
body footer .footer-dets h1{font-family: var(--global-fonts-1);font-size: 1.6em;color: #F1E8D5;text-transform:uppercase;margin-bottom: 0.3em;}
body footer .footer-dets h1 a{color: #F1E8D5;text-decoration-style: wavy;text-underline-offset: 2px;transition:all 0.4s;}
body footer .footer-dets h1 a:hover{color:#C1BAAA;}
body footer .pad-top {padding-top:2em !important}
body .no-mg-bt li{margin-bottom: 0  !important;}
body .footer-dets {padding: 2em 0;}
body .about-meat {padding: 4em 0;}
body .inside-slider .slick-dots {display: flex;justify-content: center;gap: 1em;align-items: center;margin-top: 2em;list-style: none;}
body .inside-slider .slick-dots li button{display:none;}
body .inside-slider .slick-dots li{height: 12px;width: 12px;border-radius: 50%;background: #330000;transition: 0.3s;}
body .inside-slider .slick-dots li.slick-active{background: #C1BAAA;}
body .site-a-beg a{padding: 0.8em 3em; display: inline-block; background: #F1E8D5; border-radius: 100px; color: #330000 !important; text-decoration: none; font-family: var(--global-fonts);transition:0.3s}
body .site-a-beg a:hover{background:#C1BAAA}
.accordion { border-top: 1px solid #F1E8D5; border-bottom: 1px solid #F1E8D5; margin-bottom: 10px;overflow: hidden;}
.accordion-header { padding: 15px; cursor: pointer; position: relative;}
body .accordion-header:after{content: ''; position: absolute; right: 2%;font-family: 'FontAwesome';transition: 0.3s; color: #F1E8D5; height: 100%; background: url(https://meatflourwine.com.au/berwick/wp-content/uploads/2025/05/Vector-18.png); width: 20px; background-repeat: no-repeat; top: 0; background-position: center center; display: flex; align-items: center; justify-content: center;} 
body .clr-beg .accordion-header:after{content: ''; position: absolute; right: 1%;  font-family: 'FontAwesome';  transition: 0.3s; color: #F1E8D5; height:100%; background: url(https://meatflourwine.com.au/berwick/wp-content/uploads/2025/05/Vectorbeige.png); background-repeat: no-repeat; top: 0; background-position: center center;} 
body .accordion-header.accordion-active:after{transform: rotate(90deg);} 
body .accordion-content { padding: 15px; display: none;}
body .red-chevron .accordion-header::after{color:#330000 ;}
body .red-chevron .accordion{ border-top: 1px solid #490F1E; border-bottom: 1px solid #490F1E;}
body .cntct-a a{    text-decoration: underline;  text-underline-offset: 5px;  text-decoration-style: wavy;  font-size: 2em; font-weight: 600;  font-family: var(--global-fonts-1); text-transform: uppercase; transition:all 0.4s;}
body .cntct-a a:hover{color:#C1BAAA !important;}
body .map iframe{filter: grayscale(1);}
body .gallery-divs{ column-count: 2; column-gap: 1em;}
body .gallery-divs img{ width: 100%; margin-bottom: 1em; display: block;  break-inside: avoid; object-fit: cover;}
body .for-inside.is-sticky{background:#F1E8D5 !important}
body .Contact-page-form > .flex-row{width: 80%; padding: 3em 2em 0; margin: auto;}
body .Contact-page-form .contact-page-input { padding: 0.3em 0em;
    box-sizing: border-box;
    border: none;
    width: -webkit-fill-available;
    margin-top: 2em;
    border-bottom: 1px solid #F1E8D5;
    margin-bottom: 2em;outline:none;font-size:1em;background:transparent;color:#F1E8D5; accent-color:#F1E8D5;height: 33px;appearance:none}
body .Contact-page-form .select-div .wpcf7-form-control-wrap:before{content:'';    position: absolute;
    right: 1%;
    font-family: 'FontAwesome';
    transition: 0.3s;
    color: #F1E8D5;
    height: 75%;
    background: url(https://meatflourwine.com.au/berwick/wp-content/uploads/2025/05/Vectorbeige.png);
    background-repeat: no-repeat;
    top: 0;
    background-position: center center;
    width: 30px;}
body .Contact-page-form .select-div .wpcf7-form-control-wrap.select-open:before{transform: rotate(90deg);}
body .Contact-page-form input[type="date"]::-webkit-calendar-picker-indicator {
  filter: brightness(0) invert(1);
  cursor: pointer;
}
body .Contact-page-form .contact-page-input::placeholder{color:#F1E8D5;font-size:0.9em}
body .Contact-page-form label{font-family: TT Norms Medium;color: #F1E8D5;font-size: 1.2em; font-weight:500;}
body .Contact-page-form label span{color:red}
body .Contact-page-form select{font-family: var(--global-fonts-1); color: #F1E8D5; font-weight: 400; text-transform: uppercase;}
body .Contact-page-form select:after{content: '';
    position: absolute;
    right: 1%;
    font-family: 'FontAwesome';
    transition: 0.3s;
    color: #F1E8D5;
    height:100%;
    background: url(https://meatflourwine.com.au/berwick/wp-content/uploads/2025/05/Vectorbeige.png); 
    background-repeat: no-repeat;
    top: 0;
    background-position: center center;}
body .Contact-page-form select option{color:#490F1E}
body .Contact-page-form .wpcf7-not-valid-tip{    background: #F1E8D5;
    padding: 0.2em 0.5em;
    border-radius: 100px;
    font-family: var(--global-fonts);
    color: #330000;}
body .submit-button-contact {text-align:center;margin-top:1.5em}
body .submit-button-contact .wpcf7-submit {padding: 0.8em 3em;
    background: #F1E8D5;
    border-radius: 100px;
    font-family: var(--global-fonts);
    font-size: 1.1em;
	cursor:pointer;
	font-weight:500;
	color:#490F1E;
	border:none;
	transition:all 0.3s;
}
body .submit-button-contact .wpcf7-submit:hover{background:#C1BAAA;}
body .site-foot a{    padding: 0.8em 5em;
    display:block;
    background: #490F1E;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    font-family: var(--global-fonts);
    transition: 0.3s;border:1px solid #F1E8D5;
	margin-top:2em;
}
body footer .mxx-wd {width:50%;margin:auto}

body.page-template-giftvoucher{background:#F1E8D5;}
body form#voucher-multistep-form{font-family:var(--global-fonts);}
body form#voucher-multistep-form legend{color:#490F1E;}
body form#voucher-multistep-form ul li.current a{
	background:#490F1E !important; color:#C1BAAA !important; font-family:var(--global-fonts); border-radius:10px;
}
body form#voucher-multistep-form ul li.done a{color:#F1E8D5 !important;}
body form#voucher-multistep-form ul li a{
	background:#C1BAAA !important; color:#490F1E !important; font-family:var(--global-fonts); border-radius:10px !important;
}
body form#voucher-multistep-form .actions ul li a{color:#F1E8D5 !important; background:#490F1E !important;}
body form#voucher-multistep-form button{cursor:pointer;}
#voucher-multistep-form.wizard>.content>.body{border:1px solid #490F1E !important;}

/* body.page-template-opentable{background:#F1E8D5;} */
body .opentable-iframe iframe{width:100%;}
/* body .open-table-section .opentable-iframe {margin: auto;} */
.ot-dtp-picker.ot-standard.wide{width:100% !important; background:transparent; margin:0 auto;}
.ot-dtp-picker.ot-standard.wide .ot-title{font-size: 7em; color: #490F1E; font-family: var(--global-fonts-1); text-transform: uppercase; line-height: 1; letter-spacing: 0.1px; margin-bottom:0.5em; margin:0; text-align:center;}
footer .pad-left {padding-left:5em !important}
footer .no-mg {margin:0 !important}
body .whatsapp-icon {
    position: fixed;
    z-index: 99999;
    right: 2%;
    top: 85%;
	animation: icons-float 2s infinite;
}
body  #voucher-multistep-form .voucherBottomDiv .voucherSiteInfo a{color:#fff !important}

@keyframes icons-float{
0% {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
    transform: translateY(0);
}
50% {
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6));
    transform: translateY(-10px);
}
100% {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
    transform: translateY(0);
}
}

body .voucher-inner .gift-up-target a{width: 22%;background:#490F1E}
body footer .foot-logo img{width:5%}

body .new-a a {
    background: #330000;
    padding: 1em 3em;
    font-family: var(--global-fonts);
    text-decoration: none;
    border: 1px solid #F1E8D5;
    border-radius: 100px;
    font-size: 1.05em;
    font-weight: 500;
}
body #popup-img{width:50%;padding:0}
body #popup-img a{display:flex}
body .fancybox-close-small {background:#F1E8D5;border-radius:50%}

body .site-header .container .navigation .menu-wrapper li:last-child a {
    display: inline-block;
    animation: heartPump 1.2s ease-in-out infinite;
    transform-origin: center;
}

/* Keyframes */
@keyframes heartPump {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.12);
    }

    30% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.12);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}


body .card-wrapper {    background: #330000;
    padding: 1.5em 2em;
    border: 5px solid #F1E8D5;
}

body .card-wrapper h2{margin-bottom:0.4em}

body .card-wrapperr {background: #F1E8D5;
    padding: 1em;
    border-radius: 19px;transition:0.3s}

body .card-wrapperr:hover{background:#C1BAAA}