.aboutBanner {background: linear-gradient(180deg, #FDF5EF 0%, #FFFFFF 100%); position: relative; padding:30px 0px 60px 0px;}
.aboutBannerText h1 {margin: 20px 0px 30px 0px;color: #333333;font-family: 'Circular Std Bold'; font-size: 42px;}

.aboutBannerImg {position: relative; padding: 40px;}
.aboutBannerImg:before {content: ""; position: absolute; left: 4px; bottom: -50px; width: 100%; height: 100%;border-radius: 50%;background: linear-gradient(360deg, #E99281 0%, rgba(253, 245, 239, 0.29) 94.17%);}
.aboutBannerImg img {position: relative;}

.aboutSecB {padding:120px 0px 120px 0px; position: relative; overflow: hidden;}
.aboutSecB:before {content: ""; width: 100px; height: 225px;  position: absolute; left:0px; bottom: 0px; background: url(../images/about-page/pattern-08.png) no-repeat 0px 0px;}
.aboutSecB .img {text-align: center; position: relative;}
.aboutSecB .img img {position: relative;}
.aboutSecB .img:before {content: ""; width: 240px; height: 240px; border-radius: 50%; border:solid 50px #FDF5EF; position: absolute; right: -110px; top: -120px;}
.aboutPage .desc {color: #707070; font-size: 16px;}


.aboutSecC {padding: 0px 0px 70px 0px;}
.aboutIconBox {background: #fff;filter: drop-shadow(0px 5px 8px rgba(233, 146, 129, 0.361)); border-radius: 10px; height: 272px; width: 272px; margin: 15px auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.aboutIconBox h3 {color: #707070;font-size: 16px; line-height: 20px;font-family: 'Circular Std Medium'; margin: 25px 0px 0px 0px; text-align: center;}
.aboutIconBox img {transform: scale(0.9); transition: transform 0.3s linear;}
.aboutIconBox:hover img {transform: scale(1);}
.aboutIconBox:hover {filter: drop-shadow(0px 5px 8px rgba(233, 146, 129, 0.5)); }


.aboutSecD {padding:30px 0px 80px 0px; position: relative; overflow: hidden;}
.aboutSecD:before {content: ""; width: 200px; height: 200px; border-radius: 50%; border:solid 50px #FDF5EF; position: absolute; right: -100px; bottom:0px;}
.aboutSecD .img {text-align: center; position: relative;}
.aboutSecD .img img {position: relative;}
.aboutSecD .img:before {content: "";width: 60px; height: 60px; background: #FDF5EF; border-radius: 50%; position: absolute; left: -20px; top: -30px;}

.aboutSecE {position: relative;padding: 50px 0px 40px 0px;}
.journeySec {padding: 60px 0px 30px 0px;}
.journeySec .container {max-width: 1580px;}
.journeyBlock {position: relative; padding: 0px 0px 30px 150px;min-height: 140px;}
.journeyBlock .textA {color: #000;font-size: 22px; font-family: 'Circular Std Bold'; margin: 0px 0px 5px 0px;}
.journeyBlock .journeyIcon {background: #FFFFFF; box-shadow: 0px 0px 27px rgba(233, 146, 129, 0.25); border-radius: 50%;width: 120px; height: 120px; line-height: 120px; text-align: center; position: absolute; left: 0px; top: 0px;}
.journeyIcon:before {content: ""; width: 0px; height: 0px; position: absolute; top: -17px; left:calc(50% - 10px); border:solid 10px transparent; border-bottom-color: #fff;}
.journeyBlock:before {content: "";background: #FFBAB8; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -66px; left:50px;}
.journeySec .borderBottom {border-bottom: solid 10px #FAFAFA; margin-bottom: 50px; padding-bottom: 20px;}
.journeySec .row {justify-content: center; align-items: end;}
.borderBottom .journeyIcon:before {top: calc(100% - 3px);border-bottom-color: transparent; border-top-color: #fff;}
.borderBottom .journeyBlock:before {top: inherit; bottom: -35px;}
/*.journeyBlock2:before { bottom: -25px;}
.journeyBlock2 {padding: 0px 0px 10px 150px; }*/

.aboutSecF {position:relative; padding:60px 0px 50px 0px; text-align: center; height: 280px; background: url(../images/about-page/sec-bg.jpg?1.1) no-repeat center; margin-bottom:80px;}
.aboutSecF .container {max-width: 500px;}
.quoteBlock {font-size: 16px; line-height:1.4;font-family: 'Circular Std Medium';}
.quoteBlock .textA {padding:25px 0px 15px;}



.aboutH2 {position: relative;margin:0px 0px 15px 0px;color: #000; font-size: 32px; padding-left: 15px; line-height: 1.2;}
.aboutH2:before {content: ""; height: 100%; width: 5px; background: var(--orange); position: absolute; left: 0px; top: -1px;}

@media(min-width: 1500px) {
  .aboutBanner:before {content: ""; height: 100%; width: 160px; position: absolute; left: 0px; bottom: 0px; background: url(../images/about-page/pattern-06.png) no-repeat left -50px bottom / 160px auto;}
  .aboutBanner:after {content: ""; height: 366px; width: 70px; position: absolute; right: 30px; top: 20px; background: url(../images/about-page/pattern-07.png) no-repeat right top;}
}
@media(min-width: 1600px) {
  .aboutBanner:before {background-position: left 0px bottom}
}
@media(max-width:992px) {
  .journeySec .borderBottom {border-bottom: none;}
  .journeyIcon:before, .journeyBlock:before {display: none;}
}
@media(max-width:767px) {

  .aboutBanner {padding:30px 0px 30px 0px;text-align: center;}
  .aboutBannerText {padding-bottom: 20px;}
  .aboutBannerText h1 {margin:0px 0px 20px 0px; font-size: 26px;}
  .aboutBannerImg {padding: 20px;}

  .aboutH2 {font-size: 22px;}
  .aboutPage .desc { font-size: 14px;}
  .aboutSecB {padding:50px 0px 20px 0px; }
  .aboutSecB:before {display: none;}
  .aboutSecB .img:before {display: none;}

  .aboutSecC {padding: 0px 0px 20px 0px;}
  .aboutIconBox {width: calc(50vw - 35px); height: calc(50vw - 35px); padding: 10px 5px; margin: 10px auto;}
  .aboutIconBox img {max-width: calc(50vw - 110px)}
  .aboutIconBox h3 {font-size: 12px; margin: 10px 0px 0px 0px; line-height: normal;}

  .aboutSecD {padding:30px 0px 10px 0px; position: relative; overflow: hidden;}
  .aboutSecD:before { width: 100px;  height: 100px;border: solid 20px #FDF5EF; right: -50px;}
  .aboutSecD .img {margin-bottom: 20px;}

  .aboutSecE {padding: 20px 0px 10px 0px;}
  .journeySec {padding:20px 0px 10px 0px;}
  .journeyBlock { padding: 0px 0px 20px 60px;min-height: 70px;}
  .journeyBlock .textA {font-size: 18px;}
  .journeyBlock .journeyIcon { box-shadow: 0px 0px 17px rgba(233, 146, 129, 0.25); border-radius: 50%; width: 50px; height: 50px; line-height: 50px;}
  .journeyBlock .journeyIcon img {max-width: 20px;}
  .journeyIcon:before {display: none;}
  .journeyBlock:before {display: none;}
  .journeySec .borderBottom {border-bottom:none; margin-bottom:0px; padding-bottom:0px;}

  .aboutSecF {padding:30px 0px 30px 0px;  height: auto; background: #FDF5EF; margin-bottom:0px;}
  .quoteBlock {font-size: 14px; }
  .quoteBlock .textA {padding:15px 0px 10px;}

}