/* Overriding Existing ones */

body {
    font-family: "IntuitiveBrown", Arial, Helvetica Neue, Helvetica, sans-serif;
}

body * {
    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering: optimizeLegibility !important;
    font-synthesis: none;
}

.type-h1,
h1 {
    font-family: "IntuitiveBrown", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 96px;
    letter-spacing: -1px;
    line-height: 112px;
    /*  100%; */
    margin: 0;
    color: #1C1C1F;
}

@media (max-width: 808px) {
    .type-h1,
    h1 {
        font-size: 44px;
        line-height: 52px;
    }
}

.type-h2,
h2 {
    font-family: "IntuitiveBrown", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    margin: 0;
    color: #1C1C1F;
}

@media (max-width: 808px) {
    .type-h2,
    h2 {
        font-size: 26px;
        line-height: 32px;
    }
}

.type-body,
.rich-text,
.dropdown,
.crosslink-contents__list-item,
.search-page__most-searched-link,
p {
    font-family: "Inter", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #1C1C1F;
}

.cta-copy-block {
    background-color: #1C1C1F;
    padding-top: 120px;
    padding-bottom: 120px;
    min-height: auto;
}

    .cta-copy-block .cta-button {
        line-height: 24px;
    }


.public-page.design-masthead {
    padding: 14px 24px 14px 24px !important;
}

.public-page.design-masthead .design-masthead__right {
    display: flex;
}

div.home-link-wrapper {
    flex: 0 1 232px;
    justify-content: flex-start;
    margin-top: 10px;
}

a.home-link, a.home-link:visited {
    line-height: 24px !important;
}

@media screen and (max-width: 808px) {
    div.home-link-wrapper {
        flex: 0 1 146px;
        justify-content: flex-start;
        margin-top: 10px;
    }

    a.home-link, a.home-link:visited {
        line-height: 20px !important;
    }
}


/* scroll bar issue fix - start */
#design-layout {
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    width: 100vw;
    overflow: visible;
}

#design-page {
    position: relative;
    flex: 1;
    display: flex;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: auto;
    z-index: 0;
}

#design-main {
    flex: 1;
    height: calc(100vh - 72px);
    overflow: visible;
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.video-block {
    padding-top: 48px;
    padding-bottom: 120px;
}

/* scroll bar issue fix - start */


/* ========= Exisiting styles END ===================*/


/* ========= New styles START ===================*/

a {
    text-decoration: none;
    background-color: transparent;
}


.design-masthead__right a.login {
    font-family: Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    font-synthesis: none;
    line-height: 20px;
    text-decoration: none;
    user-select: none;
    color: #1c1c1f;
}

.design-masthead__right a.login:hover {
    color: #3D4DFF;
}

.design-masthead__right a.login:active {
    color: #6188FF;
}

.design-masthead__right .login-link-wrapper {
    margin-top: 10px;
}


.job-list ul {
    padding: 0;
    list-style: none;
    font-weight: 400;
}


/* .job-list a {
    font-weight: 600;
} */

.section-intro {
    box-sizing: border-box;
    min-height: 606px;
    padding: 112px 0;
    position: relative;
    display: grid;
    align-content: center;
    overflow: hidden;
    background-color: #F2F3F5;
}

.section-intro-text {
    line-height: 76px;
    font-size: 64px;
    color: #252629;
}

.social-section {
    padding: 0;
    text-align: right;
    box-sizing: border-box;
}

.list-unstyled {
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    margin: 0;
}

    .list-unstyled svg {
        fill: #f2f3f5;
    }

.page-footer {
    padding-top: 0;
    margin-top: -48px;
    min-height: auto;
    padding-bottom: 48px;
}

.social-section ul li a {
    padding: 0 .25rem 0 .5rem;
}

.page-footer .social-section ul li:first-of-type a {
    padding-left: 0;
}

.page-footer .social-section ul li:last-of-type a {
    padding-right: 0;
}

.page-footer .copyrightBox .copyright, .page-footer .pnBox .pn {
    font-family: Inter;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #87888F;
    text-align: left !important;
    margin-bottom: 0;
    margin-block-start: 0px;
}

.page-footer .pnBox {
    justify-content: flex-end;
    margin-top: 15px;
}

.page-footer .policy-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .page-footer .policy-section ul li .footerBottomLabels {
        font-family: Inter;
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: normal;
        text-align: left;
        color: #6188FF;
        margin-bottom: 0;
    }

    .page-footer .policy-section ul li:first-child {
        padding-left: 0;
    }

    .page-footer .policy-section ul li:last-child {
        border-right: none;
        padding-right: 0;
    }

    .page-footer .policy-section ul li {
        padding-right: 11px;
        padding-left: 11px;
        border-right: 1px solid #87888F;
        line-height: 10px;
    }

.page-footer hr {
    background-color: #6A6B70;
}


.page-footer .social-grid .social-col-logo {
    justify-content: flex-start;
}

.page-footer .social-grid .social-col-icons {
    justify-content: flex-end;
}

.social-section .list-unstyled {
    padding-top: 7px;
}

.copyright-grid {
    padding-top: 24px;
}

.txt-center {
    text-align: center;
}

.btn {
    width: auto;
}

.title {
    padding-top: 96px;
    padding-bottom: 28px;
}

.subtitle {
    padding-top: 28px;
}

.font-wt-600 {
    font-weight: 600 !important;
}

.card .card-link {
    display: block;
    margin-top: 8px;
}

a.solidHighContrast-Large {
    padding: 16px 24px 16px 24px;
    border-color: #1c1c1f;
    background: #1c1c1f;
    color: #f2f3f5;
    min-height: 24px;
    white-space: nowrap;
    width: auto;
    transition: color,background-color .3s,border-color .3s;
    border-radius: 28px;
    border: 0;
    height: auto;
    font-size: 16px;
    font-weight: 600;
    font-family: Inter,Arial,Helvetica Neue,Helvetica,sans-serif;
    margin-top: 0px !important;
}
    a.solidHighContrast-Large:hover {
        outline: none;
        color: #f2f3f5 !important;
        border-color: #3d4dff !important;
        background-color: #3d4dff !important;
        text-decoration: none !important;
    }

    a.solidHighContrast-Large:focus {
        outline: none;      
        text-decoration: none !important;
    }

    .solidHighContrast-Large a {
        font-size: inherit;
        font-weight: inherit;
        line-height: 24px;
        color: inherit;
        text-decoration: none !important;
    }
    
    .solidHighContrast-Large a:hover {
        text-decoration: none !important;
    }

    /* Brightcove Video player styles start*/
    .video-block {
        padding-top: 48px;
        padding-bottom: 120px;
    }

.vjs-big-play-button {
    background-color: #F2F3F5 !important;
    font-size: 30px !Important;
}

button.vjs-big-play-button:hover {
    background-color: #6188FF !important;
}

    button.vjs-big-play-button:hover .vjs-icon-placeholder::before {
        color: #F2F3F5 !important;
    }

.vjs-icon-placeholder::before {
    color: #1C1C1F !important;
}

.vjs-control-bar .vjs-icon-placeholder::before {
    color: #F2F3F5 !important;
}

.video-js {
    cursor: pointer;
}
/* Brightcove Video player styles start*/


/* Cookie Consent styles start */

@font-face {
    font-family: "InterUI";
    src: url("/assets/brand/fonts/Inter-SemiBold.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "InterUI";
    src: url("/assets/brand/fonts/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

#onetrust-banner-sdk div[role="alertdialog"] {
    display: flex;
    justify-content: center;
}

#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler {
    color: #1C1C1F !important;
}

#onetrust-consent-sdk #onetrust-button-group #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-button-group #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
    padding: 12px 24px !important;
    border-radius: 24px !important;
}

#onetrust-banner-sdk button,
#onetrust-pc-sdk button,
#onetrust-pc-sdk .ot-btn-container button {
    letter-spacing: 0 !important;
}

#onetrust-banner-sdk.otFlat {
    z-index: 2147483643 !important;
}

#onetrust-pc-sdk.otPcCenter {
    z-index: 2147483645 !important;
}

#onetrust-pc-sdk #ot-fltr-cnt {
    z-index: 2147483644 !important;
}


.onetrust-pc-dark-filter {
    z-index: 2147483644 !important;
}

#onetrust-pc-sdk #ot-anchor {
    z-index: 2147483645 !important;
}

.cursor {
    z-index: 2147483647 !important;
}

#onetrust-pc-sdk .ot-host-item > button:focus, #onetrust-pc-sdk .ot-ven-item > button:focus {
    border: none !important;
}

#onetrust-pc-sdk .ot-host-item > button:focus,
#onetrust-pc-sdk .ot-ven-item > button:focus {
    border: none !important;
}

#onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .category-host-list-handler {
    color: #1C1C1F !important;
}



/* Cookie Consent styles end */


/* Mobile view Start */

@media screen and (max-width: 992px) {
  
    #design-masthead {
        padding: 14px 24px 14px 24px !important;
    }

    .title {
        padding-top: 48px;
        padding-bottom: 16px;
    }

    .subtitle {
        padding-top: 16px;
        padding-bottom: 24px;
    }

    .hero {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .mosaic-hero {
        padding-right: 16px;
    }

        .mosaic-hero .hero__image {
            border-radius: 0;
        }

    .section-copy-block {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .card-list {
        padding-top: 24px;
    }

    .video-block {
        padding-top: 24px;
        padding-bottom: 64px;
    }

    .cta-copy-block {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .section-divider__divider {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .page-footer {
        margin-top: -60px;
    }

    .text-md-left {
        text-align: left;
    }

    .text-sm-left {
        text-align: left;
    }

    .page-footer .policy-section {
        justify-content: flex-start;
        margin-top: 6px;
        padding-top: 0;
    }
    
    .page-footer .social-grid {
        justify-content: space-between;
        flex-direction: row;
    }

        .page-footer .social-grid .social-col-logo, .page-footer .social-grid .social-col-icons {
            width: auto;
        }

    .page-footer .pnBox {
        justify-content: flex-start;
        margin-top: 25px;
    }
}

@media screen and (min-width: 809px) and (max-width: 1055px) {
    .grid__col_mob {
        width: calc( 83.33333% - 8px + (8px / 12 * 10));
    }

    .grid__offset-1-mob{
        margin-left: 8.33333%
    }

    .page-footer .policy-section{
        justify-content: flex-start;
        padding-top: 15px;
    }

    .page-footer .pnBox {
        justify-content: flex-start;
        margin-top: 15px;
    }
}

@media screen and (max-width: 808px){
    .page-footer .policy-section .list-unstyled {
        display: block !important;
    }

    .page-footer .policy-section ul li {
        border-right: none;
        padding: 0;
        margin-top: 10px;
    }
}


/* temp */

.da-vinci-intro {
    width: 91%;
}

/* IMAGE Lazy Loading css START*/

.image-container {
    position: relative;
    overflow: hidden;
}

/*.placeholder {
    position: relative;
    width: 100%;
    filter: blur(10px);
    transform: scale(1);
}


.picture {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s linear;
}


    .picture.loaded {
        opacity: 1;
    }

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100% !important;
}*/

/* IMAGE Lazy Loading css END*/