.primary_btn, .secondary_btn, .tertiary_btn, .quaternary_btn {
line-height: 44px;
font-size: 14px;
text-decoration: none;
padding: 0 20px;
display: inline-block;
font-weight: bold;
cursor: pointer;
text-decoration: none;
transition:all .3s ease;    
border:solid 1px transparent; border-radius: 0px;
}  .compo-testimonial-body.layout-te1{
}
.compo-testimonial-body.layout-te1 .card-design .image-holder{
height: 74px;
width: 74px;
margin: 0 auto 34px;;
} .compo-testimonial-body.layout-te2{}
.compo-testimonial-body.layout-te2 .card-design{
justify-content: center;
background-color: white;
border-radius: 8px;
box-shadow: rgba(0,0,0,.2) 0 0 2px;
padding: 34px;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
transition: all .4s ease;
}
.compo-testimonial-body.layout-te2 .card-design:hover{
box-shadow: rgba(0,0,0,.2) 0 0 12px;
}
@media all and (max-width: 1020px){
.compo-testimonial-body.layout-te2{
display: grid;
grid-template-columns: repeat(1, 1fr);
}
}
.compo-testimonial-body.layout-te2 .card-design .image-holder,
.compo-testimonial-body.layout-te2 .card-design .caption-flex{
text-align: center
}
.compo-testimonial-body.layout-te2 .card-design .image-holder{
margin-top: -60px;
margin-bottom: 20px;
min-width: 74px;
max-width: 74px;
min-height: 74px;
max-height: 74px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
backface-visibility: #dadada;
align-self: center;
margin-left:auto;
margin-right: auto;
}
.compo-testimonial-body.layout-te2 .card-design .image-holder img{
height: 100%;
width: 100%;  
object-fit: cover;
} .compo-testimonial-body.layout-te3 .card-design:hover{
box-shadow: rgba(0,0,0,.2) 0 0  12px;
}
.compo-testimonial-body.layout-te3 .card-design{
justify-content: center;
background-color: white;
border-radius: 8px;
box-shadow: rgba(0,0,0,.2) 0 0 2px;
padding: 34px;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
transition: all .4s ease;
margin-bottom: 30px;
}
.compo-testimonial-body.layout-te3 .card-design .caption-flex{
text-align: left;
padding-left: 40px;
}
.compo-testimonial-body.layout-te3 .card-design .image-holder{
margin-top: -30px;
margin-bottom: 20px;
min-width: 74px;
max-width: 74px;
min-height: 74px;
max-height: 74px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
backface-visibility: #dadada;
align-self: center;
margin-left:auto;
margin-right: 40px;
}
.compo-testimonial-body.layout-te3 .card-design .image-holder img{
height: 100%;
width: 100%;  
object-fit: cover;
}
@media all and (max-width: 1020px){
.compo-testimonial-body.layout-te3{
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.compo-testimonial-body.layout-te3 .card-design .caption-flex{
text-align: center;
padding-left: 0;
}
.compo-testimonial-body.layout-te3 .card-design .image-holder{
margin-left: auto;
margin-right: auto
}
} .compo-service-body.layout-s3 .image-holder
{
max-height: 200px;
overflow: hidden;
}
.compo-service-body.layout-s4 .image-holder,.compo-service-body.layout-s3 .col-3-item .image-holder {
max-height: 250px;
}
.compo-service-body.layout-s3 .col-2-item .image-holder,.compo-service-body.layout-s3 .col-1-item .image-holder{
max-height: 300px;
}
.compo-service-body.layout-s4 .col-1-item .img-flex{
flex:unset;
} .compo-body.compo-team-body{
position: relative;
}
.compo-body.compo-team-body .owl-nav {
position: unset;
}
.compo-body.compo-team-body .owl-nav .owl-next,.compo-body.compo-team-body .owl-nav .owl-prev{
position: absolute;
top: 40%;
transform: translate(0%,-50%)
}
.image-holder{
overflow: hidden;
}
.compo-body .image-holder{
overflow: hidden;
margin-right: 13px;
}
.compo-service-body.layout-s2 h4,.compo-service-body.layout-s4 h4,
.compo-testimonial-body.layout-te2 h4,.compo-testimonial-body.layout-te3 h4{
margin-top: 0;
}
.compo-service-body.layout-s2 .card-design .img-flex,
.compo-service-body.layout-s4 .img-flex,
.compo-team-body.layout-t2 .img-flex,
.compo-testimonial-body.layout-te2 .img-flex,.compo-testimonial-body.layout-te3 .img-flex{
flex:1;
}
.compo-service-body.layout-s4 .caption-flex,
.compo-team-body.layout-t2 .caption-flex{
flex:1;
text-align:left;
}
.compo-team-body.layout-t2 .img-flex{
margin-bottom: 40px !important;
}
.compo-service-body.layout-s2 .caption-flex,.compo-testimonial-body.layout-te2 .caption-flex{
flex:4;
}
.compo-testimonial-body.layout-te3 .caption-flex{
flex:5;
margin-bottom: 30px;
}
.pb-compo .compo-cta {
text-align: center;
padding-top: 50px;
}
.compo-team-body.layout-t2 .image-holder{
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 
border-radius: 6px;
background: #eee;
max-height: 300px;
}
.compo-team-body.layout-t2 h5,.compo-team-body.layout-t2 h4{
margin-bottom:15px;
}
.compo-team-body.layout-t2 h6{
margin-bottom: 10px;
font-size: 11px;
letter-spacing: 2px;
}
.compo-team-body.layout-t2 p{
opacity: 0.7;
}
.text-muted {
color: #999999;
opacity: 0.9;
}
a.text-muted {
color: #999999;
opacity: 0.9;
}
.layout-te2 .people-meta .name,.layout-te3 .people-meta .name{
opacity: 0.9;
}
.text-muted-alt{
opacity: 0.7;
}
.border-radius-50{
border-radius: 50%;
} .timeline {
position: relative;
}
.timeline-content-wrapper h5{
margin-bottom: 10px;
}
.timeline-content-wrapper a{
font-size: 13px;
}
.timeline-content-wrapper p{
margin-bottom: 5px;
} .content {
padding: 25px 30px;
background-color: white;
position: relative;
border-radius: 6px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
} .text-box{
background: #fff;
} .process-bg{
background-color:#33b6ff;
color: #fff;
padding: 50px 0;
position: relative;
}
.process .icon {
float: left;
}
.process .process-item p{
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-weight: 300;
line-height: 24px;
padding-top: 10px;
margin-bottom: 0;
}
.process-item,.process-item.even-item{
position: relative;
min-height: 150px;
max-height: 350px;
}
.process-content.mg-left-20{
margin-left: 20%;
}
.process-content.mg-left-15{
margin-left:15%;
}
.process-item.odd-item .line {
position: absolute;
left: 4%;
} .odd-item{
padding-top: 8%;
padding-bottom: 8%;
margin-top:5%;
margin-bottom: 5%;
}
.odd-item.item-1{
padding-top: 0;
padding-bottom: 0;
} 
.item-2,.item-4{
padding-left: 4%;
}
.even-item.item-2{
padding-top: 10%;
padding-bottom: 10%;
margin-top:5%;
margin-bottom:5%;
}
.item-3 .line{
top:90%;
}
.even-item{
padding-top: 5%;
padding-bottom: 5%;
margin-top: 6%;
margin-bottom: 6%;
}
.process-item.even-item:before,.process-item.odd-item:before {
content: "";
width: 500px;
height: 250px;
background: url(https://growcept.com/wp-content/themes/growcept_studio_theme/img/understanding.png) no-repeat top left;
position: absolute;
top: 70%;
z-index: 999;
}
.process-item.even-item:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
left: -57%;
top:70%;
}
.section-img-alt{
padding: 50px 0;
}
.text-container {
background-color: #fff;
padding: 25px 24px 20px 24px;
margin: 0 auto;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
line-height: 24px;
margin-top: 116px;
}
.support-img, .egg-img, .collumn-img, .plane-img {
height: auto;
position: relative;
width: auto;
border-radius: 100%;
background-position: -28px;
background-size: inherit;
background-repeat: no-repeat;
}
.why-choose-img {
margin: 0 auto;
}
.row-wrapper.awards-winning {
padding: 50px 0 100px 0;
}
.awards-list li {
list-style: none;
display: inline-block;
}
.line-seperater-border{
border:1px dotted #0000001c;
} .widget_gtl_services .compo-service-body .card-design:hover{
box-shadow: 0 4px 2px -3px rgba(0,0,0,0.2);
transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
} .icon-holder i{
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
display: inline-block;
margin-right: auto;
margin-left: auto;
transform: scale(1);
-webkit-transform: scale(1);
}
.card-design:hover .icon-holder i {
transition: all 0.5s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transform: scale(1.2);
-webkit-transform: scale(1.2);
} .image-holder img,
.compo-team-body.layout-t1 .item .person-img img,
.widget_gtl_services .article-img-wrap img{
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transform: scale(1);
-webkit-transform: scale(1);
background: linear-gradient(45deg, #151716 0%,#7f7b78 40%,#232220 100%);
background: no-repeat;
}
.image-holder:hover img,
.compo-team-body.layout-t1 .item:hover .person-img-wrap img,
.widget_gtl_services .article-wrap:hover .article-img-wrap img{
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
opacity: 0.6;
}  .center{
text-align: center;
justify-content:center;
}
.left{
text-align: left;
justify-content:flex-start;
}
.right{
text-align: right;
justify-content:flex-end;
}
.compo-header.center p{
max-width: 70%;
margin:0 auto;
} .compo-service-body .content-block{
padding-bottom: 20px;
}
.compo-service-body .content-block p,.compo-team-body p{
margin: 0;
}
.compo-body a.read-more{
font-size: 13px;
} .compo-portfolio-body{
text-align: center;
}
.compo-portfolio-body .p-btn {
display: inline-block;
padding:0 15px 15px;
font-size: 18px;
position: relative;
cursor: pointer;
color: #888;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.compo-portfolio-body .p-btn.active-work::before,
.compo-portfolio-body .p-btn:hover::before {
width: 35px;
background-color: red;
}
.compo-portfolio-body a.p-btn{
text-decoration: none;
}
.compo-portfolio-body .toolbar{
padding-bottom: 25px;
}
.compo-portfolio-body .p-btn::before {
position: absolute;
width: 0px;
height: 1px;
content: "";
bottom: 0;
left: 50%;
margin-left: -17.5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.compo-portfolio-body .tile{
margin-bottom: 20px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
position: relative;
}
.compo-portfolio-body .scale-anm {
transform: scale(1);
}
.compo-portfolio-body .tile img {
max-width: 100%;
width: 100%;
height: auto;
position: relative;
}
.compo-portfolio-body img {
position: relative;
display: block;
min-height: auto;
max-width: 100%;
}
.compo-portfolio-body .tile:hover .p-overlay {
opacity: 1;
visibility: visible;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.compo-portfolio-body .p-overlay{
position: absolute;
top:0;
right: 0;
left: 0;
bottom: 0;
background: black;
background: rgba(0,0,0,0.75);
color: white;
padding: 3em;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
}
.compo-portfolio-body .tile:before { 
bottom: 10px; right: 10px; 
}
.compo-portfolio-body .tile .p-overlay {
bottom: 0; right: 0;
}
.compo-portfolio-body .tile:hover .p-overlay {
right: 0; 
}
.p-overlay .p-inner{
display:table;
width: 100%;
height: 100%;
vertical-align: middle; } .compo-team .person-img,.layout-t1 .person-img{
position:relative;
margin-bottom: 35px;
overflow: hidden;
max-height: 350px;
height: 350px;
}
.compo-team .person-img-wrap,.layout-t1 .person-img-wrap{
position: relative;
}
.layout-t1 .connect{
position: absolute;
left: 0;
right: 0;
bottom: -14px;
text-align: center; }
.compo-team-body .connect i{
width: 35px;
height: 35px;
font-size: 17px;
border-radius: 100%;
padding: 10px;
color: #fff;
opacity: 0.8;
}
.compo-team-body .connect i:hover{
opacity: 1;
}
.compo-team-body .connect a{
text-decoration: none;
text-align: center;
}
.compo-team .name, .compo-team .name a {
font-size: 16px;
margin-bottom:0;
}
.compo-team .position{
font-size: 13px;
}
.compo-team-body i.fab.fa-linkedin-in{
background-color: #0077B5;
}
.compo-team-body .fab.fa-facebook-f
{
background-color:#2249df;
}
.compo-team-body .fab.fa-twitter{
background-color:#009eed;
}
.compo-team-body .fab.fa-google
{
background-color: #d34836;
}
.compo-team-body .fab.fa-instagram{
background-color: #fb3958;
}
.compo-team-body .fas.fa-link{
background-color: #6dc993;
}
.layout-t2 .connect{
margin-top: 15px;
} .compo-portfolio-body.layout-p2 .zoom-effect {
overflow: hidden;
} .acc-card.card{
border: 0;
}
.acc-card .card-body{
padding: 0 20px 10px;
}
.acc-card .card-header .fa{
margin-right: 10px;
}
.acc-card a:hover,.acc-card a:focus{
color:#f11b83b8;
text-decoration: none;
}
.acc-card .card-header{
background:transparent;
border:0;
padding-left: 0;
} .compo-wrapper-content {
position: relative;
padding: 50px 0;
}
.compo-background-wrap {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
overflow: hidden;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
bottom: 0;
width: 100%;
height: 100%;
display: block;
}
.compo-price-table-item .compo-price-table {
background-color: #f8f8f8;
margin: 45px 5px 0px;
}
.compo-price-table .compo-price-table-image{
padding-bottom: 25px;
}
.compo-price-table.compo-active{
margin-top:0;
}
.compo-price-table-content-wrap{
padding-bottom: 30px;
text-align: center;
}
.compo-price-table .compo-price-table-price {
line-height: 1;
padding: 25px 20px 40px;
}
.compo-price-table .compo-header{
margin-bottom: 0;
}
.compo-price-table .compo-price-table-price-number {
font-size: 60px;
font-weight: 300;
margin: 0px 2px;
vertical-align: middle;
}
.compo-price-table .compo-price-prefix {
font-size: 25px;
vertical-align: super;
}
.compo-price-table .compo-price-suffix {
font-size: 17px;
vertical-align: bottom;
color: #acacac
}
.table-title{
color:#fff;
}
.compo-price-table .compo-price-table-head {
padding: 50px 20px;
color:#fff;
}
.compo-price-table .compo-price-table-price {
background-color: #ebebeb;
}
.compo-price-list ul{
padding:0;
}
.compo-price-list ul li {
padding: 20px 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 0px;
list-style: none;
border-color:#ebebeb;
position: relative;
}
.compo-price-list ul li i{
font-size: 24px;
margin-right: 10px;
}
.compo-price-list.left ul li {
padding-left: 63px;
}
.compo-price-list.left ul li i{
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
position: absolute;
top:0;
left: 6px;
} .b_t_n{
padding: 15px 30px;
font-size: 15px;
display: inline-block;
transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
color: white;
}
.btn-medium{
width: 50%;
padding:20px 30px;
font-size: 17px
}
.btn-large{
width: 100%;
padding: 25px 30px;
font-size: 20px;
}
.btn-curved{
border:4px solid transparent;
border-radius: 60px;
}
.btn-bordered{
border:4px solid #000;
color:#000;
}
.border-bg-primary{
background: #df3d8c;
}
.border-bg-secondary{
background: #fff;
}
.btn-hover2:hover{
border:4px #000 solid;
background: transparent;
}
.btn-hvr-swip {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn-hvr-swip:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #df3d8c;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.btn-hvr-swip:hover, .btn-hvr-swip:focus, .btn-hvr-swip:active {
color: white;
}
.btn-hvr-swip:hover:before, .btn-hvr-swip:focus:before, .btn-hvr-swip:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .compo-blog-body .image-holder{
margin:0;
}
.compo-blog-body .fig-caption{
padding:25px;
padding-top: 0;
}
.entry-meta > span {
display: inline-block;
margin-bottom: 0; 
font-size: 14px;
line-height: 1;
font-size: 14px;
margin-right: 15px;
}
.read-more:hover {
padding-left: 5px;
text-decoration: none;
}  .so-panel{
margin: 0 !important;
} .compo-list-with-icon .center ul li {
padding: 88px 0 0 0;
text-align: center;
}
.compo-list-with-icon .center ul li i{
left: calc(50% - 30px);
left: -webkit-calc(50% - 30px);
right: auto;
} .opacity-9{
opacity: 0.9;
}
.opacity-8{
opacity: 0.8;
}
.opacity-7{
opacity: 0.7
}
.opacity-6{
opacity: 0.6
}
.opacity-5{
opacity: 0.5
}
.compo-team p{
position: relative;
} .post-classic-1-view .article-wrap .article-img-wrap,.post-classic-2-view .article-wrap .article-img-wrap{
max-width: 700px;
max-height: 400px;
}
.post-classic-1-view.no-sidebar .article-wrap .article-img-wrap,.post-classic-2-view.no-sidebar .article-wrap .article-img-wrap{
max-width: 100%;
max-height: 450px;
}
.jr-site-team-list .item-wrap,.jr-site-pricing-list .InnerGrid{
display: grid;
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.jr-site-team-list.no-sidebar .item-wrap{
;
grid-template-columns: repeat(4, 1fr);
}
.jr-site-service-list.has-sidebar .item-wrap{
grid-template-columns: repeat(2, 1fr);
}
.jr-site-service-list .item-wrap{
text-align: center;
}
.jr-site-pricing-list.has-sidebar .InnerGrid {
grid-template-columns: repeat(2, 1fr);
}
.jr-site-pricing-list.no-sidebar .InnerGrid{
grid-template-columns: repeat(3, 1fr);
}
.post-type-archive-pricing_tables .compo-price-table {
background: #ebebeba1;
}
.has-icon .paddable{
position: relative;
padding-left: 56px;
}
.has-icon .paddable i{
position: absolute;  font-size: 45px;
top: 2px;
left: 0px;
}
.has-icon .content {
padding: 25px 15px
}
.carousel-disabled .item,.client-logo-carousel .item{
max-width: 150px;
margin: 0 auto;
display: inline-block;
margin-right: 20px;
}
.client-logo-carousel .item{
margin: 0;
}
.carousel-disabled .item:last-child{
margin-right: 0;
}  @media (max-width: 576px) {
.compo-service-body.three-col,.compo-counter .compo-body.four-col,.one-col,.two-col,.three-col,.four-col{
grid-template-columns: repeat(1, 1fr)
}
.compo-service-body.right,
.compo-service-body.left{
text-align: center;
}
.compo-home-blog .compo-body.blog-b1 .article-wrap:first-child .article-title-link {
font-size: 16px;
}
.compo-home-blog .compo-body.blog-b1 .article-wrap:first-child .article-img-wrap {
height: 208px;
}
.right-app-form,.left-app-form{
width: 100%;
float: none;
}
.compo-portfolio-body .p-btn{
display: block;
padding: 10px 10px 5px;
}
.post-list-view .article-wrap .article-img-wrap {
width: 300px;
height: 200px;
margin: 20px auto;
}
.post-grid-view .post-wrap {
width: 100%;
display: block;
padding: 0;
margin:0 auto;
}
}
@media(max-width:768px){
.default-padding{
padding: 50px 20px;
}
.flex-box{
display: block;
}
.top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3 {
font-size: 28px !important;
line-height: 115%;
}
.three-col, .four-col {
grid-template-columns: repeat(2, 1fr);
}
.compo-team-body .card-design{
padding-bottom: 50px;
}
.compo-service-body.layout-s4 .image-holder, .compo-team-body.layout-t2 .image-holder{
max-width: 100%;
margin:0;
}
.compo-service-body.layout-s4 .caption-flex, .compo-team-body.layout-t2 .caption-flex{
text-align: unset;
}
.timeline-content-wrapper {
margin-bottom: 30px;
}
.compo-team-body .connect i {
width: 35px;
height: 35px;
border-radius: 100%;
padding: 10px;
font-size: 17px;
color: #fff;
opacity: 0.8;
} 
.compo-pricing-body .three-col{
grid-template-columns: repeat(1, 1fr);
}
.compo-home-blog .compo-body .article-wrap {
padding: 40px 0;
}
.post-list-view .article-wrap .caption-flex {
padding-left: 0;
}
.aGrid, .col_2-30-70, .col_2-70-30 {
display: block;
}
}
@media(min-width:768px){
.flex-next i:before, .flex-prev i:before {
line-height: 70px;
}
.post-list-view  .article-wrap .article-img-wrap {
width: 400px;
height: 300px;
margin: 0 auto;
}
.compo-service-body,
.two-col,
.one-col,
.three-col,
.four-col{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.one-col{
grid-template-columns: repeat(1, 1fr);
}
.two-col{
grid-template-columns: repeat(2, 1fr);
}
.compo-service-body,.three-col{
grid-template-columns: repeat(3, 1fr);
}
.four-col{
grid-template-columns: repeat(4, 1fr);
}
.text-container {
padding: 25px 31px;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
line-height: 24px;
margin-left: 63px;
}
.support-img {
background-color: #DDEFFF;
}
.row-wrapper.awards-winning a {
font-size: 18px;
font-weight: 300;
text-align: center;
width: 100%;
padding-top: 60px;
padding-bottom: 0px;
text-decoration: underline;
}
.compo-testimonial-body.layout-te3 .flex-wrapper{
display: flex;
}
.compo-testimonial-body.layout-te3 .img-flex,.post-list-view .article-wrap .img-flex{
flex:1;
}
.compo-testimonial-body.layout-te3 .fig-caption.caption-flex:before {
content: "";
border: 2px solid;
width: 2px;
position: absolute;
top: 0;
bottom:0;
left: 0;
color: #df3d8c;
}
.left {
text-align: left;
justify-content: flex-start;
}
.card-design h3, 
.card-design h4, 
.card-design h5{
font-size: 28px;
margin-bottom: 30px;
}
.timeline-content-wrapper {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
.timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: #df3d8c;
top: 0;
bottom: 0;
left: 50%;
} .timeline-content-wrapper::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -15px;
background-color: white;
border: 4px solid #df3d8c;
top: 15px;
border-radius: 50%;
z-index: 1;
} .timeline-content-wrapper.e-left {
left: 0;
} .timeline-content-wrapper.e-right {
left: 50%;
} .timeline-content-wrapper.e-left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent rgba(223, 61, 140, 0.85);
} .timeline-content-wrapper.e-right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent rgba(223, 61, 140, 0.85) transparent transparent;
} .timeline-content-wrapper.e-right::after {
left: -10px;
}
#portfolioWork {
margin: 1rem 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-width: 33.33333333333333%;
-moz-column-width: 33.33333333333333%;
column-width: 33.33333333333333%;
}
.compo-home-blog .compo-body.blog-b1 {
display: grid;
grid-template-columns: repeat(2, 1.5fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
@media(min-width:900px){
.compo-team-body .connect i{
width: 30px;
height: 30px;
font-size: 12px;
border-radius: 100%;
padding: 10px;
color: #fff;
opacity: 0.8;
}
.card-design.flex-wrapper{
display:flex;  
}
.flex-wrapper .fig-caption.caption-flex{
padding: 10px 20px;
position: relative;
}
.compo-team-body.layout-t2 .image-holder img{
max-width: 200px;
}
.compo-testimonial-body.layout-te3 .caption-flex{
flex:7;
}
.compo-home-blog .compo-body.blog-b1 {
display: grid;
grid-template-columns: repeat(4, 1.5fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
@media (min-width: 992px){
.post-list-view .article-wrap .caption-flex{
flex:2.5;
padding-left: 35px;
}
.post-list-view.has-sidebar .article-wrap .caption-flex{
flex:1.5;
}
.post-list-view.has-sidebar .article-wrap{
margin-bottom: 80px;
}
.post-list-view .article-wrap .article-img-wrap,.post-grid-view .article-wrap .article-img-wrap {
height: 280px;
}
.compo-home-blog .compo-body.blog-b2{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.compo-pricing-body .three-col{
grid-template-columns: repeat(3, 1fr);
}
.text-container {
padding: 23px 38px;
margin-top: 116px;
margin-left: 41px;
}
.support-img, .egg-img, .collumn-img {
height: 450px;
width: 450px;
background-size: auto auto;
}
.row-wrapper.awards-winning ul li {
padding: 54px 46px 0 40px;
}
.sec-header-alt h2 {
color: #3A679D;
}
.row-wrapper.awards-winning a {
padding-top: 80px;
padding-bottom: 0px;
font-size: 22px;
}
.compo-team-body.layout-t2 .image-holder {
max-width: 200px; 
max-height: 200px; 
}
} .post-masonry-view.has-sidebar .postGrid{
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
column-gap: 35px;
}
.post-masonry-view.has-sidebar .postGrid .cols{
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;
display: inline-block;
}
.post-masonry-view.no-sidebar .postGrid{
-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
column-gap: 35px;
}
.post-masonry-view.no-sidebar .postGrid .cols{
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;
display: inline-block;
}
.postGrid{
clear: both;
}
.p-overlay{
display: flex;
align-items: center
}
.p-inner{
align-self: center;
height: auto;
display: block;
} .wpcf7-form{}
.wpcf7-form .wpcf7-form-control-wrap input[type="text"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="email"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="date"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="number"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="tel"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="url"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="password"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap select.wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{
line-height: 44px;
border:solid 1px rgba(0,0,0,.08);
background-color:rgba(0,0,0,.06);
font-size: 16px;
color:rgba(0,0,0,.8);
padding: 0 10px;
border-radius: 0;
width: 100%;
height: 44px;
}
.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{
min-height: 124px;
resize:none;
margin-bottom: 0
} .wpcf7-form-control-wrap{
margin-bottom: 10px;
} @media(max-width:1199px ){
.compo-list-with-icon-body.right
{
text-align: left;
}
}
@media(min-width: 1200px){
.text-container 
{
padding: 23px 45px;
margin-left: 46px;
}
.compo-list-with-icon .right ul li 
{
padding-left: 0;
padding-right: 88px;
text-align: right;
}
.compo-list-with-icon .right ul li i
{
left: auto;
right: 0;   
}
}