@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Italic.woff2') format('woff2'),
 url('../fonts/Poppins-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } 
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
 url('../fonts/Poppins-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } 
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
 url('../fonts/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
 url('../fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/*****Global CSS*****/
html { overflow-x: hidden; background: #060505 url(../img/banner.jpg) center right no-repeat; background-size: cover; height: 100%; width: 100% } 
body { color: #ffffff; font-size: 18px; font-weight:400; line-height:1.3333333333333333; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-family: 'Poppins'; height: 100%; text-align: center } 
* { border: none; margin: 0; outline: none!important; padding: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
label { display: block; font-size: 16px; margin: 0 0 15px; font-weight: 400 } 
label.inline-block { display: inline-block; margin: 5px 40px 5px 0 } 
label.inline-block:last-child { margin-right: 0 } 
ol, ul { list-style: none } 
a { color: #ffffff; text-decoration: none } 
a:focus, a:hover { color: #ffffff; text-decoration: underline } 
strong, b { font-weight: 700 } 
img { display: block; height: auto; max-width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } 
h1, h2, .h1, .h2 { font-family: 'Poppins'; font-weight:700; color: #ffffff; line-height:1.2; margin: 25px 0 20px; } 
h1, .h1, h2, .h2 { font-size:48px; } 
h1:first-child, h2:first-child { margin-top: 0 } 
p.pn { padding: 0; margin: 0 } 
.clearfix { display: table; width: 100%; padding: 15px 0; margin: 0 } 
.clearfix+h2, .clearfix+h3, .clearfix+h4 { margin-top: 0 } 
p { margin: 0 0 20px } 
p+ol, p+ul { margin-top: -5px } 
ul { margin: 0 0 20px } 
ul li { position: relative; padding: 0 0 8px 26px; overflow: hidden; } 
ul li:before { content: ""; display: inline-block; line-height: 1; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; left:5px; top:8.5px; width: 8px; height: 8px; background:#ffffff; border-radius: 8px; border: 2px solid #ffffff } 
ol { padding-left: 30px; margin: 0 0 20px; text-align: left; overflow: hidden; } 
ol li { position: relative; list-style: decimal; padding:0 0 8px; } 
ol li ul>li { padding-left: 20px; list-style: none } 
ol li ul>li:before { display: block; left: 1px } 
ul ol li { overflow: visible } 
ul ol li:before { display: none; overflow: visible } 
ol ol li { list-style: lower-alpha } 
ol ol ol li { list-style: lower-roman } 
ol ol, ol ul, ul ol, ul ul { margin-top: 12px; margin-bottom: 5px } 
ol li:last-child, ul li:last-child { padding-bottom: 0 } 
.list-none li { padding-left: 0 } 
.list-none li:before { display: none } 
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol ul:last-child, ol:last-child, p:last-child, ul:last-child { margin-bottom: 0 } 
a[href*="mailto:"], a[href*="tel:"] { display: inline-block; word-break: break-word } 
.container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; max-width:1180px } 
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } 

.max-width{max-width:480px; margin: 0 auto}
/*****Global CSS End*****/
header { padding: 120px 0 30px; position: fixed; left: 0; right: 0; top: 0; } 
header img { margin: 0 auto } 
.connect-wrapper { display: flex; justify-content: center; padding: 240px 0 120px } 

.brand-wrap{ display: flex; flex-wrap: wrap; margin:50px 0 -2% -2% ; justify-content: center}
.brand-logo{ float: left; width: 23%; margin:  0 0 2% 2%;}
footer { position: fixed; bottom: 0; left: 0; right: 0; padding: 45px 0; font-size: 13px; text-align: center } 
/******Responsive Start*******/
@media only screen and (max-width:1024px) { header, footer { padding:30px 0; } 
 .connect-wrapper { padding: 130px 0 120px; height: auto; min-height: 100% } 
 }
@media only screen and (max-width:991px) { body { font-size: 16px } 
h1, .h1, h2, .h2 { font-size: 34px; max-width: 345px; margin-left: auto; margin-right: auto; } 
 .connect-wrapper { padding: 100px 0; height: auto; min-height: 100% } 

 .brand-wrap{ margin:30px 0 -2% -2% ;  }
.brand-logo{ float: left; width:48%; margin:  0 0 2% 2%; max-width: 200px;}
.container{ max-width: 480px}

}
@media only screen and (max-width:420px) {h1, .h1, h2, .h2 { font-size: 30px; max-width: 300px; } 
 }
 @media only screen and (max-width:359px) { } 
/******Responsive End*******/