.scTemplate {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.align-link-responsive-menu {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}


.scHeader {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#scHamburger {
    display: block;
}

#scHamburgerClose {
    display: none;
}



.scHeaderLogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.scHamburgerMenuText, .scHamburgerMenuText-close {
    font-size: var(--telenor-base);
    color: var(--telenor-black);
}

.scHamburgerMenuText-close {
    padding-left: 3px;
}

.scHeaderPassenger {
    display: none;
    color: #858383;
    margin-top: 0px;
}

.scHeaderMenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid gray;
    padding: 20px;
}

.scHeaderMenuItem {
    flex: 1;
    display: flex; /* Allows inner content alignment */
    align-items: center;
    justify-content: center;
}

.scDropdownClose {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid gray;
    padding: 20px;
}

.scHamburger, .scHamburgerClose {
    font-family: "Telenor Evolution UI Normal";
    display: flex;
    align-items: center;
    background: none;
    border: none;
}

.scHamburger > svg, .scHamburgerClose > svg {
    margin-top: 2px;
    padding-right: 5px;
    margin-right: 7.5px;
}

.scHeaderMenuLeft-mobile {
    display: none;
}

.scNav {
    display: block;
}

.scHamburgerMenuText, .scHamburgerMenuText-close {
    padding-top: 2px;
}

@media only screen and (max-width: 740px) {
    .scHeaderMenu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .scHeaderMenuLeft {
       display: none;
    }

    .scHeaderPassenger {
        display: block;
        font-size: 12px;
        margin-left: 15px;
        padding-top: 2px;
    }

    .scHamburger, .scHamburgerClose {
        position: absolute;
        top: 0;
        right: 0;
        padding: 30px;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 450px) {

    .scHamburger, .scHamburgerClose {
        padding: 28px;
    }

    .scHeaderTM {
        width: 205px;
        height: 31px;
    }


    .scHamburgerMenuText, .scHamburgerMenuText-close {
        display: none;
    }
}

@media only screen and (max-width: 360px) {

    .scHamburger, .scHamburgerClose {
        padding-right: 16px;
        padding-top: 28px;
    }
}

@media only screen and (max-width: 340px) {
    .scHamburger, .scHamburgerClose {
        padding-right: 12px;
        padding-top: 28px;
    }
}

.scHeaderMenuLeft {
    font-family: "Telenor Evolution UI Normal";
}

.scHeaderMenuLeft, scHeaderPassenger {
    color: var(--telenor-light-grey);
}

.scNavDropDown {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px;
    height: 256px;
   
}

.scDropdownMenu {
    display: none;
}

.scDropdownClose {
    display: flex;
   
}

.scDropDownFocus {
    display: flex;
}

#scDropDownFocusLink {
    display: block;
}

.scDropDownFocusLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin: 5px;
}


.scSearchElem {
   margin-top: 10px;
}


.scDropDownTM {
    display: flex;
    align-items: center;

}

.scDropDownPageLinks {
    display: flex;
    justify-content: center;
}

.scDropDownPageLinksBox {
    margin-right: 50px;
}

.dropDown-mobileLinks {
    padding: 20px 0px var(--spacing-sm) 0px ;
    display: flex;
    flex-direction: column;
}

.dropDown-mobileLinks a {
    padding: var(--spacing-xs);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Telenor Evolution Light";
    color: var(--telenor-neutral-core-500);
    font-size: var(--telenor-base);
    text-decoration: none;
    border-top: 1px solid var(--telenor-neutral-core-500);
    padding-right: 20px;

}

.scDropDownTM > a {
    text-decoration: none;
    font-family: "Telenor Evolution UI";
    font-size: var(--telenor-base);
    flex-direction: column;
    color: var(--telenor-dark);
    padding-right: 7px;
}

.mobildeDd {
    display: none;
}

.scNavDropDown > ul, .scDropDownPageLinks > ul {
    list-style-type: none;
}

.scLink {
    padding-bottom: var(--spacing-xs);
}

.scLink a {
    list-style-type: none;
    text-decoration: none;
    color: var(--telenor-dark);
}

.scNav {
    overflow-x: auto;
    padding: 20px 3px;
    padding-bottom: 20px;
    margin: 0px 0px;
}

.scNav > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.scNavLink {
    white-space: nowrap; /* prevent line breaks within items */
    text-decoration: none;
    color: var(--telenor-neutral-shade-1000);
    padding: 0px 30px;
}


.scNavDropDownElem {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.mobileDd {
    margin-top: 280px;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 30;
    background-color: white;
    padding: var(--spacing-xs);
}

.mobileDdContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-normal);
}

@media only screen and (max-width: 1100px) {
    .scNavDropDown {
      padding-top: 30px;
    }

    .desktopDd {
        display: none;
    }

    .mobileDd {
        display: block;
    }

  

}


/*****HEADER AND NAV/DROPDOWN RESPONSIVE*****/

@media only screen and (max-width: 650px) {
    .scNavLink {
        background-color: #ECECEC;
        margin: 0px 15px;
        padding: 4px;
        border-radius: 3px;
    }

    

}

@media only screen and (max-width: 450px) {
    .scNav {
        display: flex;
    }

    .scNavDropDown {
        align-items: center;
        justify-content: center;
        padding: 15px 0px 30px 0px;
    }

    #scDropDownFocusLink {
        display: none;
    }

    .scDropDownFocusLink {
        width: 50%;
        padding: 0px 0px;

    }

    .scDropDownPageLinks {
        margin-left: 45px;
    }

    .scDropDownPageLinksBox {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .scNavLink {
        margin: 0px 10px;
    }

    .scDropDownTM {
        margin-top: 30px;
    }

    .scLink  {
        margin: 20px 0px;
    }

    .scNavDropDownElem {
        padding: 0px;
    }


    .scDropDownPageLinks {
        flex-direction: column;
        margin: 0px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .scDropDownPageLinks > ul {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: flex-start;
    }

    .scDropDownFocus {
       width: 100%;
       margin: 0px;
       padding: 5px;
    }

}


/**** FRONTPAGE ****/
.scFrontpage {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}

.scFrontpageVideoContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--telenor-light-blue);
}

.scFrontpageVideo {
    width: 63%;
    transition: width 0.5s ease-in-out; /* Smooth transition */
}

.scFrontpageVideo.fullscreen {
    width: 75%;
}


.scFrontpageContainer {
    width: 80%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.scFrontpageContent {
    display: flex;
    flex-direction: column;
    font-weight: lighter;
    padding: 0px 0px;
    width: 80%;
}

.scFrontpageElement {
    padding: 10px;
}

.scFrontpageTitle, .scContentTitle {
    font-family: 'Telenor Evolution UI Normal';
    font-size: var(--title-size);
}

.scFrontpageIntroduction, .scContentIntroductionSide, .scContentIntroduction {
    font-family: 'Telenor Evolution UI';
    font-size: var(--intro-page);
    padding-top: 15px;
    padding-bottom: 20px;
}

.scContentIntroductionSide {
    font-family: 'Telenor Evolution UI';
    font-size: var(--intro-page);
    margin: 10px 0px;
}

.scContentMainText {
    font-family: 'Telenor Evolution Light';
    font-size: var(--telenor-base);
    width: 100%;
}
/*** CONTENT TEMPLATE ***/
.scContentTemplate {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* container for all block list elems */
.scContentContainer {
    height: 70%;
    min-height: 100vh;
    width: 80%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.scContentTextContainer-sidemenu {
    width: 85%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-self: center;
    padding: 15px 0px 15px 10px;
}

.scContentTextContainer {
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    padding: 15px 0px 15px 10px;
}


.scContentText {
    width:100%;
}

.scContentText-sidemenu {
    width:63%;
    max-width: 1000px;
    padding-right: 20px;
    padding: 25px 15px 30px 0px;
}

.scContentHeaderContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.scContentHeader {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--telenor-light-blue);
    position: relative;
}

.scHeaderBreadcrumbs {
    width: 68%;
}

.scContentHeaderImage {
    width: 68%;
    height: 322px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-size: cover;
    background-position: center; /* Centers the image */
}

.scContentHeaderText {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 18px;
    padding-left: 35px;
    margin-left: 6%;
    margin-bottom: 25px;
    margin-right: 30%
}

.scContentTitle {
    width: 100%;
    font-family: 'Telenor Evolution Light';
    font-size: var(--title-page-size);
    padding-bottom: 8px;
}

.scContentUndertitle {
    font-family: 'Telenor Evolution Light';
    font-size: var(--telenor-base);
}

.scSidemenu {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 28%;
    padding: 25px 0px 0px 45px;
    color: var(--telenor-neutral-shade-1000);
    font-family: 'Telenor Evolution UI';
    align-items: flex-end;
    text-align: left;
 
}

.scBanner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 100%;
   
    position: absolute;
    top: 0;
    background-color: #99d8dc;
    padding: 3.5px;
}

.scBannerImage {
    height: 48px;
}

.scSidemenu-title {
    text-wrap: nowrap;
    font-family: 'Telenor Evolution UI';
    font-size: 27px;
    padding-bottom: 25px;
}

.scSidemenuLinks {
    margin-right: 20px;
}

.scSidemenu-wrapper > ul, .scSidemenu-responsive > ul {
    list-style-type: none;
}

.scSidemenu-wrapper > ul > li {
    display: flex;
    align-items: center; 
    padding: 0.3rem 0px;
}

.scSidemenu-wrapper > h3 {
    font-family: 'Telenor Evolution light';
    font-size: var(--smallContentHeader);
    padding-bottom: 10px;
}

.scSidemenuLink {
    font-size: var(--telenor-base);
    text-decoration: none;
    color: var(--telenor-mid-blue);
    margin-bottom: 13px;
}

.scSidemenuSVG {
    margin-left: 5px;
    padding: 1px;
    margin-bottom: 10px;
}

.scSidemenuSVG-responsive {
    margin-left: 5px;
    padding: 1px;
}

.scSidemenu-responsiveDisplay {
    display: none;
}

.scSidemenu-responsive {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--telenor-light-blue);
    border-top: 1px solid var(--telenor-mid-blue);
    border-bottom: 1px solid var(--telenor-mid-blue);
    margin: 20px 0px;
    padding: 15px 0px;
    position: relative;
}

.scSidemenu-responsiveTitle-explore {
    font-family: 'Telenor Evolution UI Normal';
    font-size: var(--smallContentHeader);
    padding: 10px 0px;
}

.scSidemenu-responsive > ul > li {
   padding: 4px 0px;
}

.scSidemenuLink-responsive  {
    font-family: 'Telenor Evolution UI';
    font-size: var(--telenor-base);
    text-decoration: none;
    color: var(--telenor-mid-blue);
    padding: 0px 0px;
}

.scSidemenu-responsiveTitle {
    font-family: 'Telenor Evolution UI';
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
}

.scSidemenu-responsiveArrow {
   position: absolute;
   top: 0;
   right: 0;
   margin-top: 35px;
   margin-right: 23px;

}

.scSidemenu-responsiveLinks {
    display: block;
}


.umb-block-list .artSingleImage img {
    width: 95%;
}

/*** breadcrumbs ***/
.scBreadcrumbs {
    align-self: flex-start;
    margin: 0;
    padding: 0px 10px 20px 0px;
    font-family: "Telenor Evolution Light";
    font-size: .8rem;
    margin-top: 10px;
    color: #6F6F6F;
}

.scBreadcrumbs ul li {
    color: #6F6F6F;
}

/*** content template responsive ***/
@media only screen and (max-width: 450px) {
    .scFrontpageTitle {
        font-size: var(--title-size-responsive);
    }


    .scFrontpageIntroduction, .scContentIntroductionSide, .scContentIntroduction {
        font-size: var(--intro-page-responsive);
    }
}

@media only screen and (max-width: 550px) {
    .scContentHeaderText {
        width: 100%;
        padding-left: 35px;
        margin-bottom: 25px;
    }

    .scFrontpageContent {
        width: 75%;
    }

    .scFrontpageContainer {
        width: 85%;
    }

    .scContentHeaderText {
        width: 75%;
    }

    .scSidemenu-responsive {
        padding: 6px 0px;
    }

    .scSidemenu-responsiveTitle > h3 {
        font-size: 1.25rem; /* var(--title-size-responsive);*/
    }

    .scSidemenuLink-responsive {
        font-family: 'Telenor Evolution UI Normal';
        font-size: 1em;
    }
}

@media only screen and (max-width: 1100px) {
    .scContentHeaderImage {
        width: 85%;
    }

    .scContentTextContainer-sidemenu {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .scSidemenu-responsiveDisplay {
        display: block;
        width: 100%;
    }
    .scSidemenu {
        display: none;
    }

    .scContentContainer {
        width: 100%;
    }

    .scContentTextContainer-sidemenu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px;
    }

    .scContentText {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 63%;
    }

    .scContentText-sidemenu {
        width: 70%;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 60px;
    }

    .scContentIntroductionSide {
        margin: 15px 0px;
    }

    .scSidemenu-responsiveDisplay {
        width: 100%;
    }

    .scContentHeaderImage {
        width: 100%;
    }

    .scHeaderBreadcrumbs {
        width: 100%;
        padding-left: 10px;
    }


    .scFrontpageContent {
        width: 85%;
    }

    .scFrontpageVideo {
        width: 80%;
    }

    /*** breadcrumbs ***/
    .scBreadcrumbs {
       padding-left: 4%;

    }
}

@media only screen and (max-width: 650px) {

    .scBreadcrumbs {
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 4%;
    }

    .scContentHeaderText {
        width: 86%;

    }

    .scFrontpageContainer {
        width: 95%;
    }

    .scFrontpageContent {
        width: 95%;
    }

    .scContentTitle {
        font-size: var(--title-size-responsive);
    }

    .scFrontpageVideo {
        width: 100%;
    }
}



@media only screen and (min-width: 1200px) {
    .scContentHeaderText {
        width: 45%;
    }

    .scSidemenu {
        padding: 25px 0px 0px 20px;
    }

    .scFrontpageVideo {
        max-width: 53%;
    }

}

@media only screen and (max-width: 1300px) {

    .scForm {
        width: 60%;
    }
}

@media only screen and (max-width: 1200px) {
    .scCardLinks {
        flex-wrap: wrap;
        align-items: center;
    }

    .scSidemenu {
        padding: 25px 0px 0px 0px;
    }

    .scForm {
        width: 60%;
    }
}



@media only screen and (min-width: 1200px) {
    .scBreadcrumbs {
        padding-left: 5px; 
    }

    .scFrontpageContent {
        width: 63%;
    }

}

@media only screen and (max-width: 900px) {
    .scContentContainer {
        width: 80%;
    }

    .scSidemenu {
        padding: 25px 0px 0px 0px;
    }
}

.scBreadcrumbs ul {
    margin: 0;
    padding: 0;
}

.scBreadcrumbs ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.scBreadcrumbs a {
    margin: 0;
    padding: 0 5px 0 5px;
    color: #6F6F6F;
    text-decoration: none;
}

.scBreadcrumbs a:hover {
    text-decoration: underline;
    color: #FF5A28;
}

.scBreadcrumbsActive {
    color: #6F6F6F;
}

/****CONTENT BOX****/

.scContentBox {
    width: 100%;
    min-height: 15vh;
    display: flex;
    align-items: center;
    background-color: var(--telenor-evolution);
    margin: 10px 0px 20px 0px;
}

.scContentBox a {
    color: var(--telenor-mid-blue);
}

.scContentBox > img {
    height: 100%;
    min-height: 15vh;
    width: 62%;
    background-size: cover;
}

.scContentBoxText {
    width: 38%;
    padding: 5px 30px;
}

.scContentBoxTitle {
    font-size: var(--smallContentHeader);
    padding: 10px 0px;
}

.scContentBoxLink {
    display: flex;
    align-content: center;
    padding-top: 20px;
}

.scCardLink {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.scContentBoxLink > a {
    display: flex;
    align-content: center;
    font-family: "Telenor Evolution Bold";
    font-size: var(--telenor-base);
    padding-right: 5px;
    text-decoration: none;
}


@media only screen and (max-width: 700px) {
    .scContentBox > img {
        height: 100%;
        width: 50%;
        min-height: 15vh;
    }

    .scContentBoxText {
        width: 50%;
        padding: 5px 20px;
    }
}

@media only screen and (max-width: 500px) {
    .scContentBox > img {
        height: 100%;
        min-height: 15vh;
        width: 40%;
    }

    .scContentBoxText {
        width: 60%;
        padding: 5px 10px;
    }

    .scContentBox {
        min-height: 12vh;
    }
}

.scCardLinksWrapper {
    width: 85%;
    display:flex;
    justify-content: center;
}

.scCardLinks {
    width: 80%;
    display: flex;
}

.scCard {
    display: flex;
    flex-direction: column;
    height: 462px;
    width: 262px;
    min-width: 262px;
    background-color: var(--telenor-light-blue);
    margin: 10px;
}

.scCardTitle {
    font-family: "Telenor Evolution UI Normal";
    color: white;
    font-size: var(--card-text);
    padding: 2px 10px;
}

.scCard-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 7.5px;
    height: 50%;
    background-size: cover;
    background-position: center; /* Centers the image */
}

.scCardContent {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--telenor-light-blue);
    font-size: var(--telenor-base);
    padding: 20px;
}

.scCardText {
    padding: 15px;
    font-family: "Telenor Evolution UI";
}

.scCardLink {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    padding-right: 5px;
    text-decoration: none;
    white-space: nowrap;
}

.scCardLink > a {
    font-family: "Telenor Evolution Bold";
    padding-right: 5px;
    text-decoration: none;
    color: var(--telenor-mid-blue);
}

.scCardLink > svg {
    padding: 2px;
}

@media only screen and (max-width: 1000px) {
    .scCard {
        height: 402px;
        width: 300px;
        font-size: 18px;
    }

    .scCard-image {
        height: 60%;
    }
}

@media only screen and (min-width: 1000px) {
    .scCardLinks {
       justify-content: center;
    }
}

@media only screen and (max-width: 420px) {
    .scCardLinks {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

 }




/**** FOOTER *****/
.scFooter {
    height: auto;
    min-height: 200px;
    margin-top: 50px;
    color: white;
    background-color: var(--telenor-dark-blue);
    padding: 7.5px;
}

.scFooterContent {
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
}   

.scFooterLogo {
    text-align: left;
    margin: 10px;
}

.scFooterTitle {
    font-family: "Telenor Evolution UI";
    font-size: 1.30rem;
    padding: 5px 0px;
    margin-bottom: 5px;
}

.scFooterNavLink {
    font-family: "Telenor Evolution Light";
    color: white;
    text-decoration: none;
    opacity: 60%;
    font-size: 1.25rem;
    background-color: transparent;
    border: none;
    
    
}
.scFooterNavUl{
    list-style-type: none;
}

.scFooterNavUl > li {
    padding: 5.6px 0px;
    font-family: "Telenor Evolution Light";
}


.scFooterBottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid white;
    padding: 10px 20px;
    color: white;
}

.scFooterSome {
    display:flex;
    flex-direction: row;
    align-items: center;
}

.scFooterSomeIcon {
    margin-bottom: 10px;
    margin-right: 7.5px;
}

.scFooterSome-responsive {
    display: none;
}

.scFooterTag {
    font-family: "Telenor Evolution Light";
    text-align: left;
    padding: 20px 7.5px;
    opacity: 80%;
}

.scInfoContainer {
    min-height: 80vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Telenor Evolution UI";
}


.scContactPage {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: "Telenor Evolution UI";
}

/* old current */
.scContactPageContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0px;
   /*  background-color: green; */
}

.scContactCardContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    /* grid-template-columns: repeat(3, 1fr); */
    gap: 40px;
    
    padding: 30px 10px;
    margin-top: 2rem;
    margin-bottom: 5rem;
    /* background-color: red; */
}

.scContactCard {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: space-around;
    padding: 30px 30px 10px 30px;
    width: 270px;
    height: 360px;
    background-color: white;
    filter: drop-shadow(0 0 0.30rem #E6E6E6);
    border-radius: 24px;
}

.scContactCardIcon {
    height: 5rem;
    display: flex;
    justify-content: center;
    max-height: 75px;
    color: transparent;
}

.scContactLinkIcon {
    width: 100%;
    display: flex;
    justify-content: end;
}

.scContactCardLink {
    display: block;
    text-decoration: none;
    color: inherit;
}


.scContactCardTitle {
    padding: 20px 0px 15px 0px;
}

.scContactCardDescription {
    
}

@media only screen and (max-width: 1380px) {
    .scContactCardContainer {
        width: 75%;
        padding-left: 40px;
    }

}

@media only screen and (max-width: 1260px) {
    .scContactCardContainer {
        width: 80%;
       /*  justify-content: center; */
    }

}

@media only screen and (max-width: 1160px) {
    .scContactCardContainer {
        width: 85%;
       /*  justify-content: center; */
    }
}

@media only screen and (max-width: 1100px) {
    .scContactCardContainer {
        width: 75%;
        justify-content: center;
    }
}

@media only screen and (max-width: 850px) {
    .scContactCardContainer {
        width: 100%;
        justify-content: center;
        padding: 10px 10px 10px 10px;
    }
}

@media only screen and (max-width: 640px) {
    .scContactCardContainer {
        width: 100%;
        justify-content: center;
        padding: 30px 10px 10px 30px;
    }

/*    .scContactCard {
        height: 340px;
   }

   .scContactCardIcon {
        height: 3.5rem;
        justify-content: center;
        max-height: 60px;
    } */
}


.scDivider {
    width: 100%;
    border: 1px solid var(--telenor-mid-blue);
    margin: 15% 0px 1.25% 0px; 
}

.scForm {
    width: 50%;
    padding-top: 20px;
    text-align: left;
}

@media only screen and (max-width: 1200px) {
    .scContactPageText {
        padding: 0px;
    }
}

@media only screen and (max-width: 1000px) {
    .scContentTextContainer-sidemenu {
        width: 100%;
    }

    .scContactPageContainer {
        width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .scSidemenu-responsiveDisplay {
        padding-top: 40px;
    }

    .scContactPageContainer {
        width: 85%;
    }

    .scContentText-sidemenu {
        width: 63%;
        padding-left: 0px;
        padding-right: 2.5px;
    }
}

@media only screen and (max-width: 950px) {
    .scContactPageContainer {
        margin-top: 0px;
        padding: 30px 0px;
        width: 100%;
    }

    .scForm {
        width: 80%;
    }

    .scContactPageText {
        padding: 10px 0px 0px 0px;
    }

    .scContentText-sidemenu {
        width: 80%;
        padding: 10px 0px 30px 0px;
    }
}

@media only screen and (max-width: 450px) {
    .scContentText {
        width: 80%;
    }
}


.scInfo {
    width: 45%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.scAiInfo {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.scAiInfoTitle {
    font-family: "Telenor Evolution UI Normal";
    color: var(--telenor-neutral-shade-1000);
    padding: 20px 0px;
    font-size: 1.55rem;    
}

.scAiInfoLink {
    text-decoration: none;
    color: var(--telenor-mid-blue);
}

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

.scInfoTitle {
    color: var(--telenor-neutral-shade-1000);
    padding: 0px 40px;
    margin-top: var(--spacing-normal);
    margin-bottom: var(--spacing-sm) ;
}

.scCollapsible {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1.8%;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid var(--telenor-mid-blue);
    font-size: var(--telenor-base);
}

.scCollapsibleHeader {
    width: 95%;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: space-between;
    background: none;
    border: none;
    color: var(--telenor-neutral-shade-1000);
}

.scCollapsibleHeaderText {
    font-size: var(--telenor-base);
    text-align: left;
}

.scCollapsibleText {
    display: none;
    width: 80%;
    padding-top: 5%;
    align-self: center;
    font-family: "Telenor Evolution UI Normal";
}

.scCollapsible-bottomLine {
    display: none;
    width: 100%;
    padding-bottom: 3.5%;
    border-bottom: 1px solid var(--telenor-mid-blue);
}


.scSmallTextBox {
    font-family: "Telenor Evolution UI Normal";
    font-size: var(--telenor-base);
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px;
}

.scSmallTextBox-title {
    font-family: "Telenor Evolution UI Normal";
}

.scSmallTextBox-text {
   
}


.scSmallTextBox-wrapper {
    font-size: var(--telenor-base);
    width: 85%;
    display: flex;
    padding-left: 50px;
    flex-direction: column;
}

.scSmallTextBox-content {
    width: 70%;
}

.scSmallTextBox-title {
    padding-bottom: 20px; 
}


@media only screen and (min-width: 1200px) {
    .scInfo {
        width: 50%;
    }

    .scInfoSearch {
        width: 80%;
    }
}

@media only screen and (max-width: 1100px) {

    .scSmallTextBox-content {
        width: 100%;
    }

    .scSmallTextBox-wrapper {
        padding-left: 0px;
    }

    
}


@media only screen and (max-width: 1000px) {
    .scInfo {
        width: 60%;
    }
}



@media only screen and (max-width: 840px) {
    .scInfo {
        width: 75%;
    }

}

@media only screen and (max-width: 640px) {
    .scInfo {
        margin-top: 20px;
        margin-bottom: 40px;
        width: 80%;
    }

    .scFooterLogo {
        width: 100%;
        text-align: center;
    }

    .scFooterLogoText {
        width: 100%;
        text-align: center;
        padding: 2.5px;
        margin: 0px;
    }

    .scFooterBottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid white;
        padding: 10px 20px;
        color: white;
    }

    .scFooterSomeIcon {
        padding: 2.5px;
        margin-bottom: 10px;
        margin-right: 7.5px;
    }

    .scFooterTag {
        text-align: center;
        font-size: 14px;
    }

    .scFooterSome-responsive {
        display: block;
    }

    .scFooterSome-NotResponsive {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
   
    .scInfoTitle {
        font-size: 2.1rem;
    }  
}

@media only screen and (max-width: 500px) {
    .scInfoTitle {
        font-size: 2rem;
    }

    .scInfo {
        width: 80%;
    }

}

@media only screen and (max-width: 450px) {

    .scCollapsibleHeaderText {
        font-size: 1rem;
    }

}


.scPageVideoContainer {
    width: 100%;
    min-height: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px 20px 0px;
}

.scPageVideo {
    width: 90%;
}



.campaignCountryList {
    font-size: 0.8rem;
    line-height: 1.2rem;
}




/* .umbraco-forms-submitmessage {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 20px 0 20px 0;
    border: 2px solid #1A8139;
    background-color: #EDF6F3;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #1A8139;
} */

/* cookie */

/* END cookie consent*/


/* SEARCH */


.scSearch {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3%;
}

.scSearchForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 2px solid var(--telenor-dark-blue);
    margin: 10px;
}

.scInforContainer {
    width: 100%;
}
.scSearchTop {
    display: flex;
}

.scInfoSearhForm {
    margin-bottom: var(--spacing-md);
    width: 100%;
}

.scInfoSearhForm-search {
    margin: var(--spacing-md) 0;
    width: 70%;
}

.inputFieldSearch {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 3.5px 10px;
    border: 1px solid var(--telenor-neutral-tint-400);
}

.inputFieldContainer {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.scSearchButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.scSearchButton > svg{
    width: 32px;
    height: 32px;
}


.scSearchInput {
    border: none;
    font-size: var(--title-size-responsive);
    color: var(--telenor-dark-blue);

}

.scSearchResultItemWrapper {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;

}

.scSearchItemTitle {
    padding: var(--spacing-xs) 0px;
    color:var(--telenor-evolution);
}

.scSearchTerm {
    font-size: var(--title-size);
    color: orange;
}

.scSearchItem {
    display: flex;
    flex-direction: column;
    min-width: 160px;
    min-height: 100px;
    background-color: var(--telenor-dark);
    padding: 20px;
    border-radius: 8px;
    margin: 10px;
}

.scSearchItem > a {
    display: flex;
    align-items: center;
    color: white;
    font-size: var(--telenor-sm);
    font-family: "Telenor Evolution UI";
    text-decoration: none;
    padding-top: var(--spacing-xs);
    
}

.scSearchItem > a SVG {
   margin-left: 5px;
}

.scSearchNoResult {
    width: 100%;
}

.scSearchItemDesc {
    color: white;
    font-family: "Telenor Evolution Light";
}

.scSearchTop {
    display: flex;
}

.scSearchResultWrapper {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.scSearchResultContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
}

.scSearchResult {
    width: 98%;
    display: flex;
    justify-content: space-between;
    color: var(--telenor-neutral-tint-600);
    font-family: "Telenor Evolution Light";
    padding: var(--spacing-xs) 10px;
    border-bottom: 1px solid var(--telenor-neutral-tint-200);
}

.scSearchResult-text {
    font-size: var(--telenor-base);
    display: flex;
    align-items: center;
}

.scSearchResult-textTotal > p {
    font-size: var(--telenor-base);
    display: flex;
    color: var(--telenor-neutral-tint-400);
    

}

.scSearchResultTerm {
    font-size: var(--telenor-base);
    padding-left: 5px;
    font-weight: bold;
    color: var(--telenor-mid);
}

.scSearchResultTermTotal {
    font-size: var(--telenor-base);
    font-weight: bold;
    color: var(--telenor-mid);
}

.scNavSearch {
    
    margin-top: 30px;
}

.scNavSearchButton {
    height: 40px;
    width: 40px;
    background-color: var(--telenor-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    margin-left: 5px;
}

.scNavSearchInput {
    font-size: var(--telenor-base);
}

.scInfoSearchInput  {

}

.scNavSearchForm {
    width: 100%;
    display: flex;
    align-content: center;
    flex-direction: column;
}

.scNavSearchForm-mobile {
    display: flex;
    align-content: center;
}

.scNavSearchForm-searchField {
    display: flex;
    align-items: center;
}

.scNavSearchForm-searchText {
    font-size: var(--telenor-xs);
    color: var(--telenor-mid);
}

.scInfoSearch {
    width: 100%;
    display: flex; 
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.scInfoSearch-search {
    width: 100%;
    display: flex; 
    align-items: center;
    justify-content: center;

    flex-direction: row;
}

.scInfoSearchButton {
    width: 40px;
    padding: 10px;
    background-color: var(--telenor-mid-blue);
    border-radius: 8px;
    margin-left: 5px;
    
}

.scInfoSearchForm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scInfoSearchTitle {
   font-family: "Telenor Evolution Light";
   font-size: var(--telenor-base);
   margin-bottom: 10px;
}

.scInfoSearchInput {
    width: 89%;
    padding: 12px 350px 12px 30px ;
    border-color: #B5B5B5;
    background-color: #F1F1F1;
    border-radius: 3px;
}

.scInfoSearchInputWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.scInfoSearchInput, .scInfoSearchButton {
    border: none;
    flex: 0 1 auto;
}

@media only screen and (max-width: 750px) {


    .scSearchResult {
        flex-direction: column;
    }
}


@media only screen and (max-width: 650px) {
    .scInfoSearhForm-search {
        width: 90%;
    } 


}



@media only screen and (max-width: 500px) {
    .scSearchItem {
        padding: 15px;
    }

    .scContentContainer {
        width: 90%;
    }

    .scSearchItem > h3 {
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 450px) {
    .scSearch {
        width: 63%;
    }

    .scSearchForm {
        width: 100%;
        padding: 5px 15px;
        margin-bottom: 20px;
        justify-content: space-around;
    }

    .scSearchInput {
        font-size: 1.2em;
        color: var(--telenor-mid-blue);
    }

    .scSearchButton > svg {
        width: 30px;
        height: 30px;
    }

    .scSearchItem > h3 {
        font-size: var(--title-size-responsive);
    }

    .scSearchResult {
        font-size: 0.8em;
    }

    .scSearchResultNumber {
      font-size: 1.6em;
    }

    .scInfoSearchInput {
        padding: 9px 140px 9px 30px;
    }
}


/**Language drop down**/

.scLangDDContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 250px;
    min-height: 40px;
    position: relative;
   
   
}

.scLangDDItem {
    border: none;
    color: white;
    border: 1px solid white;
    font-family: "Telenor Evolution UI Normal";
    padding: 15px;
    border-radius: 2px;
}

.scLangDDItem > a {
    border: none;
    color: white;
    text-decoration: none;
    font-family: "Telenor Evolution UI Normal";

}

.scLangDDSelected {
    color: var(--telenor-mid-blue)
}

.scLangDDItems {
    position: absolute;
    width: 100%; /* Make dropdown width consistent with the selector */
    background-color: var(--telenor-dark-blue);
    top: 100%; /* Position directly below the dropdown trigger */
    left: 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); /* Optional: adds some shadow for better visibility */
    z-index: 1000; /* Ensures it lays on top of other content */
    display: none;
    color: white;
}

.scLangDDCurrent {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid white;
    padding: 15px 20px;
    border-radius: 2px
}
.scLangDDCurrent > p {
    margin-right: 5px;
  
}