@import url(/css/Bootstrap.min.css);

@font-face {
    font-family: "KaushanScript-Regular";
    src: url("/app_themes/nationaldentex/fonts/KaushanScript-Regular.ttf")
}

@font-face {
    font-family: "KOZGOPR6N-BOLD";
    src: url("/app_themes/nationaldentex/fonts/KOZGOPR6N-BOLD.OTF")
}

@font-face {
    font-family: "Montserrat-regular";
    src: url("/app_themes/nationaldentex/fonts/Montserrat-regular.otf")
}

@font-face {
    font-family: "Montserrat-BOLD";
    src: url("/app_themes/nationaldentex/fonts/Montserrat-Bold.otf")
}

@font-face {
    font-family: "Montserrat-medium";
    src: url("/app_themes/nationaldentex/fonts/Montserrat-Medium.otf")
}

@font-face {
    font-family: "Kopius-BOLD";
    src: url("/app_themes/nationaldentex/fonts/Kopius-Bold.otf")
}

@font-face {
    font-family: "Kopius-Regular";
    src: url("/app_themes/nationaldentex/fonts/Kopius-Regular.otf")
}

.modal input.text {
    font-size: 13px !important;
    font-family: 'Montserrat'
}
#loadMe .modal-body.text-center {
    padding: 1rem;
}
.footer_no a {
    color: #fff
}

.breadcrumb svg {
    color: #ffcf54;
    width: 6px !important;
    margin-left: 10px;
    margin-left: 3px;
    margin-top: 3px
}

.modal {
    z-index: 999999
}

.modal-header {
    background: #4e6c89;
    color: white
}

select#labs {
    color: #000;
    padding: 0 5px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    font-family: 'Montserrat-regular';
}

.pref-lab p {
    color: #000;
    font-family: 'Montserrat-regular';
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px;
}

.modal-body {
    padding: 0
}

.ct__header--block h3 {
    margin-right: 15px;
    font-size: 28px;
    padding-top: 9px
}

.hidden {
    display: none !important
}

.learn--moree-image {
    float: left;
    padding-right: 35px;
}
.ul--team ul.team-list {
    margin: 0 auto;
    max-width: 670px;
    padding: 48px 15px 15px 15px;
    box-shadow: rgba(149,157,165,.2) 0 8px 24px;
}
.careers {
    padding: 0 20px !important;
    height: 28px;
    margin-right: 5px
}

.fr-view img.fr-dib {
    margin: 0 auto;
}

section.content-main {
    font-family: 'Montserrat-regular';
    color: #4e6c89;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 30px
}

#labmap {
    min-height: 300px
}

.wpsl-info-window {
    max-width: 225px
}

    .wpsl-info-window p {
        margin-bottom: 1rem;
        font-size: inherit;
        line-height: 1.6;
        text-rendering: optimizeLegibility
    }

body {
    padding: 0;
    margin: 0
}

header {
    z-index: 99999
}

.btn-yellow.acoount-login svg {
    display: none
}

.padding_0 {
    padding: 0
}

.content h2 {
    font-size: 28px !important
}

.container-max {
    padding: 0 5%
}

.left__line {
    width: 50px;
    height: 2px;
    display: inline-block;
    background-color: #a33636;
    margin-right: 10px;
    margin-top: 4px;
    text-transform: capitalize
}

.right__line {
    margin-left: 10px;
    width: 50px;
    height: 2px;
    display: inline-block;
    background-color: #a33636;
    margin-top: 4px;
    text-transform: capitalize
}

.btn-yellow {
    background-color: #ffcf54;
    font-size: 15px;
    color: #000;
    padding: 5px 30px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 5px;
    font-family: "Montserrat-medium";
    font-size: 14px;
    line-height: 30px
}

    .btn-yellow:hover {
        color: #000
    }

.btn-blue {
    padding: 6px 30px;
    background-color: #002855;
    color: white;
    font-size: 14px;
    border: none;
    line-height: 30px;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 5px;
    font-family: "Montserrat-medium"
}

    .btn-blue:hover {
        color: #fff
    }

.btn:focus {
    outline: none;
    box-shadow: unset
}

header.sticky {
    top: 0;
    position: fixed;
    width: 100%;
    right: 0;
    left: 0
}

.navigation-wrap {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.navbar {
    padding: 0
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0
}

    .navbar-toggler:active, .navbar-toggler:focus {
        outline: none;
        box-shadow: none
    }

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear
}

    .navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
        width: 24px;
        position: absolute;
        height: 1px;
        background-color: #000;
        top: 0;
        left: 0;
        content: '';
        z-index: 2;
        transition: all 300ms linear
    }

    .navbar-light .navbar-toggler-icon:after {
        top: 8px
    }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent
}

.nav-item:hover .nav-link {
    color: #4e6c89 !important;
    font-size: 16px
}

.nav-item {
    position: relative;
    transition: all 200ms linear;
    margin-right: 3px;
    padding: 10px 0
}

.navbar-nav .nav-item > a.nav-link {
    font-size: 15px;
    color: #002855;
    font-family: "Kopius-Regular";
    line-height: 20px
}

    .navbar-nav .nav-item > a.nav-link:hover {
        color: #002855 !important
    }

.navbar-nav svg {
    color: #ffcf54;
    width: 15px;
    height: 15px;
    align-self: end
}

.navbar__topbox {
    display: flex;
    justify-content: flex-end;
    padding: 11px 0;
    align-items: center
}

    .navbar__topbox a:not(.careers) {
        align-self: center
    }

    .navbar__topbox a img {
        max-width: 15px
    }

.navbar__top {
    background: rgba(78,108,137,.1) 0% 0% no-repeat padding-box
}

.navbar__topbox a:not(.careers) {
    text-decoration: none;
    margin-left: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #002855;
    border-radius: 50%;
    font-size: 11px;
    width: 25px;
    height: 25px;
    color: #002855;
    margin-left: 5px
}

.search__box a.btn {
    margin-left: 20px;
    align-self: center;
    font-size: 19px;
    text-transform: capitalize
}

.search__box a {
    margin-left: 20px;
    align-self: center;
    padding: 8px 20px
}

.navbar {
    position: relative;
    z-index: 9
}

.navbar-brand .fr-view p {
    margin-bottom: 0;
}

.navbar__top:after {
    content: "";
    position: absolute;
    background-image: url(/NationalDentex/media/National-Dentex/bg-new.png);
    top: 0;
    left: 0;
    width: 416px;
    background-position: right;
    padding: 57px 5%;
    background-repeat: no-repeat
}

.partner__img.lastlogo {
    margin-left: 42%;
}

a.navbar-brand {
    width: 270px;
    margin-right: 25px
}
/*.navbar-brand img {
    margin-right: 0 !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
    max-width: 100%;
    position: relative !important;
    bottom: 23px !important;
    left: 25px;
}*/
.navbar-brand img {
    max-width: 100%;
    position: relative;
    bottom: 23px;
    left: 25px
}

.nav-item .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: all 200ms linear
}

.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0,0,0)
}

.dropdown-menu {
    padding: 10px !important;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #212121;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(138,155,165,.15);
    transition: all 200ms linear
}
img.mx-auto.d-block.fr-fic.fr-dib {
    margin: 0 auto !important;
}
.dropdown-toggle::after {
    display: none
}

.dropdown-item {
    padding: 3px 15px;
    color: #212121;
    border-radius: 2px;
    transition: all 200ms linear
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #fff;
        background-color: rgba(129,103,169,.6)
    }

.dropdown-menu ul {
    list-style-type: none;
    padding-left: 0;
    padding: 5px
}

    .dropdown-menu ul li a {
        color: #fff;
        text-decoration: none
    }

    .dropdown-menu ul li {
        padding: 8px 0;
        border-bottom: #fff 1px solid
    }

        .dropdown-menu ul li:last-child {
            border-bottom: 0
        }

.search__icon__box form.example input[type=text] {
    font-size: 13px;
    border: none;
    width: 64%;
    background: #fff;
    outline: none;
    border-right: none;
    border-radius: 0;
    height: 24px
}

.topbar_search_section .form-control {
    width: 156px;
    height: 29px;
    padding: 13px 27px 13px 5px;
    font-size: 14px
}

.topbar_search_section .img-fluid {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 8px;
    right: 10px
}

.topbar_search_section {
    position: relative;
    margin-right: 10px
}

.search__icon__box {
    display: flex;
    position: relative
}

.topbar_search_section .form-control:focus {
    color: #212529;
    background-color: #fff;
    border: none;
    outline: 0;
    box-shadow: none
}
/*.social-icon i.fab.fa-linkedin-in, .social-icon i.fab.fa-facebook-f {
    margin-left: 6px;
}*/
/*i.footer_phone_icon.fas.fa-phone-alt.fa-w-16.pr-2 {
    margin-top: 5px !important;
    margin-right: 10 !important;
}*/
.footer_phone_icon {
    text-align: center;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    margin-top: 5px !important;
    margin-right: 10px !important;
}

footer ul.footer-links a {
    background: url("/NationalDentex/media/National-Dentex/Rebranding/Icons/arrow.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center left;
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 5px
}

footer.footer_corporate ul.footer-links a {
    background: none;
    padding: 0
}

footer.footer_corporate .col-md-4 {
    width: auto;
    border: none;
    text-align: center
}

footer.footer_corporate ul {
    padding-left: 0
}

footer.footer_corporate h2 {
    padding: 0;
    margin: 0
}

footer.footer_corporate .footer-logo img {
    max-width: inherit
}

.footer-icon p.footer_no {
    margin-right: 15px
}

footer .col-md-4 .footer_address p {
    font-size: 14px;
    line-height: 26px
}

.footer_no {
    font-size: 17px
}

#footer__bottom--box {
    background-color: #e7ebef;
    padding: 15px 0
}

    #footer__bottom--box ul {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style-type: none;
        margin-bottom: 0
    }

        #footer__bottom--box ul a {
            font-size: 14px;
            color: #000;
            text-decoration: none;
            margin-right: 35px;
            position: relative;
            font-family: "Montserrat-regular";
            line-height: 24px
        }

        #footer__bottom--box ul li {
            position: relative
        }

            #footer__bottom--box ul li::after {
                content: "";
                width: 1px;
                height: 11px;
                background-color: #000;
                position: absolute;
                top: 9px;
                bottom: 2px;
                right: 16px
            }

            #footer__bottom--box ul li:last-child:after {
                display: none
            }

footer {
    background-color: #002855;
    color: #fff;
    padding: 40px 0 40px 0;
    font-family: "Montserrat-regular"
}

    footer .footer-logo img {
        max-width: 250px;
    }

.footer-logo {
    padding: 15px 15px
}

.logo-text {
    border-bottom: 1px solid #fff;
    padding: 15px 0
}

    .logo-text p {
        font-size: 16px
    }

.footer-icon {
    display: flex;
    padding: 15px 15px
}

footer i {
    color: #ffcf54
}

footer .social-icon a {
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    text-decoration: none;
}

.social-icon {
    display: flex;
    padding-left: 0
}

svg.svg-inline--fa {
    height: 13px;
    width: 13px !important;
}

footer svg {
    color: #ffcf54;
}

.social-icon-svg, .social-icon i {
    font-size: 13px;
}

.phone-icon i {
    margin-right: 10px
}

footer h2 {
    color: #e8d9bc;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
    padding-left: 30px;
    margin-top: -10px
}

footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 30px
}

footer li a {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    padding: 7px 0;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-family: "Montserrat-regular"
}

    footer li a:hover {
        color: #fff
    }

.phone-icon p {
    margin-bottom: 0
}

footer .col-md-4 {
    border-left: 2px solid #ffcf54
}

    footer .col-md-4:first-child {
        border-left: none
    }

footer .social-icon a:first-child {
    margin-left: 0
}

footer .col-md-4 .footer_address {
    display: flex;
    align-items: flex-start;
    padding: 0 30px
}
.white-phone.fas.fa-phone-alt {
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 33px;
    overflow-clip-margin: content-box;
    overflow: hidden;
}
    footer .col-md-4 .footer_address i {
        margin-right: 0 !important;
        margin-top: 15px !important;
    }

    footer .col-md-4 .footer_address .phone-icon {
        padding-left: 20px
    }

footer .col-md-4 p.footer_no a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-decoration: none
}

footer .row {
    justify-content: space-between
}

footer h2 {
    font-family: "Kopius-Bold";
    text-transform: capitalize;
    line-height: 22px
}

#corporate h2 {
    font-size: 36px;
    padding: 12px 0;
    font-family: "Kopius-Bold";
    line-height: 44px
}

#corporate p {
    font-size: 16px;
    padding-bottom: 12px;
    color: #fff;
    font-family: "Montserrat-regular";
    line-height: 24px
}

.corporate__container {
    text-align: center;
    color: #fff;
    margin-bottom: 40px
}

#corporate .right__line {
    background-color: #ffcf54
}

#corporate .left__line {
    background-color: #ffcf54
}

#corporate h5 {
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffcf54;
    font-family: "KaushanScript-Regular"
}

#corporate {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/labsofexcellence.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: 60px
}

.corporate__img {
    width: 200px;
    height: 200px;
    background: #0a2946b3 0% 0% no-repeat padding-box;
    border: 2px solid #ffcf54;
    opacity: 1;
    position: relative
}

.top--left .corporate__img {
    margin-right: 6px;
    margin-bottom: 12px;
    border-radius: 200px 0 0 0
}

.top--right .corporate__img {
    margin-left: 6px;
    margin-bottom: 12px;
    border: 2px solid #ffcf54
}

.bottom--left .corporate__img {
    margin-right: 6px;
    border-radius: 0 0 0 200px
}

.bottom--right .corporate__img {
    margin-left: 6px;
    border-radius: 0 0 200px 0
}

.bottom--left .corporate__img img {
    position: absolute;
    top: 35px;
    left: 65px
}

.bottom--right .corporate__img img {
    position: absolute;
    top: 32px;
    left: 42px
}

.top--left .corporate__img img {
    position: absolute;
    top: 72px;
    left: 65px
}

.top--right .corporate__img img {
    position: absolute;
    top: 72px;
    left: 47px
}

.top--left {
    padding: 0
}

.top--right {
    padding: 0
}

.bottom--left {
    padding: 0
}

.bottom--right {
    padding: 0
}

#corporate h3 {
    color: #ffcf54;
    font-family: "Kopius-Bold";
    font-size: 28px;
    line-height: 40px
}

.corporate__wrapper {
    display: flex;
    justify-content: space-between
}

.corporate__text {
    display: flex;
    align-items: center;
    width: 62%
}

.fr-view img.fr-dii {
    display: block;
    float: none;
    vertical-align: unset;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: unset;
}

.explore--new {
    padding: 0;
}

@media(max-width:1200px) {
    .top--left h3 {
        font-size: 20px
    }

    .top--left .corporate__text {
        justify-content: left
    }

    .top--right h3 {
        font-size: 20px;
        text-align: end
    }

    .top--right .corporate__text {
        justify-content: right
    }

    .bottom--left h3 {
        font-size: 20px
    }

    .bottom--left .corporate__text {
        justify-content: left
    }

    .bottom--right h3 {
        font-size: 20px
    }

    .bottom--right .corporate__text {
        justify-content: right;
        display: flex
    }
}

@media(max-width:992px) {
    #corporate .corporate__img img {
        position: relative
    }

    #corporate .corporate__img {
        display: inline-block;
        background: transparent;
        border: none;
        opacity: 1;
        position: relative
    }

    #corporate h3 {
        font-size: 16px
    }

    .top--left .corporate__img {
        margin-right: 0;
        margin-bottom: 0
    }

    .top--right .corporate__img {
        margin-left: 0;
        margin-bottom: 0
    }

    .bottom--left .corporate__img {
        margin-right: 0
    }

    .bottom--right .corporate__img {
        margin-left: 0
    }
}

@media(max-width:768px) {
    #corporate .top--left .corporate__wrapper {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center
    }

    #corporate .top--right .corporate__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #corporate .bottom--left .corporate__wrapper {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center
    }

    #corporate .bottom--right .corporate__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    #corporate .corporate__text {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center
    }

    #corporate .corporate__img {
        display: inline-block;
        background: transparent;
        border: none;
        opacity: 1;
        position: unset;
        width: unset;
        height: unset
    }

        #corporate .corporate__img img {
            position: unset;
            padding: 28px 0
        }
}

.localLab_container h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    color: #a33636;
    font-family: "KaushanScript-Regular"
}

.localLab_container p {
    color: #4e6c89
}

.localLab_container {
    text-align: center
}

.localLab__selectbox {
    display: flex;
    align-items: center;
    width: 70%
}

div.select-style select {
    color: #000;
    padding: 0 5px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    font-family: 'Montserrat-regular';
}

.select-style select {
    word-wrap: normal;
    padding: 0 11px;
    font-size: 14px;
    border: none;
    margin-right: 10px;
    background: #fff;
    outline: none;
    width: 100%;
    height: 45px;
    color: #000;
    border-radius: 5px;
    text-transform: capitalize;
    line-height: 24px;
    font-family: "Montserrat-regular"
}

.localLab__search input[type=text] {
    padding: 0 12px;
    font-size: 15px;
    border: none;
    outline: none;
    height: 45px;
    color: #000;
    border-radius: 5px;
    width: 100%;
    margin-right: 8px;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding-left: 20px;
    font-family: 'Montserrat-regular'
}

.localLab__wrapper {
    background-color: #ffcf54;
    border-radius: 10px;
    padding: 38px 0%
}

.localLab__selecttext {
    align-items: center;
    width: 30%;
    display: flex
}

    .localLab__selecttext p {
        color: #000;
        font-size: 24px;
        text-transform: capitalize;
        margin-bottom: 0;
        font-family: "Kopius-BOLD";
        line-height: 22px
    }

#localLab .form-select:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: unset;
    position: relative
}

#localLab .form-select {
    width: 221px;
    background-size: 0%;
    color: #000;
    border-radius: 5px;
    height: 45px
}

.outer__selectbox {
    position: relative;
    width: 40%;
    align-items: center
}

#localLab .outer__selectbox p {
    position: absolute;
    right: 6%;
    color: #ffcf54;
    z-index: 9;
    top: 6px;
    font-size: 24px
}

.localLab__searchbox {
    display: flex;
    width: 60%
}
.footer_corporate .row.container-max .footer-logo img.img-fluid.fr-fic.fr-dii {
    max-width: inherit;
}
.topbar_search_section .form-control::placeholder {
    color: #000 !important;
}
    .localLab__searchbox .localLab__search {
        display: flex;
        width: calc(100% - 47px)
    }

    .localLab__searchbox span {
        align-self: center;
        font-size: 17px;
        color: #000;
        font-weight: bold;
        padding: 0 10px;
        font-family: 'Montserrat-regular'
    }

.outer__selectbox .select-selected {
    width: 100% !important
}

.select-style select {
    width: 100%
}

.locallab--position {
    margin-top: -59px !important
}

.select__wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px
}

.localLab--padding {
    padding: 0 130px
}

.localLab_container h2 {
    font-size: 36px;
    line-height: 44px
}

#localLab {
    margin-bottom: -45px;
    position: relative
}

@media(max-width:1200px) {
    .localLab__selecttext {
        width: 100%;
        justify-content: center;
        padding: 10px
    }
}

@media(max-width:992px) {
    .localLab_container h2 {
        font-size: 20px;
        line-height: 34px
    }

    .localLab__selectbox {
        display: block;
        align-items: center;
        width: 100%
    }

    #localLab .localLab__selectbox select {
        width: 100%
    }

    .localLab__searchbox {
        width: 100%;
        flex-direction: column
    }

    #localLab .localLab__search input[type=text] {
        max-width: 100%;
        width: 100%;
        height: 45px;
        color: #000
    }

    .localLab__searchbox {
        width: 100%
    }

        .localLab__searchbox span {
            padding: 11px 10px
        }

    .localLab--padding {
        padding: 2% !important
    }

    #localLab .select-selected {
        width: 100% !important
    }
}

#localLab .select-selected {
    background-color: #fff;
    background-color: #fff;
    width: 220px;
    border-radius: 5px
}

    #localLab .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid #ffcf54;
        border-color: #ffcf54 transparent transparent transparent
    }

    #localLab .select-selected.select-arrow-active:after {
        border-color: #ffcf54 transparent transparent transparent
    }

#localLab .select-items div, .select-selected {
    color: #000;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1) transparent
}

#localLab .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

#localLab .select-hide {
    display: none
}

#localLab .select-items div:hover, .same-as-selected {
    background-color: rgba(0,0,0,.1)
}

section.find-lab {
    padding-top: 45px
}

.who {
    text-align: left;
    font: normal normal normal 17px/24px Kaushan Script;
    letter-spacing: 0;
    color: #a33636;
    opacity: 1;
    font-style: italic;
    font-size: 17px
}

.whoweare--text {
    padding: 0 20px
}

.who_img {
    width: 100%;
    max-width: 540px;
    height: 363px;
    background: transparent url('/CMSPages/img/benyamin-bohlouli-e7MJLM5VGjY-unsplash.png') 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1
}

.whoweare--text p {
    margin-top: 10px;
    letter-spacing: 0;
    color: #4e6c89;
    opacity: 1;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 28px
}

.whoweare--text h5 {
    font-size: 19px;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #a33636;
    font-family: "KaushanScript-Regular";
    display: flex;
    align-items: center
}

.bg--color {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    opacity: 1;
    padding: 41px 20px
}

section#whoweare {
    padding-top: 49px;
    position: relative
}
    section#whoweare.carrier_new {
        padding: 49px;
    }
#whoweare::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 361px;
    height: 361px;
    background-color: rgba(78,108,137,.1);
    border-radius: 0 0 0 575px;
    z-index: -2
}

.whoweare--text h2 {
    font-size: 36px;
    font-family: "Kopius-Bold";
    line-height: 44px
}

@media only screen and (max-width:992px) {
    .whoweare--text {
        margin-bottom: 25px
    }

    #whoweare::before {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .whoweare--text h2 {
        font-size: 22px
    }
}

.logo_in_slider {
    max-width: 300px
}

.carousel-item img {
    width: 100%
}

.slider_hw {
    height: 400px
}

.text-block {
    position: absolute;
    bottom: 60px;
    color: white;
    padding: 20px 20px 20px 20px;
    top: 50px;
    bottom: 188px;
    left: 175px;
    height: fit-content;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: .8;
    z-index: 2
}

.block2 {
    background: transparent 0% 0% no-repeat padding-box
}

.slide1_h4 {
    max-width: 600px;
    text-align: left;
    font-size: 42px;
    line-height: 52px;
    font: normal normal bold 42px/52px Kopius;
    letter-spacing: 0;
    color: #002855;
    margin-bottom: 0;
    font-family: "Kopius-Bold"
}

.banner-section .carousel-item::before {
    content: "";
    background: linear-gradient(to right,#0a2e50,rgba(255,255,255,.01));
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left:0;
    bottom:0;
    right: 0
}

.banner-section .carousel-item.nogradient::before {
    background: none !important
}

.banner-section .carousel-item {
    height: 400px;
    min-height: 400px;
    position: relative;
}

div#carousel_slider {
    padding: 0;
    margin: 0 auto
}

.slide2_h4 {
    max-width: 670px;
    color: #002855;
    font: normal normal bold 42px/52px Kopius
}

.slide3_h4 {
    max-width: 600px;
    color: #fff;
    font: normal normal bold 42px/52px Kopius
}

.slide1_p {
    font-size: 20px;
    line-height: 30px;
    max-width: 600px;
    margin-top: 10px;
    text-align: left;
    font-family: "Montserrat-regular";
    letter-spacing: 0;
    color: #4e6c89;
    opacity: 1;
    width: 100%
}

.Slide1_btn {
    top: 530px;
    left: 225px;
    max-width: 172px;
    height: 44px;
    background: #ffcf54 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    border: none
}

.indicators_rd {
    border-radius: 50%;
    height: 10px !important;
    max-width: 10px !important;
    background: #002855 0% 0% no-repeat padding-box !important;
    border: 1px solid #fff !important;
    opacity: 1
}

.carousel-indicators .active {
    background-color: #ffcf54 !important
}

.left__line {
    width: 50px;
    height: 2px;
    display: inline-block;
    background-color: #a33636;
    margin-right: 10px
}

.right__line {
    margin-left: 10px;
    width: 50px;
    height: 2px;
    display: inline-block;
    background-color: #a33636
}

.localLab_container h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    color: #a33636
}

.localLab_container {
    text-align: center
}

.localLab__selectbox {
    display: flex;
    align-items: center
}

#localLab form.example input[type=text] {
    padding: 0 12px;
    font-size: 15px;
    border: none;
    background: #fff;
    outline: none;
    max-width: 220px;
    width: 222px;
    height: 45px;
    color: #000
}

#localLab form.example button {
    padding: 10px 31px;
    background-color: #002855;
    color: white;
    font-size: 17px;
    border: none;
    margin-left: 10px;
    border-radius: 5px
}

.localLab__wrapper {
    background-color: #ffcf54;
    border-radius: 10px;
    padding: 38px 0%
}

.localLab__selecttext p {
    color: #000;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 0
}

#localLab .form-select:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: unset;
    position: relative
}

#localLab .form-select {
    width: 221px;
    background-size: 0%;
    color: #000;
    border-radius: 5px;
    height: 45px
}

#localLab .outer__selectbox {
    position: relative;
    align-items: center
}

    #localLab .outer__selectbox p {
        position: absolute;
        right: 6%;
        color: #ffcf54;
        z-index: 9;
        top: 6px;
        font-size: 24px
    }

.localLab__searchbox {
    display: flex
}

    .localLab__searchbox form {
        display: flex
    }

    .localLab__searchbox span {
        align-self: center;
        font-size: 17px;
        color: #000;
        font-weight: bold;
        padding: 0 10px
    }

.localLab--padding {
    padding: 0 130px
}

.localLab_container h2 {
    font-size: 36px;
    line-height: 44px;
    font-family: "Kopius-Bold"
}

#localLab {
    margin-bottom: -45px;
    position: relative
}

@media(max-width:1200px) {
    .localLab__selecttext {
        width: 100%;
        justify-content: center;
        padding: 10px
    }
}

@media(max-width:992px) {
    .localLab__selectbox {
        display: block;
        align-items: center;
        width: 100%
    }

    #localLab .localLab__selectbox select {
        width: 100%
    }

    .localLab__searchbox {
        width: 100%;
        flex-direction: column
    }

    #localLab form.example input[type=text] {
        max-width: 100%;
        width: 100%;
        height: 45px;
        color: #000
    }

    .localLab__searchbox form {
        width: 100%
    }

    .localLab__searchbox span {
        padding: 11px 10px
    }

    .localLab--padding {
        padding: 2% !important
    }

    #localLab .select-selected {
        width: 100% !important
    }
}

#localLab .select-selected {
    background-color: #fff;
    background-color: #fff;
    width: 220px;
    border-radius: 5px
}

    #localLab .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid #ffcf54;
        border-color: #ffcf54 transparent transparent transparent
    }

    #localLab .select-selected.select-arrow-active:after {
        border-color: #ffcf54 transparent transparent transparent
    }

#localLab .select-items div, .select-selected {
    color: #000;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1) transparent
}

#localLab .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

#localLab .select-hide {
    display: none
}

#localLab .select-items div:hover, .same-as-selected {
    background-color: rgba(0,0,0,.1)
}

.explore-more-div .explore__more--left {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

    .explore-more-div .explore__more--left .columns_four {
        height: auto;
        flex: 0 0 49%;
        margin-bottom: 2%;
        padding: 27px 20px 20px 20px
    }

#explore_more h4 a {
    color: #002855;
    text-decoration: none
}

.columns_four p a {
    color: #4e6c89;
    text-decoration: none
}

.explore__more--bg {
    padding: 0
}

section.explore-more {
    background-color: #f6f8f9
}

.explore_bg {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/Homepageimage_rightside.png");
    width: 100%;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #f6f8f9
}

.row_pd {
    padding-top: 206px;
    padding-left: 167px
}

.columns_four h4 {
    text-align: center;
    padding: 4px 0
}

.columns_four {
    display: flex;
    flex-direction: column;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    max-width: 300px;
    height: 240px;
    margin-bottom: 15px;
    padding: 20px
}

    .columns_four p {
        color: #4e6c89;
        text-align: center;
        marign-top: 12px
    }

.explore_main {
    background: #f6f8f9 0% 0% no-repeat padding-box;
    width: 100%
}

#explore_more h4 {
    font-size: 20px !important;
    text-align: center;
    font-family: "Kopius-Bold";
    letter-spacing: 0;
    color: #002855;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 0
}

#explore_more p.p_para.explore_para {
    text-align: center;
    font-family: "Montserrat-regular";
    letter-spacing: 0;
    color: #4e6c89;
    opacity: 1;
    font-size: 16px !important;
    line-height: 24px;
    margin-top: 10px;
    max-width: 100%
}

@media screen and (max-width:1169px) {
    .navbar-expand-lg .navbar-collapse {
        flex: 0 0 calc(100% - 270px)
    }

    .navbar-nav .nav-item > a.nav-link {
        font-size: 12px
    }

    .navbar__top:after {
        width: 360px
    }

    .explore_div h2 {
        font-size: 30px;
        line-height: 40px
    }

    .partners__img--wrapper {
        margin-left: -10px;
        margin-right: -10px
    }

    .partner__img {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .partner__img {
        box-shadow: none !important
    }

    .dso_lab_columns_four {
        justify-content: center
    }

    .explore__more--left .columns_four {
        padding: 23px
    }

    #explore_more h4 {
        font-size: 15px !important;
        line-height: 20px
    }

    .edu__heading--panel {
        white-space: normal
    }

        .edu__heading--panel .edu__tab--title {
            line-height: normal
        }

    .l_learn--r-ftr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .l_learn--r-ftr .semicircle__second {
            margin-top: 15px
        }

    .presentor__block .prs__2-col {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width:1100px) {
    .navbar-nav {
        padding-left: 5% !important
    }
}

@media screen and (max-width:992px) {
    #explore_more p.p_para.explore_para {
        max-width: 100%
    }
}

p.p_para.explore_para {
    font: normal normal normal 16px/24px Montserrat-Regular;
    letter-spacing: 0;
    color: #4e6c89;
    opacity: 1;
    text-align: left !important
}

.explore_left--container {
    display: flex;
    flex-direction: row;
    padding: 0
}

.explore__more--left, .explore__more--right {
    display: flex;
    flex-direction: column
}

.explore__more--right {
    padding-left: 15px;
    padding-top: 55px
}

.explore__more--left {
    padding: 56px 0
}

.explore_head {
    font-family: "KaushanScript-Regular";
    letter-spacing: 0;
    color: #a33636;
    opacity: 1;
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 19px
}

.explore_div h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 0;
    color: #002855;
    font-family: "Kopius-Bold"
}

.explore_div {
    padding-left: 0;
    padding-top: 90px;
    padding-right: 20px
}

.btn-yellow:hover {
    color: #000 !important
}

@media(max-width:480px) {
    #footer__bottom--box ul {
        padding-left: 15px;
    }
    footer.footer_corporate .phone-icon {
        margin-top: 10px;
    }
        .footer--landing-only .col-md-4:first-child {
            flex-wrap: wrap;
            flex-direction: column;
        }

        .footer--landing-only .col-md-4:nth-child(2) {
            margin-bottom: 20px;
        }

    .footer--landing-only .col-md-4:nth-child(2), .footer--landing-only .col-md-4:nth-child(3) {
        width: 100% !important;
        text-align: left;
    }
    .footer--landing-only#footer__bottom--box ul a {
        font-size: 12px;
    }

        .explore_bg {
            background-position: top
        }

        .columns_four {
            max-width: 191px;
            height: 182px
        }

        .explore_left--container {
            display: flex;
            flex-direction: column
        }

        .explore__more--left, .explore__more--right {
            align-items: center
        }

        .explore__more--right {
            padding-top: 19px;
            padding-left: 2px
        }

        .the_text {
            font-size: 32px !important
        }

        .p_para {
            font-size: 14px
        }

        .explore_div {
            padding-top: 20px
        }

        #explore_more h5:after {
            left: 41%;
            top: 113%
        }

        .explore_para {
            font-size: 11px
        }
    }

@media(max-width:992px) {
    .explore__more--bg.explore-more-div .explore_left--container {
        flex-direction: row
    }

    .explore_left--container {
        flex-direction: column
    }

    #explore_more .explore__more--left {
        padding-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-around
    }

    #explore_more .explore__more--right {
        padding-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding-left: 0
    }

    .explore__more--left .columns_four {
        width: 50%
    }

    #explore_more .explore_div {
        padding-left: 0;
        padding-top: 20px;
        max-width: 100%
    }
}

ul {
    list-style-type: none;
    margin-bottom: 0
}

h1.main--heading {
    font-size: 42px;
    line-height: 44px;
    color: #fff
}

h2.sub--heading {
    font-size: 36px;
    line-height: 44px;
    color: #002855;
    font-family: "Kopius-Bold"
}

p {
    font-family: "Montserrat-regular";
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

.text__large {
    font-family: "Montserrat-regular";
    font-size: 19px;
    line-height: 24px
}

.text__small {
    font-family: "Montserrat-regular";
    color: #4e6c89;
    font-size: 14px;
    line-height: 22px
}

.text__medium {
    font-family: "Montserrat-regular";
    color: #4e6c89;
    font-size: 16px;
    line-height: 24px
}

.inner--container {
    max-width: 1164px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

#about__banner .inner--container {
    padding: inherit !important
}

#about__banner {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/Innerbanners_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat
}

    #about__banner ul {
        display: flex;
        padding: 0;
        padding-top: 25px
    }

        #about__banner ul a {
            color: #fff;
            text-transform: capitalize;
            text-decoration: none;
            font-size: 14px;
            margin-right: 10px
        }

            #about__banner ul a svg {
                width: 6px;
                height: 10px;
                color: #ffcf54;
                margin-left: 10px
            }

    #about__banner h1 {
        text-transform: capitalize;
        padding-top: 90px;
        padding-bottom: 80px
    }

@media(max-width:768px) {
    #explore_more .explore__more--bg.explore-more-div .explore__more--left {
        flex-direction: row
    }

    #about__banner {
        padding: 47px 0
    }

        #about__banner h1 {
            padding: 10px 15px 0 0
        }
}

@media(max-width:500px) {
    .navbar__topbox {
        justify-content: center
    }
}

#learn__more .inner--container {
    position: relative
}

#learn__more {
    padding: 40px 0;
    position: relative
}

    #learn__more::before {
        content: "";
        height: 500px;
        background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/learnng.png");
        top: 0;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 1349px;
        width: 1349px;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 100%
    }

    #learn__more h6 {
        color: #a33636;
        font-family: "KaushanScript-Regular";
        display: flex;
        align-items: center;
        text-transform: capitalize
    }

.learn__more--wrapper {
    display: flex
}

.about-us-welcome-kit {
    position: relative
}

.learn__more--text ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    padding-top: 48px;
    justify-content: space-between
}

    .learn__more--text ul li {
        width: 305px;
        height: 50px;
        background: #f6f8f9 0% 0% no-repeat padding-box;
        border-radius: 5px;
        display: flex;
        align-items: center;
        padding: 0 15px
    }

        .learn__more--text ul li a {
            text-decoration: none;
            color: #002855;
            display: inline-block;
            font-family: "Kopius-Bold";
            font-size: 16px;
            line-height: 20px
        }

        .learn__more--text ul li:nth-child(2n) {
            margin-right: 0
        }

.learn__more--img {
    max-width: 432px
}

.learn__more--text {
    padding-top: 70px
}

    .learn__more--text h2 {
        padding: 5px 0;
        font-family: "Kopius-Bold";
        font-size: 36px;
        line-height: 44px;
        color: #002855
    }
    .learn__more--text.learn--more__text p {
        padding: 0 16px 16px 22px;
    }
    .learn__more--text p {
        padding-bottom: 16px;
        color: #4e6c89
    }

    .learn__more--text li {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
        margin-right: 20px
    }

        .learn__more--text li:nth-child(1):before, .learn__more--text li:last-child:before {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/red.png");
            background-size: contain;
            left: 0;
            bottom: -8px
        }

        .learn__more--text li:nth-child(2):before {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/green.png");
            background-size: contain;
            left: 0;
            bottom: -8px
        }

        .learn__more--text li:nth-child(3):before {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/blue.png");
            background-size: contain;
            left: 0;
            bottom: -8px
        }

        .learn__more--text li:nth-child(4):before {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/yellow.png");
            background-size: contain;
            left: 0;
            bottom: -8px
        }

.learn--icon {
    position: relative;
    width: 20%
}

    .learn--icon img.img-fluid.fr-fic.fr-dii {
        margin-left: 0;
    }

.learn--icon--text {
    padding-left: 20px;
    width: 80%
}

@media(max-width:768px) {
    #learn__more h2 {
        font-size: 22px
    }

    #learn__more::before {
        display: none
    }
}

#team h6 {
    font-family: "KaushanScript-Regular";
    color: #a33636;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize
}

#team {
    text-align: center;
    background-color: #f6f8f9
}

.team--heading {
    padding: 0 23%;
    padding-bottom: 30px
}

    .team--heading h2 {
        padding: 10px 0;
        margin-bottom: 0
    }

    .team--heading h6 {
        margin-bottom: 0
    }

.team--img {
    width: 120px;
    max-height: 120px;
    width: 120px;
    max-height: 80px;
    height: 100%
}

.team--img {
    width: 120px;
    max-height: 80px;
    height: 80px
}

.meat--team {
    display: flex;
    background: transparent linear-gradient(130deg,#002855 0%,#2b4966 48%,#4e6c89 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0 0
}

.team--name {
    margin-left: 11px;
    align-self: center;
    text-align: initial
}

    .team--name h5 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0;
        color: #fff;
        font-family: "Kopius-Bold"
    }

    .team--name p {
        margin-bottom: 0;
        color: #ffcf54;
        font-size: 13px;
        font-family: "Montserrat-regular";
        line-height: 18px;
        margin-top: 7px
    }

.meet--detail ul {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 50px
}

    .meet--detail ul li {
        text-align: left;
        position: relative;
        padding: 5px 30px 5px 39px;
        color: #4e6c89;
        font-size: 14px;
        font-family: "Montserrat-regular";
        line-height: 22px
    }

        .meet--detail ul li:before {
            position: absolute;
            content: "";
            width: 11px;
            height: 11px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/Group-148.png");
            background-size: contain;
            top: 10px;
            left: 13px;
            background-repeat: no-repeat
        }

.team_row_two {
    min-height: 510px !important;
    max-height: 510px !important
}

.team_row_three {
    min-height: 470px !important;
    max-height: 470px !important
}

.meet--team--detail {
    min-height: 400px;
    max-height: 520px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    width: 100%;
    max-width: 356px
}

.team--img img {
    border-radius: 10px 0 0 0;
    width: 120px;
    aspect-ratio: 120/80
}

@media(max-width:768px) {
    .team--heading {
        padding: 0 0%;
        padding-bottom: 10px
    }

        .team--heading h2 {
            font-size: 22px
        }
}

#welcome p {
    color: #4e6c89;
    line-height: 24px
}

#welcome h6 {
    font-family: "KaushanScript-Regular";
    color: #a33636;
    font-size: 19px;
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#welcome {
    padding: 0 0 25px 0;
    position: relative
}

.welcome--form--content {
    width: 481px;
    max-height: 479px;
    position: relative;
    background-color: #4e6c89;
    top: 0;
    right: 17px;
    -webkit-overflow-scrolling: touch
}

.welcome--form {
    position: absolute
}

#welcome h2 {
    padding: 10px 0
}

@media screen and (max-width:1169px) {
    #packing_case, #shipping_case, #digital_imp {
        padding-left: 40px;
        padding-right: 40px
    }

    .welcome--form {
        position: absolute;
        width: 100%;
        right: 0
    }

    .welcome--form--content {
        width: 100%
    }

    #welcome .inner--container .col-lg-5 {
        position: relative
    }
}

@media(max-width:768px) {
    #welcome h2 {
        font-size: 22px
    }
}

#about--bottom--banner {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/iStock-468984032.jpg");
    padding: 15% 0;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

#career {
    background-image: url('/NationalDentex/media/National-Dentex/Rebranding/Images/GettyImages-Careers.jpg');
    background-position: right;
    background-size: cover;
    padding: 5% 0;
    background-repeat: no-repeat
}

.career--text {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    padding: 56px 45px
}

    .career--text h2 {
        font-size: 36px;
        line-height: 44px;
        color: #002855;
        font-family: "Kopius-Bold"
    }

#career p {
    color: #4e6c89
}

#career h6 {
    font-family: "KaushanScript-Regular";
    color: #a33636;
    font-size: 19px;
    display: flex;
    align-items: center;
    text-transform: capitalize
}

#career ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 15px;
    align-items: flex-start;
    margin-top: 15px
}

    #career ul li {
        width: 50%;
        color: #002855;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        margin-bottom: 10px;
        font-family: "Montserrat-BOLD";
        font-weight: bold
    }

        #career ul li::before {
            content: "";
            position: absolute;
            width: 17px;
            height: 17px;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/Icon-feather-check-circle@2x.png");
            background-size: contain;
            top: 3px;
            left: 0
        }

@media(max-width:768px) {
    #career ul li {
        width: 100%
    }

    .career--text {
        padding: 20px 20px
    }

    #career h2 {
        font-size: 22px
    }
}

.tab-content {
    display: none
}

    .tab-content.current {
        display: inherit
    }

.tab__heading {
    text-align: center
}

.service__main--heading h2 {
    font-size: 36px;
    line-height: 44px;
    color: #002855;
    font-family: "Kopius-Bold";
    text-align: center;
    margin-bottom: 0;
    padding: 40px 0
}

.projects_select {
    font-size: 22px;
    text-decoration: none;
    line-height: 40px;
    background: #f6f8f9 0% 0% no-repeat padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 14px 5px;
    color: #002855;
    display: inline-block;
    margin-right: 20px;
    font-family: "Montserrat-BOLD";
    position: relative;
    width: 35%;
    cursor: pointer
}

    .projects_select.current {
        background: #fff 0% 0% no-repeat padding-box;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        opacity: 1
    }

        .projects_select.current::before {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            left: 0;
            height: 5px;
            background-color: #1d7175;
            border-radius: 0 10px 10px 0;
            width: 100%
        }

    .projects_select:hover {
        color: unset
    }

.tab__wrapper {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 30px 30px 0 30px;
    position: relative
}

.service--list--wrapper {
    display: flex;
    position: relative
}

    .service--list--wrapper::after {
        content: "";
        position: absolute;
        width: 106px;
        height: 106px;
        background-size: contain;
        background-repeat: no-repeat
    }

.service--text__wrapper {
    display: flex
}

.service--text h3 {
    color: #002855;
    font-size: 28px;
    margin-bottom: 0;
    font-family: "Kopius-BOLD"
}

.service--text p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #4e6c89;
    font-family: "Montserrat-regular"
}

.service--list {
    padding-top: 30px
}

    .service--list ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        justify-content: space-between
    }

.service--list--text h4 {
    font-size: 19px;
    line-height: 24px;
    font-family: "Kopius-BOLD";
    color: #002855
}

.service--list--text p {
    font-family: "Montserrat-regular";
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #4e6c89;
    margin-bottom: 0
}

.service--list .service--list--wrapper ul {
    content: "";
    position: absolute;
    width: 106px;
    height: 106px;
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicered.png");
    background-size: contain;
    background-repeat: no-repeat
}

ul li:nth-child(1) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicered.png")
}

ul li:nth-child(2) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/serviceblue.png")
}

ul li:nth-child(3) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/serviceyellow.png")
}

ul li:nth-child(4) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicegreen.png")
}

ul li:nth-child(7) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/serviceyellow.png")
}

ul li:nth-child(8) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicegreen.png")
}

ul li:nth-child(9) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicered.png")
}

ul li:nth-child(5) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicered.png")
}

ul li:nth-child(6) .service--list--wrapper::after {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/serviceblue.png")
}

.service--list--img {
    width: 106px;
    height: 106px;
    position: absolute;
    z-index: 9;
    padding: 20px 20px 20px 20px
}

.service--list--text {
    padding: 15px 30px 15px 122px
}

ul.grid__view li {
    background: #f6f8f9 0% 0% no-repeat padding-box;
    width: 48%;
    margin-bottom: 30px
}

ul.list__view li {
    background: #f6f8f9 0% 0% no-repeat padding-box;
    width: 100%;
    margin-bottom: 30px
}

ul.grid__view li:nth-child(n) {
    margin-right: 15px
}

ul.grid__view li:nth-child(2n) {
    margin-left: 15px;
    margin-right: 0
}

#service-banner {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/servicebanner.png");
    padding: 25px 0 90px 0;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: bottom
}

#services {
    position: relative
}

    #services::before {
        content: "";
        position: absolute;
        background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/learnng.png");
        background-size: contain;
        width: 100%;
        height: 520px;
        margin: auto;
        background-repeat: no-repeat;
        max-width: 1349px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        z-index: -9;
        background-size: 21%
    }

.service-banner__text ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 36px
}

    .service-banner__text ul a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        font-family: "Montserrat-regular";
        margin-right: 10px
    }

        .service-banner__text ul a svg {
            color: #ffcf54;
            width: 6px;
            height: 10px;
            margin-left: 10px
        }

.service-banner__text h1 {
    padding: 0;
    text-transform: capitalize;
    color: #fff;
    font-family: "Kopius-BOLD";
    font-size: 42px;
    line-height: 52px
}

@media(max-width:991px) {
    .learn--moree-image {
        float: unset;
        padding-right: 0;
        max-width: 100%;
        text-align: center;
    }
    #packing_case, #shipping_case, #digital_imp {
        padding-left: 10px;
        padding-right: 10px
    }

    .learn__more--img {
        max-width: 100%;
        text-align: center
    }

    ul.grid__view li {
        background: #f6f8f9 0% 0% no-repeat padding-box;
        width: 100%;
        margin-bottom: 30px
    }

    .service__main--heading h2 {
        font-size: 24px
    }

    .projects_select {
        width: 75%
    }

    .service--text h3 {
        color: #002855;
        font-size: 36px;
        margin-bottom: 0;
        font-family: "Kopius-BOLD"
    }
}

@media(max-width:768px) {
    .tab__heading {
        text-align: center;
        width: 100%;
        flex-direction: column
    }

    .service__main--heading h2 {
        font-size: 20px;
        line-height: 37px
    }

    .tab__heading {
        text-align: center;
        width: 100%
    }

    .projects_select {
        width: 100%;
        font-size: 18px;
        padding: 10px 0
    }
}

@media(max-width:767px) {
    #packing_case, #shipping_case, #digital_imp {
        padding-left: 0;
        padding-right: 0
    }
}

#about__banner ul {
    display: flex;
    padding: 0;
    padding-top: 25px
}

    #about__banner ul a {
        color: #fff;
        text-transform: capitalize;
        text-decoration: none;
        font-size: 14px;
        margin-right: 10px
    }

        #about__banner ul a svg {
            width: 6px;
            height: 10px;
            color: #ffcf54;
            margin-left: 10px
        }

.address__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    margin-left: -1%;
    margin-right: -1%
}

.address__container h3 {
    font-size: 16px;
    line-height: 20px;
    color: #002855;
    font-family: "Kopius-BOLD"
}

.address__container p {
    font-size: 14px;
    line-height: 20px;
    color: #4e6c89;
    font-family: "Montserrat-regular";
    margin-bottom: 0
}

.address__container {
    width: calc(33.33% - 2%);
    position: relative;
    background-color: #f6f8f9;
    border: 1px solid #e7e7e7;
    margin-bottom: 22px;
    padding: 16px 2px 40px 10px;
    border-radius: 5px;
    margin-left: 1%;
    margin-right: 1%
}

a.learn-more {
    text-decoration: none;
    transform-origin: bottom;
    display: block;
    background-color: #ffcf54;
    color: transparent;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    font: normal normal 600 11px/20px Montserrat;
    font-family: 'Montserrat-regular';
    color: black;
    width: 48%
}

a.lab-learn-more {
    text-decoration: none;
    transform-origin: bottom;
    display: inline-block;
    background-color: #ffcf54;
    color: transparent;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    font: normal normal 600 11px/20px Montserrat;
    font-family: 'Montserrat-regular';
    color: black;
    width: 51%;
    line-height: 30px
}

.welcome-kit-b {
    margin-left: 52%;
    width: 48% !important
}

.map__img {
    max-width: 570px;
    width: 100%;
    height: 600px;
    max-height: 600px
}

    .map__img img {
        width: 100%
    }

.address__box {
    -ms-overflow-style: none
}

    .address__box::-webkit-scrollbar {
        display: none
    }

section#map .lab_text p {
    margin-top: 0
}

section#map {
    padding: 60px 0
}

#map ul.team-list {
    margin-top: 65px
}

section#map .ndx__keller__text .col-md-6 img {
    max-width: 250px
}

.ndx__keller__text p {
    color: #4e6c89;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px
}

.ndx__keller__text ul {
    list-style-type: none;
    padding-left: 0
}

.ndx__keller__text li {
    display: flex;
    position: relative;
    background-color: #f6f8f9;
    height: 90px;
    margin-top: 30px
}

    .ndx__keller__text li:first-child:before {
        content: "";
        position: absolute;
        width: 90px;
        height: 90px;
        background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/lab_locationbg.png");
        background-size: cover;
        top: 0;
        background-repeat: no-repeat
    }

    .ndx__keller__text li:nth-child(2):before {
        content: "";
        position: absolute;
        width: 90px;
        height: 90px;
        background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/lab_phonebg.png");
        background-size: cover;
        top: 0;
        background-repeat: no-repeat
    }

.lab_location img {
    position: relative;
    left: 18px;
    top: 50%;
    transform: translateY(-50%)
}

.lab_location {
    width: 90px;
    height: 100%;
    position: relative
}

.lab_text p {
    color: #002855;
    font-size: 18px;
    line-height: 28px;
    font-family: "Montserrat-Bold"
}

.lab_text a {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    text-transform: capitalize
}

.lab_text img {
    width: 13px;
    height: 13px;
    margin-left: 5px
}

.ndx__keller__text p.ndx_para {
    margin-top: 10px;
    font-family: "Montserrat-Bold"
}

.lab_text {
    padding-left: 30px;
    display: flex;
    padding-right: 10px;
    flex-direction: column;
    justify-content: center
}

.ndx__keller__img img {
    object-fit: fill;
    object-position: center
}

#ndxkeller h2 {
    font-size: 36px;
    line-height: 44px;
    color: #002855;
    font-family: "Kopius-BOLD"
}

#ndxkeller p {
    font-size: 16px;
    line-height: 24px;
    color: #4e6c89;
    font-family: "Montserrat-regular";
    margin-bottom: 14px
}

#ndxkeller ul {
    column-count: 2;
    padding-left: 0
}

    #ndxkeller ul li {
        font-size: 14px;
        line-height: 26px;
        color: #002855;
        position: relative;
        font-family: "Montserrat-Bold";
        margin-bottom: 14px;
        display: inline-block;
        flex: 0 0 50%
    }

        #ndxkeller ul li:before {
            content: "";
            position: absolute;
            top: 5px;
            width: 17px;
            height: 17px;
            background-size: cover;
            background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/list_icon.png");
            left: -26px
        }

.ndxkeller__text {
    box-shadow: 0 3px 6px #00000029;
    background-color: #fff;
    padding: 40px 30px;
    border-top: 8px solid #ffcf54;
    border-radius: 5px
}

#ndxkeller {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/imagelab.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: #dedede;
    padding: 60px 0;
    margin-left: -12px;
    margin-right: -12px
}

#nearbyLabs .nearbyLabs__logo {
    text-align: center;
    max-width: 100%;
    height: auto;
    padding-bottom: 0
}

#nearbyLabs .nearbyLabs__text p {
    padding: 10px 0
}

#nearbyLabs a.learn-more {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0;
    font-size: 14px;
    border-radius: 0
}

#nearbyLabs .nearbyLabs__address {
    padding: 10px 10px 40px 10px;
    height: 100%
}

.nearbyLabs__heading h2 {
    font-size: 36px;
    line-height: 44px;
    color: #002855;
    font-family: "Kopius-BOLD";
    text-align: center;
    padding-bottom: 30px
}

.nearbyLabs__img {
    position: relative
}

.nearbyLabs__text p {
    color: #4e6c89;
    font-size: 14px;
    line-height: 20px;
    padding: 24px 0;
    font-family: "Montserrat-regular"
}

.nearbyLabs__address {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 10px
}

    .nearbyLabs__address > img {
        width: 245px;
        aspect-ratio: 245/137
    }

.nearbyLabs__logo {
    max-width: 180px;
    height: 17px;
    padding: 12px 0
}

section#nearbyLabs {
    padding: 60px 0 60px 0
}

.lab-url {
    background: #4e6c89;
    font-size: 14px;
    padding: 10px 30px;
    font-family: "Montserrat-medium";
    color: #fff;
    border-radius: 5px;
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
    margin-top: 30px
}

    .lab-url:hover {
        color: #fff
    }

.location_address {
    position: absolute
}

    .location_address h5 {
        font-size: 20px;
        line-height: 25px;
        color: #002855;
        font-family: "Kopius-BOLD"
    }

    .location_address p {
        font-size: 14px;
        line-height: 20px;
        color: #4e6c89;
        font-family: "Montserrat-regular"
    }

.ndx__keller__map {
    position: relative
}

.location_address {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.location__text {
    background: #f6f8f9 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 12px;
    margin-top: 117px
}

@media only screen and (max-width:768px) {
    #ndxkeller ul li {
        width: 100%
    }

    .map__img {
        margin-top: 30px
    }

    .nearbyLabs__address {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:991px) {
    .nearbyLabs__address {
        margin-bottom: 10px
    }
}

.education__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 18px
}

    .education__heading h5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: capitalize;
        color: #a33636;
        font-family: "KaushanScript-Regular";
        margin-top: .5rem
    }

    .education__heading h2 {
        font-size: 36px;
        line-height: 44px;
        font-family: "Kopius-Bold"
    }

    .education__heading p {
        font-family: "Montserrat-regular";
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #4e6c89
    }

.tabbing__panel .nav-link {
    font-size: 22px;
    color: #002855;
    font-family: "Montserrat-BOLD"
}

    .tabbing__panel .nav-link.active {
        background: none;
        color: #002855
    }

.edu__heading--panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center
}

    .edu__heading--panel .edu__tab--title {
        font-size: 18px;
        text-decoration: none;
        line-height: 40px;
        background: #f6f8f9;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        padding: 14px 13px;
        color: #002855;
        display: inline-block;
        font-family: "Montserrat-BOLD";
        position: relative;
        cursor: pointer;
        margin-right: 15px
    }

        .edu__heading--panel .edu__tab--title.active {
            background-color: #fff;
            -webkit-box-shadow: 0 3px 6px #00000029;
            box-shadow: 0 3px 6px #00000029;
            border: 1px solid #e7e7e7;
            overflow: hidden
        }

            .edu__heading--panel .edu__tab--title.active:before {
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                left: 0;
                height: 5px;
                background-color: #1d7175;
                width: 100%
            }

.tab__main--cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.edu__tab--container {
    background: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 30px;
    width: 100%;
    margin-top: -2px;
    position: relative;
    margin-left: 0
}

    .edu__tab--container.tab-content {
        display: block
    }

.edu__tab--col2 {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: 30px
}

    .edu__tab--col2 .left__block img {
        width: 100% !important;
        max-width: 100% !important;
        display: inline-block;
        height: 100%;
        vertical-align: middle !important;
        object-fit: contain;
        margin: 0 !important;
    }

.service--container .edu__tab--col2 .left__block img {
    object-fit: contain
}

.left__block {
    border: 1px solid #d5d5d5;
    box-shadow: 5px 5px #d5d5d5
}

.edu__tab--col2 .right__block .m_heading {
    font-size: 28px;
    line-height: 40px;
    font-family: "Kopius-BOLD";
    color: #002855
}

.edu__tab--col2 .right__block > p {
    line-height: 24px;
    margin-bottom: 20px
}

.semicircle__cont {
    position: relative;
    overflow: hidden;
    min-height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f6f8f9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 15px
}

    .semicircle__cont .semicircle__icon {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 7px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        padding-left: 15px
    }

        .semicircle__cont .semicircle__icon:after {
            content: "";
            width: 132px;
            height: 132px;
            border-radius: 50%;
            background-color: #a33636;
            position: absolute;
            left: -66px;
            top: 0
        }

        .semicircle__cont .semicircle__icon svg {
            position: relative;
            z-index: 2
        }

    .semicircle__cont h4 {
        font-size: 18px;
        font-family: "Montserrat-BOLD";
        color: #002855;
        line-height: 24px;
        margin: 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .semicircle__cont.semicircle__invert .semicircle__icon {
        padding-top: 0;
        margin-top: -6px
    }

        .semicircle__cont.semicircle__invert .semicircle__icon:after {
            bottom: 0;
            top: auto
        }

.edu__panel--divider {
    background-color: #a1a1a1;
    height: 1px;
    width: 100%;
    margin-top: 30px
}

.ct__header--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

    .ct__header--block h2 {
        font-size: 28px;
        color: #002855;
        font-family: "Kopius-BOLD";
        padding-right: 50px;
        margin: 0
    }

    .ct__header--block .edu__select--cont {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative
    }

.select__updated select {
    display: none
}

.select__updated .select-selected {
    color: #000;
    padding: 8px 16px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    position: relative;
    border-radius: 5px
}

    .select__updated .select-selected:after {
        position: absolute;
        content: "";
        top: 16px;
        right: 10px;
        width: 0;
        height: 0;
        border: 10px solid #e7e7e7;
        border-color: #e7e7e7 transparent transparent transparent
    }

.select__updated .select-hide {
    display: none
}

.select__updated .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 5px 20px 5px 20px
}

    .select__updated .select-items > div, .select__updated .select-items .select-selected {
        color: #000;
        padding: 8px 0;
        border: 1px solid transparent;
        border-color: transparent transparent rgba(0,0,0,.1) transparent
    }

.ct__desc--block {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: 30px;
    margin-top: 30px
}

    .ct__desc--block .left__col img {
        max-width: 100%;
        border-radius: 5px
    }

    .ct__desc--block .right__col h3 {
        font-size: 28px;
        color: #002855;
        font-family: "Kopius-BOLD";
        margin: 0;
        line-height: 1
    }

    .ct__desc--block .right__col span {
        font-family: "Montserrat-regular";
        color: #4e6c89;
        font-size: 11px;
        display: inline-block
    }

    .ct__desc--block .right__col .semicircle__cont {
        min-height: 70px;
        margin-top: 12px
    }

        .ct__desc--block .right__col .semicircle__cont .semicircle__icon:after {
            background-color: #4e6c89
        }

        .ct__desc--block .right__col .semicircle__cont h4 {
            font-size: 16px
        }

    .ct__desc--block .right__col .yellow__btn {
        margin-top: 20px
    }

.yellow__btn {
    background-color: #ffcf54;
    border-radius: 5px;
    width: 100%;
    font-size: 17px;
    color: #000;
    font-family: "Montserrat-medium";
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

    .yellow__btn:hover {
        color: #000
    }

.edu__3col--grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 5px;
    grid-gap: 30px
}

.edu__col-3 {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 10px 10px 70px 10px;
    position: relative;
    overflow: hidden
}

    .edu__col-3 a {
        text-decoration: none
    }

    .edu__col-3 .edu__col-poster img {
        max-width: 100%
    }

    .edu__col-3 span {
        font-size: 12px;
        color: #4e6c89;
        font-family: "Montserrat-regular";
        margin-top: 15px
    }

    .edu__col-3 h6 {
        font-size: 16px;
        color: #002855;
        line-height: 19px;
        font-family: "Kopius-BOLD";
        margin-top: 4px
    }

    .edu__col-3 p {
        line-height: 20px;
        font-size: 14px;
        color: #4e6c89;
        margin-top: 11px
    }

    .edu__col-3:hover {
        background: #f6f8f9;
        -webkit-box-shadow: 0 3px 6px #00000029;
        box-shadow: 0 3px 6px #00000029;
        border: 1px solid #e7e7e7;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

        .edu__col-3:hover .edu__col--download {
            bottom: 0
        }

.edu__col--download {
    background-color: #ffcf54;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    padding: 5px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 0 0 5px 5px
}

    .edu__col--download a {
        font-size: 14px;
        line-height: 20px;
        color: #000;
        font-family: "Montserrat-medium";
        text-decoration: none
    }

.l_learns--top-block {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 340px 1fr;
    grid-gap: 30px
}

    .l_learns--top-block .l_learn--left img {
        max-width: 100%
    }

    .l_learns--top-block .l_learn--right h4 {
        font-size: 28px;
        color: #002855;
        font-family: "Kopius-BOLD"
    }

    .l_learns--top-block .l_learn--right span {
        font-size: 11px;
        line-height: 24px;
        color: #4e6c89;
        display: inline-block
    }

    .l_learns--top-block .l_learn--right p {
        font-size: 16px;
        line-height: 24px;
        color: #4e6c89
    }

.l_learn--r-ftr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px
}

    .l_learn--r-ftr .semicircle__cont {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }

        .l_learn--r-ftr .semicircle__cont h4 {
            font-size: 16px;
            line-height: 22px;
            font-family: "Montserrat-BOLD"
        }

    .l_learn--r-ftr .semicircle__second {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

        .l_learn--r-ftr .semicircle__second .semicircle__icon:after {
            background-color: #1d7175
        }

.l__leanr--bottom-block {
    background-position: top right;
    background-size: 43%;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-color: #f6f8f9;
    margin-top: 10px
}

.l_learn--2-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .l_learn--2-col .block__left, .l_learn--2-col .block__right {
        -webkit-box-shadow: 0 3px 6px #00000029;
        box-shadow: 0 3px 6px #00000029;
        max-width: 416px;
        padding: 60px 30px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        background-color: #fff
    }

        .l_learn--2-col .block__left::before, .l_learn--2-col .block__right::before {
            content: "";
            width: 100%;
            position: absolute;
            top: 0;
            height: 10px;
            left: 0;
            background-color: #ffcf54
        }

        .l_learn--2-col .block__left h4, .l_learn--2-col .block__right h4 {
            font-size: 28px;
            color: #002855;
            line-height: 44px;
            font-family: "Kopius-BOLD"
        }

        .l_learn--2-col .block__left p, .l_learn--2-col .block__right p {
            font-size: 16px;
            line-height: 24px
        }

    .l_learn--2-col .block__right {
        margin-top: 108px
    }

.l_learn--1col-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 870px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    padding: 60px 30px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

    .l_learn--1col-block .semicircle__cont {
        min-height: 90px;
        margin-top: 35px
    }

        .l_learn--1col-block .semicircle__cont .semicircle__icon {
            padding-left: 25px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100px;
            flex: 0 0 100px
        }

            .l_learn--1col-block .semicircle__cont .semicircle__icon:after {
                background-color: #4e6c89;
                width: 180px;
                height: 180px;
                left: -90px
            }

        .l_learn--1col-block .semicircle__cont h4 {
            font-family: "Montserrat-BOLD";
            font-size: 18px;
            line-height: 28px;
            color: #002855
        }

    .l_learn--1col-block::before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 8px;
        left: 0;
        background-color: #ffcf54
    }

    .l_learn--1col-block h4 {
        font-size: 28px;
        color: #002855;
        line-height: 44px;
        font-family: "Kopius-BOLD"
    }

    .l_learn--1col-block span {
        color: #4e6c89;
        font-size: 16px;
        font-family: "Montserrat-regular";
        display: inline-block;
        margin-top: 10px
    }

    .l_learn--1col-block .col-2-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 25px
    }

        .l_learn--1col-block .col-2-block span {
            color: #002855;
            font-size: 14px;
            line-height: 26px;
            display: inline-block;
            font-family: "Montserrat-BOLD";
            position: relative;
            padding-left: 30px
        }

            .l_learn--1col-block .col-2-block span:before {
                content: "";
                position: absolute;
                width: 17px;
                height: 17px;
                background-image: url(/images/check_circle-icon.svg);
                background-size: contain;
                top: 6px;
                left: 0
            }

.on_d--btn--cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 21px;
    margin-bottom: 20px
}

    .on_d--btn--cont a {
        border: 1px solid #ffcf54;
        font-size: 17px;
        color: #000;
        font-family: "Montserrat-medium";
        border-radius: 5px;
        padding: 8px 30px;
        text-decoration: none;
        background: #ffcf54
    }

        .on_d--btn--cont a + a {
            margin-left: 10px;
            background-color: #ffcf54
        }

.icon__list {
    margin: 0;
    padding: 0
}

    .icon__list li {
        color: #002855;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        font-family: "Montserrat-BOLD";
        position: relative;
        padding-left: 28px
    }

        .icon__list li::before {
            content: "";
            position: absolute;
            width: 17px;
            height: 17px;
            background-image: url(/images/check_circle-icon.svg);
            background-size: contain;
            top: 6px;
            left: 0
        }

.presentor__block .inner--container.left__semicircle__fix {
    position: relative
}

    .presentor__block .inner--container.left__semicircle__fix::before {
        content: "";
        width: 1000px;
        height: 1000px;
        background-color: #eef1f3;
        border-radius: 50%;
        position: absolute;
        left: 0;
        z-index: -1;
        top: 0;
        -webkit-transform: translate(-66%,-57%);
        transform: translate(-66%,-57%);
        border: 15px solid #f7f8f9
    }

.presentor__block h2 {
    color: #fff;
    font-size: 36px;
    font-family: "Kopius-BOLD";
    text-transform: uppercase;
    text-align: center
}

.presentor__block .pres__block--wrapper {
    border-radius: 8px;
    padding: 50px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: transparent linear-gradient(136deg,#002855 0%,#2b4966 48%,#4e6c89 100%)
}

.presentor__block .prs__2-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

    .presentor__block .prs__2-col .profile_pic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        position: relative;
        margin-right: 30px
    }

        .presentor__block .prs__2-col .profile_pic span {
            position: absolute;
            width: 100%;
            background-color: #f2d15d;
            font-size: 11px;
            padding: 5px 0;
            bottom: 0;
            left: 0;
            color: #000;
            text-align: center;
            font-family: "Montserrat-medium"
        }

        .presentor__block .prs__2-col .profile_pic img {
            width: 100%
        }

    .presentor__block .prs__2-col p {
        color: #fff;
        font-size: 16px;
        font-family: "Montserrat-regular"
    }

.presentor__block .semicircle__cont {
    min-height: 90px
}

    .presentor__block .semicircle__cont .semicircle__icon {
        padding-top: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .presentor__block .semicircle__cont .semicircle__icon::after {
            background-color: #4e6c89;
            width: 180px;
            height: 180px;
            left: 0;
            top: 0;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .presentor__block .semicircle__cont .semicircle__icon svg {
            margin-left: -16px;
            margin-top: -10px
        }

    .presentor__block .semicircle__cont h4 {
        font-size: 18px;
        color: #002855;
        margin-left: 20px
    }

        .presentor__block .semicircle__cont h4 a {
            color: #4e6c89;
            text-decoration: none
        }

.presentor__block .email__sc {
    margin: 20px 0
}

    .presentor__block .email__sc .semicircle__icon::after {
        background-color: #ffcf54
    }

.l__leanr--footer-block {
    background-position: top left;
    background-image: url(/images/homepageimage.png);
    padding: 60px 0
}

    .l__leanr--footer-block .l_learn--2-col {
        max-width: 870px;
        margin-left: auto
    }

        .l__leanr--footer-block .l_learn--2-col .block__right {
            margin-top: 88px
        }

        .l__leanr--footer-block .l_learn--2-col .block__l-cm {
            padding-bottom: 30px
        }

            .l__leanr--footer-block .l_learn--2-col .block__l-cm img {
                max-width: 100%;
                margin-bottom: 35px
            }

            .l__leanr--footer-block .l_learn--2-col .block__l-cm p {
                font-size: 13px;
                margin-bottom: 10px
            }

.learn__semi--ftr {
    margin-left: auto;
    max-width: 870px
}

    .learn__semi--ftr .semicircle__cont {
        background-color: #fff
    }

    .learn__semi--ftr .semicircle__second {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }

.partners__img--wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
    justify-content: space-between
}

.partner__img {
    width: 16%;
    margin-bottom: 45px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #f6f8f9;
    margin-right: 20px;
    margin-left: 20px
}

@media screen and (max-width:991px) {
    .address__container {
        padding: 16px 5px 80px 10px
    }

    .address__box a.lab-learn-more {
        width: 100%
    }

        .address__box a.lab-learn-more.welcome-kit-b {
            width: 100% !important;
            margin-left: 0;
            bottom: 0
        }

    .address__box a.lab-learn-more {
        bottom: 35px
    }

    .welcome--form--content {
        left: 50%;
        transform: translateX(-50%);
        right: inherit
    }

    .welcome--form {
        position: relative;
        margin-bottom: 70px;
        margin-top: 20px
    }
}

@media screen and (max-width:960px) {
    .edu__tab--container {
        padding: 15px 15px 0 15px
    }

    .edu__tab--col2 .right__block > p:last-of-type {
        margin-bottom: 30px
    }

    .edu__tab--container .edu__panel--divider {
        margin-top: 0;
        margin-bottom: 30px
    }

    .edu__tab--container .tab-pane .edu__panel--divider {
        margin-top: 0
    }

    .tab-pane hr.edu__panel--divider {
        margin-bottom: 20px
    }

    .edu__tab--col2 {
        grid-auto-flow: row
    }

        .edu__tab--col2 .left__block img {
            width: auto
        }

    .edu__col--download {
        bottom: 0
    }

    .l_learns--top-block {
        grid-auto-columns: 350px 1fr
    }

    .l_learn--2-col {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

        .l_learn--2-col .block__left, .l_learn--2-col .block__right {
            max-width: 40%;
            padding: 50px 20px
        }

            .l_learn--2-col .block__left h4, .l_learn--2-col .block__right h4 {
                line-height: normal
            }
}

@media screen and (max-width:759px) {
    .meet--team--detail {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:767px) {
     .footer--landing-only .row.container-max {
        padding: 0 20px;
    }
    .footer--landing-only .col-md-4:first-child {
        border-left: none;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer--landing-only .footer-logo img {
        max-width: 300px;
    }
    .footer--landing-only .footer-icon {
        flex-wrap: wrap;
    }
    .footer--landing-only .footer-icon {
        flex-wrap: wrap;
    }
    .footer--landing-only .col-md-4 .footer-icon {
        justify-content: center;
    }
    .footer--landing-only .phone-icon {
        flex: 0 0 100%;
    }
    .footer--landing-only .social-icon {
        margin-top: 20px;
    }
    .footer--landing-only .col-md-4:nth-child(2), .footer--landing-only .col-md-4:nth-child(3) {
        text-align: center;
    }
    .footer--landing-only .col-md-4:nth-child(2), .footer--landing-only .col-md-4:nth-child(3) {
        width: 50%;
        text-align: left;
    }
    #productslider0 h2.slide1_h4_badge {
        margin-bottom: 4px;
    }

    #productslider0 h2.badge-text-blockb {
        margin-bottom: 8px;
    }

    #productslider0 p.slide1_p_badge {
        margin-bottom: 17px;
    }

    .slide1_h4_badge {
        font-size: 23px;
        line-height: 30px;
    }

    .yellow-line-badge:after {
        height: 174px;
        left: -10px;
        top: 5px;
    }
    /*  #productslider1 p.slide1_p_badge {
    font-size: 20px;
    line-height: 30px;
    max-width: 605px;
}*/
    .edu__tab--container {
        margin-bottom: 20px
    }

    .btn-yellow {
        padding: 5px 15px
    }

    #packing_case .inner--container.p-0, #shipping_case .inner--container.p-0, #digital_imp .inner--container.p-0 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .banner-section .text-block a.btn-yellow {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .banner-section .text-block {
        height: 73%;
        top: 50%;
        transform: translateY(-50%)
    }

    .slider_hw {
        height: 340px !important
    }

    .explore__more--right .columns_four {
        height: auto
    }

    .explore__more--left .columns_four {
        padding: 23px;
        height: auto
    }

    .event-detail h1 {
        font-size: 30px;
        line-height: 40px
    }

    .event-summary h2.event-detail-name {
        font-size: 24px !important;
        line-height: 34px
    }

    .content-main ul {
        padding-left: 10px
    }

    section.content-main li {
        align-items: flex-start !important
    }

    .content-main li:before {
        flex: 0 0 17px;
        margin-top: 7px
    }

    .team--name {
        padding-right: 20px
    }

    .navbar-brand img {
        left: 0
    }

    #about__banner .inner--container {
        padding-left: 0 !important
    }

    .welcome--form {
        margin-bottom: 20px
    }

    .welcome--form--content {
        width: 100%;
        overflow-y: auto
    }

    #explore_more h4 {
        font-size: 20px !important;
        line-height: 25px
    }

    .dsoform {
        height: auto !important
    }

    .dsoform {
        margin-top: 40px;
        left: 50%;
        transform: translateX(-50%)
    }

        .dsoform h6 {
            margin-bottom: 38px
        }

    #dsoprogram {
        padding: 30px 0 40px
    }

    .explore_bg {
        padding: 20px 0 0 0
    }

    .explore_div h2 {
        font-size: 30px;
        line-height: 40px
    }

        .explore_div h2 br {
            display: none
        }

    #explore_more .explore_div {
        margin-bottom: 90px
    }

    #partners {
        padding: 25px 0 10px 0
    }

    #explore_more .explore__more--left {
        padding-top: 0
    }

    .partner__img {
        height: 100px
    }

        .partner__img .img-fluid {
            max-height: 90px
        }

    .ct__desc--block {
        grid-auto-flow: row
    }

    .edu__heading--panel, .ct__header--block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ct__header--block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .ct__header--block h2 {
            margin-bottom: 14px
        }

        .ct__header--block .edu__select--cont {
            width: 100%
        }

    .edu__3col--grid {
        grid-template-columns: repeat(2,1fr)
    }

    .l_learns--top-block {
        grid-auto-flow: row
    }

    .l_learns--top-block {
        grid-auto-columns: 1fr
    }

        .l_learns--top-block > .l_learn--left {
            max-width: 70%
        }

    .l_learn--r-ftr .semicircle__cont h4 br {
        display: none
    }

    .l_learn--2-col .block__left, .l_learn--2-col .block__right {
        max-width: 45%
    }

    .presentor__block .prs__2-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .presentor__block .prs__2-col .profile_pic {
            margin-bottom: 20px
        }

        .presentor__block .prs__2-col .content_block {
            text-align: center
        }

        .presentor__block .prs__2-col .profile_pic {
            margin-right: 0
        }

    .l_learn--1col-block .col-2-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:640px) {
    .education__heading h2 {
        font-size: 24px;
        line-height: 35px
    }

    .edu__heading--panel .edu__tab--title {
        font-size: 16px
    }

    .edu__tab--container {
        margin-top: 0
    }

        .edu__tab--container .semicircle__cont {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .edu__tab--container .semicircle__cont .semicircle__icon {
                padding-top: 0
            }

                .edu__tab--container .semicircle__cont .semicircle__icon:after {
                    left: -61px;
                    top: -66%
                }

    .edu__tab--col2 .right__block .m_heading {
        font-size: 24px;
        line-height: 30px
    }

    .semicircle__cont h4 {
        font-size: 16px;
        padding: 10px
    }

    .ct__header--block h2 {
        font-size: 18px
    }

    .ct__desc--block .right__col h3 {
        font-size: 20px;
        line-height: normal
    }

    .ct__desc--block .right__col .semicircle__cont h4 {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .edu__tab--col2 .right__block > p, .education__heading p {
        font-size: 14px
    }

    .education__heading {
        margin-bottom: 20px
    }

    .l__leanr--bottom-block {
        background-size: 78%
    }

    .l_learn--2-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .l_learn--2-col .block__left, .l_learn--2-col .block__right {
            max-width: 100%;
            padding-bottom: 30px
        }

        .l_learn--2-col .block__right {
            margin-top: 20px
        }

    .presentor__block .semicircle__cont .semicircle__icon svg {
        margin-top: -26px
    }

    .presentor__block .inner--container.left__semicircle__fix {
        overflow: hidden
    }

    .l_learn--1col-block .semicircle__cont h4 {
        font-size: 15px
    }
}

@media screen and (max-width:490px) {
    .edu__3col--grid {
        grid-template-columns: repeat(1,1fr)
    }

    .l_learns--top-block .l_learn--right h4 {
        font-size: 20px
    }

    .l_learns--top-block > .l_learn--left {
        max-width: 100%
    }

    .l_learns--top-block .l_learn--right p, .presentor__block .prs__2-col p {
        font-size: 14px
    }

    .on_d--btn--cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .on_d--btn--cont a {
            text-align: center
        }

            .on_d--btn--cont a + a {
                margin-left: 0;
                margin-top: 10px
            }

    .presentor__block .pres__block--wrapper {
        padding-left: 10px;
        padding-right: 10px
    }

    .presentor__block .semicircle__cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .presentor__block .semicircle__cont h4 {
            font-size: 16px
        }

        .presentor__block .semicircle__cont .semicircle__icon {
            width: 100px
        }

        .presentor__block .semicircle__cont h4 {
            padding-left: 10px;
            margin-left: 0
        }

            .presentor__block .semicircle__cont h4 a {
                word-break: break-word
            }

    .l_learns--top-block .l_learn--right .semicircle__cont h4 {
        font-size: 15px
    }

    .l_learns--top-block .l_learn--right .semicircle__cont .semicircle__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px
    }

    .l_learn--2-col .block__left h4, .l_learn--2-col .block__right h4 {
        font-size: 22px
    }

    .presentor__block h2 {
        font-size: 26px
    }

    .l_learn--1col-block .semicircle__cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .l_learn--1col-block .semicircle__cont .semicircle__icon:after {
            top: -71%
        }

        .l_learn--1col-block .semicircle__cont h4 {
            font-size: 17px;
            margin-top: 10px
        }

    .l_learn--1col-block h4 {
        font-size: 28px;
        line-height: normal
    }

    .l_learn--1col-block {
        padding: 45px 20px
    }
}

.semicircle__fix {
    position: relative
}

    .semicircle__fix::before {
        content: "";
        width: 513px;
        height: 513px;
        position: absolute;
        left: -17%;
        z-index: -1;
        top: -23%;
        /*background-image: 13png)*/
    }

.Video__page--wrapper {
    max-width: 1170px;
    margin: auto;
    padding: 30px;
    margin: 60px 0;
    text-align: center
}

    .Video__page--wrapper h2 {
        font-size: 28px;
        line-height: 34px;
        color: #002855;
        font-family: "Kopius-BOLD";
        margin-bottom: 10px
    }

    .Video__page--wrapper p {
        text-align: center;
        font: normal normal normal 11px/24px Montserrat;
        letter-spacing: 0;
        color: #4e6c89;
        opacity: 1
    }

.video--block {
    width: 100%;
    max-width: 970px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    margin: auto
}

section#growing {
    margin-top: 50px
}

.growing__container {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    padding: 20px;
    border-radius: 5px
}

.growing__text h2 {
    font-size: 28px !important
}

.growing__list h3 {
    font-size: 26px !important
}

.growing__list--border {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 23px
}

.growing-lab-img {
    border-radius: 5px
}

.growing__list li {
    font-size: 14px;
    line-height: 26px;
    color: #002855;
    font-family: "Montserrat-BOLD";
    margin-bottom: 5px;
    position: relative
}

    .growing__list li::before {
        content: "";
        position: absolute;
        width: 21px;
        height: 21px;
        /*background-image: feather-check-circle@2x.png);*/
        background-size: contain;
        left: -30px;
        top: 6px
    }

.growing__list ul {
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 10px;
    padding-left: 30px
}

#satisfaction .back--color {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    opacity: 1;
    padding: 41px 41px 0 0;
    border-radius: 5px
}

.satisfaction--list {
    padding-top: 30px
}

.rewind_div {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px
}

.satisfaction--list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.satisfaction--list--wrapper {
    display: flex;
    position: relative;
    flex-direction: column
}

.satisfaction--list--img {
    width: 106px;
    height: 106px;
    position: absolute;
    z-index: 9;
    padding-left: 20px;
    padding-top: 20px
}

.satisfaction--list--text {
    padding: 17px 30px 17px 122px
}

    .satisfaction--list--text p {
        font-family: "Montserrat-regular";
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #4e6c89;
        margin-bottom: 0
    }

    .satisfaction--list--text h4 {
        font-size: 28px;
        line-height: 34px;
        font-family: "Kopius-BOLD";
        margin-bottom: 10px;
        color: #002855
    }

ul.list_grid li {
    background: #f6f8f9 0% 0% no-repeat padding-box;
    margin-bottom: 30px
}

.satisfaction--list--img {
    width: 106px;
    height: 106px;
    position: absolute;
    z-index: 9;
    padding-left: 20px;
    padding-top: 20px
}

.satisfaction--list .satisfaction--list--wrapper ul {
    content: "";
    position: absolute;
    width: 106px;
    height: 106px;
    background-image: url("/images/servicered.png");
    background-size: contain;
    background-repeat: no-repeat
}

.satisfaction--list--wrapper::after {
    content: "";
    position: absolute;
    width: 106px;
    height: 106px;
    background-size: contain;
    background-repeat: no-repeat
}

ul li:nth-child(1) .satisfaction--list--wrapper::after {
    background-image: url("/images/servicered.png")
}

ul li:nth-child(2) .satisfaction--list--wrapper::after {
    background-image: url("/images/serviceblue.svg")
}

ul li:nth-child(3) .satisfaction--list--wrapper::after {
    background-image: url("/images/yellow_curve.svg")
}

ul li:nth-child(4) .satisfaction--list--wrapper::after {
    background-image: url("/images/Green_curve.svg")
}

.satisfaction--list .img-icon {
    color: #fff;
    width: 35px;
    height: 31px
}

.rewind_icon {
    width: 19px;
    height: 19px;
    position: relative;
    top: 1px;
    right: 2px
}

img.rewind_icon {
    margin: unset;
    margin-right: 0px !important;
}

    img.rewind_icon.fr-fil.fr-dib {
        margin: 0;
    }

#satisfaction .rewind_div {
    display: flex;
    padding: 0 0 0 122px
}

#satisfaction .guraantee_list {
    padding: 0 1px 0 122px
}

.rewind_div h6 {
    font-size: 16px;
    color: #002855;
    font-family: "Kopius-BOLD";
    padding-left: 6px
}

.main--top {
    margin-top: 50px
}

@media(max-width:768px) {
    .footer--landing-only .col-md-4 {
        width: 100%;
    }

    .footer--landing-only footer h2 {
        line-height: 26px;
    }
    .satisfaction--list--text {
        padding: 0 16px 0 16px;
        margin-top: 107px
    }

    #satisfaction .guraantee_list {
        padding: 0
    }

    #satisfaction .rewind_div {
        padding: 0
    }
}

@media(max-width:640px) {
    .guraantee_list ul li {
        padding-left: 22px
    }

    #satisfaction .back--color {
        padding: 0
    }

    .satisfaction--list {
        padding-top: 0
    }

        .satisfaction--list ul {
            padding: 10px
        }

    .guraantee_list ul li:before {
        left: 0
    }

    .packing--semicircle__fix::before {
        width: 100%
    }

    .guraantee_list ul {
        padding: 0
    }
}

.rewind_guarantee {
    display: flex;
    flex-direction: column
}

.icn_div {
    display: flex
}

.guraantee_list ul li:before {
    content: "";
    position: absolute;
    top: 2px;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(/images/list_icon.png);
    left: -24px
}

.privacy-policy-div ul li {
    font-weight: bold;
    margin-bottom: 7px !important
}

.guraantee_list ul li, .privacy-policy-div ul li {
    line-height: 22px;
    color: #4e6c89;
    position: relative;
    margin-bottom: 14px;
    font-family: "Montserrat-regular"
}

.guraantee_list b {
    font-family: "Montserrat-BOLD"
}

@media(max-width:1170px) {
    .service-banner__text {
        padding-left: 50px
    }

    .inner--container.p-0.about-us-innerdiv {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .meet--team--detail {
        height: 100%;
        min-height: inherit !important;
        max-height: inherit !important;
        margin-bottom: 0
    }

    .inner--container.p-0.about-us-innerdiv .col-lg-4 {
        margin-bottom: 30px
    }

    .team--img img {
        height: 100%;
        object-fit: cover
    }
}

@media(max-width:768px) {
    .privacy-policy-div ul {
        padding: 21px !important
    }
}

.campaigns__equipment {
    display: flex;
    position: relative;
    margin-bottom: 69px
}

.campaigns__eqipment--img img {
    height: 176px;
    object-fit: contain;
    object-position: bottom
}

.campaigns__eqipment--name {
    display: flex;
    align-items: flex-end;
    position: relative;
    position: absolute;
    bottom: 6px;
    left: 46px
}

    .campaigns__eqipment--name p:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 64px;
        bottom: 2px;
        background-color: #ffcf54;
        left: -10px
    }

    .campaigns__eqipment--name p {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 17px;
        padding-left: 8px;
        letter-spacing: 1px;
        position: relative;
        padding-bottom: 10px
    }

#campaigons__equipment .col-md-3:nth-child(7) .campaigns__eqipment--img {
    position: relative;
    right: 77px;
    top: -6px
}

#campaigons__equipment .col-md-3:nth-child(8) .campaigns__eqipment--img {
    position: relative;
    right: 77px;
    top: -6px
}

.product_price {
    text-align: center
}

img.rotor {
    display: none
}

.kit_explore_left--container {
    padding-top: 20px !important
}

.kit-item-cont {
    padding-top: 50px
}

.events {
    max-width: 100% !important
}

.product_image {
    flex: 0 0 65% !important;
    text-align: center
}

.campaign-event {
    background: url("/NationalDentex/media/National-Dentex/Rebranding/Landing%20Page%20Images/Artboard-%e2%80%93-1.png") !important;
    width: 100% !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-color: #f6f8f9 !important;
    background-size: 400px !important;
    padding-bottom: 50px !important
}

.price_tag {
    font-size: 46px !important
}

.campaign_event h1 {
    font-size: 50px !important
}

.product_price {
    font-size: 18px
}

.landing_event .event__author {
    padding: 0 10px !important;
    line-height: 31px !important;
    font-size: 20px;
}

.landing_event .price-detial {
    line-height: 30px !important
}

.landing_event {
    background: url("/NationalDentex/media/National-Dentex/landing-banner-bg.png");
    padding: 33px 0 40px 0;
    background-size: cover;
    background-repeat: no-repeat
}

    .landing_event .inner--container, .explore_more_event .inner--container, .presenter .inner--container, .client-logos .inner--container {
        max-width: 1170px;
        padding: 0
    }

.logo-row img {
    max-width: 270px
}

.landing_event .row {
    align-items: center
}

.landing_event h1 {
    color: #fff;
    font-family: "Kopius-BOLD";
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 15px
}

.landing_event p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 23px
}

.landing_event .dsoform.landing_event_form {
    background: #f6f8f9;
    box-shadow: 0 1px 5px #00000033;
    max-width: 470px;
    padding: 24px 0 0 0;
    float: right;
    margin-top: -33px
}

    .landing_event .dsoform.landing_event_form h6 {
        color: #002855;
        font-size: 16px;
        font-family: "Kopius-BOLD";
        text-align: center;
        line-height: 22px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

.landing_event .events {
    border: 2px solid #ffcf54;
    border-radius: 5px;
    color: #fff;
    max-width: 615px;
    display: flex;
    align-items: stretch;
    font-size: 24px;
    line-height: 41px;
    font-family: "Kopius-BOLD";
    justify-content: space-between
}

.landing_event .event__author {
    background: #ffcf54;
    color: #002855;
    flex: 0 0 44%;
    border-radius: 0 2px 2px 0;
    padding: 0 20px
}

.landing_event .event__date {
    padding-left: 28px;
    padding-right: 15px
}

.landing_event .event__date, .landing_event .event__author {
    padding-top: 11px;
    padding-bottom: 11px
}

.explore_more_event .explore_div h3 {
    font-family: "Kopius-Bold";
    font-size: 28px;
    line-height: 34px;
    color: #002855
}

.explore_more_event .explore_bg {
    background-image: url("/NationalDentex/media/National-Dentex/Rebranding/Images/landing-banner2.png");
    width: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #f6f8f9;
    background-size: 650px;
    padding-bottom: 62px
}

.explore_more_event .explore__more--left h4 {
    font-size: 20px;
    color: #002855;
    line-height: 25px;
    font-family: "Kopius-Bold";
    margin-top: 15px;
    margin-bottom: 11px
}

    .explore_more_event .explore__more--left h4 a {
        color: #002855;
        text-decoration: none
    }

.explore_more_event p {
    line-height: 24px;
    color: #4e6c89
}

.explore_more_event .explore__more--left {
    flex: 0 0 53%;
    padding: 0
}

.explore_more_event .explore_div {
    padding-left: 20px;
    padding-right: 0;
    padding-top: 0
}

    .explore_more_event .explore_div ul {
        padding-left: 0
    }

        .explore_more_event .explore_div ul li {
            background: url("/NationalDentex/media/National-Dentex/Rebranding/Images/list_icon.png");
            background-repeat: no-repeat;
            background-size: 13.69px;
            background-position: top 5px left;
            padding-left: 25px;
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 22px;
            font-weight: bold;
            color: #002855;
            margin-bottom: 15px
        }

            .explore_more_event .explore_div ul li:last-of-type {
                margin-bottom: 0
            }

    .explore_more_event .explore_div .btn-yellow {
        padding: 0 30px;
        line-height: 38px;
        height: 38px;
        font-weight: 500;
        margin-top: 30px
    }

.explore_more_event .cancelation-policy {
    margin-top: 30px
}

    .explore_more_event .cancelation-policy h4 {
        font-size: 16px;
        text-align: left;
        font-family: "Kopius-Bold";
        color: #002855
    }

    .explore_more_event .cancelation-policy p {
        font-size: 13px;
        line-height: 16px;
        font-weight: 500
    }

    .explore_more_event .cancelation-policy hr {
        background: #002855;
        height: 2px;
        opacity: .06;
        border-radius: 10px
    }

.explore_more_event .explore_left--container {
    align-items: flex-start;
    padding: 80px 0 0 0
}

.explore_more_event .explore__more--left .left-col, .explore_more_event .explore__more--left .right-col {
    flex: 0 0 50%
}

.explore_more_event .explore__more--left .left-col {
    margin-top: 115px
}

.explore_more_event .explore-more-div .explore__more--left .columns_four {
    height: 217px;
    justify-content: center;
    margin-bottom: 20px;
    flex: 0 0 100%;
    max-width: calc(100% - 20px)
}

    .explore_more_event .explore-more-div .explore__more--left .columns_four p {
        margin-bottom: 0;
        padding-bottom: 0
    }

.explore_more_event .explore_div h2 {
    margin-bottom: 7px
}

.explore_more_event .explore_div .learning-objectives {
    margin-top: 38px
}

.presenter {
    background: url("/NationalDentex/media/National-Dentex/Rebranding/Images/presenters-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    margin-bottom: 20px
}

    .presenter .presenter-box {
        background: #fff;
        border-radius: 12px;
        display: flex;
        align-items: flex-start
    }

    .presenter h2 {
        font-family: "Kopius-Bold";
        font-size: 36px;
        letter-spacing: .72px;
        color: #002855;
        margin-bottom: 15px
    }

    .presenter .presenter-box p {
        font-size: 18px;
        line-height: 24px;
        color: #4e6c89;
        margin-bottom: 0
    }

    .presenter .presenter-box .image-container {
        flex: 0 0 320px;
        background: #4e6c89;
        border-radius: 10px 0 0 10px;
        padding-bottom: 10px
    }

        .presenter .presenter-box .image-container img {
            border-radius: 10px 0 0 0;
            max-height: 265px;
            width: 100%
        }

    .presenter .presenter-box .content-conatiner {
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 50px
    }

    .presenter .presenter-box .image-container figcaption {
        background: #4e6c89;
        font-size: 22px;
        color: #fff;
        line-height: 28px;
        font-family: "Kopius-Bold";
        padding: 10px 0 0 20px
    }

        .presenter .presenter-box .image-container figcaption span {
            display: block;
            font-size: 14px;
            color: #ffcf54;
            font-family: "Montserrat-regular";
            font-weight: bold;
            margin-top: 8px;
            line-height: 18px
        }

    .presenter .presenter-box .image-container figure {
        margin-bottom: 0
    }

    .presenter.presenter-two-col h2, .presenter.presenter-three-col h2 {
        color: #fff;
        margin-bottom: 55px
    }

section.presenter.presenter-three-col .content-conatiner {
    padding-top: 0;
    height: 100%
}

.presenter.presenter-two-col .presenter-row, .presenter.presenter-three-col .presenter-row {
    display: flex;
    justify-content: space-between
}

    .presenter.presenter-two-col .presenter-row .presenter-box {
        flex: 0 0 48.8%
    }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container {
            flex: 0 0 240px;
            height: 100%;
            padding-bottom: 20px
        }

        .presenter.presenter-two-col .presenter-row .presenter-box p, .presenter.presenter-three-col .presenter-row .presenter-box p {
            font-size: 14px;
            line-height: 22px
        }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container img {
            max-height: 100%;
            min-height: 364px;
            object-fit: cover
        }

        .presenter.presenter-two-col .presenter-row .presenter-box .content-conatiner {
            padding-left: 15px;
            padding-right: 15px
        }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container figcaption {
            padding: 20px 0 0 20px
        }

    .presenter.presenter-three-col .presenter-row .presenter-box {
        flex: 0 0 31.7%;
        flex-wrap: wrap
    }

        .presenter.presenter-three-col .presenter-row .presenter-box .image-container {
            flex: 0 0 100%
        }

            .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure {
                display: flex;
                align-items: center
            }

                .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure img {
                    width: 120px;
                    height: 120px;
                    object-fit: cover
                }

        .presenter.presenter-three-col .presenter-row .presenter-box .image-container {
            flex: 0 0 100%;
            border-radius: 10px 10px 0 0;
            padding-bottom: 0;
            margin-bottom: 20px
        }

            .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure figcaption {
                padding: 0 0 0 10px
            }

            .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure figcaption {
                padding: 0 0 0 10px
            }

        .presenter.presenter-three-col .presenter-row .presenter-box p {
            margin-bottom: 30px
        }

.presenter.presenter-three-col {
    margin-bottom: 0
}

.client-logos {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 10px 5px 5px 5px;
    /*padding: 40px 0*/
}

    .client-logos .client-logos-row {
        margin: 0 20px 0 20px;
        display: flex;
        align-items: center
    }

        .client-logos .client-logos-row .ada-row, .client-logos .client-logos-row .pace-row {
            flex: 0 0 45%
        }

        .client-logos .client-logos-row .pace-row {
            display: flex;
            align-items: center
        }

            .client-logos .client-logos-row .pace-row .image-container img {
                max-width: 200px;
            }

        .client-logos .client-logos-row p {
            font-size: 14px;
            color: #0a2944;
            line-height: 18px;
            margin-bottom: 0
        }

        .client-logos .client-logos-row .pace-row .image-container {
            flex: 0 0 56%
        }

        .client-logos .client-logos-row .ada-row p {
            margin-top: 10px
        }

        .client-logos .client-logos-row .pace-row .text-container {
            padding-left: 15px;
            max-width: 227px;
        }

footer.landing-page-event .inner--container {
    max-width: 92%;
    padding: 0
}

footer.landing-page-event .footer-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 25px
}

    footer.landing-page-event .footer-top-row .footer--logo img {
        max-width: 240px
    }

    footer.landing-page-event .footer-top-row .footer--logo p {
        font-size: 18px;
        line-height: 24px;
        margin: 16px 0 0 0
    }

    footer.landing-page-event .footer-top-row .footer--logo {
        flex: 0 0 40%
    }

footer.landing-page-event ul {
    column-count: 3;
    column-gap: 80px
}

    footer.landing-page-event ul li a {
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        margin: 9px 0
    }

footer.landing-page-event .copyright {
    border-top: 2px solid #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0
}

    footer.landing-page-event .copyright p {
        margin: 0;
        font-size: 18px;
        line-height: 24px
    }

footer.landing-page-event {
    padding: 60px 0 10px 0
}

    footer.landing-page-event .copyright .social-media {
        display: flex
    }

        footer.landing-page-event .copyright .social-media a:first-child {
            margin-right: 10px
        }

@media screen and (max-width:1300px) {
    .landing_event .inner--container, .explore_more_event .inner--container, .presenter .inner--container, .client-logos .inner--container, footer.landing-page-event .inner--container {
        max-width: 100%;
        padding: 0 30px
    }

    .landing_event h1 {
        font-size: 40px;
        line-height: 50px
    }

    .client-logos .client-logos-row .ada-row img {
        max-width: 100%
    }

    footer.landing-page-event .footer-top-row .footer--logo p, footer.landing-page-event ul li a, footer.landing-page-event .copyright p {
        font-size: 16px
    }

    footer.landing-page-event ul li a {
        margin: 5px 0
    }

    .landing_event .events {
        font-size: 20px;
        line-height: 32px
    }

    .landing_event p {
        font-size: 18px
    }

    .landing_event .dsoform.landing_event_form h6 {
        max-width: 95%
    }
}

@media screen and (max-width:1170px) {
    .explore_more_event .explore-more-div .explore__more--left .columns_four p, .explore_more_event p {
        font-size: 14px;
        line-height: 22px
    }

    .explore_more_event .explore_div h2, .presenter h2 {
        font-size: 30px;
        line-height: 40px
    }

    .explore_more_event .explore_div h3 {
        font-size: 24px;
        line-height: 30px
    }

    .explore_more_event .explore__more--left h4 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 5px
    }

    .presenter .presenter-box p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0
    }

    .presenter .presenter-box .image-container figcaption {
        font-size: 18px;
        line-height: 26px
    }

    .presenter.presenter-two-col .presenter-row .presenter-box .image-container {
        flex: 0 0 220px
    }

    .presenter.presenter-two-col .presenter-row .presenter-box p, .presenter.presenter-three-col .presenter-row .presenter-box p {
        font-size: 13px;
        line-height: 20px
    }

    .presenter .presenter-box .content-conatiner {
        padding-top: 20px
    }

    .presenter {
        padding: 60px 0
    }

    .explore_more_event .explore_left--container {
        padding: 60px 0 0 0
    }

    .presenter.presenter-two-col h2, .presenter.presenter-three-col h2 {
        margin-bottom: 30px
    }

    .client-logos .client-logos-row .ada-row {
        flex: 0 0 40%
    }

    .client-logos .client-logos-row .pace-row {
        flex: 0 0 60%
    }

        .client-logos .client-logos-row .pace-row .image-container {
            flex: 0 0 50%
        }

    footer.landing-page-event ul {
        column-gap: 40px
    }

    .explore_more_event .explore_bg {
        background-size: 450px;
        padding-bottom: 40px
    }

    .explore_more_event .explore-more-div .explore__more--left .columns_four {
        width: 100%
    }
}
@media screen and (max-width:1024px) {
    .footer--landing-only footer .col-md-4 {
        padding: 0;
    }
    .footer--landing-only .container-max {
        padding: 0 35px;
        /* padding: 0 5%; */
    }

    .semicircle__cont.education_content .smile-form-btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 18px;
        width: 180px;
        text-align: center;
    }
    .footer--landing-only .semicircle__cont h4 {
        font-size: 15px;
        line-height: 20px;
    }

    .footer--landing-only .education_content.semicircle__cont h4 {
        padding: 0 15px 0 0;
        flex-wrap: wrap;
    }
    .footer--landing-only .semicircle__cont h4 {
        font-size: 12px !important;
        padding: 10px;
    }
    .footer--landing-only .semicircle__cont.education_content .smile-form-btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 18px;
        width: 180px;
        text-align: center;
    }

    .footer--landing-only .col-md-4 {
        padding: 0;
    }

    .footer--landing-only .footer-logo {
        padding: 15px 0;
    }

    .footer--landing-only .footer-logo img {
        max-width: 90% !important;
    }

    .footer--landing-only ul a {
        font-size: 12px;
    }

}

@media screen and (max-width:991px) {
    .footer--landing-only .semicircle__cont h4 {
        font-size: 12px !important;
        padding: 10px;
    }

    .footer--landing-only .container-max {
        padding: 0 35px;
    }
    .landing_event .col-md-7, .landing_event .col-md-5 {
        flex: 0 0 100%;
        width: 100%
    }

    .landing_event .logo-row {
        margin-bottom: 40px
    }

    .landing_event h1 {
        font-size: 35px;
        line-height: 45px
    }

    .landing_event p {
        font-size: 16px
    }

    .landing_event .dsoform.landing_event_form {
        padding: 20px 0 0 0;
        float: none;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto
    }

    .landing_event .events {
        max-width: 100%
    }

    .explore__more--bg.explore-more-div .explore_left--container {
        flex-direction: column;
        flex-wrap: wrap
    }

    .explore_more_event .explore__more--left {
        flex: 0 0 100%
    }

    .explore_more_event .explore_div {
        padding-left: 0;
        flex: 0 0 100%
    }

    .explore_more_event .explore-more-div .explore__more--left .columns_four {
        max-width: 100%
    }

    .explore_more_event .explore__more--left .left-col {
        padding-right: 10px
    }

    .explore_more_event .explore__more--left .right-col {
        padding-left: 10px
    }

    .explore_more_event .explore_div .learning-objectives {
        margin-top: 20px
    }

    .explore_more_event .explore_div .btn-yellow {
        margin-top: 25px
    }

    .presenter .presenter-box p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .presenter h2 {
        margin-bottom: 5px
    }

    .presenter .presenter-box .content-conatiner {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 12px
    }

    .presenter .presenter-box {
        align-items: stretch
    }

    .presenter.presenter-two-col .presenter-row .presenter-box {
        flex-wrap: wrap
    }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container {
            flex: 0 0 100%;
            height: auto;
            border-radius: 10px 10px 0 0
        }

            .presenter.presenter-two-col .presenter-row .presenter-box .image-container img {
                border-radius: 10px 10px 0 0
            }

        .presenter.presenter-two-col .presenter-row .presenter-box .content-conatiner {
            height: 100%
        }

    .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure {
        flex-wrap: wrap
    }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container figcaption, .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure figcaption {
            padding: 15px 0 0 15px
        }

    .presenter.presenter-three-col .presenter-row .presenter-box .image-container {
        padding-bottom: 20px;
        border-radius: 10px 10px 0 0
    }

        .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure img {
            width: 100%;
            height: auto;
            border-radius: 10px 10px 0 0
        }

    .client-logos .client-logos-row p {
        font-size: 12px
    }

    footer.landing-page-event .footer-top-row .footer--logo {
        flex: 0 0 35%
    }

        footer.landing-page-event .footer-top-row .footer--logo img {
            max-width: 180px
        }

        footer.landing-page-event .footer-top-row .footer--logo p, footer.landing-page-event ul li a, footer.landing-page-event .copyright p {
            font-size: 14px
        }

    footer.landing-page-event ul {
        column-gap: 30px
    }

    footer.landing-page-event .copyright .social-media img {
        width: 30px
    }

    footer.landing-page-event {
        padding: 40px 0 10px 0
    }
}

@media screen and (max-width:767px) {
    footer.footer_corporate.footer--landing-only .col-md-4:first-child {
        border-left: none;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    footer.footer_corporate.footer--landing-only .col-md-4 {
        width: 100%;
    }
        footer.footer_corporate.footer--landing-only .col-md-4 .footer-icon {
            justify-content: center;
            flex-wrap: wrap;
        }
    footer.footer_corporate.footer--landing-only .phone-icon {
        flex: 0 0 100%;
    }
    footer.footer_corporate .social-icon {
        margin-top: 20px;
    }
    footer.footer_corporate.footer--landing-only .col-md-4:nth-child(2), footer.footer_corporate.footer--landing-only .col-md-4:nth-child(3) {
        width: 50%;
        text-align: center;
    }
    .semicircle__cont.education_content .smile-form-btn {
        margin-bottom: 6px;
    }
    .landing_event .inner--container, .explore_more_event .inner--container, .presenter .inner--container, .client-logos .inner--container, footer.landing-page-event .inner--container {
        max-width: 100%;
        padding: 0 20px
    }

    .logo-row img {
        max-width: 200px
    }

    .landing_event h1 {
        font-size: 26px;
        line-height: 36px
    }

    .landing_event p {
        font-size: 15px
    }

    .landing_event .event__date {
        padding: 10px 15px;
        flex: 0 0 100%
    }

    .landing_event .event__author {
        padding: 10px 15px;
        flex: 0 0 100%
    }

    .landing_event .events {
        flex-wrap: wrap;
        font-size: 16px;
        line-height: 24px
    }

    .landing_event .dsoform.landing_event_form {
        margin-left: 0;
        margin-right: 0;
        left: 0;
        transform: none
    }

        .landing_event .dsoform.landing_event_form h6 {
            max-width: 95%;
            margin-bottom: .5rem
        }

    .explore_more_event .explore__more--bg.explore-more-div .explore_left--container {
        padding: 0
    }

    .explore_more_event .explore_bg {
        background-size: 60%;
        padding-bottom: 40px;
        padding-top: 60px
    }

    .explore_more_event .explore-more-div .explore__more--left .columns_four {
        padding: 0 15px;
        height: 200px
    }

    .explore_more_event .explore__more--left .left-col {
        margin-top: 0
    }

    .explore_more_event .explore__more--left .left-col, .explore_more_event .explore__more--left .right-col {
        flex: 0 0 100%
    }

    .explore_more_event .explore__more--left .left-col {
        padding-right: 0
    }

    .explore_more_event .explore__more--left .right-col {
        padding-left: 0
    }

    .explore_more_event .explore_div h2, .presenter h2 {
        font-size: 26px;
        line-height: 40px
    }

    .explore_more_event .explore_div h3 {
        font-size: 20px;
        line-height: 26px
    }

    .presenter .presenter-box {
        align-items: flex-start;
        flex-wrap: wrap
    }

        .presenter .presenter-box .image-container {
            flex: 0 0 100%;
            border-radius: 10px 10px 0 0
        }

            .presenter .presenter-box .image-container img {
                border-radius: 10px 10px 0 0
            }

    .presenter.presenter-two-col .presenter-row .presenter-box, .presenter.presenter-three-col .presenter-row .presenter-box {
        flex: 0 0 100%;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

        .presenter.presenter-two-col .presenter-row .presenter-box:last-of-type, .presenter.presenter-three-col .presenter-row .presenter-box:last-of-type {
            margin-bottom: 0
        }

        .presenter.presenter-two-col .presenter-row .presenter-box .image-container img {
            max-height: 265px;
            min-height: inherit
        }

    .presenter.presenter-two-col .presenter-row, .presenter.presenter-three-col .presenter-row {
        flex-wrap: wrap
    }

    .client-logos .client-logos-row .ada-row, .client-logos .client-logos-row .pace-row {
        flex: 0 0 36%;
    }
    .client-logos .client-logos-row {
        flex-wrap: wrap
    }

        .client-logos .client-logos-row .pace-row {
            margin-top: 10px;
            flex-wrap: wrap
        }

            .client-logos .client-logos-row .pace-row .image-container {
                flex: 0 0 100%;
                text-align: center
            }

            .client-logos .client-logos-row .pace-row .text-container {
                padding-left: 0
            }

            .client-logos .client-logos-row .pace-row .image-container img {
                max-height: 150px
            }

    footer.landing-page-event .footer-top-row {
        flex-wrap: wrap
    }

        footer.landing-page-event .footer-top-row .footer--logo {
            flex: 0 0 100%
        }

    footer.landing-page-event ul {
        column-gap: 20px;
        padding: 0;
        margin-top: 20px;
        column-count: 2;
        width: 100%
    }

    footer.landing-page-event .footer-top-row .footer--links {
        flex: 0 0 100%
    }

    footer.landing-page-event .footer-top-row .footer--logo p, footer.landing-page-event ul li a, footer.landing-page-event .copyright p {
        font-size: 13px
    }

    footer.landing-page-event .copyright {
        flex-direction: column
    }

        footer.landing-page-event .copyright .social-media {
            margin-top: 20px
        }

    .presenter .presenter-box .image-container figcaption span {
        margin-top: 2px;
        margin-bottom: 4px
    }

    .presenter .presenter-box p {
        margin-bottom: 20px
    }

    .presenter.presenter-two-col h2, .presenter.presenter-three-col h2 {
        margin-bottom: 20px
    }

    .presenter.presenter-two-col .presenter-row .presenter-box .image-container, .presenter.presenter-three-col .presenter-row .presenter-box .image-container {
        padding-bottom: 10px;
        margin-bottom: 0
    }

        .presenter .presenter-box .image-container figcaption, .presenter.presenter-two-col .presenter-row .presenter-box .image-container figcaption, .presenter.presenter-three-col .presenter-row .presenter-box .image-container figure figcaption {
            padding: 10px 0 0 15px
        }

    .presenter.presenter-two-col .presenter-row .presenter-box .content-conatiner, .presenter.presenter-three-col .content-conatiner {
        padding-top: 20px
    }
}

.landing_event .price-detial {
    align-items: center !important;
    font-family: 'Montserrat-BOLD' !important
}

.landing_event .dsoform.landing_event_form.campaign_landing_page {
    background: #f6f8f9;
    box-shadow: 0 1px 5px #00000033;
    max-width: 470px;
    padding: 10px 0 0 0;
    float: right;
    margin-top: 15px;
    height: 340px
}

.kit-container {
    margin-top: 26px !important
}

.explore_more_event .kit-product-details {
    padding-left: 40px !important
}

.campaign_event .row {
    padding-top: 30px
}

@media screen and (max-width:1170px) and (min-width:992px) {
    .explore_more_event .explore_bg {
        background-size: 380px !important
    }

    .explore_more_event .explore_bg {
        background-size: 325px !important
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .landing_event .dsoform.landing_event_form.campaign_landing_page {
        float: none;
        margin-top: 30px
    }

    iframe.campaign_landing_form {
        width: 100%
    }

    .campaigns__eqipment--name p {
        font-size: 12px;
        line-height: 1.4
    }

    .explore_more_event .explore_bg {
        background-size: 250px !important
    }

    .landing_event .campaign-row {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:767px) {
    .landing_event .logo-row {
        margin-bottom: 0
    }

    .landing_event h1 {
        font-size: 26px;
        line-height: 36px;
        font-size: 32px !important
    }

    .explore_more_event .explore_bg {
        padding-top: 30px
    }

    .explore_more_event .kit-product-details {
        padding-left: 0 !important
    }

    .landing_event p {
        line-height: 29px !important;
        margin-bottom: 20px !important
    }

    .price_tag {
        font-size: 36px !important
    }

    .landing_event .dsoform.landing_event_form.campaign_landing_page {
        float: none;
        max-width: 100%;
        width: 100%;
        height: 350px !important
    }

    .explore_more_event .explore_bg {
        background-image: none !important
    }

    img.rotor {
        display: block
    }

    .kit-item-cont {
        padding-top:25px;
        max-width:395px;
        margin:0 auto;
    }

    .price-detial .product_image {
        flex: 1 !important
    }

    .landing_event .dsoform.landing_event_form {
        max-width: 100%;
        width: 100%
    }

    iframe.campaign_landing_form {
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .campaigns__eqipment--name p {
        font-size: 12px;
        line-height: 1.4
    }

    .campaigns__equipment {
        display: flex;
        position: unset;
        margin-bottom: 40px;
        justify-content: center;
        align-items: center
    }

    .campaigns__eqipment--name {
        display: flex;
        align-items: center;
        position: relative;
        left: 30px
    }

    #campaigons__equipment .col-md-3:nth-child(7) .campaigns__eqipment--img, #campaigons__equipment .col-md-3:nth-child(8) .campaigns__eqipment--img {
        right: 0;
        top: 0
    }
}



.SelectedPage {
    color: #000 !important;
    background-color: #e7ebef;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.UnselectedPage {
    color: #000 !important;
    text-decoration: none;
    margin-left: 12px;
    margin-right: 9px;
    display: inline-block;
}

.UnselectedNext,
.SelectedNext,
.UnselectedPrev,
.SelectedPrev {
    text-decoration: none !important;
    color: #000 !important;
}

.UnselectedPage,
.UnselectedNext,
.UnselectedPrev {
    cursor: pointer !important;
}

.ktc-checkbox,
.ktc-radio {
    display: block;
}

input[type=radio].form-control,
input[type=checkbox].form-control {
    appearance: auto;
    display: inline-block;
    width: auto;
}

