/*=======================Quotation CSS==============================*/

.quotation__bg.bg-primary-3{position:relative;}
.quotation__bg.bg-primary-3:before{position:absolute; content:''; width:228px; height:460px; top:140px; left:0; background:url('/~/media/Images/a/atkinsrealis/images/background-shapes/quote-pattern-revised.svg') no-repeat;}
.quotation__title {padding-right: 40px;}
.quotation__title p.first{font-family:var(--font-secondary-semibold);line-height: 2.8rem;margin-bottom:0px;}
.quotation__title h2{position:relative;}
.quotation__title h2:after {position: absolute;content: '”';}
.quotation__title h2:before {position: absolute;content: '“';left:-19px;}

body.ip3-edit .quotation__title h2:after{content:none;} 
body.ip3-edit .quotation__title h2 span.scWebEditInput:after{position: absolute;content: '”';} 

@media only screen and (max-width: 1199px) {
  .quotation__content {padding-top: 60px;}
  .quotation__bg.bg-primary-3:before{top:100px;}
  .quotation__title h2:before {position: absolute;content: '“';left:-12px;}
}
@media only screen and (max-width: 767px) {
  .quotation__content {padding-top: 40px;}
    .quotation__bg.bg-primary-3:before{top:80px;}
    .quotation__title p.first{font-family:var(--font-secondary-semibold);line-height: 2.8rem;font-size:1.6rem;}
}

/*=======================Artical with text CSS==============================*/
.articleText-inner-wrapper .row { align-items: center; }
.articleText .articleText__article{position:relative;}
.articleText .articleText__article .articleText__article-image{overflow:hidden;}
.articleText .articleText__article .articleText__article-image img{width:100%;max-height:334px;object-fit:cover;transition: var(--base-transition);}
.articleText .articleText__article .articleText__article-content{transition: var(--base-transition);padding:25px;}
.articleText .articleText__article .articleText__article-content .tag-separate .tags{display:flex;}
.articleText .articleText__article .articleText__article-content .tag-separate .tags .single-tag{display:flex;align-items:center;}
.articleText .articleText__article .articleText__article-content .tag-separate .tags .single-tag::before{width: 3px;height: 3px;display:inline-block;align-self:center;content:"";background-color:var(--color-primary-2);margin-left:5px;margin-right:5px;position:relative;bottom:1px;}
.articleText .articleText__article .articleText__article-content .tag-separate .tags .single-tag:first-child::before{display:none;}
.articleText .articleText__article .articleText__article-content .date-time{display:flex;}
.articleText .articleText__article .articleText__article-content .date-time p{margin-bottom:0;}
.articleText .articleText__article .articleText__article-content .date-time .time{display:inline-flex;align-items:center}
.articleText .articleText__article .articleText__article-content .date-time .time::before{position:relative;bottom:1px;display:inline-block;align-self:center;content:"";height:6px;width:6px;background-color:var(--color-primary-2);margin-left:10px;margin-right:10px;}
.articleText .cta-wrapper.articleText__article-link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-top:0;}
.articleText .cta-wrapper.articleText__article-link a{font-size: 0; display: block;width: 100%;height: 100%;}
.articleText .cta-wrapper.articleText__article-link a:focus,.articleText .cta-wrapper.articleText__article-link a:hover,.articleText .cta-wrapper.articleText__article-link a:active{background:none;}
.articleText .articleText__article .articleText__article-content *{color:var(--color-primary-3);}
.articleText .articleText__article .articleText__article-content .h5{margin-bottom:55px;}
.articleText .articleText__article:hover .articleText__article-image img{transform:scale(1.25);transition: var(--base-transition);}
.articleText .articleText__article:hover .articleText__article-content{background-color:var(--color-primary-4);transition: var(--base-transition);}
@media only screen and (min-width:1199px){
.articleText .articleText__text-wrapper{padding-left:24px;}
}
@media only screen and (max-width:1199px){
.articleText .articleText__article .articleText__article-content .h5{margin-bottom:40px;}
.articleText .articleText__article .articleText__article-image img{max-height:303px;object-fit:cover;}
}
@media only screen and (max-width:767px){
.articleText .articleText__article .articleText__article-image img{max-height:243px;object-fit:cover;}
.articleText .articleText__article{margin-top:51px;}
}
/* ================= inner BG Css =================== */
.articleText__article-content{background-color:var(--color-primary-6);}
.bg-primary-11 .articleText__article-content,.bg-primary-6 .articleText__article-content{background-color:var(--color-primary-7);}