/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0 - 0.0.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/**
* Common
*/
/**
* @r-scroll-to-top
*/

.loggedinonly  {
	display:none;
}
.logged-in .loggedinonly{
	display:block;
}
#btn-to-top {
  display: none;
}

#id-expire {
	color:red;
}
/* @r-orverlay-header */
main.site-main {
/* .home main.site-main { */
  margin-top: -70px;
}


a {
  transition: all .3s ease;
}
a.email {
  word-break: break-all;
}

/* Button */
.btn-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;

}
.btn-wrapper.d-flex-row ul {
  flex-direction: row;
  justify-content: flex-start;
}
.btn-wrapper.d-flex-row.content-center ul {
  justify-content: center;
}
.btn-wrapper.d-flex-row .btn:first-child {
  margin-right: 10px;
  margin-bottom: 10px;
}
.btn-wrapper.mx-auto {
  margin: 0 auto;
}
.btn {
  display: inline-block;
  width: 165px;
  color: #fff;
  background-color: #f33e3600;
  border-radius: 20px;
  padding: 12px 5px;
  border: 2px solid #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  transition: all .3s ease;
}
.btn:hover {
  color: #fff;
  background-color: transparent;
  background-image: linear-gradient(144deg, #5CD0FF 0%, #9986FF 100%);
  border-color: #D2E3FD;
}
.btn.btn-blue {
  background: #fff;
  color: #333;
  border-color: #333;
  border-radius: 10px;
  padding: 10px 10px;
}
.btn.btn-blue:hover {
  background: #2F3F92;
  color: #fff;
  border-color: #2F3F92;
}

@media screen and (max-width:600px) {
  .btn-wrapper.d-flex-row {
    flex-direction: column;
  }
  .btn {
    width: 150px;
    font-size: .9rem;
  }
}
/* form-layout */
.form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  /* box-sizing: border-box; */

  padding: 40px 20px 20px;
  background: rgb(255 255 255 / 75%);
  border: 1px solid #969696;
  border-radius: 10px;
}
.form-wrapper .form-item h2,
.form-wrapper .form-item p {
  line-height: 1.3;
  margin: 0 !important;
}
.form-wrapper .form-item br {
  display: none;
}
.form-wrapper .form-item {
  padding: 5px 0;
}
.form-wrapper label {
  font-size: 15px;
  font-weight: 400;
  color: #939393;
}
.form-wrapper .form-item input,
.form-wrapper .form-item textarea,
.form-wrapper .form-item select  {
  width: 100%;
  border: 1px solid #939393;
  border-radius: 2px;
  background: rgb(255 255 255 / 30%);
  padding: 8px 16px;
}
.form-wrapper .form-item select {
  padding: 10px 16px;
}
.form-wrapper .form-item textarea {
  resize: none;
  height: 150px;
}
/* @r-change-color-first-select-option */
/*
.form-wrapper .form-item select {
  color: #ddd;
}
*/

/* input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
	color: red;
	background-color: #d9f6ff;
}
*/

.wpcf7-form-control:focus {
  outline:none;
}


/*
::placeholder {
  color: red;
}
*/
/* submit button */
.form-wrapper .form-item input[type=submit] {
  background: #0186ff;
  background: linear-gradient(144deg, #5CD0FF 0%, #9986FF 100%);
  border-color: #D2E3FD;
  color: #fff;
  text-transform: capitalize;
  white-space: pre-wrap;
}
.form-wrapper .form-item input[type=submit]:hover {
  background: #2F3F92;
}
/* radio button */
.form-wrapper .form-item.radio-item input {
  width: 20px;
}
.form-wrapper .form-item.radio-item .wpcf7-form-control {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form-wrapper .form-item.radio-item .wpcf7-form-control > span {
  width: calc(50% - 10px);
  margin: 0 10px 0 0 !important;
}
/* File */
/* To change the design */
.form-wrapper .form-item.file-item .wpcf7-form-control-wrap {
  display: none;
}
.form-wrapper .form-item.file-item .file-item__label {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  font-size: 1em;
}
.form-wrapper .form-item.file-item input {
  border-bottom: 0;
}

.form-wrapper .full-item {
  width: 100%;
}
.form-wrapper .half-item {
  /* width: 50%; */
  width: calc(100% / 2 - 5px);

}
.form-wrapper .one-third-item {
  width: calc(100% / 3 - 5px);
}
/* Error text */
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  background: #fff;
}


@media screen and (max-width:780px) {
  .form-wrapper .half-item {
    width: 100%;
  }
  .form-wrapper .form-item input[type=submit] {
    width: 100%;
  }
  .form-wrapper .form-item.radio-item .wpcf7-form-control > span {
    width: 100%;
    margin: 0 !important;
  }
}
@media screen and (max-width:600px) {
  .form-wrapper .one-third-item {
    width: 100%;
  }
}
/* -form-layout */
/**
* header
*/
/* @r-orverlay-header */
/* body:not(.home) .main-header-section { */
body.single .main-header-section,
body.page-template-dashboard-add-customer-information .main-header-section,
body.page-template-dashboard-list-customer-information .main-header-section,
body.page-template-dashboard-add-customer-transaction .main-header-section,
body.page-template-dashboard-list-customer-transaction .main-header-section,
body.page-id-1025 .main-header-section /* Login page */

{

  background: #2F3F92 !important;
}

.main-header-section {}

.main-header-section__logo {

}
.main-header-section__nav {

}
.main-header-section__btn {

}
.main-header-section__btn .trp-language-switcher {
  width: auto;
  padding-top: 8px;
}
.main-header-section__btn .elementor-shortcode .trp-ls-shortcode-current-language,
.main-header-section__btn .elementor-shortcode .trp-ls-shortcode-language {
  width: fit-content !important;
  background: transparent;
  padding: 0;
  border: 0;
  transition: all .3s ease;
}
.main-header-section__btn .elementor-shortcode .trp-ls-shortcode-current-language:hover,
.main-header-section__btn .elementor-shortcode .trp-ls-shortcode-language:hover {
  background: #fff;
}

.main-header-section__btn .trp-language-switcher > div > a > img {
  width: 25px;
  height: auto;
  object-fit: contain;
}

@media screen and (max-width:1024px) {
  /* Header */
  .main-header-section {
    background-color: #2F3F92 !important;
  }
  /* Common */
  main.site-main {
  /* .home main.site-main { */
    margin-top: 0px;
  }
}
@media screen and (max-width:1024px) {
  .main-header-section__logo {
    order: 1;
  }
  .main-header-section__nav {
    width: 50px;
    order: 3;
  }
  .main-header-section__btn {
    flex: 1 !important;
    order: 2;
  }
}
@media screen and (max-width:767px) {
	.home-inquire-section__inner ul h2  {
		font-size:20px;
	}
  .main-header-section__logo {
    /* order: 1; */
    padding-bottom: 10px;
  }
  .main-header-section__nav {
    /* width: 50px;
    order: 3; */
  }
  .main-header-section__btn {
    width: calc(100% - 50px);
    flex: unset !important;
    /* order: 2; */
  }
  .main-header-section__btn .elementor-button {
    padding: 7px 15px;
  }
}
@media screen and (max-width:400px) {

}

/**
* Footer
*/
.main-footer-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-footer-section ul li {
  padding-bottom: 7px;
}
.main-footer-section ul li a {
  color: #fff;
}
.main-footer-section ul li a:hover {
  color: #D2E3FD;
}

.main-footer-section__copyright {

}
/* Copyright(@r-footer-copyright) */
.footer-copyright {
  margin: 0;
  text-align: center;
}
.footer-copyright,
.footer-copyright a {
  color: #fff;
  font-size: 14px;
}
.footer-copyright a:hover {
  color: #2E9EE6;
}



/**
* Home page
*/
.home-banner-section {

}
.home-banner-section .swiper-slide-inner {
  /* 50px: padding */
  /* max-width: calc(1300px + 50px + 50px) !important; */
}
.home-banner-section__contents {

}
.home-top-text-section p:last-child {
  margin-bottom: 0;
}
.home-rate-table-section {

}
table.exchange-table {
  box-shadow: 0px 14px 30px -10px rgb(22 41 68 / 40%);
}
table.exchange-table th,
table.exchange-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}
table.exchange-table thead th {
  background: #2F3F92;
  color: #fff;
}

table.exchange-table tbody>tr:nth-child(odd)>td,
table.exchange-table tbody>tr:nth-child(odd)>th,
table.exchange-table tbody tr:hover>td,
table.exchange-table tbody tr:hover>th {
  /* background: transparent; */
}

.exchange-table__currency-name>span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.exchange-table__currency-name>span img {
  margin-right: 3px;
}

/* Hide columns on small screens */
.hide-column {
  display: none;
}
.exchange-table__update-time {
  text-align: center;
  color: #8A8A8A;
}

@media screen and (max-width: 600px) {
  table.exchange-table thead th {
    font-size: 13px;
  }
  table.exchange-table th,
  table.exchange-table td {
    font-size: 12px;
  }
  .exchange-table__currency-name>span img {
    width: 20px;
  }
}
@media screen and (max-width: 450px) {
  table.exchange-table thead th,
  table.exchange-table th,
  table.exchange-table td {
    padding: 3px;
    font-size: 11px;
  }
  .exchange-table__currency-name>span {
    flex-direction: column;
  }
  .exchange-table__currency-name>span img {
    width: 15px;
  }
  .exchange-table__update-time {
    font-size: 14px;
  }
}

.home-service-section {

}
.loop-item-home-slider {

}
.home-about-section p:last-child {
  margin-bottom: 0;
}
.home-middle-banner-section {
}
.home-advantage-section {
}
.home-advantage-section__items {
}

.home-financial-section {

}
.loop-item-financial {
  box-shadow: 0px 14px 30px -10px rgb(22 41 68 / 40%);
}

.loop-item-financial .e-con-inner>div:last-child {
  margin-top: auto;
}

.home-inquire-section {
  position: absolute;
  margin-top: -80px;
  background: transparent;
  z-index: 10;
}
.home-inquire-section__inner ul {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px 40px;
}
.home-inquire-section__inner ul h2 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 600px;

}

/**
* Customer Transaction page
*/
.single-customer-transaction .main-header-section {
  background-color: #2F3F92 !important;
}

.transaction-main-section {

}
.transaction-main-section__header {

}
.transaction-main-section__header--title {

}
.transaction-main-section__table {

}
.transaction-main-section__print-btn {

}

/* Edit form */
.note {
  padding: 30px 0;
  /* display: none; */
}
.form-item label span {
  color: red;
}
/* Repeator section */
.form-table--result, .form-table--input {
  width: 100%;
  border-collapse: collapse;
}

.form-table--result th, .form-table--result td,
.form-table--input th, .form-table--input td {
  border: 1px solid #ddd;
  padding: 8px;
}


/**
* Contact us page
*/
.subpage-header-section {
}
.contact-2columns-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-2columns-section ul li {
  padding-bottom: 7px;
}
.contact-2columns-section ul li a {
  color: #3b3b3b;
}
.contact-2columns-section ul li a:hover {
  color: #2F3F92;
}
.contact-2columns-section .form-wrapper .half-item {
  width: 100%;
}



/**
* About us page
*/
.about-text-section {

}
.about-2columns-section p:last-child {
  margin-bottom: 0;
}
.about-form-section {

}
.about-form-section .form-wrapper {
  border: 0;
  background: transparent;
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}
.about-form-section .form-wrapper label {
  color: #fff;
}
.about-form-section .form-wrapper .form-item input,
.about-form-section .form-wrapper .form-item textarea,
.about-form-section .form-wrapper .form-item select {
  background: rgb(255 255 255 / 75%);
}
.about-form-section .form-wrapper .form-item.submit-item {
  max-width: 200px;
  margin: 0 auto;
}
.about-form-section .form-wrapper .form-item input[type=submit] {
  background: #fff;
  color: #333;
  border-radius: 20px;
}
.about-form-section .form-wrapper .form-item input[type=submit]:hover {
  background: #D2E3FD;
}

.about-form-section .wpcf7 form .wpcf7-response-output {
  max-width: 800px;
  margin: 0 auto;
}


/**
* News page
*/
.news-loop-section {

}

/**
* Customer Dashboard
*/
ul.c-dashboard__sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
}
ul.c-dashboard__sidebar li {
  border: 2px solid #333;
  padding: 5px 10px;
  border-radius: 10px;
}
ul.c-dashboard__sidebar li:hover {
  background: #2F3F92;
  border-color: #2F3F92;
}
ul.c-dashboard__sidebar li a {
  color: #333;
}
ul.c-dashboard__sidebar li:hover a {
  color: #fff;
}
/* main */
.c-dashboard {
  max-width: 1400px;
  margin: 0 auto;
  padding: 70px 20px;
}
.c-dashboard__header {
  text-align: center;
  margin: 30px 0;
}
.c-dashboard button {
  border-color: #333;
  color: #333;
}
.c-dashboard button:hover {
  border-color: #2F3F92;
  background: #2F3F92;
  color: #fff;
}
.c-dashboard a {
  color: #333;
}
.c-dashboard a:hover {
  color: #F5B03A;
}
.action-buttons {
  margin: 0px 0 10px;
}
.search-fields {
  margin: 10px 0 30px;
  padding: 10px 20px;
}

.search-fields.form-wrapper label {
  font-size: 13px;
}
.search-fields.form-wrapper .form-item {
  padding: 3px 0;
}
.search-fields.form-wrapper .form-item input,
.search-fields.form-wrapper .form-item textarea,
.search-fields.form-wrapper .form-item select {
  padding: 5px 16px;
  font-size: 14px;
}
.search-fields.form-wrapper .form-item select {
  padding: 6px 16px;
}
.search-fields.form-wrapper .form-item.btns-item {
  padding-top: 10px;
}
.search-fields.form-wrapper button,
.search-fields.form-wrapper .clear-button {
  font-size: 13px;
  padding: 5px 20px;
}
.search-fields.form-wrapper button {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.search-fields.form-wrapper button:hover {
  background: #2F3F92;
  border-color: #2F3F92;
  color: #fff;
}


.customer-information-form .radio-items {
   display: flex;
   flex-direction: row;
   gap: 20px;

}
 .customer-information-form .radio-item {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  font-size: 14px;
}
/* Table */
.c-dashboard__table-wrapper {
  overflow-x: auto;
  display: block;
}

.c-dashboard__table th,
.c-dashboard__table td {
  padding: 5px 7px;
  text-align: center;
  vertical-align: middle;
  /* white-space: nowrap; */
  font-size: 15px;
}
.c-dashboard__table td {
  font-size: 14px;
}
.c-dashboard__table a.edit-button {
  color: #1890ff;
}
.c-dashboard__table a.edit-button:hover {
  color: #F5B03A;
}
.c-dashboard__table button.delete-button {
  padding: 0;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  color: red;

}
.c-dashboard__table button.delete-button:hover {
  background: transparent;
  color: #F5B03A;
}

/* Customer information table */
.c-dashboard__table.customer-information-table .id-expire {
	color: red;
}

.c-dashboard .pagination {
  justify-content: center;
  gap: 10px 30px;
}
.c-dashboard .pagination .page-numbers {
	padding: 2px 5px;
}
.c-dashboard .pagination .page-numbers.current {
	background: #1890ff;
	color: #fff;
}
/* Customer Information Registration */
.btn-go-back {
  text-align: right;
  margin: 20px 0 0;
}

/**
* login page
*/
.page-id-1025 main.site-main {
  margin-top: 0;
}
.login-main-section {
  text-align: center;
}
.login-main-section a {
  color: #2F3F92;
}
.login-main-section a:hover {
  color: #F5B03A;
}
/* Login form */

.login-header-section p:last-child {
	margin-bottom: 0;
}
.login-main-section #wppb-loginform {
  text-align: left;
}
.login-main-section #wppb-loginform label {
  font-size: 14px;
}
.login-main-section #wppb-loginform input:focus {
	outline:none;
}
.login-main-section #wppb-loginform input:focus {
	outline:none;
}

.login-main-section #wppb-loginform input:not([type="checkbox"]) {
	width: 100% !important;
	padding: 8px 10px;
}

.login-main-section #wppb-loginform .login-submit {
	padding-bottom: 0;
}
.login-main-section #wppb-loginform #wppb-submit {
	background: #fff;
	color: #333;
  border: 1px solid #333;
	text-transform: uppercase;
}
.login-main-section #wppb-loginform #wppb-submit:hover {
	background: #2F3F92;
  border-color: #2F3F92;
  color: #fff;
}
.login-main-section__create-new ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
* Responsive
*/
@media screen and (max-width:767px) {
  /*  */
  /* Home page */
  .home-inquire-section {
    position: relative;
    margin-top: 0px;
    background: #F2F2F2;
    /* padding-top: 50px;
    padding-bottom: 50px; */
  }
  .home-inquire-section__inner {
    border-radius: 10px !important;
  }
}
@media screen and (max-width:500px) {
  /* Home page */
  .home-banner-section .elementor-heading-title {
    font-size: 35px !important;
  }
}
@media screen and (max-width:350px) {
  /* Home page */
  .home-banner-section .elementor-heading-title {
    font-size: 28px !important;
  }
}

/**
* --- --- --- ---
* --- For Printing --- ---
* --- --- --- ---
*/

@media print {
  /* Universal reset for print */
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box; /* Safari */
    -moz-box-sizing: border-box; /* Firefox */
    margin: 0;
    padding: 0;
  }
  .elementor-element,
  .elementor-widget,
  .elementor-row,
  .elementor-column {
      margin: 0 !important;
      padding: 0 !important;
  }

  /* Hide specific sections */
  .main-header-section,
  .main-footer-section,
  .main-footer-section__copyright,
  .print-button {
    display: none !important;
  }

  /* Main section adjustments */
  .transaction-main-section {
    padding: 0  20px !important; /* Reduce padding */
    max-height: 100%; /* Prevent overflow */
  }
  /* Header adjustments */
  .transaction-main-section__header img {
    max-width: 200px; /* Reduce image size */
  }
  .transaction-main-section__header p {
    font-size: 18px; /* Reduce font size */
    margin-bottom: 0;
  }
  .transaction-main-section__table {
    margin-bottom: 0 !important;
    gap: 0;
  }

  /* Print-specific table styling */
  .table-print {
    background-color: transparent;
    width: 100%;
    font-size: 11px; /* Reduce font size */
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 !important;
    margin-block-end: 0 !important;

  }
  .table-print th,
  .table-print td {
    border: 1px solid #333 !important;
    padding: 2px 5px !important; /* Reduce padding */
    font-size: 12px !important; /* Ensure consistent font size */
    -webkit-print-color-adjust: exact; /* Safari for border colors */
    color-adjust: exact; /* General for print color adjustments */
  }

  /* Bottom text adjustments */
  .transaction-main-section__table p {
    font-size: 11px;
    line-height: 1.1;
  }

  /* Control page margins */
  @page {
  /*  size: A4; */ /* Or 'Letter' depending on your standard */
    margin: 5mm; /* Reduce margins */
  }

  /* Prevent page breaks within critical elements */
  .transaction-main-section,
  .table-print,
  .transaction-main-section__header,
  .transaction-main-section__bottom-text {
    /* Keep sections together */
   /* page-break-inside: avoid; */
  }
}