#cludo-search-form button,#mobile-navigation .login-btn-nav,#mobile-navigation li a,#site-navigation .nav .login-btn-nav,.footer .container .footer__widgets .socials__item {
    transition: all .15s ease-in-out
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Poppins-Complete/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zalando Sans SemiExpanded';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Zalando_Sans_SemiExpanded/zalando-sans-semiexpanded.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pixelify-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pixelify Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pixelify-sans.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.cludo-clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.container {
    z-index: 3;
}

.cludo-hidden,.cludo-hide-desktop {
    display: none
}

.cludo-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}



.cludo-hide-mobile {
    display: block
}

@media (max-width: 767px) {
    .cludo-hide-desktop {
        display:block
    }

    .cludo-hide-mobile {
        display: none
    }
}



body {
    font-family: 'Poppins',sans-serif;
    position: relative;
        min-height: 100vh;
        background-image: url(../images/background_website-1-scaled.png);
        background-size: 100% auto;
    /* background-color: #F2F4F7; */
    
}


/* background blurs */
/* body:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="598" height="1318" viewBox="0 0 598 1318" fill="none"><!-- First ellipse with radial gradient --><g opacity="0.7" filter="url(%23blurFilter1)"><path d="M-249 200C-128.592 200 -13.1151 247.832 72.0265 332.974C157.168 418.115 205 533.592 205 654C205 774.408 157.168 889.885 72.0266 975.026C-13.1149 1060.17 -128.592 1108 -249 1108L-249 200Z" fill="url(%23radialGradient1)"/></g><!-- Second ellipse with solid fill and multiply blend --><g style="mix-blend-mode:multiply" opacity="0.7" filter="url(%23blurFilter2)"><path d="M-157 162C-9.80487 162 131.362 220.473 235.444 324.556C339.527 428.638 398 569.805 398 717C398 864.195 339.527 1005.36 235.444 1109.44C131.362 1213.53 -9.80478 1272 -157 1272L-157 162Z" fill="%23E1E7F0"/></g><defs><!-- First ellipse filter and gradient --><filter id="blurFilter1" x="-449" y="0" width="854" height="1308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur"/></filter><radialGradient id="radialGradient1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-149.5 628) rotate(0.998943) scale(362.386 427.766)"><stop stop-color="%233C2DE1"/><stop offset="1" stop-color="%23F2F4F7"/></radialGradient><!-- Second ellipse filter --><filter id="blurFilter2" x="-357" y="-38" width="955" height="1510" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_1_136"/></filter></defs></svg>');
    height: 900px;
    width: 400px;
    filter: blur(100px);
    z-index: 2;
} */


#cludo-search-top #searchform input,#site-navigation .nav li a,body h1,body h2,body h3 {
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
}

.branding {
    display: flex;
    align-items: flex-end;

}
.branding img {
    height: 50px;
    padding: 5px 0
}

.logo-studio {
    font-size: 22px;
    margin: 0 0 5px 11px;
    font-family: 'Pixelify Sans', sans-serif;
    color: #181818;
    letter-spacing: 3px;
    background: linear-gradient(
    90deg,
    #C538CD,
    #FD8845,
    #8F5FFF,
    #C538CD,
    #FD8845,
    #C538CD
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#cludo-search-top {
    background: #f1f4f9;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    top: 90px;
    z-index: 99;
    color: #000000;
}

#cludo-search-top #searchform {
    position: relative;
    width: 100%;
    padding: 50px 0;
}

#cludo-search-top #searchform input {
    width: 80%;
    color: #000000;
}

#cludo-search-top #searchform input::placeholder {
    color: #000000 !important;
}


.header__container {
    padding: 1rem;
    
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    z-index: 999;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header__container.scrolled {
    position: fixed;
    background-color: #F2F4F7; /* or any color */
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

.header__container .hamburger-inner,.header__container .hamburger-inner:after,.header__container .hamburger-inner:before {
    background-color: #181818
}

#site-navigation .dropdown__menu {
    border-radius: 0
}

@media (max-width: 1000px) {
    .header__container {
        z-index:100
    }

    #site-navigation {
        display: none
    }
}

#site-navigation .nav {
    display: flex;
    align-items: center;
}

#site-navigation .nav li a {
    color: #181818;
    /* text-transform: uppercase; */
    /* font-size: 14px; */
    font-weight: 900;
    padding-left: 20px;
    padding-right: 20px
}

.nav li a .version-title {
    display: flex;
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
    padding-bottom: 20px;
    align-items: center;
}

.nav li a .version-title::before{
    content: "";
    display: flex;
    width: 6px !important;
    max-width: 6px !important;
    min-width: 6px !important;
    height: 30px;
    min-height: -webkit-fill-available;
    margin-right: 24px;
    margin-top: 3px;

}

 .version-dropdown li:nth-of-type(1) .version-title::before{
    background-color: #7347FF;
}

 .version-dropdown li:nth-of-type(2) .version-title::before{
    background-color: #C538CD;
}

 .version-dropdown li:nth-of-type(3) .version-title::before{
    background-color: #FD8845;
}

 .version-dropdown li:nth-of-type(4) .version-title::before{
    background-color: #1a1a2e;
}


#site-navigation .nav li a:hover {
    color: #7347FF
}

#site-navigation .nav li a:hover .icon-chevron-down {
    fill: #7347FF
}

#site-navigation .nav li .header__search {
    padding-right: 10px
}

#site-navigation .nav li .header__search .icon {
    fill: #181818
}

#site-navigation .nav li .header__search:hover .icon-chevron-down {
    fill: #7347FF
}

#site-navigation .nav .login-btn-nav {
    border: 2px solid #181818
}

#site-navigation .nav .login-btn-nav a {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px
}

#site-navigation .nav .login-btn-nav a:hover {
    color: #181818
}

#site-navigation .nav .login-btn-nav:hover {
    border-color: #7347FF
}

#site-navigation .submenu-item {
    display: flex;
    justify-content: center
}

.cludo-switcher-value {
    white-space: nowrap
}

.cludo-switcher-value.active,.cludo-switcher-value.hover {
    color: #7347FF!important
}

#mobile-navigation li a {
    color: #181818;
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
    justify-content: center;
    display: flex
}


#mobile-navigation {
    top: 0;
    z-index: 999
}

#mobile-navigation li a {
    text-transform: inherit;
    font-size: 20px;
    font-weight: 900;
    padding: 10px 0
}

#mobile-navigation li .header__search,.mobile-nav-icons .header__search {
    padding-right: 10px
}

#mobile-navigation li a:hover {
    color: #7347FF
}

#mobile-navigation li .header__search .icon {
    fill: #181818
}

#mobile-navigation li .header__search:hover .icon {
    fill: #7347FF
}

#mobile-navigation #menu-utility-2 {
    display: flex;
    justify-content: center;
    max-width: 100%
}

#mobile-navigation .login-btn-nav {
    border: 2px solid #181818
}

#mobile-navigation .login-btn-nav a {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border: none
}

#mobile-navigation .login-btn-nav a:hover {
    color: #181818;
    background-color: transparent
}

#mobile-navigation .login-btn-nav:hover {
    border-color: #7347FF
}

.mobile-nav-icons {
    display: none
}

.mobile-nav-icons .header__search .icon {
    fill: #181818;
    width: 25px;
    height: 25px
}

.mobile-nav-icons .header__search:hover .icon {
    fill: #7347FF
}

#menu-primary-2 {
    margin-top: 65px
}

#masthead {
    background-color: transparent;
}

#masthead .header__background {
    background: transparent
}

/* #masthead .module__hero {
    background: linear-gradient(rgba(194,194,194,.5),rgba(194,194,194,.4)),url(https://customer.cludo.com/assets/36/demo-initech/res/hero.jpg);
    background-position: center;
    background-size: cover;
    padding: 130px 10px 72px
} */

#masthead .module__hero {
    /* z-index: 4; */
}

#masthead .module__hero-img {
    position: absolute;
    right: 0;
    top: calc(58px + 28px + 28px);
    background: url(images/studio-index-hero.jpg);
    background-position: center;
    background-size: cover;
    width: 40%;
    height: 660px;
    aspect-ratio: 617/660;
    border-radius: 60px 0 0 120px;
}

#masthead .module__hero-img--template {
    background: url(images/8995bca1-7853-4668-a7e3-40ed065f3ab5.png);
    background-position: center;
    background-size: cover;
}

@media (max-width: 992px) {
    #masthead .module__hero {
        padding:50px 0 0;
    }

    #masthead .module__hero-img { 
        /* position: relative; */
        right: 18px;
        bottom: 0;
        top: inherit;
        width: 50%;
        height: 300px;
        aspect-ratio: auto;
        border-radius: 23px 62px 23px 62px;
        margin-top: 40px;
    }

}

#masthead .module__hero .hero--left {
    padding-bottom: 0;
    height: calc(660px + 58px + 28px + 28px);
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    width: 60%;
    margin: 0 !important;
    padding-top: calc(58px + 28px + 28px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 992px) {
    #masthead .module__hero .hero--left {
        height: fit-content;
        width: 100%;
        padding-bottom: 200px;
        padding-top: 0px;
    }
}

.module__hero--search .container--xl{
    padding-top: calc(70px + 70px);
    height: fit-content;

    
}


@media (max-width: 1200px) {
   .module__hero--search .container--xl{
        padding: 50px 0 0;
    }

}

@media (max-width: 991px) {
    .module__hero--search .container--xl{
        padding: 0;
    }

}

.module__hero--search h1 {
    
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 105.6px */
    color: #181818;
    width: 100%;
    margin-bottom: 40px;
}

.module__hero--search p {
    letter-spacing: 1%;
     font-family: 'poppins', sans-serif;
     font-size: 18px;
     line-height: 140%;
     font-style: normal;
    font-weight: 400;
    margin-bottom: 40px;
}

.module__hero--search p strong{
    color: #7347FF;
}

@media (max-width: 991px) {
    .module__hero--search h1 {
        font-size: 32px;
        line-height: 120%; /* 105.6px */
        margin-bottom:  40px;
    }

}

#masthead .module__hero .hero--left .container{
    padding-left: 0; 
}

#masthead .module__hero .hero--left .hero__headline h1 {
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 105.6px */
    color: #181818;
}

@media (max-width: 992px) { 
    #masthead .module__hero .hero--left .hero__headline h1 { 
        font-size: 44px;
        line-height: 120%; /* 48px */
    }
    
}

#masthead .module__hero .hero--left .hero__headline h1 .hero-headline__studio {
    font-family: 'Pixelify Sans', sans-serif;
        letter-spacing: 12px;
    background: linear-gradient(
    90deg,
    #C538CD,
    #FD8845,
    #8F5FFF,
    #C538CD,
    #FD8845,
    #C538CD
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 992px) { 
    #masthead .module__hero .hero--left .hero__headline h1 .hero-headline__studio {
        letter-spacing: 5px;
    }
    
}


#masthead .module__hero .hero--left .hero__subheadline {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.28px;
    margin: 28px 0;
}

@media (max-width: 992px) { 
    #masthead .module__hero .hero--left .hero__subheadline {
        font-size: 18px;
    }
    
}


#masthead .module__hero .hero--left .hero__subheadline span {
    font-weight: 600;
}

#masthead .module__hero .hero--left .hero__tip {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #555555;
}
@media (max-width: 992px) {
    #masthead .module__hero .hero--left .hero__tip {
        max-width: 40%;
        
    }
}

.options--list ul {
    padding-top: 8em;
    padding-bottom: 4em;
    display: flex;
    flex-wrap: wrap;
    gap: 5em;
    
}

@media (max-width: 992px) {
    .options--list ul {
        padding-top: 4em;
        gap: 5em;
        
    }
}


.options--list ul li{ 
    width: calc(33.33% - 5em);
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .options--list ul li{ 
        width: 100%;
        gap: 15px;
    }

    .options--list ul li:nth-child(2) {
        align-items: flex-end;
    }

    .options--list ul li:nth-child(2) p {
        text-align: right;
    }
}

.options--list ul li h2{
    font-family: 'Zalando Sans SemiExpanded',sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 36px */
    display: flex;
    
}

@media (max-width: 992px) {
    .options--list ul li h2{
        font-size: 24px;
    }
}

.options--list ul li h2::before{
    content: "";
    display: flex;
    width: 12px;
    height: 24px;
    margin-right: 20px;
    margin-top: 5px;

}

@media (max-width: 992px) {
    .options--list ul li h2::before{
        margin-top: 2px;
    }
}
.options--list ul li:nth-of-type(1) h2::before{
    background-color: #7347FF;
}

.options--list ul li:nth-of-type(2) h2::before{
    background-color: #C538CD;
}

.options--list ul li:nth-of-type(3) h2::before{
    background-color: #FD8845;
}

.options--list ul li p {
    color: var(--Neutrals-N100, #181818);
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}


@media (max-width: 992px) {
    .options--list ul li p {
        font-size: 16px;
        max-width: 68vw;
    }
}

    

.options--list ul li a {

    color: #7347FF;
    background-color: transparent !important;
    background: none !important;
    border-radius: 0 ;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start;
} 

.options--list ul li a:focus-within {
    text-decoration: underline;
}

@media (max-width: 992px) {
    .options--list ul li a {
        font-size: 20px;
    }
}

.options--list ul li a:hover {
    text-decoration: underline;
 }

.options--list ul li a svg {
    margin-left: 12px;
}


.footer .container .footer__widgets {
    width: 100%;
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0
}

.footer .container .footer__widgets .footer__widget {
    display: flex;
    margin: 0
}

.footer .container .footer__widgets .footer__widget a,.footer .container .footer__widgets .footer__widget p,.footer .container .footer__widgets .footer__widget span {
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.footer .container .footer__widgets .footer__widget a:hover {
    color: #7347FF
}

.footer .container .footer__widgets .footer__logo {
    width: 40%;
    max-width: 40%
}

@media (max-width: 1000px) {
    .mobile-nav-icons {
        display:flex
    }

    .footer .container .footer__widgets {
        flex-direction: row;
        flex-wrap: wrap
    }

    .footer .container .footer__widgets .footer__logo {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center
    }

    .footer .container .footer__widgets .footer__logo .textwidget {
        display: flex;
        width: 100%
    }

    .footer .container .footer__widgets .footer__logo .textwidget p {
        width: 50%
    }
}

.footer .container .footer__widgets .footer__links {
    width: 30%;
    max-width: 30%
}

@media (max-width: 1000px) {
    .footer .container .footer__widgets .footer__links {
        width:50%;
        max-width: 50%;
        display: flex;
        justify-content: center
    }
}

.footer .container .footer__widgets .footer__social {
    width: 30%;
    max-width: 30%
}

@media (max-width: 1000px) {
    .footer .container .footer__widgets .footer__social {
        width:50%;
        max-width: 50%;
        justify-content: center
    }
}

.footer .container .footer__widgets .footer__social .footer__socials {
    display: flex;
    justify-content: flex-start
}

@media (max-width: 1000px) {
    .footer .container .footer__widgets .footer__social .footer__socials {
        justify-content:center
    }
}

.footer .container .footer__widgets .footer__social .footer__socials .socials__headline {
    text-align: left;
    margin: 0;
    display: flex;
    align-items: flex-end;
    font-size: 13px;
    text-transform: uppercase
}

@media (max-width: 1000px) {
    .footer .container .footer__widgets .footer__social .footer__socials .socials__headline {
        justify-content:center
    }
}

.footer .container .footer__widgets .footer__social .socials__item {
    margin: 0;
    padding: 5px 10px;
    border: 2px solid #181818;
    border-right: 0;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer .container .footer__widgets .footer__social .socials__item:last-child {
    border-right: 2px solid #181818
}

.footer .container .footer__widgets .footer__social .socials__item .icon {
    width: 25px;
    height: 25px
}

.footer .container .footer__widgets .footer__social-icons {
    display: flex
}

.footer .container .footer__widgets .socials__item svg {
    fill: #181818;
    transition: all .15s ease-in-out
}

.footer .container .footer__widgets .socials__item:hover svg {
    fill: #7347FF
}

.swal2-container {
    display: none
}

.hero__search {
    position: relative;
}

#cludo-search-form {
    display: flex;
    justify-content: center;
}

#cludo-search-form .cludo-search-inner {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    
}

@media (max-width: 767px) {
    #cludo-search-form .cludo-search-inner {
        width:100%
    }
}

#cludo-search-form input[type=search] {
    border: 2px solid #E5E9EF;
    border-radius: 20px;
    background-color: #fff;
    color: #181818;
    padding: 20px 60px 20px 28px;
    height: 55px;
    line-height: 1.2;
    width: 100%;
    transition: all .3s ease-in-out;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    box-shadow: rgba(194, 209, 226, 1) 0px 5px 15px;
    outline: 0;
}
#cludo-search-form input[type=search]:focus {
    border-color: #7347FF;
    outline: 0;
}

.hero__search:has(.cludo-ai-mode-show)  #cludo-search-form input[type=search] {
    padding-right: 180px;
}

.hero__search:has(.cludo-voice-icon) #cludo-search-form input[type=search] {
     padding-right: 100px;
}

.hero__search:has(.cludo-ai-mode-show):has(.cludo-voice-icon) #cludo-search-form input[type="search"] {
    padding-right: 210px;
}


#cludo-search-form input[type=search]::-webkit-search-cancel-button{
			-webkit-appearance: none;
			appearance: none;
			height: 24px;
			width: 24px;
			margin-left: 0.4em;

			background-color: #777; /* Color of the "X" icon */

			-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			-webkit-mask-size: contain;

			mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
			mask-repeat: no-repeat;
			mask-position: center;
			mask-size: contain;

			cursor: pointer;
		}


#cludo-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--cludo-pri-color, #7347FF);
    background-color: transparent;
    border: none;
    outline: none !important;
    width: fit-content;
    padding-right: 28px;
    height: 55px;
    line-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s ease-in-out;
    border-radius: 0 20px 20px 0;
}

#cludo-search-form button.cludo-input-form__search-button,
#cludo-search-form button:not(.cludo-voice-icon):not(.cludo-ai-mode-btn) {
    margin-right: 0;
    padding-right: 20px !important;
    padding-left: 15px !important;
}

.hero__search:has(.cludo-ai-mode-show) #cludo-search-form button[type="button"] {
    right: 132px;
    padding: 0 15px;
}

#cludo-search-form button.cludo-voice-icon {
    right: 60px;
    width: fit-content;
    padding-right: 0px;
    padding: 0 10px;
    border-radius: 0 !important;
    
    svg {
        width: 20px;
        height: 20px;

        path {
            fill: var(--cludo-pri-color, #7347FF);
        }
    }
}

#cludo-search-form button.cludo-voice-icon svg {
    width: 20px;
    height: 20px;
}

#cludo-search-form button.cludo-voice-icon svg path{

    fill: var(--cludo-pri-color, #7347FF);
    transition: all .15s ease-in-out;
     
}

#cludo-search-form button.cludo-voice-icon:hover svg path,
#cludo-search-form button.cludo-voice-icon:focus svg path {
    fill: var(--cludo-sec-color, #181818);
}

#cludo-search-form button.cludo-voice-icon:focus-visible svg path {
    fill: var(--cludo-btn-color, #fff) !important;
}

#cludo-search-form button.cludo-voice-icon:focus-visible {
    border-radius: 0px !important;
}

.hero__search:has(.cludo-ai-mode-show) #cludo-search-form button.cludo-voice-icon {
    right: 182px;
    padding: 0px;
}

.hero__search:has(.cludo-ai-mode-show) #cludo-search-form button.cludo-input-form__search-button {
    border-radius: 0px !important;
}

#cludo-search-form button:focus-visible,
.hero__search #cludo-search-form button:focus-visible {
    outline: none !important;
    background-color: var(--cludo-btn-bg, var(--cludo-pri-color, #7347FF));
    color: var(--cludo-btn-color, #fff) !important;
}

#cludo-search-form button:focus-visible svg path {
    fill: var(--cludo-btn-color, #fff) !important;
}

#cludo-search-form button:focus,#cludo-search-form button:hover {
    color: var(--cludo-sec-color, #181818);
    outline: 0
}

#cludo-search-form button i {
    font-size: 20px
}

#cludo-search-form label {
    position: absolute;
    left: -9999px;
    top: -9999px
}







@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    100%,80% {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0%,100% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }
}

.nav .dropdown {
    /* filter: drop-shadow(0 0 2px #00001b) */
}

.nav .dropdown::before {
    top: 20px
}

.nav .dropdown__menu {
    /* margin-top: 13px */
}

@media (max-width: 1000px) {
    .nav .dropdown {
        filter:none
    }

    .nav .dropdown__menu {
        margin-top: 0;
        box-shadow: none;
        border-radius: 0
    }
}

p span.cludo-highlight-fragment {
    transition: all .15s ease-in-out
}

p span.cludo-highlight-fragment:hover {
    background-color: #FFF199
}