#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    background-color: #253045 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{
    background-color: #253045 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    background-color: #253045 !important;
    border: 1px solid #0c4da2;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal !important;
    padding-bottom: 0;
    color: #fff;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 700px){
    .box{
        width: 70%;
    }
    .popup{
        width: 70%;
    }
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #F5f5f5 !important;
    border-top: 1px solid #fff;
}
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
    background-color: #00ca00!important;
    box-shadow: inset 0 0 0 1px currentColor;
    opacity: .7;
    color: #fff;
}





/***** sony quiz ***////

main.quiz-2 .button, main section.quiz-2-discussion .quiz-accordion-box .title, main section.quiz-2-header .quiz-2-header-wrapper .links .link:hover {
    background-color: #ffffff !important;
}


main section.quiz-2-discussion .quiz-accordion-box .title {
    cursor: pointer;
    background-color:#ffffff !important;
    color: #00ca00!important;
    font-size: 17px;
    line-height: 1.3;
    padding: 25px!important;
    position: relative;
    text-decoration: underline!important;
    border-radius: 8px;
}
.sony_questions_image{
    width:300px !important;
    padding-left:-50px !important;
}

main section.quiz-2-discussion .quiz-accordion-box .title .more-info {
    position: absolute;
    top: 50%;
    left: -230px !important;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 17px;

}
.playersSection li, .quiz-2-discussion {
    background: 0 0 !important;
    width: 100% !important;
}
div.description.article p{
    font-size:14px !important;
    padding: 0px !important;
    font-weight: normal!important;
}

.quiz-accordion-box .title .more-info i {
    margin-left: 10px;
    color: #00ca00 !important;
    font-size:24px !important;
}
@media (max-width: 992px)
main section.quiz-2-header .quiz-2-header-wrapper .final-text p {
{
    font-size: 14px!important;
}
    .playergrades {
        font-size: 16px!important;
        line-height: 1.9;
        font-weight: 600;
    }
    body:has(.sonyheader) .sonyheader>div img.landing_page_image{
        width:300px !important;
        margi-top:30px !important;
    }
}
@media (max-width: 992px) {
    body:has(.sonyheader) .sonyheader > div img.landing_page_image {
        max-width: 300px !important;
        margin-top: 20px !important;
        margin-bottom: -20px !important;
    }
}
@media (max-width: 600px)
main section.quiz-2-header .quiz-2-header-wrapper .final-text p {
{
    font-size: 14px!important;

}
    body:has(.sonyheader) .sonyheader > div img.landing_page_image {
        max-width: 350px !important;
        margin-top: 20px !important;
        margin-bottom: -20px !important;
    }
    .playergrades {
        font-size: 16px!important;
        line-height: 1.9;
        font-weight: 600;
    }
}
//**** Sony quiz ***////


#CybotCookiebotDialogPoweredbyCybot svg {
    display: none !important;
}














@media (max-width:600px) {
    body:has(.sonyheader) .playersSection.finalPage .winner, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type.winner {
        background: url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    .playergrades {
        font-size: 16px!important;
        line-height: 1.9;
        font-weight: 600;
    }

    main section.quiz-2-header .quiz-2-header-wrapper .final-text p {
        font-size: 16px!important;
        color: #fff !important;
    }
    body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type:not(.winner) {
        background: url(/wp-content/uploads/2023/05/loseremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    body:has(.sonyheader) .revealAnswerSectionone {
        display: block;
        margin: 0px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 10px 3px #00000038;
    }
}
@media (max-width:500px) {
    body:has(.sonyheader) .playersSection.finalPage .winner, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type.winner {
        background: url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    .playergrades {
        font-size: 16px!important;
        line-height: 1.9;
        font-weight: 600;
    }

    main section.quiz-2-header .quiz-2-header-wrapper .final-text p {
        font-size: 16px!important;
        color: #fff !important;
    }
    body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type:not(.winner) {
        background: url(/wp-content/uploads/2023/05/loseremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    body:has(.sonyheader) .revealAnswerSectionone {
        display: block;
        margin: 0px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 10px 3px #00000038;
    }
}


@media (max-width:300px) {
    body:has(.sonyheader) .playersSection.finalPage .winner, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type.winner {
        background: url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    .playergrades {
        font-size: 16px!important;
        line-height: 1.9;
        font-weight: 600;
    }
    body:has(.sonyheader) .revealAnswerSectionone {
        display: block;
        margin: 20px 120px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 10px 3px #00000038;
    }

    main section.quiz-2-header .quiz-2-header-wrapper .final-text p {
        font-size: 16px!important;
        color: #fff !important;
    }
    body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type:not(.winner) {
        background: url(/wp-content/uploads/2023/05/loseremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
}






section.quiz-2-discussion .quiz-accordion-box.active .title {
    background-color: #00cd00 !important;
    color: #00ca00!important;
    text-decoration: underline!important;
}

.quiz-2-players .active{
    border:4px solid #00ca00 !important;
}
.player-avatar-box .active{
    border:4px solid #00ca00 !important;
}

.avatar-slider.avatar-pick .active{
    border:4px solid #00ca00 !important;
}
.childAgeNumber input,.childNameInput input[type=text],.formBreadCrumbs .im-vc-accordion-box,.page-id-49005 .resolutions~.answers,.page-id-49005 .resolutions~.bx-wrapper,.quiz-2 h2.mobile-title,main .im-vc-circle-slider .bx-wrapper .bx-controls,main section.quiz-2-header .quiz-2-header-wrapper ul.answers .answer.no-active{
    pointer-events:none;
    pointer-events:none
}
.hero-offset .col-sm-6:last-of-type p,.hero-offset>.vc_col-sm-6:last-of-type p,header .header-wrapper .navigation .service ul.service-menu .site-nav-secondary li a{
    margin:0
}
.digital-tool .adviceAndGuidanceSection label,.page-id-38149 .quiz-2-header .intro-text p:last-child a,.page-id-51314 .quiz-2-header .intro-text p:last-child a,.report-issue-trigger,main .im-vc-hero-quiz{
    color:#fff
}
.adviceAndGuidanceSection>div{
    margin-bottom:20px
}
#RECIEVEADVICE,#RECIEVEGUIDANCE,.vc_row-has-fill .im-vc-vulnerability a.button{
    margin-top:20px
}
#RECIEVEADVICE~label,#RECIEVEGUIDANCE~label{
    padding-left:10px
}
:target{
    display:block;
    position:relative;
    top:-100px
}
#mc_embed_signup form,.alignnone,.more-box-content p,.noMargin,.resource-box-gray .body .title{
    margin:0!important
}
ol,style attribute,ul,ul li{
    list-style:none
}
.resolutions~div .Download_certificate:has(.fa-comment-dots){
    min-width:300px!important
}
.resolutions~div .Download_certificate:has(.fa-comment-dots) i{
    font-size:20px;
    padding:0 15px
}
.hidden.jobTitleField,.hidden.orgNameField,.quiz-2-header .bx-viewport:not(:has(img))~div .bx-next{
    display:none!important
}
.quiz .answer.findTheFake{
    width:100%!important;
    top:200px
}
.quiz .avatar:has(.answer.findTheFake){
    height:260px!important
}
.page-id-38149 h1,.page-id-38149 h2,.page-id-38149 h3,.page-id-38149 h4,.page-id-38149 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction,.page-id-38149 main section.quiz-2-header .quiz-2-header-wrapper .intro-text p,.page-id-38149 main section.quiz-2-players .adult-title,.page-id-38149 section.quiz-2-avatars h2,.page-id-38164 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .items-wrapper .score,.page-id-38164 main section.quiz-2-header .quiz-2-header-wrapper h2,.page-id-38399 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .winner,.page-id-48998 .col-sm-12 .mobile-title,.page-id-48998 h1,.page-id-48998 h2,.page-id-48998 h3,.page-id-48998 h4,.page-id-48998 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction,.page-id-48998 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-next .far,.page-id-48998 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-prev .far,.page-id-48998 main section.quiz-2-avatars .player-avatar-box .player-name .name-label,.page-id-48998 main section.quiz-2-header .quiz-2-header-wrapper .intro-text p,.page-id-48998 main section.quiz-2-players .adult-title,.page-id-48998 section.quiz-2-avatars h2,.page-id-49005 .mobile-score,.page-id-49005 h1,.page-id-49005 h2,.page-id-49005 h3,.page-id-49005 h4,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .final-text p,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .question,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .items-wrapper .score,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper h1,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper h2,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper h3,.page-id-50757 .mobile-score,.page-id-51314 h1,.page-id-51314 h2,.page-id-51314 h3,.page-id-51314 h4,.page-id-51314 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction,.page-id-51314 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-prev .far,.page-id-51314 main section.quiz-2-header .quiz-2-header-wrapper .intro-text p,.page-id-51314 main section.quiz-2-players .adult-title,.page-id-51314 section.quiz-2-avatars h2,.parent-pageid-38149 h1,.parent-pageid-38149 h2,.parent-pageid-38149 h3,.parent-pageid-38149 h4,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper .final-text p,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper .question,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .items-wrapper .score,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper h1,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper h2,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper h3,.parent-pageid-51314 main section.quiz-2-header .quiz-2-header-wrapper .question,.parent-pageid-51314 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .winner,.parent-pageid-51314 main section.quiz-2-header .quiz-2-header-wrapper h1,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-avatars .player-avatar-box .player-name .name-label,main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-next .far,main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .result-wrapper .mobile-score{
    color:#000!important
}
.little-checkboxes-row .inputOther{
    border:1px solid #00cd00;
    height:70px;
    padding:16px 19px;
    border-radius:5px
}
select.dftDropdown{
    text-align:left;
    background-color:#fff;
    padding:12px 18px;
    margin:0;
    width:80%
}
.quiz-2-header .bx-viewport:not(:has(img)),main section.recent-posts .related-box{
    height:auto!important
}
.quiz-2-header .bx-viewport:not(:has(img)) ul{
    width:100%!important
}
.page-id-48998 .quiz-2-avatars input.button,main section.quiz-2-header .quiz-2-header-wrapper .how-it-works .how-it-works-trigger{
    border-radius:6px
}

main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .winner{
    display:none
}
.parent-pageid-51314 .quizCertificateBox div .title{
    MARGIN-TOP:780px;
    position:absolute;
    width:100%;
    text-align:center;
    font-size:40px;
    font-weight:600
}
.quiz-accordion-box ul li a{
    display:inline!important;
    margin:0;
    padding:0
}
.page-id-40475 .circle-slider.square-slider{
    width:600%!important;
    display:flex
}
.page-id-40475 .circle-slider.square-slider li{
    display:flex;
    justify-content:center;
    margin-right:1%!important;
    margin-left:1%!important;
    align-items:center
}
.page-id-40475 .im-vc-circle-slider .bx-wrapper{
    max-width:100%!important
}
footer ul li{
    display:flex;
    justify-content:space-between
}
footer ul li a+.dropDown{
    padding:0 20px;
    color:#253045;
    font-size:25px;
    display:none
}
footer ul:has(li a + .dropDown.selected){
    max-height:1000px;
    transition:1s
}
.mdtf_second_part{
    background-image:url('/wp-content/uploads/2023/02/FDT5-Desktop.png')!important;
    padding:70px 0
}
.page-id-40475 .digital-tool.home-page section .buttons,.social-icons li{
    padding-top:5px
}
.mfdt_landing_page_ac{
    background-color:unset!important
}
.resourceHeaderQuestion{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:140px;
    padding:45px 0
}
main .im-vc-circle-slider ul.circle-slider.square li a{
    margin:0 auto;
    display:block;
    height:240px;
    width:350px;
    text-align:center;
    background-color:#fff;
    position:relative;
    border:1px solid #006eff
}
main .im-vc-circle-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next,main .im-vc-circle-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
    position:absolute;
    display:block;
    top:0;
    width:40px;
    height:40px;
    border:1px solid #006eff!important;
    color:#006eff;
    font-size:17px;
    text-align:center;
    line-height:40px;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s
}
main .im-vc-circle-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
    left:0
}
.button .dwt_question_1{
    background-color:#006eff!important
}
.online-hate-button{
    border-radius:6px!important
}
.online-hate-button a{
    text-decoration:none;
    padding-top:10px
}
main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .items-wrapper .score{
    color:#000;
    margin-top:15px;
    font-size:30px;
    font-weight:700
}
.playersSection li,.quiz-2-discussion{
    background:0 0!important
}
main section.quiz-2-header .quiz-2-header-wrapper h2{
    text-align:center;
    color:#000;
    margin:40px 0
}
main section.quiz-2-discussion .quiz-accordion-box .description ul li{
    padding:5px 0;
    list-style:disc;
    color:#000;
    line-height:1.8
}
.breadcrumbs,.page-id-38149 main.quiz-2 .mobile-title[data-open=section-1]:after,.page-id-51314 main.quiz-2 .mobile-title[data-open=section-1]:after,body.home .vc_custom_1553680826026 .bx-viewport:not(:has(.bx-has-controls-direction))+.bx-has-controls-direction,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-next,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-prev{
    display:block!important
}
body.home .vc_custom_1553680826026 .bx-viewport:has(.bx-has-controls-direction)+.bx-has-controls-direction{
    display:none!important
}
.registerationForm p.warning{
    font-size:small;
    font-weight:700;
    color:red!important
}
.registerationForm p.warning~div label+input:invalid{
    border:1px solid red
}
.childNameInput:has(input:focus)+.childNameButton{
    display:none
}
.childNameInput:has(input:focus){
    flex-basis:170px
}
body.single-parent-control .hero h1{
    font-size:52px;
    margin:0
}
body:has(.sonyheader) main section.quiz-2-players .player-select-box .active{
    border: 3px solid #00cd00 !important;
}
.avatar-pick .active{
    border: 3px solid #00cd00 !important;
}
.select2.select2-container .select2-selection {
    height: 45px;
    outline: 0;
    position: relative;
    border: 3px solid #00cd00 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
body.single-parent-control .hero p{
    margin:15px 0;
    font-weight:500
}
body.single-parent-control .hero strong{
    font-weight:600
}
main section.quiz-2-header .quiz-2-header-wrapper .answers:not(:has(.nophotoquiz>div img)){
    display:grid!important;
    margin:30px auto;
    transform:none!important
}
.sumsung_quiz_list{
    list-style:inside
}
.answers:not(:has(.nophotoquiz>div img)) .answer{
    width:90%!important;
    justify-content:center;
    display:flex;
    border:0!important;
    align-items:center
}
.answers:not(:has(.nophotoquiz>div img)) li:has(.active){
    background-color:#f0eeee!important
}
.answers:not(:has(.nophotoquiz>div img)) .answer span.questionbox{
    margin-bottom:20px;
    margin-top:20px;
    padding:5px 20px;
    height:40px;
    border:1px solid #253045;
    border-radius:50%;
    background:#fff
}
.answers:not(:has(.nophotoquiz>div img)) .answer.active span.questionbox{
    background:#253045
}
.answers:not(:has(.nophotoquiz>div img)) .answer .title{
    color:#000!important;
    display:inline-block;
    width:90%;
    background:#ffffff00!important;
    margin-top:5px
}
.childAgeSelector{
    display:flex;
    column-gap:0;
    align-items:center;
    font-weight:600;
    justify-content:start;
    padding:10px;
    border:1px solid #ebebeb;
    margin:5px;
    border-radius:10px
}
.childNameInput input[type=text]{
    border:0;
    font-size:large;
    font-weight:500;
    text-align:center;
    background:0 0
}
.childNameButton{
    font-size:small;
    font-weight:400;
    text-decoration:underline
}
.childAgeDecrement,.childAgeIncrement{
    padding:13px 16px;
    height:40px;
    width:40px;
    border-radius:30px;
    color:#fff
}
.childAgeDecrement{
    background:#ccc
}
.childAgeIncrement{
    background:#00cd00
}
.childAgeNumber input{
    border:0;
    text-align:center;
    width:50px;
    padding:0;
    background:0 0
}
.childNameInput{
    flex-shrink:10;
    flex-basis:80px
}
.childAgeSelector .ageInput,.gform_required_legend,.gform_title h2,.whichChild{
    display:none
}
.childAgeSection{
    display:flex;
    margin-left:auto
}
.childAgeSelector:hover{
    border:1px solid #000
}
@media (max-width:600px){
    .childNameInput{
        width:90px;
        flex-basis:80px
    }
    .childNameInput input[type=text]{
        font-size:smaller
    }
    .childNameButton{
        font-size:10px;
        text-decoration:underline
    }
    .childAgeDecrement,.childAgeIncrement{
        height:30px;
        padding:8px 10px;
        text-align:center;
        width:30px
    }
    .childAgeSection{
        flex-basis:120px
    }
}
@media (max-width:300px){
    .childAgeSelector{
        display:flow-root;
        text-align:center
    }
    .childNameInput{
        width:auto
    }
    .childAgeDecrement,.childAgeIncrement{
        padding:10px;
        width:30px;
        margin:10px auto
    }
}
.page-id-49005 .pum-overlay.pum-overlay-disabled .pum-container{
    top:-6vw!important;
    position:absolute!important;
    transition:top 1s
}
.pum-theme-29673 .pum-content+.pum-close,.pum-theme-default-theme .pum-content+.pum-close{
    width:40px!important;
    background:#253045!important
}
main section.quiz-2-avatars ul.avatar-slider li .avatar-pick{
    max-width:250px;
    margin:0 auto 0 15%;
    text-align:center;
    cursor:pointer;
    padding:10px;
    position:relative
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
.h2,.h3,h2,h3,h4{
    padding-top:20px;
    padding-bottom:20px
}
body,main .wpb_text_column ul li{
    font-weight:400
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.desktop-hero,.desktop-image-text,.desktop-quiz-slider,.desktop-video,.desktop-vulnerable,.resource-box.readless .ctas .button.white.more,.resource-box.readless .ctas .button.white.more+a,.resource-box.readmore .description .collapse,.resource-box.readmore .description .likes,.resource-box.readmore .fulldescription,.resource-box.readmore>.likes,user agent stylesheet div{
    display:block
}
style attribute{
    float:left;
    position:relative;
    width:420px
}
ul li{
    margin:0;
    padding:0;
    line-height:1.8
}
user agent stylesheet li{
    text-align:-webkit-match-parent
}
user agent stylesheet ul{
    list-style-type:disc
}
body{
    font-family:Montserrat,sans-serif;
    font-size:15px;
    background-color:#fff;
    color:#253045;
    overflow-x:hidden;
    line-height:1;
    --wp--preset--color--black:#000000;
    --wp--preset--color--cyan-bluish-gray:#abb8c3;
    --wp--preset--color--white:#ffffff;
    --wp--preset--color--pale-pink:#f78da7;
    --wp--preset--color--vivid-red:#cf2e2e;
    --wp--preset--color--luminous-vivid-orange:#ff6900;
    --wp--preset--color--luminous-vivid-amber:#fcb900;
    --wp--preset--color--light-green-cyan:#7bdcb5;
    --wp--preset--color--vivid-green-cyan:#00d084;
    --wp--preset--color--pale-cyan-blue:#8ed1fc;
    --wp--preset--color--vivid-cyan-blue:#0693e3;
    --wp--preset--color--vivid-purple:#9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple:linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux:linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk:linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean:linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass:linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight:linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale:url(#wp-duotone-dark-grayscale);
    --wp--preset--duotone--grayscale:url(#wp-duotone-grayscale);
    --wp--preset--duotone--purple-yellow:url(#wp-duotone-purple-yellow);
    --wp--preset--duotone--blue-red:url(#wp-duotone-blue-red);
    --wp--preset--duotone--midnight:url(#wp-duotone-midnight);
    --wp--preset--duotone--magenta-yellow:url(#wp-duotone-magenta-yellow);
    --wp--preset--duotone--purple-green:url(#wp-duotone-purple-green);
    --wp--preset--duotone--blue-orange:url(#wp-duotone-blue-orange);
    --wp--preset--font-size--small:13px;
    --wp--preset--font-size--medium:20px;
    --wp--preset--font-size--large:36px;
    --wp--preset--font-size--x-large:42px
}
.h1,h1,main .im-vc-home-hero h1,main section.hero-post .post-author .description p{
    font-weight:500!important
}
:root{
    --green:#00CD00;
    --red:#ff3366;
    --blue:#006EFF;
    --navy:#253045;
    --charcoal:#3B3A39;
    --ice:#F1F1F1;
    --wp--preset--font-size--normal:16px;
    --wp--preset--font-size--huge:42px;
    --animate-duration:1s;
    --animate-delay:1s;
    --animate-repeat:1
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    --wp-admin--admin-bar--height:32px;
    scroll-padding-top:var(--wp-admin--admin-bar--height)
}
main section.quiz-2-avatars ul.avatar-slider li .avatar-pick.active:after{
    clear:both;
    display:block;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
main.quiz-2 .mobile-title{
    height:50px
}
.vc_custom_1550831505772{
    font-size:small
}
.vc_custom_1550831505772 label~input{
    margin-top:5px;
    margin-bottom:15px
}
.vc_custom_1550831505772 label~input:focus{
    box-shadow:0 0 0 2px #d8d9d9
}
.vc_custom_1550831505772 .mc-field-group:has(select){
    display:flex;
    justify-content:center;
    align-items:center
}
.vc_custom_1550831505772 select{
    margin:0 10px;
    width:60%;
    height:40px
}
#mc_embed_signup,.custom-html-widget #mc_embed_signup{
    width:auto
}
header .header-wrapper .breadcrumbs i{
    position:relative
}
div.wpb_wrapper:has(.like-post){
    display:flex;
    justify-content:space-around;
    align-items:center
}
@media (max-width:375px){
    .page-id-48998 .wd-50,.page-id-49005 .wd-50,.quiz-2-header .header-offset .wd-50{
        zoom:0.6!important
    }
    body header .header-wrapper .logo{
        zoom:0.6;
        margin-top:1.5rem
    }
}
.vc_custom_1610910518277{
    background-size:cover
}
.h1,h1{
    font-size:22pt!important;
    font-family:Montserrat,sans-serif!important;
    line-height:30pt
}
.h2,h2{
    font-size:18pt!important;
    line-height:20pt
}
.h3,h3,h4{
    font-size:12pt!important;
    line-height:25pt
}
.h3,h3{
    padding-bottom:17px
}
body.question-template-default.single-question .hero-offset h1{
    font-size:32pt
}
.h4,.side-section h4{
    margin:0;
    padding:15px 0 20px;
    font-size:22px;
    font-weight:500;
    line-height:1.2
}
.homepage-side-content h3{
    font-size:15px!important;
    margin-top:0!important
}
.article h1,h3{
    padding-right:10px
}
main .im-vc-home-hero h1{
    font-size:20pt!important;
    font-family:Montserrat,sans-serif!important
}
.parental-control-title h1{
    margin-top:5px!important
}
.big-text h1{
    font-size:32pt!important
}
.description h1,.explore_title h1{
    font-size:31pt!important
}
.article h1{
    font-size:28pt!important;
    color:#224a8b!important
}
.icon3,.resource-box .description,.vulnerability .im-vc-popular-resource-box a .title,header .header-wrapper .navigation .main ul.main-menu li a,main .im-vc-accordion-box .question,main .im-vc-navigation .nav-wrapper ul li a,main .im-vc-popular-resource-box a .title.home-office,main .im-vc-quick-link .intro-wrapper .wpb_text_column .links a.link .icon{
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s
}
.flexresource .fa-angle-left,.flexresource .fa-angle-right{
    font-size:40px;
    z-index:999999;
    color:#0c0;
    position:relative
}
.resource-box .ctas a,.vc_custom_1618581315175 .gray-border{
    border:none!important
}
#catapult-cookie-bar,.resourceslider{
    background-color:#f5f4f4!important
}
.row:has(.col-md-3.col-sm-4.col-xs-6.col-ip-12):has(.search-result-box){
    display:flex;
    flex-flow:wrap
}
.report-issue-trigger div.title{
    color:#ff3365
}
.ajax-search-output .result:has(a[href="https://www.internetmatters.org/press-start-for-playstation-safety/quiz-questions/"]),.col-md-3.col-sm-4.col-xs-6.col-ip-12:has(.search-equal-thumbnails a[href="https://www.internetmatters.org/press-start-for-playstation-safety/quiz-questions/"]),.col-md-3.col-sm-4.col-xs-6.col-ip-12:has(.search-equal-thumbnails a[href="https://www.internetmatters.org/resources/sony-quiz/sony-questions/"]){
    display:none
}
.no-top-padding,.padding-10-0{
    padding-top:70px
}
.back-button{
    margin-top:50px
}
.page-id-38149 .quiz-2-players-wrapper,.page-id-48998 main.quiz-2,.page-id-49005 main.quiz-2,.page-id-51314 .quiz-2-players-wrapper,body.home main .im-vc-circle-slider ul.circle-slider li a{
    background:0 0
}
.page-id-38149 .mobile-title,.page-id-38149 .quiz-2-avatars-container,.page-id-38149 main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box,.page-id-51314 .mobile-title,.page-id-51314 .quiz-2-avatars-container,.page-id-51314 main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box{
    background-color:initial
}
body .vc_custom_1562228092709{
    padding-top:0!important;
    margin-top:0!important
}
section.quiz .row{
    margin-right:0!important
}
main .im-vc-navigation .nav-wrapper .mobile-menu-trigger{
    margin-top:32px
}
.vc_custom_1660903556421{
    margin-bottom:30px!important
}
main .row{
    margin:0 0 10px!important
}
.gf_progressbar,.gf_progressbar_title,.im-vc-popular-resource-box .external-link i,.mobile-hero,.mobile-image-text,.mobile-quiz-slider,.mobile-slider,.mobile-video,.page-id-32 .select2-container--default,.page-id-38149 .how-it-works,.page-id-38149 .quiz-2-header .clearfix,.page-id-48998 .quiz-2-header div.clearfix,.page-id-48998 .quiz-2-header-wrapper .padding-30-0,.page-id-48998 .quiz-2-partners .right,.page-id-49005 .quiz-2-partners .right,.page-id-49005 .resolution .fa-check,.page-id-49005 .resolution .fa-times,.page-id-49005 .winner~.icon,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .winner,.page-id-51314 .how-it-works,.page-id-51314 .quiz-2-header .clearfix,.pdfaddress,.resource-box .description .collapse,.resource-box .description .likes,.resource-box .fulldescription,.resource-box.readless .ctas.readmore,.resource-box.readmore .ctas .button.white.more,.resource-box.readmore .ctas .button.white.more+a,.resource-box.readmore .description+.likes,.resultPopUpBtns,.sonyheader p:empty,main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .text,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-controls-direction .bx-next,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,main .im-vc-navigation .nav-wrapper ul li a:after{
    display:none
}
#Backtotop>.row,.page-id-38149 .quiz-2-partners,.page-id-48998 .quiz-2-partners,.page-id-51314 .quiz-2-partners{
    background:#fff
}
.vc-hoverbox .vc-hoverbox-back,.vc-hoverbox .vc-hoverbox-front,.vc-hoverbox .vc-hoverbox-inner{
    height:500px
}
header .header-wrapper{
    z-index:99999999
}
.flexresource .fa-angle-left{
    top:6em;
    left:12px;
    display:none
}
.copy a,.flexresource .bx-next,.flexresource .bx-prev,main .im-vc-fb-pager.sticky_pager .pager-wrapper .others a:hover{
    text-decoration:none
}
.flexresource .fa-angle-right{
    display:inline;
    top:5em;
    left:-30px
}
main .im-vc-navigation .nav-wrapper ul li a:before{
    clear:both;
    display:none;
    content:'';
    width:20px;
    height:20px;
    position:relative;
    top:5px;
    right:8px;
    background-size:100%
}
main .im-vc-accordion-box .question,main .im-vc-navigation .nav-wrapper ul li a{
    display:flex;
    position:relative;
    font-weight:700;
    text-align:center
}
main .im-vc-navigation .nav-wrapper ul li a:focus,main .im-vc-navigation .nav-wrapper ul li a:hover{
    background-color:#fff;
    text-decoration:none;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.25)
}
main .im-vc-navigation .nav-wrapper ul li a i{
    font-size:16px;
    margin-right:6px
}
main .im-vc-navigation .nav-wrapper ul li a{
    min-height:70px;
    padding:20px 0;
    font-size:10px;
    color:#2a374f;
    border-right:1px solid #dedfe2;
    align-items:center;
    justify-content:center;
    background-color:#f1f2f3;
    border-bottom:2px solid #f1f2f3;
    line-height:1.5;
    text-transform:uppercase
}
footer .switcher.notranslate{
    margin:0 auto!important;
    margin-left:-22px!important;
}
.logo-slider .isDisabled{
    cursor:initial
}
main .im-vc-accordion-box .question{
    cursor:pointer;
    align-items:center;
    justify-content:center;
    min-height:100px;
    line-height:30px;
    background-color:#f4f4f6;
    padding:15px 40px;
    font-size:16px
}
.left-offset:has(.ajax-output){
    padding-left:0!important
}
body main .im-vc-accordion-box{
    box-shadow:0 0 8px 2px rgb(0 0 0 / 10%)!important
}
.col-md-12 .vc_custom_1660916763913{
    padding-bottom:80px!important
}
.im-vc-button,.wpb_wrapper h4,.wpb_wrapper h4~p{
    margin-left:15px
}
.resource-box .description{
    position:relative;
    z-index:5;
    margin:10px 0;
    height:100%!important
}
.resource-box .description .description-inner .hide-active{
    top:0;
    left:0;
    width:100%;
    height:100%
}
.resource-box .ctas a:hover{
    border:0
}
.resource-box .ctas a{
    padding-left:0;
    padding-right:0;
    width:47%;
    font-size:11px!important;
    float:left;
    margin-right:3%;
    top:-4px
}
.vc_col-has-fill .vc_custom_1647519245472,.vc_col-sm-6 .vc_custom_1561161976825,.vc_custom_1620757616710 .vc_custom_1620757597706,.vc_custom_1642424740848 .vc_custom_1642586205839{
    margin-left:0!important
}
.vc_col-sm-3 .vc_custom_1585120434298,.vc_custom_1574784649463 .vc_custom_1574850198831{
    padding-left:0!important
}
.resource-box div{
    margin-right:5px
}
.resource-box .image img{
    height:180px
}
.resource-box{
    padding-right:0!important;
    min-height:600px
}
.resource-box-gray .image{
    border:1px solid #eee
}
.resource-box-gray .button{
    font-size:10px!important
}
.resource-box .description .collapse a.collapse-button{
    position:relative;
    top:-4px!important
}
.resource-box .description .description-inner.active{
    background-color:#fff0;
    min-height:auto;
    font-size:14px;
    overflow-y:auto;
    max-height:100%!important;
    scrollbar-width:auto;
    scrollbar-color:#00cc00 #191e2d
}
.resource-box .description .description-inner{
    min-height:auto;
    font-size:14px;
    position:relative;
    top:0;
    left:0;
    width:100%;
    overflow:hidden;
    line-height:1.5;
    color:#2a2b32!important;
    font-weight:500
}
.resource-box .image{
    padding-top:50px;
    background:#20293f;
    border:1px solid #253045
}
.resource-box .title{
    font-size:18px
}
.resource-box.home{
    margin-top:-50px
}
.resource-box .ctas .button.external-link,.resource-box .ctas .button.more{
    top:-4px
}
.resource-box .description .description-inner.active::-webkit-scrollbar{
    width:10px
}
.resource-box .description .description-inner.active::-webkit-scrollbar-track{
    background:#191e2d
}
.resource-box .description .description-inner.active::-webkit-scrollbar-thumb{
    background-color:#0c0;
    border-radius:15px;
    border:0 #fff
}
.im-vc-popular-resource-box{
    margin:15px 7px
}
.audio-file,.im-logo{
    padding-top:20px;
    padding-left:20px
}
main{
    overflow-x:hidden!important
}
.wpb_wrapper .col-md-3.col-sm-4.col-xs-6.col-ip-12{
    margin:10px 0
}
#mc_embed_signup_scroll h2{
    padding-top:30px!important;
    font-size:18px!important
}
.dm_text{
    border:1px solid #f5f4f4;
    padding:20px;
    box-shadow:5px 10px #ddd;
    font-size:14px;
    line-height:1.7;
    margin-top:-20px
}
#mc_embed_signup .button{
    background-color:#00ca00!important;
    font-width:bold!important;
    height:0!important;
    line-height:0!important
}
body:not(.page-id-32) .select2-hidden-accessible{
    border:0!important;
    clip:rect(0 0 0 0)!important;
    height:1px!important;
    margin:-1px!important;
    overflow:hidden!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important
}
.page-id-32 main select{
    height:45px!important;
    outline:0!important;
    position:relative!important;
    border:1px solid #00cd00!important;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important;
    -moz-background-clip:padding!important;
    -webkit-background-clip:padding-box!important;
    background-clip:padding-box!important
}
.resourcerelated{
    width:100%;
    float:left;
    display:inline;
    overflow:hidden;
    margin-right:20px
}
.resourceHub_right{
    width:95%;
    float:left;
    margin-left:10px;
    margin-top:80px
}
.resourcerelated .carousel{
    width:300%;
    display:block;
    transition-duration:.5s;
    overflow:hidden
}
.newsletters,main .im-vc-quick-link .intro-wrapper .wpb_text_column .links{
    margin-top:30px
}
.resourceslider{
    width:calc(33.333333% - 80px);
    margin:0 40px;
    height:auto;
    float:left
}
.big-post,.page-id-48998 .quiz-2-partners .col-sm-10,.page-id-49005 .quiz-2-partners .col-sm-10,.resourceslider img,.time-quiz{
    width:100%
}
.resourceNavigation li{
    height:15px;
    width:15px;
    background:#d3d3d3;
    border-radius:50px;
    display:inline-block;
    margin:20px;
    box-shadow:0 0 4px grey inset
}
.resourceNavigation{
    text-align:center
}
.resourceFilterSection{
    border-bottom:1px solid #f5f4f4!important;
    padding-bottom:20px
}
.resourcerelated p{
    text-align:center;
    font-size:20px
}
.textexcerpt{
    float:left;
    margin:10px 30px 30px;
    line-height:1.8
}
.permalinkforresource{
    text-align:center;
    margin-top:70px;
    margin-bottom:30px
}
.permalinkforresource a{
    padding:14px;
    font-weight:700;
    border-radius:6px!important;
    background-color:#0c0;
    line-height:150%;
    color:#fff
}
.ceo-info .im-vc-info-box .info-inner.has-icon .icon img{
    max-width:100%
}
.pum-theme-29673 .pum-container,.pum-theme-default-theme .pum-container{
    padding:18px;
    border-radius:14px;
    border:1px #000;
    box-shadow:1px 1px 3px 0 rgba(2,2,2,.23);
    background-color:#f9f9f9;
    margin-top:20%!important
}
li.digital_hub a{
    border-right:0px!important
}
div.wpforms-container-full .wpforms-form .wpforms-page-button,div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form input[type=submit]{
    background-color: #cccc!important;
    border: 1px solid #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #fff!important;
    content: "\f004"!important;
    font-size: 18px;
    border-radius: 6px;
}
.nominate-popup_wrapper,.preview_form_container{
    width:500px
}
main .poll-option .im-vc-pledge{
    background-image:url("https://www.internetmatters.org/wp-content/uploads/2022/01/pledge-bg-v4.png");
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:100%;
    background-color:#f1f1f1;
    padding:10px 30px 120px;
    position:relative;
    max-width:340px;
    margin:0 auto
}
.poll-option .button.pink{
    background-color:#00ca00;
    color:#fff
}
main .poll-option .im-vc-pledge .socials{
    margin:20px 0;
    text-align:center;
    display:none
}
.press-releases-title{
    height:110px
}
.press-releases-button{
    margin-bottom:15px
}
.nominate{
    list-style-type:none
}
main .im-vc-accordion-box ul li:after,main .im-vc-info-box ul li:after,main .wpb_text_column ul li:after{
    clear:both;
    display:block;
    content:'';
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    position:absolute;
    font-size:15px;
    font-weight:100;
    line-height:1.6!important;
    top:13px;
    left:10px;
    width:6px;
    height:6px
}
main section.quiz-2-header .quiz-2-header-wrapper .header-offset{
    margin-top:90px!important
}
header .header-wrapper .navigation{
    float:left;
    background-color:#fff;
    width:calc(100% - 300px);
    border-bottom:1px solid #d8d9d9;
    position:relative;
    z-index:10;
    border-left:1px solid #d8d9d9;
    padding-top:14px!important
}
header .header-wrapper .navigation .main{
    height:40px;
    padding-top:10px;
    margin-bottom:20px
}
header .header-wrapper .logo{
    float:left;
    background-color:#fff
}
.im-logo{
    padding-right:40px
}
.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    background:#fff!important;
    border:1px solid #fff!important
}
.audio-file{
    background:#253045;
    padding-bottom:20px;
    color:#fff;
    font-size:20px;
    border-left:5px solid #0c0;
    margin-bottom:-15px
}
main .im-vc-navigation .nav-wrapper ul li.icon-21 a:before{
    background-image:url("../img/menu-icons/menu-icon-21.png")!important;
    width:24px
}
main .im-vc-navigation .nav-wrapper ul li.icon-22 a:before{
    background-image:url("../img/menu-icons/menu-icon-22.png")!important;
    width:24px
}
main section.quiz-2-players .player-select-box{
    margin:5px;
    font-size:18px!important;
    padding:10px 20px!important;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    position:relative;
    background-color:#6f589b;
    font-weight:600
}
.button.white,.landing-page .im-vc-circle-link .title,main section.bx-next .far,section.bx-prev .far{
    color:#fff!important
}
main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box.active{
    border-color:#00ca00
}
main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction,section.quiz-2-avatars h2{
    color:#5e28f1!important
}
main section.quiz-2-avatars .player-avatar-box .player-name .name-label{
    text-align:left;
    font-size:18px;
    margin-bottom:16px!important;
    font-weight:400!important;
    margin-top:20px
}
main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box .title{
    font-size:19px;
    text-align:center;
    margin-top:20px;
    color:#fff;
    font-weight:700
}
.size-thumbnail{
    width:200px!important
}
main section.quiz-2-header .quiz-2-header-wrapper ul.answers .answer.active{
    border-color:#0c0!important
}
.wp-playlist-item,main .im-vc-fb-nav-slider.stickey_nav{
    border-bottom:0 solid #ccc
}
.wp-playlist-item{
    background-color:#f4f4f4!important;
    position:relative;
    cursor:pointer;
    padding:0 3px
}
.a_link p{
    background-color:#fff!important;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px
}
#to_top_scrollup,main .im-vc-hero-quiz{
    background-color:transparent!important
}
.a_link p a{
    color:#006eff!important;
    font-size:13px
}
.wp-playlist-light{
    background:#f4f4f4!important;
    color:#000
}
.gform_wrapper h3.gform_title{
    letter-spacing:normal!important;
    margin:10px 0 6px;
    display:none!important
}
.button.white,.page-id-38149 section.quiz-2-avatars .button,.page-id-51314 section.quiz-2-avatars .button,main .im-vc-home-hero .home-box .image .featured,main.quiz-2 .button{
    background-color:#253045!important
}
.external_link p a,.im-vc-fb-nav-slider .quiz-slider,.page-id-48998 .row .header-offset a.button:hover,.quiz-slider .bx-viewport{
    background-color:#fff!important
}
main .im-vc-home-intro .intro-wrapper .video-wrapper img.mobile-gif{
    padding:10px
}
.right-top-background-image{
    background:url("https://www.internetmatters.org/wp-content/uploads/2020/09/Header-A.jpg")
}
main .im-vc-popular-resource-box a .title.home-office{
    min-height:93px;
    line-height:1.4;
    color:#fff;
    text-align:center;
    font-size:22px;
    padding:15px;
    background-color:#0c0
}
main .im-vc-fb-nav-slider .section-nav-box .text{
    font-size:16px!important;
    margin:10px 0 15px;
    line-height:1.4;
    align:center;
    padding-left:5px!important
}
.vulnerability .im-vc-popular-resource-box a .title,.vulnerability .im-vc-popular-resource-box a:hover .title{
    color:#fff;
    font-size:20px!important;
    background-color:#0c0!important;
    text-align:center
}
.button{
    font-size:12px!important;
    border-radius:6px!important
}
main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a.disabled{
    pointer-events:none;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
    display:none!important;
    pointer-events:none;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
    opacity:.5
}
.vulnerability .im-vc-popular-resource-box a .title{
    min-height:93px;
    line-height:1.4;
    padding-top:15px
}
.vulnerability-title p{
    font-size:26px;
    color:#06f!important
}
.main_text{
    width:60%;
    text-align:center
}
.question_picker_title{
    font-size:22px;
    color:#ffff38
}
.modal-content{
    background-color:#fefefe;
    margin:15% auto;
    padding:20px;
    border:1px solid #888;
    width:80%
}
.close{
    color:#aaa;
    float:right;
    font-size:28px;
    font-weight:700
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer
}
.quiz-slider .bx-viewport{
    height:468px!important
}
i.fa.fa-times{
    color:#ffff38
}
main section.quiz .quiz-wrapper .question .answers .answer-box .answer-title{
    background-color:#333;
    padding:15px;
    text-align:center;
    color:#fff;
    font-weight:600;
    line-height:1.5;
    height:auto
}
main .im-vc-hero-quiz .quiz-logo{
    max-width:300px!important;
    margin-top:-50px
}
.button.yellow.big{
    font-size:16px!important;
    font-weight:700;
    margin-bottom:10%;
    margin-top:5%
}
.next-button{
    margin-bottom:-10px!important;
    margin-top:0!important
}
main .im-vc-hero-quiz .hero-title{
    margin-top:40px;
    font-weight:700;
    font-size:22px;
    line-height:1.9
}
main .im-vc-quiz-crossroad{
    max-width:78%!important;
    margin:0 auto 20px
}
main .im-vc-quiz-crossroad .content .title{
    font-size:17px;
    font-weight:700;
    line-height:1.5
}
.gfield_label,.gform_wrapper legend.gfield_label,.name{
    padding-top:30px
}
.search-result-other-box .by,main section.quiz .quiz-wrapper .quiz-accordion-box .title{
    font-weight:700
}
.hover_bkgr_fricc{
    background:0 0;
    cursor:pointer;
    display:none;
    height:100%;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
#to_top_scrollup,.hidden,.hiddenquiz{
    display:none!important
}
.hover_bkgr_fricc>div{
    background-color:#fff;
    box-shadow:10px 10px 60px #555;
    display:inline-block;
    height:auto;
    max-width:551px;
    min-height:100px;
    vertical-align:middle;
    width:auto;
    position:relative;
    border-radius:8px;
    padding:15px 5%
}
.popupCloseButton{
    background-color:#fff;
    border:3px solid #999;
    border-radius:50px;
    cursor:pointer;
    display:inline-block;
    font-family:arial;
    font-weight:700;
    position:absolute;
    top:-20px;
    right:-20px;
    font-size:25px;
    line-height:20px;
    width:30px;
    height:30px;
    text-align:center
}
.popupCloseButton:hover{
    background-color:#ccc
}
.trigger_popup_fricc{
    cursor:pointer;
    font-size:10px;
    margin:20px;
    display:inline-block;
    font-weight:700;
    float:right;
    background-color:#333;
    color:#fff
}
main section.quiz .quiz-wrapper{
    background-color:transparent;
    background-image:url("https://www.internetmatters.org/wp-content/uploads/2021/01/background-image3.png")!important;
    color:#fff
}
main .im-vc-hero-quiz .shares a,main section.quiz .quiz-wrapper .shares a{
    color:#fff!important;
    line-height:0!important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -ms-transition:.2s;
    -o-transition:.2s;
    text-align:center;
    display:inline-block;
    text-decoration:none;
    margin-right:5px;
    float:left
}
main .im-vc-hero-quiz .shares a{
    width:auto!important;
    font-size:16px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:0;
    background-clip:padding-box;
    background-color:#3c3
}
main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .arrow{
    background-color:transparent!important;
    color:#ff0!important;
    text-align:center
}
main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .arrow i{
    color:#0c0!important
}
.survey-style{
    font-size:16px;
    color:#3b3a39;
    align-content:center;
    font-weight:500;
    line-height:1.7
}
main section.quiz .quiz-wrapper .shares a{
    height:30px;
    width:auto!important;
    font-size:16px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-clip:padding-box;
    background-color:#3c3!important;
    border-radius:0!important
}
.google-footer-logo-section{
    padding-top:30px;
    padding-bottom:30px
}
.finish-text{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    padding-bottom:25px
}
.correct-answer{
    Padding-top:20px
}
main section.quiz .quiz-wrapper .player-wrapper .countdown{
    width:80%;
    margin:40px auto 0;
    background-color:#fff;
    padding:5px;
    display:none
}
.survey_header{
    font-size:18px;
    font-weight:700;
    color:#006eff!important;
    text-align:center
}
.pum-theme-29673 .pum-content+.pum-close,.pum-theme-default-theme .pum-content+.pum-close{
    border-radius:0!important
}
.icon3,main .im-vc-quick-link .intro-wrapper .wpb_text_column .links a.link .icon{
    top:7px;
    right:0;
    height:25px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%
}
.gform_wrapper .gform_page_footer .button.gform_button,.gform_wrapper .gform_page_footer .button.gform_next_button .startbutton{
    margin-right:10px
}
.survey_image{
    margin:10px auto 20px;
    display:block
}
.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .links .link:hover,.side-section,main .im-vc-quick-link .intro-wrapper{
    background-color:#fff
}
main .im-vc-quick-link .intro-wrapper .wpb_text_column .links a.link:hover .icon{
    background:#ff3365
}
main .im-vc-quick-link .intro-wrapper .wpb_text_column .links a.link{
    border-top:1px solid rgba(0,0,0,.1);
    display:block;
    position:relative;
    line-height:1.3;
    padding:10px 50px 10px 0;
    color:#253045
}
main .im-vc-quick-link .intro-wrapper .wpb_text_column .links a.link .icon{
    position:absolute;
    width:25px;
    background-color:#00cd00;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-radius:50%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box a.image{
    display:block;
    background-size:cover;
    background-position:center center;
    margin:0!important;
    width:100%
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box a.title{
    display:block;
    color:#0c0;
    line-height:1.3;
    font-size:20px;
    margin:15px 0;
    text-align:center
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box .subtitle{
    margin:15px 0 10px;
    font-size:16px;
    font-family:Montserrat,sans-serif!important;
    font-weight:500;
    line-height:1.4;
    color:#253045;
    text-align:center
}
time-text{
    padding-top:10px;
    padding-bottom:10px
}
.read-more-time{
    width:94%;
    float:right;
    font-size:13px;
    margin-top:-6%
}
.read-more-image{
    width:10%
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box .time{
    display:inline-block;
    padding:2px 5px;
    background-color:#0c0!important;
    color:#fff!important;
    margin:15px 0 10px;
    border-radius:6px;
    font-weight:700;
    font-size:17px
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box{
    padding:0!important;
    border:1px solid #f5f4f4;
    margin:auto;
    width:90%;
    height:auto
}
main .im-vc-fb-nav-slider.stickey_nav .section-nav-box .time a{
    color:#fff!important;
    font-size:17px;
    padding:0 14px
}
main .im-vc-fb-nav-slider.stickey_nav .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{
    background-color:#0c0!important
}
.im-vc-fb-nav-slider.stickey_nav a:hover,a:focus{
    text-decoration:none;
    outline:0
}
main .im-vc-fb-pager.sticky_pager .pager-wrapper .current{
    border-left:5px solid #0c0!important;
    background-color:#f4f5f5!important;
    color:#000!important;
    -webkit-border-radius:0px!important;
    -moz-border-radius:0!important;
    border-radius:0!important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    height:60px;
    line-height:60px;
    font-size:18px!important;
    padding:0 25px;
    font-family:Montserrat,sans-serif!important;
    cursor:pointer;
    position:relative;
    margin-top:10px!important
}
.icon3,main .im-vc-circle-slider ul.circle-slider li a .circle,main .im-vc-fb-pager .pager-wrapper .others{
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box
}
main .im-vc-fb-pager.sticky_pager .pager-wrapper .current i{
    position:absolute;
    top:50%;
    right:25px;
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#0c0
}
main .im-vc-fb-pager.sticky_pager .line{
    position:absolute;
    top:30px;
    width:100%;
    height:0;
    z-index:5;
    background-color:rgba(0,0,0,.2)
}
main .im-vc-fb-pager .pager-wrapper .others{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background-color:#f4f5f5!important;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-topleft:0;
    border-radius:0 0 5px 5px;
    background-clip:padding-box;
    display:none;
    opacity:1;
    color:#fff!important
}
main .im-vc-fb-pager.sticky_pager .pager-wrapper .others a{
    color:#000!important;
    font-family:Montserrat,sans-serif!important;
    font-size:16px
}
ul.box-list{
    list-style-type:circle;
    list-style-position:outside
}
ul.box-list li::before{
    content:"•";
    color:#00f;
    font-size:28px;
    padding-right:8px
}
main .im-vc-cyberbullying-hero .crossroad{
    position:relative;
    z-index:5;
    width:auto!important;
    margin:30px auto 0
}
.content-title h2,main section.parental-control .search-box h3{
    color:#0c0
}
.row{
    margin-left:0!important;
    margin-right:-10px
}
#to_top_scrollup{
    color:#006eff;
    opacity:1
}
main .im-vc-cyberbullying-hero-main .crossroad .select .options .option{
    display:block;
    color:#fff;
    line-height:1.5;
    padding:5px 0;
    font-size:16px
}
main .im-vc-cyberbullying-hero-main .crossroad .select .options{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    display:none;
    padding:10px 20px;
    background-color:#006eff;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.25);
    color:#fff!important
}
.fa-angle-right:before{
    content:"\f105";
    transform:rotate(90deg)
}
main .im-vc-circle-slider ul.circle-slider li a img{
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:150px!important;
    max-height:150px!important;
    width:auto;
    height:auto;
    z-index:5
}
.switcher .selected a{
    border:1px solid #ccc;
    background:url(https://pwxp5srs168nsac2n3fnjyaa-wpengine.netdna-ssl.com/wp-content/plugins/gtranslate/arrow_down.png) 146px center no-repeat;
    color:#666;
    padding:5px;
    width:200px!important;
    margin-left:22px!important;
    height:25px!important;
    padding-top:10px!important
}
.switcher .selected{
    background:0 0!important;
    z-index:99!important
}
.switcher .option{
    margin-left:22px!important;
    width:210px!important
}
.switcher{
    font-family:Arial;
    font-size:10pt;
    text-align:left;
    cursor:pointer;
    overflow:hidden;
    width:260px!important;
    line-height:17px;
    float:right;
    margin-right:-25px!important;
    margin-bottom:30px!important;
    margin-left:20px!important
}
.isDisabled{
    color:currentColor;
    cursor:not-allowed;
    opacity:1.5;
    text-decoration:none
}
.icon3{
    position:absolute;
    width:25px;
    background-color:#006eff!important;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-radius:50%;
    background-clip:padding-box
}
main .im-vc-circle-slider ul.circle-slider li a .circle{
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    height:160px!important;
    width:170px!important;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:2
}
.nominate-circle{
    border:2px solid #00ca00;
    margin-left:25%;
    margin-bottom:10%;
    border-radius:50%;
    width:30px;
    height:30px;
    font-size:17px;
    align-items:center;
    padding:10px 25px 25px 15px;
    font-weight:600
}
.nominate-list-steps{
    width:24%
}
main .im-vc-circle-slider .bx-wrapper .bx-controls{
    z-index:10;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    margin-top:20px
}
.nominate-title{
    width:160px;
    padding-left:10px
}
.author-title-section{
    margin:0;
    padding:0;
    font-size:42px;
    font-weight:700!important;
    line-height:1.7!important
}
.author-button{
    padding-top:100px
}
.accriditation_slide.im-vc-logo-slider-2{
    transition-duration:unset!important
}
main section.question .opinion-box .author .image{
    border-radius:50%
}
.home-page,.load-more-wrapper .no-top-padding{
    padding-top:0
}
main section.question .opinion-box{
    border-bottom:0!important
}
div.row.side-section:first-child{
    border-top:0
}
side-section .label .icon{
    padding-bottom:15px
}
main .im-vc-home-hero .home-box .image{
    min-height:149px
}
.side-section h4 a{
    font-size:18px!important;
    color:#2a2b32
}
header .header-wrapper .mobile .mobile-search .mobile-search-trigger{
    position:absolute;
    top:10px;
    text-align:center;
    height:30px;
    width:0!important;
    padding-top:3px;
    z-index:5
}
div.member-icon{
    margin-top:-25px
}
div.member-icon .vc_column-inner{
    margin-left:-40px;
    padding-top:8px;
    height:50px;
    color:#fff;
    border-left:3px solid #0c0
}
div.member-icon .vc_column_container>.vc_column-inner{
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px;
    width:100%;
    height:50px
}
div.member-icon p{
    font-size:16px;
    font-weight:500;
    padding-top:10px
}
div.member-icon .read-more-title{
    padding:0;
    height:52px;
    margin-top:-10px;
    margin-left:-20px
}
div.member-icon .read-more-title p{
    color:#2a2b32;
    padding-left:30px
}
div.founder-content .read-more-content .vc_column_container>.vc_column-inner{
    margin-left:-50px
}
.founder-title{
    margin-left:40px!important
}
.founder-content{
    width:96.8%!important;
    background-color:#fff;
    border:1px solid #dcdcdc
}
main .im-vc-home-hero .home-box.main .content{
    min-height:300px!important
}
main .im-vc-home-hero .home-box .content .excerpt{
    margin-top:20px;
    margin-bottom:20px;
    line-height:1.4
}
div .advice-boxes .im-vc-section-box{
    box-shadow:0 0 5px 4px rgba(0,0,0,.2);
    -webkit-box-shadow:0 0 5px 4px rgba(0,0,0,.2)
}
main .im-vc-home-hero .home-box .content .meta a,main .im-vc-home-hero .home-box .icon a{
    color:#006eff
}
footer .footer-wrapper ul.menu li:first-of-type a{
    text-decoration:none;
    font-weight:700
}
header .header-wrapper .navigation .service ul.service-menu li.menu-button a{
    font-weight:600;
    margin-left:20px;
    margin-right:5px
}
.row .side-section .image{
    border-left:5px solid #0c0
}
header .header-wrapper .navigation .service ul.service-menu li a{
    padding-right:20px;
    border-right:1px solid #ccc;
    font-weight:600!important
}
input[type=email],input[type=number],input[type=password],input[type=text],textarea{
    font-size:13px
}
header .header-wrapper .navigation .main ul.main-menu li .dropdown ul.site-nav-secondary li a{
    line-height:1.3;
    padding:10px 10px 10px 25px;
    text-align:left;
    color:#006eff;
    text-transform:none;
    font-size:13px!important
}
main .im-vc-navigation.sticky .nav-wrapper{
    position:fixed;
    width:100%!important;
    margin:auto;
    left:0;
    top:100px
}
.explore_title h1,.search-font,header .header-wrapper .navigation .main ul.main-menu li .dropdown ul.site-nav-secondary li a,header .header-wrapper .navigation .main ul.main-menu li a{
    font-weight:600!important
}
.search-font,.search-font a{
    color:#2a2b32!important
}
main section.search .total{
    margin-top:10px;
    text-align:center
}
.advice h2,.search-font{
    font-size:25pt!important
}
main .im-vc-logo-slider .bx-wrapper{
    position:relative;
    max-width:850px
}
main .im-vc-logo-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next,main .im-vc-logo-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
    left:-25px;
    display:none
}
main .im-vc-logo-slider ul.logo-slider li span.logo-slide-box{
    -webkit-border-radius:1%!important;
    -moz-border-radius:1%!important;
    border-radius:0!important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    border:4px solid #006eff;
    display:block;
    overflow:hidden;
    height:150px;
    width:150px;
    -webkit-border-radius:none!important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    text-align:center;
    background-color:#fff;
    position:relative
}
div. left_side .label{
    position:absolute!important
}
.white{
    color:#fff;
    font-weight:600
}
.parental-catagory img{
    border-radius:50%;
    border:0;
    -ms-interpolation-mode:bicubic;
    width:95px;
    height:95px!important;
    background-color:#fff;
    padding:25px 20px 18px 25px;
    box-shadow:0 0 5px 4px rgba(0,0,0,.2)
}
.homepage-side-content .cta,.more-box-content,.page-id-48998 .quiz-2-players .padding-50-0,main .im-vc-youtube-video{
    padding-bottom:0!important
}
main section.parental-control .category-box a.guide-circle{
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.25)!important;
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.25)!important;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.25)!important;
    box-shadow:0 0 5px 4px rgba(0,0,0,.2)!important
}
main .im-vc-home-hero .home-box .content .cta{
    position:relative;
    left:0;
    top:20px;
    padding-bottom:10px
}
.more-box-content{
    padding-top:0!important
}
.parental-control{
    margin-bottom:-50px
}
.post-box .title{
    font-size:17px;
    margin-bottom:-10px
}
.post-box{
    min-height:450px
}
.border-0,.border-1,.border-2,.border-3,.border-4{
    border-left:5px solid #0c0!important
}
main .im-vc-home-hero .home-box .content .equal-2 .cta{
    position:relative;
    left:0;
    top:0!important;
    padding-bottom:10px
}
div .content.equal-2{
    height:150px!important
}
.equal-2 .cta{
    margin-bottom:10px!important
}
main .im-vc-home-hero .home-box .content .meta{
    margin-top:15px!important;
    color:#006eff;
    font-weight:500
}
.home-page-main-side{
    font-size:24px
}
.button.medium{
    font-size:14px;
    font-weight:700;
    padding:15px 10px!important
}
header .header-wrapper .navigation .main ul.main-menu li a{
    display:block;
    text-align:center;
    font-size:12px!important;
    color:#3b3a39;
    text-transform:uppercase;
    line-height:40px;
    position:relative
}
main section.hero-advice .right img{
    width:100%;
    border-left:5px solid #0c0
}
p{
    color:#3b3a39!important;
    line-height:1.9!important;
    padding-bottom:10px
}
main section.hero-post .post-intro .right p{
    font-size:23px!important;
    line-height:1.9!important;
    font-weight:500!important;
    padding-left:30px!important
}
main .im-vc-youtube-video{
    position:relative;
    z-index:1
}
main section.recent-posts .related-box a .title{
    background-color:#253045;
    border-left:5px solid #0c0;
    font-size:15px!important;
    color:#fff;
    line-height:1.4;
    padding:15px
}
.external_link p a{
    padding:10px;
    color:#006eff;
    font-size:13px;
    font-weight:400
}
.external_link p a:after{
    margint-top:10px;
    content:'\f35d'!important;
    font-weight:400!important;
    font-family:'Font Awesome 5 Pro'!important;
    padding-left:10px!important
}
main .im-vc-poll-row{
    margin-left:10px
}
main .im-vc-popular-resource-box a .title{
    font-size:20px
}
main .im-vc-resources .intro-text p{
    color:#2a2b32;
    line-height:1.9!important
}
.external_link a{
    margint-top:10px
}
main .im-vc-more-to-explore .content ul li a{
    padding:10px 45px 10px 15px;
    background-color:#fff;
    margin:5px 5px 5px 0;
    display:inline-block;
    font-size:13px!important;
    line-height:1.4;
    position:relative;
    color:#006eff
}
.h4,.im-vc-section-box h4{
    margin:0;
    padding:0;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.7
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner{
    padding-top:15px!important
}
.medium{
    font-size:14px!important
}
div .advice-boxes .im-vc-section-box{
    box-shadow:0 0 5px 4px rgb(0 0 0 / 20%);
    -webkit-box-shadow:0 0 5px 4px rgb(0 0 0 / 20%);
    -moz-box-shadow:0 0 5px 4px rgba(0,0,0,.2)
}
main .im-vc-section-box{
    margin:10px auto!important;
    padding:10px
}
main .im-vc-section-box .head{
    border-bottom:1px solid #f5f4f4;
    margin:-10px
}
main .im-vc-section-box.big .button.button-left{
    left:20px
}
.mobile-search .mobile-search-form form{
    box-shadow:0 0 500px 500px #00000099
}
.page-id-48998 .intro-text p:first-child,.page-id-49005 .sonyheader div{
    background:#00449c;
    margin-left:-50%!important;
    margin-right:-50%!important;
    padding:50px 50%;
    height:400px;
    margin-bottom:70px;
    max-width:initial!important;

}
.page-id-38149 .samsungheader div,.page-id-51314 .samsungheader div,.parent-pageid-38149 .samsungheader div,.parent-pageid-51314 .samsungheader div{
    background:#6f589b;
    max-width:initial!important
}
header .im-logo img{
    height:72px!important
}
body footer .footer-wrapper .col-sm-3.col-xs-6.col-ip-12:nth-child(4) *{
    text-align:left!important;
    float:none!important
}
body header .header-wrapper.mobile-menu-active{
    z-index:99999!important
}
.page-id-48998 main form{
    background:rgb(244 244 244)
}
.page-id-38149 main form,.page-id-51314 main form{
    background:0 0/contain #f5f5f5
}
.page-id-38149 h2,.page-id-51314 h2{
    text-align:left!important;
    padding:0!important
}
.page-id-38149 .quiz-2-avatars .no-top-padding,.page-id-38149 .quiz-2-avatars .quiz-2-avatars-container,.page-id-38149 .quiz-2-header .padding-30-0,.page-id-38149 .quiz-2-header h2,.page-id-38149 .quiz-2-players .no-top-padding,.page-id-38149 .quiz-2-players .position-relative,.page-id-51314 .quiz-2-avatars .no-top-padding,.page-id-51314 .quiz-2-avatars .quiz-2-avatars-container,.page-id-51314 .quiz-2-header .padding-30-0,.page-id-51314 .quiz-2-header h2,.page-id-51314 .quiz-2-players .no-top-padding,.page-id-51314 .quiz-2-players .position-relative{
    padding-top:0;
    padding-bottom:0;
    margin-top:0!important;
    margin-bottom:0!important
}
.page-id-48998 .quiz-2-players-wrapper{
    background:initial
}
.page-id-38149 main section.quiz-2-players .player-select-box.active,.page-id-51314 main section.quiz-2-players .player-select-box.active{
    border:3px solid #00cd00
}
.finalresultbtn div.button,.page-id-48998 .row .header-offset a.button,.page-id-49005 .row .header-offset a.button,.parent-pageid-38149 main section.quiz-2-header .quiz-2-header-wrapper .select-error,.parent-pageid-51314 main section.quiz-2-header .quiz-2-header-wrapper .select-error{
    background-color:#253045
}
.formBreadCrumbs .likes-output,.page-id-38149 main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box .title,.page-id-38164 main section.quiz-2-header .quiz-2-header-wrapper .question,.page-id-48998 main.quiz-2 .mobile-title,.page-id-51314 main section.quiz-2-header .quiz-2-header-wrapper .quizes .quiz-box .title{
    color:#000
}
.parent-pageid-38149 .quiz-2-header,.parent-pageid-51314 .quiz-2-header{
    background-image:url('/wp-content/uploads/2023/01/samsung-online-project-background.png');
    background-size:contain
}
.page-id-38164 .button.mega{
    background-color:#6f589b!important
}
.page-id-38149 .quiz-select-error~.button.mega,.page-id-51314 .quiz-select-error~.button.mega{
    background-color:#6f589b!important;
    margin:50px 0 150px
}
.page-id-38149 .quiz-2-header .intro-text p:last-child,.page-id-51314 .quiz-2-header .intro-text p:last-child{
    background:#6f589b;
    max-width:400px
}
.page-id-49005 .quiz-2-header-wrapper{
    background:rgb(244 244 244)!important
}
.page-id-38149 .samsungheader div,.page-id-48998 .sonyheader div,.page-id-49005 .sonyheader div,.page-id-51314 .samsungheader div,.parent-pageid-38149 .samsungheader div,.parent-pageid-51314 .samsungheader div{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.page-id-49005 .question strong{
    display:block;
    padding:20px;
    text-align:left
}
.quizStageBreadcrumbs{
    width:100%;
    height:20px;
    padding:0 120px;
    display:flex;
    justify-content:space-evenly
}
.quizStageBreadcrumbs span{
    width:100%;
    background:rgb(224 224 224);
    margin:6px
}
.quizStageBreadcrumbs span.active{
    background:#0c0
}
.page-id-49005 .sonyquestionimg,.parent-pageid-38149 .samsungquestionimg,.parent-pageid-51314 .samsungquestionimg{
    width:200px;
    display:flex;
    margin:30px auto
}
.page-id-49005 .sonyquestionimg{
    width: auto;
    padding: 0 120px;
    height: 240px;
}
.page-id-49005 ul.answers li{
    background:#ffffff00!important;
    margin:10px 0
}
.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .select-error{
    color:#000;
    border:2px solid #000
}
.page-id-49005 .resolutions~.answers{
    text-align:center;
    font-size:larger;
    font-weight:500
}
.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .links .link{
    background-color:#f1f1f1;
    color:#253045!important;
    border:1px solid #253045
}
.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .links .link i{
    color:#253045!important
}
.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .resolutions{
    display:flex!important
}
.page-id-49005 .finalscore{
    text-align:center;
    font-size:26px;
    font-weight:700;
    margin-bottom:0
}
.finalresultbtn{
    display:flex;
    margin-bottom:40px;
    justify-content:center
}
.playergrades{
    font-size:20px;
    line-height:1.9;
    font-weight:600;
}
.finalresultbtn a,.finalresultbtn div.button{
    margin:auto;
    padding:30px!important
}
.finalresultbtn a i,.finalresultbtn div.button i{
    font-size:20px;
    padding:0 15px
}
.page-id-38149 .header-offset .samsungheader img,.page-id-48998 .header-offset .sonyheader a,.page-id-49005 .header-offset .sonyheader img,.parent-pageid-38149 .header-offset .samsungheader img,.parent-pageid-51314 .header-offset .samsungheader img{
    width:15%
}
.page-id-49005 .quiz-2-header .current-player,.page-id-49005 .quiz-2-header .resolution{
    width:100%;
    padding:10px!important;
    margin-top:-20px;
}
.page-id-49005 .resolution .result.incorrect{
    background:url(/wp-content/uploads/2022/10/sonyimages/WrongAnswer.png) 0 0/cover;
    background-color:initial!important
}
.page-id-49005 .resolution .result.correct{
    background:url(/wp-content/uploads/2022/10/sonyimages/RightAnswer.png) 0 0/cover;
    background-color:initial!important
}
.page-id-49005 .quiz-2-discussion li{
    list-style:auto!important;
    margin-left:15px;
    line-height:30px;
    font-weight:500
}
.page-id-48998 main section.quiz-2-header .quiz-2-header-wrapper .sonyheader h1,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .sonyheader h1{
    color:#32cbfe!important;
    text-align:initial;
    font-weight:900!important;
    font-size:24pt
}
.page-id-48998 .sonyheader h1 span,.page-id-49005 .sonyheader h1 span{
    display:inline;
    color:#fff;
    padding:0
}
.quizCertificateBox{
    width:2700px;
    height:1900px
}
.quizCertificateBox div{
    position:static;
    text-align:center
}
.quizCertificateBox div img{
    width:450px;
    MARGIN-TOP:900px
}
.quizCertificateBox div .title{
    padding:20px;
    font-size:35px;
    font-weight:400
}
.page-id-50756 .quizCertificateBox div .title{
    MARGIN-TOP:800px;
    position:absolute;
    width:100%;
    text-align:center
}
.quizCertificateBox div .score{
    padding:30px;
    font-size:55px;
    font-weight:800
}
.page-id-48998 header .logo div:nth-child(2),.page-id-49005 header .logo div:nth-child(2){
    background:url(https://www.internetmatters.org/wp-content/uploads/2023/11/sony.png) center/contain no-repeat;
    max-width:46%!important
}
.page-id-48998 header .logo div:nth-child(2) img,.page-id-49005 header .logo div:nth-child(2) img{
    opacity:0
}
body.page-id-48998 main.quiz-2 .quiz-2-avatars .padding-30-0:has(.mobile-title.active)~.section-collapsed.section-3,body.page-id-48998 main.quiz-2 .quiz-2-players .section-collapsed.section-3{
    display:block!important
}
.page-id-48998 .wd-50,.page-id-49005 .wd-50,.quiz-2-header .header-offset .wd-50{
    zoom:0.8;
    width:50%;
    float:left
}
.page-id-48998 .wd-40,.page-id-49005 .wd-40{
    width:40%;
    float:left
}
.page-id-48998 .wd-60,.page-id-49005 .wd-60{
    width:60%;
    float:left
}
.quiz-2-header .header-offset .wd-50 .post-likes{
    display:flex;
    align-items:center;
    height:40px
}
.page-id-38149 .quiz-2-header .header-offset .wd-50 .post-likes .like-post:hover,.page-id-51314 .quiz-2-header .header-offset .wd-50 .post-likes .like-post:hover{
    color:#00cd00
}
@media (max-width:400px){
    .digital-tool.little-digital-help section.age-group .choice.little-choice{
        zoom:0.7
    }
    header .header-wrapper .mobile .mobile-search .mobile-search-trigger{
        right:-10px!important;
        z-index:9!important
    }
    .mobile .mobile-menu-switcher{
        margin:5px 0 0!important
    }
}
@media (max-width:425px){
    header .logo div:nth-child(2){
        max-width:30%!important;
        position:relative;
        left:-10px;
        padding-left:0!important
    }
    header .header-wrapper .logo a{
        justify-content:left
    }
}
@media (max-width:500px){
    .wpb_wrapper .col-md-3.col-sm-4.col-xs-6.col-ip-12{
        height:auto!important;
        margin:20px 0;
        padding:5px
    }
    .flexresource .fa-angle-right{
        font-size:40px;
        display:block;
        position:relative;
        z-index:999999;
        top:-7.57em;
        color:#0c0;
        left:93%
    }
    .post-box,.resource-box{
        min-height:auto!important;
        overflow-y:auto
    }
    .resource-box{
        padding-bottom:0!important
    }
    .resource-box .image{
        margin-top:15px!important
    }
}
@media (max-width:600px){
    .vc_custom_1642587725837,.workbook-section{
        margin-left:0!important
    }
    main .vc_custom_1651568445881{
        margin-top:0!important
    }
    main .vc_custom_1651568445881 p{
        text-align:center
    }
    .page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper ul.answers{
        display:block!important;
        width:100%;
        margin:30px auto
    }
    .desktop-hero,.desktop-quiz-slider{
        display:none!important
    }
    .desktop-image-text,.desktop-video,.desktop-vulnerable,main section.quiz-2-header .bx-wrapper .bx-controls .bx-controls-direction .bx-next.disabled,main section.quiz-2-header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.disabled{
        display:none
    }
    header .header-wrapper .logo{
        float:left;
        border-bottom:0 solid #d8d9d9;
        width:270px
    }
    .im-vc-button{
        margin-bottom:10px
    }
    main section.quiz-2-avatars ul.avatar-slider li .avatar-pick{
        text-align:center!important;
        cursor:pointer;
        padding:10px;
        max-width:70%!important;
        position:relative
    }
    main section.quiz-2-avatars .player-avatar-box .player-name{
        max-width:500px;
        margin:0 10px 35px!important
    }
    main section.quiz-2-header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{
        background-color:#fff;
        display:none
    }
    main section.quiz-2-header .bx-wrapper .bx-controls .bx-pager{
        width:100%;
        text-align:center;
        pointer-events:initial;
        position:absolute;
        bottom:-40px;
        display:none
    }
    main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.disabled{
        -webkit-opacity:0.3;
        -moz-opacity:0.3;
        opacity:.3;
        display:none
    }
    .digital-tool .wrap,.thanks .wrap{
        max-width:1270px;
        margin:50px auto!important;
        padding:0 15px;
        width:100%
    }
    .thanks .featured,.thanks .more-explore,.thanks .videos{
        padding-top:0!important
    }
    main .im-vc-youtube-video .transcript-teaser{
        padding:10px 0 0;
        font-size:13px;
        cursor:pointer;
        position:absolute;
        bottom:0;
        right:15px;
        color:#000;
        z-index:20
    }
    .mobile-hero,.mobile-image-text,.mobile-slider,.mobile-video,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-controls-direction .bx-next,main .im-vc-logo-slider-2 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
        display:block
    }
    .view-hub{
        margin-top:20px
    }
    main section.quiz .quiz-wrapper .results .button{
        margin:10px 5px
    }
    main section.quiz .quiz-wrapper .shares a{
        margin-top:10px
    }
    .mobile-quiz-slider{
        display:block!important
    }
    main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .arrow i{
        font-size:30px;
        display:block
    }
    .video_slider a .arrow i{
        font-size:50px;
        line-height:40px!important;
        color:#ff0!important;
        display:block
    }
    .video_slider a .text{
        font-size:9px;
        color:#000!important;
        margin-top:10px
    }
    main .im-vc-fb-nav-slider .section-nav-box a.title1{
        display:block;
        color:#fff!important;
        line-height:1.3;
        margin:15px 0
    }
    main .im-vc-fb-nav-slider .section-nav-box .time-quiz{
        display:inline-block;
        padding:0 14px;
        background-color:#639;
        color:#fff;
        margin:0 0 12px;
        font-size:12px;
        font-weight:700
    }
    .nav-box a.image{
        display:block;
        background-size:cover;
        background-position:center center;
        width:auto;
        margin-left:-7px!important;
        height:220px!important;
        margin-top:0!important;
        margin-right:-5px!important
    }
    main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{
        background-color:#ff0
    }
    main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .text{
        font-size:14px;
        margin-top:10px
    }
    main .im-vc-cyberbullying-hero h1,main .im-vc-cyberbullying-hero-main h1{
        z-index:5;
        font-size:35px!important;
        color:#fff;
        max-width:800px;
        position:relative;
        line-height:1.2;
        text-align:center
    }
    main .im-vc-cyberbullying-hero .crossroad .select .title{
        height:55px;
        line-height:55px;
        font-size:15px!important;
        color:#006eff;
        padding-left:20px;
        position:relative
    }
    main .im-vc-circle-slider .bx-wrapper .bx-controls{
        z-index:10;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        pointer-events:none;
        margin-top:20px;
        display:block
    }
    .nominate-title{
        width:auto;
        margin-left:30px
    }
    .nominate-circle{
        margin-left:45%
    }
    .nominate-course-text{
        margin-left:-30px!important
    }
    .nominate-section-text{
        margin-left:-40px!important
    }
    .wordbook-text{
        margin-left:10px!important
    }
    main .im-vc-fb-pager.sticky_pager .pager-wrapper .current{
        border-left:5px solid #0c0!important;
        background-color:#ccc!important;
        color:#000!important;
        -webkit-border-radius:0px!important;
        -moz-border-radius:0!important;
        border-radius:0!important;
        -moz-background-clip:padding;
        -webkit-background-clip:padding-box;
        background-clip:padding-box;
        height:70px;
        line-height:60px;
        font-size:16px!important;
        padding:0 25px;
        font-family:Montserrat,sans-serif!important;
        cursor:pointer;
        position:relative;
        margin-top:10px!important
    }
    .right-top-background-image{
        background:#006eff!important
    }
    .sticky_pager:not(.im-vc-fb-pager){
        top:-10px;
        width:100%;
        position:fixed;
        z-index:5;
        right:0
    }
    .pum-theme-29673 .pum-container,.pum-theme-default-theme .pum-container{
        padding:18px;
        border-radius:14px;
        border:1px #000;
        box-shadow:1px 1px 3px 0 rgba(2,2,2,.23);
        background-color:#f9f9f9;
        min-width:0;
        max-width:100%!important;
        top:309px;
        left:113px;
        opacity:1;
        display:block
    }
    .cyberbullying-guide img{
        width:35%
    }
    main .im-vc-cyberbullying-hero-main h1{
        margin:30px auto
    }
    .cyberbullying-main h2{
        font-size:24pt!important
    }
    main .im-vc-cyberbullying-hero h1{
        margin:10px auto
    }
    .cyberbullying-row img{
        width:45%
    }
    .h1,h1{
        font-size:35px
    }
    .h2,h2{
        font-size:28px
    }
    .h3,h3{
        font-size:19px!important;
        margin-top:10px!important
    }
    #to_top_scrollup{
        color:#fff!important;
        background-color:#006eff!important;
        border-radius:50%!important;
        opacity:1;
        display:block!important
    }
    .author-title-section{
        margin:0;
        padding:0;
        font-size:28px;
        font-weight:700!important;
        line-height:1.7!important
    }
    header .header-wrapper .navigation .service ul.service-menu li a{
        padding-right:20px;
        border-right:0px solid #ccc;
        font-weight:600!important
    }
    main section.hero-author .position{
        line-height:1.7
    }
    .about-us{
        border:1px solid #d8d9d9
    }
    .im-vc-home-hero .row{
        margin-right:-10px
    }
    header .header-wrapper .navigation .service ul.service-menu{
        border-top:0!important;
        float:left!important;
        clear:both;
        margin-left:10px!important
    }
    main .im-vc-logo-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
        left:-20px!important;
        display:block!important
    }
    main .im-vc-logo-slider .bx-wrapper{
        position:relative;
        max-width:unset
    }
    .im-vc-home-guides .row{
        margin-right:0
    }
    main .im-vc-logo-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
        left:328px!important;
        display:block!important
    }
    div.member-icon .read-more-title{
        padding:0 80px 10px 0;
        height:auto;
        margin-top:17px;
        margin-left:-20px;
        width:calc(100% + 37px)
    }
    div.member-icon .read-more-title p{
        padding-left:15px
    }
    .founder-content{
        width:92.8%!important;
        margin-top:52px
    }
    .accriditation_slide.im-vc-logo-slider-2,.logo-slider{
        transition-duration:.5s!important
    }
    header .header-wrapper .navigation .main ul.main-menu li a{
        display:block;
        text-align:left!important;
        font-size:14px!important;
        color:#3b3a39;
        text-transform:uppercase;
        font-weight:600!important;
        line-height:40px;
        position:relative;
        -webkit-transition:.25s;
        -moz-transition:.25s;
        -ms-transition:.25s;
        -o-transition:.25s
    }
    .header-wrapper .navigation .main ul.main-menu li a{
        text-align:left;
        font-size:14px!important;
        line-height:1.2;
        padding:8px 25px!important;
        border-bottom:1px solid #f1f1f1
    }
    header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children .arrow{
        -webkit-transition:.25s;
        -moz-transition:.25s;
        -ms-transition:.25s;
        -o-transition:.25s;
        -webkit-transform-origin:center center;
        -moz-transform-origin:center center;
        -ms-transform-origin:center center;
        -o-transform-origin:center center;
        transform-origin:center center;
        display:block;
        width:50px!important;
        height:50px!important;
        font-size:14px;
        line-height:30px;
        text-align:center;
        position:absolute;
        background-color:transparent!important;
        right:50px!important;
        color:#999;
        padding-top:10px
    }
    main .im-vc-home-hero .home-box .image{
        min-height:auto
    }
    header .header-wrapper.mobile-menu-active{
        top:0
    }
    .far{
        font-family:'Font Awesome 5 Pro';
        font-weight:700!important;
        color:#2a2b32
    }
    .col-sm-11{
        padding-left:0!important;
        margin-right:10px!important
    }
    header .header-wrapper .mobile .mobile-search .mobile-search-form input{
        height:50px;
        line-height:50px;
        padding-left:50px;
        border:1px solid #ccc!important
    }
    header .header-wrapper .navigation .main ul.main-menu li:hover .dropdown{
        display:none;
        background-color:#f5f4f4!important
    }
}
@media (max-width:768px){
    .page-id-49005 .formBreadCrumbs
    {
        zoom: 0.8;
    }
    .page-id-48998 .intro-text~.formBreadCrumbs
    {
        zoom: 0.8;
        top: 470px !important;
    }
    .playersSection.finalPage .current-player.singlePlayer
    {
        margin-left: 40px !important;
        width: calc(100% - 50px);
    }
    .playersSection.finalPage .current-player.singlePlayer .score
    {
        min-width: 70px;
    }
    .formShareBtn{
        padding-left:5vw
    }
    .formBreadCrumbs .im-vc-button{
        margin-bottom:0!important
    }
    .formBreadCrumbs>div:first-of-type a:before{
        height:45px!important;
        width:50px!important;
        background-position:20px 10px!important;
        background-size:25px!important
    }
    .formBreadCrumbs>div:first-of-type a{
        margin-left:3vw!important;
        top:-4px!important
    }
    .page-id-40475 .digital-tool.start-now>section{
        margin-top:-75px
    }
    .page-id-40475 .im-vc-circle-slider .bx-viewport{
        height:260px!important
    }
    .page-id-40475 .circle-slider.square-slider li{
        width:5.5%!important;
        height:100%;
        margin-right:1.6%!important;
        margin-left:1.4%!important;
        min-height:200px
    }
    .page-id-40475 .circle-slider.square-slider{
        width:1200%!important
    }
    .page-id-40475 .circle-slider.square-slider .row{
        display:flex;
        align-items:center
    }
    .page-id-40475 .circle-slider.square-slider .row .col-md-4{
        flex-basis:100%
    }
    .page-id-49005 .quiz-2-header .resolution{
        width:100%
    }
    .page-id-49005 .quiz-2-header h2{
        margin:0!important
    }
    .finalresultbtn{
        display:grid
    }
    .finalresultbtn a,.finalresultbtn div.button{
        width:100%;
        font-size:10px!important
    }
    .finalresultbtn a i,.finalresultbtn div.button i{
        color:#fff!important
    }
    .page-id-48998 .quiz-2-partners,.page-id-49005 .quiz-2-partners{
        text-align:center
    }
    .page-id-48998 main section.quiz-2-header .quiz-2-header-wrapper .header-offset,.page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .header-offset{
        margin-top:40px!important
    }
    .page-id-48998 .col-sm-12 .mobile-title,.page-id-48998 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-next .far,.page-id-48998 main section.quiz-2-avatars .bx-wrapper .bx-controls .bx-controls-direction .bx-prev .far,.page-id-48998 main section.quiz-2-avatars .player-avatar-box .player-name .name-label,.page-id-49005 .mobile-score{
        color:#000!important
    }
    .page-id-49005 main .bx-viewport{
        height:auto!important;
        display:flex
    }
    .page-id-48998 .quiz-2-avatars .mobile-title:after,.page-id-48998 .quiz-2-players .mobile-title:after,.page-id-49005 .bx-pager,.page-id-49005 main section.quiz-2-header .bx-wrapper .bx-controls .bx-controls-direction .bx-next .far,.page-id-49005 main section.quiz-2-header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev .far{
        display:none!important
    }
    .page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .result-wrapper{
        zoom:0.7
    }
    .page-id-49005 .quiz-2-discussion{
        /*  margin-top:-100px*/
    }
    .page-id-49005 .quiz-2-discussion .col-sm-6:first-child .quiz-accordion-box .title{
        background:#add8e6;
        color:#000
    }
    .page-id-49005 .quiz-2-discussion .col-sm-6:first-child .quiz-accordion-box .title .more-info{
        color:#000
    }
    .page-id-49005 .quiz-2-discussion .col-sm-6:first-child .quiz-accordion-box.active .title,.page-id-49005 .quiz-2-discussion .col-sm-6:first-child .quiz-accordion-box.active .title .more-info{
        color:#fff
    }
    .page-id-48998 .quiz-2-avatars-container{
        background:#fff0
    }
    .page-id-48998 .mobile-title{
        background:0 0!important;
        color:#000!important
    }
    .page-id-48998 main{
        background:initial!important
    }
    .page-id-38149 .header-offset .samsungheader img,.page-id-48998 .header-offset .sonyheader a,.page-id-49005 .header-offset .sonyheader img,.page-id-51314 .header-offset .samsungheader img,.parent-pageid-38149 .header-offset .samsungheader img,.parent-pageid-51314 .header-offset .samsungheader img{
        width:40%!important
    }
    .page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper ul.answers .answer{
        margin:0!important;
        padding:0 15px
    }
    .page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper ul.answers .answer.active .title{
        display:inline-flex
    }
    .vc_custom_1651568326649 .vc_col-sm-8 p{
        text-align:center!important;
        padding:5%
    }
    div.vc_col-sm-2:has(.im-open-share-popup),div.vc_col-sm-2:has(.likes-output){
        width:50%;
        display:inline-block
    }
    div.vc_col-sm-2:has(.im-open-share-popup){
        top:-30px
    }
    main .im-vc-ico .icon{
        width:100%;
        display:inline-block
    }
    main .im-vc-ico .content{
        margin-left:0
    }
    h2 span{
        font-size:18pt!important
    }
    body .uwy.uon .uwif{
        top:150px
    }
    main .im-vc-team-image .content{
        min-height:300px;
        height:auto
    }
    .im-vc-team-image .content p:last-child{
        margin-bottom:60px
    }
    h1,h1 *{
        font-size:22px!important;
        padding:10px 0
    }
    body{
        position:relative
    }
    header #Backtotop{
        width:100vw;
        margin-left:0;
        z-index:9999999999999;
        background:#fff
    }
    body main{
        padding-top:60px;
        background:#f1f1f1
    }
    .vc_col-sm-6 .vc_custom_1626770403676{
        padding-left:0!important
    }
    .vc-hoverbox .vc-hoverbox-back,.vc-hoverbox .vc-hoverbox-front,.vc-hoverbox .vc-hoverbox-inner{
        height:500px
    }
    .vc-hoverbox .vc-hoverbox-front{
        background-size:contain;
        background-repeat:no-repeat;
        background-position:center;
        background-color:#fff
    }
    body footer{
        text-align:center!important
    }
}
body:has(.sonyheader) .answers:not(:has(.nophotoquiz>div img)) li:has(.active){
    background-color:unset!important
}
body:has(.sonyheader) .playersSection.finalPage .winner,body:has(.sonyheader) .revealAnswerSection .current-player div:first-of-type.winner{
    background:url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
    width:30px;
    height:30px;
    position:relative;
    top:-20px;
    left:87px
}
body:has(.sonyheader) .playersSection.finalPage .loser,body:has(.sonyheader) .playersSection.finalPage .winner{
    left:-105px!important;
    top:-45px!important;
    min-height:40px;
    min-width:40px;
    background-size:contain!important
}
body:has(.sonyheader) .playersSection.finalPage .loser,body:has(.sonyheader) .revealAnswerSection .current-player div:first-of-type:not(.winner){
    background:url('/wp-content/uploads/2023/05/loseremoji.png') no-repeat;
    width:30px;
    height:30px;
    position:relative;
    top:-20px;
    left:87px
}
body:has(.sonyheader) .playersSection.finalPage img{
    width:135px;
    min-height:135px;
    position:relative;
    left:-70px
}
@media (max-width:992px){
    .quiz-2-answer-form .playersSection
    {
        opacity: 0;
    }
    .playersSection.finalPage .current-player{
        margin-left:100px!important;
        width:calc(100% - 160px)
    }
    body:has(.sonyheader) .playersSection.finalPage .winner, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type.winner {
        background: url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type:not(.winner) {
        background: url(/wp-content/uploads/2023/05/loseremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    .playersSection.finalPage .name{
        margin-left:-110px;
        min-width:46vw
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:first-child i{
        right:calc(50% + 130px);
        color:#0c0!important;
        zoom:0.8
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:nth-child(2) i{
        right:calc(50% + 159px);
        color:#0c0!important;
        zoom:0.8
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:nth-child(3) i{
        right:calc(50% + 144px);
        color:#0c0!important;
        zoom:0.8
    }
    body:has(.sonyheader) .links.resultPopUpBtns a{
        background:#fff!important;
        text-align:center;
        padding:20px 40px!important;
        font-size:13px!important;
        font-weight:600!important
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div:first-child a{
        background-position-x:calc(50% - 90px)
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div:nth-child(2) a{
        background-position-x:calc(50% - 123px)
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div:nth-child(3) a{
        background-position-x:calc(50% - 78px)
    }
    body:has(.sonyheader) .resultPopUpBtns p{
        text-align:left;
        padding:40px 0;
        font-size:22px;
        font-weight:600
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div{
        margin:15px 0!important
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div a{
        width:100%;
        padding:25px 10px 25px 50px;
        background-color:#fff!important;
        box-shadow:0 0 4px 2px #00000026;
        text-decoration:underline;
        text-decoration-color:#00cc00;
        text-decoration-thickness:2px;
        background:url(/wp-content/uploads/2023/09/circle-exclamation-solid.png) 15vw 0/contain no-repeat;
        margin-left:-15px;
        width:calc(100% + 30px)
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div a:hover{
        background-color:#fff!important
    }
    .finalresultbtn div.button{
        text-align:center;
        min-width:330px!important;
        padding:20px 0!important;
        background-color:#1172c9!important
    }
    body:has(.sonyheader) .playerResultTxt{
        text-align:center;
        font-size:20px;
        font-weight:600;
        padding:20px 0;
        color:#08469a!important
    }
    body:has(.sonyheader) .correctAnswersUl .title{
        margin-left:40px
    }
    body:has(.sonyheader) .correctAnswersUl{
        padding:0 20px!important;
        font-weight:500
    }
    body:has(.sonyheader) .correctAnswers .notTicked,body:has(.sonyheader) .correctAnswers .ticked{
        max-height:25px!important;
        max-width:20px!important;
        background-repeat:no-repeat!important
    }
    body:has(.sonyheader) .revealAnswerSection~.button{
        margin-top:40px
    }
    body:has(.sonyheader) .resText{
        font-size:13px!important
    }
    body:has(.sonyheader) .revealAnswerSection{
        text-align:left;
        display:block;
        background:#fff;
        border-radius:15px;
        padding:15px 10px;
        box-shadow:0 0 5px 2px #00000038
    }
    body:has(.sonyheader) .quiz-2-header div.current-player{
        margin:0
    }
    body:has(.sonyheader) main section.quiz-2-header .quiz-2-header-wrapper ul.answers .answer .title{
        padding:0 15px
    }
    .page-id-49005 .question h3,.page-id-49005 .quiz-2-answer-form,.page-id-49005 .sonyquestionimg,.quizStageBreadcrumbs{
        padding:0 4vw
    }
    .page-id-49005 .question h3{
        text-align:left;
        font-size:14px!important
    }
    .page-id-49005 main section.quiz-2-header .quiz-2-header-wrapper .revealAnswerSection .current-player img{
        max-width:12vw
    }
    body:has(.sonyheader) .revealAnswerSection .current-player div:first-of-type.winner{
        left:13vw;
        width:30px;
        height:20px;
        background-size:contain
    }
    body:has(.sonyheader) .revealAnswerSection .current-player div:first-of-type:not(.winner){
        left:13vw;
        width:20px;
        height:20px;
        background-size:contain
    }
    body:has(.sonyheader) .quiz-2-header .revealAnswerSection div.current-player{
        border:none;
        padding:0!important
    }
    .page-id-49005 .sonyquestionimg,.quizStageBreadcrumbs span{
        margin:8px 2px;
        height: auto;
        width:100%;
    }
    .page-id-49005 .sonyheader,.page-id-49005 .sonyheader div{
        height:250px
    }
    body:has(.sonyheader) .avatar-pick.active{
        border:3px solid #00cd00
    }
    body:has(.sonyheader) .quiz-2-avatars .bx-wrapper{
        margin:0 20px!important
    }
    body:has(.sonyheader) .quiz-select-error~.button{
        background:#1172c9!important;
        width:90vw
    }
    body:has(.sonyheader) .quiz-2-avatars .container h2.mobile-title{
        margin-bottom:-40px!important
    }
    body:has(.sonyheader) .section-collapsed.section-3.loaded{
        display:block!important;
        padding:0!important
    }
    body:has(.sonyheader) .quiz-2-players .section-collapsed.section-2,body:has(.sonyheader) .section-2 .text-center{
        padding:0!important;
        margin-bottom:0
    }
    body:has(.sonyheader) .adult-title{
        text-align:left!important;
        padding-left:10px!important
    }
    body:has(.sonyheader) .adult-title~.row{
        padding:0 10px!important
    }
    .sonyheader~h2{
        font-size:17px!important;
        text-align:left!important;
        margin-bottom:0!important
    }
    .sonyheader~p{
        text-align:left!important;
        margin-top:0!important
    }
    body:has(.sonyheader) .quiz-2-players h2.mobile-title{
        font-size:17px!important;
        text-align:left!important;
        padding-left:0!important;
        margin-bottom:-30px!important
    }
    body:has(.sonyheader) .quiz-2-avatars h2.mobile-title{
        font-size:17px!important;
        text-align:left!important;
        padding:0!important
    }
    body:has(.sonyheader) main section.quiz-2-players .player-select-box{
        background:#1172c9!important;
        padding:12px!important;
        border-radius:1px;
        margin:5px
    }
    body:has(.sonyheader) .sonyheader p{
        margin-top:0!important;
        margin-bottom:100px!important
    }
    body:has(.sonyheader) .sonyheader>div,body:has(.sonyheader) .sonyheader>div div{
        display:block!important
    }
    body.page-id-49005:has(.sonyheader) .sonyheader>div{
        display:flex!important
    }
    body.page-id-49005:has(.sonyheader) .sonyheader>div img{
        margin-top:0!important
    }
    body:has(.sonyheader) .sonyheader>div img{
        max-width:130px!important;
        margin-top:50px!important
    }
    body:has(.sonyheader) main section.quiz-2-header .quiz-2-header-wrapper .sonyheader>div div h1{
        font-size:21px!important;
        text-align:center!important;
        font-weight:700!important
    }
    .sonyheader{
        background:#00449c;
        box-shadow:0 0 0 25px #00449c;
        height:380px
    }
    .page-id-40475 .digital-tool.start-now .jumbo .wrap:has(.form){
        margin-top:-140px!important;
        margin-bottom:300px!important
    }
    main section.quiz-2-header .quiz-2-header-wrapper .resolutions .resolution .icon{
        top:125px;
        right:25vw;
        position:absolute
    }
    footer ul li a+.dropDown{
        display:initial
    }
    footer ul{
        max-height:35px;
        overflow:hidden
    }
    footer .row .col-ip-12{
        width:100%;
        float:none
    }
    body.page-id-28955 .vc_custom_1585133156392 .vc_col-sm-3{
        padding:0 3%;
        font-size:18px
    }
    .quiz-title{
        font-size:17px!important;
        font-weight:700;
        line-height:1.5;
        color:#000!important;
        padding-bottom:20px
    }
    main .im-vc-home-intro .intro-wrapper .video-wrapper a.button{
        bottom:15px;
        right:15px
    }
    .page-id-38149 main.quiz-2 .mobile-title,.page-id-51314 main.quiz-2 .mobile-title{
        color:#000!important;
        font-size:18px!important
    }
    main.quiz-2 .mobile-title{
        color:#fff!important
    }
    main .im-vc-fb-nav-slider .bx-wrapper .bx-controls .bx-controls-direction a .arrow{
        width:45px;
        height:45px;
        text-align:center;
        margin-top:80px!important
    }
    .video_slider a .arrow{
        width:45px;
        height:45px;
        text-align:center;
        margin-top:50px!important
    }
    main .landing-page .im-vc-circle-link a{
        margin-bottom:10px;
        background-color:transparent;
        min-height:100px;
        position:relative
    }
}
@media (max-width:1024px){
    body:has(.whatIsItpopUpBtn) .im-button-popup-content{
        overflow:scroll;
        max-height:85vh;
        width:100vw!important
    }
    body:has(.whatIsItpopUpBtn) .im-button-inner{
        padding:0!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .player-avatar-box .bx-controls-direction{
        width:109%!important;
        margin-left:-5%
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .avatar-label{
        text-align:left;
        font-size:18px;
        margin-bottom:16px!important;
        font-weight:400!important;
        margin-top:20px;
        margin-left:10px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-avatars ul.avatar-slider li,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-avatars ul.avatar-slider li .avatar-pick{
        max-width:27vw!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box{
        width:100%;
        margin:0!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box .image{
        width:140px!important;
        height:80px;
        display:block!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box .title{
        height:80px;
        padding-top:35px!important;
        padding-left:10px;
        margin-top:0!important;
        background:#fff;
        width:100%;
        text-align:left!important;
        font-size:15px!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .player-select-box{
        width:45%
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~.section-collapsed>div{
        display:block!important;
        height:270px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~.section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~h2,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars .section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars h2,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players .section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players h2{
        border-bottom:none;
        padding:0 20px!important;
        overflow:hidden;
        display:block
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main.quiz-2 .mobile-title[data-open=section-1]:after{
        display:none!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main.quiz-2 .mobile-title:after{
        display:none
    }
    .samsungheader>div{
        display:block!important
    }
    .page-id-51314 .name-label~input{
        border:3px solid #0c0
    }
    .samsungheader p{
        padding:0;
        margin:0
    }
    .intro-text~.formBreadCrumbs{
        top:410px!important;
        width:110%!important;
        margin-left:-5%!important;
        left:0
    }
    .intro-text .onlineTogetherProjectHeader{
        margin-top:-130px;
        height:350px;
        min-height:350px;
        background:#6f589b
    }
    .quiz-2-header .samsungheader h2{
        text-align:center!important;
        margin:0!important;
        color:#fff!important;
        border:none;
        max-width:100%;
        font-weight:400;
        font-size:16px!important;
        padding-top:29px!important
    }
    .quizSelection{
        display:flex
    }
    .quizSelection>div .im-vc-popular-resource-box .image{
        height:150px!important
    }
    .quizSelection>div .im-vc-popular-resource-box .title{
        height:100px
    }
    .quizSelection .im-vc-popular-resource-box{
        margin:0!important
    }
    .quizHeader{
        text-align:center;
        font-size:20px!important;
        font-weight:600
    }
    .onlineTogetherProjectHeader{
        text-align:center
    }
    .onlineTogetherProjectHeader h1{
        color:#fff!important;
        font-weight:600!important;
        padding-bottom:0;
        font-size:25px!important
    }
    .onlineTogetherProjectHeader h2{
        font-size:20px!important;
        color:#fff;
        max-width:80%;
        margin:auto;
        padding-top:15px
    }
    .onlineTogetherProjectHeader img{
        max-width:30vw
    }
    body header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children .arrow,body header .header-wrapper .navigation ul li a,body header .header-wrapper .navigation ul li a .arrow,header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children .arrow{
        -webkit-transition:.25s;
        -moz-transition:.25s;
        -ms-transition:.25s;
        -o-transition:.25s;
        display:block
    }
    header .header-wrapper .navigation{
        position:fixed
    }
    header .header-wrapper .navigation.mobile-open{
        -ms-transform:translateX(0);
        -webkit-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        width:100%!important;
        top:50px
    }
    header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children .arrow{
        -webkit-transform-origin:center center;
        -moz-transform-origin:center center;
        -ms-transform-origin:center center;
        -o-transform-origin:center center;
        transform-origin:center center;
        width:30px;
        height:30px;
        font-size:14px;
        line-height:30px;
        text-align:center;
        position:absolute;
        top:2px;
        background-color:transparent!important;
        right:10px;
        color:#999;
        padding-top:10px
    }
    header .header-wrapper .navigation .service ul.service-menu{
        float:left!important;
        clear:both;
        border-top:1px solid #d8d9d9;
        margin-left:10px!important
    }
    body header .header-wrapper .navigation .main ul.main-menu li a:hover,body header .header-wrapper .navigation .service ul.service-menu li:hover>a,body header .header-wrapper .navigation ul li:hover>a{
        background-color:#fff;
        color:#00cd00;
        text-decoration:none
    }
    .mobile-search-form{
        right:-50px!important;
        top:140px!important;
        z-index:9999!important
    }
    body header .header-wrapper .navigation>div>div>ul>li .dropdown{
        height:0;
        opacity:0;
        pointer-events:none
    }
    body header .header-wrapper .navigation>div>div>ul>li.active .dropdown{
        height:auto;
        opacity:1;
        pointer-events:initial
    }
    body header .header-wrapper .navigation .service ul.service-menu li{
        left:-9px
    }
    body header .header-wrapper#Backtotop .row .navigation ul li .dropdown ul.site-nav-secondary li a{
        border:0;
        line-height:1.3;
        font-size:12px!important;
        left:10px;
        padding:10px 10px 10px 25px;
        text-align:left;
        display:block;
        color:#006eff;
        text-transform:none;
        font-weight:600!important
    }
    .mobile .mobile-menu-switcher span{
        left:43%!important
    }
    .mobile .mobile-menu-switcher{
        height:40px!important;
        z-index:9999999999;
        right:15px;
        top:15px
    }
    body header .header-wrapper .navigation ul li .dropdown ul.site-nav-secondary li a{
        text-align:center!important;
        font-weight:600!important
    }
    body header .header-wrapper .navigation .main ul.main-menu li .dropdown{
        position:relative;
        top:0;
        left:0;
        display:none;
        width:100%;
        -webkit-box-shadow:0 0 0 0 rgb(0 0 0 / 0%);
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 rgb(0 0 0 / 0%);
        background-color:#f1f1f1
    }
    body header .header-wrapper .mobile .mobile-search{
        margin:20px 0 0!important;
        right:90px!important
    }
    .mobile .mobile-menu-switcher .line,.mobile .mobile-menu-switcher .line:after,.mobile .mobile-menu-switcher .line:before{
        width:25px!important
    }
    body header .header-wrapper .navigation .main ul.main-menu li .dropdown ul.site-nav-secondary li a{
        font-size:14px!important;
        font-weight:600!important
    }
    body header .header-wrapper .mobile{
        height:91px!important
    }
    body header .header-wrapper .navigation ul li a .arrow{
        position:absolute;
        top:8px;
        right:40px;
        width:30px;
        height:30px;
        line-height:30px;
        text-align:center;
        transform-origin:center center
    }
    body header .header-wrapper .navigation .main ul.main-menu li a:hover,header .header-wrapper .navigation .main ul.main-menu li a:focus{
        padding:15px!important
    }
    body header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children.active .arrow,body header .header-wrapper .navigation .main ul.main-menu li:hover>a{
        color:#00cd00
    }
    body header .header-wrapper .navigation .main{
        padding:0!important;
        margin:0!important;
        height:130vh!important
    }
    body header .header-wrapper .navigation .service{
        border:0!important
    }
    body header .header-wrapper .navigation .service ul.service-menu li a{
        text-align:center!important
    }
    body header .header-wrapper .logo,header .header-wrapper .logo a{
        height:90px!important;
        width:300px!important
    }
    body header .header-wrapper .logo a{
        width:300px!important
    }
    body header .header-wrapper .navigation{
        position:absolute;
        left:500%
    }
    body header .header-wrapper .navigation .main ul.main-menu li a{
        padding:15px!important;
        text-align:center!important
    }
    body header .header-wrapper .navigation .main ul.main-menu li.menu-item-has-children .arrow{
        position:absolute;
        top:8px;
        right:40px!important;
        width:30px!important;
        height:30px!important;
        color:#000;
        padding-top:0!important;
        line-height:30px;
        text-align:center;
        transform-origin:center center
    }
    body header .header-wrapper .navigation.mobile-open{
        -ms-transform:translateX(0);
        -webkit-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        width:100%!important;
        float:inherit;
        margin:auto;
        left:0;
        top:100px!important;
        overflow-x:hidden;
        overflow-y:auto;
        position:fixed;
        box-shadow:0 0 0 600px #fff;
        border:none!important
    }
    body header .header-wrapper .navigation ul li .dropdown ul.site-nav-secondary li{
        float:none;
        width:100%;
        position:relative
    }
    body header .header-wrapper .navigation ul li a{
        text-align:left;
        padding:10px 15px;
        border-bottom:1px solid #f1f1f1;
        font-size:14px!important;
        width:100%;
        line-height:35px!important;
        color:#3b3a39;
        text-transform:initial;
        font-weight:700!important;
        position:relative
    }
    body header .header-wrapper .navigation ul li a:hover,header .header-wrapper .navigation ul li a:focus{
        text-decoration:none
    }
    .wpb_content_element img.alignnone{
        margin:auto!important;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .page-id-44329 .vc_custom_1651532023204,.page-id-44492 .vc_custom_1651753075458{
        margin-left:0!important
    }
    .header-wrapper .navigation .main ul.main-menu li a{
        text-align:left;
        font-size:13px;
        line-height:1.2;
        padding:0!important;
        border-bottom:1px solid #f1f1f1
    }
    .right-top-background-image{
        background:#006eff!important
    }
}
@media (max-width:1025px){
    body header .header-wrapper .navigation ul li{
        float:none!important;
        width:100%!important
    }
}
@media (max-width:1200px){
    main .im-vc-cyberbullying-hero .crossroad .select .title{
        height:55px;
        line-height:55px;
        font-size:15px!important;
        color:#006eff;
        padding-left:20px;
        position:relative
    }
    main .im-vc-circle-slider .bx-wrapper .bx-controls{
        z-index:10;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        pointer-events:none;
        margin-top:20px;
        display:block
    }
    body header .header-wrapper .navigation ul li a{
        text-align:center!important
    }
}
@media (min-width:500px){
    .resource-box{
        max-height:600px;
        padding:0 0 0 5px!important
    }
    .ajax-output .col-sm-3.col-xs-6.col-ip-12{
        height:500px;
        margin-bottom:40px
    }
    .ajax-output .col-sm-3.col-xs-6.col-ip-12 .resource-box-gray .body{
        height:350px;
        overflow-y:auto
    }
    .im-vc-explore .col-md-3.col-sm-4.col-xs-6.col-ip-12 .post-box{
        height:450px;
        padding:0!important;
        margin:15px auto!important;
        max-width:280px;
        min-height:450px;
        overflow-y:auto;
        overflow-x:hidden
    }
    .im-vc-explore .col-md-3.col-sm-4.col-xs-6.col-ip-12 .post-box .by,.im-vc-explore .col-md-3.col-sm-4.col-xs-6.col-ip-12 .post-box .ctas,.im-vc-explore .col-md-3.col-sm-4.col-xs-6.col-ip-12 .post-box .title{
        padding:5px;
        width:250px;
        margin:auto
    }
}
@media (min-width:768px){
    div .button{
        font-size:10px
    }
    .resource-box .ctas a:first-child{
        position:absolute;
        width:45%!important;
        top:450px!important;
        right:auto!important
    }
    .resource-box .ctas a:last-child{
        position:absolute;
        width:45%;
        top:450px!important;
        right:0
    }
    .resource-box.readmore .ctas a:first-child{
        position:initial
    }
    .resource-box.readmore .ctas a.collapse-button{
        position:initial!important
    }
    .vc_custom_1561128411214+div .vc_col-sm-4,.vc_custom_1561128411214+div+div .vc_col-sm-4,.vc_custom_1561129802606 .vc_col-sm-4,.vc_custom_1585036202400+div .vc_col-sm-3,.vc_custom_1616482625654 .vc_col-sm-4,.vc_custom_1622698580663+div .vc_col-sm-4{
        width:33.33%;
        float:left
    }
    .vc_custom_1561268992013 img{
        float:none
    }
    .page-id-18602 .col-md-12>.left-offset .vc_col-sm-3,.vc_custom_1600259410910 .desktop-vulnerable .wpb_column,.vc_custom_1600429089598 .vc_col-sm-2{
        width:25%;
        float:left
    }
    main .im-vc-circle-link a .title{
        left:80px!important;
        font-size:13px
    }
    .page-id-1253 #do-the-basics~div[class="vc_row wpb_row vc_row-fluid"]{
        width:48%;
        float:left;
        margin:0 1%
    }
    .finalresultbtn a,.page-id-1253 #do-the-basics~div[class="vc_row wpb_row vc_row-fluid"] .vc_column_container.vc_col-sm-6{
        width:100%
    }
    .finalresultbtn div.button,main .finalresultbtn p{
        text-align:center;
        margin:auto 10%;
        min-width:300px!important;
        padding:20px 0!important;
        background-color:#1172c9!important
    }
  
    div.vc_custom_1667899267918{
        padding-top:175px!important
    }
    .resourcerelated{
        width:40%!important;
        min-width:350px
    }
    .resourceHub_right{
        width:50%!important;
        margin-top:50px!important
    }
}
.big-text{
    line-height:200%
}
body:has(.sonyheader) .quiz-2-header div.current-player{
    display:flex;
    height:120px;
    align-items:center;
    padding:0 20px!important;
    margin:20px 10px;
    background:#fff;
    border-left:5px solid #0c0
}
body:has(.sonyheader) .current-player .name{
    flex-grow:2;
    padding-top:0;
    text-align:left!important;
    padding-left:20px
}
body:has(.sonyheader) .revealAnswerSection~.button{
    background-color:#1172c9!important
}
body:has(.sonyheader) .revealAnswersBtn {
    padding:24px 45px!important;
    font-size:18px!important;
    background-color:#1172c9!important;
    line-height:1;
    display:inline-block;
    text-transform:uppercase;
    border-radius:6px!important;
    color:#fff!important;
    text-align:center;
    border:0;
    font-weight:700;
    outline:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-clip:padding-box;
    position:relative;
    cursor:pointer;
    letter-spacing:.5px
}
.revealAnswersBtnone {
    padding:24px 45px!important;
    font-size:18px!important;
    background-color:#1172c9!important;
    line-height:1;
    display:inline-block;
    text-transform:uppercase;
    border-radius:6px!important;
    color:#fff!important;
    text-align:center;
    border:0;
    font-weight:700;
    outline:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-clip:padding-box;
    position:relative;
    cursor:pointer;
    letter-spacing:.5px
}
body:has(.sonyheader) .current-player .score{
    font-weight:700;
    font-size:18px;
    width:100px
}
body:has(.sonyheader) .questionbox{
    border:2px solid #9ca3b1!important;
    height:45px!important;
    width:50px!important;
    zoom:0.5
}
body:has(.sonyheader) .current-player img{
    max-height:80px
}
body:has(.sonyheader) .current-player .score span{
    color:#0c0
}
body:has(.sonyheader) .correctAnswers .ticked{
    background:url('https://www.internetmatters.org/wp-content/uploads/2023/05/right-tick.jpg') 0 0/contain;
    width:27px;
    display:inline-block;
    height:20px;
    margin-right:20px;
    background-repeat:no-repeat!important;
    position:absolute
}
body:has(.sonyheader) .correctAnswers li{
    display:flex;
    align-items:center;
    margin-top:20px;
    margin-bottom:20px
}
body:has(.sonyheader) .correctAnswers .notTicked{
    background:url(https://www.internetmatters.org/wp-content/uploads/2023/05/Wrong-tick.png) 0 0/contain no-repeat;
    width:27px;
    display:inline-block;
    height:27px;
    margin-right:20px;
    position:absolute
}
@media (min-width:992px){
    .finalPage div:has(.singlePlayer)
    {
        display: block;
        margin: auto;
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:first-child i{
        right:calc(50% + 120px);
        color:#0c0!important
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:nth-child(2) i{
        right:calc(50% + 146px);
        color:#0c0!important
    }
    main section.quiz-2-header .quiz-2-header-wrapper .links .link:nth-child(3) i{
        right:calc(50% + 130px);
        color:#0c0!important
    }
    body:has(.sonyheader) .links.resultPopUpBtns a{
        padding-left:60px!important;
        font-size:14px;
        text-align:center;
        background:0 0!important
    }
    body:has(.sonyheader) .links.resultPopUpBtns{
        padding:0!important
    }
    body:has(.sonyheader) .resultPopUpBtns{
        padding:0 120px
    }
    body:has(.sonyheader) .resultPopUpBtns p{
        text-align:left;
        padding:50px 0 20px;
        font-size:22px;
        font-weight:600
    }
    body:has(.sonyheader) .resultPopUpBtns>div{
        display:flex;
        justify-content:center;
        margin-bottom:70px
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div{
        flex-grow:1
    }
    body.page-template-template-quiz-2:has(.sonyheader) .resultPopUpBtns a{
        width:100%;
        /*font-weight:500!important;
        padding:20px 10px 20px 50px!important;
        background-color:#fff!important;
        box-shadow:0 0 4px 2px #00000026;
        text-decoration:none;
        text-decoration-color:#00cc00;
        text-decoration-thickness:2px;
        border:0!important;
        background:url(/wp-content/uploads/2023/09/circle-exclamation-solid.png) 40px 0/contain no-repeat*/
    }
    body:has(.sonyheader) .resultPopUpBtns>div>div a:hover{
        background-color:#fff!important
    }
    body:has(.sonyheader) .correctAnswersUl .title{
        margin-left:45px
    }
    body:has(.sonyheader) .playerResultTxt{
        text-align:center;
        font-size:20px;
        font-weight:600;
        padding:20px 0;
        color:#08469a!important
    }
    body:has(.sonyheader) .current-player.player2{
        margin-left:70px!important;
        width:calc(100% - 70px)
    }

    body:has(.sonyheader) .playersSection.finalPage .current-player:first-of-type{
        margin-right:5vw
    }
    body:has(.sonyheader) .playersSection.finalPage .name{
        left:-110px;
        position:relative
    }
    body:has(.sonyheader) .playersSection.finalPage{
        width:100%
    }
    body:has(.sonyheader) .revealAnswerSection .current-player{
        border-left:none!important
    }
    body:has(.sonyheader) .correctAnswersUl{
        text-align:left;
        padding:30px 50px;
        line-height:40px;
        font-size:20px
    }
    body:has(.sonyheader) .correctAnswersUl li{
        font-weight:600
    }
    body:has(.sonyheader) .revealAnswerSection{
        display:block;
        margin:20px 120px;
        background:#fff;
        border-radius:20px;
        box-shadow:0 0 10px 3px #00000038
    }
    body:has(.sonyheader) .revealAnswerSectionone{
        display:block;
        margin:20px 120px;
        background:#fff;
        border-radius:20px;
        box-shadow:0 0 10px 3px #00000038
    }
    .revealAnswerSectionone .current-player{
        display: flex;
        height: 120px;
        align-items: center;
        padding: 0 20px!important;
        margin: 20px 10px;
        background: #fff;
        border-left: none !important;
    }
    body:has(.sonyheader) .playersSection.finalPage .winner, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type.winner {
        background: url(/wp-content/uploads/2023/05/winneremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    body:has(.sonyheader) .playersSection.finalPage .loser, body:has(.sonyheader) .revealAnswerSectionone .current-player div:first-of-type:not(.winner) {
        background: url(/wp-content/uploads/2023/05/loseremoji.png) no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        top: -20px;
        left: 87px;
    }
    .quizStageBreadcrumbs~h3{
        padding:0 120px;
        text-align:left
    }
    .page-id-49005 .sonyheader{
        margin-top:0px
    }
    .page-id-49005 .question strong{
        padding:20px 120px
    }
    body:has(.sonyheader) .playersSection{
        display:flex;
        padding:0 120px
    }
    body:has(.sonyheader) .quiz-select-error~.button{
        background:#1172c9!important
    }
    body:has(.sonyheader) .select2.select2-container .select2-selection,body:has(.sonyheader) .select2.select2-container .select2-selection__rendered{
        height:55px!important
    }
    body:has(.sonyheader) .select2.select2-container .select2-selection{
        line-height:30px;
        border-color:#a9a9a9
    }
    body:has(.sonyheader) .select2.select2-container .select2-selection__rendered{
        line-height:55px
    }
    body:has(.sonyheader) div .select2:not(.select2-hidden-accessible){
        width:92%!important;
        margin:0 4%
    }
    body:has(.sonyheader) main section.quiz-2-players .adult-title{
        padding-left:30px!important;
        font-size:18px
    }
    body:has(.sonyheader) main section.quiz-2-players .player-select-box{
        background:#1172c9!important;
        padding:18px!important;
        border-radius:5px;
        margin:5px 10px
    }
    .sonyheader h1{
        font-size:38px!important;
        font-weight:700!important
    }
    .sonyheader~h2{
        margin-top:80px!important;
        margin-bottom:0!important
    }
    body:has(.sonyheader) div:has(> .quiz-select-error){
        margin-top:250px!important
    }
    body:has(.sonyheader):has(.player-select-box[data-number='2'].active) div:has(> .quiz-select-error){
        margin-top:630px!important
    }
    body:has(.sonyheader) .quiz-2-avatars .section-collapsed{
        left:49.5%!important;
        top:850px!important
    }
    body:has(.sonyheader) .quiz-2-players .section-collapsed{
        top:60px!important;
        left:0!important;
        width:50%!important
    }
    body:has(.sonyheader) .quiz-2-players h2.mobile-title{
        left:0!important;
        top:-50px!important;
        font-size:22px!important;
        width:50%
    }
    body:has(.sonyheader) .quiz-2-avatars h2.mobile-title{
        top:-131px!important;
        left:50%!important;
        font-size:22px!important;
        width:50%
    }
    body:has(.sonyheader) .quiz-2-avatars h2{
        left:50%!important;
        top:-131px!important
    }
    body:has(.sonyheader) .formBreadCrumbs{
        top:350px!important;
        position:absolute;
        width:200%;
        background:#fff;
        margin-left:-50%
    }
    .sonyheader>div>div{
        display:flex;
        flex-direction:column;
        align-items:baseline!important
    }
    .sonyheader>div>div p{
        text-align:left!important
    }
    .sonyheader>div>div h1,.sonyheader>div>div span:not(.noSpace){
        margin-left:50px;
        -webkit-box-decoration-break:clone;
        box-decoration-break:clone
    }
    .sonyheader>div{
        background:#00449c;
        margin-left:-50%!important;
        margin-right:-50%!important;
        padding:100px 50% 30px;
        max-width:initial!important;
        box-shadow:0 -150px 0 150px #00449c!important
    }
    .hero-offset .col-sm-6:last-of-type,.hero-offset>.vc_col-sm-6:last-of-type{
        margin-top:10px!important
    }
    body.question-template-default.single-question .hero-offset{
        padding-top:240px
    }
    .page-id-40475 .digital-tool.start-now>section{
        background-position:-200px 0;
        background-repeat:no-repeat
    }
    .parental-control .single-intro>.row{
        display:flex
    }
}
/** extra css for sony header **/
@media (min-width: 992px) {
    .player-select-box active{
        border: solid #00ca00 !important;
    }
}
main section.quiz-2-avatars ul.avatar-slider li .avatar-pick .active{
    border-color:#00ca00 !important;
}
/** extra css for sony header **/
@media only screen and (min-width:1024px){
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-avatars .player-avatar-box .player-name{
        max-width:initial!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-avatars .player-avatar-box{
        margin-right:25px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .bx-viewport li{
        margin-right:10px!important;
        margin-left:-2px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro):has(.player-select-box[data-number='2'].active) div:has(> .quiz-select-error){
        margin-top:460px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .select2:not(.select2-hidden-accessible){
        width:89%!important;
        margin:0 6%
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main section.quiz-2-players .adult-title{
        text-align:left;
        padding-left:24px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .player-avatar-box .bx-controls-direction{
        width:109%!important;
        margin-left:-5%
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .avatar-label{
        text-align:left;
        font-size:18px;
        margin-bottom:16px!important;
        font-weight:400!important;
        margin-top:20px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main.quiz-2 .mobile-title[data-open=section-1]:after{
        display:none!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) main.quiz-2 .mobile-title:after{
        display:none
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~.section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~h2,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars .section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars h2,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players .section-collapsed,body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players h2{
        border-bottom:none;
        width:33%;
        padding:0 20px!important;
        overflow:hidden
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~h2{
        font-size:17px!important;
        text-align:left!important;
        padding-left:30px!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .intro-text~.section-collapsed>div{
        display:block!important;
        height:270px
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players h2{
        left:33%;
        top:-338px;
        position:absolute!important;
        font-size:17px!important;
        text-align:left!important;
        padding-left:40px!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars .player-avatar-box .bx-wrapper{
        max-width:100%!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-players .section-collapsed{
        left:33%;
        top:-279px;
        position:absolute!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars .section-collapsed{
        display:initial!important;
        left:calc(50% + 177px);
        top:789px;
        position:absolute!important;
        padding:0 30px!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-2-avatars h2{
        left:calc(66% - 15px);
        top:-339px;
        position:absolute!important;
        font-size:17px!important;
        text-align:left!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .avatar-slider{
        zoom:0.9;
        margin-top:12px!important;
        margin-left:8px!important
    }
    body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quizHeader{
        text-align:center;
        font-size:20px!important
    }
    .onlineTogetherProjectHeader{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .onlineTogetherProjectHeader h1{
        font-size:40px!important;
        color:#fff!important;
        padding-bottom:20px;
        text-align:left
    }
    .onlineTogetherProjectHeader h2{
        color:#fff!important;
        max-width:80%;
        line-height:35px;
        border:none;
        font-weight:500!important
    }
    .onlineTogetherProjectHeader img{
        padding:0 4vw;
        min-width:500px
    }
    .formCloseBtn span{
        color:#fff;
        font-size:10px
    }
    .formCloseBtn .BtnLine{
        color:#fff;
        font-size:30px
    }
    .formCloseBtn{
        width:50px!important;
        height:50px;
        position:absolute;
        right:25px;
        top:190px
    }
    body.page-id-49005 .resolution .result{
        right:40%!important
    }
    body.page-id-49005 .quiz-2-discussion .col-sm-6:nth-child(3){
        float:right
    }
    .page-id-48998 main section.quiz-2-partners .partners .logo,.page-id-49005 main section.quiz-2-partners .partners .logo{
        width:200px;
        text-align:center
    }
    main .im-vc-navigation.sticky .nav-wrapper{
        top:0!important;
        width:70%!important;
        margin:auto;
        left:15%!important
    }
    .pum-container.pum-responsive.pum-responsive-medium{
        margin-left:-30%;
        width:30%!important
    }
    body header .header-wrapper .navigation .main{
        height:40px;
        padding-top:10px;
        margin-bottom:20px
    }
}
@media only screen and (min-width:1025px){
    body header .header-wrapper .navigation ul li.menu-item-18789 .dropdown{
        left:-160px!important
    }
}
@media (min-width:1023px) and (max-width:1200px){
    header .header-wrapper .navigation .main ul.main-menu li a{
        font-size:9px!important
    }
}
@media (min-width:768px) and (max-width:992px){
    .page-id-40475 .digital-tool.home-page .jumbo h1{
        margin-top:90px
    }
}
@media (min-width:600px) and (max-width:768px){
    .vc_custom_1640010273519 .nominate-circle{
        margin-left:45%
    }
    .vc_custom_1640010273519 .nominate-title{
        width:100%;
        text-align:center
    }
    .vc_custom_1628782010339+.left-offset .vc_col-sm-4 .content,.vc_custom_1628782037372 .vc_col-sm-4 .content,.vc_custom_1628782045528 .vc_col-sm-4 .content,.vc_custom_1628783193535 .vc_col-sm-4 .content,div.our_experts .wpb_column{
        min-height:400px
    }
    .resource-box .description .ctas,.resource-box.readless .description .ctas,.resource-box.readmore>.ctas{
        display:none
    }
    .resource-box.readmore .description .ctas{
        display:block
    }
    .vc_custom_1628782010339+.left-offset .vc_col-sm-4 .head,.vc_custom_1628782045528 .vc_col-sm-4 .head,.vc_custom_1628783193535 .vc_col-sm-4 .head{
        background-size:contain;
        background-repeat:no-repeat
    }
    .im-vc-circle-link{
        zoom:0.7
    }
    .vc_custom_1600429089598 .im-vc-circle-link{
        zoom:inherit
    }
    .im-vc-circle-link .circle{
        width:60px!important
    }
    .im-vc-circle-link .title{
        left:80px!important
    }
}
@media (min-width:992px) and (max-width:1024px){
    header .header-wrapper .breadcrumbs{
        min-height:40px;
        display:none!important
    }
}
@media only screen and (min-width:500px) and (max-width:1024px){
    .wpb_wrapper .col-md-3.col-sm-4.col-xs-6.col-ip-12{
        margin-bottom:30px!important
    }
}
@media (min-width:993px) and (max-width:1024px){
    main .im-vc-navigation.sticky .nav-wrapper{
        width:90%!important;
        margin:auto;
        left:5%!important;
        top:40px!important
    }
}
@media (min-width:600px) and (max-width:991px){
    .page-id-18815 main .im-vc-section-box{
        max-height:400px
    }
    main .im-vc-fb-nav-slider.stickey_nav{
        width:95%!important
    }
}
@media only screen and (min-width:1023px) and (max-width:1024px){
    body header .header-wrapper .navigation.mobile-open{
        height:500px!important
    }
}
#footerSubscribeSection select{
    margin:15px 0;
    width:70%;
    height:40px
}
#footerSubscribeSection label{
    font-size:small;
    flex-basis:180px
}
#footerSubscribeSection .mc-field-group{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:10px
}
#footerSubscribeSection input:nth-child(2){
    flex-basis:100%
}
.dm-popup--leaving_wrapper .gform_title{
    font-size:24px!important;
    margin-bottom:24px!important;
    display:none
}
.dm-popup--leaving_wrapper .gform_description{
    font-size:18px!important
}
.dm-popup--leaving_wrapper input[type=radio]:checked,.dm-popup--leaving_wrapper input[type=radio]:not(:checked){
    position:absolute;
    left:-9999px
}
.dm-popup--leaving_wrapper input[type=radio]:checked+label,.dm-popup--leaving_wrapper input[type=radio]:not(:checked)+label{
    position:relative;
    padding-left:38px;
    cursor:pointer;
    font-size:14px!important;
    display:inline-block;
    color:#3b3a39!important;
    font-weight:600
}
.dm-popup--leaving_wrapper input[type=radio]:checked+label:before,.dm-popup--leaving_wrapper input[type=radio]:not(:checked)+label:before{
    content:'';
    border:1px solid #ddd;
    border-radius:100%;
    background:#fff;
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:20px!important;
    height:20px!important
}
.dm-popup--leaving_wrapper input[type=radio]:checked+label:after,.dm-popup--leaving_wrapper input[type=radio]:not(:checked)+label:after{
    content:'';
    background:#00cd00;
    border-radius:100%;
    -webkit-transition:.2s;
    transition:.2s;
    content:'';
    width:12px;
    height:12px;
    position:absolute;
    top:4px!important;
    left:4px!important
}
.dm-popup--leaving_wrapper input[type=radio]:not(:checked)+label:after{
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.dm-popup--leaving_wrapper input[type=radio]:checked+label:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.dm-popup--leaving_wrapper input[type=radio]:checked+label:before{
    border-color:#00cd00
}
.dm-popup--leaving_wrapper .gchoice{
    height:30px;
    display:flex!important;
    align-content:center!important;
    margin-bottom:12px
}
.dm-popup--leaving_wrapper textarea{
    height:111px!important;
    border:1px solid #7f7f90!important;
    font-size:15px!important;
    color:#253045!important;
    padding:12px!important;
    font-family:Montserrat!important
}
.dm-popup--leaving_wrapper textarea:placeholder{
    color:#253045!important
}
.dm-popup--leaving_wrapper .gform_footer input[type=submit]{
    background:#253045;
    color:#fff;
    border:none;
    width:100%;
    height:58px;
    border-radius:10px;
    font-size:18px;
    font-weight:700
}
.dm-popup--leaving_wrapper #field_3_1{
    margin-top:24px!important
}
.dm-popup--leaving_wrapper #field_3_1 legend{
    font-size:18px!important;
    font-weight:400!important;
    margin-bottom:24px!important
}
.gform_wrapper.gravity-theme .gfield_label{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    margin-bottom:30px!important;
    padding:0
}
main .im-vc-info-box .info-inner.has-icon .icon{
    top:0
}
main section.hero h1,main section.hero-post h1{
    zoom:1!important
}
.formBreadCrumbs{
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px;
    overflow:hidden;
    background:#fff;
    margin:0 -30px
}
.formBreadCrumbs>div{
    max-width:200px;
    border-left:4px solid #f5f5f5;
    flex-grow:1
}
.formShareBtn,.formShareBtn a{
    align-items:center;
    display:flex
}
body:has(.sonyheader) .answer.active .questionbox{
    background:#0c0!important;
    border:5px solid #fff!important;
    box-shadow:0 0 0 1px #000
}
.formBreadCrumbs .im-vc-cta-buttons{
    margin:0!important;
    text-align:center
}
.formBreadCrumbs>div>div{
    padding:0!important
}
.formShareBtn i::before{
    font-size:30px
}
.formShareBtn i{
    color:#0c0;
    margin:0 5px 0 4vw
}
.formShareBtn a{
    position:relative;
    text-decoration:none;
    color:#000;
    font-size:16px
}
.formShareBtn{
    text-align:center;
    height:60px
}
.formBreadCrumbs>div:first-of-type{
    border-left:none;
    margin-top:7px
}
.formBreadCrumbs .post-likes{
    float:none;
    margin:5px auto auto;
    display:flex
}
.formBreadCrumbs .like-post-ajax-output{
    float:none;
    position:absolute;
    top:25px
}
.formBreadCrumbs .fa-thumbs-up{
    color:#0c0;
    font-size:24px;
    margin-right:5px!important;
    top:-5px;
    position:relative
}
main:has(.formBreadCrumbs) .im-vc-popular-resource-box a{
    max-width:initial
}
main:has(.formBreadCrumbs) .im-vc-popular-resource-box a .title{
    font-size:16px;
    font-weight:600;
    min-height:70px;
    color:#000
}
.hero-offset-form{
    padding:10vw 0 2vw;
    box-shadow:0 -100px 0 100px #70599b
}
.onlineTogetherProjectHeader:has(.samsungheader){
    display:block;
    box-shadow:0 -250px 0 300px #6f589b
}
.intro-text:has(.onlineTogetherProjectHeader){
    min-height:300px;
    padding:120px 0
}
.samsungheader>div{
    width:100%;
    min-height:400px
}
.samsungheader>div>div{
    display:inline!important
}
.onlineTogetherProjectHeader~div{
    margin-top:160px
}
.intro-text~.formBreadCrumbs{
    position:absolute;
    top:510px;
    width:200%;
    background:#fff;
    margin-left:-50%
}
body:has(.samsungheader) .button.mega{
    margin-bottom:10px!important
}
.companionGuide{
    display:block;
    color:#000;
    padding:30px
}
body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box{
    display:flex;
    height:90px;
    min-width:auto!important;
    align-items:center;
    padding:0!important;
    margin:0 10px
}
body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box .image{
    width:140px!important;
    height:80px
}
body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .quiz-box .title{
    height:80px;
    padding-top:35px!important;
    padding-left:10px;
    margin-top:0!important;
    background:#fff;
    width:100%;
    text-align:left!important;
    font-size:15px!important
}
body:is(.page-template-template-quiz-2,.page-template-template-quiz-2-intro) .player-select-box{
    width:45%
}
body main .formBreadCrumbs .whatIsItpopUpBtn a,body main.quiz-2 .formBreadCrumbs>div:first-of-type a{
    background:0 0!important;
    font-weight:600;
    width:calc(100% - 15px);
    margin-right:15px;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-5px
}
body main .formBreadCrumbs .whatIsItpopUpBtn a:before,body main.quiz-2 .formBreadCrumbs>div:first-of-type a:before{
    content:'';
    margin-left:-22px;
    filter:invert(50%) sepia(55%) saturate(3989%) hue-rotate(88deg) brightness(106%) contrast(115%);
    position:relative;
    display:inline;
    width:53px;
    height:60px;
    background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDY0IDI1NkEyMDggMjA4IDAgMSAwIDQ4IDI1NmEyMDggMjA4IDAgMSAwIDQxNiAwek0wIDI1NmEyNTYgMjU2IDAgMSAxIDUxMiAwQTI1NiAyNTYgMCAxIDEgMCAyNTZ6bTE2OS44LTkwLjdjNy45LTIyLjMgMjkuMS0zNy4zIDUyLjgtMzcuM2g1OC4zYzM0LjkgMCA2My4xIDI4LjMgNjMuMSA2My4xYzAgMjIuNi0xMi4xIDQzLjUtMzEuNyA1NC44TDI4MCAyNjQuNGMtLjIgMTMtMTAuOSAyMy42LTI0IDIzLjZjLTEzLjMgMC0yNC0xMC43LTI0LTI0VjI1MC41YzAtOC42IDQuNi0xNi41IDEyLjEtMjAuOGw0NC4zLTI1LjRjNC43LTIuNyA3LjYtNy43IDcuNi0xMy4xYzAtOC40LTYuOC0xNS4xLTE1LjEtMTUuMUgyMjIuNmMtMy40IDAtNi40IDIuMS03LjUgNS4zbC0uNCAxLjJjLTQuNCAxMi41LTE4LjIgMTktMzAuNiAxNC42cy0xOS0xOC4yLTE0LjYtMzAuNmwuNC0xLjJ6TTIyNCAzNTJhMzIgMzIgMCAxIDEgNjQgMCAzMiAzMiAwIDEgMSAtNjQgMHoiLz48L3N2Zz4=') 16px 12px/30px no-repeat;
}
body.page-id-49005:has(.sonyheader) .whatIsItpopUpBtn:before{
    background-image:url('/wp-content/uploads/2023/05/backtostart.png')!important
}
body.page-id-49005:has(.sonyheader) .whatIsItpopUpBtn{
    color:#000!important
}
.sonyheader a{
    z-index:9999999
}

/********************************************
 *                                          *
 *        IM HEADING COMPONENT              *
 *                                          *
 ********************************************/

.im-heading-wrapper .im-heading-title {
    font-size: 26px;
    font-weight: 700;
    border-left: 3px solid #00cc00 !important;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
    line-height:140%;
}

.im-heading-subdesc {
    font-size:18px;
    font-weight: 400;
    padding-top:10px;
}

@media (max-width: 600px) {
    .im-heading-wrapper .im-heading-title {
        font-size: 18px;
    }

    .im-heading-subdesc {
        font-size:16px;
    }

}


/********************************************
 *                                          *
 *        IM HERO SLIDER                    *
 *                                          *
 ********************************************/

.im-hero-slider {
    overflow: visible!important;
}

.im-hero-slider-slide {
    display: flex!important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    opacity: 0;
    transition: opacity 0.5s;
    align-self: stretch;
    height: auto;
}

.im-hero-slider-slide.swiper-slide-active {
    opacity: 1;
}

.im-hero-slider-slide .im-hero-slider-content {
    max-width: 40%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-self: stretch;
    height: auto;
    justify-content: center;
}

.im-hero-slider-slide .im-hero-slider-image {
    max-width: 60%;
    flex-grow: 1;
    align-self: stretch;
    height: auto;
    justify-content: center;
}

.im-hero-slider-slide .im-hero-slider-content h1,
.im-hero-slider-slide .im-hero-slider-content h2,
.im-hero-slider-slide .im-hero-slider-content p,
.im-hero-slider-slide .im-hero-slider-content a {
    padding: 0;
    margin: 0;
    color: #253045;
}

.im-hero-slider-slide .im-hero-slider-content h2, .im-hero-slider-slide .im-hero-slider-content h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 130%;
}

.im-hero-slider-slide .im-hero-slider-content p {
    font-size: 20px !important;
}

.im-hero-slider-slide .im-hero-slider-content .im-hero-slider-button a {
    font-size: 14px !important;
    font-weight: 700;
}

.im-hero-slider-slide .im-hero-slider-content .im-hero-slider-button a:hover {
    text-decoration: none !important;
}

.im-hero-slider-slide .im-hero-slider-image {
    display: flex;
}

.im-hero-slider-slide .im-hero-slider-image img {
    border-radius: 10px;
    width: 100%;
}

.im-hero-slider-slide .im-hero-slider-image .im-hero-slider-youtube-video {
    width: 100%;
    border-radius: 10px;
}

.im-hero-slider-slide .im-hero-slider-image .im-hero-slider-mp4-video {
    border-radius: 10px;
}

.im-hero-slider-slide .im-hero-slider-content .im-hero-slider-button a {
    padding: 15px 35px;
    display: block;
    width: fit-content;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.im-hero-slider-controls {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: 60%;
    align-items: center;
    column-gap: 15px;
    margin-left: auto;
    margin-top: 30px;
}

.im-hero-slider-controls .swiper-pagination-bullet-active {
    background: #00CC00;
}

.im-hero-slider-controls .im-hero-slider-button-prev-styles, .im-hero-slider-controls .im-hero-slider-button-next-styles {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #00cc00;
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 15px;
    padding-top: 5px;
}

.im-hero-slider-controls .im-hero-slider-button-prev-styles i {
    margin-top: 3px;
    margin-right: 2px;
}

.im-hero-slider-controls .im-hero-slider-button-next-styles, i {
    margin-top: 3px;
    margin-left: 2px;
}

.im-hero-slider-controls .im-hero-slider-pagination-styles { width: auto !important; }

.im-hero-slider::before {
    /* content: "";
    position: absolute;
    top: 25%;
    width: 2000px;
    height: 100%;
    left: 50%;
    background-color: #E5FAE5;
    z-index: -1;
    border-radius: 10px; */

    content: "";
    position: absolute;
    top: 60%;
    left: 50%;
    width: 2000px;
    height: 100%;
    transform: translateY(-50%);
    transform-origin: top left;
    z-index: -1;
    border-radius: 10px;
}

@media (max-width: 980px) {
    .im-hero-slider-slide {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 80px;
        opacity: 0;
        transition: opacity 0.5s;
    }

    .im-hero-slider-slide .im-hero-slider-content,
    .im-hero-slider-slide .im-hero-slider-image,
    .im-hero-slider-controls {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .im-hero-slider-slide .im-hero-slider-content .im-hero-slider-button a {
        margin: 0 auto;
        width: fit-content;
        text-align: center;
    }

    .im-hero-slider-controls {
        position: absolute;
        z-index: 9999;
    }

    .im-hero-slider::before {
        top: 35%;
        left: 10%;
        height: 65%;
    }
}

@media (max-width: 640px) {
    .im-hero-slider::before {
        top: 30%;
        left: 10%;
        height: 42%;
    }
    .im-hero-slider-controls {
        justify-content: space-between;
    }
    .im-hero-slider-image { height: 195px !important; max-height: 195px;}
}

.swiper {
    height: auto;
}

.im-hero-slider-light-green::before { background-color: #E5FAE5; }
.im-hero-slider-light-grey::before { background-color: #F4F4F4; }
.im-hero-slider-light-orange::before { background-color: #FFF0DD; }
.im-hero-slider-button-obsidian { background-color: #253045; color: white; }
.im-hero-slider-button-light-green { background-color: #BFF2BF; color: #253045; }
.im-hero-slider-button-transparent { background-color: white; color: #253045; border: 3px solid #00CC00; }


/********************************************
 *                                          *
 *        IM TILE CARD COMPONENT            *
 *                                          *
 ********************************************/

.vc-tile-card-wrapper {
    border-radius: 10px;
    margin-bottom: 20px;
}

.vc-tile-card-wrapper .vc-tile-card-image-wrapper .vc-tile-card-image {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}

.vc-tile-card-wrapper a {
    text-decoration: none !important;
    display: block;
}

/* Color Classes */
.vc-tile-card-light-green { background-color: #e5fae5; }
.vc-tile-card-light-gray { background-color: #f4f4f4; }
.vc-tile-card-white { background-color: #ffffff; }

/* Shadow effect */
.vc-tile-card-shadow-effect {
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

/* Title styles */
.vc-tile-card-title-wrapper {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 10px 10px 10px 10px;
}

.vc-tile-card-wrapper .vc-tile-card-title-wrapper .vc-tile-card-title {
    color: #253045;
    font-size: 14px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    line-height: 18px;
    padding: 14px 0;
}

/* Responsive styles */
@media only screen and (max-width: 800px) {
    .vc-tile-card-wrapper a {
        display: flex;
    }

    .vc-tile-card-wrapper a .vc-tile-card-image-wrapper {
        width: 100%;
        max-width: 38%;
    }

    .vc-tile-card-wrapper .vc-tile-card-title-wrapper {
        width: 100%;
        max-width: 62%;
    }

    .vc-tile-card-wrapper .vc-tile-card-image-wrapper .vc-tile-card-image {
        border-radius: 10px 0 0 10px;
        object-fit: cover;
    }
}

/********************************************
 *                                          *
 *        VC CALL OUT BOX COMPONENT         *
 *                                          *
 ********************************************/
.vc-callout-box-wrapper .vc-call-out-box-image {
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    width: 100%;
}
.vc-call-out-box-shadow-effect {
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.vc-call-out-box-content-wrapper {
    padding: 40px;
    border-radius: 10px;
}
.vc-call-out-box-image {
    width: 100%;
}
.vc-call-out-box-outside-image {
    border-top: none;
}
.vc-call-out-box-title h3 {
    font-size: 14pt !important;
    font-weight: 700;
}
.vc-call-out-box-description {
}
.vc-call-out-box-button-wrapper {
    margin-top: 10px;
}
.vc-call-out-box-link {
    width: 80%;
}
.vc-call-out-box-button {
    padding: 15px 30px;
    width: 100%;
    max-width: fit-content;
    border-radius: 6px;
    font-size: 10pt;
    font-weight: bold;
}
/* Color classes */
.vc-call-out-box-light-green { background-color: #e5fae5; }
.vc-call-out-box-light-gray { background-color: #f4f4f4; }
.vc-call-out-box-light-orange { background-color: #fff0dd; }
.vc-call-out-box-white { background-color: #fff; }
/* Button classes */
.vc-call-out-box-button-light-green {
    background-color: #bff2bf;
    color: #243045;
}
.vc-call-out-box-button-obsidian {
    background-color: #253045;
    color: #fff;
}
.vc-call-out-box-button-transparent {
    background-color: transparent;
    border: 2px solid #00cc00;
    color: #253045;
}
@media only screen and (max-width: 700px) {
    .vc-tile-card-wrapper a .vc-tile-card-image-wrapper {
        width: 100%;
        max-width: 38%;
    }
}

/********************************************
 *                                          *
 *        IM SIMPLE CALL OUT BOX            *
 *                                          *
 ********************************************/
.simple-call-out-box-outer-wrapper {
    margin-bottom: 15px;
    border-radius: 8px;
}

.simple-call-out-box-wrapper {
    padding: 20px 40px 55px 40px;
    border-radius: 8px;
    /* margin-bottom: 15px; */
}

.simple-call-out-box-wrapper-default { background-color: white; }
.simple-call-out-box-wrapper-light-green { background-color: #E5FAE5; }
.simple-call-out-box-wrapper-light-grey { background-color: #F4F4F4; }
.simple-call-out-box-wrapper-light-orange { background-color: #FFF0DD; }
.simple-call-out-box-wrapper-shadow { box-shadow: 0 0 20px rgba(0,0,0,0.1); }

.simple-call-out-box-button-obsidian { background: #253045; color: white; }
.simple-call-out-box-button-light-green { background: #BFF2BF; color: #253045; }
.simple-call-out-box-button-transparent { background: transparent; color: #253045; border: 2px solid #00cc00;}

.simple-call-out-box-outer-wrapper img {
    width: 100%;
    display: block;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.simple-call-out-box-content-wrapper h3 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
}

.simple-call-out-box-content-wrapper p {
    margin-bottom: 35px;
}

.simple-call-out-box-content-wrapper a {
    font-weight: 600;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
}

.simple-call-out-box-content-wrapper a:hover {
    cursor: pointer;
}

.simple-call-out-box-outer-wrapper.simple-call-out-box-outer-wrapper-out img {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: -20%;
}

.simple-call-out-box-outer-wrapper.simple-call-out-box-outer-wrapper-out .simple-call-out-box-content-wrapper {
    padding-top: 22%;
}

/********************************************
 *                                          *
 *        RECOMENDS SLIDER                  *
 *                                          *
 ********************************************/

.im-recommends-slider-outer-wrapper {
    padding: 120px 80px;
    overflow: hidden;
}

.im-recommends-slider-outer-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-action span,
.im-recommends-slider-outer-wrapper .im-recommends-slider-title h3,
.im-recommends-slider-outer-wrapper .im-recommends-slider-description p {
    padding: 0;
    margin: 0;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider {
    max-width: 80%;
    float: right;  /* Float the div to the right */
}

.im-recommends-slider-outer-wrapper .im-recommends-slide {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    align-items: center;
    gap: 40px;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 70%;
    flex-grow: 1;  /* Allow it to grow */
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-banner {
    max-width: 30%;
    flex-grow: 1;  /* Allow it to grow */
}


.im-recommends-slider-outer-wrapper .im-recommends-slider-action span {
    font-size: 20px;
    color: #253045;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-action {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-title h3 {
    font-size: 30px;
    color: #253045;
    font-weight: 700;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-description p {
    font-size: 20px;
    color: #253045;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-button a {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 35px;
    display: block;
    width: fit-content;
    border-radius: 8px;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-button .im-recommends-slider-button-green {
    border: 3px solid #BFF2BF;
    color: #253045 !important;
    background: #BFF2BF;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-button .im-recommends-slider-button-obsidian {
    border: 3px solid  #253045;
    color: white !important;
    background: #253045;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-button .im-recommends-slider-button-transparent {
    border: 3px solid #00CD00;
    color: #253045 !important;
    background: transparent ;
}

.im-recommends-slider-outer-wrapper .im-recommends-slider-ribon {
    position: absolute;
    top: 0;
    z-index: 5;
}

.im-recommends-slider-section .im-recommends-slider-control {
    margin-top: 40px;
}

.im-recommends-slider-control {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}

.im-recommends-slider-control .swiper-pagination-bullet-active {
    background: #00CC00;
}

.im-recommends-slider-control .im-recommends-slider-button-prev-styles, .im-recommends-slider-control .im-recommends-slider-button-next-styles {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #00cc00;
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 15px;
    padding-top: 5px;
}

.im-recommends-slider-control .im-recommends-slider-button-prev-styles i {
    margin-top: 3px;
    margin-right: 2px;
}

.im-recommends-slider-control .im-recommends-slider-button-next-styles i {
    margin-top: 3px;
    margin-left: 2px;
}

.im-recommends-slider-control .im-recommends-slider-pagination-styles { width: auto !important; }

.im-recommends-slider-shadow-effect { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }

@media (max-width: 1024px) {

    .im-recommends-slider-outer-wrapper {
        padding: 0;
        padding-top: 10vw;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 10vw;
    }

    .im-recommends-slider-outer-wrapper .im-recommends-slide {
        gap: 40px;
    }

    .im-recommends-slider-outer-wrapper .im-recommends-slider,
    .im-recommends-slider-outer-wrapper .im-recommends-slider-content,
    .im-recommends-slider-outer-wrapper .im-recommends-slider-banner {
        max-width: 100%;
    }

    .im-recommends-slider-outer-wrapper .im-recommends-slider-title {
        max-width: 98%;
    }

    .im-recommends-slider-outer-wrapper .im-recommends-slider-ribon {
        max-width: 23vw;
        right: 10px;
        z-index: 5;
    }

    .im-recommends-slider-outer-wrapper .im-recommends-slider-banner {
        display: none;
    }

    .im-recommends-slider-control {
        justify-content: center;
    }
}

.im-trending-topics-wrapper .im-trending-topics {
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.im-trending-topics-wrapper .im-trending-topics .im-trending-topic a {
    display: block;
    border: 2px solid #00CC00;
    border-radius: 6px;
    padding: 13px;
    width: fit-content;
    font-size: 12px;
    font-weight: 700;
    color: #253045;
    text-transform: uppercase;
    text-decoration: none;
}

.im-trending-topics-wrapper .im-trending-topics .im-trending-topic a:hover {
    background: #BFF2BF;
    border-color: #BFF2BF;
}

/********************************************
 *                                          *
 *        IM LATEST ARTICLES            *
 *                                          *
 ********************************************/

.im-latest-articles-slider .im-latest-articles-card {
    padding-right: 20px;
    padding-bottom: 20px;
}

.im-latest-articles-slider .im-latest-articles-card > a > div {
    border-radius: 16px 16px 16px 16px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-image img {
    width: 100%;
    border-radius: 16px 16px 0px 0px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-content .im-latest-articles-extra-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    color: #253045;
    font-weight: 500;
    font-size: 15px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-content .im-latest-articles-extra-info .im-latest-articles-read-time {
    display: flex;
    gap: 5px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-content {
    min-height: 215px;
    padding: 40px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-content h2 {
    font-size: 16px !important;
    font-weight: 700;
    color: #253045;
    padding-bottom: 10px;
}

.im-latest-articles-slider .im-latest-articles-card .im-latest-articles-content p {
    font-size: 15px;
    font-weight: 400;
    color: #253045 !important;
}

.im-latest-article-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
    align-items: center;
    column-gap: 15px;
    padding-right: 20px;
}

.im-latest-article-controls .im-hero-latest-article-prev {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #00cc00;
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 15px;
}

.im-latest-article-controls .im-hero-latest-article-next {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #00cc00;
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 15px;
}

.im-latest-article-controls .im-hero-latest-article-prev i,
.im-latest-article-controls .im-hero-latest-article-next i {
    margin: 0;
}


.im-latest-article-controls .slick-dots li button:before {
    font-size: 10px;
}

.im-latest-article-controls .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #00cd00;
}

.im-latest-article-controls .slick-dots li,
.im-latest-article-controls .slick-dots li button {
    padding: 0;
    margin: 0;
}

.im-latest-article-controls .slick-slider-dots .slick-dots {
    position: initial;
    width: fit-content;
}


@media (max-width: 800px) {
    .im-latest-article-controls {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: space-evenly;
        align-items: center;
        column-gap: 15px;
        padding-right: 20px;
    }

    .im-latest-articles-slider .im-latest-articles-card {
        padding-right: 0;
        padding-bottom: 0;
    }
}

/********************************************
 *                                          *
 *        TESTIMONIAL SLIDER                *
 *                                          *
 ********************************************/

.im-testimonial-slider-container-wrapper {
    position: relative;
    overflow: hidden; /* Ensure slides outside of view are hidden */
}

.im-testimonial-slider-container-wrapper .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    padding-bottom: 40px;
}

.im-testimonial-slider-container-wrapper::before,
.im-testimonial-slider-container-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px; /* Width of the fade effect */
    z-index: 2;
    pointer-events: none; /* Ensure swipes/clicks pass through */
}

.im-testimonial-slider-container-wrapper::before {
    left: 0;
    /* background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); /* Adjust the colors as needed */
}

.im-testimonial-slider-container-wrapper::after {
    right: 0;
    /* background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); /* Adjust the colors as needed */
}

.swiper-wrapper {
    align-content: center;
    align-items: center;
    transition-timing-function: linear;
}

.im-testimonial-slide {
    width: 90%;
    min-height: 300px;
    position: relative;
    box-shadow: 0px 5px 32px 4px #00000014;
    border-radius: 16px;
    padding: 40px 60px;
    /*transition: height 500ms ease-out;  */
    display: flex;
    align-items: center;
    background-color: white;
}

.im-testimonial-slider-container-wrapper .swiper-slide-active {
    min-height: 300px;
    z-index: 99999;
}

.im-testimonial-slider-container-wrapper .swiper-container .swiper-wrapper .im-testimonial-slider-content h2 {
    font-weight: 700;
    font-size: clamp(16px, 2.5vw, 18px) !important;
    padding-top: 0;
}

.im-testimonial-slider-container-wrapper .swiper-container .swiper-wrapper .im-testimonial-slider-content h2::before {
    content: "“";
    margin-right: 10px;
    margin-left: -25px;
    display: inline-block;
    font-size: 2.2rem;
    color: #00cc00;
    font-weight: 700;
}

.im-testimonial-slider-container-wrapper .swiper-container .swiper-wrapper .im-testimonial-slider-content p {
    font-size: clamp(16px, 2.5vw, 18px) !important;
}

.im-testimonial-slider-container-wrapper .swiper-container .swiper-wrapper .im-testimonial-slider-content span {
    display: block;
    font-weight: 600;
    margin-top: 11px;
    font-size: clamp(16px, 2.5vw, 18px) !important;
}

.im-testimonial-slider-control {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}

.im-testimonial-slider-control .swiper-pagination-bullet-active {
    background: #00CC00;
}

.im-testimonial-slider-control .im-testimonial-slider-button-prev-styles, .im-testimonial-slider-control .im-testimonial-slider-button-next-styles {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #00cc00;
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 15px;
    padding-top: 5px;
}

.im-testimonial-slider-control .im-testimonial-slider-button-prev-styles i {
    margin-top: 3px;
    margin-right: 2px;
}

.im-testimonial-slider-control .im-testimonial-slider-button-next-styles i {
    margin-top: 3px;
    margin-left: 2px;
}

.im-testimonial-slider-control .im-testimonial-slider-pagination-styles { width: auto !important; }

@media (max-width: 1024px) {
    .im-testimonial-slider-container-wrapper::before {
        left: unset;
        background: unset;
    }

    .im-testimonial-slider-container-wrapper::after {
        right: unset;
        background: unset;
    }

    .im-testimonial-slide {
        max-width: 90%;
        opacity: 0;
        transition: opacity 500ms ease-out;
    }

    .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    .im-testimonial-slider-control {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .im-testimonial-slider-container-wrapper .swiper-container.extra-pd {
        padding: 30px !important;
        padding-top: 0px !important;
    }

    .extra-pd .im-testimonial-slide {
        opacity: 0;
        transition: opacity 500ms ease-out;
    }

    .extra-pd .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    .extra-pd-controls {
        padding-right: 30px;
    }
}