.header-section .menu>li>a.active, a.hover_class:active { background-color: #394b5f; text-decoration: none } .hover_class:hover, a.hover_class:active, ul a:hover { text-decoration: none } h1.text_logo, h1.text_logo strong, h4.text_logo, span.domain { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif } .center, .header .cta a, a.cta-signup { text-align: center } .header .menu>li, .header-section .menu>li { list-style: none; font-size: 13px } h1 { font-weight: 700 } ul { list-style-type: none } .header-container nav ul li.menus { display: inline-block; position: initial } .li_hover_color:hover I { color: #87ceeb !important; cursor: pointer } .pbutton { padding: 12px 24px } .cta.cta-wrapper { animation: 2s infinite rocking !important; float: right; padding-top: 15px } .header .cta-wrapper a.cta-signin.star_now_txt.button, .header .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal, .header-section .cta-wrapper a.cta-signin.star_now_txt.button, .header-section .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal, .pbutton, .pbutton.hvr-wobble-horizontal { background: #ec3d34 !important; animation: 2s cubic-bezier(0, 0, 0.58, 1) infinite rocking; color: #fff !important; border: 1px solid #ec3d34 !important } .header .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal, .header .cta-wrapper a.cta-signin.star_now_txt.button:hover, .header-section .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal, .header-section .cta-wrapper a.cta-signin.star_now_txt.button:hover, .pbutton.hvr-wobble-horizontal, .pbutton:hover { background-color: #ec3d34 !important; color: #fff !important } .hover_class:hover, .li_hover_color:hover { background-color: #e8f1ff !important } .header_shadow { box-shadow: 0 0 10px 0 rgb(0 0 0 / 71%) } .header-section { width: 100%; z-index: 800; box-shadow: 0 0 10px 0 rgb(0 0 0 / .1); min-height: 0; color: #fff; display: flex; align-items: center } .header-inner, .header-section-inner { width: 100% } .header-section li { padding: 0; margin: 0 } .header .ph_none_sec, .header-section .ph_none_sec { text-align: right } .nav_sec li a.active, .nav_sec li a:hover, .nav_sec li.active a { color: #069df8 } .page-center { max-width: 100% } .fixed_header_show .star_now_txt, .header .row.table_block:after, .header .row.table_block:before, .header.fixed_header.fixed_header_show a.cta-signin, .hs-tools-menu.hs-collapsed, .menu_close_icon, .mobile_div, .responsive_header, .site-overlay { display: none } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .content-wrapper--vertical-spacing, .dnd-section, .zero_padding { padding: 0 !important } .dnd-section>.row-fluid { max-width: 100% !important } .down_arrow { width: 14px } .star_now_txt { border-radius: 5px; color: #fff !important } .header-section.minimized, .header.minimized { transition: top; top: -100px; position: fixed } .header .pull-left, .header-section .pull-left, .header-section>.pull-right, .header>.pull-right { position: relative } .header .menu, .header-section .menu { margin: 0; display: inline-block } .header .menu.bordered>li>a, .header-section .menu.bordered>li>a { border-right: 1px solid } .header-section .menu>li { display: inline-grid; vertical-align: middle; padding: 13px 0; height: 75px } .header .menu>li.multiline>nav, .header-section .menu>li.multiline>nav { top: 43px } .header-section .menu>li>a { position: relative; display: flex; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; align-items: center } , .header-section .menu>li>a.hover_class:hover { background-color: #4387ff; text-decoration: none } .hover_class:hover { padding: 0 18px; border-radius: 8px; color: #fff } .hover_class a:hover, .hover_class:hover a { color: #144fab !important } a.hover_class:active { padding: 0 18px } .hover_class { padding: 0 18px; height: 36px } .li_hover_color { cursor: pointer } .down_arrow_icon, .dropdown_icon, .text_black { color: #000 } .li_hover_color:hover .down_arrow_icon { color: #5391ff } .dropdown a.hover_class.active { background-color: #d3d3d3; color: #000 } .header .menu>li>a span, .header-section .menu>li>a span { margin-bottom: 7px } .header .menu>li>a:before, .header .menu>li>a>span:before, .header-section .menu>li>a:before, .header-section .menu>li>a>span:before { color: #000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width .5s; transition: max-width .5s } .header .menu>li>a.btn, .header .menu>li>a.btn:hover, .header-section .menu>li>a.btn, .header-section .menu>li>a.btn:hover { opacity: 1 } .header .menu>li>a>span, .header-section .menu>li>a>span { font-size: 12px; color: inherit; opacity: .8; display: block; position: relative; line-height: 15px; text-transform: none } .header .menu>li:last-child, .header-section .menu>li:last-child { border-right: none } .position-static { position: static !important } .left-0 { left: 0 !important } .mw-initial { max-width: initial !important } .menu-content-padding { padding: 6px 12px } @media screen and (max-width:1024px) { .navbar-collapse.collapse.show { display: block !important; color: #fff !important } .nav.navbar-nav { box-shadow: 0 11px 20px -9px #0b0b0b } .modal.show .contact_form.modal-dialog { transform: translate(0, 25%) !important } .li_hover_color I { color: #505050 !important; cursor: pointer } .span12.widget-span.widget-type-cell.dnd-column { padding: 0 !important } .dnd-section>.row-fluid { max-width: 100% !important } .position_navbar { position: absolute !important; z-index: 1 !important; left: 0 } .navbar-toggler:focus { border: none !important; box-shadow: none !important } .navbar, .navbar-expand-lg .navbar-toggler, .responsive_header { display: block !important } .image_reponsive { width: 140px } .navbar-toggler { display: flex; justify-content: end; padding-right: 0 !important; font-size: 20px !important } .img-toggler { height: auto; width: 100% } .navbar { background-color: transparent !important; width:90%; } .header-section { display: none !important } .nested-dropdowns { list-style-type: none; margin: 0; padding: 0 } .nested-dropdowns li { cursor: pointer; padding: .25rem; position: relative; font-size: 16px } .nested-dropdowns__item a { color: #fff; text-decoration: none !important } .nested-dropdowns ul { border: none; border-radius: 20px; display: none; left: 0; top: 100%; list-style-type: none; margin: 0; background-color: #fff; padding: 0; width: 100%; z-index: 1 } .nested-dropdowns ul ul { left: 100%; top: 0 } .nested-dropdowns li:hover { background-color: transparent } .nested-dropdowns li:hover>ul { display: block } .nested_dropdown { border: none !important } .navbar-light .navbar-toggler { max-width: 42px; width: 42px; border: none !important } .button:active, .button:focus, .button:hover, button:focus, button:hover { background: 0 0 !important } } .star_now_txt, a.cta-signup { font-size: 14px; font-weight: 500; text-transform: uppercase } @media(min-width:992px) { .navbar-expand-lg .navbar-collapse { display: none !important } } .menu-content.pushy, .text_block, a.cta-signup { display: block } .header .cta a.cta-signin:hover, .header-section .cta a.cta-signin:hover { animation: none !important; color: #fff !important; transform: none } .fixed_header_show .cta-signup { transition: transform .3s .5s, opacity .3s; transform: translate(0, 0); opacity: 1 } .header .cta, a.cta-signup { transform: translate(127px, 0) } a.cta-signup { width: auto; transition: transform .3s .5s, opacity .3s; position: absolute; background: #86bd3e; color: #fff; padding: 27px 20px; right: -7%; top: 0; opacity: 0; cursor: pointer } .logo img, h1.text_logo, h4.text_logo { display: inline-block; vertical-align: middle } .table_block { display: table } .table_cell { display: table-cell; vertical-align: middle } .w_half { width: 50% } .wrap { width: 100%; margin: 0 auto } .white { color: #fff !important } h1.text_logo, h4.text_logo { color: #0158ac; font-weight: 600; font-size: 26px; line-height: 1.2 } .logo_footer .text_logo, .logo_footer h4.text_logo strong { font-size: 18px; font-weight: 500 !important } .logo img { width: 38px; margin-right: 5px } h1.text_logo strong { font-size: 25px; font-weight: 600 } .logo a { margin: 0 } .logo { margin: 0 width:50% } .header .logo { max-width: 390px; width: 390px } h2.ios_app_heading { text-align: left; padding: 0; font-weight: 600; font-size: 20px } .appdev_logo { float: left; margin-top: 3px; padding: 0; height: auto } .appdev_logo img { width: 130px; display: block; height: auto } .cta-phone-wrap, .header .cta a, .header .main-navigation .cta-phone, .header .menu>li, .logo a, .logo span, .nav_sec li { display: inline-block } .relative { position: relative !important } .header.bg-header .menu-toggler { margin-top: 0 } .p-l-10 { padding-left: 10px !important } .menu-content[data-pages-direction=pushRight], .menu-content[data-pages-direction=slideRight], .pushy.pushy-right { right: 0 } .logo a, .logo span { vertical-align: middle } span.domain { vertical-align: baseline; font-size: 24px; font-weight: 600 } .header .menu>li, .menu-toggler, .ph_no span { vertical-align: middle } .pr-2, .px-2 { padding-right: .5rem !important } .header_wrap { width: 100%; padding-left: 5%; padding-right: 10px } a.star_now_txt:active, a.star_now_txt:focus, a.star_now_txt:hover, a.star_now_txt:visited { color: #86bd3e !important } .fixed_header_show .ph_none_sec { width: 195px; position: unset !important; text-align: left !important } .header .cta { position: absolute; right: -1px; top: 7px; bottom: auto; transition: opacity .3s; opacity: 1; width: auto } .cta-phone-wrap { position: relative } .header, .header.fixed_header { position: fixed; border-bottom: 1px solid #d6d6d6; top: 0 } .header .cta a { padding: 0 10px; position: relative; text-transform: uppercase; float: none; width: auto } .header .main-navigation .cta a { width: auto } .header .cta a.cta-signin { background: #fff; margin-top: 0 } .header .cta a.cta-signup { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); color: #fff } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .header.minimized .cta { transition: top, opacity .3s } .header.fixed_header.fixed_header_show .cta { transition: transform .3s .5s, opacity .3s; transform: translate(0, 0); top: -10px; right: -5.3% } .menu-content { padding-right: 0 } .font_20 { font-size: 20px; font-weight: 700 } .col-2 img, .menu_img { width: 40px; height: 40px } .menu-content .table_block { width: 100%; text-align: right } .m-b-10 { margin-bottom: 10px } .m-r-10 { margin-right: 10px } .m-t-10 { margin-top: 10px } .padding-10 { padding: 10px !important } .header { -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); width: 100%; z-index: 800; background-color: #fff; padding: 5px 0 } .nav_sec { text-align: left } .header.fixed_header { background: #fff; padding: 10px 0; width: 100%; transition: .4s; -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); z-index: 99; -webkit-transition: .4s; line-height: normal } .header.fixed_header.fixed_header_show { transition: top .4s, opacity .3s; top: 0 } .header.fixed_header .ph_none_sec { width: 200px } .nav_sec li a { margin: 0 15px 0 8px; font-size: 15px; font-weight: 500; color: #000 !important } .ph_no, .ph_no a, .ph_no span { color: #656565; font-size: 15px; padding: 0; font-weight: 500; display: inline-block; letter-spacing: .016em; vertical-align: middle } .ph_no span { margin-right: 12px; margin-bottom: 1px } .ph_none_sec.on { width: 195px; position: unset !important } .close { color: #fff; opacity: 1; text-shadow: none } .ph_no a { margin-right: 0 } .header .menu>li>a { position: relative; display: block; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none } .menu-toggler { user-select: none; box-sizing: content-box; -webkit-transition: .4s; transition: .4s; opacity: 1; width: 15px; height: 15px; margin-top: 22.5px; user-select: none; box-sizing: content-box; cursor: pointer; position: absolute; top: 16px; right: 0; display: none } .menu-opened .menu-toggler.on .one, .menu-opened .menu-toggler.on .three { background: #fff } .menu-toggler .one, .menu-toggler .three, .menu-toggler .two { width: 100%; height: 2px; background: #000; margin-bottom: 3px; -webkit-transition: .3s; transition: .3s; backface-visibility: hidden; -webkit-transform-style: preserve-3d } .menu-toggler .one, .menu-toggler .two { transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0) } .menu-toggler.on .one { transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0% } .menu-toggler.on .two { opacity: 0 } .menu-toggler.on .three { transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100% } [data-pages=header-toggle] { display: none; z-index: 10 } .desktop_div { display: table-cell } .mobile_btn { opacity: 0; display: none } .pushy { position: fixed; width: 250px; display: block; height: 100%; top: 0; z-index: 10001; background: #404a5b; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch } .pushy.pushy-left { left: 0 } .pushy-left, .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0) } .pushy-open-left .push, .pushy-right { -webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0) } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .push, .pushy { transition: transform .2s cubic-bezier(.16, .68, .43, .99) } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: none; -webkit-animation: .5s fade; animation: .5s fade } @keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes rocking { 0%, 100%, 25% { transform: rotate(0) } 50% { transform: rotate(2deg) } 75% { transform: rotate(-2deg) } } .header-container .subnav-wrap, .sub-nav { position: absolute; width: 100%; left: 0; right: 0; top: 122px; background: #232d38; opacity: 0; visibility: hidden; padding: 40px; -webkit-box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%); box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%) } .top-50 { top: 50px; width: 100% } body { font-family: Helvetica, Sans-Serif; color: #444; font-size: 9pt; background-color: #fafafa } .footer-container-wrapper, header.header { display: none !important } .dropbtn { background-color: #04aa6d; color: #fff; padding: 16px; font-size: 16px; border: none } .dropdown { position: relative; display: inline-block } .dropdown-content { min-width: 310px !important; display: none; position: absolute; background-color: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2); z-index: 1; padding: 20px; animation: .5s fadeInLeft; visibility: hidden; transition: 1s; opacity: 0; top: 70px; border-radius: 10px; max-width: 350px } .dropdown-content a { color: #000; padding: 12px 16px; text-decoration: none; display: block } .dropdown:hover .dropdown-content { display: block; visibility: visible; opacity: 1; transform: translateY(0) } .dropdown:hover .dropbtn { background-color: #3e8e41 } @media screen and (max-width:991px) { .navbar, .navbar-expand-lg .navbar-toggler, .responsive_header { display: block !important } .header-section { display: none !important } .nested-dropdowns { list-style-type: none; margin: 0; padding: 0 } .nested-dropdowns li { cursor: pointer; padding: .25rem; position: relative; font-size: 16px } .nested-dropdowns ul { border: 1px solid #d1d5db; display: none; left: 0; top: 100%; list-style-type: none; margin: 0; background-color: #232d38; padding: 0; width: 100%; z-index: 1 } .nested-dropdowns ul ul { left: 100%; top: 0 } .nested-dropdowns li:hover { background-color: rgba(0, 0, 0, .1) } .nested-dropdowns li:hover>ul { display: block } .navbar { background-color: #fff !important; color: #505050 !important } .navbar-collapse.collapse.show { background-color: #343a40 !important } .navbar-light .navbar-toggler, .nested_dropdown { border: none !important } .navbar-toggler { font-size: 20px !important } .button:active, .button:focus, .button:hover, button:focus, button:hover { background: 0 0 !important } } @media screen and (max-width:1024px) { .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section { position: relative !important } .navbar { align-items: center; display: flex !important; justify-content: space-between; width:94%; margin:auto !important } .dnd-section>.row-fluid { max-width: 100% !important } .navbar-collapse { position: absolute; width: 100%; z-index: 1; top: 75px } .nav.navbar-nav { background: #fff; color: #505050; width: 100% } .logo { height: 50px; margin: 0 50px; justify-content: center; align-items: center; width: 100% } .header-section .logo { width: 20% !important; padding: 25px !important } .header-section .menu { display: flex; padding-left: 0 !important } .header-section .menu>li { padding-left: 0 !important; padding-right: 0 !important } .cta.cta-wrapper { margin-top: 20px } } @media(min-width:320px) { .navbar-expand-lg .navbar-collapse { display: none !important } .navbar-brand { margin-right: 0 !important } } .header_text { font-size: 14px; font-weight: 700 } .text_dark { color: #505050 } .contactus_btn, .contactus_btn:active, .contactus_btn:hover { border-radius: 10px; background-color: #ec3d34 !important; height: 40px; border: none; padding: 10px; width: 125px; justify-content: center } .contactus_btn { cursor: pointer; display: inline-block; position: relative; transition: .5s } .contactus_btn:after { content: '»'; position: absolute; opacity: 0; top: 0; right: 1px; transition: .5s; font-size: 25px } .contactus_btn:hover { padding-right: 24px; padding-left: 8px } .contactus_btn:hover:after { opacity: 1; right: 10px } .green_btn, .green_btn:active, .green_btn:hover { border-radius: 10px; background-color: #86be3e !important; height: 40px; padding: 10px 29px; border: none } .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section { position: fixed; width: 100%; z-index: 999 !important; top: 0 } .logo { padding-left: 24px } .section_wrap { /* box-shadow: 0 2px 5px 0 rgba(186, 186, 186, .5) */ } .background_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat } .modal-backdrop { z-index: 1 !important } .contact.modal-content { width: auto !important; background: 0 0 !important } .font_23 { font-size: 23px } .font_16 { font-size: 16px } .contact_form.modal-dialog { max-width: auto !important } .modal-dialog.bg-blue { background-color: #e8f1ff !important; background-size: cover; background-position: inherit; background-repeat: no-repeat; height: auto } .no-resize { resize: none; height: 150px } input[type=email], input[type=tel], input[type=text], select { height: 50px; font-size: 16px !important } textarea { font-size: 16px !important } .margin_top { margin: 15px 0 } input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus { border-color: #cbc6c6 } .form_cntc { border-radius: 15px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09); background-color: #fff } .pb_10 { padding-bottom: 10px !important } .cntct_btn { border-radius: 6px; background-color: #86be3e; width: 100%; border: #86be3e; height: 50px; padding: 0 } .br_15 { border-radius: 15px } .cntct_btn:active, .cntct_btn:hover { border-radius: 6px; background-color: #86be3e; width: 100%; border: #86be3e } .custom-select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; border: none; padding: 0; color: #000; cursor: pointer; top: -5px; position: relative } .custom-select::after { content: '\25BC'; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); pointer-events: none; font-size: 16px } .custom-select { background: 0 0 !important } div#contact_us_modal { padding: 0 } @media (max-width:550px) { .dropdown-menu .col-10 { padding-right: 0 !important } .modal.show .modal-dialog { transform: none !important } } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-20px) } to { opacity: 1; transform: translateX(0) } } .contact-hide { display: none !important; } .contact-show { display: inline-grid !important; } .form-hide { display: none !important; } .form_top { padding: 65px 250px 40px 250px !important; } .contact-hi { display: inline-grid !important; } /* .header-inner{ width:90% !important; margin:auto; } .header-inner1{ position:fixed; } */ .section_wrap { box-shadow: 0 2px 5px 0 rgba(186, 186, 186, .5); box-shadow: none !important; } /* .header-section.bg-white.header-inner { position:fixed; top:0; } */ .secondary_btn.getStartedBtn.contact-show { display: flex !important; } .custom-navbar { padding-right:0rem !important; padding-left:0rem !important; } .header-section .menu>li { padding-right:20px !important; } .logo { padding-left: 5px !important; } @media screen and (max-width:1024px) { .blog_breadcrum_section1 { padding: 43px 60px 30px 28px !important; } } @media screen and (max-width:1150px) { .header-section .menu>li { padding-right:0px !important; } .wrap.table_block.section_wrap { padding-right: 1rem !important; padding-left: 2rem !important; } .navbar { background-color: transparent !important; width: 100% !important; } .custom-navbar { padding-right: 2rem !important; padding-left: 2rem !important; } } @media screen and (max-width:520px) { .blog_breadcrum_section1 { padding: 18px !important; } .custom-navbar { padding-right: 1rem !important; padding-left: 1rem !important; } } .sub-menu-list a:active,.sub-menu-list a:focus,.sub-menu-list a:hover ,.sub-menu-list p:hover{ color: #48f !important; } .blog-img-wrapper:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .li_hover_color, .li_hover_color { text-decoration: none; } .nav.navbar-nav { box-shadow: 0 11px 20px -19px #0b0b0b !important; } #navbarSupportedContent{ overflow-y: scroll; position: fixed !important; height: -webkit-fill-available !important; } .submenu-item1{ padding:0px !important; width:100%; margin:0px !important; } .submenu .sub-menu-1-1 div{ padding:0px !important; } .main-menu>.menu-item{ cursor:pointer; } .submenu-description{ padding:10px 20px; width:100%; font-size:14px !important; } .sub-menu-list a { padding: 10px 30px; width: 100%; display:flex; } .mobile-submenu .sub-menu-list:hover { background: #e6f1fe; border-radius: 5px; } .mobile-submenu .submenu-item:hover { border-radius: 15px; }