.csrLandingProjectsComp{padding:60px 0;background:#f6f6f6}
.csrLandingProjectsComp .titleText{padding-bottom:50px}
.csrLandingProjectsComp .topContent p{text-align:center}
.csrLandingProjectsComp .btnWrap{display:flex;justify-content:center}
.csrLandingProjectsComp .tabSection{padding-bottom:85px}
.csrLandingProjectsComp .tabSection .tabContent{padding-bottom:42px}
.csrLandingProjectsComp .tabSection .textSection{background:#fff;padding:50px 20px 47px 29px;height:100%}
.csrLandingProjectsComp .tabSection h4{font-size:4rem;font-family:'robotolight';color:#20252b;padding-bottom:12px}
.csrLandingProjectsComp .tabSection .paraContent{max-width:430px;padding-bottom:48px}
.csrLandingProjectsComp .projectCarousel.owl-carousel .item .row{box-shadow:0 10px 40px 0 rgba(0,0,0,0.1)}
.csrLandingProjectsComp .tabSection .imgSection img{max-width:564px;height:433px;width:100%}
.csrLandingProjectsComp .tabSection ul{display:flex;justify-content:center}
.csrLandingProjectsComp .tabSection ul li:first-child{padding-left:0}
.csrLandingProjectsComp .tabSection ul li{padding-left:93px;font-family:"robotobold";font-size:1.4rem;line-height:1.2em;color:#20252b}
.csrLandingProjectsComp .tabSection ul li.active a{border-color:#af2219;color:#af2219}
.csrLandingProjectsComp .tabSection ul li a{color:#20252b;padding-bottom:2px;border-bottom:2px solid transparent}
.csrLandingProjectsComp .tabSection ul li a:hover{color:#af2219;text-decoration:none}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav span{font-size:6rem;color:#c21b17}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-prev,.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-prev{left:-70px}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-next{right:-70px}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-dots{position:absolute;margin:52px auto 0;text-align:center;left:0;right:0;bottom:30px}
.csrLandingProjectsComp .btnWrap{text-align:center}
@media(max-width:1350px){.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-prev{left:-50px}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-next{right:-50px}
}
@media(max-width:1200px){.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-prev{left:-20px}
.csrLandingProjectsComp .projectCarousel.owl-carousel .owl-nav button.owl-next{right:-20px}
}
@media(max-width:767px){.csrLandingProjectsComp{padding:37px 0 70px 0}
.csrLandingProjectsComp .titleText{padding-bottom:30px;font-size:4rem}
.csrLandingProjectsComp .topContent{padding-bottom:15px}
.csrLandingProjectsComp .tabSection .tabContent{padding-bottom:70px}
.csrLandingProjectsComp .tabSection{padding-bottom:63px}
.csrLandingProjectsComp .tabSection h4{font-size:2.8rem;padding-bottom:30px}
.csrLandingProjectsComp .tabSection .textSection{padding:36px 20px 94px 20px}
.csrLandingProjectsComp .tabSection .paraContent{padding-bottom:25px}
.csrLandingProjectsComp .tabSection .tabList{overflow-x:scroll;padding-bottom:20px}
.csrLandingProjectsComp .tabSection .tabList ul{width:500px}
.csrLandingProjectsComp .tabSection ul li{padding-left:50px}
.csrLandingProjectsComp .tabSection .imgSection img{height:250px}
}