/*Reset css*/
:root{font-size: 16px;}
@media(max-width:1600px){
    :root{font-size: 16px;}
}
@media(max-width:1100px){
    :root{font-size: 14px;}
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.1;
    font-family: 'Montserrat', sans-serif;
    color: #292727;
    font-size: 1rem;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
main{
    padding-top: 92px;
}

a{
    color: #292727;
}
.btn.btn-primary{
    background-color: #E44240;
    border: 1px solid #E44240;
    border-radius: 20px; 
    font-size: 1.223rem;
    padding: 16px 50px;
    line-height: 1;
}
h2{font-size: 2.67rem; font-weight: 700; color: #373333;}

h3{font-size: 2.00rem; font-weight: bold; color: #373333;}

h4{font-size: 1.4rem; font-weight: bold; color: #373333;text-align: left;}
@media(max-width:1280px){
    main{padding-top: 78px;}
}
@media(max-width:991px){
    main {padding-top: 57px;}
    br{display: none;}
    h2{font-size: 2.4rem;}
    .btn.btn-primary{padding: 14px 40px; font-size: 1.1rem;}
}

/*header*/
/*header nav{padding: 24px 0px !important;}*/
header .btn.btn-primary{font-size: 12px; padding: 14px 37px;}
header li:hover .btn.btn-primary{color: #ffffff;}
.navbar-nav li{position: relative;}
.navbar-nav li a{padding: 37px 27px; display: inline-block;}
.navbar-nav li.getstarted{padding: 0px; padding-left: 10px;}
.navbar-nav li:after{content: ""; position: absolute; width: 100%; height: 0px; bottom: 0; left: 0; background-color: #e44240; transition: 0.3s all ease-in-out;}
.navbar-nav li.getstarted:after{display: none;}
.navbar-nav li:hover a, .navbar-nav li.active a{color: #E44240; text-decoration: none;}
.navbar-nav li:hover:after, .navbar-nav li.active:after{height: 2px;}
/* Keep Login white on hover/active */
.navbar-nav li:hover > a[href="/login/"],
.navbar-nav li.active > a[href="/login/"] { color: #FFF !important; }

/* Kill the red underline just for the Login item */
.navbar-nav li:hover:has(> a[href="/login/"])::after,
.navbar-nav li.active:has(> a[href="/login/"])::after { height: 0 !important; }

header{width: 100%; background-color: #ffffff; z-index: 9; border-bottom: 1px solid #e4ecee;}

header .toggle{padding: 0px; background: transparent; border: 0; outline: none; display: none;}
.navbar-toggler-icon{width: 24px; height: 2px; background-color: #373333; position: relative; transition: all 500ms cubic-bezier(0.64,0.04,0,1);}
.navbar-toggler-icon:before{content: ""; width: 24px; height: 2px; background-color: #373333; position: absolute; top: -8px; left: 0; transition: all 500ms cubic-bezier(0.64,0.04,0,1);}
.navbar-toggler-icon:after{content: ""; width: 24px; height: 2px; background-color: #373333; position: absolute; top: 8px; left: 0; transition: all 500ms cubic-bezier(0.64,0.04,0,1);}

.openmenu .navbar-toggler-icon{background-color: #ffffff;}
.openmenu .navbar-toggler-icon:before{transform: rotateZ(-45deg); top: 0;}
.openmenu .navbar-toggler-icon:after{transform: rotateZ(45deg); top: 0;}


@media(max-width:1280px){
    .navbar-nav li a{padding: 30px 15px;}
}
@media(max-width:1100px){
    .navbar-nav li a{font-size: 14px;}
    .navbar-nav li a{padding: 30px 11px;}
}
@media(max-width:991px){
    header .toggle{display: block;}
    .navbar{padding: .6rem 1rem;}
    .navbar-nav li a{padding: 15px 0px; width: 100%;}
    .navbar-nav li{width: 100%;}
    .navbar-nav li.getstarted{padding-left: 0px; padding: 15px 0px;}
    .navbar-nav{padding: 15px 20px;}
    .headertop{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 15px; border-bottom: 1px solid rgb(228 236 238 / 30%);}
    .navbar-collapse ul{overflow-x: scroll; height: Calc(100vh - 58px);}
    .navbar-nav li:after{display: none;}
}
/*header*/

/*hero banner*/
.hero_banner{background-color: #E4ECEE; height: Calc(100vh - 92px); overflow: hidden;}
.hero_content h2{margin-bottom: 35px;}
.hero_content h4{font-size: 1.334rem; color: #929292; margin-bottom: 48px; line-height: 1.3;}
.hero_banner .container, .hero_banner .row{height: 100%;}
.centerimg{position: relative; z-index: 1; display: flex; align-items: center; padding-top: 20px; justify-content: center;}
.centerimg:after{content: ""; position: absolute; width: 100%; height: 100%; background-image: url("../images/bgstrip.png"); background-repeat: no-repeat; background-size: 95%; left: -3%; top: 8%; z-index: -1; transition: 0.4s;}
.heroslider .slick-dots{left: 0; bottom: 15px;}
.slick-dots li button{border: 3px solid #ffffff !important; padding: 0px !important; border-radius: 50%;}
.slick-dots li button:before{color: transparent !important; width: 17px !important; height: 17px !important;}
.slick-dots li button{width: 17px !important; height: 17px !important;}
.slick-dots li.slick-active button:before{background-color: #ffffff; border-radius: 50%; opacity: 1 !important;}
.slick-dots li{margin: 0px 3px !important;}
.centerimg img{transition: 0.6s; max-height: 510px;}
.moveparticle .centerimg img { transform: translateY(-7px);}
.moveparticle .centerimg:after{top: 10%;}
@media(max-width:1440px){
    .centerimg:after{background-size: 85%; left: 0%; top: 6%;}
    .centerimg{padding-right: 25px;}
    .centerimg img{max-height: 470px;}
    .moveparticle .centerimg:after{top: 7%;}
}
@media(max-width:1280px){
    .hero_banner{height: Calc(100vh - 78px);}
    .centerimg img{max-height: 400px;}
    .centerimg:after{background-size: 87%;}
}
@media(max-width:1100px){
    .centerimg img{max-height: 350px;}
}
@media(max-width:991px){
    .hero_banner{height: auto;}
    .hero_content{padding-top: 50px; padding-bottom: 30px; text-align: center;}
    .hero_content br{display: none;}
    .hero_images{padding-bottom: 20px;}
    .centerimg:after{background-size: 85%; left: 0; right: 0; margin: 0 auto; top: 0; width: 460px; height: 470px;}
}
@media(max-width:767px){
    .hero_content h4{margin-bottom: 25px;}
    .hero_content h2{margin-bottom: 25px;}
    .heroslider .slick-dots{bottom: 10px;}
    .centerimg:after{width: 380px; height: 420px;}
    .centerimg{padding-right: 0px;}
    .centerimg img{max-width: 280px;}
}
/*hero banner*/

/*grow_your_pay*/
.grow_your_pay{padding-top: 200px; padding-bottom: 200px;}
.growpay_content h2{margin-bottom: 50px;}
.growpay_content h4{font-size: 1.25rem; margin-bottom: 50px; line-height: 1.8; letter-spacing: 0px;}
.growpay_content a{font-size: 1.34rem; color: #E44240; text-decoration: none;}
.growpaybox{max-width: 610px; padding: 15px; border: 2px solid #F9F9F9; margin-bottom: 50px;}
.growpaybox:last-child{margin-bottom: 0px;}
.growpayleft{width: 20%;}
.growpayright{width: 80%; padding-left: 10px;}
.growpayleft span{display: block; font-size: 1.334rem; font-weight: 500; margin-bottom: 10px;}
.growpayright p{line-height: 1.8;}
@media(max-width:1280px){
    .grow_your_pay{padding-top: 100px; padding-bottom: 100px;}
}
@media(max-width:991px){
    .grow_your_pay{max-width: 500px; margin: 0 auto;}
    .grow_your_pay br{display: none;}
    .growpay_content{margin-bottom: 40px;}
    .growpay_content h2{margin-bottom: 30px;}
    .grow_your_pay{padding-top: 80px; padding-bottom: 80px;}
}
@media(max-width:480px){
    .growpayleft span{font-size: 1rem;}
    .grow_your_pay{padding-top: 50px; padding-bottom: 50px;}
    .growpaybox{margin-bottom: 30px;}
    .growpayleft{width: 25%;}
    .growpayright{width: 75%;}
}
/*grow_your_pay*/

/*security*/
.security_copay_left h1{font-size: 2.89rem; font-weight: 700; color: #ffffff; margin-bottom: 50px;}
.security_copay_left h3{font-size: 1.334rem; color: #ffffff; line-height: 1.6; margin-bottom: 45px;}
.security_copay_left a{font-size: 1.12rem; color: #E44240; text-decoration: none;}
.security_copay_left{background-color: #000000; display: flex; align-items: center; position: relative; z-index: 1; height: calc(100% - 3px);}
.security_inner{padding-right: 15%;}
.security_copay_left:before{content: ""; position: absolute; width: 100%; height: 100%; background-image: url("../images/big-circle.png"); background-repeat: no-repeat; background-size: auto; background-position: top -50px center; z-index: -1;}
.security_copay_left:after{content: ""; position: absolute; width: 100%; height: 100%; background-image: url("../images/small-circle.png"), url("../images/mid-circle.png"); background-repeat: no-repeat; background-size: auto; background-position: bottom 40px right 50px, bottom left -40px; z-index: -1;}
.security_copay_right{background-color: #F5F5F5;}
@media(max-width:1440px){
    .security_inner{padding-right: 5%; padding-left: 3%;}
}
@media(max-width:991px){
    .security_copay_left h1{font-size: 2.35rem; margin-bottom: 30px;}
}
@media(max-width:767px){
    .security_copay_right img{max-height: 400px; margin: 0 auto; display: block;}
    .security_copay_right{background-color: #000000;}
    .security_inner{padding-left: 0px; padding-right: 0px;}
    .security_copay_left{height: auto; padding: 40px 15px;}
    .security_copay_left:after{display: none;}
    .security_copay_left:before{background-position: top -25px left 15px; opacity: 0.4; width: 65%;}
}
/*security*/

/*spend_smarter*/
.spend_smarter{padding-top: 100px; padding-bottom: 90px;}
.spend_smarterin{max-width: 454px; margin: 0 auto; position: relative;}
.spend_smarterin:before{content: ""; position: absolute; width: 74px; height: 74px; background-color: rgb(228 66 64 / 6%); border-radius: 50%; bottom: 0; left: -180px;}
.spend_smarterin:after{content: ""; position: absolute; width: 112px; height: 112px; background-color: rgb(228 66 64 / 6%); border-radius: 50%; top: 50px; right: -180px;}
.spend_smartimg{margin-bottom: 30px;}
.spend_smart_content h4{margin-bottom: 30px; font-size: 2.23rem; font-weight: 700;}
.spend_smart_content p{font-size: 1.12rem; line-height: 1.6; margin-bottom: 25px;}
.spend_smart_content a{font-size: 1.12rem; line-height: 1.6; color: #E44240; text-decoration: none;}
@media(max-width:991px){
    .spend_smarterin:after{right: -80px;}
    .spend_smarterin:before{left: -80px;}
    .spend_smarter{padding-top: 80px; padding-bottom: 80px;}
}
@media(max-width:767px){
    .spend_smarterin:after{right: -20px;}
    .spend_smarterin:before{left: -20px;}
    .spend_smarter{padding-top: 60px; padding-bottom: 60px;}
}
@media(max-width:550px){
    .spend_smarterin:after{right: 0px; width: 80px; height: 80px;}
    .spend_smarterin:before{left: 0px; width: 50px; height: 50px;}
    .spend_smarter{padding-top: 50px; padding-bottom: 50px;}
    .spend_smartimg img{height: 100px;}
}
/*spend_smarter*/

/*watch_video_inner*/
.watch_video_inner{max-width: 1160px; margin: 0 auto; text-align: center; padding-top: 35px; padding-bottom: 25px; position: relative;}
.watch_video_inner:after{content: ""; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 20%); left: 0; top: 0; transition: 0.4s;}
.watch_video_inner:hover:after{background-color: rgb(0 0 0 / 40%);}
.watch_now_button{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.watch_now_button a{display: flex; align-items: center; color: #ffffff; font-size: 1.1667rem; text-decoration: none;}
.watch_now_button a img{margin-right: 30px;}
.watch_video{padding-bottom: 90px;}
@media(max-width:991px){
    .watch_video_inner img{max-height: 400px;}
    .watch_video{padding-bottom: 50px;}
}
@media(max-width:767px){
    .watch_video_inner img{max-height: 280px;}
}
@media(max-width:550px){
    .watch_video_inner img{max-height: 230px;}
    .watch_now_button a img{margin-right: 20px;}
    .watch_now_button a{font-size: 1rem;}
}
/*watch_video_inner*/

/*pricing_option*/
.pricing_option{padding: 100px 0px; background-color: #F6F7FC;}
.pricing_head h2{margin-bottom: 25px;}
.pricing_head h4{line-height: 1.5; font-size: 1.34rem;}
.pricing_head{margin-bottom: 65px;}

.pricing_boxes .box{/*max-width: 270px; min-width: 270px;*/ box-shadow: 5px 5px 30px 5px rgb(88 104 112 / 9%); background-color: #ffffff;  border-radius: 10px; transition: all ease-in-out 0.4s;}
.pricing_boxes .box:hover{transform: translateY(-10px);}
.pricing_boxes .box .top_content{padding: 30px; padding-bottom: 0px;}
.pricing_boxes .box .bottom_content button{width: 100%; border: 0; border-top: 1px solid rgb(112 112 112 / 22%); padding: 25px 0px; background-color: #ffffff; border-radius: 0px 0px 15px 15px; outline: none; font-size: 14px; font-weight: 700; color: #131313;}
.pricing_boxes .box .bottom_content button i{padding-left: 30px;}
.boxouter{/*max-width: 270px; min-width: 270px;*/ /*margin: 0px 20px; padding: 0px;*/}
.pricing_boxes .box h3{font-size: 2rem; margin-bottom: 15px; font-weight: 700;}
.pricing_boxes .box h5{font-size: 1.1667rem; margin-bottom: 40px; color: #E44240; font-weight: 500;}
.pricing_boxes .box p{font-size: 14px; margin-bottom: 25px; line-height: 1.5;}
.pricing_boxes .box .btn.btn-primary{padding: 15px 35px; margin-bottom: 20px; font-size: 0.945rem;}

/*.pricing_boxes .boxouter.active{min-width: 400px;}
.pricing_boxes .boxouter.active .box{min-width: 400px; background-color: #1A1C29; margin-top: -20px;}
.pricing_boxes .boxouter.active .box h3{color: #ffffff;}
.pricing_boxes .boxouter.active .box h5{color: #C1BFBF;}
.pricing_boxes .boxouter.active .box .top_content{padding: 50px 65px; padding-bottom: 0px;}
.pricing_boxes .boxouter.active .box .btn.btn-primary{font-size: 1.223rem; padding: 17px 40px; margin-bottom: 25px;}
.pricing_boxes .boxouter.active .box .bottom_content button{font-size: 1rem; padding: 30px 0px; background-color: #1A1C29; color: #ffffff;}
.pricing_boxes .boxouter.active .box p{margin-bottom: 50px; line-height: 1.6; color: #E4E4E4;}*/

.pricing_content .pricing_icons{display: flex; align-items: center; padding-bottom: 20px;}
.pricing_content .pricing_icons img{width: 30px; margin-right: 15px;}
.pricing_content .pricing_icons p{margin: 0; text-align: left;}
.pricing_content .pricing_icons p b{display: block; font-weight: 700; line-height: 1;}
.pricing_content .pricing_icons p span{font-size: 11px;}
.pricing_content .pricing_list ul{padding-left: 25px; text-align: left;}
.pricing_content .pricing_list ul li{ padding-bottom: 15px; list-style: disc; padding-left: 15px; color: #e44240;}
.pricing_content .pricing_list ul li:last-child{padding-bottom: 0px;}
.pricing_content .pricing_list ul li small{font-size: 14px; color: #292727;}
.pricing_content{padding: 20px; border-bottom: 2px dotted #dfdfdf;}
.pricing_content:last-child{border-bottom: 0px;}
.bottom_content .card{padding: 0px; border: 0; padding-bottom: 20px;}

/*.pricing_boxes .boxouter.active .bottom_content .card{background-color: #1a1c29;}
.pricing_boxes .boxouter.active .pricing_content .pricing_icons p{margin-bottom: 0px;}
.pricing_boxes .boxouter.active .pricing_content .pricing_list ul li small{color: #ffffff;}*/

.pricing_boxes .box .bottom_content button.collapsed .fa-minus:before{content: "\f067";}

@media(max-width:1200px){
    .pricing_boxes .boxouter.active, .pricing_boxes .boxouter.active .box{min-width: 380px;}
    .boxouter, .pricing_boxes .box{max-width: 235px; min-width: 235px;}
    .boxouter{margin: 0px 15px;}
    .pricing_boxes .box .top_content{padding: 25px;}
    .pricing_content .pricing_icons p{line-height: 1.2;}
}
@media(max-width:991px){
    .boxouter, .pricing_boxes .box{max-width: 380px; min-width: 380px; margin: 20px auto;}
    .pricing_boxes{display: block;}
    .pricing_boxes .boxouter.active .box{margin-top: 0px; margin: 20px auto;}
}
@media(max-width:480px){
    .boxouter, .pricing_boxes .box{max-width: 100%; min-width: 100%; margin: 0 auto; padding: 0px 15px;}
    .pricing_boxes .box{padding: 0px;}
    .pricing_boxes .boxouter.active .box, .pricing_boxes .boxouter.active, .pricing_boxes .boxouter.active .box{min-width: 100%;}
    .pricing_boxes .boxouter.active .box .top_content{padding: 40px;}
    .pricing_option{padding: 60px 0px;}
    .pricing_boxes .boxouter.active .box .btn.btn-primary{margin-bottom: 0px;}
    .pricing_boxes .boxouter.active .box .btn.btn-primary{padding: 14px 30px;}
    .pricing_content .pricing_list ul li{line-height: 1.3;}
}
/*pricing_option*/

/*footer*/
footer{padding-top: 80px; padding-bottom: 40px;}
.footer_links ul li{padding: 0px 30px;}
.footer_links ul li a:hover{text-decoration: none; color: #E44240;}
.footer_social ul li{padding-left: 25px;}
.footertop{padding-bottom: 40px;}
.footer_bottom{border-top: 1px solid #EFDDDD; padding-top: 65px;}
.footer_bottom p{padding-bottom: 30px; line-height: 1.6; font-size: 13px;}
.footer_bottom p a{color: #E44240;}
.footer_bottom p:last-child{padding-bottom: 0px;}
@media(max-width:991px){
    .footer_links ul{justify-content: flex-end;}
    .footer_social{padding-top: 20px;}
    .footer_social ul li{padding-left: 0px; padding: 0px 10px;}
}
@media(max-width:767px){
    .footer_logo{padding-bottom: 15px;}
    .footer_links ul {justify-content: flex-start; flex-wrap: wrap;}
    .footer_links ul li{padding: 0px 17px 10px 0px;}
    .footertop{padding-bottom: 25px;}
    .footer_bottom{padding-top: 25px;}
    footer{padding-top: 70px; padding-bottom: 30px;}
}
/*footer*/

.innerpages{background-color: #F5F5F5;}

/*pricing page*/

.pricing_header{padding: 65px 0px;}
.headingin h2{margin-bottom: 25px;}
.headingin p{max-width: 775px; margin: 0 auto; font-size: 1.34rem;}
.pricing_main_boxes{padding-bottom: 120px;}
.box_top {text-align: center; padding-bottom: 45px;}
.box_top h3{font-size: 2rem; margin-bottom: 15px; font-weight: 700;}
.box_top h5{font-size: 1.1667rem; margin-bottom: 30px; color: #E44240; font-weight: 500;}
.box_top p{font-size: 14px; margin-bottom: 35px; line-height: 1.5;}
.box_top a{max-width: 325px; width: 100%;}
.boxin{background-color: #ffffff; padding: 45px 40px; border-radius: 20px; box-shadow: 5px 5px 30px 5px rgb(88 104 112 / 9%);}

.box_bottom .box_listin{padding: 40px 0px; border-top: 1px solid #D2D2D2;}
.box_bottom .box_listin:last-child{padding-bottom: 0px;}
.listhead{}
.listhead p{padding-left: 15px;}
.listhead p b{font-size: 1.0556rem; font-weight: 500; display: block;}
.listhead p span{font-size: 12px; color: #877575;}
.boxlist ul{padding-left: 21px;}
.boxlist ul li{font-size: 14px; color: #877575; list-style: disc; padding-bottom: 20px; line-height: 1.4;}
.boxlist ul li:last-child{padding-bottom: 0px;}
.boxlist{margin-top: 30px;}



@media(max-width:991px){
    .pricingmainbox{max-width: 450px; margin: 20px auto;}
}
@media(max-width:500px){
    .boxin{padding: 30px 25px;}
    .pricing_header{padding: 40px 0px;}
    .pricing_main_boxes{padding-bottom: 70px;}
    .box_bottom .box_listin{padding: 30px 0px;}
    .box_top h5{margin-bottom: 25px;}
}
/*pricing page*/

/*privacy content*/
.privacy_content{padding: 110px 0px;}
.privacy_topcontent h2{margin-bottom: 22px;}
.privacy_topcontent h4{margin-bottom: 30px; font-size: 1.125rem; line-height: 1.5;}
.privacy_topcontent h5{font-size: 1.125rem; line-height: 1.5;}
.privacy_topcontent{padding-bottom: 50px;}
.privacy_bottomcontent p{line-height: 1.6;}
@media(max-width:991px){
    .privacy_content{padding: 65px 0px;}
    .privacy_topcontent{padding-bottom: 35px;}
}
/*privacy content*/

/*securitycontent*/
.securitycontent h3{font-size: 2.1rem; font-weight: 500; padding-bottom: 25px;}
.securitycontent .privacy_topcontent{max-width: 670px; margin: 0 auto; padding-bottom: 0px;}
.security_icons{padding: 90px 0px; background-color: #CB2D3E;}
.iconsbox{max-width: 380px; margin: 0 auto; text-align: center; margin-bottom: 70px;}
.iconsbox img{display: block; padding-bottom: 22px; margin: 0 auto;}
.iconsbox strong{font-size: 1.125rem; font-weight: bold; color: #ffffff; margin-bottom: 12px; display: block;}
.iconsbox p{font-size: 13px; color: #ffffff; line-height: 1.4;}
@media(max-width:991px){
    .security_icons {padding: 60px 0px;}
}
@media(max-width:767px){
    .iconsbox{margin-bottom: 50px;}
}
/*securitycontent*/

.login-link {
    color: #E44240 !important;
    font-weight: bold;
}

/*
.mp-icon-wrap {
  width: 90px;
  height: 90px;
  background: #fcecec;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/

.mp-title {
  font-weight: 700;
  font-size: 20px;
  color: #111;
}

ul.mp-list {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 300px;
  font-size: 15px;
  line-height: 1.8;
  color: #111;
}

ul.mp-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 14px;
}

ul.mp-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #E44240;
  font-size: 18px;
  line-height: 1;
}

.mp-list {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 280px;
  font-size: 15px;
  line-height: 1.7;
  color: #111;
}

.mp-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
}

.mp-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #E44240;
  border-radius: 50%;
}




@media (max-width: 767px) {
  .mp-list {
    max-width: 100%;
  }
}

ul.mp-list {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 300px;
  font-size: 15px;
  line-height: 1.8;
  color: #111;
}

ul.mp-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 14px;
}

ul.mp-list li::before {
  content: '';
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #E44240;
  border-radius: 50%;
}

ul.mp-list {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
  color: #111;
  max-width: 320px;
}

ul.mp-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
}

ul.mp-list li::before {
  content: '\f111'; /* Font Awesome solid circle */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #E44240;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 10px;
}
/* Corner ribbon — top-right, always visible */
.corner-ribbon {
  position: fixed !important;
  top: 130px;           /* push it lower */
  right: -140px;        /* pull it further left so the angle still covers the corner */
  z-index: 2147483647;
  transform: rotate(45deg);
  pointer-events: none;
}

.corner-ribbon > span {
  display: block;
  width: 500px;         /* longer band so full text stays visible */
  padding: 7px 0;
  text-align: center;
  background: linear-gradient(0deg, #c31e31, #d7263d);
  color: #fff;
  font: 700 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,0.25);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.07) inset;
  position: relative;
  pointer-events: auto;
}


/* Little folded tabs */
.corner-ribbon > span::before,
.corner-ribbon > span::after {
  content: '';
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-top: 8px solid #891522;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.25));
}
.corner-ribbon > span::before { left: 14px; }
.corner-ribbon > span::after  { right: 14px; }

/* Small screens */
@media (max-width: 575px) {
  .corner-ribbon { top: 12px; right: -76px; }
  .corner-ribbon > span { width: 300px; font-size: 12px; }
}

/* Optional if you see a horizontal scrollbar after adding the ribbon */
html, body { overflow-x: hidden; }