:root{--dark-blue:#11284b;--rgba-dark-blue:17,40,75;--pink:#f283ab;--rgba-pink:242,131,171;--yellow:#fcd702;--rgba-yellow:252,215,2;--green:#00946f;--rgba-green:0,148,111;--light-blue:#00aeef;--rgba-light-blue:0,174,239;--light-pink:#f5a7c9;--rgba-light-pink:245,167,201;--black:black;--rgba-black:0,0,0;--white:white;--rgba-white:255,255,255}
#page-directory .eventsbox .eventsbox-wrap::before{background:rgba(var(--rgba-pink),0.8)}
#page-directory .eventsbox .eventsbox-wrap .eventsbox-info button:hover{background:rgba(var(--rgba-pink),1)}
#page-directory .box-list h2{color:var(--dark-blue)}
.footer .footer-top .footer-info .logo img{max-height:80px}
.box-list h2{min-height:80px;display:flex;justify-content:center;align-items:center;font-size:15px}
.orange-border{border:solid 5px #FEC424}
.dir-inner .item-area ul li p{font-size:14px;font-weight:bold;font-family:"Arial Nova";color:#737373}
.directory_yellow_color a{color:#FAC226 !important;cursor:pointer !important}
#trendingbox{margin-top:0px;padding-top:0}
#trendingbox .container{padding:0 !important}
.img-events{max-width:100%}
.navbar-mobile ul li a{font-size:18px !important}
ul.HerosocialMedia{display:flex;align-items:center;justify-content:center}
ul.HerosocialMedia li{display:block}
ul.HerosocialMedia li a{width:41px;height:38px;display:flex;align-items:center;justify-content:center}
ul.HerosocialMedia li a img{max-width:100%}
ul.HerosocialMedia li.twitter:hover a{background-color:black !important}
ul.HerosocialMedia li.tiktok:hover a{background-color:black !important}
#page-newsletters .dir-inner .content-info ul li{font-size:16px;color:#444}
.pagination{display:flex;flex-wrap:wrap}
.navbar a{line-height:1;color:var(--dark-blue)}
.navbar a:hover,.navbar .active,.navbar li:hover>a,.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--pink)}
#header .search-section .btn-outline-light,#header .form-control::placeholder,.section-header h2{color:var(--dark-blue)}
.footer{background:var(--dark-blue)}
.footer .copyright a{color:var(--pink)}
.footer .credits a:hover,.footer .terms a:hover{color:var(--pink)}
.back-to-top{background:var(--pink)}
.back-to-top:hover{background:var(--pink)}
.hero .bottom-layer .heroBottomSlider{color:var(--pink)}
.hero .bottom-layer .btn-get-started{color:var(--pink);border:2px solid var(--pink)}
.hero .bottom-layer .btn-get-started:hover{background:var(--pink)}
a{color:var(--yellow)}
a:hover{color:var(--yellow)}
.footer .footer-top .footer-links ul a:hover{color:var(--yellow)}
.footer .footer-top .footer-info .footer-logo img{margin:0}
.footer .footer-top .footer-info .footer-logo a.logo{padding-left:0;border-left:unset}
.footer .footer-top .footer-info .footer-logo a{padding-left:15px;height:100%;padding-right:15px;display:inline-block;border-left:1px solid rgba(var(--rgba-black),0.5)}
.text-blue{color:var(--light-blue) !important}
#events .days{color:var(--dark-blue)}
#events .cal-month-box [class*=cal-cell],#events .cal-year-box [class*=span]{border-right:1px solid var(--dark-blue)}
#events .cal-month-box .cal-row-fluid,#events .cal-year-box .row{border-color:var(--dark-blue)}
#events div.cal-month-box,#events .cal-week-box,#events .cal-year-box{border-color:var(--dark-blue)}
#events div.cal-row-head{color:var(--dark-blue)}
#events .cal-day-today,#events [class*=cal-cell]:hover{background:var(--pink)}
#events .day-highlight.dh-event-info,#events .day-highlight.dh-event-info:hover{background-color:var(--light-blue)}
#events .cal-row-fluid:hover{background:var(--light-pink)}
#events .btn-primary{background-color:var(--dark-blue);border-color:var(--dark-blue)}
#events .btn-primary:hover{background-color:rgba(var(--rgba-dark-blue),0.9);border-color:rgba(var(--rgba-dark-blue),0.9)}
#events .cal-day-outmonth span[data-cal-date]{opacity:0.5}
.tooltip-inner{background-color:var(--dark-blue)}
.loader .item-1{background-color:var(--yellow)}
.loader .item-2{background-color:var(--green)}
.loader .item-3{background-color:var(--pink)}
.loader .item-4{background-color:var(--light-blue)}
.header .logo img{max-height:70px}
.inner-body{background-color:#318cbb}
.outer-image-section{display:flex;flex-direction:column}
.outer-image-section img.profile-statue{align-self:center;border-radius:50%;width:80%;max-width:548px}
.outer-image-section .flags{align-self:center;display:flex}
.outer-image-section .flags img,section.intro-page .flags picture{align-self:center;cursor:pointer;height:35px;margin-right:15px;margin-top:5px;width:48px}
.outer-image-section.intro-page .terms{font-size:13px;margin:7px 30px}
.outer-image-section .logos{align-self:center;display:flex;margin-top:3px}
.outer-image-section .logos img{width:80px;height:80px}
#home .content-wrapper{height:100%;margin:0 auto;max-width:600px}
#home header{align-items:center;display:flex;justify-content:center}
#home header h1{color:white;text-align:center}
#ring #root,#ring .content-wrapper{height:100%;margin:0 auto;max-width:600px}
#ring .call-page{height:100%}
#ring .animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
#ring .animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
#ring header.addbg{background-color:rgba(18,18,18,0.7);margin-top:0;padding:10px;position:relative;z-index:50}
#ring header{align-items:center;display:flex;justify-content:center}
#ring header{unicode-bidi:isolate}
#ring .main-title{font-size:2.1em;font-weight:500;margin:0;padding:7px;text-align:center;color:white}
#ring section.rang-section{background-position:top;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0}
#ring .rang-content{position:absolute;right:0;bottom:0}
#ring section.rang-section .caller-actions.incoming{display:flex;width:100%}
#ring .call-box div{align-self:center}
#ring .call-box{align-self:flex-end;background-color:rgba(18,18,18,0.8);display:flex;flex-direction:column;padding-top:15px;width:100%}
#ring section.rang-section .caller-info{text-align:center;color:white}
#ring section.rang-section .incoming-call{font-size:0.8em}
#ring section.rang-section .caller-info{text-align:center}
#ring section.rang-section .caller-info h2{font-size:1.2em;font-weight:200}
#ring section.rang-section .caller-actions.incoming{display:flex;width:100%}
#ring section.rang-section .button-green,#ring section.rang-section .button-red{cursor:pointer;flex:1 1;padding:0.8em 0 0.3em;text-align:center}
#ring section.rang-section .button-red{background:red}
#ring section.rang-section .button-green img,#ring section.rang-section .button-red img{max-width:3em}
#ring section.rang-section .button-green{background:green}
#ring img{overflow-clip-margin:content-box;overflow:clip}
@media (max-width:768px){.trendingbox .trendingbox-wrap .trendingbox-info h4{opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0)}.trendingbox .trendingbox-wrap::before{top:0;left:0;right:0;bottom:0;opacity:1}.trendingbox .trendingbox-wrap .trendingbox-info{opacity:1}.trendingbox .trendingbox-wrap .trendingbox-info{top:15px;left:15px;bottom:15px;right:15px}.page-navigation .page-link{font-size:20px}}