.connect-area {
  width: 100%;
  margin: 120px 0 100px;
}
.connect-area .full-area {
  max-width: 1632px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.connect-area .full-area .left-part {
  width: calc(100%/2 - 32px);
  margin: 0 16px;
  border-radius: 20px;
  padding: 70px 62px 229px 70px;
  background:#D9F1F2 url(/template/c3cde960/images/connect-expert-img.jpg) no-repeat;
}
.connect-area .full-area .right-part {
  width: calc(100%/2 - 32px);
  margin: 0 16px;
  border-radius: 20px;
  padding: 70px 340px 267px 70px;
  background: #F8F8E7 url(/template/c3cde960/images/care-beauty-img.jpg) no-repeat;
}
.connect-area .full-area .left-part h3,
.connect-area .full-area .right-part h3{
  margin:0;
  padding:0 0 30px 0;
}
.connect-area .full-area .left-part h3 div,
.connect-area .full-area .right-part h3 div{
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 46px;
  line-height:55px;
   color: #1C4F52;
}
.connect-area .full-area .left-part p,
.connect-area .full-area .right-part p{
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 29px;
  line-height: 35px;
  color: #1C4F52;
  margin:0;
  padding:0 0 30px 0;
}
.connect-area .full-area .left-part a,
.connect-area .full-area .right-part a{
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height:20px;
  color: #FFFFFF;
  margin:0;
  padding: 12px 5px;
  background: #1C4F52;
  border-radius: 42px;
  display:block;
  text-align:center;
  text-decoration:none;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease;
}
.connect-area .full-area .left-part a{
  max-width: 322px;
}
.connect-area .full-area .right-part a{
  max-width: 162px;
}
.connect-area .full-area .left-part a:hover,
.connect-area .full-area .right-part a:hover{
    color: #1C4F52;
    background: #fff;
}
@media screen and (max-width: 1500px){
.connect-area .full-area {
  max-width: 1410px;
}
.connect-area .full-area .right-part {
  padding: 70px 200px 267px 70px;
}

}

@media screen and (max-width: 1400px){
.connect-area .full-area .left-part,
.connect-area .full-area .right-part {
  width: calc(100%/2 - 20px);
  margin: 0 10px;
}
.connect-area {
  margin: 100px 0 90px;
}
.connect-area .full-area {
  max-width: 1330px;
}
}
@media screen and (max-width: 1300px){
.connect-area .full-area .left-part h3 div, .connect-area .full-area .right-part h3 div {
  font-size: 40px;
  line-height: 50px;
}
.connect-area .full-area .left-part {
padding: 70px 25px 125px 50px;
background-position: 0 -30px;
}
.connect-area .full-area {
  max-width: 1240px;
}
.connect-area .full-area .left-part p, .connect-area .full-area .right-part p {
  font-size: 25px;
  line-height: 35px;
  padding: 0 0 30px 0;
  min-height: 100px;
}
.connect-area .full-area .right-part {
  padding: 70px 190px 210px 50px;
  background-position: -125px 0;
}

}
@media screen and (max-width: 1200px){
.connect-area .full-area .left-part h3 div, .connect-area .full-area .right-part h3 div {
  font-size: 35px;
  line-height: 45px;
}
.connect-area .full-area .left-part p, .connect-area .full-area .right-part p {
  font-size: 22px;
  line-height: 30px;
  padding: 0 0 15px 0;
}
.connect-area .full-area .left-part {
  padding: 50px 20px 100px 30px;
  background-position: 0 -100px;
}
.connect-area .full-area {
  max-width: 100%;
  padding: 0 10px;
}
.connect-area .full-area .right-part {
  padding: 50px 140px 170px 30px;
  background-position: -33px 70px;
  background-size: 550px;
}
.connect-area {
  margin: 70px 0 80px;
}
}
@media screen and (max-width: 991px){
.connect-area .full-area .left-part h3 div, .connect-area .full-area .right-part h3 div {
  font-size: 28px;
  line-height: 36px;
}
.connect-area .full-area .left-part {
  padding: 30px 20px 50px 20px;
  background-position: 0 -195px;
}
.connect-area .full-area .right-part {
  padding: 30px 20px 135px 20px;
  background-position: 17px 145px;
  background-size: 340px;
}
.connect-area .full-area .left-part p, .connect-area .full-area .right-part p {
  font-size: 18px;
  line-height: 26px;
}
.connect-area .full-area .left-part h3, .connect-area .full-area .right-part h3 {
  padding: 0 0 15px 0;
}
.connect-area .full-area .left-part a, .connect-area .full-area .right-part a {
  font-size: 15px;
  padding: 10px 5px;
}
.connect-area .full-area .left-part a {
  max-width: 285px;
}
}
@media screen and (max-width: 767px){
.connect-area .full-area {
  padding: 0 15px;
  flex-direction: column;
}
.connect-area .full-area .left-part {
  padding: 20px 20px 65px 20px;
 background-position: 0 20px;
  width: 100%;
  margin: 0 0 20px;
  background-size: 350px;
}
.connect-area .full-area .left-part h3 div, .connect-area .full-area .right-part h3 div {
  font-size: 25px;
  line-height: 34px;
}
.connect-area .full-area .left-part p, .connect-area .full-area .right-part p {
  font-size: 16px;
  line-height: 23px;
  min-height: unset;
  padding: 0 0 25px 0;
}
.connect-area .full-area .right-part {
  padding: 30px 20px 70px 20px;
  background-position: 85px 75px;
  background-size: 260px;
  margin: 0;
  width: 100%;
}
.connect-area {
  margin: 50px 0 50px;
}
}