@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

html,
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #333333;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    background-image: url(../images/mwp-background.jpg);
}
 

h1,h2,h3,h4,h5,h6 {
    color: #333333;
    margin-bottom: 0;
    padding-bottom: 10px;
}
 
h1,h2,h3,h4,h5,h6 {
    font-family: 'Noto Sans JP', sans-serif; font-size:28px; font-weight: bold;
}
 
* {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
}

p {
    margin-bottom: 8px; font-family: 'PT Sans', sans-serif; font-size: 19px
}

figure {
    margin: 0;
}

 

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #e76600;font-family: 'PT Sans', sans-serif; display: block;
}

a,
a:hover,
a:focus,
input:focus {
    text-decoration: none;
    outline: none !important;
    color: #02743a;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.escorticons{font-size: 30px; color: #000}
.imht{max-height: 350px}
img {
    max-width: 100%;
}
.btn-primary{background-color: #30318b; border: 0;  }
span{display: block;}
.main-nav{ background:#096C6C;    }
.navbar-brand{display: flex;}
.navbar-light .navbar-nav .nav-link{color: #fff;}
.navbar-expand-md{width: 100%}
.sticky-top h1{color: #fff; font-weight: normal; margin-left:  15px; margin-top: 8px; font-size: 18px; }
.main-nav .right{text-align: right; display: ruby;}
.first {}
.cont{padding: 50px 0}
.cont img{width: 50px}
.cont .im{width:20px}
.cont .blue{ color: #30318b}
.sli h2{margin: 10px 0  20px}
.header{padding:180px 0 417px  0;background: #096C6C; text-align: left; background-position: center;  background-repeat: no-repeat; background-image: url(../images/Investment-Partnership-Progressive-MarConPra-min.jpg);  }
.header h1{color: #000; opacity: .9}
.header p{color: #333; opacity: .9}
.first{padding:180px 0 433px  0; color: #fff; background: #096C6C; text-align: left; background-position: right;  background-repeat: no-repeat; background-image: url(../images/private-limited-company---marconpra.jpg);  }
.first h2{color: #fff; margin: 20px 0}
.second {padding:150px 0 433px  0; color: #fff; background: #096C6C; text-align: left; background-position: left;  background-repeat: no-repeat; background-image: url(../images/AI-Marketer---marconpra-product.jpg);  }

.third{padding:150px 0 433px  0; color: #fff;   text-align: left; background-position: right top;  background-repeat: no-repeat; background-image: url(../images/Automation-in-marketing---marconpra.jpg);  }
.third h2{color: #fff; margin:20px 0}


.four{padding: 80px ; text-align: center; background-color: #0A002B; color: #fff }
.four h2{color: #fff; margin-bottom: 30px;}
.four h5{color: #fff; margin-bottom: 30px;}
.four .imgf{width: 20%; margin-top: 30px}
.four img{width: 30%}


.five{ padding: 80px 80px 233px; text-align: right; background-image:url(../images/working-team-member.jpg); background-repeat: no-repeat; color: #fff; 
    background-size: cover;    }
.five h2{   margin-top: 25px; margin-bottom: 90px; color: #fff }
 

.six{padding: 80px ; text-align: center; }
.six img {width: 200px; margin: 10px }
.six span {font-size: 12px; }



.footer{padding: 80px ; text-align: center;background: #eee; border-radius: 15px}
.footernew{ margin-top:20px; }
.footernew img{ width:50px }
nav-bar {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background: darkcyan;
  transition: background .5s
}

.nav-1 {
  transition: margin-right .5s ease;
}

.content {
  background: #c0c0c3;
  color: #414041;
}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  background: darkslategrey;
}

.toleft {
  margin-right: 50%;
}
#navbar {
  background-color: #096C6C;
  position: fixed;
  top: -300px; z-index: 99;
  width: 100%;
  display: block;
  transition: top 0.3s;
}
#navbar h1{color: #fff; font-size: 20px ; font-weight: normal;}
#navbar a {  float: left;  display:ruby;  color: #f2f2f2;  text-align: center;   padding: 10px 15px;  text-decoration: none;  font-size: 17px;}
#navbar .right{display: block ruby; float: right; text-align: right; padding: 6px 20px 0 0 
}
 
.footer{ }
.footer p{ font-size: 16px}
@media screen and (max-width:480px){
  .mobl{display: none}
  .footer p{font-size: 11px}
    .collapse:not(.show){display: block;}
    #navbar a{font-size: 16px;}
    #navbar h1{font-size: 17px}
.header{padding: 80px 20px}
.first{padding: 80px 20px}
.second{padding: 80px 20px}
.third{padding: 80px 20px}
.four{padding: 80px 20px}
.five{padding:280px 20px 40px 20px;   background-image:url(../images/working-team.jpg);}
.five h2{margin-top: 10px; margin-bottom: 20px}

.six{padding: 80px 20px}
.footer{padding: 80px 20px}

}