.text-2-dot, .template-out-company-banner .template-media-container .out-company-card .content-blog .title, .card-blog .card-blog-content h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#colours-lib .template-single .image-banner p {
	margin-top: 20px;
}
.li-style, .template-compare .compare-product-content .compare-product-table-images .image.two ul li::before {
  content: "";
  position: absolute;
  padding-left: 3px;
  left: 0;
  top: 9px;
  width: 1px;
  display: block;
  border-top: 1px solid black;
}

.card-blog {
  width: 100% !important;
  height: 100% !important;
  border-radius: 3px;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0px !important;
  margin: 0px !important;
}
.card-blog.card-project {
	border-radius: 20px !important;
}
.card-blog .card-blog-header {
  position: relative;
}
.card-blog .card-blog-header .card-blog-image-bk {
  width: 100%;
  height: 200px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-blog .card-blog-header .card-blog-new {
  background-color: #d7373f;
  padding: 10px 20px;
  color: white;
  left: 10px;
  top: 10px;
  position: absolute;
  border-radius: 4px;
}
.card-blog .card-blog-header .card-blog-save-favorites {
  background-color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.card-blog .card-blog-header .card-blog-save-favorites img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 32px;
  cursor: pointer;
}
.card-blog .card-blog-header .card-blog-save-favorites img.favorites-button:active {
  width: 50px;
}
.card-blog .card-blog-header .card-blog-save-favorites img.hide {
  position: absolute;
  opacity: 0;
}
.card-blog .card-blog-header .card-blog-save-favorites img.show {
  position: static;
  opacity: 1;
  transition: width 0.3s ease-in;
}
.card-blog .card-blog-header .card-blog-save-favorites img.favorites-button-active {
  width: 18px;
  transition: width 0.3s ease-in;
}
.card-blog .card-blog-header .card-blog-save-favorites img.favorites-button-active:active {
  width: 25px;
}
.card-blog .card-blog-content {
  padding: 20px;
}
.card-blog .card-blog-content h5.header {
  font-size: 20px !important;
	margin-top: 10px;
}
.card-blog .card-blog-content p {
  color: #454545;
  line-height: 1.9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.swiper-blog-div {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin-top: 6em;
  padding-top: 6em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.swiper-blog-div.result-page {
  margin-top: 4em;
  padding-top: 0em;
  border-top: 0px solid rgba(0, 0, 0, 0.1);
}
.swiper-blog-div.result-page .blog-title-and-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper-blog-div.result-page .blog-title-and-view a {
  color: #000;
  font-weight: bold;
}
.swiper-blog-div.result-page .blog-title-and-view a:hover {
  text-decoration: underline;
}
.swiper-blog-div.result-page .blog-title-and-view h1 {
  padding: 0px;
  margin: 0px;
}
.swiper-blog-div .swiper-blog {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 5px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
}
.swiper-blog-div .swiper-wrapper {
  display: flex !important;
  min-height: 450px !important;
}
.swiper-blog-div .swiper-wrapper .swiper-slide {
  height: 100% !important;
  box-sizing: content-box !important;
	  background: white !important;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);
	
}
 
.swiper-blog-div .swiper-wrapper .swiper-slide.card-type-project {
	border-radius: 20px;
	
}
.swiper-blog-div .swiper-wrapper .swiper-slide .column .card-blog {
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0) !important;
  width: 100% !important;
  box-sizing: content-box !important;
}
.swiper-blog-div .pagination-blog {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-blog-div .pagination-blog .swiper-pagination-bullet {
  margin-right: 10px !important;
}
.swiper-blog-div .pagination-blog .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.swiper-blog-div .pagination-blog .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
@media screen and (max-width: 1024px) {
  .swiper-blog-div {
    margin-top: 3em;
    padding-top: 3em;
  }
}

.big-class-div-1,
.big-class-div-2 {
  left: -100vw !important;
  transition: all 0.3s linear;
}
.big-class-div-1.show,
.big-class-div-2.show {
  left: 0px !important;
}

.container-modal-swiper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  left: 0;
  top: 0;
  z-index: 1000000000;
}
.container-modal-swiper .cancel-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  cursor: pointer;
  z-index: 1000000001;
}
.container-modal-swiper .contain-center {
  height: 100%;
}
.container-modal-swiper .contain-swiper {
  position: relative;
  top: 50%;
  transform: translate(0%, -50%);
}
.container-modal-swiper .swiper-pagination {
  width: 100% !important;
  bottom: -41px !important;
}
.container-modal-swiper .swiper-pagination .swiper-pagination-bullet {
  margin-right: 10px !important;
  background-color: white;
}
.container-modal-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0px !important;
}
.container-modal-swiper .swiper-button-next,
.container-modal-swiper .swiper-container-rtl .swiper-button-prev,
.container-modal-swiper .swiper-button-prev,
.container-modal-swiper .swiper-container-rtl .swiper-button-next {
  color: white;
}
.container-modal-swiper .contain-center {
  max-width: 1170px;
  position: relative;
  margin: auto;
}
.container-modal-swiper .contain-swiper {
  display: flex;
  align-items: center;
}
.container-modal-swiper .swiper-container {
  width: 90%;
  margin: auto;
}
.container-modal-swiper .swiper-container .swiper-slide {
  text-align: center;
}
.container-modal-swiper .swiper-container .swiper-slide img {
  width: auto;
  max-width: 100%;
  height: 500px;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .container-modal-swiper .swiper-button-next::after,
.container-modal-swiper .swiper-container-rtl .swiper-button-prev,
.container-modal-swiper .swiper-button-prev::after,
.container-modal-swiper .swiper-container-rtl .swiper-button-next {
    font-size: 18px !important;
  }
  .container-modal-swiper .swiper-container .swiper-slide img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 300px;
    height: 300px;
  }
}

.acf-gallery-backdrop {
  display: none !important;
}

.iframe-footer {
  border: 0;
  height: 100%;
  width: 100%;
  /* max-height: 500px; */
  max-width: 900px !important;
  height: 500px !important;
}
@media screen and (max-width: 1024px) {
  .iframe-footer {
    max-height: 168px !important;
  }
}

@media screen and (max-width: 1024px) {
  .choice-div,
.choice-div-2 {
    display: block !important;
    max-width: 100%;
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .choice-div .cal-div,
.choice-div .column,
.choice-div-2 .cal-div,
.choice-div-2 .column {
    display: block;
    max-width: 100% !important;
    margin: auto;
    width: 100% !important;
  }
}
@media screen and (max-width: 500px) {
  .choice-div,
.choice-div-2 {
    display: block !important;
    max-width: 100%;
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
}
.bk-family-color-code {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.bk-family-color-code .color-code {
  padding: 0px;
  margin: 0px !important;
}
.bk-family-color-code .color-code h3 {
  margin-bottom: 10px !important;
  color: white !important;
  text-align: left !important;
  margin-top: 0px !important;
}
.bk-family-color-code .color-code .cmyk {
  margin-bottom: 0px !important;
}
.bk-family-color-code:hover {
  opacity: 1;
}

.modal-data-location {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in !important;
  left: -100vw;
}
.modal-data-location.active {
  opacity: 1;
  left: 0;
  transition: opacity 0.3s ease-in !important;
}
.modal-data-location .modal-data-content-location {
  border-radius: 10px;
  background-color: white;
  max-width: 900px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2em;
  position: relative;
}
.modal-data-location .modal-data-content-location .title {
  font-weight: 600;
  padding-bottom: 10px;
  margin: 0px !important;
  font-size: 16px;
  padding-right: 20px;
	
}
.modal-data-location .modal-data-content-location .title-modal-location {
  margin: 1em 0px 1.5em !important;
  font-weight: bold;
  font-size: 16px;
}
.modal-data-location .modal-data-content-location .modal-close-location {
  position: absolute;
  right: 27px;
  top: 23px;
  font-size: 27px;
  cursor: pointer;
}
.modal-data-location .modal-data-content-location #modal-data-locations {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  flex-wrap: wrap;
  max-height: 300px;
	padding-left: 20px;
}
.modal-data-location .modal-data-content-location #modal-data-locations > div {
  width: calc(20% - 20px);
  text-align: left;
	display: flex;
	align-items: center;
}
.modal-data-location .modal-data-content-location #modal-data-locations > div img {
  width: 24px;
	height: 24px;
	object-fit:cover;
	margin-right: 10px;
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,0.2);
}
.modal-data-location .modal-data-content-location #modal-data-locations > div a {
  font-size: 16px;
  color: black;
}
.modal-data-location .modal-data-content-location .modal-data-location-title-box {
	display:flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}
.modal-data-location .modal-data-content-location .modal-data-location-title-box i {
	margin-right: 10px;
	font-size: 1.2em;
}
@media screen and (max-width: 500px) {
  .modal-data-location .modal-data-content-location #modal-data-locations {
    max-height: 55vh;
    overflow: auto;
    grid-gap: 10px;
	  padding-left: 0px;
  }
  .modal-data-location .modal-data-content-location #modal-data-locations > div {
    width: 100%;
  }
}

.our-location-and-asia {
  margin-left: 20px !important;
}
.our-location-and-asia .asia-number-1 {
  color: #b50e11 !important;
  margin: 0px;
  text-align: right;
}
@media screen and (max-width: 1176px) {
  .our-location-and-asia {
    text-align: left !important;
    padding-right: 2em !important;
    margin: 10px 0;
    display: flex;
    justify-content: flex-end;
  }
  .our-location-and-asia .search-menu {
    margin-top: 0px;
    margin-left: 10px;
  }
  .menu-language-container ul {
    list-style-type: none;
    padding-left: 12px;
    margin-bottom: 0;
    margin-top: 3px !important;
  }
  .menu-language-container ul li a img {
    display: block;
  }
}

.our-location {
  font-weight: 300;
  cursor: pointer;
  margin: 0px;
  display: flex;
  justify-content: space-between;
  color: #637381 !important;
}
.our-location span {
  color: #b50e11;
}
.our-location i:first-child {
  margin-right: 5px;
}
.our-location i:last-child {
  margin-left: 5px;
}
@media screen and (max-width: 1024px) {
  .our-location {
    justify-content: flex-end;
  }
}

.catalog-card-img {
  border-radius: 6px;
  border: 2px solid #1d4f90;
  width: 150px;
  padding: 10px 20px;
  margin: auto;
  transition: background-color 0.4s ease-in;
}
.catalog-card-img img {
  width: 64px;
  transition: all 0.4s ease-in !important;
}
.catalog-card-img img.cat-image-white {
  opacity: 0;
  position: absolute;
  left: 0;
}
.catalog-card-img h5 {
  margin-top: 10px !important;
  color: #1d4f90 !important;
  transition: color 0.4s ease-in;
  font-size: 18px !important;
  text-align: center;
}
.catalog-card-img:hover {
  background-color: #003d87;
}
.catalog-card-img:hover h5 {
  color: white !important;
}
.catalog-card-img:hover img.cat-image {
  opacity: 0;
  position: absolute;
}
.catalog-card-img:hover img.cat-image-white {
  opacity: 1;
  position: static;
}

.header-hide {
  background-color: red !important;
}

.contain-z-index-top {
  background-color: red !important;
  position: relative;
  z-index: 10;
}

.get-idea-designer-talk {
  position: relative;
  background-color: #6e7b6c;
  display: flex;
  align-items: center;
  height: 100%;
}
.get-idea-designer-talk h1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(-90deg) translateY(-50%);
  font-size: 64px !important;
  font-weight: 500 !important;
  color: white !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-designer-talk h1 {
    font-size: 47px !important;
    left: -60px;
    top: 45%;
  }
}
.get-idea-designer-talk .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.get-idea-designer-talk .container .fragment {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%;
}
.get-idea-designer-talk .container .fragment .image-and-bottom {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.get-idea-designer-talk .container .fragment .view_more_info {
  padding: 20px;
  border-radius: 100%;
  position: absolute;
  top: 35%;
  right: -40px;
  background-color: #ebedef;
  display: flex;
  color: #000;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in;
  font-weight: bold;
  -webkit-animation: view_more_info 3s ease 0s infinite normal none;
          animation: view_more_info 3s ease 0s infinite normal none;
  width: 64px;
  height: 64px;
}
.get-idea-designer-talk .container .fragment .view_more_info:hover {
  transform: rotate(0);
}
@media screen and (max-width: 1024px) {
  .get-idea-designer-talk .container .fragment {
    padding-top: 10px !important;
    height: 75vh;
    max-height: 500px;
  }
}
.get-idea-designer-talk .container .image-center {
  height: 65vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 65vh !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .get-idea-designer-talk .container .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.get-idea-designer-talk .text-content {
  position: absolute;
  bottom: 67px;
  right: 0px;
  max-width: 400px;
}
.get-idea-designer-talk .text-content h2 {
  font-size: 47px !important;
  color: white !important;
  font-weight: 500;
}
.get-idea-designer-talk .text-content p {
  font-size: 18px;
  font-weight: 300;
  color: white !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-designer-talk .text-content h2 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-designer-talk .big-title {
    opacity: 0;
  }
  .get-idea-designer-talk .container {
    padding: 0px;
    max-width: 440px !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .get-idea-designer-talk .container .view_more_info {
    right: 2em !important;
    left: auto;
    padding: 10px !important;
    font-size: 16px !important;
    top: 53% !important;
  }
  .get-idea-designer-talk .image-and-bottom {
    height: 500px;
    width: 100% !important;
  }
  .get-idea-designer-talk .image-center {
    height: 65vh !important;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 65vh !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .get-idea-designer-talk .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-designer-talk .text-content {
    top: auto;
    padding: 0px 2em;
    bottom: 0px;
  }
  .get-idea-designer-talk .text-content h2 {
    font-size: 20px !important;
  }
  .get-idea-designer-talk .text-content p {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 700px) {
  .get-idea-designer-talk .container {
    align-items: flex-start;
  }
  .get-idea-designer-talk .image-center {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}

.get-idea-greensoul-magazine {
  position: relative;
  background-color: #b89380;
  display: flex;
  align-items: center;
  height: 100%;
}
.get-idea-greensoul-magazine h1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(-90deg) translateY(-50%);
  font-size: 64px !important;
  font-weight: 500 !important;
  color: white !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-greensoul-magazine h1 {
    font-size: 47px !important;
    left: -140px;
    top: 45%;
  }
}
.get-idea-greensoul-magazine .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.get-idea-greensoul-magazine .container .fragment {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%;
}
.get-idea-greensoul-magazine .container .fragment .image-and-bottom {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.get-idea-greensoul-magazine .container .fragment .view_more_info {
  padding: 20px;
  border-radius: 100%;
  position: absolute;
  top: 55%;
  color: #000;
  right: -40px;
  background-color: #ebedef;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in;
  font-weight: bold;
  -webkit-animation: view_more_info 3s ease 0s infinite normal none;
          animation: view_more_info 3s ease 0s infinite normal none;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 1440px) {
  .get-idea-greensoul-magazine .container .fragment .view_more_info {
    top: 50%;
  }
}
.get-idea-greensoul-magazine .container .fragment .view_more_info:hover {
  transform: rotate(0);
}
@media screen and (max-width: 1024px) {
  .get-idea-greensoul-magazine .container .fragment {
    padding-top: 10px !important;
    height: 75vh;
    max-height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-greensoul-magazine .container .fragment {
    max-height: 550px !important;
  }
}
.get-idea-greensoul-magazine .container .image-center {
  height: 65vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 65vh !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .get-idea-greensoul-magazine .container .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.get-idea-greensoul-magazine .text-content {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 600px;
}
.get-idea-greensoul-magazine .text-content h2 {
  font-size: 47px !important;
  color: white !important;
  font-weight: 500;
}
.get-idea-greensoul-magazine .text-content p {
  font-size: 18px;
  font-weight: 300;
  color: white !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-greensoul-magazine .text-content h2 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-greensoul-magazine .big-title {
    opacity: 0;
  }
  .get-idea-greensoul-magazine .container {
    max-width: 440px !important;
    padding: 0px;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .get-idea-greensoul-magazine .container .view_more_info {
    right: 2em !important;
    padding: 10px !important;
    font-size: 16px !important;
    top: auto;
    bottom: 20px;
  }
  .get-idea-greensoul-magazine .image-and-bottom {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100% !important;
  }
  .get-idea-greensoul-magazine .image-center {
    height: 65vh !important;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 65vh !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .get-idea-greensoul-magazine .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-greensoul-magazine .text-content {
    top: auto;
    padding: 0px 2em;
  }
  .get-idea-greensoul-magazine .text-content h2 {
    font-size: 20px !important;
  }
  .get-idea-greensoul-magazine .text-content p {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 700px) {
  .get-idea-greensoul-magazine .container {
    align-items: flex-start;
  }
  .get-idea-greensoul-magazine .image-center {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}

.get_idea_main_page {
  position: relative !important;
  overflow: hidden;
  height: calc(100vh - 130px);
}
.get_idea_main_page img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.get_idea_main_page .content-page {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 130px);
  display: flex;
  align-items: center;
}
.get_idea_main_page .content-page .get_idea_main_page_image_class {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1025px) {
  .get_idea_main_page .content-page {
    align-items: flex-end;
  }
  .get_idea_main_page .content-page .container {
    padding: 30px !important;
  }
}
.get_idea_main_page .content-page .container {
  padding: 0px;
  color: white;
  width: 100%;
}
.get_idea_main_page .content-page .container h1 {
  color: white !important;
  font-size: 47px !important;
  font-weight: 500 !important;
}
.get_idea_main_page .content-page .container p {
  font-size: 18px !important;
  max-width: 550px;
}
.get_idea_main_page .color-your-style {
  position: absolute;
  top: 50%;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  right: 0px;
  transform: translate(0%, -50%);
}
.get_idea_main_page .color-your-style .rel {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0px;
  display: flex;
  align-items: center;
}
.get_idea_main_page .color-your-style .rel .view_more_info {
  padding: 10px;
  border-radius: 100%;
  background-color: #ebedef;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in;
  font-weight: bold;
  -webkit-animation: view_more_info 3s ease 0s infinite normal none;
          animation: view_more_info 3s ease 0s infinite normal none;
  width: 64px;
  height: 64px;
}
.get_idea_main_page .color-your-style .rel .view_more_info:hover {
  transform: rotate(0deg);
}
.get_idea_main_page .color-your-style .text-cys {
  text-align: right;
}
.get_idea_main_page .color-your-style .text-cys h1 {
  color: white;
  font-size: 8vw !important;
  padding: 0px;
  margin: 0px;
  line-height: 1.1;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .get_idea_main_page .color-your-style {
    top: 25vw;
  }
  .get_idea_main_page .color-your-style .text-cys h1 {
    font-size: 15vw !important;
  }
}
@media screen and (max-width: 1024px) {
  .get_idea_main_page {
    height: 100vh !important;
    max-height: 100vh !important;
  }
}

.get-idea-content-page {
  margin-top: 114px;
  padding: 3em 0px 0px;
}
.get-idea-content-page .header-get-content.mobile {
  display: none;
}
.get-idea-content-page .header-get-content .wp-block-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.get-idea-content-page .container {
  padding: 0px 0px 20px;
  height: calc(100vh - 177px);
}
.get-idea-content-page .container .row {
  justify-content: space-between;
}
.get-idea-content-page .footer-content-prev-and-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}
.get-idea-content-page .footer-content-prev-and-next a {
  color: #000000;
  font-weight: bold;
}
.get-idea-content-page .footer-content-prev-and-next a.disabled {
  color: rgba(0, 0, 0, 0.6);
}
.get-idea-content-page .full-image {
  text-align: center;
  height: calc(100vh -231px);
  position: relative;
  padding-right: 3em;
}
.get-idea-content-page .full-image .pagination-single-get-idea {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0px 0;
}
.get-idea-content-page .full-image .pagination-single-get-idea .swiper-pagination-bullet {
  margin-right: 10px;
}
.get-idea-content-page .full-image .pagination-single-get-idea .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.get-idea-content-page .full-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(100vh - 231px);
}
.get-idea-content-page .content-get-idea {
  max-height: calc(100vh - 231px);
  overflow: auto;
  scroll-behavior: smooth;
}
.get-idea-content-page .content-get-idea p {
  line-height: 1.9 !important;
}
.get-idea-content-page .content-get-idea .footer-content-arrow {
  text-align: center;
  padding: 2em 0 1em;
  display: flex;
  justify-content: center;
}
.get-idea-content-page .content-get-idea .footer-content-arrow .arrow-up-to-top {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  cursor: pointer;
}
.get-idea-content-page .content-get-idea .footer-content-arrow .arrow-up-to-top img {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
  .get-idea-content-page {
    padding: 0px !important;
    margin-top: 96px !important;
  }
  .get-idea-content-page .full-image {
    padding-right: 0px !important;
    margin: 2em 0px !important;
  }
  .get-idea-content-page .full-image img {
    max-height: 400px !important;
  }
  .get-idea-content-page .header-get-content.window {
    display: none;
  }
  .get-idea-content-page .header-get-content.mobile {
    display: block;
  }
  .get-idea-content-page .header-get-content.mobile h1 {
    font-size: 22px !important;
  }
  .get-idea-content-page .container,
.get-idea-content-page .content-get-idea {
    max-height: 100% !important;
    height: 100% !important;
  }
  .get-idea-content-page .container.container,
.get-idea-content-page .content-get-idea.container {
    padding: 2em 2em;
  }
}

.register-list {
  padding-left: 14px !important;
}

.button-loading {
  display: none;
}
.button-loading button {
  padding: 10px 0px !important;
}

.field label {
  color: #8c98a9 !important;
}
.field h5.header {
  padding-top: 10px;
  margin: 0px;
}

.pointing-alert {
  display: none !important;
}
#email_format_error {
	margin-top: -10px !important;
}

.pointing-show {
  display: inline-block !important;
}

div.nsl-container.nsl-container-block .nsl-container-buttons {
  width: 100% !important;
}

.wp-block-embed__wrapper {
  text-align: center !important;
}

.old-password-div {
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .old-password-div {
    max-width: 100%;
  }
}

.range-button {
  position: relative;
  height: 40px;
  display: flex;
  justify-content: center;
}
.range-button .rage-button_box {
  background-color: #1e4f92;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
}
.range-button h5 {
  position: absolute;
  top: 0;
  z-index: 10;
  padding: 0px !important;
  margin: 0px !important;
  top: 50%;
  transform: translate(0, -50%);
  color: #1e4f92;
  font-weight: 300;
}
.range-button #btn-slide-reset-password {
  overflow: hidden;
  width: 100%;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #1e4f92;
}
.range-button #btn-slide-reset-password::-webkit-slider-thumb {
  width: 40px;
  -webkit-appearance: none;
  height: 40px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  padding: 10px !important;
  position: relative;
  z-index: 100;
}
.range-button #btn-slide-reset-password::-ms-fill-lower {
  background: #1e4f92;
  height: 100px;
}

.range-button-custom {
  border: 1px solid #1e4f92;
  position: relative;
}
.range-button-custom .rage-button_box {
  background-color: #1e4f92;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 40px;
  height: 40px;
}
.range-button-custom h5 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  margin: 0px;
  color: #1e4f92;
  font-weight: 300;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.reset-password {
  background-image: url("/wp-content/themes/nippontheme/assets/images/background_signin.jpg") !important;
  background-position: center center;
  background-size: 100% 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  height: 100%;
  width: 100%;
}

.reset-password-body {
  padding: 40px !important;
  border-radius: 10px;
  background-color: white;
  width: 100%;
  max-width: 400px !important;
  margin: auto;
}

#reset_password_success,
#lost_password_success {
  display: none;
}

#login_error {
  max-width: 490px;
  margin: auto;
  background-color: white;
  border-radius: 5px;
  margin-bottom: 10px;
  border-left: 5px solid #c01315;
  padding: 10px;
  position: fixed !important;
  right: 0px;
}
#login_error > strong {
  margin-bottom: 30px !important;
  border-radius: 3px;
}

.button-social-login {
  margin-top: 30px;
}
.button-social-login .border-or {
  width: 100%;
  position: relative;
}
.button-social-login .border-or .line {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 9px;
}
.button-social-login .border-or .text {
  background-color: white;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 0;
  padding: 0px 10px;
  margin: 0px;
  font-weight: 300;
}
.button-social-login .google {
  margin-top: 30px;
  width: 100%;
  background-color: #fff;
  font-weight: 500 !important;
  font-size: 16px;
  padding: 1em 0px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.button-social-login .google img {
  margin-right: 10px;
}
.button-social-login .facebook {
  width: 100%;
  background-color: #3a5998;
  color: white;
  font-size: 16px;
  padding: 1em 0px;
  border: 0px;
  border-radius: 6px;
  margin-top: 1em;
  font-weight: 500 !important;
}
.button-social-login .facebook i {
  margin-right: 10px;
  font-size: 21px;
}

#nsl-custom-login-form-main {
  display: none;
}

#colours-vis {
  margin-top: 114px !important;
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}
#colours-vis.container {
  max-width: 1170px;
  margin: auto;
}
#colours-vis.container .image-app img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 500px;
  max-height: 480px;
}
#colours-vis.container .content h1 {
  font-size: 40px;
  padding: 0;
  margin: 0;
}
#colours-vis.container .content .sub-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
}
#colours-vis.container .content h4 {
  padding: 0;
  margin: 0;
  color: #454545;
  font-weight: 500;
  line-height: 1.7;
}
#colours-vis.container .content .loop-qr-code {
  display: flex;
  align-items: center;
}
#colours-vis.container .content .loop-qr-code .card-qr-code {
  max-width: 130px;
  margin-right: 40px;
}
#colours-vis.container .content .loop-qr-code .card-qr-code img {
  width: 100%;
}
#colours-vis.container .content .loop-qr-code .card-qr-code :last-child {
  margin-right: 0px;
}
#colours-vis.container .content .content-how-to {
  margin: 2em 0;
}
#colours-vis.container .content .content-how-to .primary-text {
  font-weight: bold;
}
#colours-vis.container .content .content-how-to h4:last-child {
  margin-top: 10px;
}
#colours-vis .image-app.mobile {
  display: none;
}
@media screen and (max-width: 700px) {
  #colours-vis.container {
    margin-top: 96px !important;
    padding: 3em 2em !important;
  }
  #colours-vis.container .image-app.window {
    display: none;
  }
  #colours-vis.container .image-app.mobile {
    display: block;
  }
  #colours-vis.container .image-app.mobile img {
    height: auto;
    max-height: 250px;
    margin: 2em 0;
  }
  #colours-vis.container .content {
    text-align: center;
  }
  #colours-vis.container .content h1 {
    font-size: 24px;
  }
  #colours-vis.container .content h4 {
    font-size: 16px;
  }
  #colours-vis.container .content .sub-title {
    font-size: 16px;
  }
  #colours-vis.container .content .loop-qr-code .card-qr-code {
    max-width: 120px;
    margin-right: 20px;
    margin-left: 20px;
  }
  #colours-vis.container .loop-qr-code {
    justify-content: center;
  }
  #colours-vis.container .loop-qr-code .card-qr-code {
    max-width: 100%;
  }
  #colours-vis.container .image-app {
    display: flex;
    justify-content: center;
  }
  #colours-vis.container .image-app img {
    height: calc(100vh - 174px);
    max-height: 660px;
  }
}

#colours-lib {
  margin-top: 114px !important;
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}
#colours-lib.container {
  max-width: 1170px;
  margin: auto;
}
#colours-lib.container .col-12 {
  padding: 0px;
}
#colours-lib .template-single {
  position: relative;
}
#colours-lib .template-single .image-banner .fix-banner {
  position: fixed;
}
#colours-lib .template-single img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 550px;
}
#colours-lib .template-single .content {
  max-width: 500px;
  margin: auto;
}
#colours-lib .template-single .content .content-header .sub-title {
  margin-top: 0px;
}
#colours-lib .template-single .content .content-header h1 {
  font-size: 2.858em;
}
#colours-lib .template-single .content .content-header h3 {
  color: #454545;
  font-weight: 500;
}
#colours-lib .template-single .content .program-center {
  justify-content: center;
}
#colours-lib .template-single .content .program-center img {
  height: 53.95px;
  -o-object-fit: contain;
     object-fit: contain;
}
#colours-lib .template-single .content .colours-content {
  padding: 20px 0;
}
#colours-lib .template-single .content .program-container {
  padding: 20px 0 40px;
}
#colours-lib .template-single .content .download-content {
  margin-top: 30px;
  text-align: center;
}
#colours-lib .template-single .content .download-content h3 {
  font-weight: 300;
  color: #454545;
}
#colours-lib .template-single .content .download-content .download-button {
  border-radius: 20px;
  padding: 10px 20px;
  border: 0px;
  width: 100%;
  max-width: 200px;
  background-color: #1e4f92;
  color: white;
}
#colours-lib .template-single .content .content-tutorial {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#colours-lib .template-single .content .content-tutorial iframe {
  width: 100%;
  height: 300px;
  border-radius: 1em;
}
#colours-lib .template-single .content .content-tutorial h3 {
  padding: 0px;
  margin: 0px;
  color: #454545;
}
#colours-lib .template-single .content .content-tutorial .sub-title {
  margin-top: 10px;
  margin-bottom: 40px;
  font-weight: 500;
}
#colours-lib .template-single .content .content-tutorial .colours-library-swiper {
  height: 480px;
}
#colours-lib .template-single .content .content-tutorial .colours-library-swiper .swiper-slide {
  height: 440px;
}
#colours-lib .template-single .content .content-tutorial .colours-library-swiper .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 400px;
}
#colours-lib .template-single .content .content-tutorial .colours-library-swiper .swiper-slide .caption {
  max-width: 80%;
  margin: 20px auto 0;
  color: #000;
}
#colours-lib .template-single .content .content-tutorial .colours-library-swiper .swiper-pagination-bullet-active {
  background-color: #707070 !important;
}
@media screen and (max-width: 1400px) {
  #colours-lib {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #colours-lib .template-single .image-banner {
    display: flex;
    justify-content: center;
  }
  #colours-lib .template-single .image-banner img {
    height: calc(100vh - 200px);
    max-height: 550px;
  }
}
@media screen and (max-width: 1025px) {
  #colours-lib {
    margin-top: 60px !important;
  }
  #colours-lib .template-single {
    position: relative;
  }
  #colours-lib .template-single .image-banner img {
    position: static;
    height: auto;
  }
  #colours-lib .template-single .content .colours-content {
    padding: 1em 0;
    margin: 0;
  }
  #colours-lib .template-single .content .content-header {
    margin-top: 3em;
  }
  #colours-lib .template-single .content .content-header h1 {
    font-size: 1.8em;
    margin-bottom: 0.3em;
  }
  #colours-lib .template-single .content .content-header h3 {
    font-size: 1em;
  }
  #colours-lib .template-single .content .program-container {
    padding: 2em 0 1em;
  }
  #colours-lib .template-single .content .program-container h3 {
    margin: 0px;
  }
  #colours-lib .template-single .content .content-tutorial {
    margin-top: 3em;
    padding-top: 3em;
  }
  #colours-lib .template-single .content .content-tutorial h3.primary-text {
    font-size: 16px;
  }
  #colours-lib .template-single .content .content-tutorial h3.sub-title {
    font-size: 12px;
    margin-bottom: 2em;
  }
  #colours-lib .template-single .content .content-tutorial .colours-library-swiper {
    height: 342px;
  }
  #colours-lib .template-single .content .content-tutorial .colours-library-swiper .swiper-slide img {
    height: auto;
    max-height: 266px;
  }
  #colours-lib .template-single .col-12:nth-child(2) {
    padding: 2em 2em;
  }
}
@media screen and (max-width: 500px) {
  #colours-lib {
    margin-top: 0px !important;
  }
  #colours-lib .template-single .content .content-header {
    margin-top: 0px;
  }
}
@media screen and (max-width: 321px) {
  #colours-lib .template-single .content .content-tutorial .colours-library-swiper {
    height: 290px;
  }
}

.content-app-body {
  background-color: rgba(99, 115, 129, 0.08);
  padding-top: 3em;
  padding-bottom: 3em;
}
.content-app-body .container {
  max-width: 1170px !important;
}
.content-app-body .header-title {
  margin-bottom: 40px;
}
.content-app-body .header-title > h3 {
  padding: 0px;
  margin: 0px;
}
.content-app-body .header-title > h3.primary-text {
  margin-bottom: 10px;
  font-size: 24px;
}
.content-app-body .header-title > h3.sub_title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 16px;
}
.content-app-body .app-show-list {
  display: flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.content-app-body .app-show-list .app-card {
  width: calc(100% / 5 - 25px) !important;
  margin-right: 30px;
  flex-shrink: 0 !important;
}
.content-app-body .app-show-list .app-card .icon-app {
  width: 42px;
  height: 42px;
  margin: auto;
  background-color: rgba(3, 66, 142, 0.08);
  border-radius: 100%;
  padding: 5px;
  margin-bottom: 20px;
}
.content-app-body .app-show-list .app-card .icon-app img {
  padding: 5px;
  width: 100%;
}
.content-app-body .app-show-list .app-card h4.sub_title,
.content-app-body .app-show-list .app-card h4.primary-text {
  padding: 0px;
  margin: 0px;
}
.content-app-body .app-show-list .app-card h4.sub_title.primary-text,
.content-app-body .app-show-list .app-card h4.primary-text.primary-text {
  color: #2c2e3f !important;
  font-size: 18px;
  margin-bottom: 10px;
}
.content-app-body .app-show-list .app-card h4.sub_title.sub_title,
.content-app-body .app-show-list .app-card h4.primary-text.sub_title {
  color: #2c2e3f !important;
  margin-bottom: 30px !important;
  font-weight: 500;
  line-height: 1.7;
}
.content-app-body .app-show-list .app-card img {
  width: 100%;
}
.content-app-body .app-show-list .app-card:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 1024px) {
  .content-app-body {
    padding: 3em 2em !important;
  }
  .content-app-body .app-show-list {
    padding-bottom: 29px;
  }
  .content-app-body .app-show-list .app-card {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .content-app-body .app-show-list .app-card .sub_title {
    max-width: 204px !important;
    margin: auto;
  }
  .content-app-body .app-show-list .app-card img {
    max-height: 364px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.header-login-register {
  width: 300px;
  margin-left: 3px !important;
}
.header-login-register button {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  color: #939598;
  border: 1.3px solid;
  width: 100%;
  padding: 7px;
  transform: color 0.2s ease-in;
}
.header-login-register button:hover {
  color: #707070;
}

.header-login-register-mobile {
  display: flex;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 0 2em;
}
.header-login-register-mobile .header-login-first {
  color: #1e4f92;
  border-right: 2px solid;
  margin-right: 10px;
  padding-right: 10px;
}
.header-login-register-mobile .header-login-first a {
  display: flex;
  align-items: center;
}
.header-login-register-mobile .header-login-first a h5 {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
  background-color: #1e4f92;
  color: white;
  margin-right: 10px;
}

.user-div-mobile {
  margin-top: 2em;
  margin-bottom: 3em;
  text-align: left;
  padding: 0 2em;
}
.user-div-mobile a {
  display: flex;
  align-items: center;
}
.user-div-mobile a h5 {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
  background-color: #1e4f92;
  color: white;
  margin-right: 10px;
}

.ui.form .fields {
  grid-column-gap: 2em;
  margin-bottom: 0px !important;
}

.ui.form .field {
  margin-bottom: 1.5em !important;
}

.row > .col-4 > .field.required {
  margin-bottom: 0px !important;
}

.ui.form .field > label {
  margin-bottom: 0.51em !important;
}

.clear-margin {
  margin: 0px !important;
}

.sub.header {
  margin-top: 0.5em !important;
}

.ui.button {
  padding: 1em 0 !important;
}

.primary-text-mt {
  margin-top: 0.2em !important;
}

.title-header {
  font-size: 28px !important;
}
@media screen and (max-width: 1024px) {
  .title-header {
    font-size: 22px !important;
  }
  .title-header div {
    font-size: 16px !important;
  }
}

.header-title-page {
  padding: 3em 0 2em;
}

.faq.navbar-mobile {
  padding-top: 3em !important;
}

.container.fav_big_container {
  padding: 0px !important;
}
.container.fav_big_container .sub-title-primary {
  color: #1e4f92 !important;
}
.container.fav_big_container .fav-mobile-sub {
  margin-top: 3em;
  display: none;
}
.container.fav_big_container .title-faq {
  margin-bottom: 2em;
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  .container.fav_big_container {
    padding: 0px 2em !important;
  }
  .container.fav_big_container .fav_big .ui.grid {
    align-items: center;
    justify-content: center;
  }
  .container.fav_big_container .fav-mobile-sub {
    display: block;
  }
  .container.fav_big_container .fav-mobile-sub > h3 {
    margin-top: 3em !important;
    padding-top: 2em !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .container.fav_big_container .fav-mobile-sub > h3:first-child {
    padding-top: 0px !important;
    border-top: 0px;
    margin-top: 0px !important;
  }
  .container.fav_big_container .navbar-window,
.container.fav_big_container .accord-window {
    display: none;
  }
  .container.fav_big_container .title-faq {
    text-align: center !important;
    margin-bottom: 2em;
    margin-top: 0px;
  }
  .container.fav_big_container .ui.grid > .stackable.stackable.row > .column,
.container.fav_big_container .ui.stackable.grid > .column.grid > .column,
.container.fav_big_container .ui.stackable.grid > .column.row > .column,
.container.fav_big_container .ui.stackable.grid > .column:not(.row),
.container.fav_big_container .ui.stackable.grid > .row > .column,
.container.fav_big_container .ui.stackable.grid > .row > .wide.column,
.container.fav_big_container .ui.stackable.grid > .wide.column {
    padding: 0px !important;
  }
}

.remember-link {
  color: #637381 !important;
}

.button-sign {
  margin-top: 7px !important;
}

input:focus {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.icon-password {
  position: relative;
}
.icon-password .password-eye {
  position: absolute;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  right: 0;
  top: 0;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 0px;
  border-radius: 3px;
}

#message_error_exists_user,
#message_error_exists_user_2 {
  display: none;
}

.login-link {
  color: #1e4f92 !important;
}
.login-link i {
  color: white !important;
  background-color: #1e4f92;
  border-radius: 100%;
  padding: 2px 6px;
  width: 24px !important;
  height: 24px !important;
  margin-right: 5px;
}

.reChapcha {
  text-align: center;
  margin: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq_button_submit,
.button-loading-form {
  max-width: 304px;
  margin: auto !important;
  padding: 2em 0px;
}

.width-error {
  max-width: 303px;
  margin: auto;
}

#edit-account-success,
#change-password-success,
#edit-account-error,
#edit-account-email-exists-error {
  display: none;
}

#message_error_rechapch,
#message_error_accept,
#required_resume_field,
#required_transcript_field,
#email_format_confirm_error,
.form-hide,
#message_email_not_found {
  display: none;
}

.container.page-content {
  max-width: 1170px;
  margin: auto;
  margin-top: 114px;
  padding: 3em 0px 4em;
}
@media screen and (max-width: 1024px) {
  .container.page-content {
    padding: 2em 2em 3em;
    margin-top: 96px;
  }
}

.navbar-mobile {
  align-items: flex-start;
  margin-top: 0em;
  margin-bottom: 3em;
  overflow: auto;
  padding: 0px 15% 0 34%;
  display: none;
}
.navbar-mobile::-webkit-scrollbar {
  opacity: 0 !important;
  height: 0;
}
.navbar-mobile li {
  flex-shrink: 0;
  margin-right: 14px;
  list-style: none;
}
.navbar-mobile li a {
  padding: 10px 2em;
  border-radius: 20px;
  color: #1e4f92;
  border: 1px solid;
  display: block;
}
.navbar-mobile li a.active {
  background-color: #1e4f92;
  color: white;
}

.navbar-mobile.account {
	overflow:visible;
  padding: 10px 2em 10px 2em;

}

@media screen and (max-width: 1024px) {
  .navbar-window {
    display: none !important;
  }

  .navbar-mobile {
    display: flex;
  }
	  .navbar-mobile.account  {
	  	display: grid !important;
grid-template-columns: 1fr 1fr !important; 
		  margin-bottom: 2em;
  }
	  .navbar-mobile.account a {
	  text-align: center
  }
	.navbar-mobile.account li:last-child {
		margin-right: 0px;;
	}

/*   .navbar-mobile.account li:last-child a {
    background-color: transparent !important;
  } */

  .field.null-field-password {
    display: none;
  }
}
.template-csr {
  margin-top: 114px;
}
.template-csr .banner-csr-div {
  position: relative;
  overflow: hidden;
  height: 100vh;
  max-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-csr .banner-csr-div .scroll-to-content {
  width: 100%;
  text-align: center;
}
.template-csr .banner-csr-div .scroll-to-content .scroll-icon {
  display: none;
  align-items: center;
  justify-content: center;
  color: white;
  margin-top: 30px;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid white;
  cursor: pointer;
}
.template-csr .banner-csr-div .scroll-to-content .scroll-icon i {
  font-size: 24px;
}
.template-csr .banner-csr-div .banner-bk-image {
  width: 100%;
  position: absolute;
  z-index: 1;
  height: 100vh;
  max-height: 650px;
  -o-object-fit: cover;
     object-fit: cover;
}
.template-csr .banner-csr-div .banner-image-bk {
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 100vh;
  max-height: 650px;
  background: rgba(0, 0, 0, 0.5);
}
.template-csr .banner-csr-div .container.content-banner {
  position: relative;
  text-align: center;
  z-index: 3;
  color: white;
}
.template-csr .banner-csr-div .container.content-banner .banner-title {
  font-size: 2.5rem;
  line-height: 1;
}
.template-csr .banner-csr-div .container.content-banner .banner-sub-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0px;
}
.template-csr .banner-csr-div .container.content-banner .cards-banner {
  max-width: 667px;
  margin: auto;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  margin-top: 40px;
}
.template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner {
  width: 100%;
  max-width: 310px;
  border-radius: 30px;
  padding: 3em 14px 1.3em;
  background: white;
}
.template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner img {
  max-height: 62px;
}
.template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner .card-banner-detail {
  line-height: 1.6;
  color: #1e4f92;
}
.template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner .card-banner-title {
  margin-bottom: 6px;
  color: #1e4f92;
}
@media screen and (max-width: 1024px) {
  .template-csr .banner-csr-div {
    height: 750px;
    max-height: 750px;
  }
  .template-csr .banner-csr-div .banner-bk-image,
.template-csr .banner-csr-div .banner-image-bk {
    height: 750px;
    max-height: 750px;
  }
  .template-csr .banner-csr-div .container.content-banner .banner-title {
    font-size: 26px;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.5;
    margin-bottom: 0;
	margin-top: 50px;
  }
  .template-csr .banner-csr-div .container.content-banner .banner-sub-title {
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner {
    display: block;
    margin-top: 30px;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner {
    padding: 15px 15px;
    border: 0px;
    margin: auto;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner:last-child {
    margin-top: 1em;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner .card-banner-detail {
    font-size: 16px;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner .card-banner-title {
    font-size: 18px;
    margin: 18px 0 5px 0;
  }
  .template-csr .banner-csr-div .container.content-banner .cards-banner .card-banner img {
    max-width: 52px;
  }
}
.template-csr .container.content {
  margin: 56px auto 110px !important;
}
.template-csr .container.content .margin-page-csr {
  height: 1px;
  padding: 4em 0;
}
.template-csr .container.content .wrapper-swp-csr {
  position: relative;
}
.template-csr .container.content .wrapper-swp-csr .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2em;
}
.template-csr .container.content .wrapper-swp-csr .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px !important;
  transition: padding 0.3s ease-in;
}
.template-csr .container.content .wrapper-swp-csr .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0px !important;
}
.template-csr .container.content .wrapper-swp-csr .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #637381;
  padding: 5px;
}
.template-csr .container.content .wrapper-swp-csr .swiper-button-prev,
.template-csr .container.content .wrapper-swp-csr .swiper-container-rtl .swiper-button-next {
  left: -60px !important;
  color: #637381;
}
.template-csr .container.content .wrapper-swp-csr .swiper-button-next,
.template-csr .container.content .wrapper-swp-csr .swiper-container-rtl .swiper-button-prev {
  right: -60px !important;
  color: #637381;
}
@media screen and (max-width: 1024px) {
  .template-csr .container.content .wrapper-swp-csr {
    margin-top: 41px;
    height: 250px;
  }
  .template-csr .container.content .wrapper-swp-csr .swiper-button-prev,
.template-csr .container.content .wrapper-swp-csr .swiper-container-rtl .swiper-button-next {
    display: block;
	left: 0px !important;
	color: #ffffff;
  }
  .template-csr .container.content .wrapper-swp-csr .swiper-button-next,
.template-csr .container.content .wrapper-swp-csr .swiper-container-rtl .swiper-button-prev {
    display: block;
	right: 0px !important;
	color: #ffffff;
	
  }
}
.template-csr .container.content .card-images-list {
  margin-top: 4em;
}
.template-csr .container.content .card-images-list img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .template-csr .container.content .card-images-list {
    margin-top: 2em;
  }
}
.template-csr .container.content .card-page .title {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #3d464f;
  font-weight: 800;
}
.template-csr .container.content .card-page .top-title {
  color: #1e4f92;
  line-height: 1;
  margin-bottom: 10px;
}
.template-csr .container.content .card-page iframe {
  width: 100%;
  height: 100%;
}
.template-csr .container.content .card-page iframe.mobile {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .template-csr .container.content .card-page iframe.mobile {
    display: block !important;
    margin-bottom: 30px !important;
  }
  .template-csr .container.content .card-page iframe.window {
    display: none !important;
  }
}
.template-csr .container.content .card-page .detail {
  line-height: 1.9;
  margin-bottom: 30px;
}
.template-csr .container.content .card-page .image-card-page {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.template-csr .container.content .card-page .row.content-left div:first-child {
  padding-right: 47px;
}
.template-csr .container.content .card-page .row.content-right div:last-child {
  padding-left: 45px;
}
.template-csr .container.content .image-card-page-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .template-csr .container.content {
    padding: 0px 2em !important;
  }
  .template-csr .container.content .image-card-window {
    display: none;
  }
  .template-csr .container.content .image-card-page-mobile {
    display: block;
    margin-bottom: 30px;
    max-height: 200px;
  }
  .template-csr .container.content .margin-page-csr {
    padding-top: 0px;
    padding-bottom: 4em;
    margin-bottom: 4em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .template-csr .container.content .card-page .top-title {
    font-size: 20px;
  }
  .template-csr .container.content .card-page iframe {
    height: 200px;
  }
  .template-csr .container.content .card-page .title {
    font-size: 16px;
  }
  .template-csr .container.content .card-page .detail {
    margin-bottom: 0px;
  }
  .template-csr .container.content .card-page .btn-link-csr button {
    max-width: 250px;
  }
  .template-csr .container.content .row div {
    text-align: center;
  }
  .template-csr .container.content .row div p {
    text-align: left;
  }
  .template-csr .container.content .row div:last-child {
    margin-top: 0em;
    padding-left: 1px !important;
  }
  .template-csr .container.content .row div:first-child {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 1024px) {
  .template-csr {
    margin-top: 96px;
  }
}

.template-out-company-banner {
  margin-top: 114px;
  background-color: #f7f7f7;
}
.template-out-company-banner .menus-solution .container {
  padding: 2em 0 !important;
  max-width: 800px !important;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .menus-solution .container {
    padding: 2em 3em !important;
  }
}
.template-out-company-banner .container {
  padding: 4em 0em !important;
}
.template-out-company-banner .primary-title {
  color: #1e4f92;
}
.template-out-company-banner .out-company-abount {
  background-color: #f7f7f7;
}
.template-out-company-banner .white-container {
  background-color: white;
}
.template-out-company-banner .banners-content {
  height: 300px;
  display: flex;
  align-items: center;
  position: relative;
}
.template-out-company-banner .banners-content .banner-image-bk,
.template-out-company-banner .banners-content .banner-back-bk {
  height: 300px;
  position: absolute;
  width: 100%;
}
.template-out-company-banner .banners-content .banner-image-bk {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  -o-object-position: center;
     object-position: center;
}
.template-out-company-banner .banners-content .banner-title {
  font-size: 3rem;
}
.template-out-company-banner .banners-content .banner-title.mobile {
  text-align: center;
  padding: 30px 0 20px;
  display: none;
  margin-top: 0px !important;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .banners-content .banner-title.mobile {
    font-size: 2.5em !important;
  }
}
.template-out-company-banner .banners-content .banner-back-bk {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
}
.template-out-company-banner .banners-content .container {
  position: relative;
  z-index: 3;
  color: white;
}
.template-out-company-banner .banners-content .container a,
.template-out-company-banner .banners-content .container i {
  color: white !important;
}
.template-out-company-banner .title-big {
  color: #1e4f92;
  font-size: 25px;
  text-align: center;
  margin-bottom: 2em;
}
.template-out-company-banner .corporate-value-content {
  display: flex;
  justify-content: space-between;
  grid-column-gap: 17px;
}
.template-out-company-banner .corporate-value-content .card-corporate {
  width: 100%;
}
.template-out-company-banner .corporate-value-content .content-corporate {
  text-align: center;
  padding: 40px 20px;
  background-color: #f7f7f7;
  border-radius: 10px;
  height: 100%;
}
.template-out-company-banner .corporate-value-content img {
  max-width: 100%;
  height: 81px;
}
.template-out-company-banner .corporate-value-content .title {
  font-size: 20px;
  text-align: center;
}
.template-out-company-banner .corporate-value-content .detail {
  margin-top: 1em;
  line-height: 1.9;
  text-align: center;
}
.template-out-company-banner .corporate-value-content .detail p {
  line-height: 1.9;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .corporate-value-content {
    display: block;
  }
  .template-out-company-banner .corporate-value-content .content-corporate {
    margin-bottom: 3em;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .template-out-company-banner .corporate-value-content .title {
    font-size: 18px;
  }
}
.template-out-company-banner .corporate-value-content-2 {
  display: flex;
  justify-content: space-between;
}
.template-out-company-banner .corporate-value-content-2 .card-corporate {
  width: 100%;
}
.template-out-company-banner .corporate-value-content-2 .content-corporate {
  text-align: center;
  padding: 0 20px;
}
.template-out-company-banner .corporate-value-content-2 img {
  max-width: 100%;
  height: 81px;
}
.template-out-company-banner .corporate-value-content-2 .title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px !important;
}
.template-out-company-banner .corporate-value-content-2 .detail {
  margin-top: 1em;
  line-height: 1.9;
  text-align: center;
}
.template-out-company-banner .corporate-value-content-2 .detail p {
  line-height: 1.9;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .corporate-value-content-2 {
    display: block;
  }
  .template-out-company-banner .corporate-value-content-2 .content-corporate {
    margin-bottom: 3em;
  }
  .template-out-company-banner .corporate-value-content-2 .title {
    font-size: 30px;
  }
}
.template-out-company-banner .card-margin {
  margin-top: 6em;
  height: 1px;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .card-margin {
    margin-top: 4em;
  }
  .template-out-company-banner .card-margin.window {
    display: none !important;
  }
}
.template-out-company-banner .footer-out-company {
  text-align: center;
}
.template-out-company-banner .footer-out-company h1 {
  margin-bottom: 30px;
}
.template-out-company-banner .footer-out-company video {
  width: 100%;
  max-width: 900px !important;
  height: 400px;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .footer-out-company video {
    height: auto;
  }
}
.template-out-company-banner .footer-out-company .title-footer-our-company {
  font-size: 25px;
  color: #1e4f92;
  text-align: center;
  padding: 0px !important;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .footer-out-company .title-footer-our-company {
    margin-bottom: 30px;
  }
}
.template-out-company-banner .border-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 1px;
  padding-bottom: 4em;
  margin-bottom: 4em;
}
.template-out-company-banner .our-company-card {
  align-items: flex-start !important;
}
.template-out-company-banner .our-company-card .title {
  font-size: 25px;
  color: #1e4f92;
  margin-bottom: 10px;
}
.template-out-company-banner .our-company-card .title.mobile {
  display: none;
}
.template-out-company-banner .our-company-card .title.title.title-big {
  color: #1e4f92;
  text-align: center;
  margin-bottom: 25px;
}
.template-out-company-banner .our-company-card .title.image-title-small {
  font-size: 16px;
  color: #000;
  font-weight: 500 !important;
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .our-company-card .title.image-title-small {
    font-weight: 500 !important;
  }
}
.template-out-company-banner .our-company-card .sub-title-card {
  margin-top: 0px;
  font-size: 1.41428571rem;
}
.template-out-company-banner .our-company-card .detail {
  line-height: 1.9;
  text-align: justify;
}
.template-out-company-banner .our-company-card .content-left-small {
  padding-right: 70px;
}
.template-out-company-banner .our-company-card .content-right {
  padding-left: 100px !important;
}
.template-out-company-banner .our-company-card .content-right-small {
  padding-left: 21px;
}
.template-out-company-banner .our-company-card .content-right-small2 {
  padding-left: 50px;
}
.template-out-company-banner .our-company-card .content-left {
  padding-right: 100px !important;
}
.template-out-company-banner .our-company-card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  max-height: 230px;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .our-company-card .content-right,
.template-out-company-banner .our-company-card .content-right-small,
.template-out-company-banner .our-company-card .content-right-small2 {
    padding-left: 10.5px !important;
  }
  .template-out-company-banner .our-company-card .content-left,
.template-out-company-banner .our-company-card .content-left-small {
    padding-right: 10.5px !important;
  }
  .template-out-company-banner .our-company-card .content-left-small .title,
.template-out-company-banner .our-company-card .content-right-small .title {
    text-align: center;
  }
  .template-out-company-banner .our-company-card .content-left-small .title.mobile,
.template-out-company-banner .our-company-card .content-right-small .title.mobile {
    display: block;
  }
  .template-out-company-banner .our-company-card .mobile-center {
    text-align: center !important;
  }
  .template-out-company-banner .our-company-card .title {
    font-size: 21px;
  }
  .template-out-company-banner .our-company-card .title.window {
    display: none !important;
  }
  .template-out-company-banner .our-company-card .title.mobile {
    display: block !important;
    text-align: center;
    margin-bottom: 30px !important;
  }
  .template-out-company-banner .our-company-card .sub-title-card {
    font-size: 1.31428571rem;
  }
  .template-out-company-banner .our-company-card img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.template-out-company-banner .our-company-card-about {
  align-items: center !important;
}
.template-out-company-banner .our-company-card-about .title {
  font-size: 25px;
  color: #1e4f92;
  margin-bottom: 10px;
}
.template-out-company-banner .our-company-card-about .title.mobile {
  display: none;
}
.template-out-company-banner .our-company-card-about .sub-title-card {
  margin-top: 0px;
  font-size: 1.41428571rem;
}
.template-out-company-banner .our-company-card-about .sub-title-card.mobile {
  display: none !important;
  margin-bottom: 30px;
}
.template-out-company-banner .our-company-card-about .detail {
  line-height: 1.9;
}
.template-out-company-banner .our-company-card-about .content-left-small {
  padding-right: 70px;
}
.template-out-company-banner .our-company-card-about .content-right {
  padding-left: 100px !important;
}
.template-out-company-banner .our-company-card-about .content-right-small {
  padding-left: 21px;
}
.template-out-company-banner .our-company-card-about .content-right-small2 {
  padding-left: 50px;
}
.template-out-company-banner .our-company-card-about .content-left {
  padding-right: 100px !important;
}
.template-out-company-banner .our-company-card-about img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  max-height: 230px;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner .our-company-card-about .content-right,
.template-out-company-banner .our-company-card-about .content-right-small,
.template-out-company-banner .our-company-card-about .content-right-small2 {
    padding-left: 10.5px !important;
  }
  .template-out-company-banner .our-company-card-about .content-left,
.template-out-company-banner .our-company-card-about .content-left-small {
    padding-right: 10.5px !important;
  }
  .template-out-company-banner .our-company-card-about .content-left-small .title,
.template-out-company-banner .our-company-card-about .content-right-small .title {
    text-align: center;
  }
  .template-out-company-banner .our-company-card-about .content-left-small .title.mobile,
.template-out-company-banner .our-company-card-about .content-right-small .title.mobile {
    display: block;
  }
  .template-out-company-banner .our-company-card-about .mobile-center {
    text-align: center !important;
  }
  .template-out-company-banner .our-company-card-about .title {
    font-size: 21px;
  }
  .template-out-company-banner .our-company-card-about .title.window {
    display: none !important;
  }
  .template-out-company-banner .our-company-card-about .title.mobile {
    display: block !important;
    text-align: center;
    margin-bottom: 30px !important;
  }
  .template-out-company-banner .our-company-card-about .sub-title-card {
    font-size: 1.31428571rem;
  }
  .template-out-company-banner .our-company-card-about .sub-title-card.mobile {
    display: block !important;
    margin-bottom: 0px !important;
    padding-bottom: 25px !important;
    font-size: 16px !important;
  }
  .template-out-company-banner .our-company-card-about img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.template-out-company-banner .show-on-mobile {
  display: none !important;
  margin-bottom: 30px !important;
}
.template-out-company-banner .nippon-logo-size {
  height: 128px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.template-out-company-banner .scroll-to-this {
  height: 1px;
}
.template-out-company-banner .template-media-container .container .filter-container {
  display: flex;
  grid-gap: 3em;
  justify-content: space-between;
  max-width: 700px;
  margin: auto;
}
.template-out-company-banner .template-media-container .container .filter-container .select-product-custom {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  background-color: transparent;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.template-out-company-banner .template-media-container .container .filter-container .filter-search {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  width: 100%;
  margin-bottom: 0px;
}
.template-out-company-banner .template-media-container .container .filter-container .filter-search input {
  border: 0px;
  background-color: transparent;
  width: 100%;
}
.template-out-company-banner .template-media-container .container .filter-container .filter-search input:focus {
  outline: none;
  border: 0px !important;
  box-shadow: 0px !important;
}
.template-out-company-banner .template-media-container .container .filter-container .filter-search i {
  padding: 0 10px;
}
@media screen and (max-width: 500px) {
  .template-out-company-banner .template-media-container .container .filter-container {
    display: block;
    max-width: 200px;
  }
  .template-out-company-banner .template-media-container .container .filter-container .filter-search {
    padding: 6px 0px !important;
  }
  .template-out-company-banner .template-media-container .container .filter-container .select-product-custom {
    margin-top: 16px !important;
    padding: 5px 10px !important;
  }
}
.template-out-company-banner .template-media-container .row {
  margin-top: 4em !important;
}
.template-out-company-banner .template-media-container .out-company-card-tag-a {
  display: block;
  margin-bottom: 20px;
  height: 100%;
}
.template-out-company-banner .template-media-container .see_more {
  margin-top: 2rem;
}
.template-out-company-banner .template-media-container .out-company-card {
  height: 97%;
  width: 100%;
  background: white !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.template-out-company-banner .template-media-container .out-company-card .image-card {
  position: relative;
  height: 250px;
}
.template-out-company-banner .template-media-container .out-company-card .image-card img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  z-index: 1;
}
.template-out-company-banner .template-media-container .out-company-card .image-card .new-post {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  background-color: #d7373f;
  padding: 10px 20px;
  border-radius: 10px;
  color: white;
}
.template-out-company-banner .template-media-container .out-company-card .content-blog {
  padding: 1em 1.6em;
  height: 100%;
}
.template-out-company-banner .template-media-container .out-company-card .content-blog .detail,
.template-out-company-banner .template-media-container .out-company-card .content-blog p {
  color: #000;
  line-height: 1.6;
}
.template-out-company-banner .template-media-container .out-company-card .content-blog .sub-title {
  color: #454545;
}
.template-out-company-banner .template-media-container .out-company-card .content-blog .title {
  font-size: 20px;
  margin-top: 5px;
  color: #000;
  line-height: 1.3;
}
.template-out-company-banner .template-media-container .out-company-card .content-blog .sub-title {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .template-out-company-banner {
    margin-top: 96px;
  }
  .template-out-company-banner .title-big {
    margin-bottom: 30px !important;
  }
  .template-out-company-banner .show-on-window {
    display: none !important;
    margin-bottom: 30px !important;
  }
  .template-out-company-banner .show-on-mobile {
    display: block !important;
  }
  .template-out-company-banner .banners-content {
    height: 200px;
  }
  .template-out-company-banner .banners-content .banner-image-bk,
.template-out-company-banner .banners-content .banner-back-bk {
    height: 200px;
  }
  .template-out-company-banner .banners-content .banner-title.mobile {
    display: block !important;
  }
  .template-out-company-banner .banners-content .banner-title.window {
    display: none;
  }
  .template-out-company-banner .container {
    padding: 3em 2em !important;
  }
}

.btn-link-csr {
  margin: auto;
  font-weight: 800;
  text-align: center;
}
.btn-link-csr.mobile {
  display: none;
  width: 100%;
}
.btn-link-csr button {
  padding: 15px;
  background-color: #1e4f92;
  width: 100%;
  max-width: 300px;
  color: white;
  border-radius: 6px;
  border: 0px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .btn-link-csr.window {
    display: none !important;
  }
  .btn-link-csr.mobile {
    display: block !important;
  }
}

.summary-calculate {
  margin-top: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}
.summary-calculate .header-summary {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #eaebeb;
  border-radius: 6px;
  padding: 15px 0;
  margin-top: 2em;
}
.summary-calculate #summary_number_2 {
  font-size: 2em !important;
  margin: 0 20px;
}
.summary-calculate .body-summary {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #1e4f92;
  border-radius: 6px;
  padding: 15px 0;
  margin-top: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.summary-calculate .body-summary div {
  width: 33.3333333333%;
  text-align: center;
}
.summary-calculate .body-summary div h3,
.summary-calculate .body-summary div h5 {
  color: white;
  padding: 0px;
  margin: 0px;
}
.summary-calculate .body-summary div span {
  font-weight: 300;
  font-size: 16px;
}
.summary-calculate .body-summary div.header-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.summary-calculate .body-summary div.header-1 h3,
.summary-calculate .body-summary div.header-1 h5 {
  margin: 0;
}
.summary-calculate .body-summary div.header-1 h3 {
  font-size: 20px;
  margin-right: 10px;
}
.summary-calculate .body-summary div.header-1 h5 {
  font-size: 16px;
  font-weight: 500;
}
.summary-calculate .body-summary div.header-2, .summary-calculate .body-summary div.header-3 {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 1.2em 0;
  text-align: left;
}
.summary-calculate .body-summary div.header-2.header-3, .summary-calculate .body-summary div.header-3.header-3 {
  border-left: 0px solid rgba(255, 255, 255, 0.3);
}
.summary-calculate .body-summary div.header-2 .header-wrapper, .summary-calculate .body-summary div.header-3 .header-wrapper {
  width: auto;
  text-align: left;
  max-width: 275px;
  margin: auto;
}
.summary-calculate .body-summary div.header-2 .header-wrapper-end, .summary-calculate .body-summary div.header-3 .header-wrapper-end {
  width: 100%;
}
.summary-calculate .body-summary div.header-2 h3,
.summary-calculate .body-summary div.header-2 h5, .summary-calculate .body-summary div.header-3 h3,
.summary-calculate .body-summary div.header-3 h5 {
  margin: 0;
}
.summary-calculate .body-summary div.header-2 h3, .summary-calculate .body-summary div.header-3 h3 {
  font-size: 20px;
  margin-right: 10px;
  margin-top: 10px;
}
.summary-calculate .body-summary div.header-2 h5, .summary-calculate .body-summary div.header-3 h5 {
  font-size: 16px;
  font-weight: 500;
}
.summary-calculate .body-summary div.header-2 span, .summary-calculate .body-summary div.header-3 span {
  font-size: 16px !important;
  margin-left: 10px;
}
.summary-calculate .notes_need_to_know {
  margin-top: 2em;
}
.summary-calculate .notes_need_to_know h3 {
  font-size: 16px;
}
.summary-calculate .notes_need_to_know p {
  font-size: 16px;
}
.summary-calculate .summary-mobile {
  display: none;
}
.summary-calculate .summary-mobile .row.space-between {
  justify-content: space-between !important;
  padding-bottom: 5px;
  margin-top: 5px;
}
.summary-calculate .summary-mobile .row.space-between .col-6:last-child {
  text-align: right;
}
.summary-calculate .summary-mobile .sum-box {
  background-color: #1e4f92;
  padding: 3em 3em;
  color: white;
  border-radius: 6px;
  margin-bottom: 2em;
}
.summary-calculate .summary-mobile .sum-box h4 {
  color: white;
  text-align: center;
  font-weight: 800;
  margin-bottom: 1em;
}
.summary-calculate .summary-mobile .sum-box h5 {
  font-weight: 500;
}
.summary-calculate .summary-mobile .sum-value {
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 2em;
}
.summary-calculate .summary-mobile .sum-value:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .summary-calculate {
    margin-top: 3em;
  }
  .summary-calculate .summary-mobile {
    display: block;
    margin-top: 3em;
  }
  .summary-calculate .summary-window {
    display: none;
  }
}

#plus-buttom {
  width: 1em;
  height: 1em;
}

.external-add-new {
  text-align: center;
}
.external-add-new img.plus-button {
  cursor: pointer;
  width: 50px !important;
  height: 50px !important;
  transition: border 0.4s ease-out;
}

.external-div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  padding-top: 30px;
}
.external-div h2 {
  font-size: 18px !important;
}

.external-add-new {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.sub-type-headers .sub-type-header {
  text-align: center;
  padding: 15px 0;
  margin: 0px;
  display: block;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in;
}
.sub-type-headers .sub-type-header:hover {
  background-color: #1e4f92;
  color: white;
}
.sub-type-headers .sub-type-header:hover h4 {
  color: white;
}
.sub-type-headers .sub-type-header.active {
  background-color: #1e4f92;
  color: white;
}
.sub-type-headers .sub-type-header.active h4 {
  color: white;
}

.card-faq {
  margin-top: 20px;
  height: 66px;
  transition: all 0.3s ease;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 40px;
}
.card-faq .card-faq-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-faq .card-faq-header img {
  width: 24px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
}
.card-faq h3 {
  margin: 0;
  padding: 0;
}
.card-faq .content {
  opacity: 0;
  transform-origin: top;
  transition: all 0.15s ease-out;
  transform: scaleY(0);
}
.card-faq.active {
  height: auto;
}
.card-faq.active .content {
  margin-top: 20px;
  transform: scaleY(1);
  opacity: 1;
  transition: all 0.15s ease-out;
}
.card-faq.active .card-faq-header img {
  transform: rotate(0);
}

.list-faq {
  padding-bottom: 50px !important;
  margin: 50px 0px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: space-between;
}
.list-faq .four.wide.column {
  padding: 0px !important;
}
@media screen and (max-width: 1024px) {
  .list-faq {
    margin: 0px !important;
  }
}

.faq-form {
  margin: 50px 0px !important;
  justify-content: space-between;
}
.faq-form .ui.form .field > label,
.faq-form .ui.label {
  color: #8c98a9 !important;
}
.faq-form .ten.wide.column,
.faq-form .four.wide.column {
  padding: 0px !important;
}
@media screen and (max-width: 1024px) {
  .faq-form .four.wide.column p {
    margin-bottom: 2em !important;
  }
}

.btn-clear {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #c01315 !important;
  color: #c01315 !important;
  transform: all 0.4s ease-out;
}
.btn-clear:hover {
  background: #c01315 !important;
  color: white !important;
}

#input-name {
  border: 0px !important;
  border-bottom: 1px solid black !important;
  border-radius: 0px !important;
}
#input-name:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0);
}

.see_more {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  cursor: pointer;
}
.see_more:hover {
  text-decoration: underline;
}
.see_more a {
  border: 1px solid black;
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: bold;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .see_more {
    margin-top: 2em;
  }
  .see_more.window-mode {
    display: none;
  }
}

.icon-compare-product-and-favorites {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  grid-gap: 2em;
}
.icon-compare-product-and-favorites .fav {
  cursor: pointer;
  height: auto !important;
  transition: all 0.4s ease-out;
}
.icon-compare-product-and-favorites .fav.hide_show {
  position: fixed;
  left: -100px;
  opacity: 0;
}
.icon-compare-product-and-favorites .fav.show {
  position: static;
}
.icon-compare-product-and-favorites .fav:hover {
  color: #d7373f !important;
}

.column-problem-card {
  padding-bottom: 30px;
}
.column-problem-card .cancel-icon a {
  right: 10px;
  top: 10px;
  background-color: white;
  padding: 10px;
  border-radius: 100%;
}
.column-problem-card .fav-problem-card {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
}
.column-problem-card .column-problem-card-image {
  height: 300px;
}
.column-problem-card .column-problem-card-image img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1440px) {
  .column-problem-card .column-problem-card-image {
    height: 200px;
  }
  .column-problem-card .column-problem-card-image img {
    height: 200px;
  }
}
.column-problem-card .fav-problem-card-content {
  padding: 20px;
  overflow-x: hidden;
  max-width: 100%;
}

.column-problem-card .fav-problem-card-content h3 {
	margin-top: 10px;
}
.border-page {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}

.select-custom-div-big {
  position: relative;
  max-width: 300px;
  margin: 50px auto;
}
.select-custom-div-big .select-custom-big-div {
  overflow: hidden;
  cursor: pointer;
  border-radius: 100px;
  padding: 0 20px;
  width: 100%;
  border-radius: 20px;
}
.select-custom-div-big .select-custom-big-div img {
  transition: all 0.3s ease-in;
}
.select-custom-div-big .select-custom-big-div.active img {
  transform: rotate(180deg);
}
.select-custom-div-big .select-custom-big-div select {
  border: 1px solid #000 !important;
  border-radius: 20px;
  padding-left: 10px !important;
  cursor: pointer;
}
.select-custom-div-big .select-custom-big-div .select-custom-div {
  padding: 5px 20px;
  display: flex;
}
.select-custom-div-big .select-custom-big-div .select-custom-div input {
  border: 0px;
  width: 100%;
  cursor: pointer;
  background-color: white;
}
.select-custom-div-big .select-custom-big-div .select-custom-div input:focus {
  outline: none;
}
.select-custom-div-big .li-show {
  height: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in;
  position: absolute;
  width: 100%;
  margin-top: 5px;
  border-radius: 10px;
}
.select-custom-div-big .li-show li {
  padding: 5px 20px;
  list-style: none;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.select-custom-div-big .li-show > li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.select-custom-div-big .li-show.active {
  overflow: auto;
  height: 200px;
  border: 1px solid black;
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1024px) {
  .select-custom-div-big {
    margin: 3em auto 0px;
  }
}

.tip-and-solution-container {
  max-width: 1170px;
  margin-top: 6em;
}
@media screen and (max-width: 1024px) {
  .tip-and-solution-container {
    margin-top: 4em;
  }
}

.header-title-and-save-favorites {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 30px;
}
.header-title-and-save-favorites h1 {
  max-width: 90%;
  font-size: 28px;
}
.header-title-and-save-favorites h1.wid100 {
  max-width: 100%;
}
.header-title-and-save-favorites .favorites-button {
  padding: 5px;
  border-radius: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.header-title-and-save-favorites .favorites-button .saved_favorites {
  padding: 5px;
  width: 40px;
  height: 40px !important;
}
.header-title-and-save-favorites .favorites-button .saved_favorites.hide {
  display: none;
}
.header-title-and-save-favorites .favorites-button .save_favorites_black.hide {
  display: none;
}

.header-title-and-save-favorites-2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
  padding-top: 1em;
}
.header-title-and-save-favorites-2 h1 {
  max-width: 90% !important;
  margin: 0px;
}
.header-title-and-save-favorites-2 .favorites-button {
  padding: 5px;
  border-radius: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.header-title-and-save-favorites-2 .favorites-button .saved_favorites {
  padding: 5px;
  width: 30px !important;
  height: 30px !important;
}
.header-title-and-save-favorites-2 .favorites-button .saved_favorites.hide {
  display: none;
}
.header-title-and-save-favorites-2 .favorites-button .save_favorites_black {
  width: 30px !important;
  height: 30px !important;
}
.header-title-and-save-favorites-2 .favorites-button .save_favorites_black.hide {
  display: none;
}

.single-page.single-page,
.single-page-content.single-page {
  margin-top: 114px;
  padding: 3em 0px 1em;
}
.single-page.single-page-content,
.single-page-content.single-page-content {
  margin: 0px auto;
  padding: 3em 0px;
}
.single-page.single-page-content p,
.single-page-content.single-page-content p {
  line-height: 1.9;
}
.single-page.container,
.single-page-content.container {
  padding-left: 0px;
  padding-right: 0px;
}
.single-page .header-title-and-save-favorites,
.single-page-content .header-title-and-save-favorites {
  margin-top: 2em;
  grid-gap: 20px;
  margin-bottom: 1.4em;
}
.single-page img,
.single-page-content img {
  max-width: 100% !important;
  height: auto !important;
}
.single-page p,
.single-page-content p {
  min-height: 20px;
  overflow: hidden;
  max-width: 100%;
}
.single-page .aligncenter,
.single-page-content .aligncenter {
  margin: auto !important;
  text-align: center;
  display: flex;
}
.single-page .share-box,
.single-page-content .share-box {
  margin-top: 4em !important;
}
.single-page .share-box .social-div,
.single-page-content .share-box .social-div {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .single-page.container.single-page,
.single-page-content.container.single-page {
    margin-top: 96px;
    padding: 2em 2em 0px;
  }
  .single-page.container.single-page-content,
.single-page-content.container.single-page-content {
    padding: 2em 2em;
  }
  .single-page.container p,
.single-page-content.container p {
    min-height: 10px;
  }
  .single-page.container h1,
.single-page-content.container h1 {
    font-size: 22px;
  }
  .single-page.container h2,
.single-page.container h3,
.single-page-content.container h2,
.single-page-content.container h3 {
    font-size: 20px;
  }
}

.share-box {
  margin-bottom: 2em;
}
.share-box .text-center {
  font-size: 1.2em;
}
.share-box .social-div {
  display: flex;
  justify-content: center;
}
.share-box .social-div.social-div-share a {
  border-radius: 100%;
  border: 1px solid black;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-out;
  position: relative;
}
.share-box .social-div.social-div-share a.social-tag-a span {
  position: absolute;
  width: 80px;
  padding: 0px 10px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: -20px;
  top: 36px;
  text-align: center;
  color: white;
  opacity: 0;
  font-weight: bold;
  transition: opacity 0.4s ease-out;
}
.share-box .social-div.social-div-share a.social-tag-a:hover span {
  opacity: 1;
}
.share-box .social-div.social-div-share a svg {
  fill: #000 !important;
  max-width: 32px !important;
  width: 100%;
}
.share-box .social-div.social-div-share a:hover {
  border-color: #fff;
  background-color: #000 !important;
}
.share-box .social-div.social-div-share a:hover svg {
  fill: #fff !important;
  color: #fff !important;
}

.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 26px;
  margin: 0px;
  padding: 0px;
  padding-left: 40px;
  width: 100%;
}
.products.clear-padding {
  padding-left: 0px;
}
.products a {
  text-decoration: none;
  color: black;
  display: block;
  width: 100%;
  height: 100%;
}
.products .product-component {
  text-align: center;
  border: 1px solid #d9d9d9;
  transition: all 0.3s ease-in;
  position: relative;
}
.products .product-component a {
  padding: 2em 1em;
  display: block;
  color: black;
}
.products .product-component .arrow {
  position: absolute;
  right: 20px;
  bottom: -10px;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.products .product-component .arrow img {
  width: 40px;
  height: 57px;
}
.products .product-component:hover .arrow {
  opacity: 1;
}
.products .product-component:hover {
  background-color: white;
  box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.1);
}
.products .product-component:hover h2,
.products .product-component:hover p {
  color: #003d87 !important;
}
.products .product-component h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0px 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  transition: color 0.4s ease-out;
}
.products .product-component p {
  text-align: center;
  overflow: hidden;
  max-height: 64px;
  font-weight: 500;
	font-size: 14px;
  padding: 0px;
  margin: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  transition: color 0.4s ease-out;
}
.products .product-component img {
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}

.product-component {
  position: relative;
}
.product-component .hide_show {
  display: none;
}
.product-component .show {
  display: block;
}
.product-component .compare-btn {
  position: absolute;
  right: 52px;
  top: 10px;
}
.product-component .compare-btn .icon-compare-product-and-favorites {
  margin-top: 0px !important;
}
.product-component .compare-btn a {
  padding: 0 !important;
}
.product-component .compare-btn button {
  padding: 5px 10px !important;
  background: transparent;
  border: 1px solid #1e4f92;
  color: #1e4f92;
  border-radius: 20px !important;
  transition: all 0.4s ease-in;
}
.product-component .compare-btn button:hover {
  border: 1px solid white;
  color: white;
  background: #1e4f92;
}
.product-component .fav {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  transition: color 0.4s ease-out;
}
.product-component .fav:hover {
  color: #d7373f !important;
}

.template-compare {
  margin-top: 114px;
  margin-bottom: 81px;
}
.template-compare .header-product-categories {
  margin: 3em auto 0 auto;
  max-width: 600px;
}
.template-compare .compare-product-content {
  margin-top: 3em;
  margin-bottom: 3em;
  width: 100%;
  position: relative;
  max-width: 100% !important;
  overflow: hidden;
}
.template-compare .compare-product-content h4 {
  width: 25%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  background-color: #1e4f92;
  padding: 10px 0px;
  color: white;
}
.template-compare .compare-product-content h4:first-child {
  background-color: white;
}
.template-compare .compare-product-content .compare-product-table-header {
  display: flex;
  align-items: center;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed.force-latest {
  position: absolute;
  bottom: 101px;
  width: 100%;
  background-color: white;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed.force-latest h3 {
  opacity: 1 !important;
  height: auto !important;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active {
  background-color: white;
  position: fixed;
  top: 119px;
  left: auto;
  z-index: 10;
  width: 100%;
  max-width: 1170px;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active h3 {
  opacity: 1 !important;
  height: auto !important;
  font-weight: bold;
  line-height: 3;
  max-height: 62px;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active img {
  width: 100px !important;
  margin: 0px !important;
  padding-bottom: 10px;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image:nth-child(2) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  text-align: center;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image h3 {
  opacity: 0;
  height: 0;
  font-size: 1em;
  padding: 10px 10px;
  font-weight: 500;
  background-color: #1e4f92;
  color: white;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image.box-null {
  width: 200px !important;
  flex-shrink: 0;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image.image-product {
  width: 100%;
  text-align: center !important;
}
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image img {
  width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0px;
  margin-bottom: 30px;
  transition: width 0.4s linear;
}
.template-compare .compare-product-content .compare-product-table-images {
  width: 100%;
  display: flex;
  height: 100%;
}
.template-compare .compare-product-content .compare-product-table-images:last-child .image:first-child {
  border: 0px;
}
.template-compare .compare-product-content .compare-product-table-images:nth-child(2) .image {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.template-compare .compare-product-content .compare-product-table-images:nth-child(17) .image h3:last-child {
  min-height: 300px;
}
.template-compare .compare-product-content .compare-product-table-images:nth-child(18) .image h3 {
  border: 0px;
}
.template-compare .compare-product-content .compare-product-table-images:nth-child(19) .image a {
  margin-top: 83px !important;
  margin-bottom: 50px !important;
}
.template-compare .compare-product-content .compare-product-table-images:first-child .image {
  border: 0px;
  background-color: #1e4f92;
  text-align: center;
}
.template-compare .compare-product-content .compare-product-table-images:first-child .image:first-child {
  background-color: rgba(0, 0, 0, 0);
}
.template-compare .compare-product-content .compare-product-table-images:first-child .image.two {
  padding: 0px;
}
.template-compare .compare-product-content .compare-product-table-images:first-child .image h3 {
  color: white;
  font-weight: bold;
}
.template-compare .compare-product-content .compare-product-table-images .image {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.template-compare .compare-product-content .compare-product-table-images .image h3 {
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 20px;
  font-size: 16px !important;
  font-weight: 300;
  padding-bottom: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0px !important;
}
.template-compare .compare-product-content .compare-product-table-images .image h3:first {
  border-bottom: 0px;
  font-weight: bold;
}
.template-compare .compare-product-content .compare-product-table-images .image h3.feature-detail ul li {
  margin-bottom: 11px !important;
  line-height: 1.5;
}
.template-compare .compare-product-content .compare-product-table-images .image a {
  margin-top: 10px;
  margin-bottom: 10px;
}
.template-compare .compare-product-content .compare-product-table-images .image.two {
  width: 100%;
  padding: 0px;
}
.template-compare .compare-product-content .compare-product-table-images .image.two ul {
  padding-left: 0px !important;
}
.template-compare .compare-product-content .compare-product-table-images .image.two ul li {
  list-style: none;
  position: relative !important;
  padding-left: 15px;
}
.template-compare .compare-product-content .compare-product-table-images .image.two img {
  padding: 0px !important;
  margin: 0px !important;
}
.template-compare .compare-product-content .compare-product-table-images .image.hh {
  width: 200px !important;
  padding: 0px;
}
.template-compare .compare-product-content .compare-product-table-images .image.hh h3 {
  color: #1e4f92;
  width: 200px !important;
  border-bottom: 0px;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  text-align: left !important;
  padding-top: 20px;
}
.template-compare .compare-product-content .compare-product-table-images .image.three {
  width: 25%;
}
.template-compare .compare-product-content .compare-product-table-images .image.one {
  width: 100%;
}
.template-compare .compare-product-content .compare-product-table-images .image:first-child {
  border: 0;
}
.template-compare .compare-product-content .compare-product-table-images .image:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.template-compare .compare-product-content .compare-product-table-images .image img {
  width: 100%;
  max-width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 30px;
  margin-bottom: 30px;
}
.template-compare .compare-product-content .compare-info {
  display: flex;
  align-content: center;
}
.template-compare .compare-product-content .compare-info .compare-div {
  border-right: 1px solid black;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}
.template-compare .compare-product-content .compare-info .compare-div h3 {
  margin: 0px;
  text-align: center;
  padding-top: 20px;
  border-bottom: 1px solid black;
}
.template-compare .compare-product-content .compare-info .compare-div:first-child h3 {
  border: 0px;
}
.template-compare .compare-title-text-show-mobile {
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
  color: #1e4f92 !important;
  font-weight: 800 !important;
  display: none;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1024px) {
  .template-compare .image-product .text-ellipsis {
    line-height: 1.7 !important;
    font-size: 16px !important;
    height: 42px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    -webkit-box-orient: vertical;
  }
  .template-compare .compare-title-text-show-mobile {
    display: block;
    padding-bottom: 5px !important;
  }
  .template-compare .hide-when-mobile {
    display: none !important;
  }
  .template-compare .header-product-categories {
    padding: 0 2em;
  }
  .template-compare .header-product-categories select {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .template-compare .header-product-categories .col-12 {
    padding: 0px !important;
  }
  .template-compare .header-product-categories .mt-3 {
    margin: 0px !important;
  }
  .template-compare .compare-product-content .compare-product-table-images:first-child .image .compare-title-text-show-mobile,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active .image .compare-title-text-show-mobile {
    display: none !important;
    text-align: left !important;
    line-height: 1.9 !important;
    height: 43px !important;
  }
  .template-compare .compare-product-content .compare-product-table-images:first-child .image h3,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active .image h3 {
    text-align: center !important;
    line-height: 1.9 !important;
    height: 43px !important;
  }
  .template-compare .compare-product-content .compare-product-table-images-header-fixed.active h3 {
    line-height: 2 !important;
  }
  .template-compare .compare-product-content .compare-product-table-images.active,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.active {
    top: 81px;
  }
  .template-compare .compare-product-content .compare-product-table-images .image:nth-child(4),
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image:nth-child(4) {
    display: none;
  }
  .template-compare .compare-product-content .compare-product-table-images .image:nth-child(1),
.template-compare .compare-product-content .compare-product-table-images-header-fixed .image:nth-child(1) {
    display: none;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .title-header-product,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .title-header-product {
    padding: 10px 2em !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
    height: 42px !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    -webkit-box-orient: vertical;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .image ul,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .image ul {
    padding: 0px !important;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .image h3,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .image h3 {
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1;
    text-align: center !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 10px;
    padding-right: 10px;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .image h3:last-child,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .image h3:last-child {
    padding-top: 5px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .image h3.feature-detail,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .image h3.feature-detail {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: left !important;
  }
  .template-compare .compare-product-content .compare-product-table-images.compare-product-table-images .image a,
.template-compare .compare-product-content .compare-product-table-images-header-fixed.compare-product-table-images .image a {
    width: 100%;
    max-width: 150px;
    margin: auto;
	font-size: 13px;
  }
  .template-compare .compare-product-content .compare-product-table-images:nth-child(19) .image a {
    margin-bottom: 10px !important;
  }
  .template-compare .compare-product-content .image-product h3 {
    padding: 10px 2em !important;
  }
}

.select-product-custom.form-select {
  border: 0px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  text-shadow: 0 0 0 #000;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.select-product-custom.form-select:focus {
  text-shadow: 0 0 0 #000 !important;
  box-shadow: none;
  outline: none !important;
}
.select-product-custom.form-select option {
  width: 100%;
  padding: 20px 0px !important;
}

.button-submit.primary-button {
  width: 100%;
  max-width: 300px;
  background-color: #1e4f92;
  border: 0px;
  padding: 1.2em 5px;
  font-size: 1.2em;
  color: white;
}
.button-submit.primary-button img {
  margin-left: 10px;
  transition: all 0.3s ease-in;
}
.button-submit.primary-button:hover img {
  margin-left: 20px;
}

#show_product_filter_from_cate .row {
  justify-content: space-between;
}
#show_product_filter_from_cate .row > div {
  max-width: 400px !important;
}
#show_product_filter_from_cate .button-cal-calculate {
  margin-top: 2em;
  display: flex;
  width: 100%;
  justify-content: center;
}
#show_product_filter_from_cate .reset-value {
  width: 100%;
  max-width: 400px;
  display: block;
  border: 0;
  padding: 17px 20px;
  font-size: 1.2em;
  color: #c01315;
  border: 1px solid;
  margin-left: 10px;
  transition: background 0.4s ease-out;
}
#show_product_filter_from_cate .reset-value:hover {
  color: white;
  background: #c01315;
}
@media screen and (max-width: 1027px) {
  #show_product_filter_from_cate .row {
    justify-content: flex-start;
  }
  #show_product_filter_from_cate .row .col-6:first-child {
    padding-left: 0px !important;
  }
  #show_product_filter_from_cate .row .col-6:nth-child(2) {
    padding-right: 0px !important;
  }
  #show_product_filter_from_cate .row > div {
    max-width: 100% !important;
  }
  #show_product_filter_from_cate .button-cal-calculate {
    margin-top: 2em;
    display: block;
  }
  #show_product_filter_from_cate .button-cal-calculate button, #show_product_filter_from_cate .button-cal-calculate a {
    width: 100%;
    max-width: 100% !important;
  }
  #show_product_filter_from_cate .button-cal-calculate a {
    margin-left: 0px;
    margin-top: 14px;
  }
}

.btn-detail-product-compare {
  padding: 15px 0 !important;
  transition: all 0.4s ease-out !important;
  background: #1e4f92;
  width: 100%;
  display: block;
  margin: auto;
  border-radius: 6px;
  width: calc(100% - 25px);
  color: white;
}
.btn-detail-product-compare:hover {
  background: #063062 !important;
  color: white !important;
}

#compare-product-body {
  margin-top: 3em;
  padding-top: 3em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#compare-product-body > h1 {
  padding-top: 0px;
}
@media screen and (max-width: 1024px) {
  #compare-product-body > h1 {
    font-size: 22px;
  }
}

.container.template-compare {
  padding: 0px !important;
}

.get_idea_template {
  margin-top: 120px;
}
.get_idea_template .header_get_idea_images {
  background-color: #979595 !important;
  height: 100%;
  overflow: hidden;
}
.get_idea_template .get-idea-banner {
  width: 100%;
  height: calc(100vh - 130px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.get_idea_template .get-idea-banner .get-idea-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  top: 0;
  left: 0;
}
.get_idea_template .get-idea-banner .get-idea-bk {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.31);
}
.get_idea_template .get-idea-banner .get-idea-content {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 3;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box {
  max-width: 600px;
  width: 100%;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box h1 {
  font-size: 3em;
  font-weight: 300;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box p {
  font-size: 1em;
  font-weight: 400;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box .box-get-idea {
  display: flex;
  align-items: center;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box .box-get-idea > a.get-idea-button-trend {
  margin-left: 20px;
  background-color: #1e4f92;
  color: white;
  transition: all 0.4s ease-in;
  padding: 1em 2em;
}
.get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box .box-get-idea > a.get-idea-button-trend:hover {
  background-color: #003d87;
}
@media screen and (max-width: 1024px) {
  .get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box .box-get-idea {
    justify-content: center;
  }
}
.get_idea_template .get-idea-banner .get-idea-content a.get-idea-button {
  display: block;
  background-color: white;
  color: black;
  padding: 1em 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.4s ease-in;
  cursor: pointer;
}
.get_idea_template .get-idea-banner .get-idea-content a.get-idea-button:hover {
  color: white;
  background-color: #003d87;
}
.get_idea_template .header_get_idea_menus {
  background-color: #000;
  padding: 2em 0 !important;
}
.get_idea_template .header_get_idea_menus h2 {
  font-size: 28px;
}
.get_idea_template .header_get_idea_menus .white {
  color: white !important;
}
.get_idea_template .header_get_idea_menus .sub_title {
  text-align: center;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0em;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .get_idea_template .header_get_idea_menus .sub_title {
    padding: 0px 2em;
  }
}
.get_idea_template .swiper-pagination-bullets {
  margin-bottom: 0px;
}
.get_idea_template .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #707070;
}
.get_idea_template .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child {
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .get_idea_template {
    margin-top: 96px;
    margin-bottom: 2em;
  }
  .get_idea_template .get-idea-banner .get-idea-content {
    padding-left: 2em;
    padding-right: 2em;
  }
  .get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box {
    margin: auto;
  }
  .get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box h1 {
    font-size: 2em;
    text-align: center;
  }
  .get_idea_template .get-idea-banner .get-idea-content .get-idea-content-box p {
    font-size: 16px;
    text-align: center;
  }
}

.single-type {
  padding: 4em 0 !important;
}
@media screen and (max-width: 1024px) {
  .single-type {
    padding: 4em 2em !important;
  }
  .single-type .row .col-12:first-child {
    margin-bottom: 2em;
  }
}

.card-get-idea-control-width-page {
  max-width: 400px;
}
@media screen and (max-width: 1024px) {
  .card-get-idea-control-width-page {
    max-width: 100%;
  }
}

.card-get-idea-control-width {
  width: auto;
}
@media screen and (max-width: 1025px) {
  .card-get-idea-control-width {
    width: 100%;
    max-width: 100%;
  }
}

.card-blog-save-favorites {
  background-color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.card-blog-save-favorites img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 32px;
  cursor: pointer;
}
.card-blog-save-favorites img.favorites-button:active {
  width: 50px;
}
.card-blog-save-favorites img.hide {
  position: absolute;
  opacity: 0;
}
.card-blog-save-favorites img.show {
  position: static;
  opacity: 1;
  transition: width 0.3s ease-in;
}
.card-blog-save-favorites img.favorites-button-active {
  width: 18px;
  transition: width 0.3s ease-in;
}
.card-blog-save-favorites img.favorites-button-active:active {
  width: 25px;
}

.card-get-idea .card-get-idea-header {
  position: relative;
}
.card-get-idea .card-get-idea-header .cancel-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.card-get-idea .card-get-idea-header .cancel-icon img {
  background-color: white;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  padding: 8px;
}
.card-get-idea .card-get-idea-header > a > img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-get-idea .card-get-idea-header .tag-user-type {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 95%;
  margin: auto;
  margin-bottom: 11px;
}
.card-get-idea .card-get-idea-header .tag-user-type .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 5px;
}
.card-get-idea .card-get-idea-header .tag-user-type .tags div {
  margin-right: 10px;
}
.card-get-idea .card-get-idea-header .tag-user-type .tags div h5 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-get-idea .card-get-idea-header .tag-user-type .download {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-get-idea .card-get-idea-header .tag-user-type .download h5 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  font-size: 22px !important;
  border-radius: 100%;
  padding-top: 8px !important;
}
.card-get-idea .card-get-idea-header .tag-user-type .download h5 i {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 0 !important;
}
.card-get-idea .card-get-idea-header .tag-user-type .download h5 i::before {
  line-height: 0 !important;
}
.card-get-idea .card-get-idea-header .tag-user-type .download-remove-card {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 20px !important;
}
.card-get-idea .card-get-idea-header .tag-user-type .download-remove-card h5 {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px !important;
  border-radius: 100%;
}
.card-get-idea .card-get-idea-header .tag-user-type .download-remove-card h5 i {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 0 !important;
}
.card-get-idea .card-get-idea-header .tag-user-type .download-remove-card h5 i::before {
  line-height: 0 !important;
}
.card-get-idea .card-get-idea-header .tag-user-type h5 {
  background-color: white;
  color: black;
  padding: 5px 10px;
  border-radius: 10px;
  font-weight: 500;
  margin: 11px 0px 0;
  text-align: center;
  font-size: 16px !important;
}
.card-get-idea .card-get-idea-content {
  padding: 2em 0;
}
.card-get-idea .card-get-idea-content p {
  color: #000;
  margin: 5px 0px 10px;
  line-height: 1.9;
}
.card-get-idea .card-get-idea-content a > h4:first-child {
  font-size: 20px;
}
.card-get-idea .card-get-idea-content h4,
.card-get-idea .card-get-idea-content h5 {
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  .card-get-idea .card-get-idea-header > a > img {
    max-height: 250px;
  }
}

.menus-tax-ideas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  overflow: auto;
}
.menus-tax-ideas.container {
  padding: 0;
}
.menus-tax-ideas a {
  flex-shrink: 0;
  font-size: 18px !important;
}
.menus-tax-ideas h5 {
  margin: 0px !important;
  color: white !important;
  font-size: 18px !important;
  padding: 5px 30px !important;
  border-radius: 20px;
}
.menus-tax-ideas h5:hover, .menus-tax-ideas h5.active {
  color: black !important;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .menus-tax-ideas.container {
    padding: 0 15vw 0 35vw !important;
  }
  .menus-tax-ideas a {
    margin-left: 2em;
  }
  .menus-tax-ideas a:last-child {
    margin-right: 2em;
  }
}

.main-page-get-idea {
  margin-top: 3em;
}
.main-page-get-idea .swiper-div {
  position: relative;
}
.main-page-get-idea .swiper-div .swiper-button-next,
.main-page-get-idea .swiper-div .swiper-container-rtl .swiper-button-prev {
  right: -75px !important;
  color: #000;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
}
.main-page-get-idea .swiper-div .swiper-button-next.swiper-button-disabled,
.main-page-get-idea .swiper-div .swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
}
.main-page-get-idea .swiper-div .swiper-button-prev,
.main-page-get-idea .swiper-div .swiper-container-rtl .swiper-button-next {
  left: -75px !important;
  color: #000;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
}
.main-page-get-idea .swiper-div .swiper-button-next:after,
.main-page-get-idea .swiper-div .swiper-button-prev:after {
  font-size: 20px !important;
}
.main-page-get-idea .swiper-div .swiper-button-next:after,
.main-page-get-idea .swiper-div .swiper-button-prev:after {
  font-size: 20px !important;
}
.main-page-get-idea.container {
  padding: 0px;
}
.main-page-get-idea .header-cate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.main-page-get-idea .header-cate h2 {
  padding: 0px !important;
  margin: 0px !important;
}
.main-page-get-idea .header-cate a {
  color: #002f8c;
  font-size: 16px !important;
  font-weight: bold;
  text-decoration:underline;
}
.main-page-get-idea .header-cate a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .main-page-get-idea {
    margin-top: 0px;
    padding: 2em 2em !important;
  }
  .main-page-get-idea .header-cate h2 {
    font-size: 20px !important;
  }
  .main-page-get-idea .header-cate a {
    width: 100px;
    text-align: right;
  }
   .main-page-get-idea .swiper-div .swiper-button-next {
/*     display: none; */
	  right: 0px !important;
	  background: white;
	  width: 32px;
	  height: 32px;
	  
  }
  .main-page-get-idea .swiper-div .swiper-button-prev {
/*     display: none; */
	  left: 0px !important;
	  background: white;
	  width: 32px;
	  height: 32px;
  }
	.main-page-get-idea .swiper-div .swiper-button-next:after, .main-page-get-idea .swiper-div .swiper-button-prev:after {
		font-size: 14px !important;
	}
}

.compare-and-cal {
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 0;
  display: flex;
  align-content: center;
  width: 100%;
  padding-left: 20px;
  padding-top: 50px !important;
}
.compare-and-cal a {
  display: block;
  width: 100%;
  width: 200px;
}
.compare-and-cal a button {
  width: 200px;
  width: 100%;
  border: 0px;
  padding: 10px 20px;
  color: white;
}
.compare-and-cal .go-to-cal-page {
  background-color: #c01315;
}
.compare-and-cal .go-to-compare-page {
  background-color: #1e4f92;
}

.empty_data_page {
  width: 100%;
  text-align: center;
  border-radius: 6px;
  max-width: 400px;
  padding: 40px 0px;
  margin: 40px auto 0px;
}
.empty_data_page.hide {
  display: none;
}
.empty_data_page h3 {
  padding: 0px !important;
  margin: 10px 0px 0px !important;
}

.fav_big .accordion-button:not(.collapsed) {
  background-color: white !important;
  color: black !important;
}
.fav_big .accordion-button {
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 20px 40px;
  box-shadow: none !important;
}
.fav_big .accordion-body {
  padding: 0px 40px 20px;
}
.fav_big .faq-navbar {
  list-style: none;
  padding: 0px !important;
}
.fav_big .faq-navbar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fav_big .faq-navbar li:last-child {
  border-bottom: 0 !important;
}
.fav_big .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.fav_big .accordion-item {
  margin-top: 30px !important;
}
@media screen and (max-width: 1024px) {
  .fav_big .accordion-item {
    margin-top: 1em !important;
  }
}
.fav_big .accordion-header {
  border-radius: 20px !important;
  font-weight: bold !important;
  font-size: 22px !important;
  border-radius: 20px !important;
  overflow: hidden;
}
.fav_big .accordion-item {
  border-radius: 20px !important;
}
.fav_big .list-faq-show-on-mobile {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .fav_big .list-faq-show-on-mobile {
    display: block !important;
  }
  .fav_big .sub-type-headers {
    display: none !important;
  }
  .fav_big .accordion-button {
    padding: 15px 20px !important;
  }
  .fav_big .accordion-body {
    padding: 10px 20px !important;
  }
}

.ui.label {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Copy this @keyframes block to your CSS*/
@-webkit-keyframes view_more_info {
  0.0% {
    width: 64px;
    height: 64px;
  }
  50.1% {
    width: 74px;
    height: 74px;
  }
  99.5% {
    width: 64px;
    height: 64px;
  }
}
@keyframes view_more_info {
  0.0% {
    width: 64px;
    height: 64px;
  }
  50.1% {
    width: 74px;
    height: 74px;
  }
  99.5% {
    width: 64px;
    height: 64px;
  }
}
/* Add the animation: property to whichever element you want to animate */
.get-idea-house-inspiration {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.get-idea-house-inspiration h1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(-90deg) translateY(-50%);
  font-size: 64px !important;
  font-weight: 500 !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-house-inspiration h1 {
    font-size: 47px !important;
    left: -110px;
    top: 40%;
  }
}
.get-idea-house-inspiration .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.get-idea-house-inspiration .container .fragment {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .get-idea-house-inspiration .container .fragment {
    padding-top: 10px !important;
    height: 75vh;
    max-height: 500px;
  }
}
.get-idea-house-inspiration .container .image-and-bottom {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.get-idea-house-inspiration .container .view_more_info {
  padding: 20px;
  border-radius: 100%;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 35%;
  right: -40px;
  background-color: #3d464f;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in;
  font-weight: bold;
  -webkit-animation: view_more_info 3s ease 0s infinite normal none;
          animation: view_more_info 3s ease 0s infinite normal none;
}
.get-idea-house-inspiration .container .view_more_info:hover {
  transform: rotate(0);
}
.get-idea-house-inspiration .container .image-center {
  height: 65vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 65vh !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .get-idea-house-inspiration .container .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.get-idea-house-inspiration .text-content {
  position: absolute;
  top: 20px;
  right: 0px;
  max-width: 430px;
}
.get-idea-house-inspiration .text-content h2 {
  font-size: 47px !important;
  color: #637381 !important;
  font-weight: 500;
}
.get-idea-house-inspiration .text-content p {
  font-size: 18px !important;
  font-weight: 300;
}
@media screen and (max-width: 1440px) {
  .get-idea-house-inspiration .text-content h2 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-house-inspiration .big-title {
    opacity: 0;
  }
  .get-idea-house-inspiration .container {
    padding: 0px;
    max-width: 440px !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .get-idea-house-inspiration .container .view_more_info {
    right: auto;
    left: 2em;
    padding: 10px !important;
    font-size: 16px !important;
    top: auto;
    bottom: 0px;
    font-weight: bold;
  }
  .get-idea-house-inspiration .image-and-bottom {
    height: 300px;
    width: 100% !important;
  }
  .get-idea-house-inspiration .image-center {
    height: 65vh !important;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 65vh !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .get-idea-house-inspiration .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-house-inspiration .text-content {
    top: auto;
    padding: 1em 2em;
    bottom: -30px !important;
    left: 0px;
  }
  .get-idea-house-inspiration .text-content h2 {
    font-size: 20px !important;
  }
  .get-idea-house-inspiration .text-content p {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 700px) {
  .get-idea-house-inspiration .container {
    align-items: flex-start;
  }
  .get-idea-house-inspiration .image-center {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}

.get-idea-trend-beyond-colours {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.get-idea-trend-beyond-colours h1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(-90deg) translateY(-50%);
  font-size: 64px !important;
  font-weight: 500 !important;
}
@media screen and (max-width: 1440px) {
  .get-idea-trend-beyond-colours h1 {
    font-size: 47px !important;
    left: -150px;
    top: 45%;
  }
}
.get-idea-trend-beyond-colours .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.get-idea-trend-beyond-colours .container .fragment {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .get-idea-trend-beyond-colours .container .fragment {
    padding-top: 10px !important;
    height: 75vh;
    max-height: 500px;
  }
}
.get-idea-trend-beyond-colours .container .image-and-bottom {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.get-idea-trend-beyond-colours .container .view_more_info {
  padding: 20px;
  border-radius: 100%;
  position: absolute;
  top: 58%;
  right: -40px;
  background-color: #3d464f;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in;
  font-weight: bold;
  -webkit-animation: view_more_info 3s ease 0s infinite normal none;
          animation: view_more_info 3s ease 0s infinite normal none;
  width: 64px;
  height: 64px;
}
.get-idea-trend-beyond-colours .container .view_more_info:hover {
  transform: rotate(0);
}
.get-idea-trend-beyond-colours .container .image-center {
  height: 65vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 65vh !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .get-idea-trend-beyond-colours .container .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.get-idea-trend-beyond-colours .text-content {
  position: absolute;
  top: 50px;
  right: 0px;
  max-width: 400px;
}
.get-idea-trend-beyond-colours .text-content h2 {
  font-size: 47px !important;
  color: #637381 !important;
  font-weight: 500;
}
.get-idea-trend-beyond-colours .text-content p {
  font-size: 18px !important;
  font-weight: 300;
}
@media screen and (max-width: 1440px) {
  .get-idea-trend-beyond-colours .text-content h2 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-trend-beyond-colours .big-title {
    opacity: 0;
  }
  .get-idea-trend-beyond-colours .container {
    padding: 0px;
    max-width: 440px !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .get-idea-trend-beyond-colours .container .view_more_info {
    right: auto;
    left: 2em;
    padding: 10px !important;
    font-size: 16px !important;
    top: auto;
    bottom: 20px;
  }
  .get-idea-trend-beyond-colours .image-and-bottom {
    width: 100% !important;
  }
  .get-idea-trend-beyond-colours .image-center {
    height: 65vh !important;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 65vh !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .get-idea-trend-beyond-colours .image-center {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media screen and (max-width: 1024px) {
  .get-idea-trend-beyond-colours .text-content {
    top: auto;
    padding: 1em 2em;
    bottom: 0px;
  }
  .get-idea-trend-beyond-colours .text-content h2 {
    font-size: 20px !important;
  }
  .get-idea-trend-beyond-colours .text-content p {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 700px) {
  .get-idea-trend-beyond-colours .container {
    align-items: flex-start;
  }
  .get-idea-trend-beyond-colours .image-center {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}

.show-search-body {
  margin-top: 0px !important;
  padding-top: 0px !important;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: white;
  z-index: -1000;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.show-search-body.active {
  z-index: 2001;
  opacity: 1;
}

.bi.bi-x-lg {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
  cursor: pointer;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#rgbChanged {
  margin-top: 1em;
  border: 0px !important;
  cursor: pointer;
  border-bottom: 5px solid #000 !important;
  font-family: "Sukhumvit Set", sans-serif !important;
}
#rgbChanged:focus {
  border-color: transparent !important;
  outline: 0;
  border: 0px !important;
  box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent;
  border-bottom: 5px solid #000 !important;
}
#rgbChanged+.nice-select{
  border:0;
  border-bottom: 5px solid #000;
}

.IroColorPicker {
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 1em;
  border-radius: 10px;
  max-width: 250px;
  margin: auto !important;
}
.IroColorPicker div {
  margin: auto !important;
}
.IroColorPicker .IroBox {
  height: 200px !important;
}

.cancal-email-letter-div {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100001;
  align-items: center;
  justify-content: center;
  display: none;
}
.cancal-email-letter-div.active {
  display: flex;
}
.cancal-email-letter-div .cancal-email-letter-div-bk {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.cancal-email-letter-div input {
  font-size: 16px;
}
.cancal-email-letter-div > div.content-body {
  background-color: white;
  padding: 2em;
  border-radius: 6px;
  position: relative;
  z-index: 2;
}
.cancal-email-letter-div > div.content-body .loadingBTN {
  display: none;
  opacity: 0.5;
  background-color: #1e4f92 !important;
}
.cancal-email-letter-div > div.content-body span.input-group-text {
  cursor: pointer !important;
  background-color: #1e4f92 !important;
  color: white;
  transition: all 0.4s ease-out;
  font-size: 16px;
}
.cancal-email-letter-div > div.content-body span.input-group-text:hover {
  background-color: #003d87 !important;
}

#messageCancelSuccess {
  display: none;
}
#messageCancelSuccess.success {
  display: block;
  color: #6de44c !important;
}
#messageCancelSuccess.err, #messageCancelSuccess.error {
  display: block;
  color: #e44c4c !important;
}

.thumbnail-image {
  position: relative;
  max-width: 1170px;
  margin: auto;
}
.thumbnail-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 500px;
}
.thumbnail-image .swiper-button-prev,
.thumbnail-image .swiper-container-rtl.swiper-button-next {
  left: -60px;
  color: #3d464f;
}
@media screen and (max-width: 1024px) {
  .thumbnail-image .swiper-button-prev,
.thumbnail-image .swiper-container-rtl.swiper-button-next {
    display: none;
  }
}
.thumbnail-image .swiper-button-next,
.thumbnail-image .swiper-container-rtl.swiper-button-prev {
  right: -60px;
  color: #3d464f;
}
@media screen and (max-width: 1024px) {
  .thumbnail-image .swiper-button-next,
.thumbnail-image .swiper-container-rtl.swiper-button-prev {
    display: none;
  }
}
.thumbnail-image .pagination-image {
  justify-content: center !important;
  width: 100% !important;
}
.thumbnail-image .pagination-image span {
  margin-right: 10px;
}
.thumbnail-image .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3d464f !important;
}
.thumbnail-image .swiper-image-project img {
  height: 500px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media screen and (max-width: 1024px) {
  .thumbnail-image .swiper-image-project img {
    height: auto !important;
  }
}
.thumbnail-image .swiper-image-project .swiper-slide {
  transition: width 1s ease-out !important;
}

.product-cat-card .product-content p {
  margin-bottom: 0px !important;
}

.fav {
  cursor: pointer !important;
}
.fav.heart.icon {
  transition: all 0.4s ease-out;
}
.fav.heart.icon:hover {
  color: red !important;
}

.message-on-right-bottom {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 8px 2em;
  width: auto;
  z-index: 100;
  text-align: center;
  border-radius: 6px;
  border: 1px solid black;
  display: none;
}
.message-on-right-bottom.active {
  display: block;
}

.message_error {
  color: #c01315;
  display: none;
}
.message_error.active {
  display: block;
}

.input-field-cal.err, .input-field-cal.error {
  border-color: #c01315 !important;
}

.column-product-card.hide {
	display: none !important;
}

.career-search .input-group {
  border-radius: 50px !important;
}
.career-search .form-control {
  border-left: 0px !important;
  border-right: 0px !important;
}
.career-search .form-control:focus {
  outline: none !important;
  border-color: #ced4da !important;
  box-shadow: 0px 0px 0px 0px red !important;
}
.career-search .input-group-text {
  background-color: transparent !important;
  border-radius: 30px;
}
.career-search .input-group-text:last-child {
  font-size: 1.4em;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.career-search .input-group-text:last-child:hover {
  color: #c01315;
}
@media screen and (max-width: 767px) {
  .career-search .col-12:last-child {
    margin-top: 1.5em;
  }
}

@media screen and (max-width: 1024px) {
  .idea-big-div .header-cate {
    display: block;
  }
}

.select-group-user .form-group label {
  margin-bottom: 9px;
}
@media screen and (max-width: 766px) {
  .select-group-user .form-group:last-child {
    margin-top: 14px;
  }
}
.ui.form .required.field>.checkbox:after, .ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>label:after {
	display: none !important;
}
.required-text {
color: #db2828 !important; 
}
.limited-fav {
	cursor: pointer;
}
.limited-fav.hide {
	display:none;
}
.column-problem-card.hide , .column-card-get-idea.hide {
	display:none;
}

.p-mobile {
	display: none;
}
.p-mobile img {
	width: 100% !important;
	height: 250px !important;
	object-fit: cover !important;
}
.card-type-and-year {
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.card-type-and-year > div {
	display: flex;
	align-items:center;
	
}
.card-type-and-year > div > i {
	color: #9F9F9F !important;
	
}
.card-type-and-year > div > h5 {
	color: #9F9F9F !important;
	font-size: 16px !important;
	margin-top: 0px;
	margin-left: 10px;
}
.card-type-and-year > div > img {
	width: 16px;
	object-fit: contain;
}
.solution-page-swiper .swiper-wrapper {
	width: fit-content;
	margin:auto;
}
@media screen and (max-width: 700px) {
	.p-desktop {
		display: none; 
	}
	.p-mobile {
		display: block;
	}
}

.all-flip-show .hide {
	display: none;
}
.pointer {
	cursor: pointer;
}
.shade-box h1 {
opacity: 0 ;
	height: 64px;
	font-size: 0px;

}
.shade-box {
	margin-bottom: 1em;
}
.shade-box .shade-border {
	border: 1px solid rgba(0,0,0,0);
	padding: .6em;
	border-radius: .6em;
	transition: all 0.4s ease-in;
}
.shade-box:hover .shade-border {
	border: 1px solid #003d87;
}
.shade-box.active .shade-border {
	border: 1px solid #003d87;
}
.shade-box h2 {
    font-size: 16px;
    color: #637381;
	margin-top: 10px;
	text-align:center;
    transition: all 0.4s ease-out;
}
.shade-box:hover h2 {
    color: #003d87;
}
.shade-box.active h2 {
    color: #003d87;
	
}
.shade-suggestion-colours {
	background: #F3F3F3;
padding: 2em 0em 0em;
	margin-bottom: 0em;
}
.home-image-mobile{ 
	display: none;
}
.home-image-mobile.image-cover {
	object-fit: cover !important;
}
.ui.basic.red.label  , .error.text-danger{
 font-family: "Sukhumvit Set", sans-serif !important;
}
@media screen and (max-width: 1024px) {
	.shade-box h1 {
		height: 42px;
	}
	.home-image-mobile {
		display: block;
		height: 100% !important;
		
	}
	.home-image-desktop {
		display: none;
	}
 
	.shade-suggestion-colours .container {
		padding-left: 2em;
		padding-right: 2em;
	}
}