/* path file: components/slider/features/templates/.default/style.css */

.block {
    font-family: 'Kanit', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 41px;
    color: #000000;
    margin-bottom: 35px;
    padding: 30px;
}
h1 span{
    font-size: 41px;
    display: block;
}
.pink_block {
    background: #ffaec2;
}

.blue_block {
    background: #0c53a4;
    color: #fff;
}
.blue_block a,
.blue_block a:hover {
    color: #45b2ff;
}

.free-block {
    margin: 120px 0 180px !important;
    color: #fff;
}

.free-block .h2 {
    color: #fff;
}

.offset-2 {
    margin-left: 12.666667% !important;
}
.swiper-block{
    max-width: 100%;
    overflow-x: hidden;
}

/*.video-js{
  background: #fff !important;
  width:100%;
}

.vjs-poster{
  right:-1px !important;
  background-color: #fff !important;
}


.video-js .vjs-big-play-button {
  background: url('/local/templates/europe/assets/img/play.svg') no-repeat center center;
  line-height: 1.5em;
  height: 106px;
  width: 87px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background-color: transparent;
  border-radius: 0;
  transition: none;
  border: 0;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
  content: "";
}

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color:transparent;
  background-color:transparent;
  background-color: transparent;
  transition: none;
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-audio .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none;
}
*/

.nanocad-free-description {
    background: url('/local/templates/europe/assets/img/more/free-desc.svg') no-repeat 0 bottom;
    width: 465px;
    margin-top: 40px;
    padding: 2px 10px 9px 2px;
}

.nanocad-free-description__content {
    background: #fff;
    padding: 20px 36px 20px 90px;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 110%;
    color: #000000;
    position: relative;
}

.nanocad-free-description__content::before {
    content: '';
    width: 47px;
    height: 47px;
    position: absolute;
    top: 20px;
    left: 30px;
    background: url('/local/templates/europe/assets/img/logo-nanocad23.svg') no-repeat 0 0;
}

.nanocad-free-description__content_small {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.nanocad-free-comparioson{
    background-image: url('/local/templates/europe/assets/img/bg/free-comparioson.svg');
    background-size: cover;
    padding: 35px 40px;

}
.nanocad-free-comparioson-text{
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    color: #fff;
}
.nanocad-free-comparioson-text a {
    color: #277bff;
}
.nanocad-free-comparioson .btn{
    padding: 14px 20px;
    color: #00194A;
    background: #fff;
    font-size: 16px;
    line-height: 16px;
}
.nanocad-free-comparioson .btn:hover{
    background: #b0ffde;
}



.nanocad-freev5 {
    background: #004176;
    padding: 60px 0;
}

.nanocad-freev5-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 58px;
    line-height: 100%;
    text-align: center;
    color: #277bff;
}

.nanocad-freev5-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 33px;
    padding: 15px 0 30px;
    line-height: 41px;
    text-align: center;
    color: #ffffff;
    background: url('/local/templates/europe/assets/img/more/subtitle.svg') no-repeat center 0;
}

.nanocad-freev5-subtitle-1 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    width: 870px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 30px 50px 92px;
    background: url('/local/templates/europe/assets/img/more/subtitle-1.svg') no-repeat center 0;
}

.nanocad-freev5-subtitle-1__link {
    margin-top: 15px;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 13px 30px;
    width: auto;
    background: #0056de;
}

.nanocad-freev5-subtitle-1__link:hover {
    text-decoration: none;
    color: #fff;
}

.nanocad-freev5-features{
    margin-bottom: 0px;
}

.nanocad-freev5-card {
    border: 1px solid #0056de;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
    height:100%;
}

.nanocad-freev5-features .col-12{
    margin-bottom: 50px;
}

.nanocad-freev5-card__wrapper {
    padding: 30px;
}

.nanocad-freev5-card__title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 110%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
}

.nanocad-freev5-card__img{
    margin-bottom: 15px;
    text-align: center;
}
.popup-window.popup-window-with-titlebar {
    height: auto!important;
    max-height: 700px;
}

.section.what h2 span{
    color: #FF3F3F;
}
.section.what .uiIcon:before,
.section.what .techIcon:before,
.section.what .updIcon:before{
    display: inline-block;
    height: 24px;
    width: 26px;
    content: "";
    background-size: contain;
    margin-right: 13px;
    margin-bottom: -9px;
    background-repeat: no-repeat;
    background-position: center;
}
.section.what .uiIcon:before{
    background-image: url("/local/templates/europe/assets/img/icons/ui.svg");
}
.section.what .techIcon:before{
    background-image: url("/local/templates/europe/assets/img/icons/tsup.svg");
}

.section.what .updIcon:before{
    background-image: url("/local/templates/europe/assets/img/icons/upd.svg");
}

.slide-title {
    color: #fff !important;
    margin-bottom: 10px !important;
}


@media(max-width:768px) {
    .swiper-block {
        min-height: auto !important;
    }

    .swiper-block .swiper-wrapper .slide-card {
        margin-left: 0px !important;
        width: auto !important;
    }

    .swiper-block .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .slide-card {
        margin-top: 0px;
    }

    .swiper-block .swiper-wrapper .swiper-slide-active .slider-card-img {
        height: auto !important;
    }
}