/* SETARI GENERALE */
.text-title-article {
    font-size: 2.6rem;
    line-height: 3.2rem;
}
.inner-section-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.supplimentary-padding {
    padding: 0 4rem;
}
.page-margin-spacing {
    margin: 2.5rem 0;
}
.page-bottom-margin-spacing {
    margin-bottom: 2.5rem;
}
/* SETARI GENERALE END */
.social-background a.header-whatsapp {
    background: linear-gradient(#25d366,#25d366)
}
.social-background a.header-dots {
    background-color: #3B56D4;
}
/* Section 1 Article */
.background-cover-article {
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-position: center;  /* initial */
    background-size: cover;
    height: 78rem;
    position: relative;
}
.background-cover-article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, .75) 100%);
    z-index: 1;
}
.cover-container {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: end;
    z-index: 2;
}
.reading-time-size {
    font-size: 3.2rem;
    line-height: 3.6rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
.blog-cover-size {
    font-size: 28px;
}
.watch-icon-cover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    background-image: linear-gradient(135deg,#FFB300, #FF0068);
    color: white;
    border-radius: 100%;
}
/* Section 1 Article End*/

/* Section 2 Article Context */
/* Live */
/*.article-context .content p img {
    height: 60rem;
    width: 100%;
}*/
.article-context a {
    color: #007bff;
}
.article-context .content ul li {
    margin-left: 1.5rem;
}
.article-context .content ul li::marker {
    color: #3B56D4;
    width: 1em;
}
/* Live */
.article-context p{
    margin-bottom: 0;
}
.article-context p label.text-title-article {
    margin-top: 0;
}
.article-context .card-header-blue {
    --r: 1rem;
    width: max-content;
    padding-right: 10rem;
    height: 5rem;
    border-top-left-radius: var(--r);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.article-context .card-header-blue::before,
.article-context .card-header-blue::after {
    content:"";
    position: absolute;
    background: #3B56D4;
    transform: skew(55deg); 
    transform-origin: bottom right;
    overflow: hidden;
    white-space: nowrap;
}
.article-context .card-header-blue::before {
    inset: 0 var(--r) 0 0;
    border-top-right-radius: var(--r);
    overflow: hidden;
}
.article-context .card-title {
    position: inherit;
    left: 1rem;
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 2.7rem;
    top: 1rem;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}
.article-context .quote-text {
    display: flex;
}
.article-context .quote-text i {
    font-size: 4rem;
    color: #3B56D4;
    padding: 0 2rem;
}
.article-context .card-content-inner-shadow {
    background: linear-gradient(to bottom, rgba(200, 200, 200, 0.3), transparent);
}
.article-context .banner-article-text {
    height: 60rem;
    width: 100%;
}
.article-context .counter {
    display: block;
}
.article-context .counter-spectators {
    display: flex;
    column-gap: .5rem;
}
.article-context .blue-bullets {
    list-style-type: none;
    padding-left: 20px;
}
.article-context .blue-bullets li:before {
    content: "\2022";
    color: #3B56D4;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.article-context ul.blue-bullets li:last-child {
    padding-bottom: 0;
}
/* Editor styles */

:root {
    --ck-color-image-caption-background: hsl(0, 0%, 97%);
    --ck-color-image-caption-text: hsl(0, 0%, 20%);
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-color-table-caption-background: hsl(0, 0%, 97%);
    --ck-color-table-caption-text: hsl(0, 0%, 20%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
    --ck-todo-list-checkmark-size: 16px;
}

.article-context code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}
.article-context blockquote:not(.inner-section-spacing) {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}
.article-context[dir="rtl"] blockquote:not(.inner-section-spacing) {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}

.article-context .text-tiny {
    font-size: .7em;
}

.article-context .text-small {
    font-size: .85em;
}

.article-context .text-big {
    font-size: 1.4em;
}

.article-context .text-huge {
    font-size: 1.8em;
}

.article-context .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}

.article-context .marker-green {
    background-color: var(--ck-highlight-marker-green);
}

.article-context .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}

.article-context .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}

.article-context .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}

.article-context .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}

.article-context img {
    max-width: 100%;
}

.article-context .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
    min-width: 50px;
}

.article-context .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}

.article-context .image-inline {
    /*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
    display: inline-flex;
    max-width: 100%;
    align-items: flex-start;
}

.article-context .image-inline picture {
    display: flex;
}

.article-context .image-inline picture,
.article-context .image-inline img {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
}

.article-context .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.article-context .image.image_resized img {
    width: 100%;
}

.article-context .image.image_resized > figcaption {
    display: block;
}

.article-context .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: var(--ck-color-image-caption-text);
    background-color: var(--ck-color-image-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

.article-context .image-style-block-align-left,
.article-context .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing));
}

.article-context .image-style-align-left,
.article-context .image-style-align-right {
    clear: none;
}

.article-context .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}

.article-context .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

.article-context .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.article-context .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.article-context .image-style-block-align-right {
    margin-right: 0;
    margin-left: auto;
}

.article-context .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

.article-context p + .image-style-align-left,
.article-context p + .image-style-align-right,
.article-context p + .image-style-side {
    margin-top: 0;
}

.article-context .image-inline.image-style-align-left,
.article-context .image-inline.image-style-align-right {
    margin-top: var(--ck-inline-image-style-spacing);
    margin-bottom: var(--ck-inline-image-style-spacing);
}

.article-context .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing);
}

.article-context .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing);
}

.article-context .todo-list {
    list-style: none;
}

.article-context .todo-list li {
    margin-bottom: 5px;
}

.article-context .todo-list li .todo-list {
    margin-top: 5px;
}

.article-context .todo-list .todo-list__label > input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}

.article-context .todo-list .todo-list__label > input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

.article-context .todo-list .todo-list__label > input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc( var(--ck-todo-list-checkmark-size) / 3 );
    top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
    transform: rotate(45deg);
}

.article-context .todo-list .todo-list__label > input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}

.article-context .todo-list .todo-list__label > input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}

.article-context .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}

.article-context ol {
    list-style-type: decimal;
}

.article-context ol ol {
    list-style-type: lower-latin;
}

.article-context ol ol ol {
    list-style-type: lower-roman;
}

.article-context ol ol ol ol {
    list-style-type: upper-latin;
}

.article-context ol ol ol ol ol {
    list-style-type: upper-roman;
}

.article-context ul {
    list-style-type: disc;
}

.article-context ul ul {
    list-style-type: circle;
}

.article-context ul ul ul {
    list-style-type: square;
}

.article-context ul ul ul ul {
    list-style-type: square;
}

.article-context .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-context .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}

.article-context .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.article-context .media {
    clear: both;
    margin: 0.9em 0;
    display: block;
    min-width: 15em;
}

.article-context .table > figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-table-caption-text);
    background-color: var(--ck-color-table-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

.article-context .table {
    margin: 0.9em auto;
    display: table;
}

.article-context .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}

.article-context .table table td,
.article-context .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}

.article-context .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}

.article-context[dir="rtl"] .table th {
    text-align: right;
}

.article-context[dir="ltr"] .table th {
    text-align: left;
}

.article-context .table .ck-table-resized {
    table-layout: fixed;
}

.article-context .table table {
    overflow: hidden;
}

.article-context .table td,
.article-context .table th {
    position: relative;
}

.article-context pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

.article-context pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}

.article-context hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}

.article-context .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}
@media print {
    
    .article-context .page-break {
        padding: 0;
    }
    
    .article-context .page-break::after {
        display: none;
    }
}

/* Section 2 Article Context End*/

/* Section 3 Article */
.grid-author {
    display: grid;
    grid-template-columns: min-content max-content 1fr;
    column-gap: 2rem;
    align-items: center;
}
.author-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 15rem;
    width: 15rem;
    border-radius: 50%;
}
.text-mail-author {
    font-size: 2.2rem;
    line-height: 3.2rem;
}
.author-box a {
    border-radius: 0;
}
.author-box .social-background {
    background-color: transparent;
}
/* Section 3 Article End*/

/* Section 4 Swiper */
.padding-swiper {
    padding: 1.5rem 1.5rem .5rem 1.5rem;
}
.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.mySwiper2 {
    height: 60rem;
    width: 100%;
}
.mySwiper {
    height: 20rem;
    box-sizing: border-box;
    padding: 10px 0;
}
.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
/*    object-fit: cover;*/
    object-fit: contain;
}
[thumbsslider] .swiper-slide img {
    object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
    color: #000;
}
/* Section 4 Swiper End */

/* Section 5 Share */
.share-border {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2rem;
    border: dashed;
    padding: 2.5rem;
}
.share-border p {
    margin-bottom: 0;
}
.share-border p.text-normal {
    margin: -1.4rem;
    color: #3B56D4;
}
.google-news-text {
    font-size: 2.5rem;
    line-height: 5rem;
}
.google-news-text a,
.google-news-text a:hover {
    color: #3B56D4;
    text-decoration: none;
}
.all-share-links {
    display: flex;
    justify-content: center;
}
.all-share-links a {
    width: 9rem;
    height: 9rem;
    border-radius: 0;
}
.all-share-links a i {
    font-size: 7rem;
    line-height: 9rem;
}
/* Section 5 Share End*/

/* Section 6 Carousell*/
.next-prev-pagination {
    width: 100%;
    height: max-content;
    margin-left: auto;
    margin-right: auto;
}
.no-article-padding {
    padding: 0;
}
.page-padding-spacing-next-prev {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.border-article-spacing {
    border-top: solid;
    border-color: #1663B5;
}
.last-news-photo-article {
    height: 11rem;
    max-width: 25rem;
    background-size:cover;
    background-position:center;
    background-color: #fff;
}
.last-news-text-article {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.45rem;
}
.padding-container {
    padding-left: 1rem;
}
.last-news-data-article {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    margin-left: 1rem;
}
.last-news-avatar-article {
    height: 3rem;
    margin: 0;
    margin-top: -0.5rem;
}
.last-news-time-article {
    display: flex;
    align-items: baseline;
    column-gap: .25rem;
}
p.last-news-person-article {
    margin-right: 1rem;
    font-size: 1.4rem;
}
p.last-news-person-time-article {
    font-size: 1.4rem;
}
.next-prev-article {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.5rem;
}
.next-article {
    column-gap: .5rem;
    color: #153352;
}
.next-article i {
    font-size: 3rem;
    color: #10667D;
}
.prev-article {
    column-gap: .5rem;
    color: #153352;
}
.prev-article i{
    font-size: 3rem;
    color: #10667D;
}
.mySwiper3 {
    width: 100%;
    height: max-content;
}
.secondary-padding-next-prev {
    padding-left: 0;
    padding-right: 0;
}
.next-prev-flex {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content;
}
.secondary-padding-next-prev .swiper-wrapper a.next-article,
.secondary-padding-next-prev .swiper-wrapper a.prev-article {
    display: none!important;
    visibility: hidden;
}
.last-news-shadow a div.last-news-avatar-article {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
}
.next-prev-box-sizing {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
/* Section 6 Carousell End*/

/* Section 7 Connect*/
.connect-white-space {
    white-space: nowrap;
}
.cancel-margin {
    margin: 0;
}
.connect-title {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}
.connect-title label {
    margin: 0;
}
.flex-connect {
    flex-direction: column;
}
.connect-spacing {
    padding: 0 1.5rem 2rem 1.5rem;
}
.connect-details {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
.connect-details input {
    border-radius: 0;
    height: auto;
}
.auth-button {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
.auth-button button {
    border-radius: 0;
    padding: .7rem 1.5rem;
}
.connect-radio {
    display: flex;
    align-items: center;
    column-gap: .5rem;
}
.connect-radio label {
    margin: auto;
}
.connect-options {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
.connect-options button{
    width: 100%;
}
.connect-forgot {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    align-items: flex-end;
}
.connect-forgot a,
.connect-forgot a:hover {
    color: #000;
    text-decoration: underline;
}
/* Section 7 Connect*/

/* Section 8 Comm */
.comm-padding {
    padding: 1.5rem;
}
.textarea-wrapper {
    position: relative;
    width: 100%;
}
.textarea-wrapper textarea {
    height: 200px;
    border-radius: 0;
}
.textarea-wrapper button {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    padding: .7rem 1.5rem;
}
.comm-person-details {
    display: flex;
    align-items: center;
    column-gap: 2.5rem;
}
.comm-person-details .title-text-footer {
    color: #474747;
}
.comm-person-details a i.fa-reply {
    color: #007bff;
    overflow: hidden;
    font-size: 2rem;
}
.comm-author-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 10rem;
    width: 10rem;
    border-radius: 50%;
}
.comm-date {
    color: #7B7B7B;
}
.comm-person-text {
    margin-left: 12rem;
}
.comm-person-text a{
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
}
.comm-person-text button{
    border-radius: 0;
}
.background-comm {
    background-color: #F2F2F2;
    padding: 2rem;
    border-left: solid;
    border-color: #3B56D4;
    margin-left: 12rem;
}
/* Section 8 Comm */

/* Media Queries */
@media screen and (max-width: 1700px) {
    /* Section 3 Article */
    .text-mail-author {
        font-size: 1.6rem;
    }
    /* Section 3 Article End*/
}
@media screen and (max-width: 1536px) {
    /* Section 4 Swiper */
    .mySwiper2 {
        height: 50rem;
    }
    .mySwiper {
        height: 15rem;
    }
    /* Section 4 Swiper */

    /* Section 6 Carousel*/
    .last-news-photo-article {
        max-width: 25rem;
        background-size:cover;
        background-position:center;
        margin: 0;
    }
    .last-news-text-article {
        font-size: 1.4rem;
    }
    p.last-news-person-article {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    p.last-news-person-time-article {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    /* Section 6 Carousel*/
}
@media screen and (max-width: 1400px) {
    .article-context .card-title {
        white-space: normal!important;
        padding-bottom: 1.5rem!important;
        padding-right: 5rem;
    }
    .article-context .card-header-blue {
        max-width: calc(100% + 10px);
        height: 100%;
    }
    /* Section 3 Article */
    .author-image {
        height: 12rem;
        width: 12rem;
    }
    /* Section 3 Article End*/
}
@media screen and (max-width: 1300px) {
    /* COVER 1 ARTICLE */
    .background-cover-article {
        height: 54rem;
    }
    .text-cover-1 {
        font-size: 4rem;
        line-height: 5rem;
    }
    .reading-time-size {
        font-size: 2.5rem;
    }
    .blog-cover-size {
        font-size: 2.5rem;
    }
    .watch-icon-cover {
        width: 3.6rem;
        height: 3.6rem;
    }
    /* COVER 1 ARTICLE END*/

    /* Section 2 Article Context */
    /* Live */
    /*.article-context .content p img {
        height: 42rem;
    }*/
    /* Live */
    .banner-article-text{
        height: 42rem;
    }
    /* Section 2 Article Context End */

    /* Section 3 Article */
    .text-mail-author {
        font-size: 1.6rem;
    }
    .author-box div.col-6 label {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    /* Section 3 Article End */

    /* Section 5 Share */
    .all-share-links a {
        width: 7rem;
        height: 7rem;
    }
    .all-share-links a i {
        font-size: 5rem;
        line-height: 7rem;
    }
    /* Section 5 Share End */

    /* Section 6 Carousel */
    .last-news-text-article {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
    p.last-news-person-article {
        margin-right: 1rem;
        font-size: 1.2rem;
    }
    p.last-news-person-time-article {
        font-size: 1.2rem;
    }
    /* Section 6 Carousel End */

    /* Section 7 Connect*/
    .connect-details .text-general {
        font-size: 1.4rem;
    }
    .connect-options a button {
        font-size: 1.4rem;
    }
    /* Section 7 Connect*/

    /* Section 8 Comm */
    .textarea-wrapper textarea {
        font-size: 1.4rem;
    }
    /* Section 8 Comm */
}
@media screen and (max-width: 1200px) {
    /* Section 3 Article */
    .text-title-article {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .author-box .social-background a {
        width: 2rem;
        height: 2rem;
    }
    .author-box .social-background a i {
        line-height: 2rem;
        font-size: 1rem;
    }
    .text-mail-author {
        font-size: 1.2rem;
    }
    .author-box .col-md-6 label.text-general {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    .author-context-box label {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    /* Section 3 Article End */
    /* Section 4 Swiper */
    .mySwiper2 {
        height: 35rem;
    }
    .mySwiper {
        height: 12rem;
    }
    /* Section 4 Swiper */
    /* Section 6 Carousel */
    .secondary-padding-next-prev .swiper-slide img {
        height: 2.5rem;
    }
    .last-news-data-article {
        column-gap: .5rem;
    }
    /* Section 6 Carousel */
    /* Section 8 Comm */
    .comm-person-text label {
        font-size: 1.8rem;
    }
    /* Section 8 Comm */
}
@media screen and (max-width: 1080px) {
    /* Section 5 Share */
    .all-share-links a {
        width: 6rem;
        height: 6rem;
    }
    .all-share-links a i {
        font-size: 4rem;
        line-height: 6rem;
    }
    /* Section 5 Share End*/
    /* Section 6 Carousel*/
    .last-news-photo-article {
        height: 11.5rem;
        max-width: 25rem;
    }
    p.last-news-text-article {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .secondary-padding-next-prev .swiper-wrapper {
        display: grid;
    }
    .secondary-padding-next-prev .swiper-wrapper a.next-article {
        display: flex!important;
        visibility: visible;
        margin-bottom: 1.5rem;
    }
    .secondary-padding-next-prev .swiper-wrapper a.prev-article {
        display: flex!important;
        visibility: visible;
        margin: 1.5rem 0;
    }
    .next-prev-article {
        display: none;
    }
    /* Section 6 Carousel*/

    /* Section 7 Connect*/
    .auth-button .text-small {
        font-size: 1.2rem;
    }
    .connect-forgot .text-small {
        font-size: 1.2rem;
    }
    /* Section 7 Connect*/

    /* Section 8 Comm */
    .textarea-wrapper a button {
        font-size: 1.2rem;
    }
    /* Section 8 Comm */
}
@media screen and (max-width: 992px) {
    /* COVER 1 ARTICLE */
    .cover-container {
        grid-template-columns: auto;
    }
    .text-cover-1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .reading-time-size {
        font-size: 2rem;
    }
    .blog-cover-size {
        font-size: 2rem;
    }
    .watch-icon-cover {
        width: 3.6rem;
        height: 3.6rem;
    }
    .article-context .card-title {
        white-space: normal!important;
        padding-bottom: 1.55rem!important;
    }
    .article-context .card-header-blue {
        max-width: calc(100% + 10px);
        height: 100%;
    }
    /* COVER 1 ARTICLE END */
    /* Section 6 Carousel*/
    .last-news-photo-article {
        max-width: 20rem;
    }
    .page-top-margin-spacing {
        margin-top: 8rem;
    }
    /* Section 6 Carousel*/
    /* Section 8 Comm */
    .background-comm {
        margin-left: 0;
    }
    /* Section 8 Comm */
}
@media screen and (max-width: 800px) {
    /* COVER 1 ARTICLE */
    .background-cover-article {
        background-position: center;
    }
    /* COVER 1 ARTICLE END*/
    /* Section 2 Article Context */
    .article-context .text-general {
        font-size: 2rem;
    }
    /* Section 2 Article Context End */
    /* Section 6 Carousel*/
    .last-news-text-article {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    p.last-news-person-article {
        margin-right: .5rem;
        font-size: 1.1rem;
    }
    p.last-news-person-time-article {
        font-size: 1.1rem;
    }
    /* Section 6 Carousel*/
}
@media screen and (max-width: 767px) {
    .article-context .card-header-blue {
        width: 100%;
        height: 100%;
        padding-bottom: .5rem;
        padding-top: .5rem;
    }
    .article-context .card-title {
        white-space: normal!important;
        padding-right: 2.5rem!important;
    }
    .article-context .card-header-blue::before {
        /* width: 150% !important; */
        /* width: calc(100% + 1rem); */
        width: 100%;
    }
        
    .article-context .card-header-blue::before, .article-context .card-header-blue::after {
        transform: skew(0deg);
    }
    .article-context .card-header-blue {
        padding-right: 0;
    }
    /* Section 3 Article */
    .grid-author {
        grid-template-columns: auto;
        justify-items: center;
    }
    .author-media-box {
        display: grid;
        justify-items: center;
    }
    .author-name-email {
        display: grid;
        justify-items: center;
    }
    .author-context-box label {
        text-align: center;
    }
    .text-title-article {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .author-box .social-background a {
        width: 3rem;
        height: 3rem;
    }
    .author-box .social-background a i {
        line-height: 3rem;
        font-size: 2rem;
    }
    .text-mail-author {
        font-size: 1.6rem;
    }
    .author-box .text-general {
        margin-top: 1rem;
    }
    /* Section 3 Article End */

    /* Section 5 Share */
    .google-news-text {
        font-size: 2rem;
    }
    /* Section 5 Share End*/
    /* Section 6 Carousel*/
    .last-news-text-article {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    p.last-news-person-article {
        margin-right: .5rem;
        font-size: 1.5rem;
    }
    p.last-news-person-time-article {
        font-size: 1.5rem;
    }
    /* Section 6 Carousel*/
    /* Section 7 Connect*/
    .connect-spacing div div.col-12:last-child {
        margin-top: 1.5rem;
    }
    /* Section 7 Connect*/
}
@media screen and (max-width: 640px) {
    /* Section 4 Swiper */
    .mySwiper2 {
        height: 35rem;
    }
    .mySwiper {
        height: 10rem;
    }
    /* Section 4 Swiper */
    /* Section 6 Carousel*/
    .secondary-padding-next-prev .swiper-wrapper a.next-article,
    .secondary-padding-next-prev .swiper-wrapper a.prev-article {
        font-size: 1.6rem;
    }
    .secondary-padding-next-prev .swiper-wrapper a.next-article i,
    .secondary-padding-next-prev .swiper-wrapper a.prev-article i {
        font-size: 2.2rem;
    }
    /* Section 6 Carousel*/
}
@media screen and (max-width: 570px) {
    /* COVER 1 ARTICLE */
    .cover-container {
        padding: 0 1.5rem;
    }
    .background-cover-article {
        height: 40rem;
        background-position: center;
    }
    .text-cover-1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .reading-time-size {
        font-size: 1.5rem;
    }
    .blog-cover-size {
        font-size: 1.5rem;
    }
    .watch-icon-cover {
        width: 2.6rem;
        height: 2.6rem;
    }
    /* COVER 1 ARTICLE END */

    /* Section 2 Article Context */
    /* Live */
    .article-context .content p img {
        height: 28rem;
    }
    .article-context .content p,
    .article-context .content ul li {
        font-size: 1.6rem;
    }
    /* Live */
    /* Section 2 Article Context End*/

    /* Section 3 Article */
    .text-title-article {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .author-box .social-background a {
        width: 3rem;
        height: 3rem;
    }
    .author-box .social-background a i {
        line-height: 3rem;
        font-size: 2rem;
    }
    .text-mail-author {
        font-size: 1.6rem;
    }
    .author-box .text-general {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    /* Section 3 Article End */
    /* Section 5 Share */
    .share-border img {
        height: 4rem;
    }
    .google-news-text {
        font-size: 1.6rem;
    }
    .all-share-links a {
        width: 5rem;
        height: 5rem;
    }
    .all-share-links a i {
        font-size: 3rem;
        line-height: 5rem;
    }
    /* Section 5 Share End*/
    /* Section 6 Carousel*/
    .last-news-photo-article {
        max-height: 10.8rem;
        padding: 0.5rem;
    }
    .last-news-info-article {
        padding: 0.2rem;
    }
    .last-news-text-article {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .padding-container {
        padding-left: .5rem;
    }
    /* Section 6 Carousel*/
    /* Section 8 Comm */
    .comm-author-image {
        height: 8rem;
        width: 8rem;
    }
    .comm-person-details label.title-text-footer {
        font-size: 2rem;
    }
    .comm-date {
        font-size: 1.8rem;
    }
    .comm-person-text button {
        font-size: 1.2rem;
    }
    .comm-person-details a i.fa-reply {
        font-size: 1.6rem;
    }
    /* Section 8 Comm */
}
@media screen and (max-width: 430px) {
    /* Section 4 Swiper */
    .mySwiper2 {
        height: 25rem;
    }
    .mySwiper {
        height: 9rem;
    }
    /* Section 4 Swiper */
    /* Section 5 Share */
    .share-border img {
        height: 3rem;
    }
    .google-news-text {
        font-size: 1.4rem;
        line-height: 3.5rem;
    }
    .all-share-links a {
        width: 4rem;
        height: 4rem;
    }
    .all-share-links a i {
        font-size: 2rem;
        line-height: 4rem;
    }
    /* Section 5 Share End*/

    /* Section 8 Comm */
    .comm-person-text {
        margin-left: 0;
    }
    .comm-person-details {
        column-gap: 1rem;
    }
    .comm-author-image {
        height: 7rem;
        width: 7rem;
    }
    .comm-person-details label.title-text-footer {
        font-size: 1.6rem;
    }
    .comm-date {
        font-size: 1.4rem;
    }
    .comm-person-details a i.fa-reply {
        font-size: 1.6rem;
    }
    .comm-person-details a i.fa-reply {
        font-size: 1.2rem;
    }
    /* Section 8 Comm */
    
}
@media screen and (max-width: 380px) {
    /* Section 2 Article Context */
    /* Live */
    .article-context .content p img {
        height: 22rem;
    }
    .article-context .content p,
    .article-context .content ul li {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    /* Live */
    /* Section 2 Article Context End*/
    /* Section 5 Share */
    .share-border {
        column-gap: 1rem;
    }
    .share-border img {
        height: 2.5rem;
    }
    .google-news-text {
        font-size: 1.2rem;
        line-height: 3rem;
    }
    .all-share-links a {
        width: 3rem;
        height: 3rem;
    }
    .all-share-links a i {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    /* Section 5 Share End*/

    /* Section 7 Connect*/
    .connect-title label {
        font-size: 1.6rem;
    }
    /* Section 7 Connect*/
}
@media screen and (max-width: 337px) {
    /* COVER 1 ARTICLE */
    .background-cover-article {
        height: 30rem;
    }
    .text-cover-1 {
        font-size: 2rem;
        line-height: 2rem;
    }
    .reading-time-size {
        font-size: 1.5rem;
    }
    .blog-cover-size {
        font-size: 1.5rem;
    }
    .watch-icon-cover {
        width: 2.6rem;
        height: 2.6rem;
    }
    /* COVER 1 ARTICLE END */
    /* Section 3 Article */
    .author-box .social-background a {
        width: 2rem;
        height: 2rem;
    }
    .author-box .social-background a i {
        line-height: 2rem;
        font-size: 1rem;
    }
    .text-mail-author {
        font-size: 1.2rem;
    }
    .author-box .col-md-6 label.text-general {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    /* Section 3 Article End */
    /* Section 4 Swiper */
    .mySwiper2 {
        height: 20rem;
    }
    .mySwiper {
        height: 8rem;
    }
    /* Section 4 Swiper */
    /* Section 5 Share */
    .share-border {
        column-gap: .5rem;
    }
    .share-border img {
        height: 2rem;
    }
    .google-news-text {
        font-size: 1rem;
        line-height: 2.5rem;
    }
    .all-share-links a {
        width: 2.5rem;
        height: 2.5rem;
    }
    .all-share-links a i {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    /* Section 5 Share End*/
    /* Section 6 Carousel*/
    .last-news-data-article {
        display: grid;
    }
    p.last-news-person-article {
        margin-bottom: 0;
    }
    /* Section 6 Carousel*/

    /* Section 7 Connect*/
    .auth-button .text-small {
        font-size: 1rem;
    }
    .connect-forgot .text-small {
        font-size: 1rem;
    }
    /* Section 7 Connect*/
    /* Section 8 Comm */
    .comm-person-details {
        column-gap: .75rem;
    }
    .comm-author-image {
        height: 5rem;
        width: 5rem;
    }
    .comm-person-details label.title-text-footer {
        font-size: 1.2rem;
    }
    .comm-date {
        font-size: 1rem;
    }
    .comm-person-text label {
        font-size: 1.4rem;
    }
    .comm-person-details a i.fa-reply {
        font-size: 1rem;
    }
    /* Section 8 Comm */
}
/* Media Queries End */