@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{ font-family: 'Jost', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Jost', sans-serif;}
img{max-width:100%;}
.navbar-dark .navbar-nav .nav-link { color: #fff;}
/************** SECTION *****************/
.text-white{ color:#fff}
.text-pink{ color:#ea79c4}
.sectionlist{ background:#161420;}
.fs42{ font-size:42px; font-weight:700;}
.fs18{ font-size:18px;}
.fs22{ font-size:22px; font-weight:700}
.max840{max-width:840px;}
.brandcard{ background:#0d0c14;}
.brandcard img{ max-height:60px;}
.brandcard .d-table{ height:80px;}
.brandcard .d-table-cell{ vertical-align:middle;}
.navbar-dark {top:10px; background:none;position:absolute; left:0px; width:100%;}
.fixed-top{ position:fixed;top:0px; background:#332e4a;}
/************** /SECTION *****************/
/************** BANNER *****************/
.brandcard  h4{ font-weight:700; font-size:1.2rem;}
.banner{ background:url("../img/banner.jpg") no-repeat; background-size:cover;}
.banner p	{font-family: 'Prompt', sans-serif;}
.minvh{ min-height:100vh;}
.btn-primary{ color:#fff; background:#ee8bd0; border-color:#ee8bd0;}
/************** /BANNER *****************/
/************** FEATURE BLOCK *****************/
.feature-block{ background:#0b090f; position:relative;}
.featstrip{padding-right:300px; border-radius:0px 16px 16px 0px; overflow:hidden; position:absolute; background:#161420; overflow:hidden; left:0px; top:60px;}
.featstrip h4{ margin:0px;}
.pinkstrip{ width:200px; top:0px; position:absolute; right:0px; background:#ea79c4; content:""; bottom:0px;}
.pinkstrip:before { width: 23px; top: -5px;position: absolute; left: -11px;  background: #ea79c4; content: ""; bottom: 0px; transform: skew(-23deg, 6deg);}
.featurelist-avt{position:absolute; left:0px; top:0px; background:#07060b; width:80px; height:80px;}
.featurelist-content{ margin-left:90px; padding:15px;}
.featurelist-item{ background:#161420; border-radius:6px; position:relative;}
.featurelist-avt img{max-height:60px;}
.featurelist-avt .d-table { height:80px; }
.featurelist-avt .d-table-cell{ vertical-align:middle;}
.feature-repeat{ position:relative; z-index:1;}
.featstriprgt{ border-radius:20px 0px 0px 20px; left:auto; right:0px; padding-right:20px; padding-left:300px !important;}
.featstriprgt .pinkstrip{ right:0px; left:0px;}
.featstriprgt .pinkstrip:before{ left:auto; right:-12px;}
.testmonialavt{width:260px; height:260px; display:inline-block;}
.tstwrp{ background:#161420; margin-bottom:120px;padding-left:20px;padding-right:20px;}
.tstcntnt{ max-width:800px;}
.txt-primary{color:#ea79c4; font-weight: 700;}
.txt-primary2{color:#ea79c4; font-weight: 400;}
.tstrw{ background:#161420;}
.feature-block { padding-bottom:100px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b090f+0,010101+100 */
background: #0b090f; /* Old browsers */
background: -moz-linear-gradient(top,  #0b090f 0%, #010101 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0b090f 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0b090f 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b090f', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
}
.feature-block:before{position:absolute; right:0px; top:40px; content:""; width:200px;height:260px;background:url("../img/featastha.png") no-repeat; background-size:100% 100%;}
.feature-block:after { position:absolute; right:0px; bottom:0px; width:50%; height:410px; content:""; background:url("../img/bgbtm.png") no-repeat; background-size:100% 100%;}
.featframe{ width:280px; height:480px; position:absolute; left:0px; top:50%; margin-top:-240px;background:url("../img/featgp.png") no-repeat; background-size:100% 100%;}
.bannercontent img{max-width:180px;}
.bannercontent{ padding-top:150px;padding-bottom:150px;}
.carousel-control-next, .carousel-control-prev{ width:50px; opacity:0.15;}
/************** /FEATURE BLOCK *****************/
/************** FOOTER  *****************/
.footer{ background:#161420;}
.footer-bottom{ background:#110f19;}
.footerlogo{ display:inline-block;}
.footerlinks ul{ list-style:none; padding:0px;}
.footerlinks li{ margin-bottom:8px;}
.footerlinks li a{text-decoration:none;}
/************** /FOOTER  *****************/

/************** MEDIA *****************/
@media all and (max-width:1599px){
	.pinkstrip{ width:150px;}
	.featstrip{ padding-right:240px;}
	.featstriprgt{ padding-left:240px !important; padding-right:20px;}
}

@media all and (max-width:1199px){
	.testmonialavt { width: 200px; height: 200px;}
}
@media (min-width:768px) and (max-width:991px){
	.container-fluid{ max-width:720px;}
}
@media all and (max-width:991px){
	.ltpd{ padding-left:0px !important;}
	.tbod2{ order:2; padding-top:30px;padding-left: calc(var(--bs-gutter-x) * .5) !important;}.brandcard h4{ font-size:18px;}
	.cntrcolmbl{ justify-content:center;}
}
@media all and (max-width:767px){
	.container, .container-fluid{max-width:680px}
	.banner{background-position:center center; }
	.bannercontent { padding-top: 160px; padding-bottom: 80px;}
	.banner p{ padding-top:0px !important; margin-top:0px !important}
	.hidembl{ display:none;}
	.featstrip { padding-right: 160px; padding-left:20px !important}
	.featstriprgt { padding-left: 160px !important; padding-right:20px !important;}
	.pinkstrip {  width: 110px;}
	.tbod2 h4{ text-align:center;}
	.navbar-nav .nav-item{ margin-left:0px !important;}
	.navbar-toggler:focus{outline:none;box-shadow:none;}
	.minvh{ min-height:1px;}
}
@media all and (max-width:600px){
	.fs42 {font-size: 34px;}
.fs18 {  font-size: 14px;}
.fs22 { font-size: 18px;}
.brandcard h4{ font-size:18px;}
.tstwrp{ margin-top:0px !important;}
.testmonialavt {  width: 180px;  height: 180px;}
}
@media all and (max-width:480px){
.bannercontent img { max-width: 120px;}

}
@media all and (max-width:575px){
	.footerlogo {margin-top:0px !important; margin-bottom:0px;}
.footer { text-align:center; }
.footer ul{ padding-bottom:10px;}
.footer .col-md-6 { order:4;}

}

/************** /MEDIA *****************/
.tos{
  white-space: pre-wrap;
	padding-top: 100px;
	background-color: #161420;
	color: white;
}

underline { text-decoration:underline; font-weight: bold; }
bigtext { font-weight: bold; font-size: 20px; }