/* CSS */
body{margin:0px; padding:0px; font-family:'Libre Franklin', sans-serif;font-size:14px;}	
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
img, video {border:none; margin:0px; padding:0px; max-width:100%; display:block;}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
a {-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;transition: all 200ms ease-out;}




/* Body */		
.bodyArea{padding:0px;background-color:rgba(0, 0, 0, 0) !important;}
footer, footer .bg_dark {background-color:rgba(0, 0, 0, 0) !important;}
.avs_header {display: flex;justify-content: space-between;padding:15px;}
.logo {display: flex;margin-left:0px;}
.logo img {width:300px;height:auto;margin:auto;}
.getAccess_login {display: inline-block;}
.getAccess_login a{font-size:14px; text-transform:uppercase; font-weight:500; padding:10px 14px; display:inline-block;}
.getAccess_login_join {margin: auto;text-align: center;}
.getAccess_login_join a {margin-top:10px;display: block;}
.getAccess a span {font-size: 11px;font-weight: 500;}
.darkBg{padding-top:30px; padding-bottom:52px;}
.centerwrap{width:90%;max-width:1832px; margin:auto;padding-top:0px;text-align: center;}
.centerwrap .table {width: fit-content;text-align: left;margin: auto;min-width:300px;}
.title {display: inline-block;}
.table .title  {text-align: left !important;}
.pagesDetails {text-align: left;}
.link_bright {font-weight:500;}
.bg_dark {padding-top: 5px;padding-bottom: 15px;}
.avs_secure {text-align: center;padding:30px;font-size:16px;}
.avs_secure i, .avs_secure svg, .avs_secure_loggedin i, .avs_secure_loggedin svg {margin-right:5px;font-size:16px;}
.avs_secure_loggedin {text-align: center;padding:30px;padding-top:20px;font-size:16px;}
.avs_lander_content {width:80%;text-align: center;margin:auto;border:1px solid #808080;padding:20px;color:#808080;border-radius:5px;}
.AVStestmode {padding:30px;background:#000000;width:90%;max-width:640px;text-align:center;margin:auto;margin-bottom:10px;}


/* Header */		
.header_welcome {width:100%;padding-top: 40px;padding-bottom: 40px;text-align:center;}
.header_welcome h1 {margin-bottom:10px;}
.header_welcome h2 {width:80%;margin:auto;}

/* CTA Elements */	
.getAccess{padding-top:40px;padding-bottom:10px; text-align:center;}
.getAccess a{font-size:22px; text-transform:uppercase; font-weight:600; padding:16px 46px; display:inline-block;width: fit-content;}
.getAccess_login{padding:0px; text-align:center;}




@media only screen and (max-width:767px){
.centerwrap{width:98%;max-width:1832px; margin:auto;padding-top:0px;text-align: center;}
.processordetails {max-width:350px;display: inline-block;}
.avs_secure, .avs_secure_loggedin {font-size:14px;}
}




/* Custom Pages */
.pagesArea .title{padding:30px;}
.pagesDetails{padding:15px;}
.pagesDetails p{font-size:14px; line-height:21px; font-weight:400;padding: 20px;}
.pagesArea h3{font-size:14px; font-weight:400; text-transform:uppercase; padding-bottom:8px; padding-top:8px;}
.pagesArea .bg_light {padding-bottom:10px !important;}
.pagesDetails li {margin-left:12px;}
.pagesDetails p .buttons_light {padding: 5px 20px;}

/* Footer */
footer{padding-bottom:0px; padding-top:0px;margin-top:0px;}
.footerP{text-align:center; padding-bottom:30px;padding-top:60px;font-size:11px;line-height:1.6;}
.processordetails a {margin-left:0px !important;margin-right:0px !important;text-decoration: underline !important;}
.footer_cs {font-size:14px;padding-bottom:20px;}
.footer_cs a {margin-left:10px;margin-right:10px;}
.rta {margin:auto;margin-top:20px;margin-bottom:80px;font-size:11px;text-align:center;}
.rta img {margin:auto;width:90px;height:auto;}


/* Layouts */

/* Mixed Portrait and Lanscape Photo Grid */

.grid_mixed_1 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
}
.grid-item_mixed_1 {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.2s;
}
.grid-item_mixed_1:hover {
	transform: scale(1.05);
}
.grid-item_mixed_1 img {
	width: 100%;
	height: auto;
	border-radius: 15px;
	display: block;
}