/* ----------------------------------------- */ /* View slug: related-project-slider - start */ /* ----------------------------------------- */ * { box-sizing: border-box; } .carousel { padding-bottom: 50px; width: 100% !important; }.carousel-cell { width:350px; margin-right:20px; background-clip: padding-box; display:flex !important; justify-content:space-between; background: #FEFEFE 0% 0% no-repeat padding-box; border: 1px solid rgba(0,0,0,0.2); overflow: hidden; border-radius: 5px; } .carousel-left { width:100%; padding: 10px 20px 30px; display:flex; flex-direction:column; align-items:flex-start; justify-content: space-between; } .carousel-left h5 { font-size:16px; color:#EB7D3C; font-weight:500; } .carousel-left h6 { font-size:16px; font-weight:500; color:#0080C6; margin-bottom:0.5rem; } .carousel-left h4 { font-size:20px; font-weight:400; margin-bottom:0.5rem; } .service { color:#808080; font-size:16px; margin-bottom:0px; } .carousel-left p { font-size:16px; font-weight:500; display: block !important; display: -webkit-box !important; max-width: ; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; } .carousel-left button { cursor:pointer; background: #fff; color:#1D398D; padding:6px 0px; text-align:center; border:none; font-weight: 600; }.carousel-right { width:50%; background-size:cover; background-position: center center; }.carousel-right-image { height: 100%; width : 100%; background-position: center center; background-size : cover; }.flickity-resize .carousel-cell { min-height: 100%; }.flickity-prev-next-button.next { right: -5% !important; background: none !important; color:#000; } .flickity-prev-next-button.next:hover, .flickity-prev-next-button.next:active, .flickity-prev-next-button.next:focus { color:#000; } .flickity-prev-next-button.previous { left: -5% !important; background: none !important; color:#000; } .flickity-prev-next-button.previous:hover, .flickity-prev-next-button.previous:active , .flickity-prev-next-button.previous:focus { color:#000; } .flickity-page-dots { display:none; } .flickity-slider { padding:20px 0; margin-left:10px; }.slick-track { padding-top: 10px; padding-bottom: 10px; }.slick-slide { margin: 0 25px; } /* the parent */ .slick-list { margin: 0 -25px; }@media only screen and (max-width:728px) { .carousel-cell { width:100%; flex-direction:column; margin-right:0; } .carousel-left { width:100%; padding: 0 20px; padding-top:20px; flex-grow: 1; justify-content: space-between; } .carousel-left a { margin-bottom: 30px; } .carousel-right { width:100%; order:-1; height:200px; } .carousel-left h5 { margin-top:30px; } .carousel-left h4 {font-size:18px;} .carousel-left p {font-size:15px;} h4, h5, h6 { margin-bottom: 10px; } .flickity-prev-next-button.previous { left: -6% !important; } .flickity-prev-next-button.next { right: -8% !important; } }.slick-track { display: flex !important; }.slick-slide { height: inherit !important; }.slick-prev:before { color: #1d398d !important; } .slick-next:before { color: #1d398d !important; }.page-item.active .page-link { background-color:#0080C6 !important; border-color:#0080C6 !important; } /* ----------------------------------------- */ /* View slug: related-project-slider - end */ /* ----------------------------------------- */