.elementor-6156 .elementor-element.elementor-element-97fc1ad{--display:flex;--min-height:420px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6156 .elementor-element.elementor-element-97fc1ad:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-97fc1ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gosocial.com.tr/wp-content/uploads/2024/05/Referanslar-Slider-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-97fc1ad, .elementor-6156 .elementor-element.elementor-element-97fc1ad::before{--border-transition:0.3s;}.elementor-6156 .elementor-element.elementor-element-6b58566{--spacer-size:160px;width:100%;max-width:100%;}.elementor-6156 .elementor-element.elementor-element-75019f1{text-align:left;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:600;line-height:33px;}.elementor-6156 .elementor-element.elementor-element-75019f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 50px 0px;}.elementor-6156 .elementor-element.elementor-element-75019f1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6156 .elementor-element.elementor-element-59c86c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-msie .elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item{width:calc( 100% / 5 );}.elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-post__thumbnail__link{padding-bottom:calc( 0.75 * 100% );}.elementor-6156 .elementor-element.elementor-element-12568e6:after{content:"0.75";position:absolute;color:transparent;}.elementor-6156 .elementor-element.elementor-element-12568e6{--grid-column-gap:7px;--grid-row-gap:7px;width:100%;max-width:100%;}.elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item__img, .elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item__overlay{border-radius:10px 10px 10px 10px;}.elementor-6156 .elementor-element.elementor-element-12568e6 a .elementor-portfolio-item__overlay{background-color:#000000D6;}.elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item__title{font-family:"Roboto", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-6156 .elementor-element.elementor-element-97fc1ad{--content-width:1168px;}}@media(max-width:1600px){.elementor-6156 .elementor-element.elementor-element-97fc1ad{--min-height:0px;--justify-content:flex-end;}.elementor-6156 .elementor-element.elementor-element-6b58566{--spacer-size:132px;}}@media(max-width:1366px){.elementor-6156 .elementor-element.elementor-element-97fc1ad{--min-height:330px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6156 .elementor-element.elementor-element-6b58566{--spacer-size:115px;}.elementor-6156 .elementor-element.elementor-element-75019f1{font-size:20px;line-height:15px;}.elementor-6156 .elementor-element.elementor-element-75019f1 > .elementor-widget-container{padding:30px 30px 30px 30px;}}@media(max-width:1024px){.elementor-6156 .elementor-element.elementor-element-97fc1ad{--min-height:280px;--justify-content:flex-end;}.elementor-6156 .elementor-element.elementor-element-6b58566{--spacer-size:110px;}.elementor-6156 .elementor-element.elementor-element-75019f1{font-size:18px;}.elementor-6156 .elementor-element.elementor-element-75019f1 > .elementor-widget-container{padding:0px 0px 10px 45px;}.elementor-msie .elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item{width:calc( 100% / 4 );}}@media(max-width:767px){.elementor-6156 .elementor-element.elementor-element-97fc1ad{--min-height:307px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-6156 .elementor-element.elementor-element-97fc1ad:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-97fc1ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-643px 42px;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-6b58566{--spacer-size:19px;width:100%;max-width:100%;}.elementor-6156 .elementor-element.elementor-element-6b58566 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6156 .elementor-element.elementor-element-75019f1{font-size:20px;line-height:1.5em;}.elementor-6156 .elementor-element.elementor-element-75019f1 > .elementor-widget-container{padding:0px 10px 0px 15px;}.elementor-msie .elementor-6156 .elementor-element.elementor-element-12568e6 .elementor-portfolio-item{width:calc( 100% / 2 );}}/* Start custom CSS for portfolio, class: .elementor-element-12568e6 */.elementor-portfolio-item {
    width: 350 !important;
}


@media only screen 
    and (min-width: 100px) 
    and (max-width: 649px)   {
.elementor-portfolio-item {
    width: 165 !important;
}

}


@media only screen 
    and (min-width: 650px) 
    and (max-width: 949px)   {
.elementor-portfolio-item {
    width: 280 !important;
}

}

@media only screen 
    and (min-width: 950px) 
    and (max-width: 1029px)   {
.elementor-portfolio-item {
    width: 230 !important;
}

}


@media only screen 
    and (min-width: 1030px) 
    and (max-width: 1285px)   {
.elementor-portfolio-item {
    width: 240 !important;
}

}


@media only screen 
    and (min-width: 1286px) 
    and (max-width: 1455px)   {
.elementor-portfolio-item {
    width: 260 !important;
}

}

@media only screen 
    and (min-width: 1456px) 
    and (max-width: 1680px) {
 
.elementor-portfolio-item {
    width: 300 !important;
}

}/* End custom CSS */