@charset "utf-8";
html {scroll-behavior: smooth;}
body { font-family: Poppins, sans-serif; font-size: 16px;}
b, strong { font-weight: 700!important }
.hideme{ opacity:0;}
.visible{opacity:1;}
.pad0 { padding: 0!important }
.padtop10 { padding-top: 10px }
.padtop20 { padding-top: 20px }
.padtop30 { padding-top: 30px }
.padtop40 { padding-top: 40px }
.padtop50 { padding-top: 50px }
.padtop80 { padding-top: 80px }
.padtop100 { padding-top: 100px }
.padtop120 { padding-top: 120px }
.padtop150 { padding-top: 150px }
.padbot20 { padding-bottom: 20px }
.padbot30 { padding-bottom: 30px }
.padbot40 { padding-bottom: 40px }
.padbot50 { padding-bottom: 50px }
.padbot80 { padding-bottom: 80px }
.padbot120 { padding-bottom: 120px }
.padbot150 { padding-bottom: 150px }
.pad10 { padding: 10px }
.pad20 { padding: 20px }
.pad30 { padding: 30px!important }
.pad40 { padding: 40px!important }
.pad50 { padding: 50px!important }
.padlr0 { padding-left: 0; padding-right: 0 }
.padtb10 { padding: 10px 0 }
.padtb20 { padding: 20px 0!important; }
.padtb30 { padding: 30px 0 }
.padtb40 { padding: 40px 0 }
.padtb50 { padding: 50px 0 }
.padtb80 { padding: 80px 0 }
.padtb100 { padding: 100px 0 }
.padtb120 { padding: 120px 0 }
.padtb150 { padding: 150px 0 }
.martop5 { margin-top: 5px }
.martop10 { margin-top: 10px }
.martop20 { margin-top: 20px }
.martop30 { margin-top: 30px }
.martop40 { margin-top: 40px }
.martop50 { margin-top: 50px }
.marbot0 { margin-bottom: 0 }
.marbot3 { margin-bottom: 3px }
.marbot10 { margin-bottom: 10px }
.marbot20 { margin-bottom: 20px }
.marbot30 { margin-bottom: 30px }
.marbot40 { margin-bottom: 40px }
.marbot50 { margin-bottom: 50px }

/*~~~~~~ Index Page ~~~~~~~*/
.bg_purple{background: #1e003a;}
.bg_litepurple{background: #7933bb;}
.bg_litegrey{background: #e3e6e7;}
.bg_grey{background: #0c1419;}
.whitetxt{color: #fff;}
.yellowtxt{color: #f3e336;}
.pinktxt{color: #ea4d90;}
.bluetxt{color: #49c8df;}
.purpletxt{color: #945dd0;}
.maintitle{font-size: 60px; font-weight: 800; color: #fff;}
.pnkcta,.pnkcta:hover{ background: #ee0066; padding: 12px 25px; border-radius: 30px; color: #fff; text-decoration: none;}
.yellowcta,.yellowcta:hover{ background: #eae14d; padding: 12px 25px; border-radius: 30px; text-decoration: none; font-size: 14px; color: #000;}
.pniklink,.pniklink:hover{font-size: 14px; color: #ea4d90; font-weight: 500; text-transform: uppercase; border-bottom:1px  dotted #ea4d90; padding-bottom: 8px;text-decoration: none; display: inline-block;}
.usp_section h3{ font-size: 24px; font-weight: 400;}
.downloadstrip h2{font-size: 20px; color: #fff; margin-right: 15px;}
footer{color: #bcbcbc; font-size: 14px; }
footer h4{color: #fff;}
footer ul{display: inline-block; list-style: none;}
footer ul li a, footer ul li a:hover{  margin-bottom: 15px; display: inline-block; color: #fff; text-decoration: #fff;}

/*~~~~~~ Portfolio Page ~~~~~~~*/
.pagetitle{color: #1e3542; font-size: 40px; font-weight: bold;}
.portfolioblock img{margin-bottom: 30px;}

/*~~~~~~ Pricing Page ~~~~~~~*/
.whitebox{background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); border-radius: 3px;}
.pricingblock .title{font-size: 38px; font-weight: 500; margin-bottom: 0px;}
.pricingblock .subtitle{font-size:13px; text-transform: uppercase; color: #000000; letter-spacing: 4px; }
.pricingblock ul{padding: 0px;}
.pricingblock ul li{background: url(../img/tick_icon.png) left 7px no-repeat; padding-left: 25px; list-style: none; margin-bottom: 20px; font-size: 14px; display: inline-block;}
.purplekbtn,.purplekbtn:hover{ background: #945dd0; padding: 12px 25px; border-radius: 30px; color: #fff; text-decoration: none; font-size: 13px;}
.pnkbtn,.pnkbtn:hover{ background: #ed4c98; padding: 12px 25px; border-radius: 30px; color: #fff; text-decoration: none; font-size: 13px;}
.blubtn,.blubtn:hover{ background: #49c8df; padding: 12px 25px; border-radius: 30px; color: #fff; text-decoration: none; font-size: 13px;}

/*~~~~~~ FAQ Page ~~~~~~~*/
.faq h4{font-size: 20px; line-height: 30px; color: #1e3542;}
.faq p{color: #42494c; font-size: 15px;}
.faq .row{margin-bottom: 40px;}