@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter.ttf') format('truetype');
    font-style: normal;
}
html {
  scroll-behavior: smooth;
}
body {text-align:center;font-family:'Inter';margin:0;padding:0;background:black;}
a {text-decoration:none;}
img {max-width:100%;}
ul, li, div {margin:0;list-style:none;padding:0;}
/* ul, li, div {margin:0;list-style:none;padding:0;overflow:hidden;} */
.apex {background:#fff;overflow:hidden;max-width:2000px;margin:0 auto;}
.apex1 {max-width:1500px;margin:0 auto;overflow:hidden;background:white;}
.apex1top {max-width:1500px;margin:0 auto;overflow:hidden;}
.apex2 {width:100%;padding:40px 3%;}
.apextopback {width:100%;background:url(../images/backgrounds/black-gradient-background.png) repeat-x;}
.apexbackblack {width:100%;margin:-20px auto 0 auto;overflow:hidden;background:black;float:left;padding-bottom:200px;}
.apexbackwhite {background:white;}
.apexbackblack .apex1 {background:none;}
.homealt .apexbackblack {padding-bottom:0;}
.homealt .apexbackblack .apex2 {padding-top:80px;}
.pcss3t-theme-1 > input:checked + label, .pcss3t-theme-1 > label, .pricing--norbu .pricing--action, .pcss3t-theme-1 > label {letter-spacing:1px;text-transform:capitalize;font-size:14pt ! important;}

/* Navigation */
.apexnavigation ul {float:left;margin-top:21px;}
.apexnavigation ul li {float:left;margin-right:24px;font-size:13pt;padding: 6px 12px;}
.apexnavigation ul li:last-child{margin-right: 0;}
.apexnavigation ul li a {text-decoration:none;color:white;padding:5px;}
.apexnavigation ul li a:hover {color:#ccc;}
.apexnavigation .apexlogo {float:left;margin-right:60px;max-width:130px;position: relative;z-index: 10;margin-top: 6px;}
.apexnavigation-wrapper {
  position: relative;
}
.apexnavigation {
  height: 200px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 40px 45px;
}
.black-logo {
  display: none;
}
.submenu {
  padding: 6px 12px;
}
.submenu a {
  padding: 6px 12px;
}
.submenu.active {
  background-color: #ececec;
  border-radius: 50px;
}
.submenu-box {
  position: absolute;
  z-index: 4;
  top: 99px;
  left: 0;
  width: 100vw;
  display: none;
  /* visibility: hidden; */
  /* background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(146,148,150,1) 100%); */
  background-color: white;
  text-align: left;
  padding: 40px 45px;
  transition: all 0.3s ease;
  /* opacity: 0; */
}
.submenu-box-wrapper {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 45px;
}
.submenu-box a {
  padding: 12px 24px !important;
  border-radius: 50px;
  text-align: center;
  margin: unset;
  margin-right: 24px;
  color: #000!important;
}
.submenu-box a:last-child {
  margin-right: 0;
}
.submenu-box a:hover {
  color: #000!important;
  cursor: pointer;
  /* transition: all ease-in-out 0.3s; */
  background-color: #ececec;
}

.footercol2 {margin-top:20px;}

/* End of Navigation */

/* Sections */

/* Home Sections: Apex Top */

.apexcards {text-align:center;overflow:hidden;}
section h1 {font-size:15pt;color:#EAEAEA;margin:0 0 40px 0;display:block;text-transform:uppercase;}
section h2 {font-size:50pt;color:#EAEAEA;display:inline-block;font-weight:normal;max-width:800px;margin:0 0 40px 0;}
/* Alternative: font-size: 4.5rem;letter-spacing: 0;text-transform: none;font-weight: 600;line-height: 1.2em; */
section img {display:inline-block;max-width:100%;position:relative;z-index:3;}
.apexcarddisplay {width:50%;text-align:center;margin:0 auto 40px auto;}
.apexcarddisplay2 {width:100%;}
.infoicon {max-width:20px;float:left;margin-right:10px;}
.apexcentre {width:100%;text-align:center;overflow:hidden;margin:20px 0;}
.apexcentre .terms a { color: var(--bs-body-color-rgb) }
p.terms {display:inline-block;}
hr.materials {border-top:1px solid black;width:50%;display:inline-block;}
ul.materialslist {overflow:hidden;width:50%;display:inline-block;margin-top:20px;}
ul.materialslist li {float:left;margin-right:30px;}
ul.materialslist li:nth-child(3) {margin-right:0;}
ul.materialslist li span.materialtitles {font-weight:bold;font-size:15pt;margin-bottom:10px;}
ul.materialslist li span {display:block;}
ul.materialslist li {width:30%;margin-right:5%;}
ul.materialslist li.visalogo img {max-width:100px; height: 30px; margin-bottom: 10px}


/* Home Sections: Apex Middle */

.apexcards2 h2 {color:black;font-size:35pt;margin:100px 0 50px 0;}
.apexcards2 h3 {font-size:14pt;font-weight:bold;margin:0 0 30px 0;text-align:center;}
ul.cardnavigation {overflow:hidden;display:inline-block;max-width:50%;margin-top:0px;}
ul.cardnavigation li {float:left;margin-right:20px;}
ul.cardnavigation li:nth-child(4) {margin-right:0;}
ul.cardnavigation li a {background:black;border-radius:30px;color:white;padding:12px 12px 15px 12px;width:120px;float:left;border:2px solid black;font-weight:bold;}
ul.cardnavigation li a:hover, ul.cardnavigation li a.activelink, ul.cardnavigation li.active a {background:white;color:black;}
.home #slider {margin-bottom:100px;}
.tp-thumbs {background:white ! important;}


/* Home Sections: Apex Benefits */

.apexcards3 h2 {text-transform:uppercase;font-size:17pt;font-weight:bold;}
.homealt .apexcards3 h2 {color:#ccc;display:block;margin:0 0 10px 0;max-width:100%;}
.homealt .apexbenefitsalt .apexcentre {margin-top:80px;}
ul.benefitslist {overflow:hidden;}
ul.benefitslist li {float:left;margin-right:5%;width:30%;margin-bottom:50px;}
ul.benefitslist li:nth-child(3), ul.benefitslist li:nth-child(6), ul.benefitslist li:nth-child(9) {margin-right:0;}
ul.benefit-partners li {float:left;margin-right:5%;width:21%;margin-bottom:50px;}
ul.benefit-partners li:nth-child(3) {margin-right:5%;}
ul.benefit-partners li:nth-child(4) {margin-right:0;}
ul.benefitslist li img {max-width:100%;}
ul.benefitslist li:nth-child(6) img.security-6 {height: 78px;}
ul.benefitslist li span {font-size:12pt;font-weight:bold;text-align:center;display:block;}
.homealt ul.benefitslist li span {color:black;}
ul.benefitslist li img {max-width:50px;}
.apexbenefitsalt ul.benefitslist li span {color:#ccc;}
.apexbenefitsalt ul.benefitslist li img {margin-bottom:10px;}
.apexbenefitsalt ul.benefitslist {margin-bottom:150px;}
.homealt .carousellist {margin-bottom:50px;}

/* Home Sections: Apex Pro */

.topcap {width:100%;overflow:hidden;}
.bottomcap {transform: scaleY(-1);margin-top:-10px;float:left;}
.apexcards4 h2 {color:#CECECE;font-size:19pt;font-weight:bold;margin:0 0 10px 0;display:block;max-width:100%;}
hr.apexprodivider {border-top:1px solid #000;width:50%;}
.apexcards4 h3 {color:#ccc;font-size:50pt;display:block;font-weight:normal;margin:30px 0 0 0;}
.apexcards4 p {color:#ccc;margin-top:40px;font-size:17pt;max-width:800px;display:inline-block;}
.carousellist {max-width:90%;display:inline-block;margin-top:50px;}
.carousellist li {float:left;margin-right:4%;width:31%;}
.carousellist li:nth-child(2) {width:30%;}
.carousellist li:nth-child(3) {margin-right:0;}
.carousellist span {color:#ccc;font-size:16pt;}
.homealt .carousellist span {color:#000;}
.carousellist li.middlepic img {max-width:80%;display:inline-block;}
.carousellist li.middlepic {text-align:center;}
.carousellist li:nth-child(1) img, .carousellist li:nth-child(3) img {margin-top:50px;}
.carousellist li:nth-child(1), .carousellist li:nth-child(3) {margin-top:120px;}
.homealt .apexcards4 .button2 a {background:#000;color:#fff;border:1px solid #000;}
.homealt .apexcards4 .button2 a:hover {background:#fff;color:#000;border:1px solid #000;}
.btn-pre-order a {width: 200px; text-align: center;}
.homealt .apexcards4 p {color:#555;}

/* Home Sections: Apex Secure */

.apexsecure {margin-top:50px;}
.apexsecure h3 {font-size:35pt;line-height:50pt;color:#CECECE;}
.apexsecurelist {margin-top:80px;}
.apexsecurelist ul.benefitslist li img {max-width:100px;margin-bottom:20px;}
.apexsecurelist ul.benefitslist li {color:#ccc;}
.apexsecure {clear:left;}
.homealt .apexsecure .apexcards4 h2, .homealt .apexsecure h3 {color:black;}

/* Home Sections: Merchants */

.apexmerchants {margin:0px 0 0 0;}
.apexmerchants h2 {color:#ccc;display:block;margin:0 0 10px 0;max-width:100%;font-size:17pt;text-transform:uppercase;font-weight: bold;}
.apexmerchants h3 {color:#ccc;font-size:32pt;margin-top:10px;font-weight:normal;}
.owl-carousel {margin-bottom:0;}

/* Home Sections: Apex Security Partners */

.homealt .apexsecuritypartners h2 {color:#ccc ! important;display:block;margin:0 0 10px 0;max-width:100%;}
.homealt .apexsecuritypartners .apex2 {padding-top:0;}
.homealt .apexsecuritypartners {margin-top:0;}
.homealt .apexsecuritypartners ul.benefitslist li img {max-width:150px;}

/* Home Sections: How it Works */

.apexhowitworks {margin:150px 0;}
.portfolio-desc h3 a, .portfolio-desc .h3 a {font-size:15pt;color:white;}
.portfolio-desc h3 a:hover, .portfolio-desc .h3 a:hover {color:#ccc;}
.homealt .apexhowitworks2 h3 {color:#fff ! important;}
.owl-nav button {background:black ! important;}
.owl-nav button:hover {background:white ! important;}
.owl-nav button:hover i {background:#fff ! important;color:#000 ! important;}

/* Home Section: Card Changer */
.card-changer {position: relative;}
.apexcarddisplay3 {list-style: none;padding: 0 0 20px 0;margin: 0 auto;position: relative;overflow: hidden;border:none;max-width:50%;}
.apexcarddisplay3 .card {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: opacity 0.5s ease-in-out;z-index: 0;border:none;}
.apexcarddisplay3 .card h3 {position:absolute;bottom:-20px;font-size:14pt;font-weight:bold;z-index:3;width:100%;text-align:center;}
.apexcarddisplay3 .card.active {opacity: 1;z-index: 1;}
.apexcarddisplay3 h3 .cardname, .apexcarddisplay3  h3 .carddesc {display:block;}
.apexcarddisplay3 h3 .cardname {margin-bottom:10px;font-size:16pt;color:black ! important;}
.apexcarddisplay3 h3 .carddesc {color:#333 ! important;font-size:14pt;text-transform:normal;font-weight:normal;}

/* Apex Cards Page */

.apexsidecon {float:left;width:50%;margin-right:5%;text-align:left;}
.apexsidecon2 {width:45%;margin-right:0;}
.apexcardspage .apexsidecon p {font-size:16pt;color:white;margin-bottom:20px;}
.apexprodesc {margin-bottom:20px;}
.apexleft {text-align:left;}
.apexcardspage .terms {margin-top:20px;color:#000 ! important;}
.apexcardspage .infoicon {margin-top:2px;}
.apexcardchoice h2 {margin-bottom:40px;text-transform:uppercase;font-size:17pt;color:#333;}
.featureslist {padding-top:40px;}
.apexcardspage .apexsidecon .introp2 {margin-bottom:30px;}

/* Apex Cards Page: Tabs */

.tab {overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;}
.tab button {background-color:inherit;float:left;border:none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;}
.tabcontent {display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}
.tabcontent { animation: fadeEffect 1s;}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}

/* Apex Cards Page: Virtual Cards */
.virtualcardssection h3 {font-size:27pt;}
.homealt .virtualcardssection p {color:#777 ! important;}
.apexconleft {float:left;width:40%;margin-right:2%;text-align:left;}
.apexconright {float:left;width:58%;}
.virtualcardssection .apexconright p {color:white ! important;font-size:16pt;text-align:left;}
.virtualcardssection .apexconright ul {color:white;text-align:left;}
.virtualcardssection .apexconright ul li {margin-bottom:10px;background-image:url(../images/icons/apex-icon-grey.png);background-repeat:no-repeat;background-position:0 8px;background-size:15px;padding-left:30px;padding-top:5px;font-size:16pt;}
.virtualcardssection .apexhowitworks {margin-top:0px;}

/* Apex Cards Page: Plans */

/* Fade In Effects */
.fadeinup {opacity: 0;transform: translateY(50px);transition: opacity 1s ease-out, transform 1s ease-out;}
.visible {opacity: 1;transform: translateY(0);}

/* Apex Pro: Security */
.appsecurity {margin-top:100px;}
.appsecurity h3 {font-size:15pt;margin-top:0;}
.fbox-icon i, .fbox-icon img {background:#333;}
.apexpropage h3, .apexpropage h2 {font-weight:bold;}
.apexpropage .apexprodesc h2 {font-weight:normal;}
h3.pricing--title {color:#ccc ! important;}
.pricing--norbu .pricing--action {color:black;}
.app-security-mtn-24 {margin-top: -24px;}
.fbox-content h3, .fbox-content p {text-align: center;}

/* FAQ Sections: FAQ */

.faqanswer {
	display: none;
	width: 100%;
	text-align:left;
}

.faqanswer p {
	font-size: 16pt;
	line-height: 25pt;	
	margin-top:20px;
  margin-bottom: 12px;
}

.faqanswer ul li {
  position: relative;
  margin-top: 5px;
  padding-left: 35px;
  color: #000;
  font-size: 16pt;
  list-style: none ! important;
  display: flex;
  align-items: center;
}

.faqanswer ul li b {
  margin-right: 6px;
  margin-top: 5px;
  line-height: 16px;
  display: inline-block;
  font-weight: 500;
}

.faqanswer ul li strong {
  margin-right: 6px;
}

.faqanswer1 {
	display: none;
	width: 100%;
	text-align:left;
}

.faqanswer1 p {
	font-size: 16pt;
	line-height: 25pt;	
	margin-top:20px;
  margin-bottom: 12px;
}

.faqanswer1 ul li {
  position: relative;
  margin-top: 5px;
  padding-left: 35px;
  color: #000;
  font-size: 16pt;
  list-style: none ! important;
  display: flex;
  align-items: center;
}

.faqanswer1 ul li b {
  margin-right: 6px;
  margin-top: 5px;
  line-height: 16px;
  display: inline-block;
  font-weight: 500;
}

.faqanswer1 ul li strong {
  margin-right: 6px;
  font-size: 14pt;
  min-width: fit-content;
}

.faqanswer1 ul li span {
  font-size: 16pt;
}

.faqanswer1 ul li b {
  font-size: 16pt;
}

.togglefaq {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	padding: 10px 0;
	line-height: 20px;
	display: block;
	width: 100%;
	margin-bottom:-1px;
	text-align:left;
}
.togglefaq1 {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	padding: 10px 16px 10px 0;
	line-height: 20px;
	display: block;
	width: 100%;
	margin-bottom:-1px;
	text-align:left;
}
.icon-plus {
	color: #5ec4cd;
	margin-right: 20px;
	font-size: 20px;
	float:left;
}

.icon-minus {
	color: #5ec4cd;
	margin-right: 20px;
	font-size: 20px;
	float:left;
}

.faqsection a {font-size:16pt;font-weight:bold;color:#000; line-height: 28px;}
.faqinfo {padding: 22px 0; border-top: 1px solid;}
.homealt .faqsection h2 {color:black ! important;font-size:19pt;margin-bottom: 80px;}
.faqsection p {font-size:16pt;color:black;}
#cards-faq h2, #apex-pro-faq h2 {font-weight: 600;}
.divider2 {margin:10px 0 20px 0;}
.introp {margin-bottom:70px;}
.faqinfo i {margin-right:10px;}
.faqinfo .faq-wrapper {display: flex;justify-content: center;align-items: center;}
.faqinfo .faq-wrapper img {cursor: pointer; transition: transform 0.3s ease;}
.faqinfo .faq-wrapper img.active {transform: rotate(90deg);}

/* Apex Pro Features: Expandable Section */

.apexprofeatures .faqinfo a, .apexprofeatures .faqinfo p {color:white;}
.apexprofeatures .faqinfo a {font-size:16pt;line-height:25pt;color:#fff;}
.apexprofeatures .faqinfo a strong {margin-bottom:15px;display:inline-block;}
.apexprofeatures .faqinfo a i {display:inline-block;}
.apexprofeatures .faqinfo a span.subheading {color:#ccc;font-size:14pt;display:block;}
.apexprofeatures .faqinfo p {font-size:14pt;color:#ccc;}
.apexprofeatures .faqinfo p strong {color:#fff;font-weight:bold;}
.apexprofeatures .divider3 {margin-bottom:50px;}
.mainicon {text-align:left;width:100%;margin-bottom:20px;}
.apexprofeatures .divider3 {margin-bottom:80px;}


/* End of Sections */

/* Buttons */

.button2 a {background:black;color:#EAEAEA;padding:12px 30px;border-radius:17px;border:2px solid black;display:inline-block;text-decoration:none;font-size:14pt;font-weight:bold;}
.pcss3t-theme-1 > input:checked + label, .pcss3t-theme-1 > label, .pricing--norbu .pricing--action, .pricing--norbu .pricing--item {border-radius:17px ! important;}
.button2 a:hover {background:#EAEAEA;color:#000;background:white;}
.buttonpro a {background:#CECECE;color:black;}

/* Footer */

.footer {clear:left;text-align:left;background:black;}
.footer h2 {font-size:15pt;font-weight:bold;color:#fff;}
.footercol2 {margin-right:0;}
.footercol li span.linkname {margin-top:2px;}
.footerlinkicon img {max-width:15px;margin-right:7px;}
.footercol li a, .footernotes a {color:#ccc;}
.footercol li a:hover, .footernotes a:hover {color:#fff;}
.footernotes span {color:#ccc;}
.footercol li {overflow:hidden;margin-bottom:10px;}
.footercol li span {float:left;}
.footer-address {color: #fff;}
.footer-address .office-name {color: #fff;font-weight: 500; margin-bottom: 6px;display:block}
.footer-address p {margin-bottom:0;}
.apexfooterlogo {max-width:140px;margin-top:40px;}
.footerdivider img {max-width:15px;margin:0 5px;}
.footernotes {margin-top:20px;}
.footerlinksterms {display: flex;float:right;}
#s-icons {margin-top:20px;}

#footer {margin-top:0;background:black;text-align:left;border-top:none;}
.footer-logo {max-width:150px;}
.dark#footer .footer-widgets-wrap a, .dark #footer .footer-widgets-wrap a{color:white;font-weight:normal;}
.dark#footer .footer-widgets-wrap a:hover, .dark #footer .footer-widgets-wrap a:hover {color:#ccc;}


/* Article */

.article p, .article ul li, .article dt, .article dd, .article ol li {color:#ccc;line-height:22pt;}
.article ol li {
  list-style-type: lower-alpha;
  margin-left: 30px;
}
.article ol[type="i"] li {
    list-style-type: lower-roman; /* Ensures i, ii, iii for type="i" */
}
.article a {color:white;}
.article {text-align:left;}
.article h1 {color: #ccc;display: block;margin: 0 0 10px 0;max-width: 100%;font-size: 17pt;text-transform: uppercase;text-align:center;color:white;}
.article h2 {font-size:14pt;text-transform:capitalize;color:#777;}
.article h3 {font-size:12pt;text-transform:capitalize;color:#777;}
.articlepage .apexarticlemain {margin-top: 180px; padding-top:0 ! important;}
.footercol {margin-bottom:50px;}
.footer-page-name {margin-bottom: 30px;}
.articlepagewhite .apextopback {background:none;}
.articlepagewhite p, .articlepagewhite ul li {color:#000;}
.article h2 {font-size:14pt;text-transform:capitalize;color:#777;font-weight:bold;}
.articlepagewhite .apexarticlemain ul, .articlepage .apexarticlemain ul {margin-bottom:40px;}
.articlepagewhite .apexarticlemain ul li, .articlepage .apexarticlemain ul li {list-style:disc ! important;}
.articlepagewhite h1 {color:black;}
.articlepagewhite p a, .articlepagewhite ul li a {color:black;}
.articlepagewhite p a:hover, .articlepagewhite ul li a:hover {color:#ccc;}
.articlepagewhite .footercol li a, .articlepagewhite .footernotes a {color:#ccc;}
.articlepagewhite .footercol li a:hover, .articlepagewhite .footernotes a:hover {color:#fff;}
.articlepagewhite .apex2, .articlepage .apex2 {padding:40px 3% 0 3%;}

.mobilebuttonorder {display:none;margin-top:40px;}
.mobileterms {display:none;} 
.nav-mobile {display: none;}

.downloadbuttons {margin:20px 0 30px 0;display: flex}
.downloadbuttons .btn-download {
  background-color: #000;
  width: 190px;
  height: 58px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  color: #fff;
  user-select: none;
}
.downloadbuttons .btn-download:first-child {margin-right: 20px}
.downloadbuttons .btn-download img {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
.downloadbuttons .btn-download span {
  display: block;
}
.downloadbuttons .btn-download span:first-child {
  font-size: 11px;
}
.downloadbuttons .btn-download span:last-child {
  font-size: 18px;
  font-weight: bold;
}

/* Logo slider */
.logo-slider-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
  max-width: 95%;
  padding: 30px 0;
}
.logo-slider-wrapper div {
	overflow: unset;
}
.logo-slider-wrapper p {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 16px;
}

.logo-slider-wrapper .logos {
  transition-timing-function: linear !important;
}
.logo-slider-wrapper .logos div {
  display: inline-flex;
  width: auto;
  justify-content: center;
  align-items: center;
}
.logo-slider-wrapper .logos div img {
  width: auto;
  height: 140px;
}


.logo-slider.apex-pro .logo-slider-wrapper {
  padding: 50px 0;
}

/* pricing */
.bg-main-light-1 {
  background-color: rgba(255,255,255,0.08);
}

.bg-white-1 {
  background-color: rgba(255,255,255,0.08);
}

.text-main-dark-1 {
  color: #fff;
}

.text-white-e {
  color: #e2e2e2;
}

.plan-buttons {
  justify-content: space-evenly;
}

.plan-buttons button {
  padding: 12px 24px;
  border-radius: 18px;
  background-color: #000;
  color: #fff;
  border: 1px solid;
  width: 118px;
}

.plan-buttons button.active {
  background-color: white;
  color: #000;
}

.plan-card-content {
  display: none;
}

.plan-card-content.active {
  display: flex;
}

.plans-container {
  padding-bottom: 8px;
}
.plans-container::-webkit-scrollbar {
  height: 10px;
}
.plans-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey; 
  border-radius: 10px;
}
.plans-container::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 10px;
  height: 12px;
}
.plans-container::-webkit-scrollbar-thumb:hover {
  background: #777;
  cursor: pointer;
}

/* Toast coming soon */
#toast-container > .toast-success {
  background-color: white;
  border-radius: 12px !important;
  padding: 24px 40px!important;
  background-image: url(../images/icons/info-icon.png)!important;
  background-size: 20px;
  background-repeat: no-repeat;
  opacity: 1;
}
.toast-progress {
  background-color: black;
  opacity: 1;
}
.toast-message {
  color: #000;
  font-size: 18px;
  text-align: left;
}
.toast-close-button {
  top: 0;
  color: #000;
}
.toast-top-center {
  top: 32px;
}

/* Tooltip */
.social-icon1 {
  padding: 0 16px;
}
.tooltip-c {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip-c span {
  visibility: hidden;
  width: 120px;
  background-color: rgb(255, 255, 255);
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.5s;
}

.tooltip-c:hover span {
  visibility: visible;
   opacity: 1;
}
.tooltip-c span::after {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

/* Overlay */

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Semi-opacity black */
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Popup Box */
.popup-box {
  background: white;
  border-radius: 20px;
  padding: 25px;
  max-width: 600px;
  width: 90%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.popup-box h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

.popup-box p {
  font-size: 14px;
  line-height: 1.5;
  text-align:left;
}

#continueBtn {
  margin-top: 15px;
  width: 100%;
  padding: 12px;
  border: 2px solid black;
  border-radius: 25px;
  background: black;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

#continueBtn:hover {
background:white;color:black;
}

.checkbox {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
}

.checkbox input {
  margin-right: 8px;
}

.popup-box label.radio, label.checkbox {padding-left:0;}

/* Mobile tweaks */
@media (max-width: 600px) {
  .popup-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* Less opacity for mobile */
  }
}

/* End of Overlay */

.termspage ul.listtype1 li {list-style:none ! important;margin-bottom:10px;}
.termspage ul.listtype1 li ul {margin:20px 0 20px 30px;}
.termspage ul.listtype1 li ul li {list-style:disc ! important;}
.termspage ul.listtype2 {margin-left:20px;}
.termspage .apexarticlemain {margin-top:0;}