@charset "utf-8";

.modal-spinner, .social-icon:active::before {
    width: 50px;
    height: 50px
}

.servicesearch-container, .social-icon, .social-icon i, body .footer-section ul.footerlinks li, body .top-msection .navbar-nav .dropdown, html {
    position: relative
}

    .icon_processing, .social-icon::before {
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%
    }

.btnall:hover, .btnapproved:hover, .btndeclined:hover, .btndn:hover, .btng:hover, .btnkeyclose:hover, .btnkeyg:hover, .btnkeygd:hover, .btnkeylb:hover, .btnlatest:hover, .btnpending:hover, .btnsearch:hover, .btnst:hover, .btntraderinfo:hover, .btntraderinfoselected:hover, .btnupdatemem:hover, .btnyc:hover, .btpyc:hover {
    opacity: .8
}

#divselection_ttmain, .region {
    overflow-x: hidden;
    overflow-y: auto
}

html {
    font-size: 14px;
    min-height: 100%
}

body {
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 0
}

input, textarea {
    font-family: Roboto,sans-serif;
    font-weight: 300
}

@media (min-width:768px) {
    html {
        font-size: 16px
    }
}

.modal-loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    flex-direction: column;
    gap: 1rem
}

.modal-spinner {
    border: 4px solid rgba(30,64,175,.2);
    border-top-color: #1e40af;
    border-radius: 50%;
    animation: .8s linear infinite modal-spin
}

@keyframes modal-spin {
    to {
        transform: rotate(360deg)
    }
}

.modal-loading-text {
    color: var(--navy-blue);
    font-weight: 600;
    font-size: 1rem
}

body .top-msection .navbar-nav .dropdown-menu {
    background: #036 !important;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
    border-radius: 8px;
    padding: .5rem 0;
    min-width: 240px;
    margin-top: .5rem
}

    body .top-msection .dropdown-item, body .top-msection .navbar-nav .dropdown-menu .dropdown-item, body .top-msection .ocmenuitems .dropdown-menu .dropdown-item {
        color: #fff !important;
        background-color: #036 !important;
        padding: .75rem 1.25rem;
        font-size: 16px;
        font-family: "Merriweather Sans",sans-serif;
        font-weight: 400;
        transition: .2s;
        display: flex;
        align-items: center;
        gap: .75rem
    }

.dropdown-menu.region li, li.filtercontentrow {
    transition: background-color .2s
}

body .top-msection .dropdown-item:hover, body .top-msection .navbar-nav .dropdown-menu .dropdown-item:hover, body .top-msection .ocmenuitems .dropdown-menu .dropdown-item:hover {
    background-color: #004080 !important;
    color: #fff !important;
    padding-left: 1.5rem
}

body .top-msection .navbar-nav .dropdown-menu .dropdown-item:active, body .top-msection .navbar-nav .dropdown-menu .dropdown-item:focus, body .top-msection .ocmenuitems .dropdown-menu .dropdown-item:active, body .top-msection .ocmenuitems .dropdown-menu .dropdown-item:focus {
    background-color: #ffcc19 !important;
    color: #000 !important
}

body .top-msection .navbar-nav .dropdown-menu .dropdown-item i, body .top-msection .ocmenuitems .dropdown-menu .dropdown-item i {
    width: 20px;
    text-align: center;
    font-size: 16px;
    color: #ffcc19 !important
}

body .top-msection .nav-link i {
    margin-right: .5rem
}

body .top-msection .dropdown-menu li a, body .top-msection .navbar-nav .dropdown-toggle[aria-expanded=true], body .top-msection .navbar-nav .dropdown-toggle[aria-expanded=true] i, body .top-msection .navbar-nav .dropdown.show .dropdown-toggle, body .top-msection .navbar-nav .dropdown.show .dropdown-toggle i {
    color: #fff !important
}

body .top-msection .navbar-nav .dropdown-toggle::after {
    margin-left: .5rem;
    font-size: .75rem;
    vertical-align: middle
}

body .top-msection .navbar-nav #settingsDropdown:hover i.fa-gear {
    animation: .5s ease-in-out rotate-gear
}

@keyframes rotate-gear {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(90deg)
    }
}

body .top-msection .navbar-nav .dropdown-menu.show {
    display: block;
    opacity: 1;
    visibility: visible
}

body .top-msection .dropdown-menu li {
    display: block !important
}

.inputfielderror {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220,38,38,.1) !important
}

#traderdetails-modal .modal-content .close-modalti {
    background: 0 0 !important;
    border: none !important;
    color: #fff !important;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    transition: .3s;
    position: absolute !important;
    top: 10px !important;
    right: 20px !important;
    z-index: 1000 !important;
    text-shadow: 0 0 2px rgba(0,0,0,.5) !important
}

    #traderdetails-modal .modal-content .close-modalti:hover {
        background: rgba(0,51,102,.1) !important;
        color: #fff !important;
        transform: rotate(90deg) !important;
        box-shadow: 0 4px 12px rgba(0,51,102,.3) !important
    }

#traderdetails-modal .modal-content {
    background: #fff !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    border: 2px solid #d3d3d3 !important;
    box-shadow: 0 20px 40px rgba(0,0,0,.3) !important;
    border-bottom: none !important;
    padding: 1.5rem !important;
    position: relative !important;
    overflow: hidden !important
}

#traderdetails-modal .modal-header {
    border-bottom: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important
}

#traderdetails-modal .modal-body {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important
}

#traderdetails-modal .modal-header::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 200px !important;
    height: 200px !important;
    background: radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%) !important;
    border-radius: 50% !important;
    transform: translate(50%,-50%) !important
}

#traderdetails-modal .modal-title {
    color: #fff !important;
    font-weight: 600 !important;
    position: relative !important;
    z-index: 2 !important
}

.website-icon {
    background: linear-gradient(135deg,#22c55e,#16a34a)
}

.youtube-icon {
    background: linear-gradient(135deg,red,#c00)
}

.instagram-icon {
    background: linear-gradient(135deg,#e4405f,#833ab4)
}

.facebook-icon {
    background: linear-gradient(135deg,#1877f2,#42a5f5)
}

.linkedin-icon {
    background: linear-gradient(135deg,#0077b5,#005885)
}

.tiktok-icon {
    background: linear-gradient(135deg,#000,#111)
}

.x-icon {
    background: #000;
    font-size: 1.4rem;
    color: #fff
}

.social-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
    overflow: hidden
}

.dropdownservice, .dropdownservice-item {
    font-size: 15px;
    font-family: Roboto,sans-serif
}

.social-icon::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    transition: width .4s,height .4s;
    pointer-events: none;
    z-index: 1
}

.social-icon i {
    z-index: 2
}

.social-icon:hover {
    transform: scale(1.1) translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2)
}

.dropzone {
    border: 2px dashed #007bff;
    padding: 15px;
    border-radius: 10px;
    background-color: #f9f9f9;
    width: 99%;
    zoom: 0.9
}

.dropzone-previews {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative
}

.dropzone .dz-preview:hover .dz-image img {
    filter: blur(0px)
}

.dz-filename, .dz-size {
    display: none
}

.dropdownservice {
    border: 1px solid #ccc;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    width: 100%
}

.dropdownservice-item {
    padding: 16px 20px;
    border: 2px solid #e5e7eb;
    font-weight: 400;
    cursor: pointer
}

    .dropdownservice-item:hover {
        background-color: #f0f0f0
    }

.btnapproved {
    background-color: #4caf50;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    padding: 8px 40px;
    font-size: 16px;
    opacity: 1;
    border-radius: 5px;
    border: none;
    text-decoration: none
}

.btndeclined, .btnpending {
    border-radius: 5px;
    padding: 8px 40px;
    font-weight: 600;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    text-decoration: none;
    opacity: 1
}

.btnapproved:hover {
    background-color: #4caf50;
    color: #fff
}

.btndeclined, .btndeclined:hover {
    color: #fff;
    background-color: red
}

    .btndeclined, .btndeclined:hover {
        border: none
    }

.btnpending, .btnpending:hover {
    background-color: #ffc107;
    color: #000
}

.btnpending {
    border: none
}

.btnall, .btnall:hover {
    background-color: #0d6efd
}

.btnall {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    padding: 8px 40px;
    font-size: 16px;
    opacity: 1;
    border-radius: 5px;
    border: none;
    text-decoration: none
}

    .btnall:hover {
        color: #fff
    }

.btngoback {
    background-color: #ffc107;
    color: #000;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    font-size: 16px;
    opacity: 1;
    border: none;
    text-decoration: none
}

.dropzone .dz-preview .delete-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    z-index: 10
}

.icon_processing {
    position: fixed;
    color: #4caf50;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.inputfieldvsmall {
    width: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    border: 0;
    outline: 0;
    background-color: #f2f2f2;
    color: #242120;
    border-radius: 5px;
    line-height: 1
}

.bbuttont, .gbuttont {
    border: none;
    padding: 0;
    background-color: transparent;
    transition: background-color .3s;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    margin: 0
}

.bbuttont {
    color: #000
}

    .bbuttont:hover {
        color: #696969
    }

.gbuttont {
    color: #4caf50
}

    .gbuttont:hover {
        color: #6af770
    }

.star_blank {
    color: #d3d3d3
}

.generaltextsmy:hover, .generaltextsmy:visited, .star_filled {
    color: #ffc107
}

.inputfieldmedium, .inputfieldsmall {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Roboto,sans-serif;
    padding-left: 10px;
    border: 0;
    outline: 0;
    background-color: #f2f2f2;
    color: #242120
}

.inputfieldsmall {
    width: 255px;
    border-radius: 5px
}

.inputfieldmedium {
    width: 400px;
    border-radius: 5px
}

.inputfieldlarge {
    width: 450px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Roboto,sans-serif;
    padding-left: 10px;
    border: 0;
    outline: 0;
    background-color: #f2f2f2;
    color: #242120;
    border-radius: 5px
}

.inputfieldlargefull, .inputfieldlargefullst {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-color: #f2f2f2;
    color: #242120;
    resize: none;
    font-family: Roboto,sans-serif;
    outline: 0
}

.inputfieldlargefull {
    border: 0;
    border-radius: 5px
}

.inputfieldlargefullst {
    border: 0;
    border-radius: 5px;
    font-size: 12px
}

.btnsearch, .btnsearch:hover, .btnsearch:visited {
    background-color: #4caf50;
    color: #fff
}

.container .emailfield {
    width: 38ch !important
}

.projsummaryimagediv {
    padding-left: 0;
    margin-left: 0;
    width: 140px
}

.projsummaryimagedivlarge {
    padding-left: 0;
    margin-left: 0;
    width: 170px
}

.projsummaryimage {
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px;
    max-width: 100%;
    min-height: 100%
}

.resultstable {
    border: 2px solid #036;
    border-radius: 9px
}

.btnsearch {
    font-family: Roboto,sans-serif;
    font-weight: 600;
    padding: 8px 40px;
    font-size: 14px;
    opacity: 1;
    border-radius: 5px;
    border: none;
    text-decoration: none
}

    .btnsearch:visited {
        text-decoration: none
    }

    .btnsearch:hover {
        font-family: Roboto,sans-serif;
        font-weight: 600
    }

.btnkeyclose {
    background-color: transparent;
    color: grey;
    border: none;
    opacity: 1
}

    .btnkeyclose:hover {
        color: #000;
        border: none
    }

.btnkeyg, .btnkeygd {
    border-radius: 5px;
    opacity: 1
}

#divselection_ttmain {
    height: 240px
}

    #divselection_ttmain::-webkit-scrollbar {
        width: 6px
    }

    #divselection_ttmain::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px
    }

        #divselection_ttmain::-webkit-scrollbar-thumb:hover {
            background-color: #555
        }

.btnkeygd {
    background-color: #ffc107;
    color: #000;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    padding: 6px 20px;
    font-size: 18px;
    border: none
}

.btnkeyg, .btnkeylb {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: Roboto,sans-serif
}

.btnkeyg {
    background-color: #4caf50;
    padding: 8px 40px;
    border: none
}

.btnkeylb {
    background-color: #00bfff;
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
    opacity: 1
}

.btnlatest, .btnlatestselected {
    width: 130px;
    font-size: 12px;
    font-weight: 600;
    opacity: 1
}

.btnlatest, .btnlatestselected, .btpyc {
    border: 2px solid gray
}

.btnlatest {
    background-color: #fff;
    color: #000
}

.btnlatestselected {
    background-color: #036;
    color: #fff
}

.btnst, .icon-container {
    color: #000;
    background-color: #ffc107
}

.btnlatestselected:hover {
    color: #fff;
    opacity: .8
}

.btntraderdetails {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    padding: 6px 10px;
    font-size: 13px
}

.btnst, .btnupdatemem {
    font-family: Roboto,sans-serif;
    font-weight: 600
}

.helptextinfo, .image-container {
    position: relative;
    display: inline-block
}

.icon-container {
    position: absolute;
    bottom: 3px;
    right: 8px;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 14px;
    border-radius: 2px;
    display: inline-flex
}

    .icon-container i {
        font-size: 10px
    }

.btntraderdetails:hover, .div_createaccount:hover h4, .div_createaccount:hover p {
    color: #fff
}

.btnst {
    padding: 8px 40px;
    font-size: 14px
}

    .btnst:hover {
        background-color: #ffc107
    }

.btnupdatemem, .btnupdatemem:hover {
    color: #fff;
    background-color: #4caf50
}

.btnupdatemem {
    font-size: 16px;
    padding: 6px 10px;
    opacity: 1
}

.table-row {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    display: flex
}

.table-cell {
    padding: 10px 0;
    flex: 1
}

.btntraderinfo, .btntraderinfoselected {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    border-width: 0;
    padding: 5px 4px;
    border-radius: 5px;
    font-size: 13px;
    width: 100px
}

.btntraderinfoselected {
    background-color: #036;
    border-color: #036
}

.btntraderinfo {
    background-color: #4caf50;
    border-color: #4caf50;
    opacity: 1
}

.btnyc, .btnyc:hover {
    color: #000;
    background-color: #ffc107
}

.btntradecred, .btnyc {
    font-family: Roboto,sans-serif;
    font-weight: 600
}

.btntraderinfo:focus, .btntraderinfoselected:focus, .preboxinput focus {
    outline: 0
}

.btnyc {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 5px;
    border-color: #ffc107;
    border-width: 2px;
    min-width: 100px;
    opacity: 1
}

.btnui, .btnui:hover {
    background-color: #4caf50
}

.btnui {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px
}

    .btnui:hover {
        color: #d4d4d4
    }

.btntradecred {
    background-color: #ffc107;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px
}

.btndn, .btng {
    border-width: 2px;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 5px;
    font-family: Roboto,sans-serif;
    opacity: 1
}

.btntradecred:hover {
    color: #4f4f4f;
    background-color: #ffc107
}

.btndn, .btndn:hover {
    background-color: #036;
    border-color: #036;
    color: #fff
}

.btndn {
    width: 100px
}

.btng {
    background-color: #4caf50;
    color: #fff;
    border-color: #4caf50
}

    .btng:hover {
        color: #fff
    }

.btntextlink {
    background: 0 0;
    padding: 0;
    margin: 0;
    font: inherit;
    border: none;
    color: #00f;
    text-decoration: underline;
    cursor: pointer
}

.modalinfoheading, .modalinfosubheading1 {
    font-family: "Merriweather Sans",sans-serif
}

.btpyc, .btpyc:hover {
    background-color: #fff;
    color: #000
}

.btpyc {
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 5px;
    opacity: 1
}

    .btpyc:hover {
        border: 2px solid gray
    }

.modalinfoheading {
    color: #ff4500;
    font-size: 18px;
    font-weight: 700
}

.modalinfosubheading1 {
    color: #333;
    font-size: 16px;
    font-weight: 400
}

.modalinfosubheading1h {
    color: #333;
    font-size: 16px;
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 800
}

.modalinfodesc, .modalinfostart, .modalinfosubheading2, .modalinfosubheading2h {
    font-size: 12px;
    font-family: "Merriweather Sans",sans-serif
}

.modalinfosubheading2 {
    color: #333;
    font-weight: 400
}

.modalinfosubheading2h {
    color: #333;
    font-weight: 700
}

.modalinfodesc {
    color: #333;
    font-weight: 300
}

.modalinfostart {
    color: #ff4500;
    font-weight: 400
}

.modalinfoccheading {
    color: #333;
    font-size: 14px;
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 700
}

.modalinfoccheadingsmall, .modalinfocctext {
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 400
}

.modalinfoccheadingsmall {
    color: #ababab;
    font-size: 12px
}

.modalinfocctext {
    color: #333;
    font-size: 13px
}

.homepageinfo, .modalinfosuccessh, .pageinfoheading {
    font-family: Roboto,sans-serif
}

.homepageinfo {
    color: #333;
    font-size: 13px;
    font-weight: 500
}

.modalinfoccsurround {
    background-color: #f4f4f4;
    border-radius: 6px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.modalinfosuccessh {
    color: #4caf50;
    font-size: 20px;
    font-weight: 700
}

.carousel-indicators {
    bottom: -15px
}

.carousel .carousel-indicators li {
    background-color: #ff4500
}

.carousel .carousel-control-next-icon, .carousel-control-prev-icon {
    color: #ff4500;
    background-color: #ff4500;
    border-radius: 7px;
    width: 24px;
    height: 24px
}

.pageinfoheading {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #036
}

.pageinfoheadingb, .pageinfosubheading {
    font-weight: 600;
    color: #000;
    font-family: Roboto,sans-serif;
    margin-top: 10px;
    margin-bottom: 10px
}

.pageinfoheadingb {
    font-size: 24px;
    line-height: 27px
}

.pageinfosubheading {
    font-size: 18px
}

.pageinfosubheadingdesc {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    line-height: normal
}

.pageinfosubheadingms, .pageinfosubheadingnm {
    font-weight: 600;
    font-family: Roboto,sans-serif;
    color: #000
}

.pageinfosubheadingnm {
    font-size: 18px
}

.pageinfosubheadingms {
    font-size: 15px
}

.pageinfosubaheading {
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000
}

.pageinfosubaheadinglight {
    font-size: 14px;
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333
}

.pageerrorheading, .pagesuccessheading {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px
}

.pageerrorheading {
    font-family: Roboto,sans-serif;
    color: red
}

.pagesuccessheading {
    font-family: Roboto,sans-serif;
    font-weight: 600;
    color: #00bfff
}

.filterselectionheading {
    color: #000;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px
}

.filterselection, .filterselectionG {
    font-size: 16px;
    border-radius: 10px;
    padding: 10px
}

.filternorowsfound, .filterselection, .filterselectionG, .sortheading {
    font-weight: 400;
    font-family: Roboto,sans-serif
}

.filterselectionG {
    background-color: #4caf50
}

.filterselection {
    background-color: #00bfff
}

.vertical-line {
    border-left: 2px solid
}

.filtericonsearch {
    background-color: #ffc107;
    border-radius: 5px;
    padding: 10px;
    border-style: none
}

.filternorowsfound {
    font-size: 20px;
    padding: 10px
}

.filterselection select, .filterselectionG select {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    padding-top: 7px;
    padding-bottom: 7px
}

.homepageboxheading button, .newdata button {
    font-weight: 900;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0
}

.filterselection input, .filterselection ul, .filterselectionG input, .filterselectionG ul {
    font-size: 14px;
    font-family: Roboto,sans-serif
}

.filterselection .filterselectionselectinput, .filterselectionselectinput {
    font-size: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px
}

.filterselectionselectsm {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    border: 0;
    outline: 0;
    background-color: #f2f2f2;
    color: #242120;
    border-radius: 5px;
    font-size: 12px
}

.sortheading {
    background-color: #fff;
    color: #000;
    border-style: none;
    font-size: 18px
}

.homeinfo2 i, .homepageboxic {
    color: #a3a2a2
}

.sortheading:hover, .sortheadingselected {
    background-color: #fff;
    color: #000;
    font-size: 18px;
    border-style: none
}

.sortheading:hover {
    font-family: Roboto,sans-serif;
    font-weight: 600
}

.sortheadingselected {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #00bfff
}

.sunsetlink, .sunsetlink:hover, .sunsetlink:visited {
    text-decoration: none;
    color: #ff4500
}

.nblink, .sunsetlink {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 700
}

    .nblink, .nblink:hover, .nblink:visited {
        color: #036;
        text-decoration: none
    }

.progressbox {
    margin-top: 23px
}

.homepagebox {
    border: 1px solid #c2c0c0;
    border-radius: 16px;
    padding: 12px 14px
}

.homepageboxbg {
    background-color: #f0f2f5;
    border: 1px solid #c2c0c0;
    border-radius: 16px;
    padding: 12px 14px
}

.containersuccess {
    background-color: #f2f2f2;
    color: #242120;
    border-radius: 5px;
    width: 75%
}

.containerfavouritetrader, .containernewproject {
    width: 100%;
    background-color: #fff;
    transition: transform .3s,box-shadow .3s;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.containernewproject {
    border: 2px solid #a0aec0;
    border-radius: 12px
}

    .containerfavouritetrader:hover, .containernewproject:hover, .containersearchproject:hover, .containersearchtradie:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0,0,0,.2)
    }

.containerfavouritetrader {
    border: 2px solid #a0aec0;
    border-radius: 12px
}

.containersearchproject {
    border: 2px solid #d4d4d4;
    border-radius: 15px;
    background-color: #fff;
    transition: transform .3s,box-shadow .3s;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.containersearchtradie {
    border: 2px solid #d4d4d4;
    border-radius: 12px;
    padding: 6px;
    background-color: #fff;
    transition: transform .3s,box-shadow .3s;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.tradie-img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    border: 2px solid #ddd;
    transition: transform .3s
}

    .tradie-img:hover {
        transform: scale(1.1)
    }

.btntraderdetails {
    background-color: #007bff;
    color: #fff;
    border-radius: 8px;
    transition: background-color .3s,transform .2s
}

    .btntraderdetails:hover {
        background-color: #0056b3;
        transform: scale(1.05);
        box-shadow: 0 4px 12px rgba(0,0,0,.2)
    }

.projectheading {
    color: #d14504;
    font-weight: 800;
    margin-bottom: 8px;
    font-family: Roboto,sans-serif;
    font-size: 15px
}

.homepageboxheading {
    color: #d14504;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

    .homepageboxheading button {
        color: #d14504;
        font-family: Roboto,sans-serif;
        font-size: 14px
    }

.newdata button, .newdataheading {
    color: #4caf50;
    font-family: Roboto,sans-serif
}

.homepageboxheading button:hover {
    color: #9c3202
}

.newdataheading {
    font-weight: 800;
    font-size: 15px
}

.newdata button {
    font-size: 14px
}

    .newdata button:hover {
        color: #1d571f
    }

.iconlink, .iconlink:hover, .iconlink:visited {
    text-decoration: none;
    color: #212529
}

.iconinfo {
    background-color: red;
    color: #212529
}

.div_createaccount {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #036;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
}

    .div_createaccount i, .div_createaccount:hover, .navbarsubmenu, .navbarsubmenuitem:hover {
        background-color: #036
    }

.div_createaccountheading {
    color: #036;
    font-size: 22px;
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 600
}

.div_createaccount i {
    padding: 8px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #036
}

.div_createaccount:hover i {
    padding: 8px;
    border-radius: 4px;
    background-color: #fff;
    color: #036;
    border: 1px solid #fff
}

.pagingnumber:hover, .pagingnumberselected, .pagingnumberselected:hover {
    color: #fff;
    background-color: #d14504;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 12px
}

.pagingarrow, .pagingnumber {
    color: #000;
    background-color: #fff;
    margin: 0
}

.pagingnumber {
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 12px
}

.newprojinfo1, .pagingarrow, .pagingarrow:hover {
    font-family: Roboto,sans-serif;
    font-size: 16px
}

.pagingarrow {
    font-weight: 900
}

    .pagingarrow:hover {
        color: #fff;
        background-color: #d14504;
        font-weight: 900
    }

.newprojinfo1 {
    color: #555452;
    margin: 0 0 21px;
    padding-bottom: 21px;
    font-weight: 800
}

.stateapproved, .stateavailable, .statedeclined, .statepending {
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
    font-family: "Merriweather Sans";
    font-size: 13px;
    padding: 2px 5px
}

.stateavailable {
    background-color: #036
}

    .stateavailable:after {
        content: "Available"
    }

.statedeclined {
    background-color: #ff3636
}

    .statedeclined:after {
        content: "Declined"
    }

    .statedeclined.no-after:after {
        content: none
    }

.stateapproved {
    background-color: #4caf50
}

    .stateapproved:after {
        content: "Approved"
    }

.statepending {
    background-color: #00bfff
}

.colheading_me, .colheading_meg {
    padding-bottom: 3px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 800;
    font-family: Roboto,sans-serif
}

.statepending:after {
    content: "Pending"
}

.colheading_me {
    color: #555452
}

.colheading_meg {
    color: #4caf50
}

.homeinfo2 {
    color: #555452;
    margin: 0 0 21px;
    padding-bottom: 21px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 13px
}

.homeinfo2apvd, .homeinfo2pending {
    font-size: 12px;
    border: none;
    background-color: #fff;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    margin: 0;
    text-decoration: none
}

.homeinfo2apvd {
    color: #4caf50
}

    .homeinfo2apvd:hover, .homeinfo2apvd:visited {
        color: #4caf50;
        text-decoration: none;
        border: none;
        background-color: #fff
    }

@keyframes flash {
    0%,100% {
        color: #ffc107
    }

    50% {
        color: #fff1c4
    }
}

.homeinfo2pending {
    color: #ffcc19;
    padding-bottom: 0
}

.homeinfo2pending-f, .homeinfo2pending-f:hover, .homeinfo2pending-f:visited {
    color: #ffcc19;
    margin-left: 5px
}

.homeinfo2pending:hover, .homeinfo2pending:visited {
    color: #ffcc19;
    text-decoration: none;
    border: none;
    background-color: #fff
}

.homeinfo2pending-f {
    padding-bottom: 0;
    font-weight: 800;
    margin-bottom: 0;
    animation: 1s infinite flash
}

.homeinfodesc {
    color: #9c9595;
    margin: 0 0 15px;
    padding: 0;
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 13px
}

.newprojinfo2 {
    color: #555452;
    margin: 0 0 21px;
    padding-bottom: 21px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.searchtradiesinfo {
    color: #555452;
    margin: 0;
    font-weight: 800;
    padding-bottom: 5px;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.searchtradiesinfolink, .searchtradiesinfolink:visited {
    font-weight: 600;
    padding-bottom: 5px;
    color: #036;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    margin: 0
}

.searchtradiesinfolink {
    text-decoration: none
}

    .searchtradiesinfolink:hover {
        color: #036;
        margin: 0;
        font-weight: 800;
        font-family: Roboto,sans-serif;
        font-size: 14px
    }

.newprojdesc {
    color: #9c9595;
    margin: 0 0 15px;
    padding: 0;
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.modcontentbox, .tab-contentarea {
    padding: 15px;
    background-color: #f0f0f0
}

.tab-contentarea {
    font-family: "Segoe UI";
    border-radius: 8px
}

.nav-tabs {
    display: flex;
    flex-wrap: nowrap
}

    .nav-tabs .nav-link {
        color: #000;
        font-weight: 400;
        background-color: #f9f9f9
    }

        .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
            color: #000;
            font-weight: 700;
            background-color: #f0f0f0
        }

.navbarsubmenuitem {
    font-size: 14px !important
}

.modcontentbox {
    border: 1px solid #f0f0f0;
    border-radius: 8px
}

.progressoff, .progresson {
    height: 7px;
    padding-left: 20px;
    border-radius: 5px
}

.progresson {
    background-color: #ffc107
}

.progressoff {
    background-color: #b3b4b5
}

.filtercontentrow, li .filtercontent {
    background-color: #fff;
    font-size: 16px;
    font-family: Roboto,sans-serif
}

.container .pwdfield {
    width: 22ch !important
}

.preboxinput {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 0 !important
}

.filtercontentrow {
    padding: 3px 5px 3px 3px
}

li .filtercontent {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    padding-left: 7px
}

.dropdown-menu.region {
    pointer-events: auto;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-top: none;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    overflow-y: scroll;
    scrollbar-width: none
}

.ttchosenbox, .ttchosenboxmain, .ttchosensubbox, .ttchosensubboxmain {
    padding: 2px 6px 0 5px;
    border-radius: 3px;
    cursor: pointer
}

.dropdown-menu.region::-webkit-scrollbar {
    display: none
}

.dropdown-menu.region li {
    padding: 2px 5px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    list-style: none
}

    .dropdown-menu.region a, .dropdown-menu.region li a {
        color: #374151;
        text-decoration: none;
        display: block;
        font-weight: 400
    }

        .dropdown-menu.region a:hover, .dropdown-menu.region li a:hover {
            color: #1f2937;
            background-color: #f3f4f6;
            text-decoration: none
        }

li a.filtercontent {
    background-color: inherit;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    padding: 5px 7px;
    display: block
}

.filtercontentwrapper {
    display: flex;
    align-items: center
}

li.filtercontentrow:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.ttchosenbox {
    background-color: #036;
    color: #fff
}

.ttchosensubbox {
    background-color: #00bfff;
    color: #fff
}

.ttchosenboxmain, .ttchosensubboxmain {
    background-color: #ffc107;
    color: #000
}

.ttchosenboxremove {
    enable-background: inherit;
    color: #313131;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px
}

.lgchosenbox {
    background-color: #036;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px 0 5px;
    border-radius: 3px;
    cursor: pointer
}

.lgchosenboxremove {
    enable-background: inherit;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px
}

.container .postsuccesstext {
    margin: 0 0 15px;
    padding: 0;
    color: #40a543;
    line-height: normal;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 24px
}

.container .generalheader {
    margin: 0 0 15px;
    padding: 0;
    color: #036;
    line-height: normal;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 30px
}

.generaltextl, .generaltextl:hover, .generaltextxl {
    color: #4caf50;
    line-height: normal;
    font-family: Roboto,sans-serif
}

.verification-box {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background-color: #f6f6f6;
    box-shadow: 2px 2px 10px rgba(0,0,0,.05);
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 15px
}

.generaltextl, .generaltextl:hover {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none
}

.generaltextlg, .generaltextxl {
    font-weight: 600;
    margin: 0;
    padding: 0
}

.generaltextxl {
    font-size: 18px
}

.generaltextlb, .generaltextlg, .generaltextlr {
    line-height: normal;
    font-family: Roboto,sans-serif;
    font-size: 16px
}

.generaltextlb {
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

    .generaltextlb:hover {
        color: #000
    }

.generaltextlr {
    color: red;
    font-weight: 500;
    text-decoration: none
}

.generaltextlg {
    color: #4caf50
}

.generaltextxlg, .generaltextxlr {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 600
}

.generaltextlg:hover {
    color: #4caf50;
    text-decoration: none
}

.generaltextxlr {
    margin: 0;
    padding: 0;
    color: red
}

.generaltextlr:hover {
    color: red;
    text-decoration: none
}

.marginclear {
    margin: 0;
    padding: 0
}

.generaltextxlg {
    color: #4caf50
}

.generaltextmbl, .generaltextsbl {
    color: #036;
    text-decoration: none
}

.generaltextsbl {
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.generaltextsb, .generaltextsr {
    line-height: normal;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.generaltextsb {
    color: #000;
    text-decoration: none
}

.generaltextsr {
    color: red
}

.generaltextm, .generaltextmb, .generaltextmbl, .generaltextmr {
    line-height: normal;
    font-size: 15px;
    font-family: Roboto,sans-serif
}

.generaltextm {
    color: #4caf50;
    font-weight: 500
}

.generaltextmr {
    color: red;
    font-weight: 500
}

.generaltextmb {
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.generaltextmbl {
    font-weight: 500
}

.generaltextlbl, .generaltextxlbl {
    line-height: normal;
    font-weight: 400;
    color: #036
}

.generaltextlbl {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    text-decoration: none
}

    .generaltextlbl:hover {
        color: #036
    }

.generaltextxlbl {
    font-family: Roboto,sans-serif;
    font-size: 18px
}

.generaltextxlb, .generaltextxsbl {
    font-weight: 500;
    font-family: Roboto,sans-serif;
    line-height: normal
}

.generaltextxsbl {
    color: #036;
    font-size: 13px
}

.generaltextxlb {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 18px;
    text-decoration: none
}

.badgebl, .badgeg, .badger {
    color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    text-align: center
}

.badgebl {
    background-color: #036
}

.badgeg {
    background-color: #4caf50
}

.badger {
    background-color: red
}

.generaltextsm {
    margin: 0;
    padding: 0;
    color: #4caf50;
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

.generaltextsmgrey, .generaltextsmgreyb {
    color: #555452;
    padding: 0;
    font-size: 14px;
    margin: 0
}

.generaltextsmgreyb {
    font-weight: 800;
    font-family: Roboto,sans-serif
}

.generaltextsmgrey {
    font-weight: 500;
    font-family: Roboto,sans-serif
}

.generaltextsmy, .generaltextxsm {
    padding: 0;
    line-height: normal;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    text-decoration: none
}

.generaltextsmy {
    margin: 0;
    color: #ffc107;
    font-size: 14px
}

.generaltextxsm {
    margin: 0 0 15px;
    color: #4caf50;
    font-size: 12px
}

.generaltextsmb, .generaltextsmr {
    font-size: 14px;
    line-height: normal;
    font-family: Roboto,sans-serif;
    margin: 0 0 15px;
    padding: 0
}

.generaltextxsm:hover, .generaltextxsm:visited {
    color: #4caf50
}

.generaltextsmr {
    color: red;
    font-weight: 500
}

.generaltextsmb {
    color: #000;
    font-weight: 400
}

.generaltextxsmb {
    margin: 0 0 15px;
    padding: 0;
    color: #000;
    line-height: normal;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 12px
}

.container .generaltextb, .generaltext {
    font-size: 20px;
    line-height: normal;
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.generaltext {
    margin: 0 0 15px;
    padding: 0;
    color: #036
}

.container .generaltextb {
    margin: 15px 0;
    padding: 25px 0 8px;
    color: #000
}

.container .infotextb {
    margin: 0 0 20px;
    padding: 0;
    color: #878686;
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 18px
}

.spinnerbutton {
    border: 3px solid rgba(255,255,255,.3);
    border-top: 3px solid #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: 1s linear infinite spin;
    display: inline-block;
    vertical-align: middle
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.container .colheading {
    margin: 0 0 12px;
    padding: 0;
    color: #333;
    line-height: normal;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    font-size: 15px
}

.preboxflex .prebox, .preboxflex .preboxerror, .preboxflex .preboxnb {
    font-size: 16px;
    padding: 5px 4px;
    line-height: 1.5;
    color: #999;
    background: #e9f2eb;
    font-family: Roboto,sans-serif
}

.postboxflex, .preboxflex {
    display: flex;
    justify-content: flex-start
}

    .preboxflex .prebox {
        border: 2px solid #ccc;
        border-right: 0;
        border-radius: 4px 0 0 4px
    }

    .preboxflex .preboxnb {
        border: 0;
        outline: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .preboxflex .preboxerror {
        border: 2px solid red;
        border-right: 0;
        border-radius: 4px 0 0 4px
    }

::-ms-reveal {
    display: none
}

.postboxinput {
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important
}

.postboxflex .postbox {
    padding: 8px 11px;
    color: #999;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background: #e9f2eb
}

.postboxflex:focus-within .postbox {
    border: 0;
    border-left: none;
    border-radius: 0 .375rem .375rem 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    clip-path: inset(-15px -15px -15px 0px)
}

.checkmark {
    accent-color: #ffc107
}

.helptextinfo .helptext {
    visibility: hidden;
    width: 120px;
    background-color: #f4f7f4;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

.helptextinfo:hover .helptext {
    visibility: visible;
    opacity: 1
}

.far {
    margin-right: 5px;
    color: #036;
    padding: 7px
}

.carousel-item {
    min-height: 280px
}

.carousel-inner > .item > img {
    width: 150px;
    height: 150px
}

.region {
    max-height: 200px
}

.tt_search_style {
    width: 255px !important
}

.pc_search_style {
    width: 100px !important;
    font-family: Roboto,sans-serif
}

.service_search {
    font-family: Roboto,sans-serif;
    font-size: 13px;
    font-weight: 500
}

.errortext {
    color: red
}

.errortextsmall {
    color: red;
    font-size: 10px;
    font-family: "Merriweather Sans",sans-serif;
    font-weight: 700
}

.successtext {
    color: #00f;
    font-weight: 700
}

.messagespacer {
    margin-bottom: 20px;
    display: block
}

body .top-msection {
    background: #036;
    padding: 10px 0;
    top: 0
}

body .navbar.top-msection {
    background-image: linear-gradient(160deg,#002347 0%,#0a76e0 45%,#002347 100%)
}

    body .top-msection img {
        max-width: 100%
    }

    body .top-msection .logo-mbox {
        width: 160px
    }

    body .top-msection .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important
    }

    body .top-msection .navbar-toggler {
        border: 1px solid #ffcc19;
        background: #ffcc19;
        color: #ffcc19
    }

    body .top-msection .btnnav-item, body .top-msection .ocmenuitems ul li a {
        color: #fff;
        display: block;
        padding: 4px 10px;
        font-family: "Merriweather Sans",sans-serif;
        font-size: 18px
    }

        body .top-msection .btnnav-item:hover, body .top-msection .ocmenuitems ul li:hover > a {
            color: #ffcc19
        }

    body .top-msection ul li {
        line-height: 30px
    }

    body .top-msection .btnnav-item {
        border: none;
        background: #036;
        text-decoration: none
    }

.top-section .des-nav ul li.active-link a:hover {
    background: #fff;
    color: #151515
}

.top-msection ul li.active-link a {
    background: #ffcc19;
    color: #000 !important;
    font-weight: 600;
    padding: 8px 15px;
    font-size: 24px;
    border-radius: 4px;
    font-family: Roboto,sans-serif
}

    .top-msection ul li.active-link a:hover {
        background: #fff !important;
        color: #151515 !important
    }

body .footer-section {
    background: #036;
    color: #fff; 
    padding: 20px 0;
    font-size: 14px
}

    body .footer-section .container {
        display: flex;
        gap: 00px
    }

        .footer-section .container::after, body .footer-section .container::before {
            display: none
        }

        body .footer-section .container h4 {
            font-size: 18px;
            color: #fff;
            font-family: "Merriweather Sans",sans-serif;
            font-weight: 400
        }

        body .footer-section .container ul.footerlinks {
            list-style: none;
            padding: 0;
            margin: 0;
            color: #fff
        }

.footer-section ul.footerlinks li a {
    color: #fff;
    text-decoration: none;
    font-family: "Merriweather Sans",sans-serif;
    font-size: 14px
}

body .footer-section ul.footerlinks li i {
    color: #ffcc19;
    margin-right: 9px;
    margin-bottom: 10px
}

body .footer-section h3 {
    color: #fff;
    font-size: 24px
}

hr.solidt {
    border-top: 2px solid #bbb;
    margin-bottom: 9px;
    margin-top: 6px
}

hr.solidb {
    border-bottom: 2px solid #bbb;
    margin-bottom: 9px;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .inputfieldsmall {
        width: 195px
    }

    .inputfieldmedium {
        width: 230px
    }

    .pageinfoheadingb {
        font-size: 16px;
        line-height: 20px
    }

    .containermob {
        margin-left: -20px !important;
        margin-right: -10px !important
    }

    .containersuccess {
        width: 100%
    }
}

@media (max-width:991.98px) {
    body .top-msection .offcanvas .dropdown-menu {
        background-color: #036 !important;
        border: 1px solid rgba(255,204,25,.3);
        box-shadow: 0 5px 15px rgba(0,0,0,.2);
        padding-left: 1rem;
        margin-top: .5rem;
        border-radius: 8px
    }

    body .top-msection .offcanvas .dropdown-item {
        color: #fff !important;
        padding: .5rem 1rem;
        font-size: 16px;
        background-color: #036 !important;
        margin-bottom: .25rem;
        border-radius: 4px
    }

        body .top-msection .offcanvas .dropdown-item:hover {
            background-color: #004080 !important;
            color: #fff !important;
            padding-left: 1.25rem
        }

        body .top-msection .offcanvas .dropdown-item i {
            color: #ffcc19 !important
        }

    .services-move {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 1rem
    }

    .parent-relative {
        position: relative
    }
}