/**
* @package      Finance Testimonial
* @author       StackIdeas Sdn Bhd https://stackideas.com
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      GNU/GPL, see LICENSE.php
* 
* This is a free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

:root {
   --cyan: #effffc;
   --blue: #033951;
   --green: #00e69d;
   --white: #fff;
   --border-color: #f9f9f9;
   --control-color: #b8b8b8;
}

/** Items **/
.jdft-item-inner {
   background-color: var(--cyan);
   padding: 50px;
   will-change: background-color;
   transition: background-color .2s linear;
   position: relative;
   overflow: hidden;
   height: 100%;
}

.jdft-item-inner:hover {
   background-color: var(--blue);
}

.jdft-item-content {
   color: var(--blue);
   will-change: color;
   transition: color .2s ease-in;
}

.jdft-item-inner:hover .jdft-item-content {
   color: var(--white);
}

.jdft-item-content .jdft-review:before {
   content: "\f10d";
   font-weight: 900;
   font-family: 'Font Awesome\ 5 Free';
   font-size: 36px;
   margin-bottom: 50px;
   display: inline-block;
}

.jdft-item-content p:last-child {
   margin: 0;
}

.jdft-user {
   display: flex;
   align-items: center;
   margin-top: 35px;
   color: var(--blue);
   will-change: color;
   transition: color .2s ease-in;
}

.jdft-item-inner:hover .jdft-user {
   color: var(--white);
}

.jdft-user__info {
   margin-left: 10px;
}

.jdft-user__name {
   margin-bottom: 3px;
}

.jdft-user__company-name {
   margin: 0;
}

/** Slider Navigation **/
.tns-nav {
   text-align: center;
   line-height: 1;
   font-size: 0;
   margin-top: 40px;
}

.tns-nav button {
   margin: 0 10px;
   width: 15px;
   height: 15px;
   border-radius: 100%;
   border: 0;
   background-color: var(--blue);
}

.tns-nav .tns-nav-active,
.tns-nav button:hover {
   background-color: var(--green);
}

/**Slider Controls**/
.tns-controls {
   text-align: center;
   margin-top: 40px;
}

.tns-controls button {
   width: 60px;
   height: 53px;
   line-height: 47px;
   display: inline-block;
   text-align: center;
   font-size: 0;
   color: var(--control-color);
   border: 3px solid var(--border-color);
   text-decoration: none;
   background: none;
   padding: 0;
}

.tns-controls button:before {
   content: "\f104";
   font-weight: 900;
   font-family: 'Font Awesome\ 5 Free';
   font-size: 26px;
}

.tns-controls button[data-controls="next"]:before {
   content: "\f105";
}

.tns-controls button:hover,
.tns-controls button:focus {
   text-decoration: none;
   color: var(--green);
}

.tns-controls [data-controls="prev"] {
   margin-right: 8px;
}

.tns-controls [data-controls="next"] {
   margin-left: 8px;
}

/** Responsive **/
@media (max-width: 1199px) {
   .jdft-item-inner {
      padding: 30px;
      background-color: var(--blue);
   }

   .jdft-item-content {
      color: var(--white);
   }

   .jdft-user__info {
      color: var(--white);
   }
}