body{padding: 0; margin: 0}
.logob{height: 40px;}
.navbar-nav a { font-size: 14px;  font-weight: 500;}
header .navbar-expand-lg .navbar-nav .nav-link {  margin-right: 0.5rem;  margin-right: 0.8rem;}
header .navbar-nav .nav-link{ color: var(--text-color); border-bottom: 3px  solid rgba(255, 99, 71, 0);}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.active{ color: var(--primary-color); border-bottom: 3px  solid var(--primary-color);}
.headerbtn a.btn-primary{ background: var(--primary-color); border:1px solid var(--primary-color); width:auto; font-size: 14px;}
.headerbtn a.btn-secondary{width:80px;font-size: 14px; background: #fff; border:0px solid var(--primary-color); color: var(--primary-color);}
header .navbar-brand { margin-right: 100px;}
header { padding-top: 20px;}
.innermain{background: var(--white-color); color: var(--text-color); border:1px solid #DDDDDD; margin-top: 15px;}
.innerhead{ border-bottom: 1px solid #E6E6E6;}
input[type=text], input[type=email], input[type=password], input[type=number]{padding: 9px 10px; border-radius: 4px;}
label{font-weight: 500;}
footer{ background-color: var(--white-color);}
.bottombtn a{ text-decoration: none !important;}
.reporttabs{border-bottom: 1px solid #99CBFF!important;}
.titlerep li.nav-item button {background: #0876e9 !important; color: #fff !important; padding: 7px 30px !important; margin-right: 8px;}
.titlerep li.nav-item button:hover{background: #99cbfe !important;color: #000 !important;}
.titlerep li.nav-item button .active{background: #99cbfe !important; }
span.nu6 {padding: 3px 10px; background: #00be1b; color: #fff; border-radius: 10px; font-size: 13px; margin-left: 5px; font-weight: 500;}
.oct-clients {text-align: center; margin-top: 40px; background: #2d2d2d; color: #fff; padding: 15px;}
.oct-clients img { margin: 5px 8px; width: 90px; border-radius: 5px;}
.oct-clients p { margin: 0 0 10px 0;}
 
/*banner start*/
.banner{height: auto; background: #F9F9F9; }
.banner-title{text-align: left; margin-top: 30px;}
.banner-title h1 { font-size: 49px; font-weight: 500 !important;  line-height:55px; text-align: left; color: #2D2D2D;}
.banner-title p { line-height: 30px; margin-top: 30px;  color: #6C757D;  font-size: 18px; font-weight: 500;}
.banner-title a {  background: var(--primary-color);  font-size: 15px;  font-weight: 500;  color: #fff;  padding: 12px 26px; border-radius: 5px;
    display: inline-block;  text-decoration: none;  margin-top: 20px;}
.banner-title a:hover{ background: #0863C3;}
 .ban2 { padding-top: 10px;}
.ban-img {text-align: end;}
/*banner end*/
.relation-bx { background: #f2f3f5;padding-top: 60px; padding-bottom: 50px;}
.relation-bx h2 { text-align: center; padding-bottom: 30px;  font-size: 28px; font-weight: 700;}
.relation-bx .box { background: #fff; padding: 20px; box-shadow: 1px 1px 18px #adacac4f;  border-radius: 5px;}
.box-title h3 {font-size: 20px; font-weight: 700;}
.box-title h5 {font-size: 16px; font-weight: 700; margin-bottom:10px;}
.box-text span {font-size: 15px;
line-height: 24px;}
/*tabs start*/
.tabscotentleft{ text-align: left;}
.tabscotentleft h3{ont-size: 36px; font-weight: 700 !important;  line-height:40px;}
.tabscotentleft i{font-size: 21px; color: var(--primary-color);}
.reportinglist{padding: 40px; margin-top: 70px;}
.listreportsv{background:var(--bg-color2); border: 1px solid var(--border-color);}
.listreportsv p{margin: 5px 0px 0px 0px; font-weight: 500;}
.listreportsv a{color: var(--text-color);} .listreportsv:hover{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.titlerep li.nav-item button.active { background: #99cbfe !important; color: #000 !important;}
.titlerep button.accordion-button .collapsed{ background-color: #0876e9 !important; color: #0876e9 !important; font-weight: 500; font-size: 18px;}
.titlerep .accordion-item:first-of-type>.accordion-header .accordion-button{background-color: #0876e9 !important; color: #fff;}
.titlerep .accordion-button:not(.collapsed){background-color: #f5fafe;}
.titlerep button.accordion-button.collapsed { background: #f5fafe;}
.titlerep .accordion-button:not(.collapsed){background-color: #0876e9 !important; color: #fff !important;}
.titlerep .accordion-item { margin-bottom: 20px;}
.titlerep li.nav-item button{  background:#99cbfe !important; border: 1px solid #99cbfe; color: #000 !important;}
.titlerep li.nav-item button.active, .titlerep1 li.nav-item button:hover { background: #0876e9 !important; border: 1px solid #99cbfe; color: #fff !important;}
.titlerep1 .nav-tabs { border-bottom: none !important;}
.titlerep1 li.nav-item button{ border-radius: 40px !important; padding:10px 20px !important; background:#fff !important; border: 1px solid #99cbfe; color: #000 !important;}
.titlerep1 li.nav-item button.active, .titlerep1 li.nav-item button:hover { background: #0876e9 !important;color: #000 !important; border: 1px solid #99cbfe; color: #fff !important;}
/*tabs end*/
 
/*our client start*/
.ourclients h2{ font-size: 42px; font-weight: 700 !important;  line-height:70px; text-align: center; margin-bottom: 20px;}
/*our client end*/

/*feature start*/
.features h2 { font-size: 35px;font-weight: 600; line-height: 40px; margin-bottom: 30px;}
.features{ background: #f9f9f9;}
.thhead-title p {text-align: left;line-height: 26px; font-size: 18px; padding-right: 10px;}
.thhead-title img {margin-right: 20px;}
.tabscotentleft h6 { font-size: 15px; font-weight: 400;}
.tabscotentleft img {width: 16px;}
.integrations h2 { font-size: 53px; font-weight: 700;}
.integrations h5 { font-size: 24px;line-height: 35px; padding-left: 60px;}
/*feature end*/

/*why metrix data start*/
.whymetriX h5 { text-align: left;font-size: 16px; color: #6C757D;  margin: 10px 0;}
.whymetriX .box { background: #fff; padding: 20px; box-shadow: 1px 1px 18px #adacac4f;  border-radius: 5px; margin-bottom: 20px;}
.whymetriX .box .box-title{color: #2D2D2D;}
.whymetriX .box .box-text{color: #6C757D;}
.bx-img {margin: 12px 0;}
.whymetriX h2{text-align: left; margin-bottom: 20px;}
.whymetriX .banner-title{padding-bottom: 30px;}
section.whymetriX {background: #f9f9f9;}
.shape-bx { margin-top: 30px;}
/*why metrix data end*/

/*100+ Integrations  start*/

.hunred-section{background: #f9f9f9;}
.hunred-section .container { box-shadow: 0px 0px 6px #dadada; padding: 30px;  border-radius: 6px;  margin-top: 80px;  margin-bottom: 30px;}
.intehunred p {line-height: 21px; margin-top: 20px;}
.hunred-logos{    -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 1));
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 1));}
 .hunred-logos li { display: inline-block; box-shadow: 1px 1px 1px #ebe9e9;background: #fff; padding: 8px 14px;  border-radius: 10px;    margin: 8px;
    border: 1px #e9e9e9 solid;}


.hunred-logos li a{text-decoration: none; color: #2D2D2D; font-size: 14px;}
.hunred-logos li span{ margin-right: 10px;    width: 28px;}
.hunred-logos li span img{ width: 28px;}


/*100+ Integrations  End*/


/*CTA Section start*/
.cta-inner {background: #007bff; border-radius: 10px; padding: 35px;  text-align: center;  color: #fff;  border: 10px #c8e0fa solid;}
section.cta-section {background: #f9f9f9;}
.cta-section a {background: #F9F9F9; font-size: 16px; font-weight: 500;  color: #0875E8;  padding: 10px 25px;  display: inline-block;
    text-decoration: none; margin-top: 20px;}
.border-button {  border: 4px solid transparent;  border-radius: 10px;   background: linear-gradient(to top, white, white), linear-gradient(to top, #ffd600, #007bff) !important;  background-clip: padding-box, border-box !important;  background-origin: padding-box, border-box !important;
    width: 220px; height: 53px; padding: 12px;}
.cta-inner h2{font-size: 30px; line-height: 40px;}
/*CTA Section End*/


 footer{background: #E8F2FD; padding: 50px 0;}
 .support-box {border-bottom: 1px #ABB0B6 solid;}
 .quc-links { padding: 20px 0 10px 0;}
 .quc-links a{text-decoration: none; font-size: 15px; color: #000000;padding: 0 6px;}
 .support-box { padding: 20px 0 15px 0;}
 p.socialfot i { padding: 0 6px; font-size: 20px;}
 .socialfot a{color: #000;}
 .supportfot a {font-size: 16px; font-weight: 600;  text-decoration: none;}


/*Login screen start*/
.loginn .form-label {font-weight: 600;}
.loginn a{ text-decoration: none;}
.or-divider { display: flex; align-items: center; text-align: center; margin: 1.5rem 0 1rem 0;}
.or-divider::before, .or-divider::after { content: ''; flex: 1; border-bottom: 1px solid #cfcfcf;}
.or-divider:not(:empty)::before {margin-right: .8em;}
.or-divider:not(:empty)::after {margin-left: .8em;}
.logomain img{ width:180px; margin-bottom: 20px;}
/* Right panel decorations */
.rightblockk{ min-height: 100vh;}
.shape { position: absolute; opacity: 0.25; z-index: 1; }
.shape.circle1 { left: 0%; top: 75%; width: 54px; height: 54px; background: #fff; border-radius: 64px; }
.shape.square1 { right: 6%; top:8%; width: 42px; height: 42px; background: #fff; border-radius: 8px; transform: rotate(23deg);}
.shape.triangle1 { left: -20px; top: 22%; width: 0; height: 0; border-left:45px solid transparent; border-right:45px solid transparent; border-bottom:45px solid #fff; transform: rotate(90deg);}
.shape.square2 { right: 15%; bottom: 6%; width: 50px; height: 50px; background: #fff; border-radius: 8px; transform: rotate(-18deg);}
.shape.triangle2 { left: 90%; top: 60%; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-bottom: 42px solid #fff; opacity: 0.16; transform: rotate(-90deg);}	
/*Login screen edn*/

/*Registration page start*/
.registration-bx .step-wizard { display: flex; justify-content: space-between; align-items: flex-start; position: relative; padding: 20px; border: 1px solid #cce0ff;
border-radius: 8px; background: #fff;}
.registration-bx .step { text-align: center;position: relative; flex: 1; cursor: pointer;}
.registration-bx .step:not(:last-child)::after {  content: ''; position: absolute; top: 16px; right: -50%;  height: 4px; width: 100%;background: #dee2e6;z-index: 0;}
.registration-bx .step.completed::after { background: #28a745; }
.registration-bx .step.in-progress::after { background: #6f42c1; }
.registration-bx .step .circle {  width: 32px;  height: 32px;  border-radius: 50%; margin: 0 auto;  line-height: 32px; text-align: center;   font-size: 16px;
font-weight: bold;   position: relative;  z-index: 1;  background: #e9ecef;  color: #6c757d;}
.registration-bx .step.completed .circle { background-color: #28a745; color: #fff;}
.registration-bx .step.in-progress .circle {border: 3px solid #6f42c1; color: #6f42c1; background-color: #fff;line-height: 26px;}
.registration-bx .step .label { margin-top: 8px; font-weight: bold; }
.registration-bx .step .sub-label {   margin-top: 6px;  font-size: 0.85rem; padding: 3px 8px; border-radius: 12px;display: inline-block; }
.registration-bx .step.completed .sub-label { background-color: #e6f4ea; color: #28a745; }
.registration-bx .step.in-progress .sub-label { background-color: #f0e9fc; color: #6f42c1;}
.registration-bx .step.pending .sub-label { background-color: #f1f3f5;  color: #6c757d; }
.registration-bx .tab-content {margin-top: 20px;}
.registration-bx .tab-pane {display: none;}
.registration-bx .tab-pane.active { display: block;}
.reg-bar{background: #007BFF; padding: 5px 0}
a.reg-logo img {width: 160px;}
.registration-bx { width: 80%;  margin: 0 auto; background: #fff;  padding: 20px;  border: 1px #e9e9e9 solid;  margin-top: 40px;
    border-radius: 6px; box-shadow: 0px 2px 5px #dee9f9;}
.already-member{text-align: right}
.already-member a {color: #fff; text-decoration: none; font-size: 14px;}
.inputfed input {font-size: 13px;}
.forma-process a {text-decoration: none;font-weight: 700;font-size: 13px;padding: 0 10px;}
.twobuttons button {padding: 9px 35px;font-size: 14px;border-radius: 5px;}
.twobuttons .cbutton {background: #fff; color: #0d6efd;}
span.noteadd {font-size: 12px;color: #6C757D; margin-bottom: 30px;}
.sourcebox1 {text-align: center;  border: 1px #6C757D solid; padding: 15px 15px;border-radius: 12px; margin-bottom: 20px;}
.source-img { margin: 10px 0;}
.sourcebox1 h5 {font-size: 15px; font-weight: 600;}
a.addconnect { border-radius: 6px;border: 1px #0d6efd solid; padding: 5px 22px;text-decoration: none;font-size: 12px;display:block; margin-top: 20px; font-weight: 700;}
a.addconnect:hover{background: #0d6efd;color: #fff;}
.source-img img {width: 30px;}
.avaliable-popup .modal-body{padding: 0; margin-top: -50px;}
.avaliable-popup .modal-header { position: relative;z-index: 999; border: 0}
.avaliable-content { padding: 20px;}
.avaliable-content h3 {font-size: 22px; margin-bottom: 20px;}
.avaliable-content h4 {font-size: 16px; color: #28A745; margin-bottom: 20px; font-weight: 400;}
.avali-input { margin: 30px 0;}
body.modal-open{padding-right: 0px !important;}
.avali-input input { font-size: 13px;}
.avaliable-popup button.btn-close {background-color: #fff;opacity: 1; font-size: 12px;padding: 5px !important;}
.success-registred { background: #fff;  width: 70%;  text-align: center;  margin: 0 auto;  margin-top: 100px;border: 4px solid transparent;
border-radius: 10px;    background: linear-gradient(to top, white, white), linear-gradient(to top, #ffd600, #007bff) !important;
background-clip: padding-box, border-box !important;    background-origin: padding-box, border-box !important;  padding: 40px;}
.circle-tick i { font-size: 35px; color: #007BFF;}
.success-registred h3{color: #28A745; margin-bottom: 10px;}
.success-registred p { line-height: 25px;}
/*Registration page end*/

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1240px) {}

@media only screen and (max-width: 1100px) {
	.titlerep1 li.nav-item button{padding: 10px 16px !important;    font-size: 12px;}
	.navbar-nav a {font-size: 11px;}
	.headerbtn a.btn-primary{font-size: 12px;}
	.headerbtn a.btn-secondary{font-size: 12px;}
}
@media (max-width: 1024px) {
	.banner-title h1 {  font-size: 34px;  font-weight: 500 !important;  line-height: 44px;}
	.banner-title p { line-height: 30px; margin-top: 16px; font-size: 14px; font-weight: 500;}
	.relation-bx .box{margin-bottom: 20px;}
	.titlerep1 li.nav-item button { padding: 4px 9px !important;font-size: 10px; margin-right: 4px; }
	.intehunred h2 {font-size: 20px;}
	.hunred-logos li a{font-size: 11px;}
	.hunred-logos li { padding: 5px 6px; margin: 5px;}
}
	
@media (max-width: 767px) {
.paidbox-img img { width: 100%;}
.banner-title p { line-height: 26px; margin-top: 10px;}
.relation-bx{padding-top: 30px;  padding-bottom: 30px;}
.banner-title a{margin-top: 0; margin-bottom: 20px;}
.relation-bx h2 {text-align: left;padding-bottom: 10px; font-size: 23px; line-height: 30px;}	
.paidbox{margin-bottom: 20px;}
.banner-title h1 {font-size: 24px;line-height: 35px;}
.integrations h2{font-size: 30px;}
.integrations h5{padding-left: 0;}
.cta-inner{padding: 20px;}
.cta-inner h2 {font-size: 18px;line-height: 30px;}
.cta-section a {font-size: 16px;padding: 10px 23px;margin-top: 0;}
.support-box {flex-direction: column; padding: 7px 0;}
.features .titlerep ul li{width: 100%;}
.features .titlerep ul li button { width: 100%; margin-bottom: 10px;}
marquee { margin-top: 0px;}
header .navbar-nav .nav-link{color: #fff;}
.features h2 { font-size: 23px; line-height: 28px; margin-bottom: 10px; }
.ourclients h2{font-size: 28px;}
.ourclients { width: 100%;  overflow: hidden;  float: left;}
.titlerep1 li.nav-item button {padding: 7px 9px !important;font-size: 13px;	}
.whymetriX h5{line-height: 28px;}	
.shape-bx { margin-top: 0;}	
.banner-title{margin-top: 0;}
.whymetriX .banner-title {padding-bottom: 15px;}
.hunred-logos ul {padding: 0;}
.hunred-section .container{margin-top: 30px;}
.hunred-logos { -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 1)); mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 1), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 1));}	
.rightblockk{ min-height:auto; padding-bottom: 30px;}
.success-registred{padding: 20px; width: 98%; margin-top: 30px;}	
.success-registred .twobuttons button { padding: 5px 5px;  font-size: 13px;  border-radius: 8px;}
.registration-bx{width: 100%;padding: 10px; margin:15px 0;}
.registration-bx .step-wizard{padding: 7px;}	
.avaliable-popup {margin-top: 50px;}
.registration-bx .step .label{font-size: 13px;}
}