/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.1
Updated: 2026-02-11 10:13:29

*/

 html{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}
body{font-family:"Inter",sans-serif !important;font-feature-settings:salt,ss01,ss02,rlig 1,calt 1;letter-spacing:-.01em}
:root{--brand-purple:#124cca;--brand-purple-deep:#1652f8;--brand-amber:#fff;--ink:#111827;--muted:#6b7280;--soft:#f3f4f6;--primary:#006ACD;}




header {position: absolute; left:0; top:0; right:0; z-index: 9;}
ul.top_right{list-style: none; padding: 0; margin: 0;}
ul.top_right li{display: inline-block; vertical-align: middle; color: white  !important;}
ul.top_right li .dropdown .btn{ color: white  !important;}
ul.top_right li .dropdown .dropdown-menu li{display: block; margin-left: 0;}
ul.top_right li img{width: 18px;}
ul.top_right li+li{margin-left: 15px;}

.logo {display: block; position: relative; width:100%; max-width: 218px;}
.logo img { width: auto; height:50px;}


#menu{padding:0 ;}
#menu ul{list-style:none;margin:0;padding:0;text-align:center }
#menu ul li{display:inline-block;position:relative;vertical-align:top}
#menu ul li:last-child{margin-right:0}
#menu ul li a{color:black;padding:42px 13px 40px 13px;display:block;text-decoration:none;position:relative;line-height:1.1; font-size: 16px;}
#menu li>a:after{content:'\F282';font-family:bootstrap-icons;margin-left:4px;position:relative;top:3px;font-size:13px;display:none}
#menu li>a:only-child:after{margin-left:0;content:''}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a,#menu ul li.current_page_item>a{color:#124cca}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current-menu-ancestor>a:before,#menu ul li.current-menu-item>a:before,#menu ul li.current-menu-parent>a:before,#menu ul li.current_page_item>a:before{opacity:1}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary-hover)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap}
#menu li:last-child>ul{left:inherit;right:0}
#menu ul li.active ul li a{background:var(--primary);color:white;border-bottom:1px solid var(--primary)!important}
#menu li>ul li{border-bottom:#006a04 1px solid;display:block;position:relative;margin:0;text-align:left}
#menu li>ul li a{color:#333;font-size:13px;padding:10px 15px;border-right:0;font-weight:500}
#menu li>ul li a:after{content:'\F285';font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a,#menu li ul li.current_page_item>a{background:var(--primary-hover);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li.has-submenu+li,#menu>li:first-child{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:var(--primary);color:#fff}
#menu li>ul li a:hover{background-color:var(--primary-hover);color:#fff!important}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a{color:#fff}
#menu li>ul li:hover ul li a{color:#fff}
#menu li>ul li ul li a:hover{color:#fff}
@-webkit-keyframes menu_sticky {
    0% { margin-top: -240px}
  50% { margin-top: -90px}
  100% {margin-top: 0}
}
header.sticky {margin:0; position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background-color: rgba(255,255,255,.95);
-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index: 99; }




.bg-hero-gradient{background:linear-gradient(135deg,var(--brand-purple) 0%,#006ACD 100%) !important}

.herobanner{padding-top: 190px; padding-bottom: 8rem; position: relative; overflow: hidden;}



.bg-violet-900-95{background:#2400b3f2}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.rounded-2xl{border-radius:1rem!important}
.rounded-3xl{border-radius:1.5rem!important}
.shadow-xl-like{box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}
.shadow-2xl-like{box-shadow:0 25px 50px -12px #00000040;transform:rotate(0deg);-webkit-transition:all linear .2s 0s;transition:all linear .2s 0s}
.shadow-2xl-like:hover{transform:rotate(3deg)}
.px-6-like{padding-left:1.5rem!important;padding-right:1.5rem!important}
.text-white-80{color:#fffc!important}
.text-white-70{color:#ffffffb3!important}
.text-white-60{color:#fff9!important}
.blob{width:24rem;height:24rem;border-radius:999px;filter:blur(48px)}
.blob-top-right{top:-10rem;right:-10rem;background:#7c3aed47}
.blob-bottom-left{bottom:-10rem;left:-10rem;background:#18006047}
.animate-float{animation:float 3s ease-in-out infinite}
.animate-float-delayed{animation:float 3.5s ease-in-out infinite .5s}
@keyframes float {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}



.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}
@keyframes pulse-glow {
  0%,100%{box-shadow:0 0 20px #ffc2334d}
  50%{box-shadow:0 0 40px #ffc23380}
}
.btn-amber{background:var(--brand-amber);color:var(--ink);border:none}
.btn-amber:hover{background:#fffc;color:var(--ink)}
.btn-outline-glass{background:transparent;border:2px solid #ffffff4d;color:#fff;backdrop-filter:blur(8px);transition:border-color .2s ease}
.btn-outline-glass:hover{border-color:#fff9;color:#fff}
.bar{border-top-left-radius:.25rem;border-top-right-radius:.25rem;background:#a78bfa99}
.dot-2{width:10px;height:8px;display:inline-block; margin-top: 7px;}

@media (min-width: 992px) {
.section-pad{padding:5rem 0;}
.footer_text {max-width: 22rem; line-height: 1.6}

}
@media (max-width: 991px) {
.section-pad{padding:4rem 0;}
}




.sticky-top-32{position:sticky;top:8rem}
.hover-card{border:1px solid transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}
.hover-card:hover{background:#fff;border-color:#f3f4f6;box-shadow:0 10px 25px #11182714}
.hover-card:hover h3{color:var(--primary)}
.faq-accordion .accordion-item{border:1px solid #f3f4f6;border-radius:1rem!important;overflow:hidden;background:#fff}
.faq-accordion .accordion-button{font-weight:700;color:var(--ink);padding:1.25rem 1.5rem;border-radius:0!important;background:#fff;box-shadow:none!important}
.faq-accordion .accordion-button::after{background-size:1rem}
.faq-accordion .accordion-body{padding:0 1.5rem 1.25rem;color:var(--muted)}
.faq-accordion .accordion-item + .accordion-item{margin-top:.75rem}


.icon-link{color:#fff9;transition:color .2s ease;text-decoration:none}
.icon-link:hover{color:#ffff}
.btn:focus,.accordion-button:focus{box-shadow:none!important}
.companyLogos img{width: 119px;height: 38px; object-fit: scale-down;}
.mockupCard{min-height: 194px;}
.compareLink{font-size: 30px;}
ul.footerLists{column-count: 2;}
ul.footerLists li+li{margin-top: 7px;}


ul.footerLists li a {color:#fff9 ; text-decoration: none;}
ul.footerLists li a:hover {color: white;}
.footer_logo{display: block;}
.footer_logo img{width: 100%; max-width: 150px;}



.copyright_bar {border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem;}


.abs_product_badge_top{top: -1rem; right: 16px; border-color: #f3f4f6;}
.abs_product_badge { left: -12px; bottom: -25px; border-color: #f3f4f6;}
.registration_badge {left: 50%; top: -0.75rem; background: var(--brand-amber); color: var(--ink)}
.b_price_text {font-size: 1.75rem}

h1{font-size: clamp(2.25rem, 4vw, 3.75rem);}
h2{font-size: clamp(1.875rem, 3.2vw, 3rem);}
h3{font-size: clamp(1.75rem, 2.6vw, 2.25rem);}
h4{font-size: clamp(1.5rem, 2.6vw, 1.15rem);}


:root .gl_spacing{padding-left:30px;padding-right:30px;}
:root .why_vandly_tabs .e-n-tab-title[aria-selected=true],:root .why_vandly_tabs .e-n-tab-title[aria-selected=false]:hover {background-color: var(--e-global-color-9f76bb4) !important;border-color: #f3f4f6;box-shadow: 0 25px 50px -12px #0000001f;border-radius: 16px;}
:root .vandly_faq p {margin-bottom: 0px !important;}
:root .vandly_faq .e-n-accordion-item {border: 1px solid #F3F4F6;border-radius: 16px;padding: 15px 15px 15px 15px;margin-bottom:15px !important}
:root .vandly_faq  .e-n-accordion-item-title-icon{display: block;position: absolute;right: 20px;}
:root span.elementor-field-option {border: 1px solid #E5E7EB;margin-right: 10px;border-radius: 50px;padding: 10px 15px 10px 15px;margin-bottom: 20px;}
:root .elementor-field-subgroup label{vertical-align: unset;}
:root .vandly_blog_pst .page-numbers{border: 1px solid #E5E7EB;padding: 10px 17px 10px 17px;border-radius: 10px;}
:root .vandly_blog_pst .page-numbers.current{background:#155DFC;border: 1px solid #155DFC}

.single-post .elementor-element-f6f073f:before {background-color: rgba(255,255,255,.8) !important;}
.single-post .elementor-element-f6f073f .elementor-heading-title {color: black !important;}