.logo{
    width: 200px;
    height: 50px;
}
@font-face {
    font-family: sitefont;
    src: url('../fonts/WFVisualSans-Regular.ttf');
}

@font-face {
    font-family: sitefont1;
    src: url('../fonts/WFVisualSans-SemiBold.ttf');
}
body {
    font-family: sitefont;

}
section{
    padding: 50px 0;
}
.main_banner {background: rgb(1,220,160);background: url(../images/polkadotbanner.jpg);min-height: 100vh;color: #fff; padding:0px;background-size:cover;background-repeat: no-repeat;background-position:center right;display: flex;align-items: center;}
h1 {font-size: 70px;background: -webkit-linear-gradient(317deg, #9382FF 14%, #D218C5 35%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;}
.shadowbtn.btn{position: relative; color:#fff !important}
.shadowbtn.btn.gradbtn::after {border: 1px solid #fff;content: "";width: 100%;position: absolute;left: 20px;height: 50px;border-radius: 4px;z-index: -1;}
.greenshadowbtn.btn{position: relative; color:#fff !important}
.greenshadowbtn.btn.gradbtn::after {border: 1px solid #01DCA0;content: "";width: 100%;position: absolute;left: 20px;height: 50px;border-radius: 4px;z-index: -1;}
.wrapperbox {background-color: #002F7F;padding: 20px;border-radius: 5px;color: #fff;height: 100%;background-image: url(../images/dymanbg.svg) !important;background-repeat: no-repeat;background-position: center right;background-size: 40%;}
.green.wrapperbox{background-color: #01DCA0;}
.main_banner .row { min-height: 100vh;}
.main_banner h1 span {display: block;text-transform: uppercase;/* font-weight: 700; */font-size: 50px;color: #fff !important;-webkit-text-fill-color: #fff !important;word-break: break-all;}
.lh40{line-height: 35px;font-size: 22px}
.gradbtn, .formbox .grey-btn, #demosform .grey-btn {background: linear-gradient(293deg, #FB2EA9 0%, #7635FF 50%);transition: background 0.3 ease;border: 0px;color: #fff !important;}
   .gradbtn:hover, .formbox .grey-btn:hover, #demosform .grey-btn:hover { box-shadow: 0px 0px 35px -10px #000000bf;background: linear-gradient(293deg, #7635FF 0%, #FB2EA9 50%) !important;}
.title2 {color:#FB21A4;}
.title2 {position: relative;display: initial;padding: 20px 0;margin-bottom: 0 !important;z-index: 9;font-size: 43px;}
.teleappbg{background: linear-gradient(132deg, #8082F0 0%, #FB21A4 100%);}
.whatsappbg{background: linear-gradient(132deg, #8082F0 0%, #FB21A4 100%);}
.teleappbg:hover{background: linear-gradient(132deg, #FB21A4 0%, #8082F0 100%);}
.whatsappbg:hover{background: linear-gradient(132deg, #FB21A4 0%, #8082F0 100%);}
.greybg{background: #0C0C0C}
.gradbox{background: rgb(24,24,24);background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(24,24,24,0) 100%); border-radius: 0px 30px}
.bcgame{background: url(../images/bc_game.jpg), url(../images/darkbg.jpg);background-repeat: no-repeat;background-position: right top, center center;background-size: 40% auto, cover}
.lightgreybg{background: #1F2025}
.iconbox.right h5{    padding-right: 45px;padding-left: 0px; background-position:100% 100%; text-align: right;}
.iconbox.right p, .right p{text-align:right;}
.right h5{text-align: right;}
.dicegame{background:url(../images/dicegame.jpg), #000; background-repeat: no-repeat; background-position: top right, center; background-size: 45%, cover;}
.crash-clone{background:url(../images/bcgame-crash-clone-script.jpg); background-size: cover;}
.darksection{background: url(../images/polkadot-benefits.jpg);}   
.featuresbg{background-image: url(../images/featuresbg.jpg);}
.iconbox h5 {background-image: url(../images/polkadot-list.svg);background-repeat: no-repeat;background-position: 3px 0px;padding: 5px 0px;padding-left: 45px;}
.transbox{padding: 20px;border: 1px solid transparent;border-radius: 14px;}
.transbox.active{border-style: solid;border-image:linear-gradient(49deg, #fff, #0b1433, #fff, #0b1433, #0b1433, #fff) 1;}
.greybox {    background: #0b1337;padding: 10px;color: #fff;border-radius: 20px 0px;}
.gradbox1 .col-lg-6:nth-child(even) .whitebox{display: grid;}
.gradbox1 .col-lg-6:nth-child(even) .whitebox > div:first-child{order:2}
.gradbox1 .col-lg-6:nth-child(even) .whitebox > div:nth-child(2){order:1}
.box {padding: 10px 53px 10px 20px;}
.whitebox.active .box .roundbox{background: #6F3ACE;}
.roundbox{width: 140px;box-shadow: 20px 20px 0px 0px #3D1884;height: 140px;text-align: center;display: table-cell;vertical-align: middle;background: linear-gradient(293deg, #FB2EA9 0%, #7635FF 50%);padding: 40px;border-radius: 20px 0px;}
.listrow li{width: 50%; float:left; }
.title2::before {position: absolute;left: -57px;right: 0px;width: 160px;height: 160px;content: "";top: -38px;background-image: url(../images/titleline.svg);z-index: -1;background-size: 60%;background-repeat: no-repeat;background-position: center;}
.greylist li {background: url(../images/touch-finger.png), #f5f4ff;background-repeat: no-repeat;margin-bottom: 10px;list-style: none;background-position: 6px 1px,center left;border-radius: 10px 0px;border: 1px solid #301667;color: #301667;padding: 15px;padding-left: 45px}
.greylist li:hover{background:url(../images/touch-finger.png) no-repeat 6px 1px, #0A122F; color:#fff}
.archi{position: relative;}
.archi::after {background: url(../images/palkodat-archi.svg);background-position: center;background-repeat: no-repeat;background-size: 23%;content: "";position: absolute;top: 0;width: 100%;left: 0;height: 100%;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin 
{ 
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}
.archi::before {background: url(../images/polkodaticon.svg);background-position: center;background-repeat: no-repeat;background-size: 4%;content: ""; position: absolute;top: 0;width: 100%;left: 0;height: 100%;}

.listcenter li {background: #f5f4ff;background-repeat: no-repeat;margin-bottom: 10px;list-style: none;background-position: 6px 1px,center left;border-radius: 10px 0px;border: 1px solid #301667;color: #301667;padding: 15px;margin: 5px;}
.listcenter li:hover{background: linear-gradient(293deg, #301667 0%, #794ed5 35%, #794ed5 75%, #301667 100%); color:#fff;}
.transbox.active h5{color: #fb21a4;}
.archi .iconbox{min-height: 220px;}
.archi .iconbox h5{font-weight: bold;}
.dif-icon .iconbox h5{background: transparent;padding-left: 0px;display: inline-block !important;}
.dif-icon span img{max-width: 35px;width: 100%;margin-right: 10px;}
.formbox {background: #071A33;box-shadow: -50px -75px 0px 5px #7E47F3;}
.site-menu-toggle span{background:#7E47F3;}
.dropdown.show > a{background: #7E47F3}
.dropdown-menu .headingmenu,.footerpart h6{color: #7E47F3;}
.whitebox.row.d-flex{flex-wrap: inherit;}
.footerpart{background: #04082D}
@media(max-width:1450px)
{
.main_banner{padding: 50px 0px;}
h1{font-size: 50px}
.main_banner h1 span{font-size: 40px;}
}
@media(max-width:991px)
{
.flowbox {width: 25%;}
.flexboxwhl.row{flex-wrap: inherit;}
.main_banner{background: -webkit-linear-gradient(317deg, #241681 44%, #4a0a46 85%);text-align: center;}
.right h5{text-align: center;}
.iconbox.right h5{padding-right: inherit;padding-left: 45px; background-position:inherit;text-align: inherit;}
.iconbox.right p, .right p{text-align: center;}
.archi .iconbox{min-height:auto;}
.archi{background: none}
.title2{padding:20px  25px; font-size: 25px;}
.title2::before{    left: -34px;background-size: 52%;    top: -43px;}
h1{font-size: 45px;}
.main_banner h1 span{font-size: 25px;}
.transbox{padding: 0px;}
div.text-left{text-align:center !important;}
.whitebox .box{order:1; margin: 0px auto; margin-bottom: 15px}
.whitebox > div:nth-child(1){order:2; text-align:center;}
.roundbox {width: 60px;box-shadow: 10px 10px 0px 0px #3D1884;height: 60px;padding: 20px}
.iconbox.right p, .right p{text-align:justify;} 
.whitebox.row.d-flex{flex-wrap: wrap;} 
.archi::after{display: none;}
.lh40{line-height: 29px;font-size: 17px;}
.listcenter li{width: 100%;}
}