@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
h1, h2, h3, h4, h5, h6, a, p,ul,li {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
}
div{box-sizing: border-box;}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.clear {
  display: block;
  clear: both;
  content: "";
}
.f-blue{color:  #4771cbff;}
.bodydiv{width: 100%; margin: 0 auto;}
.div-n1{width: 100%; background-color: #4771cbff; background-image: url(images/banner-r.jpg);
  background-repeat: no-repeat; min-height: 335px; height: 335px;}
.div-n1l{width: 500px;  height: auto; float: left;}
.div-n1l img{ width: 300px; height: 194px; margin: 70px 100px 37px 100px;  }
.div-n1r{width: calc(100% - 500px); height: 275px; float: right; padding: 20px;

  
}
.h1{  
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 800;
  color: #2a2a2a;
  line-height: 72px;
  text-align: center;
  background: #FA9D4D;
  background: -webkit-linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  background: -moz-linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  background: linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.h4{  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 45px;
  font-size: 27px;
  font-weight: 600;
  color: #f2f2f2;
text-align: center;}



.h3{  
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 800;
  color: #2a2a2a;
  line-height: 50px;
  text-align: center;
 }

 .h5{
 	color: #2a2a2a;
 	margin-top: 2px;
    padding-top: 20px;
    margin-bottom: 23px;
    font-size: 20px;
 }
 

	.div-n5{ width: 95%; margin:auto; height: auto; padding-bottom: 20px;  }
.div-n51{width: 885px;  height: auto;  
  border:1px solid #fff;  padding:1px;text-align: left; margin: 1% auto;
 }
 .div-n51 p{  color: #2a2a2a;
      line-height: 26px;
    font-size: 14px;
    text-align: justify; }
 .div-n51l{width: 60px;
    float: left;
    height: 82px;
    padding: 15px;}
 .div-n51r{width: calc(100% - 76px); float: right; margin-left: 10px;}
  .div-n51h4{ width: 100%; height: auto; }
  .div-n51p{
  color: #2a2a2a;
      line-height: 26px;
    font-size: 14px;
    text-align: justify;
 }
.h51{
  color: #2a2a2a;
  margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 2px;
    font-size: 20px;
 }
 .n5icons{font-size:50px; color: #4771cbff; }

 
    .div-n6{ width: 100%; background-color: #33ccc5; height: auto; padding-bottom: 20px; background-image: url(images/footer.jpg);
  background-repeat: no-repeat; }
  .div-n61{ width: 500px; margin: auto; }
  

     .div-n61p{
  color: #4a3434;
      line-height: 36px;
    font-size: 26px;
    text-align: center;
 }
  .div-n61p a{ color: #4a3434; text-decoration: none; }
 .div-n7{ width: 100%; background-color: #33ccc5;     height: 147px; padding: 24px;  margin: auto; 
 background-image: url(images/cta.jpg);
  background-repeat: no-repeat; }
	.div-n71{  margin: auto; }
 .div-n71p{
 	color: #4a3434;
 	    line-height: 50px;
    font-size: 26px;
    text-align: center;
    font-weight: 600;
 }	
 .div-n71p a{ color: #4a3434; text-decoration: none; }

.div-n8{width: 100%; background-color: #ffffff; border-top:1px solid #fff; margin-bottom: 20px; }
.div-n81{width: 23%;  height: 200px; float: left; 
  border:1px solid #fff; border-radius: 10px; padding:30px;text-align: center; margin: 1% 1%;
background-image: url(images/services.jpg);
  background-repeat: no-repeat; }

 .div-n81h4{ width: 100%; height: 106px; }
 
 .div-n81p{
  color: #2a2a2a;
      line-height: 26px;
    font-size: 14px;
    text-align: right;
 }
 .div-n81ul{
  color: #2a2a2a;
      line-height: 26px;
    font-size: 14px;
margin-top: 17px;
 }
 .div-n81ul li{ list-style: none; text-align: left; line-height: 26px;
    font-size: 14px; }

 @media screen and (min-width:  1500px) {.bodydiv{width: 1500px; margin: 0 auto;}}
 @media screen and (max-width:  1000px) {
  .div-n1 { height: 386px; }
 .bodydiv{width: 100%; margin: 0 auto;}
 .div-n1l { width: 100%; height: auto; margin-top: 20px;}
 .div-n1r { width: 100%; height: auto; padding: 2px;}
 .div-n1l img {   margin: auto auto auto calc(50% - 150px);}
 .h1{ margin-top: 1px; padding-top: 1px; }
 .h4 { margin-top: 1px; padding-top: 1px;}
}

 @media screen and (max-width:  900px) {
.div-n21 { width: 216px; }
.div-n2 { width: 450px; margin: 0 auto 20px; }
.div-n31 { width: 265px; height: auto; min-height: 480px; background-repeat: repeat-x; }
.div-n3 { width: 554px; margin: 0 auto 20px; }
.div-n51 { width: 100%;}
.div-n81 { width: 265px; height: auto; min-height: 200px; background-repeat: repeat-x; }
.div-n8 { width: 554px; margin: 0 auto 20px; }
 }
 @media screen and (max-width:  555px) {
      .div-n3 { width: 100%; }
      .div-n31 { width: 100%; min-height: auto;}
      .div-n61 { width: 100%;}
      .div-n8 { width: 100%; }
      .div-n81 { width: 100%; min-height: auto;}
 }
 @media screen and (max-width:  450px) {
      .div-n2 { width: 216px; margin: 0 auto 20px; }
      .div-n71p {  line-height: 38px; }
 }
  @media screen and (max-width:  400px) {
     .div-n41 { width: 95%; }
     .div-n41img{ width: 100%; height: auto; }
  .div-n41img img{ width: 100%; height: auto;  }
  .div-n1l img { width: 200px; height: auto; margin: auto auto auto calc(50% - 100px); }
  .h1 {font-size: 40px; line-height: 51px;}
  .h4{ font-size: 24px; }
 }