@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
:root{
    --fn_primary_color: #DF0054;
    --fn_secondary_color: #480032;
    --fn_org_color: #FF8B6A;
    --fn_dark:#222;
    --fn_light:rgba(34, 34, 34,0.8);
    
}
body{font-family:Inter,sans-serif;color:#222;font-size:15px}
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400}

header{background-color:#df0054;padding:8px 15px;text-align:center}
main{padding:50px 15px}
.wrap{width:100%;max-width:540px;margin:0 auto}
.event_box{padding:15px;border-radius:10px;box-shadow:0 7px 30px rgba(100,150,160,.16)}
.mb_15{margin-bottom:15px}
.mt10{ margin-top:10px;}
.title{text-align:center;font-size:20px;line-height:1.5;margin-bottom:20px}
.btn{height:50px;width:180px;display:inline-flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;border-radius:25px;font-weight:500;border:none;font-size:14px}
.btn:hover{opacity:.9}
.btn_main{background-color:#df0054; cursor:pointer;}
.btn_secnd{background-color:#9b9ba5; cursor:pointer;}
.evt_img{width:100%;max-width:150px;height:100px;border-radius:8px;overflow:hidden;margin-bottom:15px}
.evt_img img{width:100%;height:100%;object-fit:cover}
.evt_body{display:flex;gap:15px;align-items:flex-start;/*flex-wrap:wrap*/}
.evt_foot{padding:5px 10px;text-align:center;display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center}
.evt_host_info{display:flex;gap:20px;flex-wrap:wrap}
.evt_host_info strong{display:block;margin-bottom:5px}
.evt_info{width:calc(100% - 165px)}
.elblTitle{ font-weight:500; display:block;}
.icon{padding-left:25px;background-repeat:no-repeat;background-size:18px 18px}
.cal_icon{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.95 18.35L7.4 14.8L8.85 13.35L10.95 15.45L15.15 11.25L16.6 12.7L10.95 18.35ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z' fill='%23DF0054'/%3E%3C/svg%3E")}
.map_icon{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 7.5C15.75 12.75 9 17.25 9 17.25C9 17.25 2.25 12.75 2.25 7.5C2.25 5.70979 2.96116 3.9929 4.22703 2.72703C5.4929 1.46116 7.20979 0.75 9 0.75C10.7902 0.75 12.5071 1.46116 13.773 2.72703C15.0388 3.9929 15.75 5.70979 15.75 7.5Z' fill='%23DF0054'/%3E%3Cpath d='M9 9.75C10.2426 9.75 11.25 8.74264 11.25 7.5C11.25 6.25736 10.2426 5.25 9 5.25C7.75736 5.25 6.75 6.25736 6.75 7.5C6.75 8.74264 7.75736 9.75 9 9.75Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
form{padding:15px 0}
input{height:50px;border-radius:10px;padding:1rem;border:1px solid #dedede;margin-bottom:5px;width:100%;accent-color:#df0054}
textarea{height:auto; font-size:15px; resize: none; line-height:25px; margin-top:20px;border-radius:10px;padding:1rem;border:1px solid #dedede;margin-bottom:5px;width:100%;accent-color:#df0054}
button.btn{font-family: Inter,sans-serif;font-size:14px;cursor:pointer; cursor:pointer;}
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;display:flex;justify-content:center;align-items:center; cursor:pointer;}
.overlay:target{visibility:visible;opacity:1}
.popup{margin:0 auto;padding:20px;background:#fff;border-radius:5px;width:100%;max-width:500px;position:relative;transition:all 5s ease-in-out}
.popup .close{position:absolute;top:15px;right:15px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}
.popup .close:hover{color:#df0054}

.comPage .wrap{ max-width:90%;}
.comPage .wrap .title{ font-size:26px;}
.comPage .wrap .title label{ display:block; font-size:20px;}	
.comPage .wrap .pcontent{ line-height:25px;}
.comPage .wrap .pcontent p{ margin-bottom:20px;}
.comPage .wrap .pcontent strong{ font-weight:600;}
.p10{padding:10px;}
.pl10{ padding-left:10px;}
.mt10{ margin-top:10px;}
.p_p_company_info h4{ margin-top:0;}
.p_p_company_info h5,.my_plan h5{ margin-top:0px; padding-bottom:10px; position:relative; font-size:20px;}/*
.p_p_company_info h5::after,.my_plan h5::after{ width:100px; height:2px; background-color:#27ae60; position:absolute; left:0; bottom:0px; content:'';}*/
.ppci_box h6, .ppci_box div, .ppci_box address{ margin-bottom:10px;}
.chk_badges_page ul li{line-height: 25px;}
.plan_calc{ margin-bottom:15px;}
.pc_total{ display:flex;justify-content: center; align-item:center; line-height:18px; margin:20px; font-weight:600;}
.pc_total b{ font-size:20px;}
#still_processing h4{margin-top: -10px;margin-bottom: 20px;font-size:22px;line-height: 30px; text-align:center;}
.jf_box{ margin-bottom: 0.5rem;}
.join_form{ width: 100%; max-width: 800px; margin: 0 auto;}
.jf_head{ margin-bottom: 1rem;}
.jf_que h3{font-weight:500;}
.jf_que p{ font-weight:500;}
.jf_que span{color:var(--fn_primary_color);font-weight:700}
.jf_anw{padding: 0.5rem 0;}
form{ accent-color: var(--fn_primary_color);}
.form_field{width: 100%; padding: 0.5rem 1rem; height: 50px; border-radius: 10px; border: 1px solid var(--fn_light); font-size:15px;}
form button{border: none; cursor: pointer;}
.jf_btns {display: flex;gap: 0.5rem;flex-wrap: wrap;}
.pri_btn{border-radius:.625rem;padding:1rem 2.5rem;text-align:center;color:#fff;font-size:1.125rem;font-style:normal;text-decoration:none;transition:all ease .3s;background:var(--fn_primary_color); cursor:pointer; border:none;}
.pri_btn:hover{background-color:var(--fn_org_color)}
.lgt_bg{background:rgba(223,0,84,.05);padding:100px 0}
.title label{ font-weight:700;text-transform:uppercase;}
.w100{ width:100%}	
@media screen and (max-width: 400px){#paypal-button-container {width: 100%;}}
@media screen and (min-width: 400px){#paypal-button-container {width: 300px;}}

@media screen and (max-width:540px){
.evt_body{flex-direction:column}
.evt_img{max-width:300px;height:150px;margin:0 auto}
.evt_info{width:100%}
}