* {margin:0;padding:0;box-sizing:border-box;}

 html {
  scroll-behavior: smooth;
}
 img {
     max-width:100%;vertical-align:middle;
 }
 div:after {
     content:'';
     display:block;
     clear:both;
 }
.mpolimited-banner {
    height:100vh;
    position:relative;

}
.logo img {
    width: 234px;
}
.mpolimited-bannerimg {
position: absolute;
  right: 0px;
  bottom: -48px;
  width: 600px;
  z-index: 4;
  filter: drop-shadow(#383838 0rem 1rem 12px);
}
.circleround {
position: absolute;
  right: 100px;
  bottom: -47px;
  width: 400px;
  height: 400px;
  border: 40px solid #fff;
  border-radius: 50%;
  z-index:3;/*background: rgba(255,255,255,.5);*/

}
.aboutmponline {
    position: relative;
  z-index: 4; 
  padding:150px 0;
}
.aboutmponline-image {
  position: relative;
  height: 100%;
  overflow: hidden;
}

body {
     font-family: "Ubuntu", sans-serif !important;
      background-color: #fff;
      color: #111;
    }
/*div:after {
    content: '';
    display: block;
    clear: both;
}*/
.aboutmponline h1 {
    color:#fff;  font-family: "Exo", sans-serif;font-weight:900;font-size:40px;
}
.aboutmponline h1 span {font-size:17px;display:block;}
.aboutmponline p {color:#fff;font-size:14px;}

/* Canvas */
.bg {
    background-image: url('../images/2799006.jpg');
    background-size: cover;
    height:100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
}
.bg:before {
    content: "";
    width: 100%;
    height:100vh;
    background: #000;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
}
    .bg:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        opacity: 0.3;
        background-image: url('../images/shakehands.jpg');
         background-size: cover;
         background-position:top 50%;
    }
@keyframes sf-fly-by-1 {
    from {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(0);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-2 {
    from {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-3 {
    from {
        transform: translateZ(-1800px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
}
.star-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    perspective: 600px;
    -webkit-perspective: 600px;
    z-index: -1;
}
.star-field .layer {
    box-shadow: -411px -476px #cccccc, 777px -407px #d4d4d4, -387px -477px #fcfcfc, -91px -235px #d4d4d4, 491px -460px #f7f7f7, 892px -128px #f7f7f7, 758px -277px #ededed, 596px 378px #cccccc, 647px 423px whitesmoke, 183px 389px #c7c7c7,
        524px -237px #f0f0f0, 679px -535px #e3e3e3, 158px 399px #ededed, 157px 249px #ededed, 81px -450px #ebebeb, 719px -360px #c2c2c2, -499px 473px #e8e8e8, -158px -349px #d4d4d4, 870px -134px #cfcfcf, 446px 404px #c2c2c2,
        440px 490px #d4d4d4, 414px 507px #e6e6e6, -12px 246px #fcfcfc, -384px 369px #e3e3e3, 641px -413px #fcfcfc, 822px 516px #dbdbdb, 449px 132px #c2c2c2, 727px 146px #f7f7f7, -315px -488px #e6e6e6, 952px -70px #e3e3e3,
        -869px -29px #dbdbdb, 502px 80px #dedede, 764px 342px #e0e0e0, -150px -380px #dbdbdb, 654px -426px #e3e3e3, -325px -263px #c2c2c2, 755px -447px #c7c7c7, 729px -177px #c2c2c2, -682px -391px #e6e6e6, 554px -176px #ededed,
        -85px -428px #d9d9d9, 714px 55px #e8e8e8, 359px -285px #cfcfcf, -362px -508px #dedede, 468px -265px #fcfcfc, 74px -500px #c7c7c7, -514px 383px #dbdbdb, 730px -92px #cfcfcf, -112px 287px #c9c9c9, -853px 79px #d6d6d6,
        828px 475px #d6d6d6, -681px 13px #fafafa, -176px 209px #f0f0f0, 758px 457px #fafafa, -383px -454px #ededed, 813px 179px #d1d1d1, 608px 98px whitesmoke, -860px -65px #c4c4c4, -572px 272px #f7f7f7, 459px 533px #fcfcfc,
        624px -481px #e6e6e6, 790px 477px #dedede, 731px -403px #ededed, 70px -534px #cccccc, -23px 510px #cfcfcf, -652px -237px whitesmoke, -690px 367px #d1d1d1, 810px 536px #d1d1d1, 774px 293px #c9c9c9, -362px 97px #c2c2c2,
        563px 47px #dedede, 313px 475px #e0e0e0, 839px -491px #e3e3e3, -217px 377px #d4d4d4, -581px 239px #c2c2c2, -857px 72px #cccccc, -23px 340px #dedede, -837px 246px white, 170px -502px #cfcfcf, 822px -443px #e0e0e0, 795px 497px #e0e0e0,
        -814px -337px #cfcfcf, 206px -339px #f2f2f2, -779px 108px #e6e6e6, 808px 2px #d4d4d4, 665px 41px #d4d4d4, -564px 64px #cccccc, -380px 74px #cfcfcf, -369px -60px #f7f7f7, 47px -495px #e3e3e3, -383px 368px #f7f7f7, 419px 288px #d1d1d1,
        -598px -50px #c2c2c2, -833px 187px #c4c4c4, 378px 325px whitesmoke, -703px 375px #d6d6d6, 392px 520px #d9d9d9, -492px -60px #c4c4c4, 759px 288px #ebebeb, 98px -412px #c4c4c4, -911px -277px #c9c9c9;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 4px;
    width: 4px;
    border-radius: 2px;
}
.star-field .layer:nth-child(1) {
    animation: sf-fly-by-1 5s linear infinite;
}
.star-field .layer:nth-child(2) {
    animation: sf-fly-by-2 5s linear infinite;
}
.star-field .layer:nth-child(3) {
    animation: sf-fly-by-3 5s linear infinite;
}
/* About us content css */
.section {
    padding:40px 0;
}
.aboutmpoltd-box {
    padding:40px 40px;
}
.aboutmpoltd-box h2 {
     font-family: "Exo", sans-serif;font-weight:500;
}
.aboutmpoltd-box-img {
   
    padding:40px 0 0 0;
}
.aboutmpoltd-box-img img {
    border-radius:20px;
}
.aboutmponlineltd-section {
    background-color:#fff;
}
.aboutmpoltd-box ul {
    margin:0;padding:0 0 0 40px;
}
.aboutmpoltd-box ul li strong img {
    height:30px;
}
.aboutmpoltd-box ul li {
    list-style-type:none;
    text-indent:-34px;
}
.serviceslink {
    background-color:#ec2662;
    color:#fff;text-decoration:none;
    border-radius:5px;
    padding:10px 20px;
}
/* Navigations */

  nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    transition: background-color 0.3s ease;
    background-color: transparent;
    box-shadow: none;padding: 20px 0;
  }

  nav.scrolled {
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  /* Logo float left */
  .logo {
    float: left;
    font-size: 1.5rem;
    font-weight: bold;
    user-select: none;
    line-height: 40px; /* vertically center roughly */
  }
  .logo h4 {
 font-family: "Bruno Ace", sans-serif;
       font-size:30px;font-weight:600;
text-align:right;
position:relative;
  }
  .logo h4:after {
      content: 'Powered By MPOnline Limited';
    font-size: 12px;
    display: block;
    letter-spacing: 0;
    position: absolute;
    font-family: "Ubuntu", sans-serif !important;
    color: #063a61;
    right: 10px;
    top: 49px;
}
  /* Navigation float right */
  ul.nav-menu {
    float: right;
    list-style: none;
    margin:0 !important;
    padding:0 0 0 0;
  }

  ul.nav-menu > li {
    position: relative;
    display: inline-block; /* horizontal menu */
    margin-left: 1.5rem;
  }

  ul.nav-menu > li > a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    padding: 0.5rem 0;
    display: inline-block;
    transition: color 0.3s ease;
    cursor: pointer;font-size:15px;
  }

  ul.nav-menu > li > a:hover {
    color: #007BFF;
  }

  /* Submenu */
  ul.submenu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    list-style: none;
    padding: 0.5rem 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    min-width: 150px;
    z-index: 999;
  }

  ul.submenu li {
    padding: 0;
  }

  ul.submenu li a {
    display: block;
    padding: 0.5rem 1rem;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.3s ease;
  }

  ul.submenu li a:hover {
    background-color: #f0f0f0;
  }

  ul.nav-menu > li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .scrolled .logo {
      color:#000;
  }
 .scrolled ul.nav-menu > li > a {
      color:#000;
  }
 
 /* Carousel products */
 .owl-theme .item {
  height: 340px;
  background: #fff;
 
  border-radius:10px;margin: 30px 5px 30px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
  .owl-theme .item img {
      border-radius:10px 10px 0 0;
  }
  
 .productsdetails {
      padding: 1rem;
 }
 .productsdetails h4 {
     font-size:1.2rem;
 }
.owl-carousel .item h4 {
  color: #000;
  font-weight: 400;
  font-size: 1.4375rem;
  margin-top: 0rem;
}
.owl-dots {display:none;}
  .ourproducts-sections {
      position:relative;
      z-index:0;
      padding:50px 0 0 0;
      height:100%;
  }
  .ourproducts-sections .item {
  background: #fff;
  margin-bottom:20px;width:100%;
  border-radius:10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  }
  .imageproducts {
      height:150px;
  }
  .imageproducts img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius:10px 10px 0 0;
}
  .explorebtn {
      display:block;
      border-radius:5px;
      padding:8px 20px;
      width:100%; border:2px solid #ddd;
      text-decoration:none;
      text-align:center;
      color:#000;
      margin-top:20px;
      transition:.5s all;
      position:relative;
      z-index:0;
  }
  .explorebtn:hover {
      background-color:#1b3d98;border:2px solid #1b3d98;
      color:#fff;transition:.5s all;
  }
   .explorebtn img {
       height:20px;display:none;transition:.5s all;
       z-index:1; display:inline-block;
       margin-left:4px;
   }
   .explorebtn:hover img {
       display:inline-block;transition:.5s all;margin-right:-20px;
   }
     .half-colored {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f9f9f9 50%, white 50%);
  position: absolute;
  left: 0;
  top: 0;
  z-index:-1;
}
 .contact-info h3 {
    font-size:20px;font-weight:700;
}
.contact-info h4 {
    font-size:17px;
}
.contact-info h6 {
    font-size:17px;
}
.address-col p {margin:0 !important;padding:0;}
.page-row-button {
background-color: #2999a90a;
  padding:5px 0;
}
.page-row-button a {text-decoration:none !important;color:#000;}
.backlink img {height:35px;}
footer {
  background-color: #020f19;
  padding: 1rem 0;
  color: #fff;
    }

    .navbar-brand img{width:150px;}
    /* Inner page design */
    .wrapper {
        min-height:100vh;
        height:100%;
    }
    .homeWrapper {
      
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  opacity: 1 !important;
  pointer-events: none;
}
 
.page-header-title {
   padding: 30px 0;
  text-align: center;
  z-index: 0;
  position: relative;
  background-color: #eff9ff;
  height: 100px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-header-title:after {
    content:'';
    position:absolute;
    left:0;
    top:0;width:100%;
    height:100%;
     background-image: url('../images/headereservicenest.svg');
     background-repeat:no-repeat;z-index: -1;
}
.eserviceproduct-image {
  padding: 20px 40px;
  position:relative;
 
}
.eserviceproduct-image img {
  border-radius: 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transition: .5s all;
}
.eserviceproduct-image img:hover {
  border-radius: 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}
.eserviceproduct-content h2 {
  font-size:40px;
  line-height: 1;
}
.eserviceproduct-content {
    padding:10px 0;
}
.eserviceproduct-content p {
    font-size: 16px;
}
.bookdemo {
  border-radius: 50px;
  padding: 10px 20px;
  background-color: #f6b944;
  color: #000;
  text-decoration: none;
}
.eserviceproduct-image h5 {
  position: absolute;
  left:0;right:0;
  margin:0 auto;
  width: 100px;
  top:10%;
  text-align: center;
  font-size: 240px;
  opacity: .5;
}
.eserviceproduct-content strong {
  font-size: 20px;
}
.eserviceproduct-content ul {
      margin: 0 0 20px;
  padding: 0 0 0 0px;
  display: block;
      }
    .eserviceproduct-content ul li:after {
       content: '';
  background-image: url('../images/checki.svg');
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 3px;
  background-size: 20px;
    }
.eserviceproduct-content ul li img {
  height: 20px;
}
      .eserviceproduct-content ul li {display: inline-block;
  list-style-type: square;
  text-indent: 0;
  position: relative;
  padding-left: 25px;text-align: left;
  font-size: 15px;}
      .eserviceproduct-content ul li img {height:20px;display:none;}
      .chatbot, .marksheetreview, .tourismGuide {
          position:relative;
      }
      .eserviceproduct-content ul li strong {font-size:14px;}
    @media only screen and (max-width: 600px) {
   .aboutmponline {
  padding:50px 0;
}
   .logo {
  float: none;
 text-align:center;
  color: #000;
 
}
   .half-colored {
  display:none;
}
        nav {
            position: relative;
            top: 0;
            background-color:#fff;
        }
        ul.nav-menu > li > a {
            text-decoration: none;
            color: #000;
        }
        .mpolimited-bannerimg {display:none;}
        .circleround {display:none;}
        .aboutmponline {
            text-align:center;
        }
        .aboutmponline h1 {font-size:30px;}
        .aboutmpoltd-box-img {
            width: 100%;
        }
        .aboutmpoltd-box {
  padding: 20px 0px;
  text-align:center;
}
        .aboutmpoltd-box ul {
  margin: 0;
  padding: 0 0 0 0;
}
        .aboutmpoltd-box ul li strong img {
  display:none;
}
        .aboutmpoltd-box ul li {
  list-style-type: none;
  text-indent: 0;
}
        .aboutmpoltd-box ul li strong {display:block;}
        .contact-section {text-align:center;}
        .eserviceproduct-image h5 {display:none;}
        .page-header-title::after {display:none;}
        .page-header-title {height:100%;}
        .eserviceproduct-content {text-align:center;}
        .eservicesnest-product-section .float-end {
            float:none !important;
            text-align:center;
        }
        .eserviceproduct-content h2 {
  font-size: 35px;
}
        .mpolimited-banner {
  height: 100%;
  position: relative;
}
.logo h4 {
  
     font-size:13px;  
   
    text-align:left;
    position: relative;
}
.logo h4:after {
 font-size:9px !important;
    right: 47px;
top:41px;
}
.logo img {
    max-width:194px;width:194px;
}

}

@media only screen and (max-width:999px) {
     div:after {
     content:'';
    display:none;
 }
}