body {
    background: #FAFAFB !important;
    zoom: 100%;
}


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Hurricane&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Gothic&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
div {
    font-family: 'Poppins', sans-serif !important;
}

.primary-color {
    color: #a52a2a;
}

.primary-bg {
    background-color: #a52a2a !important;
}

.top-logo {
    width: 40px !important;
}

.navbar {
    background-color: white !important;
}

.navbar.uk-active {
    border-bottom: 1px solid #43434320 !important;
}

.navbar>div>ul>li>a {
    font-size: 10pt !important;
    font-family: 'Poppins', sans-serif;
    text-transform: none !important;
}

.navbar>div.uk-navbar-center>ul>li>a>span {
    vertical-align: middle !important;
    color: black !important;
    font-size: 14pt !important;
}

.navbar>div.uk-navbar-center>ul>li:hover>a>span {
    transform: rotate(90deg) !important;
}


.nav-contact {
    background-color: #a52a2a;
    color: white;
    font-family: 'Poppins', sans-serif !important;
    text-transform: capitalize !important;
    font-size: 10pt !important;
    padding: 3px 28px !important;
    border-radius: 28px !important;
    border: 2px solid #a52a2a;
}

.nav-contact:hover {
    background: none !important;
    color: #a52a2a;
}

a {
    color: black !important;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    min-height: 80px !important;
}

.menu-drop {
    top: 74px !important;
    padding: 0px !important;
}

.menu-drop>ul>li {
    padding: 8px 16px !important;
}


.menu-drop>ul>li:hover {
    background-color: #f1f1f1;
}

.header-heading {
    font-size: 10pt !important;
    margin: 0px !important;
    color: #003D5B;
    font-weight: 600;
    text-transform: uppercase !important;
}

h2.heading-title {
    font-size: 35pt !important;
    width: 80%;
    color: #00798C;
    font-weight: 600 !important;
    margin-top: 15px !important;
}

.heading-details {
    width: 80%;
    color: black !important;
    font-size: 14pt !important;
}

.heading-btn {
    background-color: #a52a2a !important;
    color: white !important;
    text-transform: capitalize !important;
    padding: 5px 30px !important;
    border-radius: 80px !important;

    border: 2px solid #a52a2a !important;
}

.touch-btn {
    border: 2px solid #a52a2a;
    border-radius: 40px !important;
    padding: 5px 30px !important;
    margin-left: 20px !important;
    background: none !important;
    color: #a52a2a;
    text-transform: capitalize !important;
}

.slider-img {
    height: 80vh !important;
    width: 100%;
    object-fit: cover !important;
}

.slider-overlay {
    filter: opacity(90%);
}

.slider-heading {
    font-size: 10pt;
    font-weight: 500;
    text-transform: uppercase !important;
    color: white !important;
    margin-bottom: 10px !important;
}

.slider-title {
    font-size: 38pt;
    color: white !important;
    margin-top: 0px !important;
    text-transform: capitalize !important;
    margin-bottom: 10px !important;
    width: 70% !important;
    font-weight: 600 !important;
}

.sbutton-text {
    display: flex !important;
}

.slider-seemore {
    background-color: #a52a2a !important;
    color: white !important;
    text-transform: none !important;
    padding: 8px 30px !important;
    font-size: 11pt !important;
}

.slider-seemore:hover {
    background-color: #003D5B !important;
    color: white !important;
    transition: 1s ease-in-out;

}

.slider-contact {
    margin-left: 20px !important;
    border: none !important;
    background: none !important;
    color: white !important;
    font-size: 11pt !important;
    padding: 8px 30px !important;
}

.slider-chevron {
    padding: 13px 16px !important;
    border-radius: 50% !important;
    background-color: white !important;
}

.slider-chevron>svg {
    width: 10px !important;
}

.slider-center>p {
    text-align: center !important;
}

.slider-center>h1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.slider-center>p.sbutton-text {
    text-align: center !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

.exper-div {
    font-size: 50pt !important;
    color: #a52a2a !important;
    font-weight: 600;
    padding: 20px !important;
    text-align: center !important;
}

.exper-div>p {
    font-size: 12pt !important;
    font-weight: 500 !important;
}

.first-div {
    display: flex !important;
}

.exper-details {
    font-size: 28pt !important;
    padding: 20px !important;
    color: black !important;
    width: 70% !important;
    font-weight: 600 !important;
}

.hwfeature-grid {
    padding: 20px !important;
}

.hwfeature-grid {
    display: flex !important;

    justify-content: center !important;
    align-items: center !important;
    ;
}

.feature-details {
    color: black !important;
    text-align: left !important;
    font-size: 12pt;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
}

.feature-more {
    text-align: left !important;
    margin-top: 10px !important;
    font-size: 12pt !important;
}

.feature-more>a {
    color: gray !important;
}

.hwbanking-grid {
    background-color: #dceff8 !important;
    cursor: pointer !important;
}

.hwbanking-grid>div:first-child>img {
    width: 100%;
    object-fit: cover;
    height: 240px !important;
}

.hwbanking-grid:hover {
    background-color: #a52a2a !important;
}

.hwbanking-grid:hover>div:last-child>h2 {
    color: white !important;
}

.hwbanking-seemore {
    font-size: 10pt !important;
    text-transform: none !important;
}

.hwbanking-seemore::before {
    border-bottom: 1px solid white;
}

.hwbanking-grid>div:last-child>.hwbanking-seemore {
    display: none !important;
}

.hwbanking-grid:hover>div:last-child>.hwbanking-seemore {
    color: white !important;
    display: inline !important;
}

.hwbanking-heading {
    color: black !important;
    font-size: 14pt !important;
    text-align: center !important;
    margin: 0px !important;
}

.hwabout-heading {
    font-size: 11pt !important;
    color: #003D5B;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.hwabout-title {
    margin-top: 0px !important;
    font-weight: 500 !important;
}

.save-heading {
    color: black !important;
    margin: 0px !important;

}

.save-info {
    margin: 0px !important;
}

.save-info>a {
    color: #a52a2a !important;
    font-weight: 500 !important;
}

.secondary-container {
    background-color: #003D5B !important;
}

.investment-heading {
    font-size: 14pt !important;
    color: white !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    font-weight: 300 !important;
    text-transform: capitalize;
}

.investment-title {
    color: white !important;
    text-align: center !important;
    margin-top: 0px !important;
    font-size: 28pt !important;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px !important;
}

.investment-subtitle {
    color: white !important;
    text-align: center !important;
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.invest-grids {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
}

.invest-icon {
    color: white !important;
    width: 25px !important;
    border-radius: 50% !important;
    padding: 14px 20px !important;
    cursor: pointer;
    font-size: 24pt !important;
    border: 1px solid white !important;
    vertical-align: middle !important;
    margin: auto !important;
}

.invest-icon:hover {
    background-color: #a52a2a !important;
    border: 1px solid #a52a2a !important;
}

.invest-title {
    color: white !important;
    font-size: 14pt;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.invest-details {
    font-size: 11.5pt;
    font-weight: 200 !important;
    color: white;
    margin-top: 0px;
    width: 90% !important;
    margin-bottom: 4px !important;
}


.invest-grids>.second-in {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.invest-more {
    color: #dceff8 !important;
    font-size: 9pt !important;
}

.hwcompany-list>li>a {
    color: #003D5B !important;
    padding: 14px 20px !important;
    text-transform: capitalize !important;
}


.hwcompany-list>li.uk-active>a {
    color: white !important;
    border: none !important;
    background-color: #003D5B;
}


.hwfeature-list {
    color: black !important;
    text-align: left;
    font-size: 11pt;
    font-weight: 400 !important;
}

.hwfeature-list>li>span {
    vertical-align: middle !important;
    margin-right: 20px !important;
    font-size: 14pt !important;
    color: #a52a2a !important;
}


.hwteam-switcher>li>a {
    padding: 16px 30px !important;
    text-transform: capitalize !important;
    color: black !important;
    background: none !important;
    border: 2px solid #003D5B;
}

.hwteam-switcher>li.uk-active>a {
    background-color: #a52a2a !important;
    color: white !important;
    border: 2px solid #a52a2a;
}

.hwteam-heading {
    font-size: 20pt;
    margin-top: 10px !important;
    text-align: center !important;
    color: black !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}


.hwteams-heading {
    color: black;
    text-align: center;
    font-size: 17pt;
    margin-bottom: 20px !important;
}

.hwteam-img {
    height: 240px !important;
    width: 100%;
    object-fit: cover !important;
}

.hwteam-name {
    color: black !important;
    font-size: 11pt !important;
    text-align: left !important;
    margin-bottom: 4px;
    text-transform: capitalize !important;

}

.hwslider-container {
    border: 0px !important;
}


.hwteam-desg {
    font-size: 10pt !important;
    color: gray !important;
    margin-top: 0px !important;
    text-align: left;

}

.hwteam-video {
    height: 100% !important;
    width: 100%;
}

.hwslider-container>ul.uk-slider-nav>li>a {
    background-color: #003D5B30 !important;
    border: none !important;
    border-radius: 0px !important;
    height: 5px !important;
    border-radius: 8px !important;
}

.hwslider-container>ul.uk-slider-nav>li.uk-active>a {
    width: 20px !important;
}

.video-heading {
    margin-bottom: 0px !important;
    font-size: 22pt;
    color: black;
    font-weight: 500 !important;
}

.video-details {
    font-size: 12pt;
    color: gray !important;
    width: 85%;
    margin-top: 10px !important;
}

.mobile-banner {
    background-color: #00798C !important;
    margin-top: 70px !important;
    margin-top: 0px !important;
    display: flex !important;
}

.mb-heading {
    font-size: 22pt !important;
    color: white !important;
    margin-bottom: 0px !important;
}

.mb-touch {
    color: white !important;
    margin-left: auto !important;
    text-transform: capitalize !important;
    padding: 4px 20px !important;
    border: 1px solid white !important;
}

.mb-touch:hover {
    background-color: white !important;
    color: #a52a2a !important;
}

.faq-container {
    background-color: #dceff8 !important;
}

.hwoffer-view {
    padding: 30px !important;
    background-color: #F5F9FA !important;
    border-radius: 8px !important;
    padding-bottom: 10px !important;
}

.hwoffer-grid {
    padding: 0px !important;
}

.hwoffer-grid>div>img {
    border-radius: 8px !important;
    height: 200px !important;
    width: 100%;
    object-fit: cover;
}

.hwoffer-title {
    font-size: 15pt !important;
    text-align: left !important;
    margin-bottom: 5px !important;
    margin-top: 0px;
    color: black !important;
}

.hwoffer-details {
    font-size: 12pt;
    color: gray !important;
    text-align: left !important;
    margin-top: 10px;
    margin-bottom: 0px !important;
}

.hwoffer-link {
    color: black !important;
    text-transform: capitalize !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

.hwfaq-grid {
    padding: 20px !important;

}

.hwfaq>li {
    padding: 30px !important;
    background-color: #F5F9FA;
    border-radius: 8px !important;

}

.hwfaq>li>a {
    font-size: 12pt !important;
}

.hwfaq>li.uk-open {
    background-color: #003D5B;
}

.faq-details {
    color: white !important;
    font-size: 11pt !important;
}

.hwfaq>li.uk-open>a {
    color: white !important;
}

.hwfaq>li>div {
    margin-top: 10px !important;
}

.hwfaq>li>a::before {
    color: white !important;
}


.footer-container {
    background-color: #003D5B !important;
}

.hw-stats-grid {
    border: 1px 0px 2px 3px solid white !important;
}

.hwstats-no {
    font-size: 30pt;
    color: white;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
}

.hwstats-heading {
    font-size: 12pt;
    color: white;
    margin-top: 0px !important;
}

.footer-container {
    background-color: #003D5B;
}

.footer-details {
    color: white;
    font-size: 10pt;
    text-align: left;
    margin-top: 10px;
}

.news-heading {
    font-size: 11pt;
    color: white;
    text-align: left;
    margin-top: 20px;
}

.news-form {
    margin-top: 10px;
}

.news-input {
    background-color: white;
    border: none;
    height: 43px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: white;
    font-size: 10pt;
}

.send-btn {
    background-color: white;
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 10pt;
}

.icon-grid {
    padding: 10px;
    margin-top: 20px;
}

.icon-grid>a>span {
    margin-right: 8px;
    background-color: white;
    padding: 8px;
    border-radius: 25px;
    cursor: pointer;
    color: #003D5B;
}

.icon-grid>a>span>svg>path {
    fill: #003D5B !important;
}

.footer-header {
    font-size: 14pt;
    color: white;
    font-weight: 500;
    text-align: left;
}

.footer-nav {
    margin-top: 20px;
    padding-left: 0px !important;
}

.footer-nav>li>a {
    font-size: 10pt;
    color: white !important;
}

.footer-nav>li {
    margin-bottom: 10px;
    list-style-type: none !important;
}

.footer-rights {
    margin-top: 20px;
    text-align: center;
    color: white;
    font-size: 10pt;
}

.footer-logo {
    width: 60px !important;
    margin-bottom: 20px !important;
}

.second-header {
    padding: 0px !important;
}

.sc-img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
}

.sc-header {
    color: white !important;
    font-size: 33pt !important;
    font-weight: 800 !important;
    font-family: 'Playfair Display', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
}

.sc-details {
    color: white !important;
    width: 70%;
    font-size: 12pt;
    margin-top: 12px !important;
}

.sc-grid {
    border-radius: 8px !important;
}

.sc-icon {
    color: black !important;
    font-size: 40px !important;
    margin-top: 0px !important;
}

.sc-gridtitle {
    margin-top: 10px !important;
    color: black !important;
    font-size: 18pt !important;
    margin-bottom: 4px !important;
}

.sc-griddetails {
    color: black !important;
    margin-top: 0px !important;
    font-size: 10pt;
    margin-top: 10px;
}

.sc-gridmore {
    color: #00798C !important;
    font-size: 10pt;
    text-transform: capitalize;
}

.sc-gridmore:before {
    border-bottom: 1px solid #a52a2a;
}

.sc-gridmorebtn {
    background-color: #003D5B !important;
    color: white !important;
    text-transform: capitalize !important;
}

.sc-grid.calling>a::after {
    content: '|';
    margin-left: 20px !important;
}

.sc-grid.calling>a:last-child::after {
    content: '' !important;
}

.contact-heading {
    font-size: 24pt !important;
    font-weight: 600 !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.contact-details {
    margin-top: 10px !important;
    font-size: 10pt !important;
    text-align: left !important;
    width: 80% !important;
}

.contact-input {
    height: 48px !important;
    border: 1px solid #00798C40;
    padding-left: 10px !important;
    color: black !important;
    border-radius: 4px !important;
    font-size: 10pt !important;
}

.contact-label {
    color: black !important;
    font-size: 9pt !important;
    display: inline-block;
    margin-bottom: 10px !important;
}

.contact-label::after {
    content: '*';
    color: #a52a2a;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

.contact-input:focus {
    border: 1px solid black !important;
}


.contact-input::placeholder {
    color: gray !important;
}

.contact-textarea {
    border: 1px solid #00798C30 !important;
    font-size: 10pt !important;
    border-radius: 4px !important;
}

.contact-textarea:focus {
    color: black !important;
}

.contact-button {
    background-color: #a52a2a !important;
    color: white !important;
    text-transform: capitalize !important;
    padding: 4px 30px !important;
    border-radius: 4px !important;
    font-size: 10pt !important;
}

.contact-faq>li {
    background-color: #dceff8;
    padding: 20px;
    border-radius: 8px !important;
}

.contact-faq>li>a {
    font-size: 11pt !important;
}

.contact-gmap {
    width: 100%;
    height: 300px !important;
}

.sideicon {
    color: black !important;
    display: none !important;
}

.other-button {
    background-color: #00798C20;
    padding: 12px 30px !important;
    text-transform: capitalize !important;
    border-radius: 8px !important;
}

.other-button:hover {
    background-color: #a52a2a !important;
    color: white !important;

}

.service-img {
    width: 100%;
    height: 370px !important;
    object-fit: cover !important;
}

.service-heading {
    font-size: 24pt !important;
    color: black !important;
    text-align: left !important;
    width: 80%;
    font-weight: 500;
}

.service-details {
    font-size: 12pt;
    color: black !important;
    text-align: left !important;
}

.service-list {
    color: black !important;
    font-size: 11pt !important;
    text-align: left !important;
}

.scontact-heading {
    font-size: 14pt !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.scontact-details {
    font-size: 10pt;
    color: black !important;
    text-align: left !important;
    margin-top: 10px !important;
}

.scontact-info {
    font-size: 12pt;
    text-align: left !important;
    color: black !important;
}

.scontact-info>span {
    vertical-align: middle !important;
}

.download-grid {
    border: 1px solid #41414140;
    background-color: white !important;
    border-radius: 8px !important;
}

.download-img {
    width: 40%;
}

.download-heading {
    font-size: 12pt;
    color: black !important;
}

.download-title {
    font-size: 11pt;
    color: black !important;
}

.download-button {
    background-color: #003D5B !important;
    color: white !important;
    font-size: 10pt !important;
    width: 100% !important;
    text-transform: capitalize !important;
    padding: 5px !important;
    border-radius: 8px !important;
}

.download-button:hover {
    background-color: #a52a2a !important;
}


.ah-img {
    height: 400px !important;
    width: 100% !important;
    object-fit: cover;
}

.exp-heading {
    font-size: 9.5pt;
    color: #a52a2a;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

.exp-title {
    font-size: 24pt;
    width: 80%;
    font-weight: 600;
    margin-top: 10px !important;
    color: #00798C !important;
}


.exp-details {
    font-size: 12pt;
    color: black !important;

}

.exp-lists>li {
    font-size: 11pt !important;
    color: black;
}

.ah-main {
    font-size: 22pt;
    text-align: left !important;
    font-weight: 500;
    color: black !important;
}

.ah-details {
    font-size: 12pt;
    color: gray;
    text-align: left !important;
}


.secondry-footer {
    background-color: #00798C !important;
}

.sf-heading {
    color: white !important;
    font-size: 34pt !important;
    font-weight: 600;
}

.sf-details {
    font-size: 12pt !important;
    color: #dbdbdb !important;
    width: 70%;
}

.sf-hr {
    border-top: 1px solid white !important;
    width: 70%;
    margin-top: 40px !important;
}

.sf-button {
    background-color: white !important;
    color: #00798C !important;
    font-size: 10pt;
    text-transform: capitalize !important;
    border-radius: 8px !important;
    padding: 4px 20px !important;
}

.ateam-container {
    background-color: #00798C10;
}

.ahteam-heading {
    font-size: 32pt;
    color: black !important;
}

.ap-switch>li>a {
    background-color: white !important;
    padding: 14px 20px !important;
    color: #003D5B !important;
    text-transform: capitalize !important;

    border-bottom: none !important;
}

.ap-switch>li.uk-active>a {
    background-color: #00798C !important;
    color: white !important;

    border-bottom: 2px solid #003D5B !important;
}

.pabout-grid {
    background-color: #dddddd40 !important;
    border-radius: 8px !important;
}

.pabout-heading {
    font-size: 15pt;
    color: black !important;
    margin-bottom: 40px !important;
}

.pfound-title {
    font-size: 14pt;
    color: black;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.pfound-details {
    margin-top: 4px !important;
    font-size: 11pt !important;
    text-align: left !important;
    color: black;
    margin-top: 20px !important;
}

.avision-title {
    color: black !important;
    font-size: 16pt !important;
    font-weight: 500;
    text-align: center !important;
    margin-bottom: 10px !important;
}

.avision-details {
    text-align: center !important;
    margin-top: 0px !important;
}

.double-menu {
    background-color: white !important;
    top: 70px !important;
    box-shadow: none !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px !important;
}

.double-menu>div>div>ul>li>a {
    color: black !important;
    font-size: 10pt !important;
    font-weight: 400 !important;
}

.double-menu>div>div>ul>li:hover>a {
    color: #a52a2a !important;
}


.d-list>ul>li>a {
    padding: 20px !important;
    text-transform: none !important;
    font-family: 'Poppins', !important;
}

.d-list>ul>li.uk-active >a{
    color: white !important;
}

.corp-heading {
    font-size: 12pt !important;
    text-decoration: none !important;
}

.corp-href {
    text-decoration: none !important;
}


.corp-grid {
    background-color: white !important;
    border-radius: 8px !important;
}

.corp-grid:hover {
    background-color: #00798C !important;
}

.corp-grid:hover>div>h3 {
    color: white !important;
}

.corp-grid>div>img {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    height: 200px !important;
    width: 100%;
    object-fit: cover !important;
    
}

.corp-offering {
    font-size: 14pt !important;
}

.corp-1 {
    background-color: #e2762440 !important;
}

.corp-2 {
    background-color: #de2ccf4b;
}

.corp-3 {
    background-color: #58e3a755;
}

.corp-4 {
    background-color: #7c7ef05f;
}

.offer-heading {
    font-size: 16pt !important;
}

.offer-list {
    list-style-type: none !important;
    padding-left: 0px !important;
}

.offer-list>li {
    padding: 14px !important;
    margin-bottom: 8px !important;
    color: black !important;
    font-size: 10pt !important;
    background-color: white !important;
}

.unit-heading {
    font-size: 16pt !important;
    color: black !important;
}

.unit-details {
    font-size: 12pt !important;
    color:black;
    width: 80%;
}

.unit-table>tbody>tr>td {
    color: black !important;
    font-size: 10pt !important;
}

.profit-title {
    font-size: 14pt !important;
    color: black !important;
    margin-bottom: 0px !important;
}

.profit-details {
    font-size: 12pt !important;
    margin-top: 10px !important;
}

.up-table>thead>tr>th {
    color: black !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.up-table>tbody>tr:first-child>td {
    color: white !important;
    background-color: grey !important;
    font-size: 10pt !important;
}

.up-table>tbody>tr>td {
    color: black !important;
    font-size: 10pt !important;
}

.up-button {
    text-transform: capitalize !important;
    background-color: #00798C;
    color: white !important;
    padding:4px 20px !important;
}

.principle-header {
    font-size: 12pt;
    color: black !important;
}

.principle-container>div {
    padding: 20px !important;
}

.principle-container>div>h1 {
    font-size: 14pt !important;
}

.principle-container>div>ol{
    list-style-type: disc;
}

@media screen and (max-width: 600px) {
    .navbar>div>ul>li {
        display: none !important;
    }

    .sideicon {
        display: inline-flex !important;
    }

    .slider-img {
        height: 60vh !important;
    }

    .slider-title {
        font-size: 26pt !important;
        width: 100% !important;
    }

    .sbutton-text {
        width: 100% !important;
        display: block !important;
    }

    .slider-contact {
        text-align: left !important;
        padding-left: 0px !important;
        padding-top: 20px !important;
    }

    .slider-heading {
        font-size: 10pt !important;
    }

    .exper-div {
        font-size: 28pt !important;
    }

    .exper-details {
        font-size: 14pt !important;
    }

    .hwfeature-grid {
        padding: 0px !important;
    }

    .hwabout-title {
        font-size: 16pt !important;
    }

    .investment-title {
        width: 100% !important;
        font-size: 16pt !important;
    }

    .investment-subtitle {
        font-size: 12pt !important;
        width: 100% !important;
        text-align: center;
    }

    .invest-details {
        font-size: 10pt !important;

    }

    .second-in {
        padding: 0px !important;
        padding-left: 20px !important;
    }

    .hwcompany-grid {
        padding-left: 0px !important;
        padding-bottom: 0px !important;
    }

    .hwcompany-list>li:first-child {
        padding-left: 20px !important;
    }

    .hwcompany-list>li {
        padding-left: 0px !important;
    }

    .vide-heading {
        font-size: 10pt !important;
    }

    .hwteam-switcher>li {
        padding-left: 4px !important;
    }

    .hwteam-switcher>li>a {
        padding: 8px 14px !important;
        font-size: 10pt !important;
    }

    .hwteam-heading {
        font-size: 13pt !important;
    }

    .mb-heading {
        font-size: 12pt !important;
    }

    .mobile-banner {
        flex-direction: column !important;
    }

    .hwoffer-title {
        font-size: 14pt !important;
    }

    .hwoffer-details {
        font-size: 10pt !important;
    }

    .hwfaq-grid {
        padding: 0px !important;
    }

    .hwstats-no {
        font-size: 22pt !important;
        margin-top: 30px !important;
    }

    .hwstats-heading {
        font-size: 10pt !important;
    }

    .sc-details {
        width: 100%;
        font-size: 12pt !important;
    }

    .contactinfo {
        padding: 0px !important;
        padding-bottom: 20px !important;
    }

    .contact-heading {
        font-size: 16pt !important;
    }

    .contact-details {
        font-size: 10pt !important;
        width: 100% !important;
    }

    .contactgmap {
        padding: 0px !important;
    }

    .contact-gmap {
        height: 200px !important;
    }

    .footer-logo {
        width: 40px !important;
    }

    .sc-img.without {
        height: 200px !important;
    }

    .expbout-grid {
        padding: 0px !important;
    }

    .avision-card>div {
        background-color: white !important;
    }

    .ah-img {
        height: 240px !important;
    }

    .pabout-grid {
        padding: 0px !important;
        background: none !important;
    }

    .advisor-grid {
        padding: 0px !important;
    }

    .sf-heading {
        font-size: 18pt !important;
    }

    .contact-grid {
        padding: 0px !important;
    }

    .sf-details {
        width: 100% !important;
    }

    .sc-grid {
        padding: 0px !important;
    }

    .service-img {
        height: 200px !important;
    }


    .faqs-container {
        padding: 10px !important;
    }

    .payment-container {
        margin: 0px !important;
    }

    .mpay-container {
        padding: 10px !important;
    }

    .pimg-container>li>img {
        width: 100% !important;
    }

    .hwteam-video {
        height: 240px !important;
    }
    .hwcompany-grid {
        padding-right: 0px !important;
    }
    .unit-details {
        width: 100% !important;
    }

    .sc-header {
        font-size: 24pt !important;
    }
}


.second-title {
    text-align: left !important;
    font-size: 14pt;
    font-weight: 500;
    color: black !important;
}

.sidenav {
    background-color: white !important;
    width: 80vw !important;
}

.sidenav>div>ul>li>a>span {
    margin-left: auto !important;
}

.sidenav>div>ul>li.uk-open>span {
    transform: rotate(270deg) !important;
}

.sn-close {
    color: black !important;
}

.sidemenu>ul>li>a {
    color: #003D5B !important;
    margin-bottom: 20px !important;
}

.sidenav>.nav-contact {
    color: white !important;
}

.sidenav>.nav-contact:hover {
    color: #a52a2a !important;
}

.mobile-sub>li {
    padding: 4px !important;
}

.faq-questions>li {
    color: white !important;
    font-size: 13pt !important;
}

.faq-questions>li>p {
    font-size: 12pt !important;
}

.payment-container {
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #003D5B20 !important;
}

.payment-swithcer>li>a {
    text-transform: capitalize !important;
    font-size: 10pt !important;
    padding: 10px 20px !important;
    background-color: white !important;
}

.payment-swithcer>li.uk-active>a {
    background-color: #003D5B !important;
    color: white !important;
}


.pimg-container>li>img {
    width: 40%;
}

.terms-heading {
    font-size: 24pt !important;
    color: black !important;
    text-align: left !important;
}

.privacy-details {
    color: gray !important;
    width: 80%;
}

.privacy-list>li {
    color: black !important;
    font-size: 11pt !important;
}