﻿*, html {
  -webkit-font-smoothing: antialiased;
  -moz-os-font-smoothing: grayscale;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  vertical-align: baseline;

}html {
  scroll-padding-top: 4rem;
}
html {
  scroll-behavior: smooth;
}
html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff !important;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
a{
    text-decoration:none !important;
}
/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.pre-header {
  background-color: #efefef;
  height: 60px;
  padding: 15px 0px;
  position:relative;
  z-index:999999;
}

.pre-header ul li {
  display: inline-block;
}

.pre-header ul.info li {
  margin-right: 45px;
}

.pre-header ul.info li a {
  color: #afafaf;
  font-size: 14px;
  transition: all .3s;
}

.pre-header ul.info li a:hover {
  color: #fa65b1;
}

.pre-header ul.info li a i {
  font-size: 18px;
  margin-right: 8px;
}

.pre-header ul.social-media {
  text-align: right;
}

.pre-header ul.social-media li {
  margin-left: 5px;
}

.pre-header ul.social-media li a {
  background-color: #afafaf;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all .3s;
}

.pre-header ul.social-media li a:hover {
  background-color: #fa65b1;
}


/* #Navigation
================================================== */
.mpolimited_header {
   
}.navigation {
     background-color:#f3f4ff;padding: 5px 0;
 }
.start-header {
	opacity: 1;
	transform: translateY(0);
	/*padding: 20px 0;*/
box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.6);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on {
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.6);
	/*padding: 10px 0;*/
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	/*height: 24px;*/
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	height: 50px;
	width: auto;
	display: block;
  /*filter: brightness(10%);*/
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: #212121 !important;
	font-weight: 500;
    transition: all 200ms linear;
}
.nav-item:hover .nav-link{
	color: #ec6e1b !important;
}
.nav-item.active .nav-link{
	color: #777 !important;
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;font-size:15px;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #ec6e1b;
	opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}

/* #Primary style
================================================== */

.bg-light {
	background-color: #fff !important;
    transition: all 200ms linear;
}
.section {
    position: relative;
	width: 100%;
	display: block;
    padding:20px 0;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
  margin-top: 40px;
	transform: translateY(-50%);
	z-index: 20;
}
/*h1{
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
	color: #212112;
	text-align: center;
}*/
/*p{
	text-align: center;
	margin: 0;
	padding-top: 10px;
	opacity: 1;
	transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1700ms;
}*/
body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1700ms;
}
h1 span{
	display: inline-block;
    transition: all 300ms linear;
	opacity: 1;
	transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
	opacity: 0;
	transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
	opacity: 0;
	transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
	opacity: 0;
	transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
	opacity: 0;
	transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
	opacity: 0;
	transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
#switch {
	width: 60px;
	height: 8px;
	border: 2px solid #ec6e1b;
	border-radius: 27px;
	background: #000;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
	transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
	position: absolute;
	top: -11px;
	left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #000;
}
.switched {
	border-color: #000 !important;
	background: #ec6e1b !important;
}
.switched #circle {
	left: 43px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    display: block;
	padding: 0;
	margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	padding: 3px 15px;
	color: #212121;
	border-radius: 2px;
    transition: all 200ms linear;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: #fff;
	background-color: rgba(234, 94, 0,.6);
}

body.dark{
	color: #fff;
	background-color: #1f2029;
}
body.dark .navbar-brand img{
  filter: brightness(100%);
}
body.dark h1{
	color: #fff;
}
body.dark h1 span{
    transition-delay: 0ms !important;
}
body.dark p{
	color: #fff;
    transition-delay: 0ms !important;
}
body.dark .bg-light {
	background-color: #14151a !important;
}
body.dark .start-header {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
	color: #fff !important;
}
body.dark .nav-item.active .nav-link{
	color: #999 !important;
}
body.dark .dropdown-menu {
	color: #fff;
	background-color: #1f2029;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
	color: #fff;
}
body.dark .navbar-light .navbar-toggler-icon {
	border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after, 
body.dark .navbar-light .navbar-toggler-icon:before{
	background-color: #fff;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}



/* #Media
================================================== */

@media (max-width: 767px) { 
	h1{
		font-size: 38px;
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
}

/* #Link to page
================================================== */

.logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 100;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  filter: brightness(10%);
	transition: all 250ms linear;
}
body.dark .logo img {
  filter: brightness(100%);
}
/***************/
.navigation-wrap {
   top: 0px;
    /*top: 60px;*/
}
.start-header.scroll-on {
    top:0;
}
.container {max-width:95% !important;}
/* Main Banner */
.main-banner {
  position: relative;
  overflow: hidden;
  height:400px;
}
/*.main-banner:after {
    content:'';
    left:0;
    top:0;
    position:absolute;
    width:100%;height:100%;opacity:.1;
   background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='60' height='60' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M29.998 26.65v6.693zm-6.837 3.347h3.488zm10.185 0h3.489zm0 0a3.349 3.346 0 01-3.348 3.346 3.349 3.346 0 01-3.349-3.346 3.349 3.346 0 013.349-3.346 3.349 3.346 0 013.348 3.346zm-3.173-6.832c-1.978-.032-3.976.786-5.29 2.287-1.986 2.163-2.275 5.629-.727 8.113 1.45 2.442 4.522 3.736 7.287 3.116 3.067-.607 5.45-3.561 5.392-6.684.045-2.643-1.642-5.173-4.042-6.245a6.489 6.489 0 00-2.62-.587zM59.995 52.87v14.25zm-14.557 7.125h7.428zm21.687 0h7.427zm0 0a7.13 7.124 0 01-7.13 7.124 7.13 7.124 0 01-7.13-7.124 7.13 7.124 0 017.13-7.125 7.13 7.124 0 017.13 7.125zm-6.757-14.547c-4.212-.069-8.465 1.673-11.262 4.869-4.23 4.606-4.845 11.985-1.55 17.274 3.09 5.2 9.628 7.954 15.517 6.635 6.53-1.292 11.604-7.583 11.48-14.231.096-5.628-3.495-11.014-8.606-13.298-1.757-.813-3.665-1.217-5.58-1.249zM-.005 52.87v14.25zm-14.557 7.125h7.428zm21.687 0h7.427zm0 0a7.13 7.124 0 01-7.13 7.124 7.13 7.124 0 01-7.13-7.124 7.13 7.124 0 017.13-7.125 7.13 7.124 0 017.13 7.125zM.368 45.447c-4.212-.069-8.465 1.673-11.262 4.869-4.23 4.606-4.845 11.985-1.55 17.274 3.09 5.2 9.628 7.954 15.517 6.635 6.53-1.292 11.604-7.583 11.48-14.231.096-5.628-3.495-11.014-8.606-13.298-1.757-.813-3.665-1.217-5.58-1.249zM59.995-7.13V7.12zM45.438-.006h7.428zm21.687 0h7.427zm0 0a7.13 7.124 0 01-7.13 7.124 7.13 7.124 0 01-7.13-7.124 7.13 7.124 0 017.13-7.125 7.13 7.124 0 017.13 7.125zm-6.757-14.547c-4.212-.069-8.465 1.673-11.262 4.869C44.876-5.078 44.26 2.3 47.556 7.59c3.09 5.2 9.628 7.954 15.517 6.635 6.53-1.292 11.604-7.583 11.48-14.231.096-5.628-3.495-11.014-8.606-13.298-1.757-.813-3.665-1.217-5.58-1.249zM-.005-7.13V7.12zM-14.562-.006h7.428zm21.687 0h7.427zm0 0a7.13 7.124 0 01-7.13 7.124 7.13 7.124 0 01-7.13-7.124 7.13 7.124 0 017.13-7.125 7.13 7.124 0 017.13 7.125zM.368-14.553c-4.212-.069-8.465 1.673-11.262 4.869-4.23 4.606-4.845 11.985-1.55 17.274 3.09 5.2 9.628 7.954 15.517 6.635 6.53-1.292 11.604-7.583 11.48-14.231.096-5.628-3.495-11.014-8.606-13.298-1.757-.813-3.665-1.217-5.58-1.249z'  stroke-width='4.5' stroke='hsla(258.5,59.4%,59.4%,1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,-240)' fill='url(%23a)'/></svg>")
}*/
/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

.main-banner {
  /*background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;*/
  /*padding: 120px 0px 135px 0px;*/
    /*padding: 120px 0px 35px 0px;
  position: relative;
  overflow: hidden;z-index:1;
 
background: #1C6D8D;
background: radial-gradient(at center, #1C6D8D, #0B0F37);*/
}

/*.main-banner:before {
  content: '';
  background-image: url(../images/slider-right-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0px;
  width: 1159px;
  height: 797px;
  z-index: -1;
}
.main-banner::after {
  content: '';
  background-image: url(../images/slider-left-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 60px;
  width: 262px;
  height: 625px;
  z-index: -1;
}*/
.main-banner .left-content {
  margin-right: 15px;
}

.main-banner .left-content h6 {
  text-transform: capitalize;
  font-size:35px;
  font-weight: 700;
  /*color: #fa65b1;*/
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.main-banner .left-content h2 {
  z-index: 2;
  position: relative;
  font-weight: 700;
  font-size: 50px;
  /*color: #2a2a2a;*/
    color: #fff;
  margin-bottom: 20px;
}

.main-banner .left-content p {
  margin-bottom: 30px;
  margin-right: 45px;color: #d2d2d2;
  text-align:justify;
}

.main-banner .right-image {
  text-align: right;
  position: relative;
  z-index: 20;
}

.main-banner .right-image img {
  max-width: 593px;
}


/******************/
.main-banner .left-content h2 {
  font-size: 20px !important;

}
/* Tab Design */
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
.important-content {
    background-color:#f6f7ff;
}
.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}
/***********************************/
.nav-pills-custom .nav-link {
    margin-bottom: 0;
  background: 0 0;
  border: 0 solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;

  padding: 15px 20px !important;
  width: 100%;
  text-align: left;
  border-radius: 14px;
  box-shadow: 0 10px 20px -5px rgb(0 0 0/10%);
  font-size: 17px;font-weight:400;
    line-height: 27px;
}
    .nav-pills-custom .nav-link::after {
        position: absolute;
        content: "";
        background-image: url('../images/svg/arrowright.svg');
        background-repeat:no-repeat;
        right: 15px;
        font-size: 14px;
        width: 20px;
        height: 20px;
        top:22px;
        border-radius: 100px;
    }

.nav-pills-custom .nav-link.active {
    color: #000 !important;
   background: #afbdd7;
}
.nav-pills-custom .nav-link.active::after {
    background-color:#fff;
}


.tab-content h4 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom:15px;
}
.assessment-partition h5 {
font-size: 18px;
  line-height: 1;
  font-weight: 700 !important;
  margin-top: 15px !important;
  color: #323e53;
}
.tab-content p {
    font-size: 14px;
    line-height: 27px;font-weight:400;color:#3e4d68;
}
/* Add indicator arrow for the active tab */
/*@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}*/

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.tab-content ul {
    padding:0;
    margin:0 0 0 20px;
}
.tab-content ul li {
    font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  color: #3e4d68;
}
/* Show and Hide button */
.sh-btn {
  border-radius: 100px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .4px;
  padding: 0 42px;
  height: auto;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-flex;
  line-height: 64px;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  border: 0;
  transform: translateY(0);box-shadow: 0 19px 40px -10px rgb(255 79 0/25%);
  line-height: 58px;
  padding: 0 32px;
  color:#fff;
  background: #ff5723;
}
.readmore__content {
  /*max-width: 45rem;*/
  width: 100%;
  /*display: flex;*/
}

.readmore__toggle {
  display: flex;
  margin-top: 1rem;
border-radius: 100px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .4px;
  padding: 0 42px;
  height: auto;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-flex;
  line-height: 64px;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  border: 0;
  transform: translateY(0);box-shadow: 0 19px 40px -10px rgb(255 79 0/25%);
  line-height: 48px;
  padding: 0 15px;
  color:#fff;
  background: #ff5723;
}
.readmore__toggle {
    color:#fff !important;
}
.readmore__toggle img {
    margin-top:2px; transition:.5s ease;opacity:.0;
}
.readmore__toggle:hover img {
    margin-left:5px;
    transition:.5s ease-in-out;
    width:21px;height:21px;opacity:1;
  
}
.impsents {
    padding-left:18px;color: #3e4d68;
}
/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*/
.section-heading {
  text-align: center;
  margin-bottom: 20px;
}
.section-heading h6 {
  font-size: 15px;
  font-weight: 700;
  color: #726ae3;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.section-heading h4 {
  color: #2a2a2a;
  font-size: 35px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.section-heading .line-dec {
  width: 50px;
  height: 2px;
  background-color: #726ae3;
}
.section-heading .line-dec {
  margin: 0 auto;
}
.section-heading h4 em {
  font-style: normal;
  color: #726ae3;
}
/* Client Speaks */
.client-speaks {
    background-color:#f6f7ff;
 
}
.client-speak .carousel-item {
       min-height:200px;
}
.client-speak .shadow{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.width-auto {
    width: auto;
}

.text-lg {
    font-size: 2rem;
}

.carousel-indicators li {
    border: none;
    background: #ccc;
}

.carousel-indicators li.active {
    background: #ff5723;
}
.client-speak .lead {
   font-size: 14px !important;
  text-align: justify;
  color: #161616;
  font-weight: 500;
}
.invertedcomma {
     -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.contactus {
    background-color:#f6f7ff;
}
.contactBox {
    margin-bottom:20px;
}
.contactBox h3 {
    font-weight:500;font-size:1.3rem;
}
#DivAddtxt {
    font-size:14px;
}
#DivAddtxt strong {
    font-weight:500 !important;font-size:14px;color:#000 !important;
}
.mapbox {
    border:20px solid #fff;box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}
/* innerpage-wrapper */
.innerpage-wrapper {
    min-height:100vh;height:100%;background-color: #f6f7ff;
    padding-top: 20px;
  padding-bottom: 20px;

}
.innerheadbg {
  background-position: center center !important;
}
.innerheadbg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.breadcrum-area {
  padding-top: 118px;
  padding-bottom:30px;
  background: var(--gradient-7);
}
.innerheadbg::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #030821;
  left: 0;
  top: 0;
  opacity: .6;
  z-index: 0;
}

#particle-canvas-service {
  width: 100%;
  height: 100%;
  position: absolute !important; 
  top: 0;
  left: 0;
}
#particle-canvas-service div {
    z-index:-2 !important;opacity:.1;
}
.index-up {
  position: relative;
  z-index: 5;
}
.list-h-styled li {
  position: relative;
  display: inline-flex;
color: #ea5e00;
  position: relative;
  margin-right: 20px;
}
.innerheadbg .list-h-styled li::after {
  background-color:#fff;
}
.list-h-styled li::after {
  content: "";
  height: 4px;
  width: 4px;
  background-color:#3e4d68;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
 .innerheadbg h2 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;color:#fff;
  }
 /* Inner Service page design */
 .service-card {
margin-bottom:30px;width:100%;background-color:#fff;box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);transition:.5s ease;
 }
 .service-card:hover {
     box-shadow:none !important;
 }
 .cardicon-out {
  border-radius: 40px;
  padding:10px;
  /*width: 120px;
  height: 120px;*/
  /*background:#fff;*/
  margin: 0 auto 0;
}
 .sw-card {
  position: relative;
  text-align: center;
}
 .sw-cardinfo {
  margin-top: 5px;
}
 /*.sw-cl-1 {
  background:#ffe7da;
}
 .sw-cl-2 {
  background: #e2f4b8;
}
 .sw-cl-3 {
  background: #d9e4ee;
}
  .sw-cl-4 {
  background: #ffab91;
}
    .sw-cl-5 {
  background: #e8dbff;
}
      .sw-cl-6 {
  background: #d1edff;
}*/
  .sw-cl-4 p, .sw-cl-4 h3 {
  color: #000;
}
 .sw-card {
  padding: 12px;
  border-radius: 14px;
}
 .swbttitlex {
  font-weight: 500;
  font-size: 18px;
  color: #101f38;
  
}
 .sw-cardinfo p{
 font-size: 16px;
    line-height: 27px;
    }

 /* Awards page design css */
 .awards-achieved{
     background: #82009f;
  background: -moz-linear-gradient(left,#82009f 0,#5d34af 50%,#00ceab 100%);
  background: -webkit-linear-gradient(left,#82009f 0,#5d34af 50%,#00ceab 100%);
  background: linear-gradient(to right,#82009f 0,#5d34af 50%,#00ceab 100%);
     position:relative;
     z-index:0;
 }
 .awards-achieved:before {
  content: "";
  position: absolute;
  top: 187px;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 4px;
  background-color: #fff;
}
    .awards-achieved:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/awardsbg.jpg');background-repeat:no-repeat;background-size:cover;background-attachment:fixed;
        z-index:-1;opacity:.4;
    }
    .awards-achieved .section-heading h4 {
  color: #ffe069; 

    }
     .awards-achieved .section-heading h4 em {
  font-style: normal;
  color: #fff;
}
     .awards-achieved .section-heading h6 {
 
  color: #fff;

}
    .awards-achieved .section-heading .line-dec {
  background-color: #fff;
}
.awards-achieved .entries {
  width: calc(100% - 80px);
  max-width: 800px;
  margin: auto;
  position: relative;
  left: -5px;
}
body .entries .entry {
  width: calc(50% - 80px);
  float: left;
  padding: 20px;
  clear: both;
  text-align: right;
}
.awards-achieved .entries .entry:not(:first-child) {
  margin-top: -60px;
}
body .entries .entry .title {
  font-size: 32px;
  margin-bottom: 12px;
  position: relative;
  color: #fff;
}
.awards-achieved .entries .entry .title:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 4px solid #ffffff;
  background-color: #1D1D1D;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: -109px;
  z-index: 1000;
}
.awards-achieved .entries .entry .title.big:before {
  width: 24px;
  height: 24px;
  transform: translate(8px, -50%);
}
.awards-achieved .entries .entry .body {
  color: #aaa;
}
.awards-achieved .entries .entry .body p {
  line-height: 1.4em;
}
.awards-achieved .entries .entry:nth-child(2n) {
  text-align: left;
  float: right;
}
.awards-achieved .entries .entry:nth-child(2n) .title:before {
  left: -103px;
  width: 15px;
  height: 15px;
}
.awards-achieved .entries .entry:nth-child(2n) .title.big:before {
  transform: translate(-8px, -50%);left:-95px;
}
.list-category {
  width: 100%;
  /*text-align: left;*/
}
.list-category ul li {
    list-style-type:none;font-size:0.8rem;color:rgb(188, 188, 188);
}
.awards li strong{
   font-weight:600;font-size:1rem;color:#fff !important;line-height:1; 
}
 /* Map design */
 #imgContainer {text-align:center;}
/* Footer */
footer {
  /*background-image: url(../images/footer-bg.jpg);*/
  background: #1C6D8D;
  background: radial-gradient(at center, #1C6D8D, #0B0F37);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*margin-top: 130px;*/
}

footer p {
  text-align: center;
  margin: 20px 0px;
  color: #fff;
}

footer p a {
  color: #fff;
  transition: all .5s;
}


/* Artorials */

#particle-canvas {
    position:absolute;
    left:0;
    top:0;z-index:-1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(10, 10, 50) 0%,rgb(60, 10, 60) 100%);
  vertical-align: middle;
}
div:after {
    content:'';
    display:block;clear:both;
}
.wrapper {
    min-height:100vh;height:100%;padding-top:88px;
}
.sectionblock {
    padding:3rem 0;position:relative;z-index:0;
}
.important-content:after, .client-speak:after, .banner-about:after {
 content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  background-image: url('../images/bodybg.jpg');
  height: 100%;
  width: 100%;
  background-size: cover;
  opacity: 0.2;
}

/* About Us */
.banner-about {
    padding:3rem 2rem;
    position: relative;
  overflow: hidden;background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);
}
.banner-about h2 {
    background-color:#f6f7fd;padding:10px 20px;
    border-radius:30px;display:inline-block;
    font-size:1rem;text-transform:uppercase;
}
.banner-about h1 {
    font-size:3rem;text-transform:uppercase;font-weight:600;
}
.banner-about p {color:#000;}
/* 7 */

.custom-btn {
  width: 130px;
  height: 50px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;text-align:center;
 
  outline: none;
}

.btn-7 {
background: #FF5F6D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  line-height: 52px;
  padding: 0;
  border: none;border-radius:30px;font-weight:600;
}
.btn-7 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}


.btn-7 span:hover{
background: #ffb770;
    background: -webkit-linear-gradient(to right, #71d2ff, #4b7bb5);
    background: linear-gradient(to right,#ffb471, #f4ff07);
    line-height: 52px;
    padding: 0;
    color: #2e2e2e;
    border: none;
    border-radius: 30px;
    font-weight: 600;
}
.bgart {
  position: absolute;
  right: -40px;
  top: -60px;
  height: 400px;
  z-index:1;transform:rotate(-10deg);
}

.triangular-img {
  position: absolute;
  right: -244px;
  top: -94px;
  height: 500px;
  z-index:0;opacity:.8;
}
/* Our Services */
.serviceblock {background-color: #f6f7ff;}
.serviceblock p{
    color:#000;text-align:justify;
}
.sectionblock p {
    text-align:justify;
}
.serviceBox {
    padding-top:30px;
}
.client-speak p-5 {
    padding:0 !important;
}
/* Our Networks */
.networksblock {
     
}
.networksimg {
    position:relative;
  
}
.networksimg img{
    position:absolute;
    top:-140px;
    left:0;
  
}
@media (max-width: 555px) {
    .mpolimited_header {
  margin-top: 10px;
}
    .awards-achieved .entries .entry .title::before {
        display:none !important;content:'';
    }
.entry {
  width: 100% !important;
  float: left;
  padding: 20px;
  clear: both;
  text-align: center !important;
}

.awards-achieved::before {
    display:none;
}
.awards-achieved .entries .entry:nth-child(2n) {
  text-align: left;
  float: none;
}
.awards-achieved .entries .entry:not(:first-child) {
  margin-top: 0px;
}
.awards-achieved .entries {
  width:100%;
  max-width: 100%;
  margin: auto;
  position: relative;
  left: 0px;
}
.img-thumbnail {display:none;}
.carousel-inner {
    padding:0 !important;
}
.carousel-control-prev, .carousel-control-next {
    display:none;
}

.readmore__toggle {
    margin: 0 auto;
  display: block;
}
.bgart, .triangular-img {
    display:none;
}
.contactBox {
    padding:20px 0;text-align:center;margin:0 0 0 0;
}
.networksimg {
    display:none;
}
}

/* Back to top Button */
#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

 /* About Us */
 .DivAbtus h4 {
     font-size: 1.35rem;font-weight:600 !important;
 }
 .txt h5,  .txt h5 strong {
    
  font-size: 1.25rem;font-weight:500 !important;
 
 }
  .txt p {
      color:#555454;
  }
   .txt p strong {
      color:#000;font-weight:500 !important;
  }




   .section-heading h6  {
   padding-top: 25px;
   }
   .banner-about h2 {
       margin-top:25px;
   }
   .important-content .section-heading h4 {
         padding-top: 25px;
   }

   .innerpage-wrapper {
  padding-top:110px;
 
}
   .innerheadbg {
       height:100px;
   }
.innerheadbg h2 {
    
    line-height: 100px;
  
}
.DivSubContainer1 {
    padding-top:20px;
}
 
.nav-item.active .nav-link {
color: #ec6e1b !important;}