input:focus,
textarea:focus,
select:focus {
   outline: 0;
   border-color: rgba(82, 168, 236, .8) !important;
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%) !important;
}

/* SGI Organizations */
.sgi_organizations_sec {
   display: flex;
   flex-wrap: wrap;
}

.sgi_organizations_sec>div {
   width: 33.333%;
   margin-bottom: 30px;
}

.sgi_organizations_sec>div .country_div {
   max-width: calc(100% - 30px);
   background: #FFFFFF;
   box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
   border-radius: 10px;
   border-left: 10px solid #15B1D7;
   padding-left: 32px;
   padding-right: 22px;
   transition: all .3s ease-in-out;
   margin: auto;
}

.country_box {
   display: flex;
   min-height: 84px;
   align-items: center;
   cursor: pointer;
}

.country_box p {
   width: 90%;
   margin-bottom: 0 !important;
   font-weight: bold;
}

.country_box .country-img>img {
   border-radius: 50% !important;
   object-fit: contain;
   width: 37px;
   height: 37px;
}

.country_div .contact a {
   font-size: 14px;
   display: block;
   text-decoration: underline !important;
   font-weight: bold;
}

.country_div .contact a:hover {
   opacity: .6;
}

.country_div .contact a.phone {
   color: #313131;
   text-decoration: none !important;
   font-weight: normal;
}

.country_div .content {
   display: none;
}

.country_div .content p {
   margin-bottom: 0;
}

.country_div .contact {
   padding-bottom: 24px;
}

.fb-icon {
   background-image: url(../images/fb-icon.svg);
   transition: 0s;
}

.ig-icon {
   background-image: url(../images/ig-icon.svg);
   transition: 0s;
}

.twitter-icon {
   background-image: url(../images/twitter-icon.svg);
   transition: 0s;
}

.country_div .contact .other-social a {
   background-repeat: no-repeat;
   text-decoration: none !important;
   width: 20px;
   height: 20px;
   font-size: 0px;
   background-position: bottom;
   margin-right: 8px;
}

.country_div .contact .other-social {
   display: flex;
   margin-top: 10px;
}

form#search-filter-form-1557 h4,
form#search-filter-form-24266 h4 {
   font-size: 14px;
   line-height: 28px;
   color: #313131;
   margin-right: 10px;
   padding: 0;
   font-weight: 400 !important;
   font-family: 'Noto Sans', sans-serif;
}

form#search-filter-form-1557 li,
form#search-filter-form-24266 li,
form#search-filter-form-1557 ul,
form#search-filter-form-24266 ul {
   display: flex;
   align-items: center;
   place-content: flex-end;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul>li.sf-item-0,
form#search-filter-form-24266 li.sf-field-sort_order>ul>li.sf-item-0 {
   display: none;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul>li input,
form#search-filter-form-24266 li.sf-field-sort_order>ul>li input {
   display: none;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul li label,
form#search-filter-form-24266 li.sf-field-sort_order>ul li label {
   border: 1px solid #E0E0E0;
   border-radius: 7px;
   min-height: 40px;
   font-size: 14px;
   color: #313131;
   margin: auto;
   display: flex;
   align-items: center;
   padding: 5px 23px;
   margin-left: 7px;
   max-width: 87px;
   width: 100%;
   transition: all .3s ease-in-out;
   cursor: pointer;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul>li input[type=radio]:checked+label,
form#search-filter-form-24266 li.sf-field-sort_order>ul>li input[type=radio]:checked+label {
   background: #15B1D7;
   color: white;
   border-color: #E0E0E0;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul li label:hover,
form#search-filter-form-24266 li.sf-field-sort_order>ul li label:hover,
form#search-filter-form-1557 li.sf-field-sort_order>ul li label:focus,
form#search-filter-form-24266 li.sf-field-sort_order>ul li label:focus {
   background: #15B1D7;
   color: white;
   border-color: #E0E0E0;
}

form#search-filter-form-1557 li.sf-field-sort_order>ul>li:last-child,
form#search-filter-form-24266 li.sf-field-sort_order>ul>li:last-child {
   margin-right: 15px;
}

/* commemorative dates */
.c-left {
   border-left: 1px solid #E0E0E0;
}

.commemorative_subtitle h1,
.commemorative_subtitle h2,
.commemorative_subtitle h4 {
   margin-bottom: 0 !important;
   color: white !important;
}

.commemorative_subtitle {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.commemorative_subtitle>div.right {
   border-left: 2px solid white;
   min-height: 118px;
   display: flex;
   align-items: center;
}

.commemorative_subtitle>div {
   padding: 0 33px;
}

.commemorative_subtitle h2 {
   text-align: left;
   line-height: 58px !important;
}

.commemorative_subtitle h4 {
   line-height: 45px;
   letter-spacing: 0.3em;
   font-family: Noto Sans !important;
   text-align: center;
   margin: auto;
   text-transform: uppercase;
   padding-left: 10px;
}

.commemorative_subtitle h1 {
   font-size: 100px !important;
   line-height: 45px;
   padding-bottom: 8px;
   font-family: Noto Sans !important;
   font-weight: bold !important;
}

.commemorative_dates_wrapper h5 {
   font-weight: 800;
   max-width: 204px;
   line-height: 31px !important;
}

.commemorative_dates_wrapper {
   max-width: 261px;
   margin-top: -10px;
}

.commemorative_dates_wrapper a {
   display: block;
   padding: 10px 0;
   color: #313131;
   overflow: hidden;
}

.commemorative_dates_wrapper a.active,
.commemorative_dates_wrapper a:hover {
   color: #15b1d7;
   font-weight: bold;
   padding-left: 60px;
   display: block;
   line-height: 24px !important;
}

.commemorative_dates_wrapper a.active::before,
.commemorative_dates_wrapper a:hover:before {
   content: "" !important;
   border-bottom: 1px solid #15b1d7;
   display: block;
   width: 54px;
   position: relative;
   top: 13px;
   left: -60px;
   transition: all .3s linear;
}

.commemorative_dates_sec>div {
   width: 33.333%;
   position: relative;
}

.commemorative_dates_div>a {
   z-index: 1;
   position: relative;
}

.commemorative_dates_div:hover .cdd_bg {
   opacity: 1;
}

.cdd_bg {
   transition: all .3s ease-in-out;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
}

.commemorative_dates_sec {
   display: flex;
   flex-wrap: wrap;
}

.commemorative-top img {
   border-radius: 50% !important;
   max-height: 117px;
   max-width: 117px !important;
   opacity: 0;
   transition: all .3s ease-in-out;
}

.commemorative-content p {
   color: #313131;
   transition: all .3s ease-in-out;
}

.commemorative-top {
   display: flex;
   padding-left: 27px;
   padding-top: 23px;
}

.commemorative-datemonth .Jan,
.commemorative-datemonth .Sep {
   letter-spacing: 0.3em;
}

.commemorative-datemonth span {
   font-weight: bold;
   font-size: 35px;
   line-height: 45px;
   letter-spacing: 0.15em;
   transform: rotate(-90deg);
   display: inline-block;
   max-height: 40px;
   position: relative;
   left: 20px;
   text-transform: uppercase;
   transition: all .3s ease-in-out;
}

.ch-months {
   transform: none !important;
   max-height: 100% !important;
   margin-right: 20px;
}

.commemorative-datemonth .commemorative-date {
   font-weight: bold;
   font-size: 130px;
   line-height: 45px;
   letter-spacing: -0.05em;
   text-align: left;
   transition: all .3s ease-in-out;
}

.commemorative-top>div.commemorative-img {
   width: 42%;
}

.commemorative-top .commemorative-datemonth {
   text-align-last: end;
   display: flex;
   align-items: center;
   overflow: hidden;
   margin-left: auto;
}

.commemorative-content h7 {
   font-weight: 800;
   font-size: 20px;
   line-height: 25px;
   color: #313131;
   margin-bottom: 10px;
   display: block;
   transition: all .3s ease-in-out;
}

.commemorative_dates_div .commemorative-content p {
   padding-bottom: 33px;
   margin-bottom: 0;
   transition: all .3s ease-in-out;
}

.commemorative-content {
   padding: 0 27px;
   padding-top: 63px;
   transition: all .3s ease-in-out;
}

.commemorative_dates_sec>div {
   width: 33.333%;
   border-right: 1px solid #D8D8D8;
   margin-bottom: 20px;
   transition: all .5s ease-in-out;
}

.commemorative_dates_div:hover p,
.commemorative_dates_div:hover h7,
.commemorative_dates_div:hover span,
.commemorative_dates_div:hover div {
   color: white !important;
}

.commemorative-mobile-menu {
   display: none;
}

.mobile-sgi-sort {
   display: none;
}

.mobile_sgm_history_sticky_bar {
   color: white;
   display: none;
}

.news_insifhts_category_list.mobile-show {
   display: none;
}

.awards_accolades_mobile-slider {
   display: none !important;
}

.aadr_div.mobile_show {
   display: none;
}

/* --- flip-book --- */
.flip-book-bar-sec {
   width: 100%;
   background-color: #013153;
   position: fixed;
   z-index: 10;
}

.fbb-flip-book-sidebar {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   background-image: linear-gradient(180deg, #034EA1 0%, #023D67 50%);
   padding-left: calc(100vw / 2 - 1170px /2);
   box-sizing: content-box;
}

.fbb-flip-book-sidebar:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url("https://www.sgm.org.my/wp-content/uploads/2025/03/magazine-background-pattern.png");
   background-size: contain;
}

.fbb-inner-div {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 14px 30px 16px;
   min-height: 85px;
   max-width: 1200px;
   margin: 0 auto;
}

.fbb-left-back-button-text {
   color: #15B1D7;
   font-weight: 600;
   font-size: 14px;
   margin-left: 10px;
}

.fbb-left-arrow-img {
   width: 50px;
   height: 50px;
}

.fbb-center-icon-img {
   width: 25px;
   height: 22px;
   margin-bottom: 6px;
   margin-right: 10px;
}

.fbb-center-text {
   color: white;
   font-weight: 800;
   font-size: 23px;
}

.fbb-right-search-button {
   background: none;
   color: white;
   width: 25px;
   height: 25px;
   display: inline-block;
   text-align: center;
   font-size: 25px;
}

.fbb-right-search-button:hover {
   color: #15B1D7;
}

.fbb-right-account-button {
   background: white;
   color: #034EA1;
   font-size: 14px;
   font-weight: 600;
   border-radius: 7px;
   padding: 11px 12px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-left: 24px;
   line-height: 1;
}

.fbb-right-account-button:hover {
   background-color: #15B1D7;
   color: white;
}

.flip-book-container {
   /* margin-left: 299px;
  padding: 40px; */
   max-width: 1170px;
   margin: 0 auto;
   padding: 95px 15px 35px;
   width: 100%;
}

.flip-book-top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 35px 0 29px 5px;
   max-width: 1200px;
   /* margin: 0 auto; */
}

.flip-book-title {
   font-size: 23px;
   font-weight: 800;
}

.flip-book-year-dropdown {
   display: flex;
   align-items: center;
}

.flip-book-year-select {
   margin-right: 58px;
}

.flip-book-year-title {
   margin-right: 10px;
   font-size: 14px;
   margin-right: 12px;
}

.flip-book-year-select select {
   padding: 10px 40px;
   font-size: 14px;
   border-radius: 7px;
   border: 1px solid #ccc;
   outline: none;
}

.flip-book-content {
   display: flex;
   max-width: 1200px;
   /* margin: 0 auto; */
   /* justify-content: center;
  align-items: center; */
   flex-wrap: wrap;
   gap: 20px;
   padding-right: 55px;
   position: relative;
   width: 100%;
}

.flip-book-content:not(.loading):before {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

.flip-book-content:before {
   content: "";
   position: absolute;
   background-image: url(../images/sgm-magazine/icon-refresh.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 60px;
   height: 60px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   z-index: 1;
   transition: all .3s ease-in-out;
   animation: 2s rotate_circle linear infinite;
}

.flip-book-content>* {
   transition: opacity .3s ease-in-out;
}

.flip-book-content.loading {
   cursor: progress;
}

.flip-book-content.loading>* {
   opacity: 0.4;
   pointer-events: none;
}

@keyframes rotate_circle {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

/* .flip-book-content .no-found-text {
  font-size: 18px;
}
.flip-content-inner-div {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
} */
.flip-book-div-1,
.flip-book-div-2 {
   width: calc(25% - 15px);
}

.flip-book-cover-image {
   margin-bottom: 15px;
   font-weight: 500;
   font-size: 17px;
   padding: 0 4.5px;
}

.flip-book-cover-image img {
   width: 100%;
   height: auto;
}

.flip-book-cover-image:hover {
   transform: rotate(-5deg);
}

.flip-book-cover-image:active {
   transform: rotate(-5deg);
}

.flip-book-date {
   margin: auto;
   text-align: center;
   color: black;
   font-size: 17px;
   margin-bottom: 5px;
}

select#fbb-year-dropdown {
   border-radius: 7px;
   border: 1px solid #ccc;
   padding: 5px 30px 10px 15px;
   margin-right: 0;
   background: #ffffff;
   background-image: url("https://www.sgm.org.my/wp-content/uploads/2025/03/arrow-dropdown.png");
   background-size: 12px;
   background-repeat: no-repeat;
   background-position: calc(100% - 10px);
   color: #7A7A7A;
   -webkit-appearance: none;
   text-align: left;
   min-width: 140px;
}

.flip-book-sidebar {
   width: 254px;
   position: fixed;
   z-index: 1;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   background-image: linear-gradient(180deg, #034EA1 0%, #023D67 50%);
   padding-top: 50px;
   padding-bottom: 50px;
   padding-left: 32px;
   padding-right: 15px;
   height: calc(100vh - 85px);
   display: flex;
   justify-content: center;
   transform: translate(-475px, 0);
}

.flip-book-sidebar.active {
   transform: translate(0, 0);
   transition: transform 0.3s ease-in-out;
}

.flip-book-sidebar.active .fbb-fb-sidebar-toggle .fbb-fb-sidebar-toggle-arrow {
   transform: rotate(226deg) translate(0px, 0px);
   transition: transform 0.3s ease-in-out;
}

.flip-book-sidebar a {
   padding: 8px 0;
   text-decoration: none;
   font-size: 15px;
   color: white;
   display: block;
}

.fbb-sidebar-title-text {
   font-size: 23px;
   font-weight: 800;
   color: white;
   margin-bottom: 16px;
}

.flip-book-top,
.flip-book-content {
   width: calc(100% - 269px);
   margin-left: auto;
}

.flip-book-categories {
   z-index: 1;
   width: 100%;
   height: calc(100vh - 185px);
   overflow-y: auto;
}

.fbb-left-div {
   width: 224px;
}

.fbb-right-div {
   width: 200px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

.flip-book-sidebar .fbb-fb-sidebar-toggle {
   width: 32px;
   height: 64px;
   position: absolute;
   left: 100%;
   top: 20px;
   cursor: pointer;
   z-index: 999;
   transition: all .3s ease-in-out;
   overflow: hidden;
   opacity: 0;
}

.flip-book-sidebar .fbb-fb-sidebar-toggle:before {
   content: "";
   position: absolute;
   width: 200%;
   height: 100%;
   background-image: linear-gradient(180deg, #034EA1 0%, #023D67 50%);
   border-radius: 50px;
   right: 0;
   top: 0;
   transition: all .3s ease-in-out;
}

.fbb-fb-sidebar-toggle-arrow {
   position: absolute;
   z-index: 1;
   width: 17px;
   height: 17px;
   transform: rotate(45deg) translate(-6px, 3px);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

.fbb-fb-sidebar-toggle-arrow:before,
.fbb-fb-sidebar-toggle-arrow:after {
   content: "";
   position: absolute;
   background-color: white;
   transition: all .3s ease-in-out;
   top: 0;
   border-radius: 3px;
}

.fbb-fb-sidebar-toggle-arrow:before {
   width: 100%;
   height: 3px;
   left: 0;
}

.fbb-fb-sidebar-toggle-arrow:after {
   width: 3px;
   height: 100%;
   right: 0;
}

.fbb-right-search {
   text-align: right;
   display: flex;
   align-items: center;
}

.flip-book-cat-list:hover {
   color: #FFD600;
}

.flip-book-sidebar.fbb-sidebar-title-text {
   margin-bottom: 20px;
}

.fbb-sidebar-flip-book-categories {
   padding-top: 20px;
   padding-bottom: 20px;
}

.fbb-sidebar-flip-book-categories .flip-book-cat-list.current-flip-book-cat {
   color: #FFD600;
   font-weight: 700;
}

.flip-book-sidebar .flip-book-cat-list .flip-book-cat-name {
   width: calc(100% - 65px);
}

.flip-book-cat-list:focus {
   color: #FFD600;
}

.fbb-sidebar-flip-book-categories .flip-book-cat-list:not(:focus):not(:hover):not(.current-flip-book-cat):before {
   max-width: 0;
   margin-right: 0;
   opacity: 0;

}

.fbb-sidebar-flip-book-categories .flip-book-cat-list:before {
   content: "";
   background-color: #FFD600;
   display: block;
   width: 54px;
   max-width: 54px;
   height: 1px;
   margin-right: 11px;
   transition: 0.3s ease-in-out;
}

.flip-book-sidebar .flip-book-cat-list {
   display: flex;
   align-items: center;
}

.fb-flip-book-sec {
   display: flex;
   flex-direction: column;
   /* justify-content: center; */
   align-items: center;
   width: 100%;
   background-color: #03437B;
}

.fb-flip-book-title {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size: 23px;
   font-weight: 800;
   max-width: 1150px;
}

.fb-flip-book-content {
   font-size: 12px;
   font-style: italic;
   text-align: center;
}

.fb-flip-book-pdf iframe {
   width: 100%;
   height: 550px;
}

.fb-flip-book-top {
   background-color: #E9E9E9;
   padding: 20px 0;
   width: 100%;
}

.fb-flip-book-top>* {
   padding-right: 50px;
   padding-left: 50px;
}

.fb-flip-book-top .fb-flip-book-title .close-flip-book {
   /* transform: translate(0, -50%) rotate(45deg); */
   transform: rotate(45deg);
}

.fb-flip-book-top .fb-flip-book-title .close-flip-book:before,
.fb-flip-book-top .fb-flip-book-title .close-flip-book:after {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   transform: rotate(0);
   transform-origin: center;
}

.fb-flip-book-top .fb-flip-book-title .close-flip-book:before {
   width: 2px;
   height: 100%;
}

.fb-flip-book-top .fb-flip-book-title .close-flip-book:after {
   height: 2px;
   width: 100%;
}

.fb-flip-book-pdf {
   /* padding: 70px 40px; */
   padding: 40px 40px;
   max-width: 1150px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

body .flip-book-pagination {
   display: flex;
   align-items: center;
   justify-content: center !important;
   flex-wrap: wrap;
   gap: 10px 12px;
   padding: 30px 0;
   width: 100%;
}

body .flip-book-pagination .current,
body .flip-book-pagination .page-link {
   margin: 0;
   background: #ffffff00;
   background-color: #ffffff00;
   color: #313131;
   width: 35px;
   height: 35px;
   display: inline-flex;
   border-radius: 50%;
   text-align: center;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   transition: all .3s ease-in-out;
   border: 0;
   box-shadow: 0 0 0;
   line-height: 1;
   padding: 0;
}

body .flip-book-pagination .current,
body .flip-book-pagination .page-link:hover,
body .flip-book-pagination .page-link:focus {
   background-color: #15B1D7;
   color: #ffffff;
   font-weight: 700;
}

/* === Top Bar === */
.search-top-bar-sec {
   padding: 20px 15px;
   background-color: #E9E9E9;
   display: flex;
   justify-content: center;
}

.search-top-inner-div {
   display: flex;
   /* flex-direction: column; */
   align-items: center;
   width: 100%;
   max-width: 1140px;
}

.search-center-text {
   font-weight: 800;
   color: #313131;
   font-size: 23px;
}

.search-top-left-div,
.search-top-center-div,
.search-top-right-div {
   width: 33.33%;
}

.search-top-left-div .elementor-button {
   background: none;
   color: white;
   font-weight: bold;
}

.search-top-left-div .elementor-button:hover {
   text-decoration: underline;
}

.search-top-center-div .seach-center-text {
   font-size: 1.2rem;
   font-weight: 600;
}

.search-top-center-div {
   text-align: center;
}


/* === Search Bar === */
.search-container {
   background: #00a9ce;
   padding: 20px 0;
   display: flex;
   justify-content: center;
}

.search-inner-div {
   display: flex;
   align-items: center;
   background: #E9E9E9;
   border-radius: 50px;
   padding: 8px 20px;
   width: 70%;
   max-width: 700px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.search-div {
   display: flex;
   flex: 1;
   align-items: center;
}

.search-icon-img {
   width: 20px;
   height: 20px;
   margin-right: 10px;
}

body #flip-book-search {
   border: none;
   outline: none;
   width: 100%;
   font-size: 1rem;
   padding: 5px 5px 5px 28px;
   background-color: #ffffff00;
   border-bottom: 1px solid #ffffff80;
   box-shadow: 0 0 0 !important;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: white;
}

body #flip-book-search:focus {
   border-bottom: 1px solid #004aae !important;
}

.search-right-div {
   margin-left: 10px;
   display: flex;
   align-items: center;
}

.search-right-button {
   background: #002b7f;
   color: white;
   padding: 10px 30px;
   border-radius: 10px;
   font-weight: bold;
   cursor: pointer;
   transition: background 0.3s;
}

.search-right-button:hover {
   background: #0040bf;
}

/* === Result Section === */
.search-result-container {
   background-color: #EFEFEF;
   padding: 50px 15px;
   display: flex;
   justify-content: center;
}

.search-result-div {
   width: 100%;
   max-width: 1140px;
   background: white;
   border-radius: 20px;
   padding: 10px 30px 10px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
   margin: auto;
   display: flex;
   flex-direction: column;
}

.search-result-desktop {
   font-size: 23px;
   font-weight: 700;
   margin-bottom: 22px;
   display: flex;
   align-items: center;
   margin-top: 33px;
   order: 0;
}

.search-result-title-desktops {
   margin-left: 10px;
}

.title-new-label {
   font-size: 12px;
   font-weight: 500;
   background-color: #FFD600;
   line-height: 100%;
   border-radius: 5px;
   padding: 3px;
}

.search-result-mobile {
   /* font-size: 23px;
  font-weight: 700;
  margin-bottom: 22px;
  display: block;
  margin-top: 33px;
  padding: 10px 30px; */
   display: none;
}

.result-div-1 {
   padding-bottom: 30px;
}

.result-div-1,
.result-div-2 {
   display: flex;
   gap: 20px;
   margin-bottom: 30px;
   align-items: flex-start;
   border-bottom: 1px solid #E0E0E0;
}

.result-div-1:last-child,
.result-div-2:last-child {
   border-bottom: none;
}

.text-highlight {
   background-color: #FBF3E1;
   padding: 0 2px;
   border-radius: 2px;
}

.search-result-book-cover-image img {
   width: 100%;
   max-width: 220px;
   height: 146px;
   object-fit: cover;
   margin-bottom: 0px;
}

.result-book-content {
   flex: 1;
   margin-left: 30px;
}

.result-book-title {
   font-weight: 700;
   color: #0056a4;
   margin-bottom: 8px;
   display: block;
   margin-top: 11px;
   font-size: 17px;
   transition: all .3s ease-in-out;
}

.result-book-description {
   font-size: 15px;
   color: #333;
   line-height: 2.0;
   padding-right: 76px;
   margin-bottom: 0;
}

.search-result-book-link {
   display: flex;
   text-decoration: none;
   color: inherit;
   align-items: flex-start;
}

.search-result-book-link:hover .result-book-title {
   text-decoration: underline;
}

.search-bar-wrapper {
   background-color: #17b2d4;
   padding: 20px 15px;
}

.search-bar-form {
   display: flex;
   align-items: center;
   max-width: 1140px;
   margin: 0 auto;
   gap: 10px;
}

.search-bar-input-wrapper {
   position: relative;
   flex: 1;
   display: flex;
   align-items: center;
   /* margin-left: 40px; */
   /* border-bottom: 1px solid #ffffff80; */
}

.search-icon {
   width: 18px;
   height: 18px;
   /* margin-right: 10px; */
   filter: brightness(0) invert(1);
   /* make sure it’s white */
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.search-input {
   background: transparent;
   border: none;
   outline: none;
   color: #fff;
   font-size: 16px;
   width: 100%;
   padding: 10px 0;
}

.search-input::placeholder {
   color: #fff;
   opacity: 0.8;
}

.search-button {
   background-color: #004aad;
   color: #fff;
   border: none;
   padding: 10px 25px;
   font-size: 15px;
   border-radius: 6px;
   cursor: pointer;
   transition: background 0.3s ease;
}

.search-button:hover {
   background-color: #003a87;
}

body.page-template.page-template-template-magazine-search-result {
   background-color: #EFEFEF;
}

.search-result-book-link:hover .result-book-title {
   text-decoration: none;
   color: #15B1D7;
}

.search-result-book-cover-image {
   overflow: hidden;
}

.search-result-book-cover-image img {
   transition: transform 0.3s ease;
}

.search-result-book-link:hover .search-result-book-cover-image img {
   transform: scale(1.05);
}

@keyframes rotate_circle {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}

@media (min-width: 768px) {
   .fbb-right-account-button .fbb-account-icon {
      display: none !important;
   }
}

@media only screen and (max-width:1199px) {
   .nip_wrapper.aei_post .nip_inner_wrapper {
      margin-right: 0;
   }
}

@media only screen and (max-width:1170px) {
   .flip-book-sidebar {
      transform: translate(0, 0);
      right: auto;
   }

   .fbb-flip-book-sidebar {
      padding-left: 0;
      box-sizing: border-box;
   }
}

@media only screen and (max-width:1150px) {
   .awards_accolades_repeater_sec {
      max-height: 800px;
      height: 100%;
   }

   .awards_accolades_repeater_sec .slick-list,
   .awards_accolades_repeater_sec .slick-track {
      height: auto;
   }

   .ast-col-md-12.awards {
      background-color: #F8F8F8;
   }

   .aadr_div.mobile_show::after {
      display: none;
   }

   .aadr_div.mobile_show {
      display: block;
      height: auto;
      padding-top: 20px;
      text-align: center;
      margin: auto;
   }

   .awards_accolades_div_right {
      padding: 15px;
   }

   .awards_accolades_div_right {
      margin-left: -15px;
      padding-left: 20px;
   }

   .aadr_div {
      display: none;
   }

   .awards_accolades_div_right {
      width: 100%;
   }

   .awards_accolades_mobile-slider .slick-slide.slick-current.slick-active.slick-center,
   .awards_accolades_mobile-slider .slick-slide.slick-current.slick-center {
      color: #FFFFFF;
   }

   .awards_accolades_repeater_div {
      padding-right: 0px;
   }

   .awards_accolades_list_div_left {
      width: 100%;
   }

   .awards_accolades_div {
      min-height: 139px;
   }

   div.awards_accolades_mobile-slider {
      max-height: 139px;
      min-height: 139px;
      display: flex !important;
      align-items: center;
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-right: -15px;
      position: relative;
   }

   .awards_accolades_mobile-slider::after {
      content: "";
      background-image: url(../images/blue-dropdown.svg);
      display: block;
      width: 27px;
      height: 17px;
      position: absolute;
      bottom: -15px;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 2;
      margin: auto;
      left: 0;
      right: 0;
   }

   .awards_accolades_mobile-slider .slick-slide {
      font-weight: 500;
      font-size: 50px;
      line-height: 68px;
      text-align: center;
      color: #3DBEDE;
      cursor: pointer;
   }

   .awards_accolades_div_left {
      display: none;
   }

   .true-peace-div .elementor-widget-wrap.elementor-element-populated>section {
      width: 50% !important;
   }

   .new-age-twobox .elementor-widget-wrap.elementor-element-populated>section {
      width: 50% !important;
      max-width: inherit;
   }

   .growing-second>.elementor-container.elementor-column-gap-default>div:nth-child(2)>div {
      padding-left: 20px !important;
   }

   .growing-second>.elementor-container.elementor-column-gap-default>div:nth-child(2) {
      width: 57%;
   }

   .growing-second>.elementor-container.elementor-column-gap-default>div:nth-child(1) {
      width: 43%;
   }

   .growing-div>.elementor-container.elementor-column-gap-default>div:nth-child(1) {
      width: 45%;
   }

   .growing-div .elementor-container.elementor-column-gap-default>div:nth-child(2) {
      width: 55%;
   }

   /* .growing-div .elementor-container.elementor-column-gap-default > div:nth-child(2) > div  */
   .growing-div .elementor-container.elementor-column-gap-default>div:nth-child(2) .elementor-section .elementor-element-populated {
      padding-left: 20px !important;
   }
}

@media only screen and (max-width:1100px) {

   #sgmhistoryModal,
   #sgmhistorygalleryModal,
   #commemorativeModal {
      padding-left: 0 !important;
      overflow: hidden;
   }

   #sgmhistoryModal.fade.in,
   #sgmhistorygalleryModal.fade.in,
   #commemorativeModal.fade.in {
      overflow-x: hidden;
      overflow-y: auto;
   }

   #sgmhistoryModal.modal.fade:not(.in) .modal-dialog,
   #sgmhistorygalleryModal.modal.fade:not(.in) .modal-dialog,
   #commemorativeModal.modal.fade:not(.in) .modal-dialog {
      -webkit-transform: translate3d(0, 25%, 0);
      transform: translate3d(0, 25%, 0);
   }

   .sgm_history_popup_div_right {
      width: calc(100% + 12px);
      margin-right: -6px;
      margin-left: -6px;
      position: relative;
   }

   .sgm_history_gallery_sec {
      padding: 45px 9px;
      /* padding-left: 0px; */
      max-height: calc(100vh + -50px);
   }

   #sgmhistorygalleryModal a::before {
      display: none;
   }

   .news_insifhts_category_list {
      width: 100%;
   }

   .sgm_history_popup_div_left .sgm_history_popup_close {
      margin-bottom: 0;
      font-size: 0px;
   }

   .sgm_history_popup_div_left {
      width: 100%;
      display: flex;
      padding-top: 0px;
      min-height: 54px;
      background-color: #034EA1;
      border-radius: 5px;
      margin-top: 10px;
      height: max-content;
      padding-right: 0;
   }

   .sgm_history_popup_div_left:before {
      display: none;
   }

   .sgm_history_popup_div_left .sgm_history_popup_title {
      display: none;
   }

   .sgm_history_popup_div_left .news_insifhts_category_div a.lsb_active {
      display: block;
      color: white;
      font-size: 14px;
      padding: 15px 0;
      padding-right: 30px;
   }

   body .go_back_button .gb_inner_button {
      width: 40px;
      height: 40px;
      margin-left: 10px;
   }

   .sgm_history_popup_div_left .news_insifhts_category_div a {
      display: none;
   }

   .sgm_history_popup_div_left .news_insifhts_category_div a.lsb_active::before {
      display: none;
   }

   #sgmhistoryModal .modal-content,
   #sgmhistorygalleryModal .modal-content {
      border: 0px;
      border-radius: 30px 30px 0px 0px;
   }

   #sgmhistoryModal .modal-body,
   #sgmhistorygalleryModal .modal-body {
      padding: 0px;
      position: relative;
   }

   #sgmhistoryModal .modal-body a::after,
   #sgmhistorygalleryModal .modal-body a::after {
      content: "";
      border: 1px solid #C4C4C4;
      width: 26px;
      height: 26px;
      display: inline-block;
      border-radius: 50%;
      position: absolute;
      right: 25px;
      top: 0;
      bottom: 0;
      margin: auto;
   }

   #sgmhistoryModal .modal-body a.active::after,
   #sgmhistorygalleryModal .modal-body a.lsb_active::after {
      background-image: url(../images/tick.svg);
      background-position: center;
      border-color: #15B1D7;
      background-repeat: no-repeat;
      background-size: contain;
   }

   #sgmhistoryModal .modal-body a,
   #sgmhistorygalleryModal .modal-body a {
      display: block;
      width: 100%;
      font-weight: 600;
      font-size: 15px;
      line-height: normal;
      color: #313131;
      border-bottom: 1px solid #D8D8D8;
      padding: 25px 23px;
      position: relative;
      padding-right: 60px;
   }

   #sgmhistoryModal .modal-body .close,
   #sgmhistorygalleryModal .modal-body .close {
      background-image: url(../images/model-close.png);
      width: 40px;
      height: 40px;
      display: block;
      z-index: 99;
      position: absolute;
      background-size: contain;
      top: -20px;
      opacity: 1;
      left: 0;
      right: 0;
      margin: auto;
   }

   #sgmhistoryModal .modal-dialog,
   #sgmhistorygalleryModal .modal-dialog {
      bottom: 0;
      position: absolute;
      margin: 0;
      width: 100%;
      max-height: calc(100vh - 80px);
   }

   .mobile_sgm_history_sticky_bar::after,
   .sgm_history_popup_div_left .news_insifhts_category_div a.lsb_active::after {
      content: "";
      background-image: url(../images/down-icon.svg);
      width: 10px;
      height: 9px;
      display: inline-block;
      position: absolute;
      right: 55px;
      background-repeat: no-repeat;
      z-index: 9;
      top: 0;
      bottom: 0;
      margin: auto;
   }

   .sgm_history_popup_div_left .news_insifhts_category_div a.lsb_active::after {
      right: 15px !important;
   }

   .sgmhistory {
      display: block;
   }

   .sgm_history_sticky_bar {
      display: none;
   }

   .mobile_sgm_history_sticky_bar.sticky_bar_active {
      opacity: 1;
      position: relative;
      z-index: 2;
   }

   .sgm_history_sticky_bar_inner_wrapper {
      width: 100%;
   }

   .sgm_history_sticky_bar_sec {
      background-color: #ffffff00;
   }

   .sgm_history_gallery_open {
      position: absolute;
      z-index: 2;
      right: 20px;
   }

   .sticky_bar_progress {
      display: none;
   }

   .sgm_history_sticky_bar_wrapper {
      padding: 10px 0 10px;
   }

   .sgm_history_sticky_bar_sec .ast-col-md-12 {
      padding: 0px 10px;
   }

   .mobile_sgm_history_sticky_bar {
      color: white;
      display: block;
      width: 100%;
      opacity: 0;
      min-height: 54px;
      border-radius: 5px;
      padding: 17px 15px;
      position: absolute;
      z-index: -1;
      padding-right: 90px;
   }

   .commemorative-top .commemorative-datemonth {
      width: 90%;
   }

   .commemorative-top img {
      width: 100%;
   }
}

@media only screen and (max-width:1024px) {
   .books-div .orange-texteditor {
      position: relative !important;
      right: 0 !important;
      width: 100% !important;
      max-width: inherit !important;
      top: 0 !important;
   }

   .books-div .text_with_quote {
      left: 0px !important;
      top: -50px !important;
   }

   .books-div>.elementor-container.elementor-column-gap-default>div:nth-child(1) {
      order: 2;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      order: 1;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      order: 2;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      order: 3;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(4) {
      order: 0;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      order: 1;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      order: 2;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      order: 3;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(4) {
      order: 0;
   }

   .growing-div>.elementor-container.elementor-column-gap-default>div:nth-child(1) {
      order: 2;
   }

   .growing-div .elementor-container.elementor-column-gap-default>div {
      width: 100% !important;
   }

   .growing-second>.elementor-container.elementor-column-gap-default>div {
      width: 100% !important;
   }

   .new-age-twobox .elementor-widget-wrap.elementor-element-populated>section {
      width: 100% !important;
   }

   .new-age-title {
      max-width: 549px !important;
   }

   .true-peace-title {
      max-width: 495px !important;
   }

   .true-peace-div .elementor-widget-wrap.elementor-element-populated>section>div {
      max-width: inherit !important;
   }

   .true-peace-div .elementor-widget-wrap.elementor-element-populated>section {
      width: 100% !important;
      max-width: inherit;
   }

   .true-peace-div .elementor-widget-wrap.elementor-element-populated {
      flex-wrap: wrap;
   }

   .division-res section {
      background-position: top right !important;
      background-repeat: no-repeat;
      background-size: contain;
   }

   .commemorative-top>div.commemorative-img {
      width: 40%;
   }

   .commemorative-top img {
      width: 100%;
   }

   .commemorative-top .commemorative-datemonth {
      width: 95%;
      min-height: 100px;
   }
}

@media only screen and (max-width:991px) {
   .single_fp_sec.sfp_button_sec_exist {
      padding-top: 0;
   }

   div.single_fp_button_sec {
      margin-bottom: 60px !important;
      margin-top: 0;
   }

   .single_fp_button_div a {
      width: 100%;
      margin: 0;
      margin-bottom: 10px;
   }

   .single_fp_div_left h5.scpf_listing_title {
      text-align: center;
      padding-right: 0;
      background-color: white;
   }

   .single_fp_div_left h5.scpf_listing_title:before {
      content: "";
      background-color: white;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(calc(-100% + 1px), 0px);
   }

   .single_fp_div_left h5.scpf_listing_title:after {
      content: "";
      background-color: white;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(calc(100% + 1px), 0px);
   }

   .single_fp_div_left .news_insifhts_category_list {
      display: none;
   }

   /* .single_fp_div {
    margin-top: -100px;
  } */
   div.single_fp_sec {
      padding-top: 0;
   }

   .news_insifhts_category_list.mobile-show a>img {
      width: 55px;
      border-radius: 50%;
      height: 55px;
      object-fit: cover;
      object-position: top;
      margin-bottom: 5px;
   }

   body .mobile-show .line_stying_button.lsb_active:before {
      display: none;
   }

   .news_insifhts_category_list.mobile-show>div {
      width: 33.333%;
      min-width: 110px;
      margin-right: 0;
      height: auto;
   }

   .news_insifhts_category_list.mobile-show>div:last-child a {
      border-right: 0;
   }

   .news_insifhts_category_list.mobile-show a.lsb_active {
      color: white;
   }

   .news_insifhts_category_list.mobile-show a {
      align-content: baseline;
      padding-top: 15px;
      display: grid;
      justify-items: center;
      color: #313131;
      line-height: initial;
      text-align: center;
      padding-bottom: 10px;
      font-size: 11px;
      font-weight: 600;
      /* min-height: 116px; */
      overflow: hidden;
      height: 100%;
      padding-left: 5px;
      padding-right: 5px;
   }

   .news_insifhts_category_list.mobile-show {
      display: flex;
      margin-bottom: 20px;
      margin-left: -15px;
      margin-right: -15px;
      width: calc(100% + 30px);
      border-top: 1px solid #E3E3E3;
      border-bottom: 1px solid #E3E3E3;
      overflow-x: auto;
   }

   .news_insifhts_category_list.mobile-show a::after {
      content: "";
      border-right: 1px solid #E3E3E3;
      display: block;
      width: 1px;
      height: 170%;
      position: absolute;
      right: 0;
      overflow: hidden;
   }

   .news_insifhts_category_list.mobile-show>div:last-child a::after {
      display: none;
   }

   .single_fp_div>div {
      width: 100%;
   }

   .single_fp_div_right {
      padding-left: 0px;
   }

   .single_fp_div_right:before {
      display: none;
   }

   .sgi_organizations_sec>div {
      width: 50%;
   }

   .commemorative-top>div.commemorative-img {
      width: 100%;
   }

   .commemorative-top {
      flex-wrap: wrap;
   }

   .commemorative_dates_sec>div {
      overflow: hidden;
   }

   .commemorative-top .commemorative-datemonth {
      width: 100%;
      justify-content: flex-end;
      position: relative;
      right: -10px;
      z-index: 1;
   }

   .commemorative-top img {
      opacity: 1 !important;
      margin: auto;
      display: block;
   }

   .commemorative-top {
      padding-left: 0px;
   }

   .flip-book-div-1,
   .flip-book-div-2 {
      width: calc(33.33% - 13.33px);
   }

   .flip-book-top,
   .flip-book-content {
      width: calc(100% - 245px);
   }

   .fb-flip-book-pdf {
      padding: 25px 15px;
   }
}

@media only screen and (max-width:880px) {
   /* .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-close-button, .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar {
    right: 20px;
    left: auto;
    transform: inherit;
  } */
}

@media only screen and (max-width:767px) {
   .fb-flip-book-top .fb-flip-book-title .close-flip-book {
      right: 8px;
   }

   .fb-flip-book-top>* {
      padding-right: 35px;
      padding-left: 35px;
   }

   .commemorative_dates_wrapper .mobile-setheight-menu {
      min-height: 0px;
   }

   .pwim_div>div {
      width: 100%;
      margin: auto;
   }

   .pwim_div {
      width: calc(50% - 10px);
      margin: 0 5px 10px;
      padding: 15px;
   }

   .single_fp_div_right h5 {
      font-size: 20px;
   }

   .fpb_div>div.fpb_div_left {
      width: 150px;
      margin: auto;
      min-width: 150px;
      min-height: 184px;
      height: 184px;
   }

   .fpb_div_right h4 {
      font-size: 25px;
      line-height: 45px !important;
   }

   .fpb_div_right h2 {
      font-size: 35px;
      line-height: 40px !important;
   }

   .fpb_div>div.fpb_div_right {
      width: 100%;
   }

   .lotfp_div>div {
      width: 100%;
   }

   .lotfp_div_right {
      padding-left: 0px;
      padding-right: 0px;
   }

   .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-lightbox-image,
   .page-template-template-sgm-history-page div.fancybox-container .fancybox-image {
      max-width: 100%;
      max-height: calc(100% - 15px);
   }

   .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-lightbox-image {
      width: calc(100% - 40px);
   }

   .sgm_history_popup_div_left .news_insifhts_category_div {
      margin-right: 0px;
   }

   .mobile-setheight-menu {
      min-height: 40px;
   }

   .mobile-sgi-sort.change {
      position: fixed;
      z-index: 9999;
      top: 70px;
      right: 15px;
      opacity: 0;
   }

   .organization-p p {
      margin-bottom: 0 !important;
   }

   .mobile-sgi-sort {
      display: block;
      text-align: -webkit-right;
      transition: opacity .3s ease-in-out;
      opacity: 0;
   }

   .mobile-sgi-sort>div {
      font-size: 14px;
      line-height: 30px;
      text-align: center;
      color: #FFFFFF;
      min-height: 40px;
      background-color: #15B1D7;
      border-radius: 7px;
      max-width: 92px;
      display: flex;
      align-items: center;
      padding-left: 15px;
      position: relative;
      margin-left: auto;
   }

   .mobile-sgi-sort.asc>div::before {
      content: "";
      background-image: url(../images/sort-blue.svg) !important;
      background: no-repeat;
      width: 9px;
      height: 14px;
      display: block;
      position: absolute;
      right: 23px;
   }

   .mobile-sgi-sort.asc>div::after {
      content: "";
      background-image: url(../images/sort-white.svg) !important;
      background: no-repeat;
      width: 9px;
      height: 14px;
      display: block;
      position: absolute;
      right: 10px;
   }

   .mobile-sgi-sort.desc>div::before {
      content: "";
      background-image: url(../images/sort-blue.svg) !important;
      background: no-repeat;
      width: 9px;
      height: 14px;
      display: block;
      position: absolute;
      right: 10px;
      transform: rotate(180deg);
   }

   .mobile-sgi-sort.desc>div::after {
      content: "";
      background-image: url(../images/sort-white.svg) !important;
      background: no-repeat;
      width: 9px;
      height: 14px;
      display: block;
      position: absolute;
      right: 23px;
      transform: rotate(180deg);
   }

   form#search-filter-form-1557 {
      display: none;
   }

   .sgi_organizations_sec>div .country_div {
      max-width: 100%;
   }

   .sgi_organizations_sec>div {
      width: 100%;
      margin-bottom: 13px;
   }

   .commemorative-mobile-menu .current-title {
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #FFFFFF;
      min-height: 54px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      padding: 13px 38px 13px 15px;
      position: relative;
   }

   .commemorative-mobile-menu .current-title::after {
      content: "";
      background-image: url(../images/down-icon.svg);
      width: 10px;
      height: 9px;
      display: inline-block;
      position: absolute;
      right: 15px;
      background-repeat: no-repeat;
   }

   #commemorativeModal .modal-content,
   #sgmhistoryModal .modal-content {
      border: 0px;
      border-radius: 30px 30px 0px 0px;
   }

   #commemorativeModal .modal-body,
   #sgmhistoryModal .modal-body {
      padding: 0px;
      position: relative;
   }

   #commemorativeModal .modal-body a::after,
   #sgmhistoryModal .modal-body a::after {
      content: "";
      border: 1px solid #C4C4C4;
      width: 26px;
      height: 26px;
      display: inline-block;
      border-radius: 50%;
      position: absolute;
      right: 25px;
      top: 0;
      bottom: 0;
      margin: auto;
   }

   #commemorativeModal .modal-body a.active::after,
   #sgmhistoryModal .modal-body a.active::after {
      background-image: url(../images/tick.svg);
      background-position: center;
      border-color: #15B1D7;
      background-repeat: no-repeat;
      background-size: contain;
   }

   #commemorativeModal .modal-body a,
   #sgmhistoryModal .modal-body a {
      display: block;
      width: 100%;
      font-weight: 600;
      font-size: 15px;
      line-height: normal;
      color: #313131;
      border-bottom: 1px solid #D8D8D8;
      padding: 25px 23px;
      position: relative;
      padding-right: 60px;
   }

   #commemorativeModal .modal-body .close,
   #sgmhistoryModal .modal-body .close {
      background-image: url(../images/model-close.png);
      width: 40px;
      height: 40px;
      display: block;
      z-index: 99;
      position: absolute;
      background-size: contain;
      top: -20px;
      opacity: 1;
      left: 0;
      right: 0;
      margin: auto;
   }

   #commemorativeModal .modal-dialog,
   #sgmhistoryModal .modal-dialog {
      bottom: 0;
      position: absolute;
      margin: 0;
      width: 100%;
      max-height: calc(100% - 25px);
   }

   .commemorative_dates_wrapper>a,
   .commemorative_dates_wrapper>a.active {
      display: none;
   }

   .commemorative-mobile-menu {
      display: block;
   }

   .commemorative_dates_wrapper h5 {
      font-size: 20px !important;
      max-width: fit-content;
      text-align: center;
      margin: auto;
   }

   .commemorative_dates_wrapper {
      max-width: inherit;
      margin-top: 0;
   }

   .commemorative_dates_sec>div {
      width: 50%;
   }

   .commemorative-datemonth span {
      font-size: 25px;
      left: 10px;
   }

   .commemorative-datemonth .commemorative-date {
      font-size: 100px;
   }

   .commemorative-top .commemorative-datemonth {
      width: 58%;
   }

   .commemorative-top>div.commemorative-img {
      width: 42%;
   }

   .commemorative-top img {
      margin: inherit;
   }

   .commemorative-top {
      padding-left: 10px;
   }

   .commemorative-content {
      padding: 0 10px;
      padding-top: 63px;
   }

   .commemorative_subtitle {
      display: flex;
      flex-wrap: wrap;
      max-width: 450px;
      margin: auto;
   }

   .commemorative_subtitle>div {
      padding: 0px;
      text-align: center;
   }

   .commemorative_subtitle>div.left {
      display: flex;
      align-items: center;
      margin-bottom: 3px;
   }

   .commemorative_subtitle h1 {
      font-size: 30px !important;
      line-height: normal !important;
      padding-bottom: 0px;
   }

   .commemorative_subtitle h4 {
      font-size: 25px !important;
   }

   .commemorative_subtitle>div.right::before {
      content: "";
      border-top: 2px solid white;
      display: block;
      width: 50%;
      margin: auto;
   }

   .commemorative_subtitle>div.right {
      border-left: 0px;
      min-height: auto;
      /* border-top: 2px solid white; */
      width: 100%;
      margin: auto;
      display: block;
   }

   .commemorative_subtitle h2 {
      line-height: 35px !important;
      font-size: 30px !important;
      text-align: center;
      margin-top: 10px;
   }

   .fbb-center-icon-img {
      width: 18px;
      height: auto;
      margin-right: 6px;
      margin-bottom: 3px;
   }

   .fbb-center-text {
      font-size: 15px;
   }

   .fbb-right-account-button {
      padding: 5px 8px;
      border-radius: 50px;
      margin-left: 12px;
      width: 34px;
      height: 34px;
   }

   .flip-book-sidebar {
      transform: translate(-236px, 0);
      height: calc(100vh - 58px);
   }

   .flip-book-container {
      padding: 58px 15px 35px;
   }

   .flip-book-top,
   .flip-book-content {
      width: 100%;
   }

   .flip-book-top {
      padding: 40px 0 25px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: center;
   }

   .flip-book-year-dropdown {
      margin-left: auto;
      margin-right: 0;
   }

   .fbb-left-div,
   .fbb-right-div {
      /* width: 110px; */
      width: auto;
   }

   .fbb-right-account-button .fbb-account-icon {
      width: 15px;
      height: 16px;
      -webkit-mask-image: url(../images/login_icon.png);
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-image: url(../images/login_icon.png);
      mask-position: center;
      mask-size: contain;
      mask-repeat: no-repeat;
      display: block;
      transition: all .3s ease-in-out;
      background-color: #034EA1;
   }

   .fbb-right-account-button .fbb-account {
      display: none !important;
   }

   .fbb-inner-div {
      min-height: 58px;
      padding: 10px 15px 10px 70px;
   }

   .fbb-left-button .back-button {
      position: absolute;
      width: 58px;
      height: 58px;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: #17b1d7;
   }

   .fbb-left-button .back-button .fbb-left-arrow-img {
      height: 100%;
      width: auto;
   }

   .fbb-left-button .back-button .fbb-left-back-button-text {
      display: none;
   }

   .fbb-center-div {
      margin-right: auto;
      margin-left: 0;
   }

   .flip-book-sidebar .fbb-fb-sidebar-toggle {
      opacity: 1;
   }

   .flip-book-container {
      margin-left: 0;
      transition: margin-left 0.3s ease-in-out;
   }

   .flip-book-sidebar.active~.flip-book-container {
      margin-left: 236px;
   }

   .flip-book-sidebar.active+.flip-book-container {
      filter: blur(2px);
      pointer-events: none;
      opacity: 0.8;
   }

   .search-top-left-div {
      width: 100%;
      margin-bottom: 10px;
   }

   .search-top-center-div {
      display: flex;
      justify-content: center;
   }

   .search-button {
      display: none;
   }

   .search-result-book-link {
      display: flex;
      flex-direction: column;
   }

   .search-result-book-cover-image img {
      width: 100%;
      height: auto;
   }

   .result-book-content {
      margin-left: 0px;
   }

   .result-book-description {
      margin-bottom: 0px;
      padding-right: 0px;
   }

   .result-book-title {
      margin-top: 20px;
   }

   .search-top-left-div,
   .search-top-center-div,
   .search-top-right-div {
      width: 100%;
   }

   .search-top-inner-div {
      width: 100%;
      flex-direction: column;
   }

   .search-result-mobile {
      font-size: 23px;
      font-weight: 700;
      margin-bottom: 22px;
      display: flex;
      align-items: center;
      /* margin-top: 33px; */
   }

   .search-result-title-mobiles {
      margin-left: 10px;
   }

   .title-new-label {
      font-size: 12px;
      font-weight: 500;
      background-color: #FFD600;
      line-height: 100%;
      border-radius: 5px;
      padding: 3px;
   }

   /* .search-result-title-mobile {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 22px;
    display: block;
    margin-top: 33px;
    padding: 10px 30px;
  } */
   .search-result-desktop {
      display: none;
   }

   .search-result-container {
      padding: 33px 15px 30px;
   }

   .search-result-div {
      padding: 20px 20px 10px;
   }

   .text-highlight {
      background-color: #034EA1;
      color: white;
      border-radius: 5px;
      padding: 3px;
   }
}

@media only screen and (max-width:620px) {
   .flip-book-title {
      font-size: 21px;
   }
}

@media only screen and (max-width:576px) {
   .awards_accolades_mobile-slider .slick-list.draggable {
      padding: 0 !important;
   }

   .awards_accolades_list_div_left {
      width: 100%;
   }

   .awards_accolades_list_div_right {
      margin-left: 0px;
   }

   .pwim_div {
      width: 100%;
   }

   .single_fp_button_div a {
      padding: 15px;
   }

   .news_insifhts_category_list.mobile-show a {
      min-height: 116px;
   }

   .sgmh_img,
   .sgm_history_gallery_div img {
      height: 134px;
   }

   .sgm_history_gallery_div {
      width: calc(50% - 5px);
      margin-right: 10px;
      margin-bottom: 17px;
   }

   .sgm_history_gallery_sec {
      max-height: calc(100vh + -50px);
      /* padding-left: 0px; */
      padding-top: 15px;
   }

   .sgm_history_gallery_div:nth-child(2n + 2) {
      margin-right: 0px;
   }

   .sgm_history_gallery_div:nth-child(3n + 3) {
      margin-right: auto;
   }

   .sgm_history_gallery_sec {
      -ms-overflow-style: none;
      /* Internet Explorer 10+ */
      scrollbar-width: none;
      /* Firefox */
   }

   .sgm_history_gallery_sec::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image figcaption {
      font-size: 11px !important;
      line-height: 20px !important;
      margin-bottom: 20px !important;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      order: 1;
      max-width: 128px;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      order: 2;
      max-width: 170px;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      order: 3;
      max-width: 183px;
      left: 162px;
      top: 100px;
   }

   .growing-div .elementor-container.elementor-column-gap-default>div figcaption {
      font-size: 11px !important;
      line-height: 20px !important;
      margin-bottom: 20px !important;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 177px;
      margin-top: 130px;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 163px;
      margin-top: 40px;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 135px;
      left: 70px;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image figcaption {
      font-size: 11px !important;
      line-height: 20px !important;
      margin-bottom: 20px !important;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 176px;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 157px;
      margin-left: 5px;
      margin-top: 15px;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 157px;
      top: 200px;
      left: 170px;
   }

   .elementor-element.hg_type1_two>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 162px;
      left: 151px;
   }

   .elementor-element.hg_type1_two>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 207px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 217px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 172px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 152px;
      left: 195px;
      top: 110px;
   }

   .aei_post .nip_div {
      min-width: 310px;
      width: 310px;
   }

   .commemorative_dates_sec>div {
      width: 100%;
      /* padding: 0 10px 0 15px; */
      padding: 0;
      margin-bottom: 0;
   }

   .commemorative-top {
      padding-left: 0px;
      padding-left: 15px;
      padding-right: 10px;
   }

   .commemorative-content {
      padding: 0px;
      padding-top: 20px;
      padding-right: 25px;
      padding-left: 15px;
   }

   .flip-book-div-1,
   .flip-book-div-2 {
      width: calc(50% - 5px);
   }

   .flip-book-content {
      gap: 10px;
   }




}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {
   .single_fp_button_div a.single_fp_button {
      padding: 23px 24px 25px 24px;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 125px;
      left: 51px;
   }

   body .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 140px;
      margin-left: 155px;
   }

   .elementor-element.hg_type3_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 145px;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 155px;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 130px;
      margin-left: 0px;
      margin-top: 15px;
   }

   .elementor-element.hg_type2_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 130px;
      top: 185px;
      left: 156px;
   }

   select#fbb-year-dropdown {
      width: 100px;
   }


}

@media only screen and (max-width:355px) {
   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 120px;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 160px;
   }

   .elementor-element.hg_type1_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 164px;
      left: 145px;
      top: 95px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(1) {
      max-width: 206px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
      max-width: 156px;
   }

   .elementor-element.hg_type4_three>.elementor-widget-wrap>.elementor-widget-image:nth-child(3) {
      max-width: 140px;
      left: 170px;
      top: 120px;
   }

   .awards_accolades_mobile-slider .slick-slide,
   body .awards_accolades_mobile-slider .aams_slide {
      font-size: 42px;
   }
}


/* alex 8 */
.sgm-top-login {
   position: relative;
}

#top-account-member-menu {
   display: none;
   min-width: 207px;
   border-radius: 7px;
   background: #fff;
   position: absolute;
   top: 100%;
   left: 0;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   z-index: 99;
   list-style: none;
   padding: 5px 0;
   margin: 0;
}

#top-account-member-menu li a {
   display: block;
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   color: #313131;
   margin: 10px 0;
   padding: 0 25px 0 24px;
}

#top-account-member-menu li a:hover,
#top-account-member-menu li a.active {
   color: #15B1D7;
}

html[lang="zh-hans"] #top-account-member-menu li a {
   font-weight: bold;
}

#top-account-member-menu li#signout a {
   background: #15B1D7;
   border-radius: 7px;
   color: #fff;
   padding: 5px 15px 4px;
   margin: 10px 7px;
   text-align: center;
}

#top-account-member-menu li#signout a:hover {
   background-color: #f97304;
   color: #fff;
}

@media (max-width: 1024px) {
   #top-account-member-menu {
      display: none !important;
      opacity: 0;
      visibility: hidden;
      max-height: 0;
   }
}