/*
Theme Name: Passportscan Theme
Theme URI: https://www.neting.it/
Author: Neting Team SD
Author URI: https://www.neting.it/
Description: Passportscan theme based on Tailwind by Neting.
Version: 3.0.0
License: MIT
License URI: https://github.com/jeffreyvr/tailpress/blob/master/LICENSE
Text Domain: passportscan
*/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600;700;900&display=swap'); */

html, body{
   /* font-family: 'Poppins', sans-serif; */
   font-family:Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
}
div, p{
	word-break: auto-phrase;    
}

.two-cols-img-txt ul,
.two-cols-img-txt menu{
    list-style:disc;
    margin:0 0 0 35px;
}

.two-cols-img-txt ol{
 list-style:none;
}

.icon-cards-section h3{
    font-size: 2rem!important;
    line-height: 2.25rem!important;
    margin-bottom:15px;
}
/* a, a.visited{
    color:#F0BF4C;
    text-decoration: underline;
} */
.site-content {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
p{
    padding-bottom:15px;
	word-break: auto-phrase;
}
p a,
li:not(.menu-item) a{
    color:#F0BF4C;
}
[x-cloak] { 
    display: none !important;
 }
 main ul {
    list-style: disc;
 
    margin: 15px 0 25px 40px;
}
main ul li{
    color:#433E5C;
    padding-bottom:15px;
}
main ul li::marker {
    color: #F0BF4C;
    font-size: 145%;
}
main ul li p{ padding-bottom:0px;}

main ol {
    list-style: none;
    counter-reset: item;
    margin:15px 0 15px 30px;
  }
  main ol  li {
    counter-increment: item;
    margin-bottom: 15px;
    padding-left:45px;
    position:relative;
  }
  main ol li:before {
    margin-right: 10px;
    content: counter(item);
    background: #F0BF4C;
    border-radius: 100%;
    color: white;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-weight: bold;
    position:absolute;
    top:0;
    left:0;
    line-height: 30px;
}
.homebanner ul,
ul.faq {
    list-style: none;
}
.homebanner{
    background-repeat:no-repeat;
    background-position: bottom center;
    background-size:cover;
}

.homebanner h1 span{
    font-style:italic;
    color:#F0BF4C;
}
.homebanner h1 span.second{
    color:#433E5C;
    font-size:80%;
    font-style:normal;
}

.yellow-cta{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.0001M10.8334 5L15.2442 9.41074C15.5696 9.73618 15.5696 10.2638 15.2442 10.5893L10.8334 15' stroke='white' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");    
    background-position: 92% center;
    background-repeat: no-repeat;
    padding: 12px 40px 12px 15px!important;
    color: #fff;
    background-color: #F0BF4C;
    border-radius: 10px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.yellow-cta:hover{
    background-color:#433e5c;
}

.white-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.0001M10.8334 5L15.2442 9.41074C15.5696 9.73618 15.5696 10.2638 15.2442 10.5893L10.8334 15' stroke='white' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");    
    background-position: 92% center;
    background-repeat: no-repeat;
    padding: 12px 40px 12px 15px!important;
}

.grey-cta{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.0001M10.8334 5L15.2442 9.41074C15.5696 9.73618 15.5696 10.2638 15.2442 10.5893L10.8334 15' stroke='%23433E5C' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");    
    background-position: 92% center;
    background-repeat: no-repeat;
    padding: 12px 40px 12px 15px;
    color: #433E5C;
    background-color: #DAE0E6;
    border-radius: 10px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.grey-cta:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.0001M10.8334 5L15.2442 9.41074C15.5696 9.73618 15.5696 10.2638 15.2442 10.5893L10.8334 15' stroke='white' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");
    background-color:#433E5C;
    color:#fff;
}
.dark-cta{
    padding: 12px 15px 12px 15px;
    color: #fff;
    background-color: #433E5C;
    border-radius: 10px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.dark-cta:hover{
    background-color:#ffffff;
    color:#433E5C;
}


.white-cta{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.0001M10.8334 5L15.2442 9.41074C15.5696 9.73618 15.5696 10.2638 15.2442 10.5893L10.8334 15' stroke='%23433E5C' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");    
    background-position: 92% center;
    background-repeat: no-repeat;
    padding: 12px 40px 12px 15px;
    color: #433E5C;
    background-color: #ffffff;
    border-radius: 10px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.white-cta:hover{
    background:#433E5C;
    color:#ffffff;
}
.video-cta {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 80' x='0px' y='0px'%3E%3Ctitle%3EPlay%3C/title%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M5,64a4.86,4.86,0,0,1-2.57-.74A5.18,5.18,0,0,1,0,58.81V5.18A5.18,5.18,0,0,1,2.44.74,4.84,4.84,0,0,1,7.17.51l54,26.85a5.23,5.23,0,0,1,0,9.27l-54,26.85A4.86,4.86,0,0,1,5,64ZM5,4a.87.87,0,0,0-.46.14,1.21,1.21,0,0,0-.54,1V58.81a1.21,1.21,0,0,0,.54,1,.83.83,0,0,0,.85,0l54-26.85a1.23,1.23,0,0,0,0-2.11L5.39,4.09A.86.86,0,0,0,5,4Z' fill='%23433e5c' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 92% 57%;
    background-repeat: no-repeat;
    background-size: 14px;
    padding: 10px 38px 8px 15px!important;
    color: #433E5C;
    background-color: transparent;
    border-radius: 10px;
    margin-left: 15px;
    font-weight: 500;
    border: 2px solid #433e5c;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.video-cta:hover {
    color:#433E5C;
    background-color:#F0BF4C;
    border-color:#F0BF4C;
}
.ytembed iframe {
    width: 100%;
    height: -webkit-fill-available;
}
ul.thicks li{
    position:relative;
    padding:5px 0 5px 30px;
}
ul.thicks li:before{
        content: "";
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'%3E%3Cpath d='M16 1.53791L6.35041 11.1875C5.9843 11.5536 5.3907 11.5536 5.02459 11.1875L1 7.16291' stroke='%23384255' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat:no-repeat;
        background-size: cover;
        top:5px;
        left:0;
        width:15px;
        height:15px;
    }
.icon-cards{
background:#fcfcfc url(img/icons-btm.png);
background-repeat: no-repeat;
background-size:contain;
background-position: center bottom;
}


.full-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000044;
    position: absolute;
    top: 0;
}
video#video_bg {
    height: calc(100vh - 9rem);
    width: 100vw;
    object-fit: cover;
    max-width: 100%;
    min-height: 500px;
}
.image-slider{
    background-image:url(img/slider-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}

.slider-7 .swiper-pagination-bullet-active-main{
    background: #433E5C;
    width:12px!important;
    height:12px!important;
}

.slider-7 .swiper-pagination-bullet-active-next, .slider-7 .swiper-pagination-bullet-active-next-next, .slider-7 .swiper-pagination-bullet-active-prev, .slider-7 .swiper-pagination-bullet-active-prev-prev{
    width:12px!important;
    height:12px!important;
    background:transparent!important;
    border:1px solid #433E5C;
    transform:scale(1)!important;
    opacity:1!important;
}

.swiper-pagination-bullets-dynamic{
    width:100px!important;
}

.reviews-slider{
    background-position: 25% 35%;
}
.reviews .swiper-slide img {
    width: 220px;
}
ul.faq li:first-child{
    border-top:1px solid #F0BF4C!important;
}
form input{
    border-color:#433E5C;
}
.footer1 .wp-block-image {
    margin-bottom: 25px;
}
.footer5 div#SIGNUP_HEADING {
    font-weight: 700;
    font-size: 1rem;
    color: #F0BF4C;
    padding-bottom: 1.25rem;
    line-height: 1.5rem;
}
form#zcampaignOptinForm{
    display: flex;
    flex-wrap: wrap;
    margin:15px 0;
    flex-direction: column;
}
div#errorMsgDiv {
    margin: 0 0 10px 0;
}
.forminput input {
    width: 100%;
    padding: 8px 10px;
    border-radius: 0.5rem;
    color: #7b7b7b;
}
.forminput {
    width: 50%;
    margin: 10px 0;
}
form input[type=submit],
input#formsubmit{
    color:#ffffff!important;
    background-color:#2B63D9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16699 10H15.0003M10.8337 5L15.2444 9.41074C15.5698 9.73618 15.5698 10.2638 15.2444 10.5893L10.8337 15' stroke='white' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position:  90% center;
    padding:9px;
    padding-right:40px;
    border-radius:0.5rem;
}
input.zcwf_button[type=reset] {
    padding: 9px;
    border-radius: 0.5rem;
}
#zcampaignOptinForm input[type=submit]{
    width:50%;
    margin-top:15px;
}
#zcampaignOptinForm input[type=submit]:hover {
    background-color: #F0BF4C;
    cursor: pointer;
}
form#webform .zcwf_lblRight .zcwf_col_fld input[type=text], form#webform  input[type=password], form#webform .zcwf_lblRight .zcwf_col_fld textarea {
    border-radius: 0.5rem;
    border: 0px!important;
    padding: 3px;
}
.login, .demo{
    margin-left:20px!important
}
.demo a{
    border-radius:6px;
    background-color: #433E5C;
    color: #ffffff;
    padding:10px;
}
#demo-menu .demo a{
    padding: 12px 15px 12px 15px!important;
}
.footer1 figure img{
    margin:0;
}

.wpcf7-list-item{
    margin:0!important;
}
/** PRICING **/
.pricefilter{
    padding:8px 15px;
    color:#433E5C;
    background-color:#f2f2f2;
}
.pricefilter.selected{
    color:#fff;
    background-color: #433E5C;
}
.monthly{
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}
.yearly{
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;  
}
.pricefilter:not(.selected):hover{
    background-color:#bdbdbd;
}

#mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 15.6634C12.178 15.8831 11.8219 15.8831 11.6022 15.6634L5.86739 9.92853C5.64772 9.70886 5.64772 9.35276 5.86739 9.13308L6.13256 8.86788C6.35222 8.64821 6.70838 8.64821 6.92805 8.86788L12 13.9398L17.0719 8.86788C17.2916 8.64821 17.6477 8.64821 17.8674 8.86788L18.1326 9.13308C18.3522 9.35276 18.3522 9.70886 18.1326 9.92853L12.3977 15.6634Z' fill='%23433E5C'/%3E%3C/svg%3E")!important;
	width:12px;
	height:5px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.demo > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.login > a.mega-menu-link{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.rounded-lg.banner-overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.55);
    content: "";
    border-radius:8px;
}

.site-footer ul.menu a:hover {
    color: #F0BF4C;
}

/*** MOBILE MENU ***/

ul#menu-mobile-menu li > a {
    font-weight: 700;
}
ul#menu-mobile-menu > li{
    border-bottom:1px solid #e8e8e8;
}
ul#menu-mobile-menu li ul {
    padding: 0.75rem 0;
}
ul#menu-mobile-menu li ul > li{
    border:0;
    padding: 0.35rem;
} 
ul#menu-mobile-menu li ul > li:hover,
ul#menu-mobile-menu li ul > li.current-menu-item,
ul#menu-mobile-menu li.current-menu-item{
    background-color: #F0BF4C;
    border-radius:10px;
}
ul#menu-mobile-menu li ul li > a {
    font-weight: 400;
}

.news-img:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}

.blog-hero:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(img/Maschera2.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover;
}


/*** TAIL ADDONS Aggiungo stili non buildabili tipo CF7 **/
.p-2{
    padding: 0.5rem; 
}
.basis-2\/3{
    flex-basis: 66.666667%;
}
.basis-1\/3{
    flex-basis: 33.333333%;
}
.w-\[15\%\] {
    width: 15%;
  }
  .mb-\[3\%\] {
    margin-bottom:3%;
  }
  a.card-integration{
    transform:scale(1);
    transition: all 0.2s ease;
}
a.card-integration:hover{
    transform:scale(1.05);
    transition: all 0.2s ease;
}

/* SWITCHER LANG by SD ***/
.langs .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click {
    width: 30px;
    height:30px
}
.langs .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    display: none;
}

.langs a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 28px;
    padding: 0;
    text-align: center;
    border-color: #433e5c;
    color: #433e5c;
    background: #f8f8f8;
    font-size: 15px;
}
.langs .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: 0;
    background: none;
    margin-top:5px;
}
.langs .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border: 0;
    width: 100%;
    text-align: center;
    color: #433e5c;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 28px;
    padding:0;
}

.langs .wpml-ls-legacy-dropdown-click .wpml-ls-item{
	margin: 0 0 5px 0;
}
/*** ADMIN STYLE solo per  dare risalto alle sezioni Eskre*****/
.acf-fc-layout-handle.ui-sortable-handle {
    border-bottom-width: 1px;
    background: #eee;
}

.herocol{
    width:60%;
}
.swiper.sliderimage-1 {
    padding-left: 5rem;
}



.answer a{
    color:#433E5C!important;
    font-weight:700;
}


.customer{
	filter: grayscale(100%);
	height:fit-content;
}
.customer:hover{
	filter: grayscale(0%);
}

.contact_accordion {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px 50px 25px 0px;
    margin-right: 25px;
	width:100%;
}


/*** RESPONSIVE    ***/

@media screen and (max-width: 1281px) {

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 5px 12px 5px 12px;
    }
}

@media screen and (max-width: 1279px) {
    #mega-menu-wrap-primary{
        display:none;
    }

    .card-integration{
        width:32%!important;
    }
    .langs{
        margin-left: auto;
        margin-right: 25px;
    }
    .herocol{
        width:100%;
    }
    .swiper.sliderimage-1 {
        padding-left: 0rem;
    }
	.contact_accordion {
    padding:0;
    margin: 0px;
}
}

@media screen and (max-width: 767px) {
    .footer1 figure img{
        margin:0 auto 25px auto;
    }
    video#video_bg {
        height: calc(50vh - 9rem);
    }
}
@media screen and (max-width: 600px) {

    .card-integration{
        width:45%!important;
    }

    .newsletter input[type=submit] {
        padding-right:30px;
        margin:0;
    }
    .blog-hero:before{

        background-position:left bottom;
        background-size:cover;
    }
    .forminput {
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    .mt-10.flex.flex-wrap.items-center.hero-ctas {
        flex-direction: column;
        align-items: flex-start;
    }
    .video-cta{
        margin: 25px 25px 0 0;
    }
}