body{
    box-sizing: border-box;
    margin:0;
    padding:0;
  
}
.maincontent{
    max-width:100%;
    padding:0;
    margin:0;
}

img{
    width:100%;
}
h1{
    font-size:2.2rem;
}
#icon-hr{
    border-top:1px solid #000;
    max-width:60%;
    margin:20px auto ;
}
.main-hr{
    border-top:1px solid #000;
    max-width:60%;
    margin:10px 0 20px;
}
.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}

.hero{
    position: relative;
}
.hero-inner{
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    padding:15%;
}
#hero-logo{
    position: absolute;
    top:5%;
    left:5%;
    max-width:300px;
}
#hero-title{
    position: absolute;
    top:25%;
    left:10%;
    color:#fff;
}
#hero-subtitle{
    position: absolute;
    top:35%;
    left:15%;
    color:#fff;
}
.section1{
    padding:3% 8%;
    max-width:1800px;
    margin:0 auto;
}
.sec1-header{
    text-align:center;
    margin:0 auto;
    max-width:1200px;
}
.sec1-grid{
    display:grid;
    grid-template-columns: 50% 50%;
    gap:100px;
}
.sec1-grid-left{
    grid-column:1/2;
    grid-row:1/2;
}
.sec1-grid-right{
    grid-column:2/3;
    grid-row:1/2;
}
.bottom-left{
    margin:100px 0 0;
    /* text-align:right; */
}
#bl-img{
    text-align:left;
    filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}
.top-right{
    margin:100px 0 0;
}
#tr-img{
    text-align:right;
    filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}
.bottom-right{
    clear:both;
    margin:50px 0 0;
}
#br-text{
    /* text-align:right; */
    margin-top:-50px;
}
#br-img{
    
    filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}
.cta{
    text-align:center;
}
.btn-wrapper{
    margin-top:20px;
}
.section2{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    margin:30px auto;
    text-align:center;
   max-width:1500px;
}

.section3{
    margin:50px auto;
    max-width:1500px;
    padding:0 5%;
}
.sec3-header{
    text-align:center;
    max-width:1200px;
    margin:0 auto;
}
.sec3-grid{
    display:grid;
    grid-template-columns:50% 50%;
    gap:50px;
    margin:50px 0;
}
.icon-item{
    margin:20px 0;
    min-height:200px;
}
.icon-text h4{
    text-transform:uppercase;
    font-weight:700;
}
.icon{
    max-width:100px;
    float:left;
    margin:0 20px 0 0;
}
@media screen and (max-width:1200px){
  .section2{
  flex-wrap:wrap;
  padding:0 5%;
}
}
@media screen and (max-width:992px){
   .sec1-grid{
  display:block;
  text-align:center;
}
  .sec3-grid{
  display:block;
}
}