/*
Theme Name: MLSBD
Theme URI: https://daudbd.com
Version: 3.0.0
PHP Support : 8.3 [Latest]
Author: Daud
Author URI: https://daudbd.com
Description: #1 Movie Theme for Blogs and Websites. Fully responsive and optimized for SEO.
Tags: Cinebaz, Movie Theme
License: Premium Purchased
License URI: https://daudbd.com
Text Domain: cinebaz.site
Theme Date: 2025-01-12
Download: https://www.daudbd.com/2025/01/moviekhorbd-wordpress-premium-theme.html
*/
/* Base font & body */
body, html {
  font-family: 'Inter', sans-serif; /* trendy sans-serif */
  background: #f5f5f5;              /* light modern background */
  color: #333;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  margin: 0;
}


h1,h2,h3{padding:0}.bp-search input[type=submit],.bp-search input[type=submit]:hover{width:auto;padding:4px;border-radius:3px;text-shadow:1px 1px 1px #000}.breadcrumb,.btn-more{text-transform:uppercase}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-touch-action:none}

body{margin:0;background:#eee;color:#3e3e3e;font-size:14px;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility} 
.bp-search,h2{color:#fff;font-weight:600}.bp-title,h1,h2,h3{font-size:16px}

a:active,a:link,a:visited{color:#fff;text-decoration:none!important;outline:0}a:focus,a:hover{color:#red;outline:0}.pull-left{float:left}.btn-more,.pull-right{float:right}.aligncenter{text-align:center!important}



.btn-more,.head,.bp-search{text-align:center}.clear{clear:both}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#000;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background-color:red;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-corner{background-color:#000}h2{margin-bottom:6px;margin-top:0}.post-style-1 p,.post-style-2 p,.post-tags p,h1,h3{margin:0}h1,h3{color:#333;font-weight:600}
/* -------------------- Header -------------------- */
.head{height:36px;background:#333;padding:3px}
.bp-search{background:#333;padding:6px;margin:0 auto 5px}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  padding: 6px 10px;           /* modern spacious padding */
  color: #222;                 /* dark text for readability */
  border-radius: 6px;          /* smooth rounded corners */
  border: 1px solid #ccc;      /* subtle border */
  outline: none;               /* remove default focus outline */
  background-color: #fff;      /* clean input background */
  text-shadow: none;           /* remove old red shadow */
  transition: all 0.25s ease; /* smooth hover/focus animation */
}

input[type=search]:focus {
  border-color: #ff4b2b;                  /* accent color on focus */
  box-shadow: 0 0 6px rgba(255,75,43,0.4); /* subtle glow */
}


.bp-search input[type=submit] {
  background-color: #ff4b2b;       /* modern red-orange */
  color: #fff;
  font-weight: 600;
  margin: 0 10px;
  padding: 6px 14px;                /* slightly more padding for modern look */
  border-radius: 6px;               /* smooth rounded corners */
  border: none;                     /* remove default border */
  cursor: pointer;
  transition: all 0.3s ease;       /* smooth hover/focus transition */
}

.bp-search input[type=submit]:hover {
  background-color: #ff784b;        /* lighter hover shade */
  transform: translateY(-2px);      /* subtle lift effect */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* soft hover shadow */
}




.telegram{background:#1e90ff;font-weight:700;color:#fff;display:inline-block;padding:8px 15px;margin:5px;border-radius:10px}.bp-title,.btn-more:hover{background:#424242}.telegram a{color:#fff}.container{margin:0 3px}.bp-title{color:#fff;display:block;padding:6px 12px;border-bottom:1px solid #ff2121;border-radius:6px;-webkit-box-shadow:inset 0 -1px red;box-shadow:inset 0 -1px red;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-more{display:inline-block;box-sizing:border-box;padding:3px 5px;background:#f44336;margin:2px;color:#fff;text-decoration:none!important;cursor:pointer;border-radius:3px;font-size:11px;border:1px} 


.bp-post-list,
.list-group-item {
  position: relative;
  background-color: #fff;
  border-radius: 12px;                     /* smooth modern corners */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* subtle shadow for depth */
  display: inline-block;
  padding: 6px 8px;
  margin: -2px 2px;
  border: 1px solid #ddd;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.bp-post-list a,
.list-group-item a {
  color: #222;
  text-decoration: none;
}

.bp-post-list:hover,
a.bp-post-list:focus,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #233dce;                    /* modern accent color */
  background-color: #f0f4ff;         /* subtle hover background */
  transform: translateY(-2px);        /* subtle lift */
  box-shadow: 0 6px 12px rgba(0,0,0,0.12); /* hover shadow */
}

.bp-post-list.active,
.bp-post-list.active:focus,
.bp-post-list.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #3366ff;          /* modern primary color */
  border-color: #3366ff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

.post-style-1,.post-style-2{font-size:12px!important;display:table}.bp-post-data,.bp-post-thumb,.sm-thumb{display:table-cell;vertical-align:middle}.bp-post-thumb,.sm-thumb{margin-right:8px;float:left;padding:0}.bp-post-data{font-size:14px!important;font-weight:600}span.cat-lang{color:#777!important;display:block;font-size:12px!important;margin-top:2px}.roundthumb {
  width: 80px;
  height: 80px;
  border-radius: 16px;                  /* modern rounded corners */
  object-fit: cover;                     /* image proportion ঠিক রাখে */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);  /* subtle soft shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
  cursor: pointer;
  filter: brightness(0.95);             /* light cinematic effect */
}

.roundthumb:hover {
  transform: scale(1.1);                /* trendy subtle zoom */
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  filter: brightness(1);                 /* hover এ হালকা glow effect */
}

/* Article image container */
.article .ss {
    margin: 0 5px;
    text-align: center;
}

/* Article images - modern look */
.article .ss img {
    border: 2px solid #363636;             /* existing border */
    border-radius: 12px;                   /* smoother modern rounded corners */
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* subtle shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth hover effect */
}

/* Hover effect */
.article .ss img:hover {
    transform: scale(1.05);               /* subtle zoom on hover */
    box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* stronger shadow on hover */
}



.footer-link a:hover,.list-group-item a:hover{color:#e74c3c}.list-group-item{display:block;padding:6px 8px;margin-bottom:-1px;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:6px;border-top-left-radius:6px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.top-footer a,a.list-group-item,button.list-group-item{color:#000}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}button.list-group-item{width:100%;text-align:left}.bp-notice,.top-footer,a.buttn{text-align:center}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading,button.list-group-item-danger .list-group-item-heading,button.list-group-item-info .list-group-item-heading,button.list-group-item-success .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.bp-footer,.top-footer{background:#fff;color:#000;padding:10px;overflow:hidden;border-top:1px}


.breadcrumb {
  background: #333;
  font-size: 12px;
  color: #ccc;
  margin: 10px 0 !important;
  border: 1px solid #ddd;
  padding: 4px 6px;
  border-radius: 6px;
}

.bp-notice,
.post-tags {
  position: relative;
  display: block;
  padding: 6px 8px;
  bottom: -1px;
  background-color: #fff;
}

.breadcrumb a {
  color: #ff0000; /* Red link color */
  text-decoration: none;
}

.breadcrumb a:hover {
  color: #cc0000; /* Darker red on hover */
  text-decoration: underline;
}
.post-tags{margin:3px 0 6px;border:1px solid #ddd}a.buttn{padding:8px 15px;border-radius:5px;margin:5px;display:inline-block;font-weight:700;color:#fff}a.buttn:hover{background:#003;color:#fff}.bp-notice{margin:3px 0 10px;border:1px solid #ddd}
/* -------------------- Pagination -------------------- */
.page-numbers,
a.page-numbers {
    background: #424242;           /* dark background */
    color: #fff;
    padding: 4px 10px;             /* modern comfortable padding */
    border-radius: 6px;            /* smooth rounded corners */
    border: 1px solid #555;        /* subtle border instead of bright red */
    text-decoration: none;
    transition: all 0.25s ease;    /* smooth hover effect */
}

/* Hover effect */
.page-numbers:hover,
a.page-numbers:hover {
    background: #ff4b2b;           /* modern accent on hover */
    color: #fff;
    transform: translateY(-1px);   /* subtle lift */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Current page */
.page-numbers.current {
    background: #ff4b2b;           /* accent color for current page */
    color: #fff;
    border-color: #ff4b2b;
}

/* Dots (ellipsis) */
.page-numbers.dots {
    border: none;
    color: #ff4b2b;       /* accent color for visibility */
    font-weight: 600;      /* slightly bolder for clarity */
}
/* Pagination container */
.page-navi {
    padding: 6px;
    margin: 10px;
    text-align: center;
}




@media screen and (min-width:720px){.bp-post-list{width:46.5%}}@media screen and (max-width:719px){.bp-post-list{display:block;overflow:hidden}}@media screen and (min-width:1066px){.bp-post-list{width:47.7%}}.red{background:red}.green{background:#33cc00}


/* Post body images - modern round thumbnail with hover animation */
.postbody img {
    max-width: 98%;                   /* responsive */
    border: 1px solid #ddd;           /* subtle modern border */
    padding: 4px;                     /* slightly more padding for neat look */
    display: block;
    margin: 0 auto;
    border-radius: 12px;              /* smooth rounded corners */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* soft shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth hover animation */
}

/* Hover effect */
.postbody img:hover {
    transform: scale(1.05);           /* subtle zoom on hover */
    box-shadow: 0 6px 12px rgba(0,0,0,0.15); /* enhanced shadow on hover */
}

/* Postbody container background */
.postbody {
    background: #fff;
    padding: 8px;                      /* optional: add some spacing around content */
    border-radius: 8px;                /* smooth corners for container */
}


.redlink{color:#000}.redlink:hover{color:red}.top-footer{border-top:2px solid red;border-bottom:1px solid #eee}.top-footer a{color:#00f;margin:0 3px}h4{margin:0}.page-meta{margin:0 auto 6px}.page-meta a{background:#fff;padding:2px 6px;border:1px solid #ccc;border-radius:4px;display:inline-block;margin-right:2px}iframe{width:100%;height:420px}

	
@media screen and (max-width: 567px){
	iframe{width:100%;height:240px}
/* -------------------- Footer Top -------------------- */
#footer-top {
    background:  #f5f5f5;           /* modern dark bg */
    margin: 0 auto;
    padding: 8px 12px;             /* একটু spacious padding */
    overflow: hidden;
    color: #fff;                    /* readable text */
    font-size: 15px;
    border-top: 3px solid #ff2121; /* modern accent color */
    border-radius: 6px 6px 0 0;    /* subtle rounded top corners */
}

/* Footer top links */
#footer-top a {
    color: #fff;
    text-decoration: none;
    transition: color 0.25s ease;
}

#footer-top a:hover {
    color: #ff784b;                 /* subtle modern hover color */
}

/* -------------------- Footer List -------------------- */
.daud_footer {
    border-top: 1px solid rgba(255,255,255,0.2); /* softer border */
    background: #2c2c2c;           /* dark modern bg */
    font-size: 100%;
    text-align: center;
    padding: 12px;
    color: #fff;
    list-style: none;
    position: relative;
}

/* Footer links */
.daud_footer a {
    color: #fff;
    text-decoration: none;
    transition: color 0.25s ease;
}

.daud_footer a:hover {
    color: #ff4b2b;                 /* accent hover color */
}

/* Footer link spacing */
.footer_link a {
    padding: 4px 6px;
    margin: 3px;
    color: #fff;
    text-decoration: none;
    transition: color 0.25s ease;
}

.footer_link a:hover {
    color: #ff4b2b;                 /* accent hover */
}

/* Footer boxes */
.footer_box {
    color: #fff;
    text-align: center;
    padding: 6px 4px;
    border: 1px solid rgba(255,255,255,0.2); /* subtle border */
    margin: 4px 2px;
    font-size: 14px;
    border-radius: 6px;              /* modern rounded corners */
    transition: all 0.25s ease;
}

.footer_box:hover {
    background-color: rgba(255,75,43,0.1); /* subtle hover bg */
}

/* Footer links container */
.daud_footer > .footer-links {
    width: 100%;
    display: inline-block;
}

/* Footer bottom */
#footerfix {
    overflow: hidden;
    background: #fff;                 /* light bottom bar */
    padding: 10px 5px;
    border-top: 1px solid #3c474b;
    font-size: 11px;
    text-align: center;
    color: #333;
    border-radius: 0 0 6px 6px;       /* subtle rounded bottom corners */
}
.watch-online-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.watch-online-video iframe,
.watch-online-video object,
.watch-online-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

    /* --- Blockquote --- */
blockquote {
  margin:0;
  padding:4px;
  position:relative;
}

blockquote h1:before{
  content:'';
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%2032%2032%22%20id%3D%22camera%22%3E%3Cpath%20fill%3D%22%23c9de79%22%20d%3D%22m25.5%209.5-2-3h-6l-2%203H.5v19h31v-19h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%238b8893%22%20d%3D%22M8.5%207.5h5v2h-5zM27.5%207.5h3v2h-3z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%227.5%22%20fill%3D%22%23dadadc%22%3E%3C%2Fcircle%3E%3Cpath%20fill%3D%22%23c8c5cc%22%20d%3D%22M20%2011.5a4.19%204.19%200%200%200-.5%200%207.49%207.49%200%200%201%200%2014.94%204.19%204.19%200%200%200%20.5%200%207.5%207.5%200%200%200%200-15Z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%224.5%22%20fill%3D%22%2352bbe9%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%221.5%22%20fill%3D%22%23fff%22%3E%3C%2Fcircle%3E%3Cpath%20fill%3D%22%23e1e1e3%22%20d%3D%22M20%2017.5a1.86%201.86%200%200%200-.34%200%201.5%201.5%200%200%201%200%202.92%201.86%201.86%200%200%200%20.34%200%201.5%201.5%200%200%200%200-3Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%231cabe1%22%20d%3D%22M20%2014.5a4.23%204.23%200%200%200-.5.05%204.48%204.48%200%200%201%200%208.9%204.23%204.23%200%200%200%20.5.05%204.5%204.5%200%200%200%200-9Z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2212.5%22%20r%3D%221%22%20fill%3D%22%23fff%22%3E%3C%2Fcircle%3E%3Cpath%20fill%3D%22%23bcd44c%22%20d%3D%22M.5%2012.5h5.3a2.7%202.7%200%200%201%202.7%202.7v13.3h-8%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23aece44%22%20d%3D%22M5.8%2012.5h-1a2.7%202.7%200%200%201%202.7%202.7v13.3h1V15.2a2.7%202.7%200%200%200-2.7-2.7Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2019a5%205%200%201%200%205-5%205%205%200%200%200-5%205Zm9%200a4%204%200%201%201-4-4%204%204%200%200%201%204%204Zm7-10V7h-4v2h-1.23l-2-3h-6.54l-2%203H14V7H8v2H0v20h32V9Zm-3-1h2v1h-2ZM9%208h4v1H9ZM8%2028H1V13h7Zm23%200H9V12H1v-2h14.77l2-3h5.46l2%203H31Zm-19-9a8%208%200%201%200%208-8%208%208%200%200%200-8%208Zm15%200a7%207%200%201%201-7-7%207%207%200%200%201%207%207Zm-14-6.5a1.5%201.5%200%201%200-1.5%201.5%201.5%201.5%200%200%200%201.5-1.5Zm-1.5.5a.5.5%200%201%201%20.5-.5.5.5%200%200%201-.5.5Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-size:25px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:black;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -3px;
    left: 0px;
    transform: rotate(180deg);
}

blockquote h1{
margin-top: 0px !important;
}
blockquote h2, blockquote h1{
    display: block;
    align-items: center;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 5px 10px;
    background: #424242;
    border: 2px solid #ff2121;
    border-radius: 5px 5px 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
}


blockquote h2:before {
  content:'';
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%20780%20780%22%20viewBox%3D%220%200%20780%20780%22%20id%3D%22xmas-star%22%3E%3Cpath%20fill%3D%22%23ffaf1c%22%20d%3D%22M483.7%2C440.3c2.4-5.9%2C283.5-49.4%2C283.5-49.4s-281.1-43.5-283.5-49.4c-2.4-5.9%2C84.6-127.4%2C84.6-127.4%0A%09l-127.4%2C84.6c-5.9-2.4-49.4-283.5-49.4-283.5S347.9%2C296.2%2C342%2C298.7c-5.9%2C2.4-127.4-84.6-127.4-84.6s87%2C121.6%2C84.6%2C127.4%0A%09c-2.4%2C5.9-283.5%2C49.4-283.5%2C49.4s281.1%2C43.5%2C283.5%2C49.4c2.4%2C5.9-84.6%2C127.4-84.6%2C127.4s125.2-85.5%2C127.4-84.6%0A%09c5.9%2C2.4%2C49.4%2C283.5%2C49.4%2C283.5s43.5-281.1%2C49.4-283.5c5.9-2.4%2C127.4%2C84.6%2C127.4%2C84.6S481.2%2C446.2%2C483.7%2C440.3z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffd485%22%20d%3D%22M392.9%2C370.4l-3.3-343.7v0c-8.3%2C52.8-42.5%2C269.9-47.6%2C272c-5.9%2C2.4-127.4-84.6-127.4-84.6s87%2C121.6%2C84.6%2C127.4%0A%09c-2.4%2C5.9-283.5%2C49.4-283.5%2C49.4s281.1%2C43.5%2C283.5%2C49.4c1.5%2C3.7-32.1%2C52.8-57.4%2C88.9L392.9%2C370.4z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2220%22%20d%3D%22M440.8%2C298.7c-5.9-2.4-49.4-283.5-49.4-283.5S347.9%2C296.2%2C342%2C298.7c-5.9%2C2.4-127.4-84.6-127.4-84.6%0A%09s87%2C121.6%2C84.6%2C127.4c-2.4%2C5.9-283.5%2C49.4-283.5%2C49.4s281.1%2C43.5%2C283.5%2C49.4c2.4%2C5.9-84.6%2C127.4-84.6%2C127.4s125.2-85.5%2C127.4-84.6%0A%09c5.9%2C2.4%2C49.4%2C283.5%2C49.4%2C283.5s43.5-281.1%2C49.4-283.5c5.9-2.4%2C127.4%2C84.6%2C127.4%2C84.6s-87-121.6-84.6-127.4%0A%09c2.4-5.9%2C283.5-49.4%2C283.5-49.4s-281.1-43.5-283.5-49.4c-2.4-5.9%2C84.6-127.4%2C84.6-127.4L440.8%2C298.7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-size:25px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:black;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -3px;
    left: 0px;
    transform: rotate(180deg);
 
}
blockquote small, blockquote footer {
  display:block;
  font-size:14px;
  color:var(--color-text-secondary);
}


.link {
    overflow: hidden;
    display: block;
    padding: 10px 10px 10px 20px;
    text-align: center;
    color: black; /* Text color */
}

.link1 {
    border-radius: 30px;
    font-family: 'Alef', sans-serif; /* Ensure correct font name */
    font-size: 16px;
    margin: 10px 0; /* Add vertical margin */
    padding: 10px 20px; /* Comfortable padding */
    cursor: pointer;
    border: 2px solid #ff2121; /* Border color */
    text-align: center; /* Center text inside the button */
    background-color: #424242; /* Background color */
    color: #ffffff; /* Text color */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
}

/* Hover Effect */
.link1:hover {
    background-color: #ff2121; /* Red background on hover */
    color: #fff; /* Keep text visible */
}

/* Responsive Design for Small Screens */
@media (max-width: 380px) {
    .link1 {
        padding: 5px 10px; /* Smaller padding */
        margin: 5px 0; /* Adjust margin for small screens */
    }
}

/* Note */ .note{position:relative;padding:16px 20px 16px 50px;background:var(--notifU);color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.4);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::after{content:'\0021'} .drK .note{background:var(--darkBs);color:rgba(255,255,255,.9)}
    /* Note */ .note{position:relative;padding:16px 20px 16px 50px;background:var(--notifU);color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.4);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::after{content:'\0021'} .drK .note{background:var(--darkBs);color:rgba(255,255,255,.9)}
	



button {
  border-radius: 30px; /* Rounded corners */
  font-family: 'Alef', sans-serif; /* Modern font */
  font-size: 16px; /* Comfortable text size */
  padding: 10px 20px; /* Padding for a better click area */
  cursor: pointer; /* Pointer cursor on hover */
  border: 2px solid #ff2121; /* Red border */
  background-color: #333; /* Dark background */
  color: #fff; /* White text */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
  text-align: center; /* Ensure text inside the button is centered */
}

/* Hover Effect */
button:hover {
  background-color: #ff2121; /* Red background on hover */
  color: #fff; /* Ensure text remains visible */
}