/* Vain etusivulla käytettävät sisältö- ja arvosteluosiot. */
.popup-section .popup-btn a:hover {background:var(--e-global-color-white); color:var(--e-global-color-accent); border:1px solid var(--e-global-color-secondary); transition:all 0.3s ease-out;}
.popup-section h2 {text-align:left; margin-bottom:27px;}
.popup-section p {line-height:30px; font-weight:400; color:var(--e-global-color-text); margin-bottom:32px; word-spacing:-1px;}
.popup-section .popup-section-number {font-size:36px; line-height:42px; font-weight:400; color:var(--e-global-color-accent);}
.popup-section h4, .popup-section .h4 {font-weight:400; margin-bottom:4px;}
.popup-section .popup-btn {margin-bottom:35px;}
.popup-section .video-section-box .popup-top-figure {top:24px; right:-24px;}
.popup-section .video-section-box .video-img {z-index:28; position:relative; border:8px solid #fff; border-radius:55px; margin-bottom:20px;}
.popup-section .video-section-box .popup-bottom-figure {bottom:7px; left:81px;}
.popup-section .video-section-box {padding-top:55px; padding-left:82px; position:sticky; top:-55px;}
.popup-section {padding:132px 0 86px;}
.happy-clients-section2 .carousel-card .carousel-text {color:var(--e-global-color-text); text-align:center; font-style:italic; font-weight:400; font-size:24px; line-height:36px; margin-bottom:61px; letter-spacing:0.1px; word-spacing:0.5px; padding:0 60px;}
.happy-clients-section2 .carousel-card figure {text-align:center; margin-top:-144px; overflow:hidden; margin-bottom:30px;}
.happy-clients-section2 .carousel-card {padding:200px 117px 72px; background:var(--e-global-color-white); border-radius:20px; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:20px; margin-bottom:90px; box-shadow:0px 6px 38px 0 #e7e7e7;}
.happy-clients-section2 .about-border {display:block; width:22%; height:1px; background:var(--e-global-color-accent); position:absolute; left:50%; transform:translateX(-50%); top:41%;}
.happy-clients-section2 .carousel-card .carousel-inner .carousel-bottom-fig {position:absolute; text-align:center; left:0; right:0; bottom:-158px;}
.happy-clients-section2 .review-section-outer {padding-top:0px; margin:0px; overflow:visible;}
.happy-clients-section2 {background:transparent; padding:1px 0 36px;}

@media screen and (max-width: 1199px) {
  .popup-section .video-section-box {padding-top:55px; padding-left:0px;}
  .popup-section .video-section-box .popup-bottom-figure {bottom:6px; left:0px;}
  .popup-section h2 {text-align:left; margin-bottom:30px;}
  .popup-section p {margin-bottom:30px;}
  .popup-section .popup-btn {margin-bottom:30px;}
  .popup-section .popup-section-number {font-size:24px; line-height:34px;}
  .happy-clients-section2 {padding:100px 0;}
  .happy-clients-section2 .carousel-card .carousel-text {padding:0 0px;}
  .happy-clients-section2 .carousel-card {padding:200px 117px 60px;}
  .happy-clients-section2 .carousel-card .carousel-inner .carousel-bottom-fig {bottom:-143px;}
  .happy-clients-section2 .carousel-card {padding:188px 50px 67px; margin-bottom:20px;}
  .popup-section {padding:0px 0 80px;}
}

@media only screen and (max-width: 991px) {
  .popup-section {padding:0px 0 60px;}
  .popup-section .video-section-box .popup-top-figure {top:23px; right:-46px; margin-bottom:0;}
  .popup-section .video-section-box .popup-bottom-figure {bottom:135px; left:-8px; margin-bottom:0;}
  .popup-section h2 {margin-bottom:20px;}
  .popup-section p {margin-bottom:20px;}
  .popup-section .video-section-box .popup-bottom-figure {bottom:123px; left:-8px; margin-bottom:0;}
  .popup-section .popup-btn {margin-bottom:20px;}
  .happy-clients-section2 .carousel-card {padding:188px 49px 54px;}
  .happy-clients-section2 .carousel-card .carousel-inner .carousel-bottom-fig {bottom:-136px;}
  .happy-clients-section2 .carousel-card .carousel-text {margin-bottom:40px;}
  .happy-clients-section2 .carousel-card {padding:188px 49px 54px;}
  .happy-clients-section2 .about-border {top:49%;}
  .happy-clients-section2 {padding:70px 0px 96px !important;}
  .happy-clients-section2 .carousel-card {padding:187px 38px 50px;}
  .happy-clients-section2 .about-border {top:52%;}
  .happy-clients-section2 .carousel-card .carousel-text {font-size:20px; line-height:30px;}
  .happy-clients-section2 .about-border {top:32%;}
}

@media screen and (max-width: 767px) {
  .popup-section h2 {margin-bottom:20px; text-align:center;}
  .popup-section p {margin-bottom:20px; text-align:center;}
  .popup-section .popup-btn {margin-bottom:20px; text-align:center;}
  .popup-section h4 {font-weight:400; margin-bottom:4px; text-align:center;}
  .popup-section .video-section-box .popup-top-figure {top:27px; right:52px; margin-bottom:0;}
  .popup-section .video-section-box .video-img {z-index:28; position:relative;}
  .popup-section .video-section-box .popup-vimeo figure {text-align:center;}
  .popup-section .video-section-box .popup-bottom-figure {bottom:123px; left:70px; margin-bottom:0;}
  .happy-clients-section2 .carousel-card .carousel-text {font-size:22px; line-height:33px;}
  .happy-clients-section2 .carousel-card {padding:188px 26px 54px;}
  .happy-clients-section2 .carousel-card {padding:185px 17px 58px;}
  .happy-clients-section2 .about-border {top:23%; width:26%;}
  .happy-clients-section2 {padding:60px 0px 83px !important;}
  .popup-section {padding:0px 0 70px;}
  .popup-section .popup-btn a {padding:12px 30px 12px 30px; font-size:14px; line-height:18px;}
}

@media screen and (max-width: 575px) {
  .popup-section h2 {margin-bottom:16px;}
  .popup-section .video-section-box .popup-top-figure {display:none;}
  .popup-section .video-section-box .popup-bottom-figure {display:none;}
  .popup-section .video-section-box {padding-top:0px; padding-left:0px;}
  .popup-section {padding:0 0 34px;}
  .happy-clients-section2 .carousel-card .carousel-text {font-size:20px; line-height:30px; margin-bottom:30px;}
  .happy-clients-section2 .carousel-card .carousel-title {font-size:18px; line-height:28px;}
  .happy-clients-section2 .about-border {top:59%; width:30%;}
  .happy-clients-section2 .carousel-card .carousel-inner .carousel-bottom-fig {bottom:-142px;}
  .happy-clients-section2 .carousel-card .carousel-inner .carousel-bottom-fig img {width:23%;}
  .happy-clients-section2 .carousel-card .carousel-end-text {margin-bottom:0;}
  .happy-clients-section2 .about-border {top:65%; width:35%;}
  .happy-clients-section2 {padding:60px 0 72px !important;}
  .happy-clients-section2 .carousel-card {padding:181px 15px 61px;}
  .happy-clients-section2 .about-border {top:33%; width:40%; display:none !important;}
}