body{
	background: #FFF;
	font-size: 14px;
	font-family: 'Poppins', sans-serif !important;
}
.inActionBtn{
    color: white !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px 1px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 500;
    padding: 10px 16px;
    border-radius: 25px;
    text-decoration: none;
    background-position: left center;
    transition: background 300ms ease-in-out;
}
.inProBuyBtn.inWhatsappColor:hover{
    background: rgb(20 164 34 / 85%) !important;
}
.inProBuyBtn.inCallColor:hover{
    background: rgb(115 53 165) !important;
}

.inFeatureCompareBody{
	font-size: 14px;
}
.inFeatureCompareBody .fa-check-circle{
	font-size: 20px;
	color: #198754 ;
}
.inFeatureCompareBody .fa-times-circle{
	font-size: 20px;
	color:#dc3545;
}
.inFeatureCompareHead{
	font-size: 15px;
	background-color: #f0f0f0;
    color: #7838a8;
    font-weight: 600;
	padding: 10px 15px 10px 15px;
}
.bgPurple{
	background-color: #7838a8;
	color:white;
}
.inProFix{
	position: fixed;
	bottom: 25px;
	left: 20px;
}
.inProFix .inProBuyBtn{
	padding: 8px 20px;
	box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.4);
	margin-left: 10px;
	z-index: 9999;
}
.inFullProduct .inFeatureSec {
    background: #fafafa;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.inFullProduct .inFeatureSec h1{
    color: #454545;
}

.inFullProduct .inFeatureSec span.version{
    font-size: 15px;
}

.inFullProduct .inFeatureSec span.version b{
    color:#ff0081;
}

.inFullProduct .inFeatureSec span{
    color: #454545;
    font-size: 18px;
    display: inline-block;
}
.inFullProduct .nav .nav-item .nav-link{
	font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}
.inFullProduct .inFeatureSec span a{
    text-decoration: none;
    color: #00329f;
    font-weight: 600;
}
.inFullProduct .inProCard{
	box-shadow: none;
	border: 1px solid #e4e4e4;
}
.font-12{
	font-size: 12px;
}
.inOfferText{
	border-bottom: 1px solid #ededed;
}
.inOfferText p{
	margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
	letter-spacing: 0.3px;
}
.inPriceSlashed{
    text-decoration: line-through;
    margin-bottom: 0px !important;
    font-size: 16px;
    font-weight: 700;
    color: #565656;
}
.inMatScriptProCategory{
	font-size: 24px;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #f90274;
}
.navbar-toggler {
    padding: 0.3rem 0.4rem;
    font-size: 1rem;
}
.mr-2{
	margin-right: 0.5rem!important;
}
.inProCardO .card-body {
    padding: 1rem !important;
}
.inProCardO .inProBtn {
    background: linear-gradient(90deg, #7838A8 10%,#4173e2 90%);
    padding: 10px 16px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
    margin-top: 10px;
    display: inline-block;
    font-weight: 500;
    background-size: 150%;
    background-position: left;
    transition: 300ms background ease-in-out;
}
.inProCardO .inProBuyBtn {
    padding: 8px 16px;
    font-weight: 500;
    color: #7140b0;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
    background: transparent;
    letter-spacing: 0.5px;
    border: 3px solid #7140b0;
    margin-top: 10px;
    display: inline-block;
}
.inProCardO .inProBuyBtn:hover,.inProCardO .inProBuyBtn:focus{
	transition: all 0.3s ease-in-out;
	background: linear-gradient(90deg, #7838A8 10%,#4173e2 90%);
}

.validetta-bubble{
	color: red;
}
.inTutotialHead h4{
	font-size: 24px;
    font-weight: 800;
    color: #7838a8;
}
.inTutotialSubHead h5{
	font-size: 18px;
    font-weight: 800;
    color: #686868;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
	
}
.inTutotialCard .card{
	border: 1px solid #f3f3f3;
    box-shadow: 0px 0px 8px 2px #0000000d;
}
.inTutotialCard .card iframe{
	min-height: 190px;
}
.inTutotialCard .card p{
	margin-bottom: 5px;
}
.inTutotialCard .card h5{
	font-weight: 600;
    font-size: 16px;
}
.inCallColor {
    background: rgb(115 53 165);
}
.inBorderRadius10 {
    border-radius: 10px;
}
.inProCard img {
    border-radius: 5px;
}
.inProCardO .portTitle {
    font-weight: 600;
    font-size: 14px;
    color: #616161;
    margin-bottom: 0px;
}
.inProCardO {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
}
.inContactDetBucket .inContactDetails address {
    line-height: 30px;
}
.inContactDetBucket .inContactDetails {
    margin-bottom: 30px;
}
.inContactDetBucket .inContactDetails h4 {
    color: white;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 15px;
}
.inContactDetBucket .inContactDetails h5 {
    margin-top: 20px;
    font-size: 16px;
    color: white;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
.inContactDetBucket {
    background: linear-gradient(90deg, #7838A8 10%,#4173e2 90%);
    padding: 30px 30px;
    border-radius: 5px;
}
.inRazorSeal{
    max-height: 68px;
    border-radius: 10px;
    border: 1px solid #6ce69d;
    padding-top: 5px;
    padding-bottom: 5px;
}
.inMatTitle{
    font-size: 34px;
    font-weight: 700;
    color: #7a39a8;
    margin-top: 0px;
    margin-bottom: 0px;
}
.inFeatureDet{
    padding-top: 50px;
    padding-bottom: 50px;
}
.inDemoReqCo h2 {
    margin-bottom: 12px;
    font-weight: 600;
    color: #484848;
}
.inDemoReqCo {
    margin-top: 80px;
    margin-bottom: 80px;
}
.inDemoReqCo i.fa-check-circle {
    font-size: 64px;
    margin-bottom: 20px;
    color: #44bc1f;
}
.inDemoReqCo i.fa-times-circle {
    font-size: 64px;
    margin-bottom: 20px;
    color: #b52020;
}
.inPrivacy h2 {
    color: #424242;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
}
.inPrivacy {
    background: white;
    padding: 30px;
    margin-top: 30px;
    box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-bottom: 50px;
}
.inOrderCart .card.inCartDetails h4 {
    color: #7838a8;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
}
.inOrderCart .card.inCartDetails h5 {
    color: #505050;
    font-size: 16px;
}
.inOrderCart .card{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
}
.inTermsSection .card{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
    background: white;
}
.inCartTerms .razorpay-payment-button {
    color: white;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    width: auto;
    padding: 10px 50px;
    border-radius: 50px;
    text-decoration: none;
    border: none;
    background: #7838a8;
}

.inCartTerms p {
    margin-bottom: 5px;
}
.inCartTerms li {
    font-size: 13px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #5d5d5d;
}
.inCartTermsScroll {
    /* height: 300px; */
    /* overflow-y: scroll !important;
    overflow-x: hidden; */
    box-shadow: inset 0px 0px 8px rgb(0 0 0 / 10%);
    padding: 15px 0px 15px 0px;
}
.inCartTerms h4 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(#642d9e, #ad55c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.inFont22{
    font-size: 22px !important;
}
.inFont18{
    font-size: 18px !important;
}
.inFont13{
    font-size: 13px !important;
}
.inDemoModal .modal-content h5 {
    font-size: 16px;
    font-weight: 700;
    color:#7838A8;
}
.inProCardO .razorpay-payment-button {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
    background: #FF8F3A;
    letter-spacing: 0.5px;
    border: 0px;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.inProductHighFetTitle h4{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #7838a8;
}
.inProductHighFetTitle h4{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #7838a8;
}
.inProductHighFetTitle p{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #565656;
}
.inProFullDet .card-header .card-title{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}
.inProFullDet .card-header{
    background-color: #ffffff;
    color: #565656;
    border-bottom-color: #f3f3f3;
}
.inProFullDetTitle{
    font-size: 13px;
    color: #000000;
}
.inProFullDetDet{
    font-size: 13px;
    color: #565656;
    
}
.inProFullDetDet p{
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}
.inProductSpec .inProCard .card-body b {
    font-weight: 600;
    background: -webkit-linear-gradient(left, #ef6405 20%, #ba346c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inProductSpec .inProCard .card-body {
    font-size: 13px;
}
.inProductSpec .inProCard .card-header h4 {
    font-size: 18px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    background: -webkit-linear-gradient(left, #ef6405 20%, #ba346c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inProductSpec .inProCard .card-header {
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.inProCard {
    background: white;
    box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
    border-radius: 5px;
    border: none;
}
.inProductSpec {
    margin-top: 40px;
    margin-bottom: 40px;
}
.inProductDis p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #6b6b6b;
}
.inProductDis h4 {
    font-weight: 600;
    margin-top: 30px;
   	color: #7838a8;
}
.inProductHighCardBody p {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #6d6d6d;
}
.inProductHighCardBody h2 {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
   	color:#7838A8;
}

.inProductHighCard img {
    border-radius: 10px;
}
.inProductHighCard {
    background: white;
/*    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);*/
    margin-bottom: 20px;
    border-radius: 10px;
/*	border:0px;*/
	transition: box-shadow 0.6s ease-in-out;
}
.inProductHighCard:hover {
	box-shadow: 0px 0px 15px 0px rgb(120 56 168 / 50%);
}
.inProCardDet .card-header h3 {
    font-weight: 800;
    color: #7838a8;
    font-size: 28px;
    margin-bottom: 0px;
}
.inProSales h4 span {
    font-size: 26px;
    color: white;
    font-weight: 300;
    margin-left: 5px;
}
.inProSales h4 b {
    font-size: 30px;
    color: white;
    font-weight: bold;
}
.inProSales h4 i {
    font-size: 30px;
    color: white;
}
.inProSales p {
    color: white;
    margin-bottom: 0px;
}
.inProSales {
    padding: 15px;
    background: #3D3D3D;
    border-radius: 5px;
    margin-top: 15px;
}
.inProWhatsapp .card-footer p {
    margin-bottom: 0px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.inProWhatsapp .card-footer {
    background-color: transparent !important;
}
.inProWhatsapp .card h2 {
    font-size: 24px;
    font-weight: bold;
    color: white;
}
.inProWhatsapp .card h4 {
    font-size: 16px;
    font-weight: 700;
    color: white;
}
.inProWhatsapp .card i {
    font-size: 60px;
    color: white;
}
.inProWhatsapp .card {
    box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 10%);
    border-radius: 5px;
    border: none;
}
.inWhatsappColor {
    background: rgb(20 164 34 / 85%);
}
.inProWhatsapp a {
    text-decoration: none;
}
.inProWhatsapp h5 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 400;
}
.inProCardDet .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.inProCard .inProBuyBtnLine {
    font-weight: 800;
    font-size: 20px;
    padding: 14px 20px;
    color: #7838a8;
    border-radius: 50px;
    text-decoration: none;
    border: 3px solid #7838a8;
    background: transparent;
    transition: all 0.5s ease;
}
.inProCard .inProBuyBtnLine:hover,.inProCard .inProBuyBtnLine:focus {
    background: #642d9e;
    color: white;
}


.inProCardDet h4 {
    margin-bottom: 0px;
    color: #5e5e5e;
    font-size: 20px;
    font-weight: 800;
    margin-top: 5px;
}
.inProCard .inProBuyBtn {
    box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 15%);
    font-weight: 800;
    font-size: 20px;
}
.inThemeColor{
    background: rgba(100,45,158,1);
}
.inProBuyBtn {   
    padding: 14px 20px;
    color: white;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid #ffffff;
    border: 0px;
}
.inProBuyBtn:hover,.inProBuyBtn:focus {
    transition: all 0.3s ease;
    background: #7818c0;
    color: white;
}

.inProCardDet .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.inProCardDet .card-header {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.inBannerProduct{
    margin-top: -120px;
}
.inButtonDarkB{
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #212529;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
    background: transparent;
    letter-spacing: 0.5px;
    border: 3px solid #212529;
}
.inButtonDarkB:hover,.inButtonDarkB:focus{
   transition: all 0.3s ease;
}
.inProDemo a {
    text-decoration: none;
}
.inUserGuideSectionBody ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #075ab3;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.inUserGuideSectionBody ul {
    list-style-type: decimal;
    padding-left: 30px;
}
.inUserGuideSectionBody {
    padding-top: 15px;
    padding-bottom: 15px;
}
.inUserGuideSectionHead h4 {
    margin-bottom: 0px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #585858;
}
.inUserGuideSectionHead {
    border-radius: 5px;
    background: whitesmoke;
    border: 1px solid #ededed;
}
.inProductUserGuide .inProTitle {
    font-size: 26px;
}
.inProTitle {
    font-size: 34px;
    font-weight: 700;
    color: #7a39a8;
    margin-top: 0px;
    margin-bottom: 0px;
}
.inPricing .inCard .card-footer{
    text-align: center;
    background-color: transparent;
    border-top-color: #F3F3F3;
}
.inPricing .inCard .card-footer .inButtonPurple{
    background: #7838a8;
    color: white;
    font-size: 16px;
    padding: 15px 25px 15px 25px;
    border-radius: 30px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
    border:none;
}
.inPricing .inCard .card-footer .inButtonPurple:hover{
    background: #9946d7;
    border:none;
    transition: all 0.3s ease;
}
.inPricing .inCard{
    border: none;
    border-radius: 5px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
}
.inPricing .inCard .card-header{
    text-align: center;
    background-color: transparent;
    padding-top: 25px;
    border-bottom-color: #F3F3F3;
}
.inPricing .inCard .card-header h1{
    font-size: 20px;
    font-weight: 500;
    color: #565656;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.inPricing .inCard .card-header h3{
    font-size: 38px;
    margin-top: 0px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.inPricing .inCard .card-body ul li{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
}
.inPricing .inCard .card-body ul li .fa-check{
    color: #00ca00;
}
.inPricing .inCard .card-body ul li .fa-times{
    color: #c71616;
}
.inAboveFooter .card{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
    background: white;
}
.inLogo{
    padding-top: 0px;
    padding-bottom: 0px; 
}
.inLogo img{
    max-height: 50px;
}
.inDashBannerSec h3{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}
.inDashBannerSec h1{
    font-size: 44px;
    font-weight: 900;
    margin-bottom: 0px;
    color: #7838A8;
}
.inDashBannerSec h4{
    font-size: 22px;
    margin-bottom: 0px;
}
.pt-70{
    padding-top: 70px;
}
.pb-60{
    padding-bottom: 60px;
}
.inProCardO .card-img {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}
.inProCardPriceBg{
	background: #fefaff;
	border-radius: 0px 10px 10px 0px;
}
.inProCardO .card-title{
    background: -webkit-linear-gradient(-30deg,#642d9e, #ad55c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 18px;
}
.inProCardO .card-text{
	font-size: 12px;
	line-height: 20px;
    color: #515151;
}
.inProCardO .card-data{
    font-size: 13px;
}
.inProCardO .inPriceSlashed{
   font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
    text-decoration: line-through;
}
.inProCardO .inPriceMain{
    font-size: 26px;
    font-weight: 900;
}
.inHowWorkSec .card img{
    width: 100px;
    height: 95px;
    border-radius: 50%;
    padding: 3px;
    background: #efefef;
}
.inHowWorkSec .card .card-title{
    font-size: 44px;
    font-weight: 900;
    text-align: center;
    color: #7838A8;
}
.inHowWorkSec .card .card-text{
    font-size: 13px;
}
.inAboveFooter .card img{
    width: 70px;
    height: 65px;
    border-radius: 50%;
    padding: 3px;
    background: #efefef;
}
.inAboveFooter .card .card-title{
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    color: #565656;
}
.inAboveFooter .card a{
    text-decoration: none;
}
.inAboveFooter .card a:hover .card-body,.inAboveFooter .card a:focus .card-body{
    background-color: #7838a8;
    border-radius: 10px;
   transition: all 0.3s ease;
}
.inAboveFooter .card a:hover .card-body .card-title,.inAboveFooter .card a:focus .card-body .card-title{
    color:white;
    transition: all 0.3s ease;
}
.inAboveFooter i{
    padding: 20px 24px;
    border-radius: 62%;
    font-size: 30px;
    background: #7838a8;
    color: white;
    text-shadow: 0px 4px 5px rgb(0 0 0);
}
.inNavbar .nav-item a{
	font-size: 0.9rem;
	font-weight: 500;
	color: #363636;
	padding: 10px 15px !important;
	margin: 0px 3px;
}
.inNavbar .navbar-nav .nav-link:hover, .inNavbar .navbar-nav .nav-link:focus {
    color: white;
    background: linear-gradient(90deg, #7838A8 10%,#4173e2 90%);
    border-radius: 25px;
}
.inNavbar{
    background-color: #ffffff !important;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 15%);
}
.nav-btn{
	background: linear-gradient(90deg, #7838A8 10%, #4173e2 90%);
    padding: 10px 20px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
    margin-left: 15px;
}
.nav-btn:hover,.nav-btn:focus{
	color: white;
	text-decoration: none;	
}
.inDashBannerSec{
    background: url("../img/matrimonial-banner.jpg");
    background-position: center;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 50px;
}
.inButtonDark{
    padding: 12px 30px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.inProCardO{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
}
.inButtonOrange{
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
    background: #7838a8;
    letter-spacing: 0.5px;
    border: 3px solid #b551ff;
}
.inButtonOrange:hove,.inButtonOrange:focus{
    

    transition: all 0.3s ease;
}
a.inCardAText{
    text-decoration: none;
    color: black;
}
a.inCardAText:hover,a.inCardAText:focus{
    text-decoration: none;
    color: black;
}
.inHowWorkSec{
    padding-top: 50px;
    padding-bottom: 50px;
}
.inHowWorkTitle{
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #7838a8;
}
.inHowWorkSec .card{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
    background: white;
}
.inHowWorkSec .card .card-body i{
    padding: 30px;
    border-radius: 62%;
    font-size: 30px;
    background: #7838a8;
    color: white;
    text-shadow: 0px 4px 5px rgb(0 0 0);
    border: 8px solid #d49bff;
}

.pt-50{
    padding-bottom: 50px;
}
.pb-50{
    padding-top: 50px;
}

/*.inFeatureDet .inFeatureDetSec{
    padding-top: 50px;
    padding-bottom: 50px;
}*/
.inFeatureDet .inFeatureDetSec h2{
    font-size: 42px;
    font-weight: 800;
    padding-top: 80px;
}
.inFeatureDet .inFeatureDetSec ul{
    padding-left: 0px;
}
.inFeatureDet .inFeatureDetSec li{
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
    margin-bottom: 20px;
}
.inFooter{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fafafa;
}
.inFooterLogo{
    max-height: 70px;
}
.inFooter ul li a{
   padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    padding-right: 5px;
    color: #585858;
    font-weight: 500;
    text-decoration: none;
    font-size: 13px;
}
.inFooter h4{
    font-weight: 700;
    font-size: 20px;
    color: #7838a8;
}
.inFooterSec p{
   margin-bottom: 0px;
}
.inFooterSec{
    padding-top: 12px;
    padding-bottom: 12px;
    background: #7838a8;
    color: white;
}
.inFooterSec a{
    color: white;
    text-decoration: none;
    font-weight: 700;
}
.inDesign .inDesignTitle{
    font-size: 38px;
    font-weight: 900;
    color: #7838a8;
}
.inDesign .inDesignSubTitle{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}
.inFooter ul li a:hover,inFooter ul li a:focus{
    transition: all 0.3s ease;
    color: #7838a8;
}
.inFeatureSec {
    background: url(../img/top_title_bg.png) no-repeat;
    background-size: contain;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 7px solid #7838A8;
}
/* .inFeatureSec h1{
    font-size: 40px;
    font-weight: 700;  
} */
.inFeatureSec h1{
    font-weight: 800;
    color: #7838A8;
    font-size: 28px;
    margin-bottom: 0px;
}
.inFeatureSec h4{
    font-size: 18px;
    font-weight: 200;
}
.inSpotlightFeatureSec{
    margin-top: 40px;
}
.inSpotlightFeatureSec .card{
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 21px rgb(0 0 0 / 15%);
    background: white;  
}
.inSpotlightFeatureSec .card i{
    font-size: 36px;
    padding: 5px 10px;
    color: #7838a8;
}
.inSpotlightFeatureSec .card h5{
    font-size: 16px;
    font-weight: 600;
    color: #565656;
}
@media (max-width: 575.98px) {
	.inMatTitle {
    	font-size: 24px;
	}
	.inFeatureSec h1 {
    	font-size: 20px;
	}
	.inFooterLogo{
		margin-bottom: 15px;
	}
	.inFooter h4 {
		font-weight: 700;
		font-size: 16px;
		color: #7838a8;
	}
	.inDesign .inDesignSubTitle {
    	font-size: 14px;
	}
	.inDesign .inDesignTitle {
    	font-size: 24px;
	}
	.inFeatureDet .inFeatureDetSec h2 {
    	font-size: 24px !important;
	}
	.inHowWorkSec .card .card-title {
    	font-size: 26px;
	}
	.inHowWorkTitle {
		font-size: 24px;
	}
	.inProCardO .inProBuyBtn {
		padding: 10px 10px;
		font-size: 14px;
		width: 48%;
   		text-align: center;
	}
	.inProCardO .inProBtn {
		padding: 10px 10px;
		font-size: 14px;
	}
	.inProCardO .inPriceMain {
		font-size: 22px;
		font-weight: 900;
	}
	.inProCardO .card-title {
		font-size: 16px;
	}
	.nav-btn {
		padding: 10px 13px;
		color: white;
		margin-left: 0px;
		font-size: 12px;
		margin-right: 10px;
	}
    .inHowWorkSec {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .inFeatureDet{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .inFeatureDet .inFeatureDetSec h2 {
        font-size: 26px;
        font-weight: 800;
        padding-top: 30px;
    }
    .inFeatureDetSec{
        padding-bottom: 50px;
    }
    .inNavbar .nav-item a {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .inProductFullPage h1 {
        font-size: 16px;
    }
    .inProductFullPage h4 {
        font-size: 14px;
        font-weight: 200;
    }
    .inDashBannerSec .pt-70{
       padding-top: 0px; 
    }
    .inDashBannerSec h3 {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
    }
    .inDashBannerSec h1 {
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 0px;
        color: #7838A8;
    }
    .inDashBannerSec h4 {
        font-size: 14px;
        margin-bottom: 0px;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	.nav-btn {
		padding: 10px 13px;
		color: white;
		margin-left: 0px;
		font-size: 12px;
		margin-right: 10px;
	}
    .inHowWorkSec {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .inFeatureDet{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .inFeatureDet .inFeatureDetSec h2 {
        font-size: 26px;
        font-weight: 800;
        padding-top: 30px;
    }
    .inFeatureDetSec{
        padding-bottom: 50px;
    }
    .inNavbar .nav-item a {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .inProductFullPage h1 {
        font-size: 16px;
    }
    .inProductFullPage h4 {
        font-size: 14px;
        font-weight: 200;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
    .inHowWorkSec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .inFeatureDet{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .inFeatureDet .inFeatureDetSec h2 {
        font-size: 34px;
        font-weight: 800;
        padding-top: 10px;
    }
    .inFeatureDet .inFeatureDetSec li {
        font-size: 14px;
        font-weight: 200;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .inFeatureDetSec{
        padding-bottom: 50px;
    }
    .inNavbar .nav-item a {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .inProductFullPage h1 {
        font-size: 16px;
    }
    .inProductFullPage h4 {
        font-size: 14px;
        font-weight: 200;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.inNavbar .nav-item a {
		font-size: 0.8rem;
		font-weight: 500;
		color: #363636;
		padding: 10px 10px !important;
		margin: 0px 3px;
	}
	
    .inFeatureDetSec{
        padding-bottom: 50px;
    }
    .inFeatureDet{
        padding-bottom: 50px;
    }
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
	
	.inProCardDet .card-header h3 {
		font-size: 22px;
	}
	.inProCardDet h4 {
		font-size: 14px;
	}
}