/* loads Google font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');


/* ---- Base Rules ---- */
*{
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;
}

:root {
    --body-bg-image: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/body-bg.png);
    /*--main page-bg--*/
    --header--bg: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/BEHS_header1.png);
    --header-s-1: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/BEHS_header1.png);
    --header-s-2: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/BEHS_header1.png);
    --header-m-820: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/BEHS_header1.png);
    /*--SSD-bg--*/
    --SSD-bg: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images);    
    /*---btn keys --*/
    --btn-color: #081657;
    --btn-color-hover: #000F55;
    --btn-color-2: #ECEEF6;
    --btn-color-secondary: #0f1031;
    /*---hamburger keys --*/
    --hamburger-bg: #9c00e2;
    /*---nav keys --*/
    --nav-link-color:red;
    --nav-link-hover:red;
    --nav-bg:#e9ebf7;
    /*---lang keys --*/
    --lang-bar: #9c00e2;
    --color-lang: #f0f0f0;
    --lang-link-hover:red;
    /*---card keys --*/
    --card-bg-color: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/card-bg.png);
    --card-btn-bg-color: #081657;
    --card-btn-border-color: #f0f0f0;
    --card-btn-bg-hover: #0a49f6;
    --card-link-color:red;
    --card-published-bg:#ECEEF6;
    --card-topic-bg: rgba(159, 124, 255, 0.5);
    /*--paragraph-bg--*/
    --pargraph-color: #ffff;
    --secondary-pargraph-color: #0f1031;  
    /*---research card keys --*/
    --research-card-bg:#e9ebf7;
    --research-card-bg-hover:#9c00e2;
    --research-btn-link:#e9ebf7;
    --research-btn-link-hover:#9c00e2;
    /*---archives card keys --*/
    --archives-card-bg:red;
    /*--footer-bg--*/
    --footer--bg: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/final-footer8.png) no-repeat;
    --footer-s-1: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/final-footer8.png) no-repeat;
    --footer-m-820: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/final-footer8.png) no-repeat;
    /*--footer-s-1: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/press.eirek.com-main/images/final-footer-s-1.png) no-repeat;
    --footer-m-820: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/press.eirek.com-main/images/final-footer-meduim.png) no-repeat;*/

    --transition: 0.7s ease;
}
html.no-touch {
    overflow-x: hidden;
    width: 100vw;
}
body {
    background: var(--body-bg-image);
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
    width: 100vw;
}
@media(max-width:414px){
    body.pkp_page_index.pkp_op_index {
        background: #fff;
    }
}
body[dir="rtl"] {
    direction: ltr;
    unicode-bidi: embed;
}
body[dir="rtl"] div#customblock-twitter {
    right: 0;
}

/* Typeography General */
p { 
    font-size: 1.2em;
    font-weight: 400;
}

/* ---- Module Rules ---- */

/* Header Styles */
.pkp_structure_head, .pkp_site_nav_menu {
    background: transparent;
}
.pkp_page_Home .pkp_structure_main {
    width: 110%;
}
.pkp_page_Home .pkp_structure_content {
    margin-left: 1em;
    padding-top: 0;
}
@media(max-width:540px){
    .pkp_page_Home .pkp_structure_content {
        margin-left: 0;
    }
    .pkp_page_Home .pkp_structure_main {
        width: 100%;
    }
}
.pkp_page_Home .pkp_structure_main h2 {
    display: none;
}
.pkp_page_Home .pkp_navigation_primary_wrapper {
    display: none;
}
.has_site_logo .pkp_head_wrapper {
    background: var(--header--bg);
    background-size: 100% 100%;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
}
@media(max-width:912px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-m-820);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
@media(max-width:820px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-m-820);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
@media(max-width:540px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-s-2);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
@media(max-width:414px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-s-2);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
@media(max-width:375px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-s-1);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
@media(max-width:280px){
    .has_site_logo .pkp_head_wrapper {
        background: var(--header-s-2);
        background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
		width: 100%;
		height: 100vh;
    }
}
.pkp_navigation_user{
    width: 20em;
    transform: translateX(30vw);
}
.pkp_site_nav_toggle {
    background: var(--btn-color);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 1em;
}

/* Header logo */ 
.pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name .is_img img {
    width: 10vw;
    margin-top: 0.6em;
    position: fixed;
    bottom: 20%;
    left: 90%;
}
@media(max-width:1368px){
    .pkp_site_name .is_img img {
        width: 12vw;
    } 
}
@media(max-width:1180px){
    .pkp_site_name .is_img img {
        width: 15vw;
    } 
}
@media(max-width:912px){
    .pkp_site_name .is_img img {
        width: 15vw;
    } 
}
@media(max-width:414px){
    .pkp_site_name .is_img img {
        width: 27vw;
    } 
}
@media(max-width:375px){
    .pkp_site_name .is_img img {
        width: 30vw;
    } 
}

/* Header logo-in */ 
.pkp_navigation_user>li:last-child>a, .page_search .submit button {
    background-color: var(--btn-color);
    font-weight: 600;
    color: #ffff;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
}
.page_search .submit button:after {
    display: none;
}
.pkp_navigation_user>li:last-child>a:hover, .page_search .submit button:hover {
    color: #ffff;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
    
}

/* Header register */ 
.pkp_navigation_user>li:first-child>a {
    color: #ffff;
    background-color: var(--btn-color);
    font-weight: 600;
    padding: 0.937em 1.1em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    margin-right: 1em;
}
.pkp_navigation_user>li:first-child>a:hover {
    color: #ffff;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
}

/*Header Hamburger */
@media(max-width:915px){
    /* hamburger for homepage*/
.has_site_logo .pkp_site_nav_menu{
    width: 70%;
}
.has_site_logo .pkp_navigation_user.pkp_navigation_user {
    margin-right: 30em;
}

    /* hamburger for homepage*/
.has_site_logo .pkp_site_nav_menu--isOpen{
    border-radius: 2em;
    position: absolute;
    width: 90%;
    top: 3em;
    left: 0;
    padding: 0.714rem;
    z-index: 9999;
    background-color: rgb(233, 235, 247); 
}
.has_site_logo .pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    height: 0em;
}
.has_site_logo .pkp_navigation_user.pkp_navigation_user {
    margin-right: 10em;
}
.pkp_navigation_user.pkp_navigation_user {
    border-top: none;
}
/* hamburger for all pages*/
.pkp_site_nav_menu--isOpen{
    border-radius: 2em;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 0.714rem;
    z-index: 9999;
    background-color: rgb(233, 235, 247); 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pkp_site_nav_menu .pkp_nav_list {
    padding: 3em; 
    align-items: flex-start;
}
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    height: 40em;
}
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list a {
    background-color: var(--btn-color);
    font-weight: 600;
    color: #ffff !important;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-right-radius: 15px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-width: 20em;
    transition: var(--transition);
    margin-top: 2em;
}
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list a:hover {
    color: #ffff;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
    text-decoration: none;
}
.pkp_navigation_search_wrapper {
    padding: 1rem;
    text-align: center;
    margin-left: 3em;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: none;
}
.pkp_site_nav_menu ul ul a {
    color: var(--secondary-pargraph-color);
}
}

/* Nav_Linked_main */
.nav__linked__main {
    top: 20%;
    background: linear-gradient(125deg,#cdcdcd, rgb(42 205 255), #d1d1d1);
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    right: 0;
    position: fixed;
    transition: var(--transition);
    z-index: 9999;
    writing-mode: vertical-lr;
    justify-content: space-between;
}
@media(max-width:540px){
    .nav__linked__main {
        align-items: center;
        top: -0.7em;
        background: linear-gradient(125deg,#cdcdcd, rgb(42 205 255), #d1d1d1);
        border-top-left-radius: 0;
        border-bottom-right-radius: 1em;
        border-bottom-left-radius: 1em;
        right: 4em;
        font-size: 1em;
    }
    .nav__linked__main:hover {
        padding-right: 0;
    }
    .nav__linked__main a {
        color: #081657;
        font-size: 0.7em;
    }
}
.nav__linked__main:hover {
    padding-right: 1em;
}
.nav__linked__main a{
    color: var(--color-lang);
    font-weight: 600;
    display: inline-block;
    transition: var(--transition);
    padding: 1.5em;
    cursor: pointer;
    font-size: 1.1em;
}
.nav__linked__main a:hover{
    color: #b1a6a6;
}

/* Language */ 
body.pkp_page_Home div.pkp_block.block_language {
    display: none;
}
div.pkp_block.block_language {
    top: 20%;
    background-color:var(--btn-color);
    border-top-left-radius: 3em;
    border-bottom-left-radius: 3em;
    left: 98%;
    position: fixed;
    transition: var(--transition);
}
div.pkp_block.block_language:hover {
    left: 95%;
}
@media(max-width:1280px){
    div.pkp_block.block_language {
        display: none;
    } 
}

.pkp_block .title{
    display: none;
}

.pkp_block .content ul{
    display: flex;
   
    writing-mode: horizontal-tb	;
   
    justify-content: space-between;
	
	flex-direction: column
 
}

@media(max-width:912px){
    .pkp_block .content ul{
        padding: 0 20em;
    }
}
@media(max-width:540px){
    .pkp_block .content ul{
        padding: 0 13.5em;
    }
}
@media(max-width:414px){
    .pkp_block .content ul{
        padding: 0 8em;
    }
}
@media(max-width:390px){
    .pkp_block .content ul{
        padding: 0 7.5em;
    } 
}
div.pkp_block.block_language .locale_de_DE, div.pkp_block.block_language .locale_zh_CN, div.pkp_block.block_language .locale_it_IT{
    display: none;
}
body.pkp_page_Home .pkp_block a{
    padding-top: 1vh;
}
.pkp_block a{
    color: #0f1031;
    font-weight: 500;
    display: inline-block;
    transition: var(--transition);
    padding-top: 2vh;
}
@media(max-width:912px){
    .pkp_block a{
    color: var(--btn-color-secondary);
    font-weight: 500;
    display: inline-block;
    transition: var(--transition);
    padding-top: 1vh;
    }
}
.pkp_block a:hover {
    color: #b1a6a6;
}

.pkp_block .current a{
    border-top: 2px solid #f0f0f0;
}
.pkp_block .current a:hover{
    border-top: 2px solid #b1a6a6;
}

div.pkp_block.block_language .locale_ar_IQ a:hover {
    border-top: 2px solid #b1a6a6;
}
/* Sidebar */ 
.pkp_block.block_developed_by {
    display: none;
}

/* Cards block */
.pkp_structure_main {
    width: 100%;
}
.pkp_structure_main::before {
    background: transparent;
}
.pkp_structure_main::after {
    background: transparent;
}



/* Card 1 */
/* Cadr1, 3 block */
.pkp_page_index .journals>ul>li:nth-child(odd) {
    box-shadow: 0 5px 55px rgb(1 1 1 / 55%);
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 6vw ; 
}
@media(max-width:820px){
    .pkp_page_index .journals>ul>li:nth-child(odd) {
        flex-direction: column;
        padding: 2vw ; 
    }
    .pkp_page_index .journals>ul>li:nth-child(odd) .thumb{
       margin-bottom: 5em;
        width: 27%;
        place-items: center;
    }
}
@media(max-width:740px){
    .pkp_page_index .journals>ul>li:nth-child(odd) {
        flex-direction: column;
        padding: 8vw ; 
    }
    .pkp_page_index .journals>ul>li:nth-child(odd) .thumb{
       margin-bottom: 5em;
        width: 27%;
        place-items: center;
    }
}
@media(max-width:540px){
    .pkp_page_index .journals>ul>li:nth-child(odd) {
        padding: 1em 6vw ; 
        border-radius: 20px;
        transform: scaleX(1.05);
    }
}
/* Cadr1, 3:Image block */
.pkp_page_index .journals>ul>li .thumb{
    width: 30%;
    text-align: center;
}
@media(max-width:820px){
    .pkp_page_index .journals>ul>li:nth-child(odd) .thumb{
        transform: translateY(3em);
    }
}
@media(max-width:540px){
    .pkp_page_index .journals>ul>li:nth-child(odd) .thumb{
        transform: translateY(3em);
        width: 50%;

    }
}
/* Card:Image */
.pkp_page_index .journals img {
    display: inline-block;
    box-shadow: 0 15px 25px rgba(1 1 1 /35%);
}

/* Crad header */
.pkp_page_index .journals>ul>li h3 a{
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
    margin-left: -0.5em;
}
@media(max-width:820px){
    .pkp_page_index .journals>ul>li h3 a{
        font-size: 1.6em;
    }
}
@media(max-width:540px){
    .pkp_page_index .journals>ul>li h3 a{
        font-size: 1.4em;
    }
}
@media(max-width:280px){
    .pkp_page_index .journals>ul>li h3 a{
        font-size: 1em;
    }
}

/* Crad pargraph */
.pkp_page_index .journals>ul>li:nth-child(odd) .description a {
    color: var(--pargraph-color);
    text-decoration: none !important;
}
/*Card 1, 3 header */
.pkp_page_index .journals>ul>li:nth-child(odd) h3 a{
    color: var(--pargraph-color);

}
/*Card 1, 3 pargraph */
.pkp_page_index .journals>ul>li:nth-child(odd) .description {
    color: var(--pargraph-color);
    margin-top: 2em;
}

@media(max-width:820px){
    .pkp_page_index .journals>ul>li:first-of-type .description {
        font-size: 0.8em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 800px;
        margin-top: 1em;
    }
}
@media(max-width:740px){
    .pkp_page_index .journals>ul>li:first-of-type .description {
        font-size: 0.8em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
        margin-top: 1em;
    }
}
@media(max-width:280px){
    .pkp_page_index .journals>ul>li:first-of-type .description {
        font-size: 0.5em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        margin-top: 1em;
    }
}


/* Card view btn*/
.pkp_page_index .journals>ul>li:nth-child(odd) .links li:first-of-type a {
    color: #ffff;
    border: 1px solid #fff;
    font-weight: 600;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
}
.pkp_page_index .journals>ul>li:nth-child(even) .links li:first-of-type a {
    color: #ffff;
    border: 1px solid #fff;
    font-weight: 600;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    background-color: var(--card-btn-bg-color);
}
@media(max-width:540px){
    .pkp_page_index .journals .links li:first-of-type a {
        font-weight: 500;
        padding: 0.8em 1em;
        margin-top: 1em;
    }
}
@media(max-width:414px){
    .pkp_page_index .journals .links li:first-of-type a {
        font-weight: 500;
        padding: 0.8em 1em;
        margin-top: 1em;
    }
}
@media(max-width:375px){
    .pkp_page_index .journals .links li:first-of-type a {
        font-weight: 500;
        padding: 0.8em 1em;
        margin-top: 1em;
    }
}
.pkp_page_index .journals>ul>li:nth-child(odd) .links li:first-of-type a:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
    border-color: transparent;
}
.pkp_page_index .journals>ul>li .links li:first-of-type a:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
}
/* Card current btn */
.pkp_page_index .journals .links li:last-of-type a {
    display: none;
}

/* Cadr2 block */
.pkp_page_index .journals>ul>li:nth-child(even){
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 6vw; 
}
@media(max-width:540px){
    .pkp_page_index .journals>ul>li:nth-child(even){
        flex-wrap: wrap;
    }
}

/* Cadr2:Image block */
@media(max-width:740px){
    .pkp_page_index .journals>ul>li:nth-child(even) .thumb{
        width: 50%;
        margin-bottom: 1.5em;
    }
}

/* Card2: header */
.pkp_page_index .journals>ul>li:nth-child(even) h3 a{
    color: var(--btn-color-secondary);
}
/* Card2: paragraph */
.pkp_page_index .journals>ul>li:nth-child(even) .description {
    color: var(--btn-color-secondary);
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 2em;
}

/*footer*/
.pkp_structure_footer_wrapper {
    background: var(--footer--bg);
    background-position: center;
    background-size: cover;
}
.pkp_structure_footer_wrapper img{
    width: 60%;
    visibility: hidden;
}
@media(max-width:851px){
    .pkp_structure_footer_wrapper {
        background: var(--footer-m-820);
        background-position: center;
        background-size: cover;
    }
}
@media(max-width:540px){
    .pkp_structure_footer_wrapper {
        background: var(--footer-s-1);
        background-position: center;
        background-size: cover;
    }
}




/**--------------------------------------------------------------------------------------------**/
/*-------------------------------------2-  Current Page: ESSD -----------------------------------------*/
/**--------------------------------------------------------------------------------------------**/

/*background-img*/
.pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
    background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg.png) no-repeat;
    width:100vw;
    transform: translateX(-7.4em);
    height: 100vh;
    transition: 2s ease;
}
.pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]):hover {
    background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-hover.png) no-repeat;
}
.pkp_page_index .homepage_image img{
    display: none;
}
@media(max-width:1180px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-medium-1180.png) no-repeat;
        transform: translateX(-8.1em);
    }
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]):hover {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-medium-1180.png) no-repeat;
        transform: translateX(-8.1em);
    }
}
@media(max-width:1024px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-medium.png) no-repeat;
        transform: translateX(-2.5em);
        height: 100vh;
    }
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]):hover {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-medium.png) no-repeat;
        transform: translateX(-2.5em);
        height: 100vh;
    }
}
@media(max-width:912px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        transform: translateX(-6.5em);
        height: 50vh;
    }
}
@media(max-width:844px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        transform: translateX(-3em);
        height: 100vh;
    }
}
@media(max-width:820px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        height: 50vh;
    }
}
@media(max-width:720px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]) {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-s-1.png) no-repeat;
        transform: scale(1.05);
        height: 50vh;
    }
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/1/homepageImage_en_US.png"]):hover {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ESSD-bg-s-1.png) no-repeat;
        transform: scale(1.05);
        height: 50vh;
    }
}



/*Main heading*/
.obj_issue_toc .galleys > h2, .obj_issue_toc .section > h2, .obj_issue_toc .galleys > h3, .obj_issue_toc .section > h3{
    font-size: 2em;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
    background: transparent;
}
.obj_issue_toc .galleys:before, .obj_issue_toc .section:before {
border: none;
}

.pkp_structure_head {
    border: none;
}
.pkp_site_name .is_text{
    display: none;
}
/*---- nav list ----*/
body.has_site_logo .pkp_head_wrapper {
    padding-top: 0;
    margin-top: 0;
}
body.pkp_page_index.pkp_op_index .pkp_head_wrapper {
    z-index: 9;
    margin-top: 4rem;
}
.pkp_page_issue .pkp_head_wrapper, .pkp_op_archive .pkp_head_wrapper, .pkp_page_about .pkp_head_wrapper, .pkp_page_special-issue-request .pkp_head_wrapper, .pkp_page_login .pkp_head_wrapper, .pkp_op_register .pkp_head_wrapper, .pkp_page_search .pkp_head_wrapper, .pkp_page_editorial-team .pkp_head_wrapper {
    z-index: 9;
    margin-top: 0;
    background: linear-gradient(125deg,var(--btn-color), rgba(42, 205, 255, 0.5), transparent);
    height: 5.4em;
    margin-bottom: 5em;
}
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list {
    transform: translateY(-2em);
    z-index: 999999; 
}
.pkp_page_issue .pkp_navigation_primary.pkp_nav_list, .pkp_op_archive .pkp_navigation_primary.pkp_nav_list, .pkp_page_about .pkp_navigation_primary.pkp_nav_list, .pkp_page_special-issue-request .pkp_navigation_primary.pkp_nav_list, .pkp_page_login .pkp_navigation_primary.pkp_nav_list, .pkp_op_register .pkp_navigation_primary.pkp_nav_list, .pkp_page_search .pkp_navigation_primary.pkp_nav_list, .pkp_page_editorial-team .pkp_navigation_primary.pkp_nav_list {
    margin-top: 2.4em;
    margin-left: 7.4em;
    z-index: 999999; 
}
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list a {
    color: var(--btn-color-secondary);
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    transition: var(--transition);
    
}

.pkp_page_issue .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_issue .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_op_archive .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_op_archive .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_page_about .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_about .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_page_special-issue-request .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_special-issue-request .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_page_login .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_login .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_op_register .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_op_register .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_page_search .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_search .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited, .pkp_page_editorial-team .pkp_navigation_primary.pkp_nav_list>li:first-child a, .pkp_page_editorial-team .pkp_navigation_primary.pkp_nav_list>li:first-child a:visited,
.pkp_page_issue .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_issue .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_op_archive .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_op_archive .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_page_about .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_about .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_page_special-issue-request .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_special-issue-request .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_page_login .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_login .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_op_register .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_op_register .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_page_search .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_search .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited, .pkp_page_editorial-team .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a, .pkp_page_editorial-team .pkp_navigation_primary.pkp_nav_list>li:nth-child(2) a:visited{
    padding: 0.9em;
    display: inline-block;
    transition: var(--transition);
    text-align: center;
    
}



/*dropdown-menu*/
.dropdown-menu {
    border-radius: 1rem;
    border-color: rgba(0, 0, 0, 0.175);
    border-width: 1px;
}


/*----- search ----*/
.pkp_page_index .pkp_navigation_search_wrapper {
    background: #f0f0f0;
    width: 19%;
    border-radius: 3em;
    margin-right: 18em;
    transform: translateY(-2.1em);
}
.pkp_page_issue .pkp_navigation_search_wrapper, .pkp_op_archive .pkp_navigation_search_wrapper, .pkp_page_about .pkp_navigation_search_wrapper, .pkp_page_login .pkp_navigation_search_wrapper, .pkp_page_search .pkp_navigation_search_wrapper, .pkp_op_register .pkp_navigation_search_wrapper, .pkp_page_special-issue-request .pkp_navigation_search_wrapper, .pkp_page_editorial-team .pkp_navigation_search_wrapper{
    transform: translateY(-9.3em);
    background: #ffff;
    width: 19%;
    border-radius: 3em;
    margin-right: 18em;
}
@media(max-width:914px) {
    .pkp_page_issue .pkp_navigation_search_wrapper, .pkp_op_archive .pkp_navigation_search_wrapper, .pkp_page_about .pkp_navigation_search_wrapper, .pkp_page_login .pkp_navigation_search_wrapper, .pkp_page_search .pkp_navigation_search_wrapper, .pkp_op_register .pkp_navigation_search_wrapper, .pkp_page_special-issue-request .pkp_navigation_search_wrapper, .pkp_page_editorial-team .pkp_navigation_search_wrapper{
        margin-top: 8em;
    }
    .pkp_page_issue .pkp_navigation_user.pkp_navigation_user, .pkp_op_archive .pkp_navigation_user.pkp_navigation_user, .pkp_page_about .pkp_navigation_user.pkp_navigation_user, .pkp_page_login .pkp_navigation_user.pkp_navigation_user, .pkp_page_search .pkp_navigation_user.pkp_navigation_user, .pkp_op_register .pkp_navigation_user.pkp_navigation_user, .pkp_page_special-issue-request .pkp_navigation_user.pkp_navigation_user, .pkp_page_editorial-team .pkp_navigation_user.pkp_navigation_user{
        margin-top: 4em;
    }
}
.pkp_navigation_search_wrapper a {
    color: #212529;
}
.pkp_navigation_search_wrapper a:hover {
    color: #55575abe;
    border-color: transparent;
}


/*-- current card ----*/
.obj_issue_toc .heading {
        position: relative;
        background: var(--card-bg-color);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        border-top-left-radius: 3.5em;
        border-bottom-right-radius: 3.5em;
        color: #ECEEF6;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        padding: 6vw;
        flex: 0 1 21em;
        flex-wrap: wrap;
        box-shadow: 0 5px 45px rgb(1 1 1 / 35%);
}


.obj_issue_toc .heading a {
    color: #ECEEF6;
}
/*current card pargraph */
.obj_issue_toc .description {
    color: var(--pargraph-color);
    margin-top: 2em;
    font-size: 1em;
    font-weight: 600;
}
@media(max-width:540px) {
    .obj_issue_toc .heading {
        padding: 50px 14px 15px 15px;
        border-radius: 20px;

}
    .obj_issue_toc .description {
        color: var(--pargraph-color);
        margin-top: 0;
        font-size: 0.6em;
        font-weight: 800;
    }
}

/*-- current card image block --*/
.obj_issue_toc .cover {
    transition: var(--transition);
    width: 30%;
}

/*-- current card image --*/
.obj_issue_toc .cover img {
    display: inline-block;
    transition: var(--transition);
    box-shadow: 0 5px 5px rgba(1 1 1 /35%);
}
.obj_issue_toc .cover img:hover{
    box-shadow: 0 5px 5px rgba(1 1 1 /40%);
}

/*-- publish label --*/
.obj_issue_toc .published {
    box-shadow: 0 5px 15px rgb(1 1 1 / 35%);
    padding-left: 0;
    background: var(--card-published-bg);
    position: absolute;
    top: 0;
    left: 5em;
    padding: 2em 3em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    margin-top: 0;
    color: var(--btn-color-secondary);
    letter-spacing: 1px;
   
}
@media(max-width:1180px) {
    .obj_issue_toc .published {
        left: 0;
        padding: 2em;
    }
}
@media(max-width:1024px) {
    .obj_issue_toc .published {
        left: 2em;
        padding: 2em;
    }
}
@media(max-width:540px) {
    .obj_issue_toc .published {
        position: absolute;
        padding: 1em;
        font-size: 0.7em;
    }
}

.pkp_structure_main h2 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
}

/*-- Topics--*/
.obj_issue_toc .description strong {
    font-size: 2em;
    border-left:3px solid #fff;
    padding-left: 0.5em;
    margin-left: 1em;
    
    }
/*-- topic header --*/
.obj_issue_toc .description>ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.obj_issue_toc .description>ul>li{
    flex: 1 0 10em;
    background-color: #000F55;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    box-shadow: 0 5px 10px rgba(1 1 1 /20%);
    padding: 2em 0 2em 5em ;
    margin: 15px;
    transition: var(--transition);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1em;
    line-height: 2.5em;
    font-weight: 800;
}

@media(max-width:914px) {
    .obj_issue_toc .description>ul>li {
        padding: 2em;
    }
}
.obj_issue_toc .description>ul>li:hover{
    transform: scale(1.05);
    box-shadow: 0 7px 10px rgba(1 1 1 /20%);
}
.obj_issue_toc .description>ul>li li{
    font-weight: 200;
    border-left:3px solid #fff;
    padding: 0 1em;
    margin: 1em;
}

.obj_issue_toc .pub_id {
    flex: 1 0 10em;
    background-color: #0231904d;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    box-shadow: 0 5px 10px rgba(1 1 1 /20%);
    padding: 2em 0 2em 5em ;
    margin: 15px;
    transition: var(--transition);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1em;
    line-height: 2.5em;
    font-weight: 800;
}
.obj_issue_toc .pub_id:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 10px rgba(1 1 1 /20%);
}

/*-- Other research papers --*/
.obj_issue_toc .articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}


/*--other research paper card--*/
.obj_issue_toc .articles>li{
    flex: 0 1 21em;
    background-color: #e9ebf7;
    color: #0f1031;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
    padding: 25px;
    margin: 15px;
    transition: var(--transition);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;

}
.obj_issue_toc .articles>li:hover{
    background-color: var(--btn-color);
    color: #f0f0f0;
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(1 1 1 /40%);
}
.obj_issue_toc .articles>li:hover .galleys_links a{
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: #f0f0f0;
    color: var(--btn-color);
    border: transparent;
}

/*-- other paper title --*/
.obj_article_summary > .title a, .obj_article_summary .pages, .obj_article_summary .published{
    color: var(--btn-color-secondary);
}
.obj_issue_toc .articles>li:hover .obj_article_summary > .title a, .obj_issue_toc .articles>li:hover .obj_article_summary .pages, .obj_article_summary .published{
    color: #f0f0f0;
}

/* other paper PDF btn */
.obj_issue_toc .galleys_links a{
    color: #ffff;
    background-color: var(--btn-color);
    font-weight: 600;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    border: transparent;
}

/* read more */
.pkp_page_index .current_issue .read_more {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    color: #ffff;
    background-color: var(--btn-color);
    font-weight: 600;
    padding: 0.937em;
    width: 10em;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
   transition: var(--transition);
    left: 40%;
}
@media(max-width:540px) {
    .pkp_page_index .current_issue .read_more {
        font-size: 1em;
        margin-top: 2em;
        left: 30%;
    }
    .obj_issue_toc .pub_id {
        padding: 2em;
        font-size: 0.9em;
        line-height: 1.5em;


    }
}
.pkp_page_index .current_issue .read_more:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.05);
    background-color: var(--btn-color-hover);
    color: #ffff; 
}

.pkp_page_index .current_issue .read_more:after {
    content: "";
}

.cmp_breadcrumbs {
    display: none;
}


/**--------------------------------------------------------------------------------------------**/
/*-------------------------------------3-  Current Page: ARCHIVE -------------------------------*/
/**--------------------------------------------------------------------------------------------**/

/*background-img*/
.pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/2/homepageImage_en_US.png"]) {
    background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ARChive-bg.png) no-repeat;
    width:100vw;
    transform: translateX(-7.4em);
    height: 100vh;
    transition: 2s ease;
}

.pkp_page_index .additional_content .container{
    background: #e9ebf7;
    width: 100VW;
    padding: 7em 34em 7em 7em;
    transform: translateX(-10em);
}


.pkp_page_index div#customblock-twitter, body.pkp_page_Home div#customblock-twitter {
    box-shadow: 0 5px 15px rgb(1 1 1 / 35%);
    padding: 0;
    border-radius: 1em;
    transform: translateY(-92em);
}
.pkp_page_issue div#customblock-twitter {
    box-shadow: 0 5px 15px rgb(1 1 1 / 35%);
    width: 30%;
    position: absolute;
    bottom: 12vh;
    right: 1em;
    padding: 0;
    border-radius: 1em;
}

.pkp_op_archive div#customblock-twitter, .pkp_page_about div#customblock-twitter, .pkp_page_login div#customblock-twitter, .pkp_page_search div#customblock-twitter, .pkp_page_special-issue-request div#customblock-twitter, .pkp_op_register div#customblock-twitter, .pkp_page_editorial-team div#customblock-twitter{
    display: none;
}
@media (max-width:1024px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/2/homepageImage_en_US.png"]){
        height: 50vh;
        transform: translateX(-3.5em);
    }
    .pkp_page_index .additional_content .container{
        padding: 7em;
        transform: translateX(-5em);
    }

    .pkp_page_index div#customblock-twitter {
        bottom: 550vh;
        right: 2em;
    }
    .pkp_page_issue div#customblock-twitter {
        bottom: 45vh;
        right: 2em;
    }

}
@media (max-width:912px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/2/homepageImage_en_US.png"]){
        height: 50vh;
        transform: translateX(-5.5em);
    }
    .pkp_page_index .additional_content .container{
        padding: 7em;
    }

    .pkp_page_index div#customblock-twitter, body.pkp_page_Home div#customblock-twitter, .pkp_page_issue div#customblock-twitter {
        display: none;
    }
    .obj_issue_toc .articles, body.pkp_page_issue .obj_issue_toc .articles{
        padding-right: 0;
    }
}
@media (max-width:768px){
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/2/homepageImage_en_US.png"]){
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/ARChive-bg-blue-s.png) no-repeat;
        transform: scale(1.05);
    }
    .pkp_page_index .additional_content .container{
        padding: 1em;
        transform: translateX(-1em);
    }
}

.pkp_page_index .additional_content .additional-content-header {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 400;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
    margin-left: -0.5em;
    color: var(--btn-color-secondary);
    text-decoration: none;
}

.pkp_page_index .additional_content .additional-content-paragraph {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 400;
    padding-left: 0.5em;
    margin-left: -0.5em;
    color: var(--btn-color-secondary);
    text-decoration: none;
}

.pkp_page_index .additional_content .additional-content-paragraph-1, .pkp_page_index .additional_content .additional-content-paragraph-2, .pkp_page_index .additional_content .additional-content-paragraph-3, .pkp_page_index .additional_content ul {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
    padding: 25px;
    margin: 15px;
    transition: var(--transition);
    color: white;
}
.pkp_page_index .additional_content .additional-content-paragraph-1:hover, .pkp_page_index .additional_content .additional-content-paragraph-2:hover, .pkp_page_index .additional_content .additional-content-paragraph-3:hover, .pkp_page_index .additional_content ul:hover {
    transform: scale(1.03);
}


/**--------------------------------------------------------------------------------------------**/
/*-------------------------------------2-  Current Page: Resourceedings -----------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/3/homepageImage_en_US.png"]) {
    background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/Resourceedings-bg.png) no-repeat;
    width:100vw;
    transform: translateX(-7.4em);
    height: 100vh;
}

@media(max-width:820px) {
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/3/homepageImage_en_US.png"]) {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/Resourceedings-bg-s-1.png) no-repeat;
        transform: scaleX(1.05);
        height: 70vh;
    }
}
@media(max-width:540px) {
    .pkp_page_index .homepage_image:has(img[src*="https://press.ierek.com/public/journals/3/homepageImage_en_US.png"]) {
        background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/Resourceedings-bg-s-2.png) no-repeat;
        
        
    }
}

/*------------------------------------ISSN & Indexing Services & new nav bar---------------------------/
/*issn*/
.pkp_page_index .ISSN {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    gap: 5em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5em;
}
@media(max-width:540px) {
    .pkp_page_index .ISSN {
        font-size: 0.6em;
    }
}
.pkp_page_index .ISSN .online-issn{
    border-right: 1px solid #cfd2d4;
    padding-right: 5em;
}
.pkp_page_index .ISSN .online-issn h1{
    color: #0727b4;
}
.pkp_page_index .ISSN .print-issn h1{
    color: #0727b4;
}

/*Indexing Services*/
.pkp_page_index .indexing-services {
   
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5em;
}

.pkp_page_index .indexing-services__content {
    transform: translateX(30px);
    margin-top: 5em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1em;
}

.pkp_page_index .indexing-services__card {
    flex: 0 1 21em;
    transition: var(--transition);
    align-items: center;
    justify-content: center;
}
/*new nav bar*/
.custom-nav-bar{
    background: #eceef6;
    border-top: #718497;
    color: #0f1031;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1em 3em;
    position: fixed;
    z-index: 9000;
    top: 0px;
    left: 0;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

@media(max-width:912px) {
.custom-nav-bar{
    font-size: 0.7em;
}
}
.window-scroll{
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.essd__navigation {
    display: flex;
    align-items: center;
    gap: 2em;
}
.essd__navigation a {
    padding: 1em 2em;
    font-weight: 700;
    transition: var(--transition);
    
}
.link_to_search_paper {
    cursor: pointer;
}

.nav__linked__items {
background: linear-gradient(125deg,#08165748, rgba(42, 205, 255, 0.5), transparent);
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
display: flex;
align-items: center;
justify-content: center;
}

.nav__linked__items a {
    color: var(--secondary-pargraph-color);
}
.nav__linked__items a:hover {
    color: var(--btn-color);
}

/*special issue request btn*/

.special__issue__request, .submit__your__paper, .special__issue__request:visited, .submit__your__paper:visited {
    background-color: var(--btn-color);
    color: #ffff;
    padding: 0.9em;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    text-align: center;
}
.special__issue__request:hover, .submit__your__paper:hover {
    color: #ffff;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.05);
    background-color: var(--btn-color-hover);
}

@media(max-width:1024px){
    .essd__navigation a {
        font-size: 0.9em;
    }
}
@media(max-width:821px){
    .nav__linked__items {
        display: none;
    }
}
@media(max-width:393px){
    .essd__navigation a {
        font-size: 0.7em;
    }
}



/**--------------------------------------------------------------------------------------------**/
/*-------------------------------------------------Contact -------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.pkp_structure_main .page_contact {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 3.5em;
    color: #ffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.pkp_structure_main .page_contact a {
    color: #ffff;
}

.pkp_structure_main .page_contact h1 {
    font-size: 3em;
}
.pkp_structure_main .page_contact p {
    font-size: 1.4em;
    font-weight: 400;
}

.pkp_structure_main .page_contact strong {
    background-color: #0231904d;
    font-weight: 600;
    color: #ffff;
    padding: 0.937em 2em;
    margin-bottom: 1em;
    letter-spacing: 1px;
    border-top-right-radius: 15px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
}


.pkp_structure_main .page_announcements h1, .pkp_structure_main .page_about h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
 
}
/**--------------------------------------------------------------------------------------------**/
/*---------------------------------------------submission -------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.pkp_structure_main .page_submissions a {
    color: #ffff;
}
.pkp_structure_main .page_submissions h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
   
}
.cmp_notification {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    color: #ffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.page_submissions .submission_sections ul, .page_submissions .submission_checklist ul {
    flex: 0 1 21em;
    background-color: #e9ebf7;
    color: #0f1031;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
    padding: 25px;
    margin: 15px;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pkp_structure_main .page_submissions .copyright_notice {
    color: #ffff;
    background-color: var(--btn-color);
    padding: 25px;
    letter-spacing: 1px;
    border-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    border: transparent;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
}

.pkp_structure_main .page_submissions .privacy_statement {
    flex: 0 1 21em;
    background-color: #e9ebf7;
    color: #0f1031;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
    padding: 25px;
    margin-top: 2em;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/**--------------------------------------------------------------------------------------------**/
/*------------------------------------------- page_privacy -------------------------------------*/
/**--------------------------------------------------------------------------------------------**/

.pkp_structure_main .page_privacy {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    color: #ffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2em;
}

.pkp_structure_main .page_privacy h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
  
}

/**--------------------------------------------------------------------------------------------**/
/*------------------------------------------- login -------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.pkp_structure_main .page_login {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    color: #ffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.pkp_structure_main .page_login a {
    color: #ffff;
}

.pkp_structure_main .page_login h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
    margin-left: -0.5em;
    margin-top: 1em;
}

.page_login .login input[type="text"], .page_login .login input[type="password"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.cmp_form label > input[type="checkbox"], .cmp_form label > input[type="radio"] {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
}

.pkp_structure_main .page_login .submit {
    color: #ffff;
    border: 2px solid #fff;
    font-weight: 600;
    padding: 0.9em 2em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    background: none;
}

.pkp_structure_main .page_login .submit:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
    border-color: transparent;
}

.pkp_structure_main .page_login .register {
    color: #ffff;
    font-weight: 600;
    padding: 0.937em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    background: none;
}

.pkp_structure_main .page_login .register:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    border-color: transparent;
}

/**--------------------------------------------------------------------------------------------**/
/*------------------------------------------- register -------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.pkp_structure_main .page_register {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    color: #ffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 2em;
}

.pkp_structure_main .page_register .register {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3em;
}

.pkp_structure_main .page_register a {
    color: #ffff;
}

.pkp_structure_main .page_register h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
    margin-left: -0.5em;
}

.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"], .cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.cmp_form label > input[type="checkbox"], .cmp_form label > input[type="radio"]  {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
}

.pkp_structure_main .page_register .submit {
    color: #ffff;
    border: 2px solid #fff;
    font-weight: 600;
    padding: 0.937em 2em;
    letter-spacing: 1px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    transition: var(--transition);
    margin-top: 2em;
    background: none;
}

.pkp_structure_main .page_register .submit:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: scale(1.1);
    background-color: var(--btn-color-hover);
    border-color: transparent;
}


/**--------------------------------------------------------------------------------------------**/
/*------------------------------------------- ARCHIVES ----------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.page_issue_archive .issues_archive {
    border-top: none;
}
.pkp_structure_main .page_issue_archive h1 {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left: 3px solid #3a6cf4;
    padding-left: 0.5em;
    
}
.pkp_structure_main .page_issue_archive .issues_archive>li{
    flex: 0 1 2em;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(1 1 1 /35%);
    padding: 25px;
    margin: 15px;
    transition: var(--transition);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;

}
.pkp_structure_main .page_issue_archive .issues_archive .series {
    font-size: 0.7em;
}

.pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(even){
    background-color: #e9ebf7;
    color: #0f1031;
}
.pkp_structure_main .page_issue_archive .issues_archive li:nth-child(odd) a, .pkp_structure_main .page_issue_archive .issues_archive li:nth-child(odd) .series{
    color: #f0f0f0;
}
.pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(odd){
    background-color: var(--btn-color);
    color: #f0f0f0;
}

.pkp_structure_main .page_issue_archive .issues_archive>li:hover {
    transform: scale(1.01);
    box-shadow: 0 5px 15px rgba(1 1 1 /40%);
}

.pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description>ul li {
    list-style: disc;
    margin: 0.5em 1.5em;
}
.pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description ul ul li, .pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description ol li {
    border-left: 2px solid #3a6cf4;
    margin: 0.5em;
    padding-left: 0.5em;
    list-style: none;
}
.pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(odd) .obj_issue_summary .description ul ul li, .pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(odd) .obj_issue_summary .description ol li {
    border-left: 2px solid #f0f0f0;
}
@media(max-width:540px) {
    .pkp_structure_main .page_issue_archive .issues_archive>li{
        padding: 15px;
        margin: 0 0 15px 0;
    }
    .pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description>ul li {
        margin: 0.2em 0 0 1em;
    }
    .pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description ul ul li, .pkp_structure_main .page_issue_archive .issues_archive .obj_issue_summary .description ol li {
        border-left: 1px solid #3a6cf4;
        margin: 0.4em 0;
    }
    .pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(odd) .obj_issue_summary .description ul ul li, .pkp_structure_main .page_issue_archive .issues_archive>li:nth-child(odd) .obj_issue_summary .description ol li {
        border-left: 1px solid #f0f0f0;
    }

}

/**--------------------------------------------------------------------------------------------**/
/*------------------------------------------- ABSTRACT ----------------------------------------*/
/**--------------------------------------------------------------------------------------------**/
.obj_article_details .abstract {
    background: var(--card-bg-color);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    transform: translateX(-7vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffff;
    justify-content: space-between;
    padding: 6vw ; 
}

.obj_article_details .entry_details, .obj_article_details .references p {
flex: 0 1 21em;
background-color: #e9ebf7;
color: #0f1031;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(1 1 1 /35%);
padding: 25px;
margin: 15px;
transition: var(--transition);
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
}
.obj_article_details > .page_title {
    font-size: 2.3em;
    line-height: 1em;
    font-weight: 500;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
    margin-left: -0.5em;
}


/**------------------------------------------------------------**/
/**--------------Special Issue Request Form-------------------------**/


.pkp_page_special-issue-request .main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em;
}

.pkp_page_special-issue-request .main-intro {
    font-size: 2em;
    border-left:3px solid #3a6cf4;
    padding-left: 0.5em;
    margin: 0.5em 0;
    color: #ffff;
}

.pkp_page_special-issue-request h3 {
    color: #ffff;
}

.pkp_page_special-issue-request input:-webkit-autofill { 
    -webkit-background-clip: text;
    -webkit-text-fill-color: #f0f0f0 !important;
}

.pkp_page_special-issue-request .section-form-container {
    display: flex;
    flex-direction: column;
    gap: 3em;
}

.pkp_page_special-issue-request .app-input-data {
    background: url(https://sci-pubs.com/ojs_sourc/StyleSheets_V/images/card-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 80%;
    box-shadow: 0 5px 40px rgba(1 1 1 /65%);
    backdrop-filter: blur(3em);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:  4.5em;
    font-size: 1.1em;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;

}

@media(max-width:540px) {
    .pkp_page_special-issue-request .app-input-data {
        width: 120%;
        padding: 2em;
    }
}

.pkp_page_special-issue-request .form {
    width: 100%;
    position: relative;
    height: 5em;
    overflow: hidden;
}

.pkp_page_special-issue-request input {
    width: 100%;
    height: 100%;
    padding-top: 1.2em;
    border: none;
    background: transparent;
    outline: none;
    font-size: 1em;
}

.pkp_page_special-issue-request ::placeholder {
    color: #e1e3e4a2;
    opacity: 0.6;
}

.pkp_page_special-issue-request .form label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    padding: 1.89em;
    border-bottom: 1px solid #cfcfcf57;
    color: #ffff;
}
.pkp_page_special-issue-request .form label::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 100%;
    width: 100%;
    border-bottom: 3px solid #5fa8d3;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.pkp_page_special-issue-request .form input:focus + label  span, .form input:not(:placeholder-shown) + label  span{
    transform: translateY(-150%);
    font-size: 14px;
    color: #5fa8d3;
}

.pkp_page_special-issue-request .form input:focus + label::after, .form input:not(:placeholder-shown) + label::after{
    transform: translateX(0%);
}
.pkp_page_special-issue-request label  span {
    position: absolute;
    bottom: 1.9em;
    left: 0px;
    font-size: 0.9em;
    font-weight: 300;
}

.pkp_page_special-issue-request .text__form {
    width: 100%;
    position: relative;
    height: 3em;
}

.pkp_page_special-issue-request .textarea__submit__special__issue {
    width: 100%;
    height: 100%;
    padding-top: 2.1em;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.7em;
}

.pkp_page_special-issue-request .textarea__submit__special__issue::-webkit-resizer {
    display: none;
}

.pkp_page_special-issue-request .box {
    border: 1px solid #e1e3e433;
    border-radius: 0.375rem;
    padding: 1em 1em;
}

.pkp_page_special-issue-request .text__form {
    margin: 1em;
}

.pkp_page_special-issue-request .label__submit__special__issue {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 100%;
    pointer-events: none;
    color: #e1e3e4a2;
}

.pkp_page_special-issue-request .content__submit__special__issue {
    position: absolute;
    bottom: 2em;
    left: 0px;
    font-size: 0.9em;
    font-weight: 300;
    color: #6abbeb;
}

.pkp_page_special-issue-request button {
    background: transparent;
    font-size: 1.2em;
    cursor: pointer;
    color: #f0f0f0;
    font-weight: 400;
}

.pkp_page_special-issue-request .arrow {
    font-size: 0.6em;
    text-align: center;
}

.pkp_page_special-issue-request button:hover {
    color: #5fa8d3;
}

/**---------MEET OUR TEAM------**/
/* Section 3: Team Style */
.grid {
    display: grid;
    position: relative;
    place-items: center;
    transform: translateY(10em) translateX(-10em);
}

@media(max-width:1024px) {
    .grid {
        transform: translateY(10em) translateX(-10em) scale(0.7);
    }
    }
    @media(max-width:912px) {
        .grid {
            transform: translateX(2.4em) scale(0.45);
        }
        }
.team {
    transition: var(--transition);
}

h1#team_title {
    position: absolute;
    font-size: 2.5em;
}

.team__bold-title {
    color: #136bae;
    display: inline-block;
    font-size: 3em;
    font-weight: 600;
    padding: 0 0.1em 0.5em 0;
}
@media(max-width:540px) {
    .team__bold-title {
        font-size: 2em;
    }
    #instructor-1, #instructor-2, #instructor-3, #instructor-4, #instructor-5, #instructor-6 {
        width: 1.6em;
    }
}

.instructor {
    position: absolute;
    box-shadow: 0 5px 15px rgb(1 1 1 / 35%);
}

.instructors {
    animation: scale 2.5s ease infinite;
}

#instructor-1 {
    display: flex;
    animation: move1 1.1s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffddb3;
}

#instructor-2 {
    display: flex;
    animation: move2 1s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffddb3;
}

#instructor-3 {
    display: flex;
    animation: move3 0.9s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffdd80;
}

#instructor-4 {
    display: flex;
    animation: move4 1.2s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffddb3;
}
#instructor-5 {
    display: flex;
    animation: move5 1.2s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffddb3;
}
#instructor-6 {
    display: flex;
    animation: move6 1.2s ease forwards;
    width: 1.8em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #61ffddb3;
}
@media(max-width:540px) {
    .team__bold-title {
        font-size: 2em;
    }
    a#instructor-1, a#instructor-2, a#instructor-3, a#instructor-4, a#instructor-5, a#instructor-6 {
        width: 1.6em;
    }
}

.editor-pup-up-1 {
    transform: translateX(0em)translateY(-40em);
    text-align: center;
}

.editor-pup-up-2 {
    text-align: center;
    transform: translate(-10em, -37em);
}

.editor-pup-up-3 {
    text-align: center;
    transform: translateX(-20em) translateY(46em);
}

.editor-pup-up-4 {
    transform: translateX(2em) translateY(12em);
    text-align: center;
}
.editor-pup-up-5 {
    transform: translateX(-11em) translateY(52em);
    text-align: center;
}
.editor-pup-up-6 {
    transform: translateX(13em) translateY(55em);
    text-align: center;
}

.editor-pup-up-1 h3, .editor-pup-up-2 h3, .editor-pup-up-3 h3, .editor-pup-up-4 h3, .editor-pup-up-5 h3, .editor-pup-up-6 h3 {
    color: #136bae;
}

/* section Team Styles Keyframe Animations */
@keyframes scale {
    0% {
        transform: scale(100%);
    }
    50% {
        transform: scale(101.5%);
    }
    100% {
        transform: scale(100%);
    }
}

@keyframes move1 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform: rotate(-5deg) scale(900%) translate(-2.1em,4em);
        opacity: 1;
    }
}

@keyframes move2 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform: rotate(5deg) scale(900%) translate(2.5em,1.5em);
        opacity: 1;
    }    
}

@keyframes move3 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform:rotate(5deg) scale(900%) translate(2em,-3.8em);
        opacity: 1;
    }
}

@keyframes move4 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform: rotate(-10deg) scale(900%) translate(-1.5em,-4em);
        opacity: 1;
    }
}

@keyframes move5 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform: rotate(-3deg) scale(900%) translate(-2.5em,6.1em);
        opacity: 1;
    }
}

@keyframes move6 {
    0% {
        transform: translate(0,0);
        opacity: 0;
    }
    100% {
        transform: rotate(10deg) scale(900%) translate(2.8em,4.6em);
        opacity: 1;
    }
}



/* Section 4: Reviews Style */
.reviews{
    transform: revert;
    box-shadow: 0 5px 55px rgb(1 1 1 / 55%);
    background: linear-gradient(90deg, #183153ab 0%, #0062ffcc 100%),    url(https://images.pexels.com/photos/7014334/pexels-photo-7014334.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 3.5em;
    border-bottom-right-radius: 3.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    padding: 6vw;
}

.reviews__title {
    position: absolute;
    font-size: 4em;
    font-weight: 100; top: 1em;
    text-align: center;
}

.reviews__bold-title {
    font-size: 1em;
    font-weight: 600;
}

@media (max-width:900px) {
    .reviews__title {
        top: 3em;
     }

    .reviews__container {
        padding-top: 25em;
    }
}

.person {
    width: 6em;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.student__info {
    color: #ffff;
    text-align: center;
}

h2.student__name {
    font-weight: 400;
    font-size: 1.5em;
    border: none;
}

.student__job {
    font-size: 1.5em;
    font-weight: 600;
}

.review {
    background: linear-gradient(135deg,rgba(42, 237, 255,0.5), rgba(42, 237, 255,0.5), transparent);
    padding: 2em;
    margin: 3em 0;
    position: relative;
    border-radius: 50px;
    flex: 0 1 21em;
    color: #ffff;
    box-shadow: 0 5px 15px rgb(1 1 1 / 35%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1.3em;
    font-size: 1.3em;
}

.stars{
    color: yellow;
    text-align: center;
    padding-bottom: 0.5em;
}

.review::before {
    content: "";
    display: block;
    background: linear-gradient(0deg,#2aedff80, transparent);
    transform: rotate(225deg);
    width: 2.9em;
    height: 2.9em;
    position: absolute;
    left: 48%;
    top: -1.5em;
}

a#editor-email {
    font-weight: 600;
    color: #081657;
}

.social-media {
    bottom: 3em;
    left: 5.5em;
    justify-content: center;
    gap: 1em;
    display: flex;
    position: relative;
}
img.social-icon {
    width: 2em;
    visibility: visible;
}
.social-link {
    transition: var(--transition);
}
.social-link:hover {
    transform: scale(1.1);
}

@media(max-width:540px) {
    .social-media {
        bottom: 3.3em;
    }
    img.social-icon {
        width: 1.8em;
    }
}