@charset "utf-8";
/* CSS Document */

.gynaecology-issues-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  }
.gynaecology-issues-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gynaecology-issues-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.gynaecology-issues-sec1-box1 aside h2{width: 100%; height: auto;  font-size: 28px; font-weight: 600; color: #050505; line-height:32px; padding: 0px 0px 30px 0; }
.gynaecology-issues-sec1-box1 aside{width: 50%; height: auto; float: left; display: block;  padding-right: 5%;}
.gynaecology-issues-sec1-box1 aside p{width: 100%; height: auto;   font-size: 16px; font-weight: 400; color: #050505; line-height:22px; padding: 0px 0px 20px 0; }

.gynaecology-issues-sec1-box1 figure{width: 50%; height: auto; float: left; display: block; padding-left: 5%;}
.gynaecology-issues-sec1-box1 figure i{ width: 100%; max-width: 450px; height: auto; display: block; }
.gynaecology-issues-sec1-box1 figure i img{width: 100%;}








.gynaecology-issues-sec2 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  background: #FFEAF6; }
.gynaecology-issues-sec2:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gynaecology-issues-sec2-box1{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.gynaecology-issues-sec2-box1 h2{width: 100%; height: auto; float: left; font-size: 28px; font-weight: 600; color: #000; line-height:32px; padding: 0px 0px 30px 0; text-align: center;  }
.gynaecology-issues-sec2-box2{ width: 100%; height: auto; float: left; display: block; overflow: hidden; }
.gynaecology-issues-sec2-box2 ul{ margin-left: -2px; margin-right: -2px; margin-bottom: -2px; height: auto;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.gynaecology-issues-sec2-box2 ul li{ height: auto; float: left; display: block; padding: 30px 30px 30px 30px;  position: relative; border-right: 1px dashed #a4a4a4; border-bottom: 1px dashed #a4a4a4;      transition: 0.4s; }
.gynaecology-issues-sec2-box2 ul li aside{ width: auto; margin: 0 auto; display: table; text-align: center;}
.gynaecology-issues-sec2-box2 ul li aside figure{ background: url(../images/symptoms-bg.svg) no-repeat left top; width: 175px ; height: 175px; display: table; margin: 0 auto 20px; }
.gynaecology-issues-sec2-box2 ul li aside figure i { display: table-cell;  vertical-align: middle; text-align: center;}
.gynaecology-issues-sec2-box2 ul li aside h3{width: 100%; height: auto; float: left; font-size: 16px; font-weight: 600; color: #000; line-height:22px; padding: 0px 0px 0px 0; text-align: center;}
.imagesicon-row3 li{ width: 33.333%;}
.imagesicon-row4 li{ width: 25%;}
.imagesicon-row5 li{ width: 20%;}



.gynaecology-issues-sec3 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  background: #fff; }
.gynaecology-issues-sec3:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gynaecology-issues-sec3-box1{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.gynaecology-issues-sec3-box1 h2{width: 100%; height: auto; float: left; font-size: 28px; font-weight: 600; color: #000; line-height:32px; padding: 0px 0px 30px 0; text-align: center;  }
.gynaecology-issues-sec3-box1 h3{width: 100%; height: auto; float: left; font-size: 22px; font-weight: 400; color: #000; line-height:28px; padding: 0px 0px 0px 0; }
.gynaecology-issues-sec3-box1 ul{width: 100%; height: auto; float: left;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; padding-top: 10px;}
.gynaecology-issues-sec3-box1 ul li{ height: auto; float: left; display: block; padding: 0 0 0 30px; position: relative;  font-size:18px; font-weight: 400; color: #212121; line-height: 22px; margin-bottom: 15px;   }
.gynaecology-issues-sec3-box1 ul li strong{ display: block; font-weight: 400; color: #e33861;} 
.gynaecology-issues-sec3-box1 ul li:after{ content: ''; position: absolute; left: 0; top: 0; background: url( ../images/list-bg.svg) no-repeat left top; width: 20px; height: 20px; background-size: cover; }
.gynaecology-issues-sec3-box1 ul.row1 li{width: 100%;}
.gynaecology-issues-sec3-box1 ul.row2 li{width: 50%;}
.gynaecology-issues-sec3-box1 ul.row3 li{width: 33.3%;}
.gynaecology-issues-sec3-box1 ul.row4 li{width: 25%;}





.gynaecology-issues-sec4 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  background: #FFEAF6; }
.gynaecology-issues-sec4:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gynaecology-issues-sec4-box1{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.gynaecology-issues-sec4-box1 h3{width: 100%; height: auto; float: left; font-size:28px; font-weight: 600; color: #000; line-height:32px; padding: 0px 0px 30px 0; text-align: center;  }
.gynaecology-issues-sec4-box1{width: 100%; height: auto; float: left; display: block; }
.gynaecology-issues-sec4-box1 ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.gynaecology-issues-sec4-box1 ul li{width: 25%; height: auto; float: left; display: block; padding: 1px; overflow: hidden;  position: relative;}
.gynaecology-issues-sec4-box1 ul li figure{width: 100%; height: auto; float: left; display: block; position: relative; line-height: 0;  overflow: hidden; position: relative; }
.gynaecology-issues-sec4-box1 ul li figure:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.35); }
.gynaecology-issues-sec4-box1 ul li figure img{width: 100%; -webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out; overflow: hidden;}
.gynaecology-issues-sec4-box1 ul li:hover figure img{-webkit-transform: scale(1.1);} 
.gynaecology-issues-sec4-box1 ul li:before {box-sizing: border-box; transform: translateX(100%); content: ''; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;border-radius: 0px; border-bottom: 1px solid transparent;border-left: 1px solid transparent;}
.gynaecology-issues-sec4-box1 ul li:after {box-sizing: border-box;transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;border-radius: 0px; border-top: 1px solid transparent; border-right: 1px solid transparent;}
.gynaecology-issues-sec4-box1 ul li:hover { color: inherit; text-decoration: none;}
.gynaecology-issues-sec4-box1 ul li:hover:before {transition: 0.1s transform linear, 0.5s height linear 0.1s; transform: translateX(0); height: 100%; border-color: #e33861 ;}
.gynaecology-issues-sec4-box1 ul li:hover:after { transition: 0.1s transform linear 0.2s, 0.5s height linear 0.3s; transform: translateX(0); height: 100%; border-color: #e33861;}
.gynaecology-issues-sec4-box1 ul li:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);}
.gynaecology-issues-sec4-box1 ul li figure aside{ position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; z-index: 3;}
.gynaecology-issues-sec4-box1 ul li figure aside h2{width: 100%;   position: absolute; left: 0px; right: 0px; padding: 0 20px; bottom: 20px; font-size: 16px; font-weight: 600; color: #fff; line-height:20px; text-align: center; }
.gynaecology-issues-sec4-box1 ul li figure aside span{ width: 65px;height: 65px;background: #ED168C; position: absolute; right: 0; bottom: 0px;}
.gynaecology-issues-sec4-box1 ul li figure aside span i { position: absolute;  top: 50%;left: 34px; font-size: 22px; color: #fff; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s;  transition: transform .4s;  transition: transform .4s,-webkit-transform .4s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center}
.gynaecology-issues-sec4-box1 ul li:hover figure aside span i{ -webkit-transform: translate(-50%,-50%) rotate(1turn); -ms-transform: translate(-50%,-50%) rotate(1turn);  transform: translate(-50%,-50%) rotate(1turn)}





.gynaecology-issues-sec5 { width: 100%; height: auto; float: left; display: block; margin-top:0px; padding: 70px 0 70px 0; position: relative;  background: #fff;; }
.gynaecology-issues-sec5:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gynaecology-issues-sec5-box1{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.gynaecology-issues-sec5-box1 aside{width: 50%; height: auto; float: left; display: block; padding-right: 3%; }
.gynaecology-issues-sec5-box1 aside h2{width: 100%; height: auto;  font-size: 28px; font-weight: 600; color: #050505; line-height:32px; padding: 0px 0px 20px 0; }
.gynaecology-issues-sec5-box1 aside h6 {width: 100%; height: auto;  font-size: 16px; font-weight: 600; color: #050505; line-height:22px; padding: 0px 0px 20px 0; }
.gynaecology-issues-sec5-box1 aside h6 a{font-size: 36px; font-weight: 600; color: #E33861; line-height:46px; display: block;}


.gynaecology-issues-sec5-box1 aside p{width: 100%; height: auto;   font-size: 16px; font-weight: 400; color: #050505; line-height:22px; padding: 0px 0px 20px 0; }
.gynaecology-issues-sec5-box1 aside h3{width: 100%; height: auto;  font-size: 22px; font-weight: 400; color: #050505; line-height:28px; padding: 0px 0px 20px 0; }
.gynaecology-issues-sec5-box1 aside small{ width:auto; height: 50px;  float: left; display: block; margin-right: 25px;}
.gynaecology-issues-sec5-box1 aside small a{padding: 0 20px; background: #E33861; font-size: 16px; font-weight: 600; color: #FFF; line-height: 50px; display: block; border-radius: 25px;  background-image: linear-gradient(0, #000, #000); background-size: 0; transition: .8s; position: relative; background-repeat: no-repeat; }
.gynaecology-issues-sec5-box1 aside small a:hover{ background-size: 100%; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);  box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14);}
.gynaecology-issues-sec5-box1 figure{width: 50%; height: auto; float: left; display: block; padding-right: 5%; }
.gynaecology-issues-sec5-box1 figure img{width: 100%;}





@media screen and (max-width: 1023px) {
    .gynaecology-issues-sec1 { padding: 30px 0 30px 0;}
    .gynaecology-issues-sec1-box1 aside {  width: 100%; padding-right: 0%; text-align: center;}
    .gynaecology-issues-sec1-box1 figure { width: 100%; max-width: 450px; margin: 0 auto; display: table; padding-left: 0%; float: none;}
    .imagesicon-row5 li {  width: 33.33%;}
    .gynaecology-issues-sec3-box1 ul.row4 li { width: 50%;}
    .gynaecology-issues-sec4-box1 ul li { width: 50%;}
    .gynaecology-issues-sec2 { padding: 30px 0 30px 0;}
    .gynaecology-issues-sec3 { padding: 30px 0 30px 0;}
    .gynaecology-issues-sec4 {  padding:30px 0 30px 0;}
    .gynaecology-issues-sec5 { padding: 30px 0 30px 0;}
}
@media screen and (max-width: 700px) {
 .imagesicon-row5 li {  width: 50%;}
 .gynaecology-issues-sec5-box1 figure {  width: 100%;padding-right: 0%;}
 .gynaecology-issues-sec5-box1 aside { width: 100%;  padding-right: 0%; text-align: center;}
}

@media screen and (max-width: 550px) {
 .imagesicon-row5 li {  width: 100%;}
     .gynaecology-issues-sec3-box1 ul.row4 li {width: 100%; }
         .gynaecology-issues-sec4-box1 ul li { width: 100%; }
}