

body{
	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
	 background: url("../images/mage-background.svg");
  background-repeat: no-repeat;
	background-size: cover;
}


    .modal-lg, .modal-xl {
        max-width: 1100px;
    }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}


.form-control-dark {
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle:not(:focus) {
  outline: 0;
}


.md-nav li{
	padding: 0 10px;
}

.ver-tab-line{
	width: 3px;
	height: 350px;
	float: left;
	left: 50px;
	background: rgba(104,134,184,0.3);
	top: 50px;
}

.button-border{
	background: #f00;
}

.md-nav li a{
	color: #fff;
}

.md-nav li a:hover{
	color: #e67425;
}

.main-slide-box{
	background:#1e2e56;
	padding: 12px;
	border-radius: 16px;
	border: 1px solid rgba(104,134,184,0.2);
}

.md-box{
	border-radius: 10px;
	background: #0b183d;
}


.md-cta-box{
	background: linear-gradient(white, white) padding-box,
              linear-gradient(150deg, #DBA851, #B54B32, #376EB0) border-box;
  border: 2px solid transparent;

	
}

.md-cta{
	background-image: linear-gradient(150deg, #DBA851, #B54B32, #376EB0);
	border:5px solid #122048;
		
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background:#1e2e56;
	box-shadow: rgb(104,134,184,0.35) 0px 0px 0px 1px;
}

.md-footer li a{
	color: #6886b8 !important;
}

.slider-circle{
	border-radius: 50%; max-width: 70px; border:6px solid #1e2e56;
	    background-image: linear-gradient(150deg, #DBA851, #B54B32, #376EB0);
	padding: 13px;
}

.md-ver-slider{
	color: #6886b8;
}

.md-ver-slider h5{
	color: #e67425;
}


.nav-pills .nav-link.active .md-ver-slider h5{
	color: #fff;
}


.nav-pills .nav-link.active .slider-circle{
	background: #0b183d;
	color: #fff;
	border:6px solid #e67425;

}


.md-modal{
	bottom: 30px; min-width: 50px;
	padding: 6px;
	background:#1e2e56;
	border: 1px solid rgba(104,134,184,0.2);
}
.md-modal a{
	background: #0b183d;
		border: 1px solid rgba(104,134,184,0.2);

}

.md-modal a:active, .md-modal a:focus{
	background: #0b183d;
}

.md-modal a:hover{
	background: #e67425;
}

.md-modal a img{
	width: 30px;
}


.md-modal-box{
	background: #122045;
		border: 10px solid rgba(104,134,184,0.2);

}

.md-modal-box .card{
	background:#1e2e56;
	border: 1px solid rgba(104,134,184,0.2);
}

.md-modal-box h5{
	color: #fdd924;
}

.md-modal-box p small{
	color: #6886b8 !important;
}

.md-modal-box img{
	max-height: 30px;
}


.md-modal-box-2 img{
	max-height: 120px;
}

.md-award-logo img{
	max-height: 160px;
}


.gartner-peers img{
	max-height: 80px;
}

.mage-tab-box{
	border-color:#6886b8 !important;
}

.mage-tab-link{
	color: #fff;
}

.mage-tab-link:hover {
    color: #fff !important;
    border-color: #6886b8 !important;
}

.mage-tab-link.active {
    color: #fff !important;
    background-color: #6886b8 !important;
    border-color: #6886b8 !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: #6886b8 !important;
}