.elementor-8460 .elementor-element.elementor-element-55c2dd0{--display:flex;--min-height:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8460 .elementor-element.elementor-element-f8163da > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8460 .elementor-element.elementor-element-f8163da.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8460 .elementor-element.elementor-element-f8163da .main-menu>ul>li>a, .elementor-8460 .elementor-element.elementor-element-f8163da .main-menu ul.sub-menu li a{font-size:18px;font-weight:600;text-transform:capitalize;letter-spacing:2.6px;word-spacing:0px;}.elementor-8460 .elementor-element.elementor-element-f8163da .main-menu>ul>li>a{margin:0px 0px 0px 0px !important;padding:0px 7px 0px 8px !important;}@media(max-width:1024px){.elementor-8460 .elementor-element.elementor-element-f8163da .main-menu>ul>li>a{padding:0px 0px 0px 0px !important;}}@media(max-width:767px){.elementor-8460 .elementor-element.elementor-element-f8163da > .elementor-widget-container{padding:0px 0px 40px 0px;}}/* Start custom CSS for webteckheaderv3, class: .elementor-element-f8163da *//* Hire Us button gradient transition, scoped to header-it */
#header-it a.th-btn.btn-gradient2 {
    background: linear-gradient(to right, #4A7EFF 0%, #A34CFF 100%) !important;
    color: #ffffff !important;
    border: none !important;
    background-size: 200% 100% !important;
    background-position: 0% 50% !important;
    transition: all 0.5s ease-in-out !important;
    padding: clamp(5px, 1vw, 10px) clamp(10px, 2vw, 20px); /* Responsive padding */
    border-radius: 25px;
    font-size: clamp(10px, 1.3vw, 16px); /* Responsive font size */
    text-decoration: none;
    font-family: Arial, sans-serif;
    white-space: nowrap;
}

#header-it a.th-btn.btn-gradient2:hover {
    background-position: 100% 50% !important;
    color: #ffffff !important;
}/* End custom CSS */