@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: -10px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.main-specific .slick-prev,.main-specific .slick-next{bottom: -50px;}
.slick-prev {left: 31px; background: #cbcdd3;width: 40px;height: 40px;border-radius: 50px;z-index: 100;}
.slick-next {left: 31px; background: #cbcdd3;width: 40px;height: 40px;border-radius: 50px;z-index: 100;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #000;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left:24px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    left:74px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity:1;
    color:#999999;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color:#a156dd;
}
.slick-dots {
    position: relative;}
.card {
     position: relative;
     display: flex;
     width: 460px;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color:transparent;
     background-clip: border-box;
     border:0;
     border-radius:0 ;
}
 .card .card-body {padding:0;}
 .card-body {flex: 1 1 auto; padding: 1.25rem }
 .cust-profession { font-size: 10px }
 .items {width: 100%; margin: 0px auto; margin-top:0;
}

 .slick-slide {margin: 16px 16px 30px; }
 .slick-next:before {content: url('../image/img_next01.png');}
 .slick-prev:before {content: url('../image/img_prev01.png');}
.slick-initialized .slick-slide {
    height: fit-content;}
.slick-dots li button:before{
    font-size: 30px !important;
}
.slick-dots li{
    width: 14px;
    height: 14px;
}
/*.main-prodcut .slick-track {
    margin-left:4em !important;
}*/
.main-prodcut .slick-list{margin-top:60px !important;}
.main-prodcut .slick-slide{border:0;}
.bg1 .card-body,.bg5 .card-body{background:url('../image/main_box_01.jpeg');}
.bg2 .card-body{background:url('../image/main_box_02.jpeg');}
.bg3 .card-body{background:url('../image/main_box_03.jpeg');}
.bg4 .card-body{background:url('../image/main_box_04.jpeg');}
.main-prodcut button.slick-arrow{background-color: rgb(231, 231, 231);min-width: 50px;min-height: 50px;border-radius: 100px;}
.main-prodcut button.slick-arrow:hover{background-color:#000;}
.main-prodcut .slick-prev {right:calc((100% - 1170px) + 64px) !important; top: -10px;left: initial;}
.main-prodcut .slick-next {right:calc(100% - 1170px) !important;top: -10px;}
.main-prodcut .card-body {min-height:495px;border-radius:20px;}
.main-prodcut .wrap_cutomer h3,.main-prodcut .wrap_cutomer h5{color:#fff;color: #fff;margin-bottom: 20px;font-weight: bold;}
.main-prodcut .slick-current.slick-active .card-body {transform: scale(1.06) !important;}
.main-prodcut .template-box {position: absolute; bottom: 47px;}
.main-prodcut .template-box a{color:#fff;font-weight: bold;}
.main-prodcut .template-box a:hover{}
.main-prodcut .slick-track {margin-left: -180px;}
@media all and (min-width:1320px){.slick-list {width:100% !important;}}
@media all and (max-width:991px){
.card { width: 90%; margin: 0 auto;}
}
@media all and (max-width:767px){
.items {width:100%;}
.main-customer-story .slick-prev,.main-customer-story .slick-next{bottom:auto !important;top: -30px !important;}
.main-specific .slick-prev, .main-specific .slick-next{bottom:auto !important;top: -40px !important;}
.slick-prev{left:auto;right: 66px;}
.slick-next{left:auto;right: 16px;}
.main-platform h1.tit_hp{margin-bottom: 0;}
}