/*Desktop Starts here*/
/*Desktop Starts here*/
/*Desktop Starts here*/
/*Desktop Starts here*/
/*Desktop Starts here*/

/* Desktop — lisgoenkar first Section */
.lisgoenkar section.area .first-section h1.large-title { font-size: 90px; color: #000048; }
.lisgoenkar section.area .first-section .large-title img { font-size: 15px; margin: -10px auto; width: 70px; }
.lisgoenkar section.area .first-section .mobile-fit p { font-size: 16px; width: 600px; margin: 0 auto; line-height: 25px; color: #828282; }
.lisgoenkar section.area .first-section .mobile-fit.text-cont { margin: 150px auto 50px; text-align: center; }
.lisgoenkar section.area .second-section .text-cont h3 { width: 700px; margin: 40px auto 0px; text-align: center; border: 0px solid; margin-bottom: 20px; height: 40px; height: 60px; font-size: 16px; font-weight: 600; color: #000048; }
.lisgoenkar .middle-text h2 { line-height: 1.2em; }
.lisgoenkar .third-section .content-roller-container, .lisgoenkar .fourth-section .content-roller-container, .lisgoenkar .fifth-section .content-roller-container, .lisgoenkar .sixth-section .content-roller-container, .lisgoenkar .seventh-section .content-roller-container, .lisgoenkar .eighth-section .content-roller-container, .lisgoenkar .nineth-section .content-roller-container { overflow: hidden; width: 100%; margin: 20px 0; }
.lisgoenkar .third-section .content-roller-container .content-roll, .lisgoenkar .fourth-section .content-roller-container .content-roll, .lisgoenkar .fifth-section .content-roller-container .content-roll, .lisgoenkar .sixth-section .content-roller-container .content-roll, .lisgoenkar .seventh-section .content-roller-container .content-roll, .lisgoenkar .eighth-section .content-roller-container .content-roll, .lisgoenkar .nineth-section .content-roller-container .content-roll { display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; transition: transform 0.5s ease; padding-left: 10vw; }
.lisgoenkar .mo-inspo { border-top: 10px solid #000; border-bottom: 10px solid rgb(255, 206, 0); min-height: 250px; margin: 0 auto; background-size: cover; background-position: center; height: 52vh; width: 100%; max-width: 900px; background-repeat: no-repeat; }
.lisgoenkar .kr-buttons { width: 100%; margin: 0px auto; border: 0px solid #000; text-align: center !important; }
.lisgoenkar .kr-buttons a button { margin: 10px 10px; width: 150px; }
body.learn-more .scrollable-container { background-color: #f0f0f000 !important; }
button.special-touch { padding: 10px; background-color: #000; border: 0px solid #000; }
button:hover.special-touch { background-color: navy; }

/*Mobile Starts here*/
/*Mobile Starts here*/
/*Mobile Starts here*/
/*Mobile Starts here*/
/*Mobile Starts here*/


@media (max-width: 1000px) {
  .duty1::before, .duty1::after, .inter-peace::before, .inter-peace::after, .cca::before, .cca::after { display: none; }
  body.learn-more .scrollable-container { width: auto; }
}


@media (max-width: 900px) { 
  .hidden { display: none !important; }
}

@media (max-width: 768px) {
  /* Mobile — Default setting and MVP content display */
  .lisgoenkar { border: 0px solid #000; margin: 0 auto; width: 100%; }
  .hidden { display: none !important; }
  .mobile-fit { max-width: 100% !important; min-width: 100% !important; width: 100% !important; }
  .lisgoenkar section.area .mobile-fit { background-color: red; padding: 5px; }
  .lisgoenkar section.area .first-section .mobile-fit, .lisgoenkar section.area .second-section .mobile-fit, .lisgoenkar section.area .third-section .mobile-fit, .lisgoenkar section.area .fourth-section .mobile-fit, .lisgoenkar section.area .fifth-section .mobile-fit, .lisgoenkar section.area .sixth-section .mobile-fit, .lisgoenkar section.area .eighth-section .mobile-fit, .lisgoenkar section.area .nineth-section .mobile-fit { background-color: #0000; height: auto; }
  .lisgoenkar .third-section .content-roller-container .content-roll, .lisgoenkar .fourth-section .content-roller-container .content-roll, .lisgoenkar .fifth-section .content-roller-container .content-roll, .lisgoenkar .sixth-section .content-roller-container .content-roll, .lisgoenkar .seventh-section .content-roller-container .content-roll, .lisgoenkar .eighth-section .content-roller-container .content-roll, .lisgoenkar .nineth-section .content-roller-container .content-roll { display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; transition: transform 0.5s ease; padding-left: 0vw; }
  .lisgoenkar section.area .third-section .middle-text h2, .lisgoenkar section.area .fourth-section .middle-text h2, .lisgoenkar section.area .fifth-section .middle-text h2, .lisgoenkar section.area .sixth-section .middle-text h2, .lisgoenkar section.area .seventh-section .middle-text h2, .lisgoenkar section.area .eighth-section .middle-text h2, .lisgoenkar section.area .nineth-section .middle-text h2 { margin: 10px auto 10px; font-size: 1.5rem; }
  .lisgoenkar section.area .third-section .middle-text p, .lisgoenkar section.area .fourth-section .middle-text p, .lisgoenkar section.area .fifth-section .middle-text p, .lisgoenkar section.area .sixth-section .middle-text p, .lisgoenkar section.area .seventh-section .middle-text p, .lisgoenkar section.area .eighth-section .middle-text p, .lisgoenkar section.area .nineth-section .middle-text p, .lisgoenkar section.area .third-section .middle-text p { margin: 0 auto; color: #000048; line-height: 1.5em; font-size: 14px; width: 90%; border: 0px solid #000; }
  /* Mobile — isolated */
  .lisgoenkar section.area .first-section .large-title img { font-size: 15px; margin: -30px auto; margin: -20px auto; }
}

/* Mobile — lisgoenkar first Section */
/* Mobile — lisgoenkar first Section */
/* Mobile — lisgoenkar first Section */
.lisgoenkar .contribute-form .inner-frame .inner-frame-2 { width: auto !important; margin: 0px 20px; }
.lisgoenkar section.area { border: 0px solid #000 !important; margin: 0 auto; }
.lisgoenkar section.area .first-section .mobile-fit { margin: 0px auto !important; background-color: #0000; }
.lisgoenkar .first-section .mobile-fit.large-title { margin-top: 100px !important; }
.lisgoenkar section.area .first-section .mobile-fit.text-cont { margin: 150px auto 20px !important; text-align: center; }
.lisgoenkar section.area .first-section p.mobile-fit { width: 90% !important; padding: 0px 20px 10px; }
.lisgoenkar section.area .first-section .mobile-fit.text-cont p { font-size: 16px; margin: 0 auto; line-height: 25px; color: #828282; max-width: 600px; }
.lisgoenkar section.area .first-section h1.large-title { border: 0px solid #000; font-size: 5em; transform: translateY(-20px); }
.first-section { margin-top: 150px !important; }

/* Mobile — lisgoenkar second Section */
/* Mobile — lisgoenkar second Section */
/* Mobile — lisgoenkar second Section */
.lisgoenkar section.area .second-section .mobile-fit.text-cont { background-color: #ffffff00; height: auto; }
.lisgoenkar section.area .second-section .text-cont h3 { width: auto; margin: 10px auto 0px; text-align: center; border: 0px solid; margin-bottom: 10px; height: 10px; height: 40px; font-size: 16px; font-weight: 600; color: #000048; }

/* Mobile — lisgoenkar third Section */
/* Mobile — lisgoenkar third Section */
/* Mobile — lisgoenkar third Section */
.lisgoenkar section.area .third-section .mobile-fit { background-color: #0000; height: auto; }
.lisgoenkar section.area .third-section .middle-text { margin: 10px auto 20px; }
.lisgoenkar section.area .third-section .contribute-form .inner-frame { margin: 0px auto; background-color: #0000; }

/* Mobile — lisgoenkar fourth Section */
/* Mobile — lisgoenkar fourth Section */
/* Mobile — lisgoenkar fourth Section */
.lisgoenkar .mo-inspo { background-size: cover; background-position: center; height: 20vh; width: 100%; }
.lisgoenkar .kr-buttons a button { margin: 10px auto; width: 150px; display: block; }
.learn-more #constituion-article { max-width: 800px !important; }
.learn-more #constituion-article img { max-width: 800px; width: 99%; border: 4px solid #000; margin-top: 20px; }
.learn-more .scrollable-container { background-color: #f0f0f000; }
body.learn-more .scripture .box { margin: 10px 5%; width: 90%; }


@media (max-width: 800px) {
.pay-frame-left { display: none;}
.pay-frame-right { display: none;}
}

@media (max-width: 768px) {
  .lisgoa-mobile-treaty-section .frame-mobile-portugal{ padding: 20px 10px;}
  .tip-container { padding: 10% 10%; }
  .made-in-container p { max-width: 90%; margin: 0 auto;s }
  .made-in  h3{ font-size: 40px !important; }
  .menu-items li a { font-size: 1rem; }

}

@media (max-width: 600px) {
.lisgoa-mobile-treaty-section .frame-mobile-portugal {
    background-image: url(./images/items/fr-portugal-vertical.svg);
    max-width: fit-content;
    background-size: 100% 670px;
    background-position: center;
  }
}

@media (max-width: 500px) {
  .lisgoenkar .kr-buttons a button { margin: 10px auto 20px; width: 90%; height: 60px; display: block; font-size: 16px; }
  .lisgoenkar section.area .first-section h1.large-title { border: 0px solid #000; font-size: 3em; transform: translateY(-20px); }
}