'); /* Inline SVG as data URI */ background-size: contain; background-repeat: no-repeat; opacity: 0; transform: translateX(-5px); /* Start position */ transition: opacity 0.3s ease, transform 0.3s ease; /* Transition for both opacity and transform */ } .arowhover a:hover .arrow-icon { opacity: 1; animation: moveArrow 0.8s ease-in-out infinite; } @keyframes moveArrow { 0%, 100% { transform: translateX(-5px); /* Start from left */ } 50% { transform: translateX(0px); /* Move to the original position */ } } .mega-dropdown-menu>li ul>li>a, .mega-dropdown-menu>li ul>li>a, .dropdown-menu>li>a, .dropdown-menu>li>a { text-wrap: nowrap !important; font-size: 14px; } .nowrap { text-wrap: balance !important; } .w-30 { width: 30%; } .pl-100px { padding-left: 100px; } #menu-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 999; } #menu-overlay.active { display: block; } .vert-divider { width: 1px; margin: 0px 0px 0px 0px; /* overflow: hidden; */ background-color: #e5e5e5; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { text-decoration: none; color: #006AFF; background-color: transparent; } @media (min-width: 1200px) { .col-lg-4 { width: 37.333333%; } } .pl-10 { padding-left: 10px; } a#mobi-contact:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-color: #485ed8; } @media (max-width: 820px) { .solutions-internal { flex-direction: column; } ul.dropdown-menu.mega-dropdown-menu.service-menu>li.border-right-service.col-lg-2:nth-last-child(3) { width: 20%; /* margin-left: 10%; */ } #callus { display: inline-flex; margin-top: 8px; position: relative; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; right: 30px; } .ml-2 { margin-left: 0px; padding-left: 0px; } .pl-100px { padding-left: 00px; } .pl-50px { padding-left: 0px; } ul.dropdown-menu.mega-dropdown-menu.service-menu li.border-right-service.col-lg-2 { margin-left: 0px; paddin-left: 0px; } .mega-dropdown-menu>li ul>li>a, .mega-dropdown-menu>li ul>li>a, .dropdown-menu>li>a, .dropdown-menu>li>a { text-wrap: nowrap !important; } .collapse.in { display: block !important; padding: 0 20px; max-height: 100%; } .mega-dropdown-menu>li ul>li>a, .mega-dropdown-menu>li ul>li>a, .dropdown-menu>li>a, .dropdown-menu>li>a { text-wrap: nowrap !important; font-size: 16px; } } @media (max-width: 1024px) { .solutions-internal { flex-direction: column; } #callus { display: inline-flex; margin-top: 5px; position: relative; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; right: 30px; } #callus img { width: 30px; } .ml-2 { margin-left: 0px; padding-left: 0px; } .pl-100px { padding-left: 00px; } .pl-50px { padding-left: 0px; } ul.dropdown-menu.mega-dropdown-menu.service-menu li.border-right-service.col-lg-2 { margin-left: 0px; paddin-left: 0px; } .mega-dropdown-menu>li ul>li>a, .mega-dropdown-menu>li ul>li>a, .dropdown-menu>li>a, .dropdown-menu>li>a { text-wrap: nowrap !important; } .navbar-collapse.js-navbar-collapse { max-height: 100vh !important; overflow-y: auto !important; overflow-x: hidden; height: 100%; padding-bottom: 20% !important; } .collapse.in { display: block !important; padding: 0 20px; max-height: 100%; } .mega-dropdown-menu>li ul>li>a, .mega-dropdown-menu>li ul>li>a, .dropdown-menu>li>a, .dropdown-menu>li>a { font-size: 16px; width: 100%; } } @media (max-width: 667px) { .navbar-collapse.js-navbar-collapse { overflow-x: hidden; width: 100%; right: 0; position: fixed; padding: 0 30px; margin-top: 15px; background: #F6F6F6; padding-bottom: 10%; overflow-y: auto; } } @media (max-width: 767px) { li.dropdown.mega-dropdown.open a.dropdown-toggle { border: none; } .navbar-nav .open .dropdown-menu .dropdown-header:first-child { padding-top: 0px; padding-bottom: 20px; padding-left: 0px; } .solutions-internal { display: flex; align-items: center; justify-content: stretch; column-gap: 40px; align-items: stretch; flex-direction: column !important; } .navbar-nav .open .dropdown-menu .dropdown-header:not(:first-child) { padding-top: 20px; padding-bottom: 20px; padding-left: 0px; } .pt-20px { padding-top: 20px !important; } .navbar-collapse.js-navbar-collapse { max-height: 100vh !important; overflow-y: auto; overflow-x: hidden; width: 100%; right: 0; position: fixed; padding: 0 30px; margin-top: 15px; top: 55px; background: #F6F6F6; } .pl-10 { padding-left: 0px !important; } .navbar-default .navbar-nav:not(.nav-options)>li>a>i { position: absolute; font-size: 20px; top: 14px; right: 15px; } } .mr-15 { margin-right: 15px; } .d-none { display: none !important; } /*the container must be positioned relative:*/ .autocomplete { position: relative; display: inline-block; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } /*when hovering an item:*/ .autocomplete-items div:hover { background-color: #e9e9e9; } /*when navigating through the items using the arrow keys:*/ .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }