:root {
  --text: #646464;
  --black: #000000;
  --white: #ffffff;
  --blue: #0076BA;
  --light-grey: #D9D9D9;
  --base: #F5F5F5;
  --white2: #FEFEFE;
  --green: #506A69;
}

/* Hero-section */

.sa-press-hero-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/assets/images/press-hero-sec.webp");
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.sa-press-hero-section:before {
    content: "";
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0,0,0,.35);
}

.sa-hero-cnt h1,
.sa-hero-cnt p {
  color: #fff;
  z-index: 1;
}


.sa-hero-cnt {
    z-index: 1;
}


/*****************/

/* Future-section */

.sa-future-slider-media {
    border-radius: 20px;
}

.sa-carousel-inner {
    border-radius: 20px;
}

.sa-carousel-inner p {
    margin: 0px;
}

.sa-sub-title {
    font-size: 40px;
    color: #000;
    line-height: 1;
    font-weight: 400;
}

.sa-first-slide .sa-ps-heading {
    font-size: 40px;
    font-weight: 700;
}

.sa-ps-content {
    font-size: 16px;
}

.sa-first-slide {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 15px;
}


/* .sa-carousel-inner .carousel-item {
    display: flex;
    flex-flow: column;
    gap: 20px;
} */


.sa-next-icon-out {
    height: 50px;
    width: 50px;
    background-color: #0076BA;
    border-radius: 50%;
    position: absolute;
    top: calc(100% + 30px);
    right: calc(50% - 60px);
    /* bottom: 0px;
    top: 50%;
    transform: translateY(380px);
    right: 45.5%; */
    opacity: 100%;
}

.sa-prev-icon-out {
    height: 50px;
    width: 50px;
    background-color: #0076BA;
    border-radius: 50%;
    position: absolute;
    /* bottom: 0px; */
    top: calc(100% + 30px);
    left: calc(50% - 60px);
    /* transform: translateY(380px); */
    /* left: 45.5%; */
    opacity: 100%;
}

.sa-prev-icon-out:hover, .sa-prev-icon-out:focus {
    background-color: #000;
}

.sa-next-icon-out:hover, .sa-next-icon-out:focus {
    background-color: #000;
}




/*****************/

/* latest-news */
.sa-cr-tabs {flex-wrap: wrap; justify-content: flex-start !important;}
.sa-cr-tabs li:first-child button{border-left: 0; padding-left: 0;}
.sa-cr-tabs li:last-child button{border-right: 0; padding-right: 0;}
/* .sa-cr-tabs-wrap{overflow-x: auto;} */

.sa-cr-tabs li button{
    padding-right: 10px;
    border-left: 2px solid #000;
    padding-left: 10px;
    color: #0076BA;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    line-height: 1;
    /* white-space: nowrap; */
}

.profile-cover-photo img {
    width: 100%;
    aspect-ratio: 2.5;
    border-top-right-radius: 5px;
    object-fit: cover;
    border-top-left-radius: 5px;
}

.sa-lat-news-card-wrapper {
    padding: 0px;
}
.sa-lat-news-card-wrapper .profile-cover-photo img{height: 140px;}

.sa-latest-news-card {
    display: flex;
    flex-flow: nowrap;
    gap: 20px;
}

.sa-lt-ns-sub-con {
    font-size: 22px !important;
    color: #000;
    font-weight: 600 !important;
    white-space: nowrap;
}


.sa-latest-news-card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}






/*******************/

/* Edit-about-page */

.sa-abt-wrapper {
    box-shadow: 0px 4px 9px 0px #00000040;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #fff;
}

.sa-text-muted {
    font-size: 16px;
}

.sa-abt-desc {
    border: none;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
}



.sa-edit-abt-wrapper {
    padding: 20px;
    border: 0.4px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    display: flex;
    flex-flow: column;
}


.sa-blue-box {
    height: 35px;
    width: 35px;
    background: linear-gradient(90deg, rgba(0, 118, 186, 0.5) 0%, rgba(0, 118, 186, 1) 72%);
    border-radius: 2px;
}

.badge {
    color: #000;
    font-size: 22px;
}

/*****************/

/* Search"post" */

.sa-sh-pt-cmnt-box {
    border-radius: 8px !important;
    background-color: #f5f5f5;
    position: relative;
    height: 50px;
    padding-right: 80px;
}

.sa-sh-pt-cmnt-react {
    position: absolute;
    right: 15px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}



.sa-sh-pt-cmnt-react button{padding: 0;}
.sa-sh-pt-cmnt-react button img{width: 24px; height: 24px;}


.sa-sh-pt-cmnt-box:focus {
    box-shadow: none; 
    border: 1px solid var(--blue);
}

/********************/

/* Reactions-Page */

/* .sa-rec-light-btn.active {
    background-color: var(--base) !important;
    border: none !important;
    box-shadow: 0px 4px 9px 0px #00000040;
    font-size: 18px;
    font-weight: 400 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 5px !important;
} */
 .sa-ad-post-tabs ul.nav{gap: 15px;}
 .sa-ad-post-tabs .nav-link{color: var(--black);}

.sa-ad-post-tabs .nav-link.active{background-color: var(--base) !important; border: none !important; box-shadow: 0px 4px 9px 0px #00000040; font-size: 18px; font-weight: 400 !important; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; border-radius: 5px !important; color: var(--black);}



.sa-on-dp-react {
    position: absolute;
    right: 0;
    bottom: 0;
}
.sa-reaction-list{max-height: 64vh; overflow-y: auto;}

.sa-rec-content {
    border-bottom: 0.4px solid rgba(0,0,0,0.2);
    font-size: 16px;
}

.sa-react-modal-wrapper {
    box-shadow: 0px 4px 10px 0px #00000040;
    background-color: #fff;
    margin: 10px;
    border-radius: 8px;
}

.modal-content {
    background-color: #f5f5f5 !important;
}

/***************/

/* Advertisement */


.sa-logo-media {
    width: 95px; 
    height: 95px; 
    margin-top: -52px; 
    border-radius: 50%; 
    background-color: #ccc; 
    border: 2px solid var(--white); 
    margin-right: auto
}


.sa-ad-card {
    position: relative;
}

.sa-ad-solid-btn {
    border: none;
    border-radius: 100px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 20px;
    padding-left: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 125px !important;
    font-weight: 500;
    font-size: 16px;
    transition: 0.3s;
}
.sa-ad-solid-btn:hover{background: var(--blue); color: var(--white);}
.sa-edit-icon img{width: 30px; height: 30px;}

/******************/

/* Advertisement-post */

.sa-ad-post {
    display: flex;
    flex-flow: column;
    gap: 15px;
}

.sa-ad-hero-banner {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.sa-ad-banner-dp {
    left: 50px;
}

.sa-ad-ps-lead {
    font-size: 30px;
    font-weight: 600;
}

.sa-ad-ps-lede {
    font-size: 16px;
    max-width: 45em;
    line-height: 16px;
}
.sa-ad-ps-sm-lead{font-size: 16px; line-height: 16px;}
.sa-ad-ps-sm-text .small{font-size: 14px;}
.sa-ad-post-wrapper {
    box-shadow: 0px 4px 9px 0px #00000040;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sa-banker-pw-wrpper {
    box-shadow: 0px 4px 9px 0px #00000040;
    border-radius: 10px;
    margin-bottom: 5em !important;
}


/*******************/

/* Meat our leader */

.sa-shadow {
    box-shadow: 0px 4px 9px 0px #00000040;
}


.sa-com-prev-btn {
    position: absolute !important;
    top: -60px;
    right: 50px !important;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 100px;
    margin-left: auto;
    filter: brightness(0) saturate(100%);
    padding: 5px;
    opacity: 100%;
}

.sa-com-next-btn {
    position: absolute !important;
    top: -60px;
    right: 0px !important;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 100px;
    margin-left: auto;
    filter: brightness(0) saturate(100%);
    padding: 5px;
    opacity: 100%;
}


/************************/

/* Other user */

.sa-ou-hero-banner {
    aspect-ratio: 2.5;
    object-fit: cover;
    position: relative;
}

.sa-ou-banner-dp {
    margin-top: -55px;
    z-index: 9;
}

.sa-ou-feat-media {
    aspect-ratio: 1.5;
    width: 100%;
    max-width: 350px !important;
    object-fit: cover;
    border-radius: 5px;
}

.sa-ou-ex-des {
    max-width: 15em;
}

.sa-ou-ex-card-wrapper {
    padding-bottom: 20px;
    border-bottom: 0.5px solid rgba(0,0,0,0.2);
}

.sa-ou-logo-media {
    width: 95px;
    height: 95px;
    margin-top: -52px;
    border-radius: 50%;
    background-color: #ccc;
    border: 2px solid var(--white);
    margin-left: auto;
    margin-right: 20px !important;
}



/************************/


/* Help-center */


.sa-help-Wrapper {
    max-width: 1018px;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding-inline: 50px;
    padding-block: 50px;
    margin: auto;
}

/***********************/

/* About-linkdien */

.sa-about-bg {
    object-fit: cover;
    background-position: center;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.sa-abt-linkdin-sec {
    position: relative; 
    z-index: 1;
}

.sa-abt-media-bg-wrapper {
    z-index: -1; 
    top: 80px;
    position: absolute;
    top: 0;
}

.btn-style-none{background: none; border: none; border-radius: 0; width: auto;}
.btn-style-none:focus{outline: none;}
.invisible-text{opacity: 0; visibility: hidden;}
.form-check-input:checked{background-color: var(--blue); border-color: var(--blue);}
.sa-edit-abt-wrapper textarea{height: 270px;}
.sa-edit-abt-wrapper textarea:focus{outline: none; box-shadow: none;}
.sa-ad-post-btn-group{display: flex; gap: 10px; flex-wrap: wrap;}
.sa-ad-post-btn-group button img { height: 60px; object-fit: contain; }
/* .carousel-control-prev-icon{background-image: url(../images/left-arrow-svg.svg) !important; background-repeat: no-repeat; background-size: 18px;} */
.carousel-control-next-icon, .carousel-control-prev-icon{width: 18px; height: 18px;}
.sa-featured-card .featured-title{font-size: 20px;}
.sa-featured-card .featured-text-samll{font-size: 16px; font-weight: 400;}
.sa-featured-card .featured-text{font-size: 16px; font-weight: 500;}
.btn-outline.tr-arrow{display: flex; align-items: center; gap: 10px;}
.btn-outline.tr-arrow img{width: 12px; height: 12px;}
.btn-outline.tr-arrow:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(100%) contrast(103%);}
.sa-ou-ex-card-wrapper h4{font-size: 20px;}
.sa-ou-ex-card-wrapper p{font-size: 16px;}

ul.bullets {
    list-style: disc;
    margin-left: 15px;
}


/* responsive css Start*/

@media (max-width: 991px) {
/* .sa-prev-icon-out {
        left: 42%;
        top: 50%;
        transform: translateY(300px);
    }
    .sa-next-icon-out {
        right: 42%;
        top: 50%;
        transform: translateY(300px);
    } */
}

@media (max-width: 768px) {
  .sa-latest-news-card {
    grid-template-columns: repeat(2, 1fr);
  }
  .invisible-text{display: none;}
}

@media (max-width: 767px) {
    .sa-help-Wrapper{padding-inline: 20px; padding-block: 30px;}
    .sa-ou-ex-card-wrapper h4 { font-size: 18px; }
    .sa-comment-input-box ul button{display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .sa-comment-input-box ul button{font-size: 14px; padding: 10px;}
.sa-comment-input-box ul button img{width: 24px; height: 24px;}
    .sa-reaction-list .list-group-item{padding-left: 0; padding-right: 0;}
    .sa-reaction-list .img-wrap .avatar-img{width: 56px; height: 56px;}
    .sa-rec-content{font-size: 14px;}
    .sa-ou-banner-dp { position: absolute; top: 85px; }
    .sa-ad-ps-intro, .sa-ad-post-tabs{padding-left: 30px !important; padding-right: 30px !important;}
    .sa-ad-post-btn-group button img{height: 47px; object-fit: contain;}
    .sa-ad-ps-lede{font-size: 18px;}
    .sa-ad-banner-dp { left: 30px; }
    .sa-ad-post-tabs .nav-link, .sa-ad-post-tabs .nav-link.active{font-size: 16px;}
    .sa-ad-post-tabs .nav-link.active{ padding-top: 8px; padding-bottom: 8px; padding-right: 15px; padding-left: 15px; }
    .sa-ad-post-tabs ul.nav { gap: 10px; }
    .sa-ad-hero-banner{aspect-ratio: 2; object-fit: cover;}
    .sa-ad-ps-lead{font-size: 24px;}
    .choose-region-tab{flex-direction: column; align-items: flex-start !important; gap: 15px;}
    .sa-cr-tabs li button{font-size: 16px;}

}

@media (max-width:576px) {
    /* .sa-next-icon-out {
        right: 35%;
        top: 50%;
        transform: translateY(250px);
    }
    .sa-prev-icon-out {
        left: 35%;
        top: 50%;
        transform: translateY(250px);
    } */

    .sa-sub-title {
    font-size: 25px;
    color: #000;
    line-height: 1;
}

    .sa-first-slide .sa-ps-heading {
    font-size: 25px;
    font-weight: 700;
}

    .sa-ps-content {
    font-size: 14px;
}

    .sa-future-slider-media {
    border-radius: 10px;
}

    .sa-carousel-inner {
    border-radius: 10px;
}
.sa-latest-news-card {
    grid-template-columns: repeat(1, 1fr);
  }

  .sa-latest-news-card {
  padding: 0px;
}
.sa-press-hero-section {
    padding-top: 5em;
    padding-bottom: 5em;
}
}