/*--------------------------------------------------------------
# paper Section
--------------------------------------------------------------*/
.paper {
    --background-color: #182c4d;
    --default-color: var(--paper-color);
    --heading-color: var(--paper-color);
    color: #000000;
    --contrast-color: var(--paper-color);
    width: 100%;
    min-height: 80vh;
    position: relative;
    padding: 120px 0 60px 0;
    display: flex;
    align-items: center;
}
  
.paper h1 {
    margin: 0;
    color: #ffffff;
    font-size: 4.5vw;
    font-weight: 700;
    text-align: center;
}
  
.paper p {
    /* color: color-mix(in srgb, var(--default-color), transparent 30%); */
    font-size: 22px;
    line-height: 1.3;
    font-weight: 0 ;
    margin: revert-layer;
    color: #000000;
}
  
.paper .btn-get-started {
    color: var(--contrast-color);
    background: var(--accent-color);
    font-family: var(--heading-font);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 12px 28px;
    border-radius: 50px;
    transition: 0.5s;
}
  
.paper .btn-get-started:hover {
    color: var(--contrast-color);
    background: color-mix(in srgb, var(--accent-color), transparent 15%);
}
  
.paper .btn-watch-video {
    font-size: 16px;
    transition: 0.5s;
    margin-left: 25px;
    color: var(--default-color);
    font-weight: 600;
}
  
.paper .btn-watch-video i {
    color: var(--contrast-color);
    font-size: 32px;
    transition: 0.3s;
    line-height: 0;
    margin-right: 8px;
}
  
.paper .btn-watch-video:hover {
    color: var(--accent-color);
}
  
.paper .btn-watch-video:hover i {
    color: color-mix(in srgb, var(--accent-color), transparent 15%);
}
  
.paper .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
  
.paper img {
    position: fixed;
    bottom: -170px;
    left: 0;
    display: block;
    width: 100%;
    /* height: auto; */
    object-fit: cover;
    z-index: 1;
}
  
@media screen and (min-width: 360px) and (max-width: 767px) {
    .paper h1 {
      font-size: 342%;
      line-height: 89px;
      text-align: center;
    }
  
    .paper p {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
    }
  
    .paper .btn-get-started,
    .paper .btn-watch-video {
      font-size: 13px;
    }
  
}
.paper img {
    position: fixed;
    bottom: -199px;
    left: 171px;
    display: block;
    width: 100%;
    /* height: auto; */
    object-fit: cover;
    z-index: 1;
}
  
@media screen and (min-width: 768px) and (max-width: 1439px) {
    .paper h1 {
      font-size: 626%;
      line-height: 91px;
      line-height: 134px;
      text-align: center;
    }
  
    .paper p {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
    }
  
    .paper .btn-get-started,
    .paper .btn-watch-video {
      font-size: 13px;
    }
  
}
.paper img {
    position: fixed;
    bottom: -199px;
    left: 171px;
    display: block;
    width: 100%;
    /* height: auto; */
    object-fit: cover;
    z-index: 1;
}
@keyframes up-down {
    0% {
      transform: translateY(10px);
    }
  
    100% {
      transform: translateY(-10px);
    }
}
  



/* paper paper section */---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

/* How to submit manuscript ------------------------------------------------------------------------------------------------------------------------------------------------*/

.head-submit{
    margin-top: 2.5rem; 
    margin-bottom: -5.5rem;
    text-align: center;
}

.bg-submit{
    margin-bottom: -2.5rem;
    box-shadow: 0 10px 21px rgba(129, 124, 124, 0.2); 
    background-color: rgb(255,255,255,0.5);
    border-radius: 25px; 
    width: 1339px; 
    padding-right: 37px; 
    padding-top: 4px; 
    padding-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
}

.ul-submit{
    line-height: 50px; 
    font-size: 18px; 
    text-align: center; 
    margin-top: 0.5rem;
}

/* Load File Submission ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.loadfile{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 6.5rem;
}


.div01{
    font-size: 21px;
}

.buttom01 {
    background-color: white;
    width: 117px !important;
}


.div03{
    font-size: 21px;
}

.div04{
    background-color: rgb(60, 6, 121); 
    border-radius: 25px; 
    width: 529px; 
    padding-left: 25px; 
    padding-top: 13px; 
    height: 69px; 
}

.buttom02{
    background-color: white;
    width: 83px;
}

/* Load File Submission ---------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Manuscript  ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.section-menu{
    margin-top: 1.5rem;
    justify-content: center;
    align-items: center;
    display:grid;
}

.h2-menu{
    color: rgb(255, 255, 255); 
    margin-bottom: -2.5rem; 
    margin-left: 3.5rem; 
    box-shadow: 0 10px 21px rgba(129, 124, 124, 0.2); 
    background-color: rgb(28 105 94);
    border-radius: 25px; 
    width: 342px; 
    padding-top: 16px; 
    padding-bottom: 19px; 
    padding-left: 21px; 
    font-family: inherit; 
    font-size: 28px;
}

.ul-menu{
    line-height: 40px; 
    font-size: 21px; 
    box-shadow: 0 10px 21px rgba(129, 124, 124, 0.2); 
    border-radius: 25px; 
    width: 1339px; 
    padding-right: 37px; 
    padding-top: 78px; 
    padding-bottom: 30px;
}
/* Manuscript  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Templates Microsoft  --------------------------------------------------------------------------------------------------------------------------------------------------- */
.loadms{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
    margin-bottom: 6.5rem;
}

.both{
    display: flex;
}

.bg01{
    background-color: rgb(226 242 255); 
    width: 627px; 
    height: 167px; 
    border-radius: 25px; 
    padding-left: 25px; 
    padding-top: 24px;
}

.h2-proceed{
    color: #254f97; 
    margin-bottom: 1.5rem; 
    font-family: system-ui;
}

.both01{
    display: flex;
}

.buttom03{
    height: 50px;
    width: 164px;
}

.ms-manu{
    padding: 0.4rem 0 0 1.3rem;
    font-family: revert-layer; 
    font-size: 22px; 
    color:#082f72;
    font-weight: 400;
}

.box02{
    margin-left: 12px;
}

.bg02{
    background-color: #dadef1; 
    width: 647px; 
    height: 167px; 
    border-radius: 25px; 
    padding-left: 25px; 
    padding-top: 24px;
}

.h2-abstract{
    color: #284878; 
    margin-bottom: 1.5rem; 
    font-family: system-ui;
}

.both02{
    display: flex;
}

.buttom04{
    width: 175px; 
    height: 49px; 
    color: rgb(80, 35, 122);
}

.ms-ex{
    padding: 0.4rem 0 0 1.3rem;
    font-family: revert-layer; 
    font-size: 22px; 
    color:#1e1e65;
}

/* Templates Microsoft  ---------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Plagiarism information  --------------------------------------------------------------------------------------------------------------------------------------------------*/
.h2-plagiarism{
    color: rgb(255, 255, 255); 
    margin-bottom: -2.5rem; 
    margin-left: 3.5rem; 
    box-shadow: 0 10px 21px rgba(129, 124, 124, 0.2); 
    background-color: rgb(28 105 94);
    border-radius: 25px; 
    width: 342px; 
    padding-top: 16px; 
    padding-bottom: 19px; 
    padding-left: 21px; 
    font-family: inherit; 
    font-size: 28px;
}

.ul-plagiarism{
    line-height: 40px; 
    font-size: 21px; 
    box-shadow: 0 10px 21px rgba(129, 124, 124, 0.2);
    border-radius: 25px; 
    width: 1357px; 
    padding-right: 37px; 
    padding-top: 78px; 
    padding-bottom: 37px;
}

.section-plagiarism{
    margin-top: 1rem;
    justify-content: center;
    align-items: center;
    display:grid;
}

/* img flowchart  ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.img-flowchart{
    width: 60%;
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 100px;
}

/* -------------------------------------------------------------------------mobile------------------------------------------------------------------------------------------ */
@media screen and (min-width: 360px) and (max-width: 767px) {
    /* How to submit manuscript ------------------------------------------------------------------------------------------------------------------------------------------------*/
    .bg-submit{
        width: 369px; 
    }

  /* file online submission ---------------------------------------------------------------------------------------------------------------*/
    .divbuttom {
        display: block;
    }

    .div01 {
        margin-bottom: 3.5rem;
        font-size: 22px;
    }

    .div02 {
        background-color: rgb(10, 4, 99);
        border-radius: 25px;
        width: 346px;
        padding-top: 16px;
        height: 125px;
    }

    .buttom01 {
        background-color: white;
        width: 83px;
        height: 44px;
        margin-top: 10px;
    }

    /* How to embed all the fonts in a PDF file ---------------------------------------------------------------------------------------------*/
    .div04 {
        background-color: rgb(60, 6, 121);
        border-radius: 25px;
        width: 345px;
        padding-left: 4px;
        padding-top: 16px;
        height: 107px;
    }

    /* Templates Microsoft ----------------------------------------------------------------------------------------------------------------*/
    .loadms {
        justify-content: center;
        align-items: center;
        margin-top: 2.5rem;
        margin-bottom: 6.5rem;
    }

    .both {
        display: block;
    }

    .both01 {
        display: block;
    }

    .both02 {
        display: block;
    }

    .bg01 {
        background-color: rgb(245 247 255);
        width: 341px;
        height: 257px;
        border-radius: 25px;
        padding-left: 22px;
        padding-top: 24px;
    }

    .h2-proceed {
        color: rgb(21, 21, 99);
        margin-bottom: 1.5rem;
        font-family: system-ui;
    }

    .buttom03 {
        height: 50px;
        width: 164px;
    }

    .ms-manu {
        padding-left: 9px;
        padding-top: 7px;
        font-family: revert-layer;
        font-size: 22px;
        color: #1e1e65;
    }

    .box02{
        margin-left: 0px;
        margin-top: 50px;
    }

    .bg02 {
        background-color: rgb(239 231 255);
        width: 344px;
        height: 258px;
        border-radius: 25px;
        padding-left: 17px;
        padding-top: 24px;
    }

    .h2-abstract {
        color: rgb(21, 21, 99);
        margin-bottom: 1.5rem;
        font-family: system-ui;
    }

    .buttom04 {
        width: 175px;
        height: 49px;
        color: rgb(80, 35, 122);
    }

    .ms-ex {
        padding-left: 10px;
        padding-top: 7px;
        font-family: revert-layer;
        font-size: 22px;
        color: #1e1e65;
    }

    /* Manuscript  -------------------------------------------------------------------------------------------------*/
    .h2-menu{
        margin-left: 1.5rem;
    }
    .ul-menu{
        width: 397px;
    }
    .section-menu{
        margin-top: 4.5rem;
    }

    /* Plagiarism information  -------------------------------------------------------------------------------------*/
    .h2-plagiarism{
        margin-left: 0.5rem;
    }
    .ul-plagiarism{
        width: 356px;
    }
    .section-plagiarism{
        margin-top: -1.5rem;
    }

  /* img flowchart  ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .img-flowchart{
        width: 101%;
        margin-top: 0px;
    }                                                              
}
/* -------------------------------------------------------------------------Ipad------------------------------------------------------------------------------------------ */

@media screen and (min-width: 768px) and (max-width: 1365px) {
    /* How to submit manuscript ------------------------------------------------------------------------------------------------------------------------------------------------*/
    .bg-submit{
        width: 719px;
    }

    /* file online submission -----------------------------------------------------------------------------------------------------------*/
    .loadfile{
        margin-top: 4.5rem;
    }

    .divbuttom{
        display: block;
    }
    
    .div01{
        font-size: 22px ;
        margin: 16px 58px; 
    }
    .div02{
        background-color: rgb(10, 4, 99);
        border-radius: 25px;
        width: 508px;
        padding-top: 7px;
        height: 77px;
        font-size: 25px
    }
    .div03{
        font-size: 21px;
    }
    
    .div04{
        background-color: rgb(60, 6, 121); 
        border-radius: 25px; 
        width: 625px; 
        padding-left: 25px; 
        padding-top: 21px; 
        height: 84px;
        font-size: 25px; 
    }

    .buttom01{background-color: white;
        width: 83px;
        height: 44px;
        margin-top: 10px;
    }

    .buttom02{
        background-color: white;
        width: 83px;
    }
    /* Manuscript  -------------------------------------------------------------------------------------------------*/
    .ul-menu{
        width: 698px;
    }
    .section-menu{
        margin-top: 4.5rem;
    }

    /* Plagiarism information  -------------------------------------------------------------------------------------*/

    .ul-plagiarism{
        width: 698px;
    }
    .section-plagiarism{
        margin-top: -1.5rem;
    }

    /* Templates Microsoft -----------------------------------------------------------------------------------------*/
    .loadms{
        justify-content: center;
        align-items: center;
        margin-top: 2.5rem;
        margin-bottom: 6.5rem;
    }

    .both{
        display: block;
    }

    .bg01{
        background-color: rgb(245 247 255); 
        width: 646px; 
        height: 167px; 
        border-radius: 25px; 
        padding-left: 25px; 
        padding-top: 24px;
    }

    .h2-proceed{
        color: rgb(21, 21, 99); 
        margin-bottom: 1.5rem; 
        font-family: system-ui;
    }

    .buttom03{
        height: 50px;
        width: 164px;
    }

    .ms-manu{
        padding-left: 27px; 
        padding-top: 7px; 
        font-family: revert-layer; 
        font-size: 22px; 
        color:#1e1e65;
    }

    .box02{
        margin-left: 0px;
        margin-top: 50px;
    }

    .bg02{
        background-color: rgb(239 231 255); 
        width: 647px; 
        height: 167px; 
        border-radius: 25px; 
        padding-left: 25px; 
        padding-top: 24px;
    }

    .h2-abstract{
        color: rgb(21, 21, 99); 
        margin-bottom: 1.5rem; 
        font-family: system-ui;
    }

    .buttom04{
        width: 175px; 
        height: 49px; 
        color: rgb(80, 35, 122);
    }

    .ms-ex{
        padding-left: 27px; 
        padding-top: 7px; 
        font-family: revert-layer; 
        font-size: 22px; 
        color:#1e1e65;
    }                                                                                                                                                                            /* img flowchart  ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .img-flowchart{
        width: 69%;  
    }                                                                                                
}

/* -------------------------------------------------------------------------Notebook------------------------------------------------------------------------------------------ */

@media screen and (min-width: 1366px){
    /* file online submission ------------------------------------------------------------------------------------*/
    .divbuttom{
        display: flex;
    }
    .div02 {
        background-color: #20488d;
        border-radius: 25px;
        width: 496px; 
        padding-top: 17px;
        height: 77px;
        font-size: 24px;
    }

    /* How to embed all the fonts in a PDF file ----------------------------------------------------------------*/
    .div03{
        margin-bottom: 2.5rem; 
        font-size: 24px; 
        margin-left: 1.5rem;
    }
    .div04 {
        background-color: #3b4367;
        border-radius: 25px;
        width: 611px; 
        padding-left: 9px;
        padding-top: 17px;
        height: 78px;
        font-size: 24px;
    }
    .bg-submit{
        width: 1188px;
        height: 243px; 
    }
    .ul-plagiarism{
        width: 1288px;
    }
    .ul-menu{
        width: 1273px;
    }
}