@charset "utf-8";
/* CSS Document */
:root {
  --white: #ffffff;
  --black: #101623;
  --primary:  #DF0001;
  --secondary: #FFCE51;

}
body { background:#F9F9F9  url(../images/header_bg.svg) top left no-repeat !important; background-attachment:fixed; font-family:'Sen'; color:var(--black) !important; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, p, li {color:var(--black) !important; margin:5px 0; padding:5px 0;}
.header { padding:0px 0; position:relative;   backdrop-filter: blur(2px); border-bottom:solid 0px rgba(255,255,255,0.9) !important; z-index:11; }
.header .logo {
    height: 70px;
	margin:10px 0 ;
}

.onlyMobile { display:none !important;}	
.onlyDesktop { display:block !important;}
.onlyDesktop.Inline{ display:inline-block !important;}
.mobileMenuIcon { display:none !important;}	
.header .navBar { padding:0px 25px; border-radius:30px; background:rgba(255,255,255,0.75) !important;  z-index:111; position:relative;}


.custom-menu{ padding:0; margin:0px 0 0 0;}
.custom-menu li { position:relative; padding:0px 0; margin:0 15px;}
.custom-menu li a { padding:10px 0px; font-size:16px; color:#333 !important; display: block; text-decoration:none; position:relative}
.custom-menu li:hover a { color:#000 !important;}
.custom-menu li.active a, .custom-menu li.current-menu-item a, .custom-menu li.current-menu-parent a { color:#F44336 !important; }
.custom-menu li.active a::after, .custom-menu li.current-menu-item a::after, .custom-menu li.current-menu-parent a::after { content:'';position:absolute; bottom:0px; left:0;background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, #F44336 50%, rgba(255,255,255,0.5) 100%) !important; height:2px; width:100%; background-size:cover;}

.custom-menu .sub-menu { margin:0; padding:0px; box-shadow:0px 20px 20px rgba(0,0,0,0.1); border-radius:0 0 15px 15px; position:absolute; left:-15px; top:100%; display:none; background:rgba(255,255,255,0.75); }
.custom-menu li:hover .sub-menu { display:block;}
.custom-menu .sub-menu li {list-style: none; white-space: nowrap; padding:0px 0; margin:0px; }
.custom-menu .sub-menu li { font-size:14px;}
.custom-menu .sub-menu li a {padding:10px 20px;  color:#333 !important;  backdrop-filter: blur(5px);}
.custom-menu .sub-menu li a::after{ display:none !important; }

.custom-menu li.donationBtn a {
 
  color:red !important;
  background-image:linear-gradient(to right,   #e7210b, #191335 33.33333%, #b58709 66.66666%, #700505) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  background-position: top left;
  transition:all 1s ease-in-out;
  animation: donateLinkAnimation 2s ease infinite;
}

.header.freezed {position: fixed;    width: 100%; background:rgba(255,255,255,0.9) !important;      backdrop-filter: blur(5px);    left: 0;    top: 0;    z-index: 999;
    padding: 0px 0;    box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
	.header.freezed .navBar { background: transparent !important; }
.header.freezed .custom-menu li a { padding:10px 0px; }
.header.freezed .custom-menu .sub-menu li a {padding:10px 20px  !important; }

.heroImage { position:absolute; top:0; right:0; height:80vh; z-index:1}

.underline_blue{ position:relative;}
.underline_blue::after{content:'';position:absolute; bottom:0px; left:0; background:url(../images/underline_blue.svg) no-repeat center center; height:3px; width:100%; background-size:cover;}

.underline_gray{ position:relative;}
.underline_gray::after{content:'';position:absolute; bottom:0px; left:0; background:url(../images/underline_gray.svg) no-repeat center center; height:3px; width:100%; background-size:cover;}

.underline_white{ position:relative;}
.underline_white::after{content:'';position:absolute; bottom:0px; left:0; background:url(../images/underline_white.svg) no-repeat center center; height:3px; width:100%; background-size:cover;}

.input-group-text { color:var(--primary) !important;}

.black {color:#000 !important;}
.primary {color:var(--primary) !important;}
.bold { font-weight:bold !important;}
.rounded{border-radius:30px !important; }
.shadow{ box-shadow:0 10px 50px rgba(0,0,0,0.2)}

.btn, .step-btn, .woocommerce a.button, .wc-block-components-button{ background-color: var(--black) !important;  border-radius: 50px !important;  border: solid 1px var(--black) !important;  color: var(--white) !important;  font-weight: 700; white-space: nowrap !important;  font-size: 16px !important;  padding: 10px 30px !important;  text-decoration:none;}
  .btn:hover, .add_to_cart_button:hover, .wc-block-components-button:hover {  background: linear-gradient(135deg, #000000 0%, #333 100%) !important;  color: #FFF !important;  border: solid 1px var(--primary) !important;}
.step-btn:hover { background-color: var(--black) !important; color: var(--black)  !important;  border: solid 1px var(--primary) !important;}
.alt-btn {  background-color: #FFF !important; text-align: center !important; border-radius: 50px;  border: solid 1px  var(--primary) !important;  color: var(--primary);  font-weight: 700;
  font-size: 16px;  padding: 10px 30px; text-decoration:none; white-space: nowrap !important;}
.alt-btn:hover {  background: linear-gradient(135deg, #FFF 0%, #EEE 100%) !important;  color:  var(--primary) !important;  border: solid 1px  var(--primary) !important;}
.text-link, .woocommerce .added_to_cart {color: var(--primary) !important; font-weight: 400; font-size: 16px !important; text-decoration:none; position:relative;  padding-right:10px;  transition:ease-in-out 0.25s;}
.text-link:after, .woocommerce .added_to_cart:after {content:url(../images/textlink_arrow.svg); position:absolute; top:-2px; right:0px;}
.text-link:hover:after, .woocommerce .added_to_cart:hover:after {right:-5px; transition:ease-in-out 0.25s;}

.packageChips { margin:0; padding:0}
.packageChips li { margin:0px 10px 10px 0; display:inline-block; padding:0; list-style:none; }
.packageChips li a { margin:0; padding:10px 30px; display:block; background:#7CFF91; border-radius:30px; font-weight:bold; font-size:18px; text-decoration:none; color:#000;  border:solid 2px rgba(0,0,0,0);}
.packageChips li:hover a { border:solid 2px rgba(0,0,0,0.5);}
.packageChips li.all a { margin:0; padding:10px 30px; display:block; background:#43e35d; border-radius:30px; font-weight:bold; font-size:18px; text-decoration:none; color:#000;}

.number {  position:relative; padding:20px; display:block;  border-radius:20px; z-index:2; background:#FC3; color:#000;  box-shadow: 0 20px 20px rgba(0,0,0,0.1);  }
.number p{ font-size:24px;}
.number:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:scaleY(1.1) rotate(0deg);  background:#FC3; opacity:0.5;  border-radius:20px; z-index:-1; }

section.bg_1{background: linear-gradient(135deg, #FFF 0%,  #FFF 50%,   #f1e8e7    100%); border-top:dotted 2px #DDD;  }
section.bg_2{background: linear-gradient(45deg, #FFF 0%,  #FFF 50%,   #f1e8e7    100%);background-size:cover;}
section.bg_3{ background: linear-gradient(0deg, #FFF 0%,  #FFF 50%,   #f1e8e7    100%); background-size:cover;}
section.bg_4 { background: linear-gradient(0deg, #FFF 0%,  #FFF 50%,   #f1e8e7    100%); background-size:cover;}
section.testimoniaBg {background:url(../images/paper_bg.jpg) repeat center center; background-attachment:fixed;}
section.woocommerce {background:linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 100%);}
.demoControl { background:#000 !important; padding:50px; border-radius:50px;}

.img-responsive { max-width:100%;}

.padR50 { padding-right:50px !important;}
.pageTitle { padding:20px; margin:15px; color:#FFF !important; border-radius:30px; background-size:cover !important; background-color:#EEE; position:relative;}
.pageTitle h1 { z-index:11; color:#FFF !important; position:relative;}
.pageTitle::after {content:''; position:absolute; border-radius:30px; width:100%; height:100%; left:0; top:0; background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%); z-index:0;}

hr {
    margin: 5px 0 !important; }

    .productTile .batch_options {padding:3px 0 !important; margin:0;}
.productTile .batch_options li {padding:3px 0px !important; margin:0px 0 0 50px; font-size: 14px !important; }
    
.productTile { padding:25px; position:relative;  border-radius:30px; background: linear-gradient(0deg, #FFF 0%,  #FFF 100%) !important; margin:25px 0;  box-shadow:0 5px 10px rgba(0,0,0,0.05); border:solid 1px #999 !important; }
.productTile .programTitle { color:#000 !important; text-decoration:none !important;}
.productTile:hover {background: linear-gradient(90deg, #FFF 0%,  #FFF 100%) !important;  box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.productTile .productCode { background:#666; border:solid 3px #999; border-radius:60px; color:#FFF; font-size:36px; text-align:center; vertical-align:middle; font-weight:bold; padding:0 20px; line-height:80px;}
.productTile .add_to_cart_inline { border:0px !important; padding:0px !important; }

.productTile .productBg { background:#F6F6F6; background-size:cover !important; border-radius:30px; display:block; padding:50px 0; margin-top:15px; vertical-align:middle;}
.productTile .sku { background:#EEE; color:#000; font-size:13px; line-height:16px; padding:2px 10px; margin-top:-3px; border-radius:10px; white-space:nowrap; display:inline-block;}
.productTile .date { background:url(../images/icon_calendar.svg) no-repeat center left; background-size:20px;  margin:0; padding:0 0 5px 30px;}
.productTile .time { background:url(../images/icon_time.svg) no-repeat center left; background-size:20px;  margin:0; padding:0 0 5px 30px;}
.productTile .location { background:url(../images/icon_location.svg) no-repeat left center; background-size:20px;  margin:0; padding:0 0 5px 30px;}
.productTile .batch_options {margin: 0; padding: 0; }
.productTile .batch_options li {margin: 0; padding: 0; font-size: 12px !important; }
.productTile  a.added_to_cart { margin:0 0 0 10px;}

.customTabs { margin:0; padding:0;}
.customTabs li { margin:0  !important; padding:0  !important; border:0px;}
.customTabs li a {margin:0  !important; font-size:18px; padding:0px 20px  10px 20px !important; border:0px  !important; color:#000 !important; font-weight:normal !important;}
.customTabs li a.active { font-weight:bold !important; border-bottom:solid 2px #000 !important;}
.customTabContent { padding:20px !important;}
.customTabContent ul { margin:0; padding:0;}
.customTabContent ul li { margin:0  !important; padding:0  !important; border:0px;}

.SimpleList { margin:15px 0 0 20px; padding:0;}
.SimpleList li { margin:3px 0  !important; padding:0  !important; border:0px;}

.sideBar .chip { background:#e6ebbb; background:linear-gradient(318deg, rgb(245 253 182) 0%, rgb(231 247 173) 100%); padding:5px 10px; border-radius:5px; font-size:14px; color:#000; margin:5px; white-space:nowrap; display:inline-block;}
.sideBar .chip a {color:#000;  text-decoration:none !important;}
.productLoop .productTile:nth-child(0) .productBg { background:url('../../../uploads/2024/01/product_bg_1.jpg') no-repeat center center !important;}
.productTile:nth-child(1) .productBg { background:url('../../../uploads/2024/01/product_bg_1.jpg') no-repeat center center !important;}
.productTile:nth-child(2) .productBg { background:url('../../../uploads/2024/01/product_bg_2.jpg') no-repeat center center !important;}
.productTile:nth-child(3) .productBg { background:url('../../../uploads/2024/01/product_bg_3.jpg') no-repeat center center !important;}
.productTile:nth-child(4) .productBg { background:url('../../../uploads/2024/01/product_bg_4.jpg') no-repeat center center !important;}
.productTile:nth-child(5) .productBg { background:url('../../../uploads/2024/01/product_bg_5.jpg') no-repeat center center !important;}
.productTile:nth-child(6) .productBg { background:url('../../../uploads/2024/01/product_bg_6.jpg') no-repeat center center !important;}
.productTile:nth-child(7) .productBg { background:url('../../../uploads/2024/01/product_bg_7.jpg') no-repeat center center !important;}
.productTile:nth-child(8) .productBg { background:url('../../../uploads/2024/01/product_bg_8.jpg') no-repeat center center !important;}
.productTile:nth-child(9) .productBg { background:url('../../../uploads/2024/01/product_bg_9.jpg') no-repeat center center !important;}
.productTile:nth-child(10) .productBg { background:url('../../../uploads/2024/01/product_bg_10.jpg') no-repeat center center !important;}
.productTile:nth-child(10) .productBg { background:url('../../../uploads/2024/01/product_bg_11.jpg') no-repeat center center !important;}
.productTile:nth-child(12) .productBg { background:url('../../../uploads/2024/01/product_bg_12.jpg') no-repeat center center !important;}
.productTile:nth-child(13) .productBg { background:url('../../../uploads/2024/01/product_bg_13.jpg') no-repeat center center !important;}
.productTile:nth-child(14) .productBg { background:url('../../../uploads/2024/01/product_bg_14.jpg') no-repeat center center !important;}
.productTile:nth-child(15) .productBg { background:url('../../../uploads/2024/01/product_bg_15.jpg') no-repeat center center !important;}

.facilityTile {  position:relative; padding:15px 15px 15px 64px; display:block;  border-radius:20px; z-index:2; background:#FFF; color:#000;  box-shadow: 0 20px 20px rgba(0,0,0,0.1); margin-bottom:50px; }
.facilityTile .icon {  position:absolute; top:15px; left:15px; width:36px;}
.facilityTile p{ font-size:24px; margin:0; padding:0}
.facilityTile:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:scaleY(1.1) rotate(0deg);  background:#FFF; opacity:0.5;  border-radius:20px; z-index:-1; }

.whiteTile {  position:relative; padding:20px; display:block;  border-radius:20px; z-index:2; background:#FFF; color:#000;  box-shadow: 0 20px 20px rgba(0,0,0,0.1); margin-bottom:25px; }
.whiteTile p{ font-size:24px;}
.whiteTile:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:scaleY(1.1) rotate(0deg);  background:#FFF; opacity:0.5;  border-radius:20px; z-index:-1; }

.testimonialsList { margin:0; padding:0;}
.testimonialsList li { margin:0; padding:25px; list-style:none; display:inline-block; width:33%;}
.testimonialTile {  position:relative; padding:50px 25px; display:block;  border-radius:20px; z-index:2; background:rgba(255,255,255,0.5); color:#000;  box-shadow: 0 20px 20px rgba(0,0,0,0.1); margin:25px; }


.testimonialTile p{ font-size:22px; line-height:30px; font-family: 'Edu VIC WA NT Beginner', cursive;}
.testimonialTile:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:scaleY(1.05) rotate(2deg);  background:#FFF; opacity:0.5;  border-radius:20px; z-index:-1; }
.testimonialTile:before { content:url(../images/icon_quote.svg);  position:absolute; top:5px; left:20px;  opacity:0.2;  z-index:2; }

.testimonialTile.special { border:solid 5px #FC0; background:#FFF;}
.testimonialTile.special:after {  opacity:0.5;  }

.testimonialTile .client-details {background:rgba(255,255,255,0.8); padding:15px; font-size:22px; line-height:30px; font-family: 'Edu VIC WA NT Beginner', cursive; border-radius:20px; margin:15px 0; }


.logo_scroll_1, .logo_scroll_2 {white-space: nowrap !important; margin:0; padding:0;}
.logo_scroll_1 li, .logo_scroll_2 li { list-style:none !important;display:inline-block; margin:5px; vertical-align:top;  border-radius:10px; background:#FFF; padding:10px; }
.logo_scroll_1 li img, .logo_scroll_2 li img {max-height:75px;}


.logoList { display:block; margin:0px auto; padding:0; vertical-align:top;text-align:center; z-index:1; position:relative;}
.logoList li { list-style:none; display:inline-block; transition:all 0.2s linear; width:50px; }
.logoList li img { max-width:100%;}
.logoList li:hover { transform:scale(1.05);}
.logoList li a { display:block; vertical-align:top; border:solid 2px #FFF;  box-shadow:0 10px 20px rgba(0,0,0,0.1); width:100%;  border-radius:5px;  background:#FFF; padding:10px;}
.logoList li a img { height:50px;  filter: grayscale(0.2);}
.logoList li:hover a img {	 filter: grayscale(0);}
.logoList li:hover a  { border:solid 2px #DDD;	 filter: grayscale(0);}

.dataTables_wrapper { position:relative; padding:50px 0 0 0;}
.dataTables_wrapper .dataTables_length { width:50%; position:absolute; top:10px; left:0;}
.dataTables_wrapper .dataTables_filter { width:50%; position:absolute; top:10px; right:0; text-align:right;}
.productTable { width:100%; margin:0px 0;}
.productTable th, .productTable td { padding:10px;}
.productTable th { border-bottom:solid 3px var(--primary); background:#FFF8F4; border-top:solid 1px var(--primary); }
.productTable tr:nth-child(even) td { background:#F6F6F6}

.df-popup-thumb { width:50% !important;}

.modal-body { height:80vh; overflow-y:auto; text-align:left; padding:0 25px;}
.modal-body .hljs { background:none;}
.modal-body pre { margin:0; padding:0;}
.modal-body code { margin:0; padding:0; font-size:14px;}
.modal-header h4 {color:#000 !important; position:relative; margin:0; padding:0;	}
.modal .closeModal { position:absolute; right:-25px; top:10px; text-decoration:none; color:#000;}
.modal .closeModal img { height:24px;}
.modal-header img { height:50px;}
.uploadDoc { background:#000;color:#CCC; border:dashed 2px #444; border-radius:25px; padding:35px; line-height:40px;}

.nav-pills {color:#FFF !important;}
.tab-content { padding:50px;}

.input-group .input-group-text {height:100%;}

.footer { background-color:hsla(23,87%,74%,1);
background-image:
radial-gradient(at 80% 96%, hsla(294,76%,85%,1) 0px, transparent 50%),
radial-gradient(at 50% 11%, hsla(49,75%,85%,1) 0px, transparent 50%);
 border-radius:50px 50px 0 0; padding:50px 50px 0 50px; margin-top:-100px; text-align:left;}
.footer .footerMenu { margin:0; padding:0;}
.footer .footerMenu li { margin:0; padding:5px 0; list-style:none; text-align:left;}
.footer .footerMenu li a { color:#000; text-decoration:none;}


/* WooCommerce Classes */
.woocommerce table.shop_table { width:90% !important;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100% !important; float:none !important;}

#customer_details, .woocommerce-checkout-review-order, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { background:rgba(255,255,255,0.7) !important; border-radius:20px; padding:20px !important;  box-shadow:0 10px 20px rgba(0,0,0,0.1);}
 #customer_details { margin-bottom:30px !important;}

body.woocommerce-checkout .blockOverlay {position: fixed; top:0; left:0; width:100%; height: 100%; z-index: 999;}
 .checkout-form-wrapper  label { font-size:14px;}
dt.variation {display: flex; flex-direction: column;}
dl.variation dt {width: 100%;}
.checkout-form-wrapper h3, .cart_totals h2 { font-size:20px !important; font-weight:bold !important;}
.woocommerce-input-wrapper  input.input-text, .woocommerce-input-wrapper  textarea, .woocommerce-input-wrapper input[type="month" i]{ padding: 5px;    border-radius: 5px;    border: solid 1px #666; font-size:16px !important; line-height:22px !important;}
.select2-container--default .select2-selection--single { border:1px solid #666666 !important; height:32px !important; line-height:32px !important;}
.select2-container .select2-selection--single .select2-selection__arrow { line-height:32px !important; height:32px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:32px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:32px !important;}

.woocommerce-checkout-payment .button, .woocommerce .cart .button{ background-color: var(--black) !important;  border-radius: 50px !important;  border: solid 1px var(--black) !important;  color: var(--white) !important;  font-weight: 700; white-space: nowrap !important;  font-size: 16px !important;  padding: 10px 30px !important;  text-decoration:none;}
.woocommerce-checkout-payment .button:hover {  background: linear-gradient(135deg, #000000 0%, #333 100%) !important;  color: #FFF !important;  border: solid 1px var(--primary) !important;}

.woocommerce .cart input.button {  background-color: #FFF !important;  border-radius: 50px;  border: solid 1px  var(--primary) !important;  color: var(--primary);  font-weight: 700;
  font-size: 16px;  padding: 10px 30px; text-decoration:none; white-space: nowrap !important;}
.woocommerce .cart .button, .woocommerce .cart input.button:hover {  background: linear-gradient(135deg, #FFF 0%, #EEE 100%) !important;  color:  var(--primary) !important;  border: solid 1px  var(--primary) !important;}

.woocommerce-cart-form table thead { background:rgba(255,255,255,0.9)}
.product-name a { color:#0a528c !important; text-decoration:none !important;}

@keyframes jumpup1 {
 0% { transform: translate(0,  0px); opacity:0.5; }
    50%  { transform: translate(50px, -50px) ; opacity:1; }
    100%   { transform: translate(0, 0px) ; opacity:0.5; } 
}

@keyframes jumpup2 {
 0% { transform: translate(0,  0px); opacity:0.5; }
    50%  { transform: translate(30px, -50px) ; opacity:1; }
    100%   { transform: translate(0, 0px) ; opacity:0.5; } 
}  

@keyframes jumpdown1 {
 0% { transform: translate(0,  0px); opacity:0.5;}
    50%  { transform: translate(-50px, 30px) ; opacity:1; }
    100%   { transform: translate(0, 0px) ; opacity:0.5; } 
}

@keyframes jumpdown2 {
 0% { transform: translate(0,  0px); opacity:0.5; }
    50%  { transform: translate(-20px, 50px) ; opacity:1; }
    100%   { transform: translate(0, 0px) ; opacity:0.5; } 
}  
@keyframes fadeinout {
 0% { opacity:0; }
    50%  { opacity:1; }
    100%   { opacity:0; } 
}

@keyframes donateLinkAnimation {
 0% {  background-position: top left 100%; }
    50%  { background-position: top left;}
    100%   {  background-position: top left 100%; } 
}


.fadeinout1 {
  animation: fadeinout 5s ease infinite;
}

.fadeinout2 {
  animation: fadeinout 3s ease infinite;
}

.fadeinout3 {
  animation: fadeinout 4s ease infinite;
}

.fadeinout4 {
  animation: fadeinout 7s ease infinite;
}

.jumpup1 {
  animation: jumpup1 5s ease infinite;
}

.jumpup2 {
  animation: jumpup2 8s ease infinite;
}

.jumpdown1 {
  animation: jumpdown1 10s ease infinite;
}

.jumpdown2 {
  animation: jumpdown2 7s ease infinite;
}

.ellipse_animation .one { animation: jumpup1 5s ease infinite; position:absolute; left:50vw; top:50px;}
.ellipse_animation .two { animation: jumpdown1 7s ease infinite;  position:absolute; left:20vw;  top:70px;}
.ellipse_animation .three { animation: jumpup2 11s ease infinite;  position:absolute; left:70vw;  top:40px;}
.ellipse_animation .four { animation: jumpdown2 7s ease infinite;  position:absolute; left:90vw;  top:20px;}

.filterBoxButton.visible, .filterBox .closeFilterBox, .filterBoxButton {display:none !important;}

.desktopFreeze { position:fixed; z-index:22; top:90px; width:100%; left:0; background:#FFF; padding:15px 25px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.filterNumber {font-size: 24px; background:#FFF !important;   border: solid 1px #DDD;    padding: 15px;    width: 100%;    display: flex;    border-radius: 10px;    text-align: center;    justify-content: center;    align-items: center; margin:20px 0 !important;}