/*
Theme Name: Custom Theme
Theme URI: https://www.230i.com/
Description: A Custom WordPress theme built with Bootstrap v5.3.8
Author: 230 Interactive
Author URI: https://www.230i.com/
Version: 1.0.0
Text Domain: 230 Interactive
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
  --base-font: "Montserrat", sans-serif;
  --color-0: #FFFFFF;
  --color-10: #f1f1f2;
  --color-20: #dddddd;
  --color-70: #AFA7A3;
  --color-80: #605754;
  --color-90: #4A4441;
  --color-100: #2f2f2f;
  --color-theme: #0400ff;
  --color-theme-light: #ffd7c5;
  --color-theme-lighter:#FFEEE6;
  --color-theme-dark: #E84A00;
  --shadow-xs: 0 0.1rem 0.35rem rgba(0, 0, 0, 0.15);
  --shadow-sm: 0 0.2rem 0.45rem rgba(0, 0, 0, 0.3);
  --shadow-lg: 0px 10px 30px -15px rgba(0, 0, 0, 0.5);
  --border-radius-lg: 24px;
  --border-radius-md: 16px;
  --border-radius-sm: 8px;
  --transition: 0.4s;
}
body, h1, h2, h3, h4, h5, h6, p, div, a, button, small {
  font-family: "Montserrat", sans-serif !important;
}
a {
  text-decoration: none;
}
a, button, input[type="submit"] {
  transition-duration: var(--transition);
  cursor: pointer;
}
.a-tags {
  color: var(--color-80);
}
.a-tags:hover {
  color: var(--color-theme);
}
button:focus {
  box-shadow: none !important;
}
.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.disabled:hover {
  color: inherit;
}
h4 {
  font-size: 24px;
}
.bg-primary {
  background-color: var(--color-theme) !important;
}
.bg-gray {
  background-color: var(--color-10) !important;
}
.body-text {
  font-size: 16px;
  color: var(--color-80);
}
.title-sm {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-90);
}
.title-md {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-90);
}
.row.row-clr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.shadow-lg {
  box-shadow: var(--shadow-lg) !important;
}
.section-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
.custom-btn {
  background-color: var(--color-theme);
  color: var(--color-0);
  box-shadow: var(--shadow-xs) !important;
  text-align: center;
  padding: 12px 16px;
  border: 1px solid var(--color-theme);
  border-radius: var(--border-radius-sm);
  display: inline-block;
  min-width: 140px;
}
.custom-btn:hover {
  background-color: var(--color-theme-dark);
  border: 1px solid var(--color-theme-dark);
}
.custom-btn.light-btn {
  background-color: var(--color-0);
  color: var(--color-theme);
  border: 1px solid var(--color-0);
}
.custom-btn.light-btn:hover {
  background-color: transparent;
  color: var(--color-0);
}
.custom-btn.line-btn {
  background-color: var(--color-0);
  color: var(--color-theme);
  border: 1px solid var(--color-theme);
}
.custom-btn.line-btn:hover {
  background-color: var(--color-theme);
  color: var(--color-0);
}
.custom-btn.with-icon i {
  margin-right: 8px;
}
.custom-link {
  color: var(--color-theme);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom-link:hover {
  color: var(--color-90);
}
.toggle-button-light .elementor-toggle-button:hover {
	background-color: var(--color-theme-dark);
	border: 1px solid var(--color-theme-dark);
	color: var(--color-0);
}
.form-control::-webkit-input-placeholder {
  font-family: var(--base-font) !important;
  color: var(--color-black) !important;
  font-size: 14px;
}
.form-control:-ms-input-placeholder {
  font-family: var(--base-font) !important;
  color: var(--color-black) !important;
  font-size: 14px;
}
.form-control::placeholder {
  font-family: var(--base-font) !important;
  color: var(--color-black) !important;
  font-size: 14px;
}
.custom-pagination.pagination {
  text-align: center;
  margin-top: 20px;
  justify-content: center;
}
.custom-pagination.pagination a,
.custom-pagination.pagination span {
  padding: 8px 14px;
  font-size: 14px;
  margin: 0 5px !important;
  background-color: var(--color-theme-light);
  border-radius: 5px;
  border: none !important;
  color: var(--color-100);
  text-decoration: none;
  transition: var(--transition);
  box-shadow: none !important;
}
.custom-pagination.pagination a:hover {
  background-color: var(--color-theme);
  color: var(--color-0);
  transition: var(--transition);
}
.custom-pagination.pagination .current,
.custom-pagination.pagination .page-item.active a,
.custom-pagination.pagination a.active {
  background-color: var(--color-theme);
  color: var(--color-0);
}
.rc-error {
  color:#c2292b;
  font-size:12px;
}
.rc-error.hidden {
  display:none;
}
.rc-contact-success {
  color: var(--color-90);
  text-align:center;
}
.rc-contact-error {
  color: #c2292b;
  text-align:center;
}

/* Navigation styles */
.main-navbar {
  box-shadow: var(--shadow-xs);
  position: relative;
  z-index: 999;
}
.main-navbar .nav-top {
  background-color: var(--color-theme);
  padding: 6px 0;
}
.main-navbar .nav-top .nav-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-navbar .nav-top .nav-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.main-navbar .nav-top .nav-info ul li a,
.main-navbar .nav-top .nav-top-links ul li a {
  font-size: 13px;
  position: relative;
}
.main-navbar .nav-top .dropdown-menu a {
  font-size: 12px !important;
  position: relative;
}
.main-navbar .nav-top .nav-info ul li a,
.main-navbar .nav-top .nav-top-links ul li a,
.main-navbar .menu-item.current-menu-item .nav-link {
  color: var(--color-0);
}
.main-navbar .nav-top .nav-info ul li a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.main-navbar .nav-top .nav-top-links ul li.nav-btn>.nav-link,
.mobi-language-main .dropdown-toggle {
  background-color: var(--color-0);
  color: var(--color-80) !important;
  padding: 6px 8px;
  border-radius: var(--border-radius-sm);
  min-width: 70px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}
.main-navbar .dropdown-menu {
  padding: 5px;
  min-width: max-content;
}
.main-navbar .nav-top .nav-top-links ul li.nav-btn .dropdown-menu {
  min-width: 100%;
  text-align: center;
}
.main-navbar .dropdown-menu li a {
  color: var(--color-80) !important;
  padding: 6px;
  border-radius: 4px;
  width: 100%;
  margin: 4px 0;
}
.main-navbar .dropdown-menu li a:hover {
  background-color: var(--color-theme-light);
}
.main-navbar .nav-top .nav-top-links ul {
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.main-navbar .dropdown-toggle::after {
  content: "\F282" !important;
  border: none !important;
  font-family: bootstrap-icons !important;
  vertical-align: -0.1rem;
  margin-left: 0.4rem;
  font-size: 12px;
}
.main-navbar .nav-bottom .navbar-brand img {
  width: 120px;
  height: auto;
}
.main-navbar .nav-bottom .menu-item .nav-link,
.main-navbar .nav-bottom .dropdown-menu a  {
  font-weight: 600;
  color: var(--color-80);
}
.main-navbar .nav-bottom .menu-item .nav-link  {
  font-size: 15px;
}
.main-navbar .nav-bottom .menu-item .nav-link:hover  {
  color: var(--color-theme);
}
.main-navbar .nav-bottom .dropdown-menu a  {
  font-size: 13px !important;
}
.main-navbar .nav-bottom .navbar-nav {
  gap: 20px;
  align-items: center;
}
.main-navbar .nav-bottom .nav-btn,
.main-navbar .nav-top .nav-btn {
  margin-left: 40px;
}
.main-navbar .nav-bottom .nav-btn>.nav-link {
  background-color: var(--color-theme);
  color: var(--color-0) !important;
  padding: 12px 8px;
  min-width: 140px;
  text-align: center;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--shadow-sm);
}
.main-navbar .nav-bottom .nav-btn>.nav-link i {
  margin-right: 5px;
}
.main-navbar .nav-bottom .nav-btn>.nav-link:after {
  display: none;
}
.main-navbar .nav-bottom .nav-btn>.nav-link:hover {
  background-color: var(--color-theme-dark);
}
.main-navbar .nav-top .menu-item .nav-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-0);
  bottom: 6px;
  opacity: 0;	
  transition-duration: var(--transition);
}
.main-navbar .nav-top .menu-item.current-menu-item .nav-link::before,
.main-navbar .nav-top .menu-item .nav-link:hover::before {
  opacity: 1;	
  transition-duration: var(--transition);
}
.main-navbar .dropdown-menu .menu-item .nav-link::before,
.main-navbar .dropdown-menu .menu-item .nav-link:hover::before,
.main-navbar .nav-top .nav-top-links ul li.nav-btn>.nav-link::before {
  display: none !important;
}
.main-navbar .dropdown-menu .menu-item.current-menu-item .nav-link {
  background-color: var(--color-theme);
  color: var(--color-0) !important;
}
.main-navbar .nav-bottom .menu-item.current-menu-item .nav-link {
  color: var(--color-theme);
}
.main-navbar .menu-item.mobile-item {
  display: none;
}
/* End Navigation styles */

/* Elememtor Widgets styles */
.custom-text-grid h3 {
  font-size: 78px;
  color: #FF5100;
  margin: 0;
  font-weight: 700;
}
.custom-text-grid h4 {
  font-size: 40px;
  color: #4A4441;
  font-weight: 600;
  margin: 0;
}
.custom-text-grid p {
  font-size: 14px;
  color:#605754;
  margin: 0;
}
.custom-text-grid .mid-item {
  margin: 10px 0 25px;
}
.custom-text-grid .col-12:nth-child(5) {
	
}
.floating-tag {
  position: absolute;
  background-color: var(--color-0);
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  border-radius: 50px 0px 0px 50px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-20);
  box-shadow: var(--shadow-sm);
  z-index: 9;
}
.floating-tag.wcua {
  bottom: -200px;
  right: 80px;
}
.floating-tag.clickapp {
  left: 0;
  bottom: -640px;
}
.floating-tag.inproducts {
  left: -150px;
  bottom: -180px;
}
.floating-tag .item h3 {
  color: var(--color-theme);
  margin-bottom: 0;
  font-weight: 700;
  font-size: 36px;
}
.floating-tag .item h3 span {
  opacity: 0.5;
}
.floating-tag .item ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.floating-tag .item p {
  color: var(--color-90);
  margin-bottom: 0;
  font-weight: 500;
}
.floating-tag .item ul i {
  color: var(--color-theme);
}
.main-slider .carousel-caption {
  padding: 0px;
  top: 15%;
/*  top: 25%;*/
  bottom: initial;
  text-align: left;
  left: 0;
  right: 0;
  max-width: 1480px;
  margin: auto;
}
.main-slider .carousel-caption .caption-title {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--color-90);
}
.main-slider .carousel-caption .caption-title span {
  display: block;
  color: var(--color-theme);
}
.main-slider .carousel-caption p {
  font-size: 26px;
  color: var(--color-80);
  font-weight: 300;
  margin-bottom: 0;
}
.main-slider .carousel-caption .btn-box {
  margin-top: 40px;
  display: flex;
  gap: 16px;
}
.main-slider .carousel-caption .btn-box .custom-btn {
  display: inline-block;
  min-width: 160px;
}
.custom-blog-posts .item,
.custom-advisors-widget .item {
  margin-bottom: 24px;
}
.custom-blog-posts .item .post-item,
.custom-advisors-widget .item .card-item {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: block;
  color: var(--color-90);
  background-color: var(--color-0);
  height: 100%;
}
.custom-blog-posts .item .img-box img,
.custom-advisors-widget .item .img-box img {
  width: 100%;
  height: auto;
}
.custom-blog-posts .item .text-box,
.custom-report-widget .report-cards-main .item .text-box,
.custom-advisors-widget .item .text-box {
  padding: 20px;
}
.custom-blog-posts .item .text-box .post-date {
  font-size: 14px;
  color: var(--color-80);
  margin-bottom: 6px;
}
.custom-blog-posts .item .text-box .post-title,
.custom-advisors-widget .item .text-box .advisors-card-title {
  font-size: 18px;
  line-height: 22px;
  /* min-height: 45px; */
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 0;
  transition-duration: var(--transition);
}
.custom-advisors-widget .item .text-box .advisors-card-title {
  margin-bottom: 8px;
}
.custom-advisors-widget .item .text-box .advisors-card-name-tag {
  font-size: 16px;
  margin-bottom: 0px;
  color: var(--color-80);	
}
.custom-advisors-widget .title-box {
	margin-bottom: 40px;
}
.custom-blog-posts .item .text-box .post-excerpt {
  margin-top: 12px;
}
.custom-blog-posts .item .text-box .post-excerpt p,
.custom-advisors-widget .item .text-box .advisors-card-region-tag {
  margin-bottom: 0;
  color: var(--color-80);
  font-size: 14px;
}
.custom-blog-posts .item .text-box .post-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
}
.custom-blog-posts .item .text-box .post-tags .post-tag {
  color: var(--color-theme);
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 10px;
  text-transform: uppercase;
  background-color: var(--color-theme-lighter);
}
.custom-blog-posts .item .post-item:hover .text-box .post-title {
  color: var(--color-theme);
  transition-duration: var(--transition);
}
.title {
  font-size: 46px;
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 0;
}
.title.white {
  color: var(--color-0);
}
.title-highlight {
  color: var(--color-theme);
}
.custom-slick-slider .slick-slider {
  margin: 0 -10px;
}
.custom-slick-slider .slick-slide {
  margin: 0px 10px;
}
.custom-slick-slider .slide-box {
  position: relative;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
.custom-slick-slider .slide-box .slide-image img {
  width: 100%;
  height: auto;
}
.custom-slick-slider .slide-box .slide-image .bg-art,
.custom-card-grid .item .box .bg-art {
  width: 90px;
  height: auto;
  position: absolute;
  right: -25px;
  top: -25px;
  transform: rotate(-45deg);
  margin: 0;
}
.card-with-bg-art .bg-art  {
  width: 80px;
  height: auto;
  transform: rotate(-45deg);
}
.custom-slick-slider .slide-box .slide-content {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 40px);
  margin: auto;
  left: 0;
  right: 0;
  background-color: var(--color-0);
  padding: 20px;
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  z-index: 2;
}
.no-btns .custom-slick-slider .slide-box .slide-content .info-box {
  width: 100%;
}
.no-btns .custom-slick-slider .slide-box .slide-content .info-box p {
  min-height: auto;
}
.custom-slick-slider .slide-box .slide-content .info-box h4,
.custom-card-grid .item .box h4,
.custom-card-with-accordion .box .card-body h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 6px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-card-with-accordion .box.card-expanded .card-body h4 {
  white-space: initial;
  text-overflow: initial;
  overflow: initial;
}
.custom-slick-slider .slide-box .slide-content .info-box p {
  min-height: 70px;
}
.custom-slick-slider .slide-box .slide-content .info-box p,
.custom-card-grid .item .box p,
.custom-card-with-accordion .box .card-body .card-content-wrapper {
  color: var(--color-80);
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.custom-slick-slider .slide-box .slide-content .info-box {
  width: 75%;
}
.custom-slick-slider .slide-box .slide-content .custom-btn {
  min-width: 45px;
  min-height: 45px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-slick-slider .slick-arrow {
  bottom: -120px !important;
  top: initial !important;
  right: 0 !important;
  left: initial;
}
.custom-slick-slider .slick-arrow {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 60px;
  height: 60px;
}
.custom-slick-slider .slick-arrow.slick-prev {
  background-image: url(../custom/assets/images/icons/prev-icon.svg);
  right: 80px !important;
}
.custom-slick-slider .slick-arrow.slick-next {
  background-image: url(../custom/assets/images/icons/next-icon.svg);
}
.custom-slick-slider .slick-arrow::before {
  display: none;
}
.custom-slick-slider .slick-arrow.slick-disabled {
  opacity: 0.6;
}
.page-hero-main .item:first-child {
  background-color: var(--color-10);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.page-hero-main .item .box {
  padding: 0 40px 0 295px;
  width: 100%;
}
.page-hero-main .item .box .title {
  position: relative;
  margin-bottom: 15px;
}
.page-hero-main .item .box .title:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: var(--color-theme);
  left: -90px;
  top: 50%;
}
/*
.page-hero-main .item .box .title:after {
  display: none !important;
}
*/
.page-hero-main .item .box .hero-text {
  font-size: 16px;
  color: var(--color-80);
}
.page-hero-main .btn-box {
  display: flex;
  gap: 16px;
  margin-top: 20px;
}
.custom-card-grid .item,
.custom-card-with-accordion .item {
  margin-bottom: 24px;
}
.custom-card-grid .item .box {
  background-color: var(--color-0);
  box-shadow: var(--shadow-xs);
  padding: 35px 20px 20px;
  border-radius: var(--border-radius-md);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.custom-card-grid .item .box img {
  border-radius: var(--border-radius-sm);
  margin: 20px 0px;
}
.card-hidden,
.content-full,
.card-expanded .content-excerpt,
.hidden-row,
.page-other {
  display: none;
}
.card-expanded .content-full {
  display: block !important;
}
.custom-card-grid .btn-box,
.custom-card-with-accordion .btn-box,
.custom-team-members .btn-box,
.custom-table .btn-box {
  margin-top: 20px;
}
.custom-card-with-accordion .item .box {
  padding: 20px;
  background-color: var(--color-0);
  border-radius: var(--border-radius-md);
  /* min-height: 210px; */
  /* height: 100%; */
}
.custom-card-with-accordion .item .box .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 30px;
}
.custom-card-with-accordion .item .box .card-header .icon-box img {
  width: 50px;
  height: 50px;
}
.custom-card-with-accordion .item .box .card-header .action-box i {
  font-size: 24px;
}
.custom-card-with-accordion .item .box .card-header .action-box .custom-link.disabled {
	display: none;
}
.custom-card-with-accordion .item .box.card-expanded .card-header .action-box i {
  transform: rotate(180deg);
}
.custom-card-with-accordion .box .card-body .card-content-wrapper {
  min-height: 65px;
}
.custom-card-with-accordion .box .card-body .card-content-wrapper p:last-child {
  margin-bottom: 0;
}
.custom-form .col-12 {
  margin-bottom: 28px;
}
.custom-form .col-12 p {
  margin-bottom: 0;
}
.custom-form label {
  font-size: 14px;
  color: var(--color-80);
  margin-bottom: 8px;
  font-weight: 600;
}
.custom-form .form-control:focus,
.custom-form .form-select:focus {
  border-color: var(--color-theme-light);
  box-shadow: 0 0 0 .25rem rgb(232 74 0 / 40%);
}
.custom-form .form-control,
.custom-form .form-select {
  font-size: 14px;
  padding: .7rem .75rem;
}
.custom-form .wpcf7-list-item {
  margin-left: 0;
}
.custom-form .form-check {
  padding: 0;
}
.custom-form .form-check label span {
  font-size: 14px;
  font-weight: 400;
}
.custom-form label small {
  font-size: 11px;
  display: block;
  font-weight: 400;
}
.custom-form .form-control::-webkit-input-placeholder {
  color: var(--color-70) !important;
}
.custom-form .form-control:-ms-input-placeholder {
  color: var(--color-70) !important;
}
.custom-form .form-control::placeholder {
  color: var(--color-70) !important;
}
.custom-form .wpcf7-not-valid-tip {
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  left: 0;	
}
.custom-form small {
  font-size: 14px;
  display: block;
  color: var(--color-80);
}
.custom-form .wpcf7-spinner {
  top: 5px;
}
.custom-form small a {
  color: var(--color-theme);
}
.wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0 !important;
  border-radius: var(--border-radius-sm) !important;
}
.cal-container {
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  background-color: var(--color-0);
}
.cal-container .content-box,
.cal-container .media-box {
  padding: 60px;
}
.cal-container .media-box {
  background-color: var(--color-theme);
  display: flex;
  align-items: center;
}
.cal-container .media-box .box img {
  border-radius: var(--border-radius-md);
  width: 100%;
  height: auto;
  /* object-fit: cover; */
}
.cal-container .content-box .box,
.cal-container .content-box .box .custom-form {
  display: flex;
  justify-content: space-between;
  height: 100%;
  flex-direction: column;
  gap: 35px;
}
.cal-container .content-box .box .custom-form .btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-icon-info-list .info-list-row {
  margin-bottom: 28px;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 20px;
}
.custom-icon-info-list .info-list-row:last-child {
  margin-bottom: 0px;
}
.custom-icon-info-list .info-list-row .icon-box img {
  width: 50px;
  height: 50px;
}
.custom-icon-info-list .info-list-row .text-box .title-sm {
  margin-bottom: 8px;
}
.custom-icon-info-list .info-list-row .text-box p {
  font-size: 14px;
  color: var(--color-80);
}
.custom-icon-info-list .info-list-row .text-box .highlight {
  color: var(--color-theme);
}
.custom-modal {
  z-index: 9999;
}
.custom-modal .modal-btn-close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9;
}
.custom-modal.pay-premiums-modal .modal-btn-close,
.custom-modal.rewards-modal .modal-btn-close {
  background-image: none !important;
}
.custom-modal .modal-content {
  border: none;
  padding: 40px;
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
}
.custom-modal.retirement-cal-result-modal .modal-body .media-box {
  padding-right: 30px;
}
.custom-modal.retirement-cal-result-modal .modal-body .media-box img {
  border-radius: var(--border-radius-md);
  width: 100%;
  height: auto;
}
.custom-modal.retirement-cal-result-modal .retirement-cal-result-box,
.custom-modal.education-cal-result-modal .education-cal-result-box {
  padding: 30px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-theme);
}
.custom-modal.retirement-cal-result-modal .content-box .box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.custom-modal.retirement-cal-result-modal .content-box .box .btn-box {
  display: flex;
  gap: 12px;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary,
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  margin-bottom: 30px;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item {
  border-radius: var(--border-radius-md);
  background-color: var(--color-theme);
  padding: 20px;
  text-align: center;
  color: var(--color-0);
  width: 50%;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item .box {
  background-image: url(../custom/assets/images/icons/ua-circle-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 120px;
  height: 120px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item .box h2 {
  font-size: 42px;
  font-weight: 700;
  margin: 0;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item h3 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 0;
}
.custom-modal.education-cal-result-modal .content-box .btn-box,
.custom-modal.protection-cal-result-modal .content-box .btn-box {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-result-value {
  text-align: center;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-result-value p {
  color: var(--color-80);
}
.custom-modal.education-cal-result-modal .content-box .education-cal-result-value h2 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--color-theme);
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-top {
  text-align: center;
  padding: 30px;
  border: 2px solid var(--color-theme);
  border-radius: var(--border-radius-md);
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-top {
  color: var(--color-theme);
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-top p {
  font-size: 18px;
  margin-bottom: 8px;
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box h2 {
  font-size: 32px;
  margin-bottom: 0px;
  font-weight: 700;
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-mid {
  text-align: center;
  padding: 30px 16%;
  color: var(--color-80);
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item {
  border-radius: var(--border-radius-md);
  padding: 20px;
  text-align: center;
  width: 50%;
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item h2 {
  margin: 0;
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item h3 {
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 0;
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item:nth-child(1) {
/*  background-color: #FFC107;*/
  background-color: rgb(255 81 0 / 40%);	
  color: var(--color-100);
}
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item:nth-child(2) {
/*  background-color: #198754;*/
  background-color: var(--color-theme);	
  color: var(--color-0);
}
.custom-modal.cal-result-modal small {
  color: var(--color-80);
  font-size: 12px;
  line-height: 18px;
  display: block;
}
.alert.custom-alert {
  border-radius: var(--border-radius-sm);
}
/*
.alert.alert-success {
  border-left: 5px solid #22C55E;
}
*/
.alert.alert-primary {
  border-left: 5px solid #0A58CA;
}
.alert.alert-danger {
  border-left: 5px solid #B02A37;
}
/*
.alert.custom-alert.alert-success {
  background-color: rgb(34 197 94 / 16%);
  color: #146C43;
}
*/
.alert.custom-alert.alert-success {
    background-color: rgb(255 81 0 / 16%);
	border-left: 5px solid #FF5100;
	border-color: #FF5100;
    color: #E84A00;
}
.ind-post-page .post-header {
  background-color: var(--color-0);
  border-radius: var(--border-radius-lg);
  padding: 20px;
  margin-bottom: 40px;
}
.ind-post-page .post-header img {
  border-radius: var(--border-radius-md);
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.ind-post-page .content-box .post-date {
  color: var(--color-80);
  margin-bottom: 8px;
  font-size: 14px;
}
.ind-post-page .content-box .post-title {
  font-size: 28px;
  margin-bottom: 0;
  color: var(--color-90);
}
.ind-post-page .post-content {
  font-size: 16px;
  color: var(--color-80);
}
.ind-post-page .post-content a {
  color: var(--color-theme);
}
.ind-post-page .content-box {
  padding-right: 60px;
  padding-left: 0;
}
.ind-post-page .sidebar {
  padding-right: 0px;
}
.sidebar .recent-posts-list {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
.sidebar .recent-posts-list li {
  background-color: var(--color-0);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  margin-bottom: 24px;
}
.sidebar .recent-posts-list li:last-child {
  margin-bottom: 0px;
}
.sidebar .recent-posts-list img {
  width: 100%;
  height: auto;
}
.sidebar .recent-posts-list .text-box {
  padding: 20px;
}
.sidebar .recent-posts-list .text-box .post-date {
  color: var(--color-80);
  margin-bottom: 4px;
  font-size: 12px;
}
.sidebar .recent-posts-list .text-box .post-title {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--color-90);
  transition-duration: var(--transition);
}
.sidebar .recent-posts-list .text-box:hover .post-title {
  color: var(--color-theme);
  transition-duration: var(--transition);
}
.article-share-box {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}
.article-share-box p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--color-90);
}
.article-share-box ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0px;
  align-items: center;
}
.article-share-box ul li {
  padding-left: 20px;
}
.article-share-box ul li a {
	color: var(--color-90);
}
.article-share-box ul li a:hover {
	color: var(--color-theme);
}
.custom-team-members .item {
  margin-bottom: 24px;
}
/*
.custom-team-members .item:last-child {
  margin-bottom: 0px;
}
*/
.custom-team-members .item .box {
  background-color: var(--color-0);
  box-shadow: var(--shadow-xs);
  border-radius: var(--border-radius-md);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.custom-team-members .item .box .text-box {
  padding: 20px;
}
.custom-team-members .item .box .text-box .member-name {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 6px;
}
.custom-team-members .item .box .text-box .member-title {
  color: var(--color-80);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}
.custom-modal.team-member-modal .member-name {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 6px;
}
.custom-modal.team-member-modal .member-title {
  color: var(--color-80);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}
.custom-modal.team-member-modal .member-description {
  color: var(--color-80);
  font-size: 16px;
  margin-top: 20px;
  line-height: 28px;
}
.custom-modal.team-member-modal .member-description p {
  margin-bottom: 0;
}
.custom-modal.team-member-modal .modal-body {
  padding: 0;
}
.custom-accordion .accordion-item {
  margin-bottom: 20px;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  background-color: var(--color-0);
  border: 1px solid var(--color-20);
}
.custom-accordion .accordion-item:last-child {
  margin-bottom: 0px;
}
.custom-accordion .accordion-button {
  background-color: transparent;
  padding: 30px;
  color: var(--color-theme);
  font-size: 18px;
  font-weight: 600;
  box-shadow: none;
}
.custom-accordion .accordion-body {
  padding: 0 30px 30px;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-80);
}
.custom-accordion .accordion-body p:last-child,
.custom-accordion .accordion-body ul:last-child,
.custom-accordion .accordion-body ol:last-child {
  margin-bottom: 0;
}
.custom-accordion .accordion-button::after {
  background-image: url(../custom/assets/images/icons/plus-circle.svg);
}
.custom-accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../custom/assets/images/icons/minus-circle.svg);
}
.with-line-icon-box {
  position: relative;
}
.with-line-icon-box:after {
  content: "";
  position: absolute;
  width: 4px;
  top: 37px;
  left: 14px;
  height: 80%;
  background-color: var(--color-theme);
}
.table-responsive {
  overflow-x: auto;
  border: 1px solid var(--color-theme);
  border-radius: 12px;
}
.custom-table .table {
  margin-bottom: 0;
}
.custom-table .table th {
  font-weight: 400;
  font-size: 16px;
  color: var(--color-90);
  background-color: var(--color-theme-lighter);
  vertical-align: top;
}
.custom-table .table th:first-child {
  border-radius: 12px 0 0 0;
}
.custom-table .table th:last-child {
  border-radius: 0 12px 0 0;
}
.custom-table .table td {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-80);
}
.custom-table .table th,
.custom-table .table td {
  padding: 14px 16px;
  text-align: center;
  font-family: var(--base-font);
}
.custom-table .pressureinfo-table td,
.custom-table .pressureinfo-table th {
  font-size: 14px;
  text-align: left;
}
.custom-tabs .nav.nav-tabs {
  border: none;
  gap: 20px;
  margin-bottom: 50px;
}
.custom-tabs .nav-item .nav-link {
  margin-bottom: 0;
  border: 1px solid var(--color-20);
  color: var(--color-80);
  padding: 10px 20px;
  border-radius: 50px;
}
.custom-tabs .nav-item .nav-link:hover {
  background-color: var(--color-theme-light);
}
.custom-tabs .nav-item .nav-link.active {
  background-color: var(--color-theme);
  color: var(--color-0);
}
.custom-tabs.custom-tabs-light .nav-item .nav-link {
  border: 1px solid var(--color-0);
  color: var(--color-0);
}
.custom-tabs.custom-tabs-light .nav-item .nav-link:hover {
  background-color: var(--color-theme-light);
  color: var(--color-theme);
}
.custom-tabs.custom-tabs-light .nav-item .nav-link.active {
  background-color: var(--color-0);
  color: var(--color-theme);
}
.custom-report-widget .tab-content .title-with-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.custom-report-widget .title-with-search .search-form,
.custom-blog-posts .blog-search-form {
  position: relative;
}
.custom-report-widget .title-with-search .search-form .form-control,
.custom-blog-posts .blog-search-form .form-control,
.branch-widget .search-box .form-control,
.custom-advisors-widget .advisors-filter-box .form-select {
  padding: 12px;
  box-shadow: none !important;
  border: 1px solid var(--color-20) !important;
  width: 400px;
  border-radius: var(--border-radius-sm);
}
.custom-advisors-widget .advisors-filter-box .form-select {
  width: 80% !important;
  margin-left: auto;
}
.custom-report-widget .title-with-search .search-form .custom-btn,
.custom-blog-posts .blog-search-form .custom-btn,
.branch-widget .search-box .custom-btn {
  position: absolute;
  min-width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 7px;
  top: 7px;
}
.custom-blog-posts .blog-search-box {
  width: 400px;
  margin-left: auto;
  margin-bottom: 24px;
}
.branch-widget .search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
}
.custom-blog-posts .blog-search-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.branch-widget .search-form {
  width: 400px;
  margin-left: auto;
  position: relative;
}
.custom-report-widget .report-cards-main .item {
  margin-bottom: 24px;
}
.custom-report-widget .report-cards-main .item:last-child {
  margin-bottom: 0px;
}
.custom-report-widget .report-cards-main .item .box {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  background-color: var(--color-0);
  box-shadow: var(--shadow-xs);
}
.custom-report-widget .report-cards-main .item .box h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--color-90);
  margin-bottom: 8px;
  min-height: 45px;
}
.custom-card-with-accordion.custom-tabs .title-box {
  margin-bottom: 40px;
}
.custom-form .custom-checkbox {
  display: flex;
  gap: 20px;
}
.custom-form .custom-checkbox .form-check {
  position: relative;
  width: 50%;
}
.custom-form .custom-checkbox .form-check-input {
  display: none;
}
.custom-form .custom-checkbox .form-check-label {
  padding: 8px 20px;
  border: 1px solid var(--color-theme);
  color: var(--color-theme);
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.4s ease;
  user-select: none;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
}
.custom-form .custom-checkbox .form-check-input:checked + .form-check-label {
  background-color: var(--color-theme);
  color: var(--color-0);
}
.custom-form .custom-checkbox .form-check-label:hover {
  background-color: var(--color-theme-light);
}
.custom-form .input-item {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
}
.custom-form .input-item .group {
  position: relative;
}
.custom-form .input-item .group span {
  position: absolute;
  top: 12px;
  right: 10px;
  padding-left: 6px;
  color: var(--color-80);
  border-left: 1px solid var(--bs-border-color);
  font-size: 14px;
  min-width: 25px;
}
.custom-form .input-item .group .form-control, .custom-form .input-item .group .form-select {
  padding-right: 25px;
}
.custom-form .input-with-info {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.custom-form .input-with-info .action-btn {
  padding: 8px;
  width: 45px;
  height: 45px;
  background-color: #e5e5e5;
  border: 1px solid gray;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-form .input-with-info .action-btn {
  padding: 8px;
  width: 45px;
  height: 45px;
  background-color: #e5e5e5;
  border: 1px solid gray;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.custom-form .input-with-info .action-btn.warning {
  color: var(--color-theme);
  background-color: var(--color-theme-lighter);
  border: 1px solid var(--color-theme);
}
.custom-modal .heart-cal-result-box {
  text-align: center;
  padding: 30px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-20);
}
.custom-modal .heart-cal-result-box .icon {
  margin: auto;
  width: 55px;
  height: auto;
  margin-bottom: 30px;
  display: none;
}
.custom-modal .heart-cal-result-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.custom-modal .heart-cal-result-box h3 span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px;
}
.custom-modal .heart-cal-result-box h2 {
  font-size: 46px;
  margin-bottom: 30px;
  font-weight: 700;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  margin-bottom: 16px;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row:last-child {
  margin-bottom: 0px;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row .barchart-name {
  min-width: 40%;
  text-align: left;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row .barchart-box {
  min-width: 45%;
  position: relative;
  height: 22px;
  border-radius: 6px;
  overflow: hidden;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar {
  background-color: #e9e9e9;
  width: 100%;
  height: 100%;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar-fill {
  background-color: #d8d8d8;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 6px 6px 0;
}
.heart-cal-result-box .cal-result-barcharts .result-barcharts-row .barchart-value {
  min-width: 10%;
}
.custom-modal .heart-cal-result-box.result-good {
  background-color: rgb(34 197 94 / 16%);
  border: 1px solid #a3cfbb;
}
.custom-modal .heart-cal-result-box.result-good h3,
.custom-modal .heart-cal-result-box.result-good h2 {
  color: #146C43;
}
.heart-cal-result-box.result-good .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar {
  background-color: #A3CFBB;
}
.heart-cal-result-box.result-good .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar-fill {
  background-color: #146C43;
}
.custom-modal .heart-cal-result-box.result-good .icon.heart-good {
  display: block;
}
.custom-modal .heart-cal-result-box.result-average {
  background-color: #cfe2ff;
  border: 1px solid #9ec5fe;
}
.custom-modal .heart-cal-result-box.result-average h3,
.custom-modal .heart-cal-result-box.result-average h2 {
  color: #0A58CA;
}
.heart-cal-result-box.result-average .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar {
  background-color: #9ec5fe;
}
.heart-cal-result-box.result-average .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar-fill {
  background-color: #0A58CA;
}
.custom-modal .heart-cal-result-box.result-average .icon.heart-average {
  display: block;
}
.custom-modal .heart-cal-result-box.result-risk {
  background-color: #f8d7da;
  border: 1px solid #f1aeb5;
}
.custom-modal .heart-cal-result-box.result-risk h3,
.custom-modal .heart-cal-result-box.result-risk h2 {
  color: #B02A37;
}
.heart-cal-result-box.result-risk .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar {
  background-color: #f1aeb5;
}
.heart-cal-result-box.result-risk .cal-result-barcharts .result-barcharts-row .barchart-box .barchart-bar-fill {
  background-color: #B02A37;
}
.custom-modal .heart-cal-result-box.result-risk .icon.heart-risk {
  display: block;
}
.custom-modal.heart-cal-result-modal .media-box {
  padding-right: 30px;
}
.custom-modal.heart-cal-result-modal .content-box .box,
.form-content-box {
  padding: 30px 20px;
  border: 1px solid var(--color-theme);
  border-radius: var(--border-radius-md);
  height: 100%;
}
.custom-modal.pay-premiums-modal .title-md {
  color: var(--color-theme);
  margin-bottom: 8px;
}
.custom-modal.pay-premiums-modal .image-card-main {
  margin: 40px 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
}
.custom-modal.pay-premiums-modal .image-card-main .item {
  margin-bottom: 24px;
}
.custom-modal.pay-premiums-modal .image-card-main .item:last-child {
  margin-bottom: 0px;
}
.custom-modal.pay-premiums-modal .image-card-main .item .box {
  padding: 20px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--color-20);
}
.custom-modal.pay-premiums-modal .image-card-main .item .box .bank-name {
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 600;
}
.custom-modal.pay-premiums-modal small {
  color: var(--color-80);
  margin-top: 40px;
}
.custom-modal.pay-premiums-modal .image-card-main .item .box .bank-logo-box,
.custom-modal.rewards-modal .modal-head .reward-logo-box {
  border-radius: var(--border-radius-sm);
  padding: 20px 40px;
  background: linear-gradient(to bottom, #ffffff 0%,#f3f2f1 100%);
  box-shadow: var(--shadow-sm);
}
.custom-modal.pay-premiums-modal .image-card-main .item .box .bank-logo-box img,
.custom-modal.rewards-modal .modal-head .reward-logo-box img {
  mix-blend-mode: multiply;
}
.custom-modal.rewards-modal .modal-head .title {
	margin-bottom: 12px;
}
.custom-modal.rewards-modal .modal-head .body-text {
	color: var(--color-theme);
	font-size: 14px;
}
.custom-modal.rewards-modal .modal-main-content {
    color: var(--color-90);
    padding: 20px 0;
    margin-top: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 450px;
}
.custom-modal.rewards-modal .modal-main-content h4 {
	font-size: 20px;
}
.custom-modal.rewards-modal .modal-main-content p {
	font-size: 14px;
}
.custom-modal.rewards-modal .modal-footer-note small {
  color: var(--color-80);
}
.custom-modal.rewards-modal .modal-head {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-modal.rewards-modal .modal-head .item:first-child {
    width: 70%;
	padding-right: 20px;
	flex: 0 0 auto;
}
.custom-modal.rewards-modal .modal-head .item:last-child {
    width: 30%;
	flex: 0 0 auto;
}
.custom-modal.rewards-modal .modal-head .reward-logo-box img {
	width: 100%;
    height: auto;
}
.branch-widget .search-box .dropdown-toggle.btn,
.blog-search-box .dropdown-toggle.btn {
  width: auto;
  height: 50px;
  background-color: var(--color-0);
  color: var(--color-90);
  border: 1px solid var(--color-20);
}
.branch-widget .search-box .dropdown-toggle.btn:hover,
.blog-search-box .dropdown-toggle.btn:hover {
  background-color: var(--color-theme-lighter);
}
.branch-widget .dropdown-item.active, 
.blog-search-box .dropdown-item:active,
.blog-search-box .dropdown-item.active{
    background-color: var(--color-theme);
}
.branch-widget .branch-container .branch-row {
  margin-bottom: 40px;
}
.branch-widget .branch-container .branch-row:last-child {
  margin-bottom: 0px;
}
.branch-widget .branch-container .branch-row .branch-row-title {
  font-size: 48px;
  color: var(--color-70);
  padding-bottom: 20px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--color-20);
}
.branch-widget .branch-container .branch-row .item {
  margin-bottom: 24px;
}
.branch-widget .branch-container .branch-row .item .box {
  padding: 20px;
  background-color: var(--color-0);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--color-20);
  height: 100%;
}
.branch-widget .branch-container .branch-row .item .box i {
  color: var(--color-theme);
}
.branch-widget .branch-container .branch-name {
  font-size: 20px;
  color: var(--color-90);
  margin-bottom: 10px;
}
.branch-widget .branch-container .branch-address,
.branch-widget .branch-container .branch-phone .branch-phon-list {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.branch-widget .branch-container .branch-address {
  font-size: 14px;
  color: var(--color-80);
}
.branch-widget .branch-container .branch-address p {
  margin-bottom: 0;
}
.branch-widget .branch-container .branch-phone {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}
.branch-widget .branch-container .branch-phone .branch-phon-list a {
  color: var(--color-80);
}
.branch-widget .branch-container .branch-phone .branch-phon-list a:hover {
  color: var(--color-theme);
}
.floating-text-box {
  position: absolute;
  bottom: 28px;
  background-color: rgb(255 255 255 / 75%);
  padding: 20px;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: var(--border-radius-lg);
}
.floating-text-box h3 {
  color: var(--color-90);
  font-size: 18px;
  margin-bottom: 8px;
}
.floating-text-box p {
  color: var(--color-80);
  font-size: 14px;
  margin-bottom: 4px;
}
.error-404-container {
	min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
	background-color: var(--color-10);
}
.error-404-container h1 {
    font-size: 6rem;
	font-weight: 700;
    color: var(--color-90);
}
.error-404-container h2 {
	color: var(--color-90);
}
.error-404-container p {
	color: var(--color-90);
}
.error-404-container .error-actions {
	margin-top: 20px;
}
/* End Elememtor Widgets styles */

/* Footer Styles */
.footer {
  padding: 10px 0;
}
.footer .item {
  position: relative;
}
.footer .footer-top .item .box {
  background-color: var(--color-theme);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-xs);
  padding: 40px;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer .footer-top .item .box .site-title-area img {
  width: 100%;
  height: auto;
  filter: invert(100%) grayscale(100%) brightness(200%);
}
.footer .footer-top .item .box .newsletter-box h4 {
  color: var(--color-0);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 6px;
}
.footer .footer-top .item .box .newsletter-box .body-text {
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 20px;
}
.footer .footer-top .item .box .newsletter-box .form-control {
  background-color: var(--color-theme-dark);
  border: 1px solid var(--color-0);
  border-radius: var(--border-radius-sm);
  font-size: 14px;
  padding: .8rem .75rem;
  color: var(--color-0);
}
.footer .footer-top .item .box .newsletter-box .custom-btn {
  width: 100%;
}
.footer .footer-top .item .box .newsletter-box .form-control:focus {
  box-shadow: none;
}
.newsletter-box .form-control::-webkit-input-placeholder {
  color: var(--color-0) !important;
}
.newsletter-box .form-control:-ms-input-placeholder {
  color: var(--color-0) !important;
}
.newsletter-box .form-control::placeholder {
  color: var(--color-0) !important;
}
.footer .footer-top .item:first-child {
  padding-right: 80px;
}
.footer .footer-top .item.footer-links .col-12 {
  margin-bottom: 40px;
  padding: 0;
}
.footer .footer-top .item.footer-links .footer-title {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  color: var(--color-90);
  border-bottom: 1px solid var(--color-20);
}
.footer .footer-top .item.footer-links ul li a {
  font-size: 16px;
  display: block;
  padding-bottom: 14px;
}
.footer .footer-top .item.footer-links ul li.current-menu-item a {
  color: var(--color-theme);
}
.footer .footer-top .item.footer-links ul li:last-child a {
  padding-bottom: 0px;
}
.footer .footer-top .footer-info {
  padding-top: 40px;
  border-top: 1px solid var(--color-20);
}
.footer .footer-top .footer-info h4 {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-90);
  margin-bottom: 6px;
}
.footer .footer-top .footer-info p,
.footer .footer-top .footer-info a,
.footer .footer-bottom .footer-bottom-links a {
  font-size: 14px;
  margin-bottom: 0;
}
.footer .footer-bottom .footer-social-links {
  padding: 40px 0px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-20);
}
.footer .footer-bottom .footer-social-links ul {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.footer .footer-bottom .footer-social-links ul li a {
  color: var(--color-theme);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-image: url('../custom/assets/images/icons/ua-circle.svg'); */
  background-position: center;
  background-size: cover;
  transform: translate3d(0,0px,0); 
}
.footer .footer-bottom .footer-social-links ul li a img {
  width: 100%;
  height: auto;
}
.footer .footer-bottom .footer-social-links ul li a:hover {
  transform: translate3d(0,-6px,0); 
}
.footer .footer-bottom p {
  margin-bottom: 4px;
  font-size: 14px;
}
.footer .footer-bottom small {
  font-size: 12px;
}
.footer .footer-bottom .footer-bottom-links ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}
.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer,
.footer a {
  color: var(--color-80);
}
.footer a:hover {
  color: var(--color-theme);
}
.footer.minimal .site-logo img {
  width: 100%;
  padding-right: 20px;
  height: auto;
}

.footer .back-to-top.show {
  opacity: 1;
  transition-duration: 1s;
}
.footer .back-to-top {
  position: absolute;
  bottom: 68px;
  right: 12px;
  background-image: url(../custom/assets/images/icons/backtotop-icon.svg);
  width: 100px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  border: none;
  z-index: 99;
  background-color: transparent;
  transition-duration: 1s;
}
.footer.minimal .back-to-top {
  display: none !important;
}
/* Footer Styles */

/* Page containers */
@media (min-width: 1920px) {
  .page-container {
    max-width: 1920px;
    margin: auto;
  }
}
@media (min-width: 540px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
  }
}
@media (min-width: 1300px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
  }
}
@media (min-width: 1450px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}
@media (min-width: 1550px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1500px;
  }
}
/* End Page containers */

@media (max-width: 1679px) and (min-width: 1451px) {
  .main-slider .carousel-caption {
    padding: 0px 50px;
  }
  .custom-text-grid h3 {
    font-size: 72px;
  }
  .custom-text-grid h4 {
    font-size: 36px;
  }
  .title {
    font-size: 40px;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 50px;
  }
  .main-slider .carousel-caption p {
    font-size: 22px;
  }
  h4 {
    font-size: 22px;
  }
}

@media (max-width: 1679px) {
  .custom-btn, .custom-link,
  .elementor-button-text {
    font-size: 14px;
  }
  .cal-container {
    margin: auto;
    width: 90%;
  }
  .alert.custom-alert {
    font-size: 14px;
  }
  .custom-form label {
    font-size: 14px;
  }
  .title-sm {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .page-hero-main .item .box {
    padding: 0 40px 0 150px;
  }
  .custom-form label small.min-height {
    min-height: 35px;
  }

  .footer .footer-top .item.footer-links ul li a {
    font-size: 14px;
  }
}

@media (max-width: 1450px) and (min-width: 1401px) {
  .main-navbar .nav-top .nav-info ul li a, .main-navbar .nav-top .nav-top-links ul li a, .main-navbar .nav-top .dropdown-menu a {
    font-size: 12px;
  }
  .main-navbar .nav-bottom .menu-item .nav-link {
    font-size: 14px;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 8px;
  }
  .main-navbar .nav-top .nav-top-links ul {
    gap: 16px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
  }
  h4 {
    font-size: 22px;
  }
  .custom-text-grid h3 {
    font-size: 66px;
  }
  .custom-text-grid h4 {
    font-size: 34px;
  }
  .title {
    font-size: 38px;
  }
  .page-hero-main .item .box {
    padding: 0 40px 0 150px;
  }
  .custom-card-with-accordion .box .card-body .card-content-wrapper {
    min-height: 85px;
  }
  .custom-form .input-item {
    flex-direction: column;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 50px;
  }
  .main-slider .carousel-caption p {
    font-size: 22px;
  }
  .banner-floatbox {
    margin-top: -180px !important;
  }
  .ja-banner-floatbox {
	margin-top: 65px !important;
  }
}

@media (max-width: 1400px) and (min-width: 1300px) {
  .main-navbar .nav-top .nav-info ul li a, .main-navbar .nav-top .nav-top-links ul li a, .main-navbar .nav-top .dropdown-menu a {
    font-size: 12px;
  }
  .main-navbar .nav-bottom .menu-item .nav-link {
    font-size: 14px;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 8px;
  }
  .main-navbar .nav-top .nav-top-links ul {
    gap: 16px;
  }
  h4 {
    font-size: 20px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 50px;
  }
  .main-slider .carousel-caption p {
    font-size: 22px;
  }
  .custom-text-grid .mid-item {
    margin: 10px 0 25px;
  }
  .custom-text-grid h3 {
    font-size: 62px;
  }
  .custom-text-grid h4 {
    font-size: 32px;
  }
  .floating-tag.clickapp {
    bottom: -530px;
  }
  .title {
    font-size: 38px;
  }
  .custom-slick-slider .slide-box .slide-content .info-box p {
    min-height: 85px;
  }
  .page-hero-main .item .box {
    padding: 0 40px 0 150px;
  }
  .custom-slick-slider .slide-box .slide-image .bg-art, .custom-card-grid .item .box .bg-art {
    width: 70px;
  }
  .custom-card-with-accordion .box .card-body .card-content-wrapper {
    min-height: 65px;
  }
  .custom-form .input-item {
    flex-direction: column;
  }
  .ind-post-page .content-box .post-title {
    font-size: 24px;
  }
  .banner-floatbox {
    margin-top: -180px !important;
  }
  .ja-banner-floatbox {
	margin-top: 65px !important;
  }	
}

@media (max-width: 1299px) and (min-width: 1200px) {
  .main-navbar .nav-top .nav-info ul li a, .main-navbar .nav-top .nav-top-links ul li a, .main-navbar .nav-top .dropdown-menu a {
    font-size: 12px;
  }
  .main-navbar .nav-bottom .menu-item .nav-link {
    font-size: 13px;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 8px;
  }
  .main-navbar .nav-top .nav-top-links ul {
    gap: 16px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 44px;
  }
  .main-slider .carousel-caption p {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  .title {
    font-size: 36px;
  }
  .custom-text-grid h3 {
    font-size: 56px;
  }
  .custom-text-grid h4 {
    font-size: 28px;
  }
  .page-hero-main .item .box {
    padding: 0 40px 0 150px;
  }
  .custom-slick-slider .slide-box .slide-image .bg-art, .custom-card-grid .item .box .bg-art {
    width: 70px;
  }
  .custom-card-with-accordion .box .card-body .card-content-wrapper {
    min-height: 85px;
  }
  .floating-tag .item h3 {
    font-size: 32px;
  }
  .floating-tag .item p {
    font-size: 14px;
  }
  .floating-tag {
    padding: 15px 25px;
  }
  .floating-tag.inproducts {
    bottom: -140px;
  }
  .ind-post-page .content-box .post-title {
    font-size: 22px;
  }
  .banner-floatbox {
    margin-top: -180px !important;
  }
  .ja-banner-floatbox {
	margin-top: 65px !important;
  }		

  .footer .footer-top .item .box {
    padding: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 1100px) {
  .main-navbar .nav-bottom .navbar-brand img {
    width: 140px;
  }
  .main-navbar .nav-top .nav-info ul li a, .main-navbar .nav-top .nav-top-links ul li a, .main-navbar .nav-top .dropdown-menu a {
    font-size: 11px;
  }
  .main-navbar .nav-bottom .menu-item .nav-link {
    font-size: 13px;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 5px;
  }
  .main-navbar .nav-top .nav-top-links ul {
    gap: 12px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 44px;
  }
  .main-slider .carousel-caption p {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  .title {
    font-size: 34px;
  }
  .body-text {
	font-size: 15px;
  }	
  .page-hero-main .item .box {
    padding: 0 40px 0 150px;
  }
  .custom-slick-slider .slide-box .slide-image .bg-art, .custom-card-grid .item .box .bg-art {
    width: 70px;
  }
  .floating-tag .item h3 {
    font-size: 30px;
  }
  .floating-tag .item p {
    font-size: 14px;
  }
  .floating-tag {
    padding: 15px 25px;
  }
  .floating-tag.inproducts {
    bottom: -140px;
    left: -60px;
  }
  .floating-tag.clickapp {
    bottom: -455px;
}	
  .custom-card-with-accordion .box .card-body .card-content-wrapper {
    min-height: auto;
  }
  .ind-post-page .content-box .post-title {
    font-size: 22px;
  }
.custom-modal.cal-result-modal .modal-dialog {
	max-width: 90%;
}	
	.banner-floatbox {
    margin-top: -180px !important;
  }
  .ja-banner-floatbox {
	margin-top: 65px !important;
  }	

  .footer .footer-top .item .box {
    padding: 30px;
  }
  .footer .footer-top .item:first-child {
    padding-right: 40px;
  }
}

@media (max-width: 1099px) and (min-width: 1024px) {
  .banner-floatbox {
    margin-top: -120px !important;
  }
  .ja-banner-floatbox {
	margin-top: 5px !important;
  }	
  .banner-floatbox .e-con-inner>div {
	grid-template-columns: 1fr !important;
	padding-right: 20%;
	}	
}
	
	
@media (max-width: 1099px) and (min-width: 992px) {
  .main-navbar .nav-bottom .navbar-brand img {
    width: 140px;
  }
  .main-navbar .nav-bottom .nav-btn, .main-navbar .nav-top .nav-btn {
    margin-left: 20px;
  }
  .main-navbar .nav-top .nav-info ul li a, .main-navbar .nav-top .nav-top-links ul li a, .main-navbar .nav-top .dropdown-menu a {
    font-size: 10px !important;
  }
  .main-navbar .nav-bottom .menu-item .nav-link, .main-navbar .nav-bottom .dropdown-menu a {
    font-size: 12px !important;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 0px;
  }
  .main-navbar .nav-top .nav-top-links ul {
    gap: 12px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
    top: 23%;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 44px;
  }
  .main-slider .carousel-caption p {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  .title {
    font-size: 32px;
  }
  .body-text {
	font-size: 15px;
  }	
  .page-hero-main .item .box {
    padding: 0 20px 0 110px;
  }
  .page-hero-main .item .box .title:after {
    width: 40px;
    left: -50px;
  }   
  .page-hero-main .item .box .hero-text {
    font-size: 14px;
  }
  .custom-slick-slider .slide-box .slide-image .bg-art, .custom-card-grid .item .box .bg-art {
    width: 70px;
  }    
/* .custom-slick-slider .slide-box .slide-content .info-box h4,
.custom-card-grid .item .box h4,
.custom-card-with-accordion .box .card-body h4 {
    min-height: 40px;
} */
.floating-tag .item h3 {
  font-size: 28px;
}
.floating-tag .item p {
  font-size: 14px;
}
.floating-tag {
  padding: 15px 25px;
}
.floating-tag.inproducts {
  bottom: -140px;
  left: -60px;
}
.custom-card-with-accordion .box .card-body .card-content-wrapper {
  min-height: auto;
}
.custom-text-grid h4 {
  font-size: 24px;
}
.custom-text-grid h3 {
  font-size: 48px;
}
.floating-tag.clickapp {
  bottom: -420px;
}
.ind-post-page .content-box .post-title {
  font-size: 20px;
}
.ind-post-page .content-box {
  padding-right: 20px;
}
.section-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
.title-md {
  font-size: 20px;
}
.custom-modal.pay-premiums-modal .image-card-main .item .box .bank-name {
  font-size: 14px;
}
.custom-accordion .accordion-button {
  font-size: 16px;
}
.cal-page .custom-form .col-lg-6 {
  width: 100%;
}
.custom-modal.cal-result-modal .modal-dialog {
	max-width: 90%;
}	

.footer .footer-top .item .box {
  padding: 30px;
}
.footer .footer-top .item:first-child {
  padding-right: 40px;
}
.footer.minimal .footer-bottom .footer-bottom-links a {
  font-size: 12px;
}
}

@media (max-width: 1024px) {
  .floating-text-box {
	position: relative;
	width: 100%;
	bottom: inherit;
  }
  .body-text {
	font-size: 14px;
  }	
	.custom-modal.cal-result-modal .modal-dialog {
	max-width: 90%;
		margin-right: auto;
        margin-left: auto;
}
}

.mobi-language-main {
  display: none;
}
.m-view {
	display: none;
}
.m-hide {
	display: block;
}
@media (max-width: 991px) {
  .m-view {
	display: block;
  }
  .m-hide {
	display: none;
  }
  .main-navbar .nav-bottom .navbar-brand img {
    width: 140px;
  }
  .main-navbar .nav-top {
    display: none !important;
  }
  .main-navbar .nav-bottom .menu-item {
    width: 100%;
  }
  .main-navbar .nav-bottom .nav-btn,
  .main-navbar .nav-top .nav-btn {
    margin-left: 0;
    margin-top: 12px;
  }
  .main-navbar .navbar-collapse {
    margin-top: 20px;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 8px;
  }
  .main-navbar .dropdown-menu li a {
    margin: 0;
  }
  .main-navbar .nav-bottom .dropdown-toggle::after {
    right: 0;
    top: 10px;
    position: absolute;
  }
  .main-navbar .nav-bottom .dropdown-menu a {
    font-size: 15px !important;
  }
  .custom-text-grid h3 {
    font-size: 72px;
  }
  .mobi-language-main {
    display: flex;
    padding: 12px;
    background-color: var(--color-theme);
    justify-content: flex-end;
  }
  .mobi-language-main .dropdown {
    width: fit-content;
  }
  .mobi-language-main .dropdown-toggle {
    display: inline-block;
    font-size: 12px;
    border: none;
  }
  .mobi-language-main .dropdown-menu {
    min-width: 100%;
    text-align: center;
  }
  .mobi-language-main .dropdown-menu li a {
    font-size: 12px;
  }
  .main-navbar .menu-item.mobile-item {
    display: block;
  }
  .page-hero-main .item .box {
    padding: 60px 60px 60px 150px;
  }
  .main-slider .carousel-caption {
    padding: 0px 70px;
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 44px;
  }
  .main-slider .carousel-caption p {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }    
  .title {
    font-size: 36px;
  }
  .title-md,
  .custom-modal.team-member-modal .member-name {
    font-size: 20px;
  }
  .custom-modal.pay-premiums-modal .image-card-main .item .box .bank-name {
    font-size: 14px;
  }
  .custom-modal.team-member-modal .member-title {
    font-size: 14px;
  }
  .custom-modal.team-member-modal .member-description {
    font-size: 14px;
    line-height: 24px;
  }
  .floating-tag.inproducts {
    left: inherit;
    right: 0px;
    bottom: -20px;
  }
  .floating-tag .item h3 {
    font-size: 30px;
  }
  .custom-card-with-accordion .box .card-body .card-content-wrapper {
    min-height: auto;
  }
  .custom-tabs .nav.nav-tabs {
    flex-direction: column;
    gap: 16px;
  }
  .custom-tabs .nav-item .nav-link {
    width: 100%;
  }
  .custom-report-widget .title-with-search .search-form,
  .custom-report-widget .title-with-search .search-form .form-control,
  .branch-widget .search-form,
  .branch-widget .search-form .form-control,
  .custom-blog-posts .blog-search-form .form-control,
  .custom-blog-posts .blog-search-form,
  .custom-blog-posts .blog-search-box {
    width: 100%;
  }
  .custom-report-widget .tab-content .title-with-search {
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
  }
  .floating-tag.clickapp {
    left: 0;
    bottom: -580px;
  }
  .ind-post-page .content-box .post-title {
    font-size: 20px;
  }
  .ind-post-page .content-box {
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 40px;
  }
  .ind-post-page .sidebar {
    padding-right: 12px;
  }
  .section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .custom-modal .modal-content {
    padding: 20px;
  }
  .custom-modal .modal-btn-close {
    right: 15px;
    top: 15px;
  }
  .custom-accordion .accordion-button {
    font-size: 16px;
  }
  .custom-advisors-widget .advisors-filter-box {
	margin-top: 20px;
  }	
  .custom-advisors-widget .advisors-filter-box .form-select {
	width: 100% !important;
  }	
  .custom-modal.rewards-modal .modal-main-content h4 {
    font-size: 16px;
  }	
	.custom-modal.retirement-cal-result-modal .modal-body .media-box {
    padding-right: 12px;
    padding-bottom: 20px;
}
.custom-modal.heart-cal-result-modal .media-box {
    padding-right: 12px;
	padding-bottom: 40px;
}
	
  .footer {
    padding: 60px 0;
  }
  .footer .footer-top .item:first-child {
    padding-right: 12px;
  }
  .footer .footer-top .item {
    margin-bottom: 40px;
  }
  .footer .footer-top .item:last-child {
    margin-bottom: 0px;
  }
  .footer .footer-top .item .box .site-title-area img {
    width: 50%;
    margin-bottom: 40px;
  }
  .footer .footer-top .item .box {
    height: auto;
  }
  .footer .footer-top .item.footer-links .col-12 {
    padding: 0 12px;
  }
  .footer .footer-bottom .footer-bottom-links {
    margin-top: 20px;
  }
  .footer .footer-bottom .footer-bottom-links ul {
    justify-content: flex-start;
  }
  .footer.minimal .site-logo img {
    width: 200px;
    padding: 0 0 20px;
  }
}

@media (max-width: 767px) {
  .footer .footer-top .item .box {
    padding: 30px;
  }
  .page-hero-main .item .box {
    padding: 40px 0;
  }
  .page-hero-main .item .box .title:after {
    display: none;
  }
  .page-hero-main .btn-box {
    flex-direction: column;
  }
  .title {
    font-size: 24px;
    line-height: 28px;
  }
  .form-title h3 {
    font-size: 26px !important;
  }   
  .floating-tag.clickapp {
    display: none;
  } 
  .with-line-icon-box:after {
    display: none;
  }
  h4 {
    font-size: 18px;
  }
  .custom-text-grid .mid-item {
    margin: 10px 0 10px;
  }
  .custom-text-grid h3 {
    font-size: 58px;
  }
  .custom-text-grid h4 {
    font-size: 26px;
  }
  .main-slider .carousel-caption {
	text-align: center;
    position: relative;
    padding: 40px 20px;
    background-color: var(--color-10);
  }
  .main-slider .carousel-caption .caption-title {
    font-size: 36px;
  } 
  .main-slider .carousel-caption p {
    font-size: 18px;
  }  
  .main-slider .carousel-caption .btn-box {
    margin-top: 30px;
	justify-content: center;  
  }
  .main-slider .carousel-caption .btn-box .custom-btn {
    min-width: auto;
  }
  .custom-blog-posts .blog-search-box,
  .custom-report-widget .title-with-search .search-form .form-control, .custom-blog-posts .blog-search-form .form-control, .branch-widget .search-box .form-control {
    width: 100%;
  }
  .custom-accordion .accordion-button {
    padding: 20px 12px;
  }
  .custom-accordion .accordion-body {
    padding: 0 12px 20px;
  }
  .custom-blog-posts .item .text-box .post-title,
  .custom-advisors-widget .item .text-box .advisors-card-title {
    font-size: 16px;
    line-height: 18px;
}
.custom-blog-posts .item .text-box .post-excerpt {
    margin-top: 8px;
}
.custom-blog-posts .item .text-box .post-date {
    font-size: 12px;
    margin-bottom: 0px;
}
.custom-team-members .item .box .text-box .member-name,
.custom-modal.team-member-modal .member-name {
    font-size: 18px;
}
.custom-team-members .item .box .text-box .member-title {
    font-size: 14px;
}
.custom-slick-slider .slide-box .slide-content {
    position: relative;
    bottom: 0;
    width: calc(100%);
    background-color: var(--color-10);
}
.cal-container .content-box, .cal-container .media-box {
    padding: 40px;
}
.cal-container .content-box .box .custom-form .btn-box {
    flex-direction: column;
    gap: 12px;
}
.cal-container .content-box .box .custom-form .btn-box .custom-btn {
    min-width: 100%;
}
.cal-container .content-box .box, .cal-container .content-box .box .custom-form {
    gap: 24px;
}
.custom-modal.cal-result-modal .modal-body {
	padding: 0;
}
.custom-modal.retirement-cal-result-modal .modal-body .media-box {
    padding-right: 12px;
    padding-bottom: 20px;
}
.custom-modal.cal-result-modal .modal-btn-close {
    right: 5px;
    top: 10px;
}
.custom-modal.cal-result-modal .modal-content {
    padding: 40px 20px 20px 20px;
}
.custom-icon-info-list .info-list-row {
    align-items: center;
    flex-direction: column;
	text-align: center;
}	
.custom-modal.retirement-cal-result-modal .content-box .box .btn-box,
.custom-modal.education-cal-result-modal .content-box .btn-box,
.custom-modal.protection-cal-result-modal .content-box .btn-box {
    flex-direction: column;
}
.custom-modal.retirement-cal-result-modal .content-box .box .btn-box .custom-btn {
    margin: 0 !important;
}
.cal-container {
    width: 100%;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item .box {
    width: 100px;
    height: 100px;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item,
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary .summary-item {
    width: 100%;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-summary,
.custom-modal.protection-cal-result-modal .protection-cal-result-box .result-box-bottom .protection-cal-summary {
    flex-direction: column;
}
.custom-modal.education-cal-result-modal .content-box .education-cal-result-value h2,
.custom-modal.education-cal-result-modal .content-box .education-cal-summary .summary-item .box h2,
.custom-modal .heart-cal-result-box h2 {
    font-size: 32px;
}
}

@media (max-width: 560px) {
  .main-navbar .nav-bottom .menu-item .nav-link,
  .main-navbar .nav-bottom .dropdown-menu a {
    font-size: 14px !important;
  }
  .main-navbar .nav-bottom .navbar-nav {
    gap: 2px;
  }
  .custom-slick-slider .slide-box .slide-image .bg-art,
  .custom-card-grid .item .box .bg-art {
    width: 70px;
  }   
  .main-slider .carousel-caption .btn-box {
    flex-direction: column;
}	
	.error-404-container .error-content {
		padding: 0 20px;
	}
	.error-404-container h1 {
		font-size: 4rem;
	}
	.error-404-container h2 {
		font-size: 20px;
	}
	.error-404-container p {
		font-size: 14px;
	}	

  .footer .footer-top .item .box .site-title-area img {
    width: 100%;
  }
  .footer .footer-bottom .footer-social-links ul li a {
    width: 40px;
    height: 40px;
  }
  .footer .footer-bottom .footer-social-links ul {
    gap: 20px;
    justify-content: center;
  }
  .footer .back-to-top {
    position: fixed;
    bottom: 70px;
    right: 12px;
    width: 60px;
    height: 60px;
    opacity: 0;
    transition-duration: 1s;
  }
  .footer .back-to-top.show {
    opacity: 1;
    transition-duration: 1s;
  }
}