/* GLOBAL STYLES
-------------------------------------------------- */
/* CLIENT TRACKER CSS CLASSES  SATHI NOVEMBER 2023 */
@font-face {
  font-family: 'wtGothic';
  src: url('../../assets/fonts/WTGothic-Regular.woff2') format('woff2'),
    url('../../assets/fonts/WTGothic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wtGothic';
  src: url('../../assets/fonts/WTGothic-RegularItalic.woff2') format('woff2'),
    url('../../assets/fonts/WTGothic-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'SnowflakeSans-Book';
  src: url('../../assets/fonts/SnowflakeSans-Book.woff2') format('woff2'),
    url('../../assets/fonts/SnowflakeSans-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SnowflakeSans-Bold';
  src: url('../../assets/fonts/SnowflakeSans-Bold.woff2') format('woff2'),
    url('../../assets/fonts/SnowflakeSans-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body{ font-family: SnowflakeSans-Book,sans-serif; font-size: 16px; font-style: normal; line-height: normal; }

input, button{ font-family: SnowflakeSans-Book,sans-serif; font-size: 16px; font-style: normal; line-height: normal; }

.btn-secondary-client{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; padding: 7px 0; height: 48px; 
  border-radius: 24px; color: #323232; font-weight: 600; font-size: 14px; line-height: normal; text-align: center; border: none; background: #FFF; 
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20); width: 100%; }

.btn-secondary-client:hover{ background: #404040; color: #FFF; }
.btn-secondary-client.selected{ background: transparent; }
.btn-secondary-client.disabled{ background: transparent; }
.btn-secondary-client.black{ color: #000000; }
.btn-secondary-client.black:hover{ color: #40B8EB; }

.btn-secondary-overview{ border-radius: 18px; background: #FFF; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20); padding: 9px 27px 7px 27px; }

.btn-secondary-download{ display: flex; flex-direction: row; justify-content: start; align-items: center; padding: 5px 0; height: 22px; border-radius: 5px; color: #1F46E4; font-weight: 600; font-size: 16px; line-height: 22px; border: none; background: transparent; }
.btn-secondary-download::after{ content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M13.5936 11.3487L9.7069 7.46207C9.62168 7.37615 9.5203 7.30795 9.40859 7.26142C9.29689 7.21488 9.17708 7.19092 9.05606 7.19092C8.93505 7.19092 8.81524 7.21488 8.70354 7.26142C8.59183 7.30795 8.49045 7.37615 8.40523 7.46207C8.2345 7.63382 8.13867 7.86615 8.13867 8.10832C8.13867 8.35049 8.2345 8.58282 8.40523 8.75457L11.6502 11.9996L8.40523 15.2446C8.2345 15.4163 8.13867 15.6486 8.13867 15.8908C8.13867 16.133 8.2345 16.3653 8.40523 16.5371C8.49089 16.622 8.59247 16.6892 8.70415 16.7349C8.81584 16.7805 8.93543 16.8036 9.05606 16.8029C9.1767 16.8036 9.29629 16.7805 9.40798 16.7349C9.51966 16.6892 9.62124 16.622 9.7069 16.5371L13.5936 12.6504C13.6795 12.5652 13.7477 12.4638 13.7942 12.3521C13.8408 12.2404 13.8647 12.1206 13.8647 11.9996C13.8647 11.8786 13.8408 11.7587 13.7942 11.647C13.7477 11.5353 13.6795 11.4339 13.5936 11.3487Z" fill="%231F46E4"/></svg>'); margin-top: 4px; }
.btn-secondary-download:hover{ background: transparent; color: #3A0693; }
.btn-secondary-download:hover::after{ content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M13.5936 11.3487L9.7069 7.46207C9.62168 7.37615 9.5203 7.30795 9.40859 7.26142C9.29689 7.21488 9.17708 7.19092 9.05606 7.19092C8.93505 7.19092 8.81524 7.21488 8.70354 7.26142C8.59183 7.30795 8.49045 7.37615 8.40523 7.46207C8.2345 7.63382 8.13867 7.86615 8.13867 8.10832C8.13867 8.35049 8.2345 8.58282 8.40523 8.75457L11.6502 11.9996L8.40523 15.2446C8.2345 15.4163 8.13867 15.6486 8.13867 15.8908C8.13867 16.133 8.2345 16.3653 8.40523 16.5371C8.49089 16.622 8.59247 16.6892 8.70415 16.7349C8.81584 16.7805 8.93543 16.8036 9.05606 16.8029C9.1767 16.8036 9.29629 16.7805 9.40798 16.7349C9.51966 16.6892 9.62124 16.622 9.7069 16.5371L13.5936 12.6504C13.6795 12.5652 13.7477 12.4638 13.7942 12.3521C13.8408 12.2404 13.8647 12.1206 13.8647 11.9996C13.8647 11.8786 13.8408 11.7587 13.7942 11.647C13.7477 11.5353 13.6795 11.4339 13.5936 11.3487Z" fill="%233A0693"/></svg>'); }
.btn-secondary-download.selected{ background: transparent; }
.btn-secondary-epsodownloadn.disabled{ background: transparent; }
.btn-secondary-download.black{ color: #000000; }
.btn-secondary-download.black:hover{ color: #40B8EB; }

body{ background: url("../../assets/images/COVER_White_A.jpg") #E3E3E3 no-repeat; background-position: 50% 0%; background-size: 1440px auto; }
main{ padding: 2rem 0; overflow: hidden; }
footer{ padding-bottom: 1rem; }
.footer-copy{ font-size: 12px; font-weight: 400; line-height: 1; color: #000; text-align: center; }

.login-box{ border-radius: 26px; background: #FFF; padding: 50px 30px 30px 30px; max-width: 600px; margin: 0 auto; }
.login-title{ font-size: 35px; font-weight: 600; color: #000; }
.login-desc{ font-size: 21px; font-weight: 400; color: #000; }
.loginForm{ margin-top: 2rem; margin-bottom: 2rem;}

.loginForm input.form-control{ border-radius: 10px; border: 1px solid #E3E3E3; background: #FFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); padding: 20px;
  font-size: 15px;font-style: normal; font-weight: 400; color: #323232; }
.loginForm .forget-password{ margin-top: 1.75rem; }
.loginForm .btn-container{ margin-top: 2.5rem; }
.loginForm .questions{ margin-top: 2rem; text-align: center; }
.loginForm .btn-primary{ width: 100%; border-radius: 10px; border: 1px solid #FFF; box-shadow: 0px 10px 40px 0px rgba(174, 174, 174, 0.20);
  padding: 20px; background: #1F46E4; font-size: 17px; font-style: normal; font-weight: 500; color: #FFF; }
.loginForm a{ text-decoration: none; font-size: 15px; font-style: normal; font-weight: 400; color: #323232; }

.client-logo{ display: flex; gap: 20px; justify-content: center; flex-direction: column; }
.client-logo>img{ max-height: 35px; }

.client-box{ min-height: 80px; display: flex; align-items: center; justify-content: space-between; border-radius: 16px 16px; overflow: hidden; 
  margin-left: 12px; margin-right: 12px; }
.client-title{ font-family: SnowflakeSans-Bold,sans-serif; color: #00AF71; text-align: center; font-size: 32px; font-weight: 700; }
.client-desc{ padding: 20px 20px; color: #323232; font-size: 16px; font-weight: 600; line-height: 22px; }
.overview-title{ color: #323232; text-align: center; font-size: 24px; font-weight: 600; display: flex; gap: 8px; justify-content: center; 
  position: relative; z-index: 2; }
.overview-year{ color: #999; text-align: center; font-size: 12px; font-weight: 600; position: relative; z-index: 2; line-height: 1; }
.overview-title::before{ content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 13 15" fill="none"><path d="M0.0642702 13.9143C0.0642701 14.4244 0.634689 14.838 1.33834 14.838C2.04198 14.838 2.6124 14.4244 2.6124 13.9143L2.6124 1.08581C2.6124 0.575663 2.04198 0.162109 1.33834 0.162109C0.634688 0.16211 0.06427 0.575665 0.06427 1.08581L0.0642702 13.9143Z" fill="%23323232"/><path d="M6.50025 14.8373C5.79661 14.8373 5.22619 14.4238 5.22619 13.9136L5.22619 4.88604C5.22619 4.37589 5.79661 3.96234 6.50025 3.96234C7.2039 3.96234 7.77432 4.37589 7.77432 4.88604L7.77432 13.9136C7.77432 14.4238 7.2039 14.8373 6.50025 14.8373Z" fill="%23323232"/><path d="M11.6617 14.837C10.958 14.837 10.3876 14.4234 10.3876 13.9133L10.3876 8.86193C10.3876 8.35178 10.958 7.93823 11.6617 7.93823C12.3653 7.93823 12.9357 8.35178 12.9357 8.86193L12.9357 13.9133C12.9357 14.4234 12.3653 14.837 11.6617 14.837Z" fill="%23323232"/></svg>'); }

.btn-secondary-overview .overview-title{ font-size: 16px; font-weight: 600; line-height: 1; }
.btn-secondary-overview .overview-title::before{ content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="11" viewBox="0 0 13 15" fill="none"><path d="M0.0642702 13.9143C0.0642701 14.4244 0.634689 14.838 1.33834 14.838C2.04198 14.838 2.6124 14.4244 2.6124 13.9143L2.6124 1.08581C2.6124 0.575663 2.04198 0.162109 1.33834 0.162109C0.634688 0.16211 0.06427 0.575665 0.06427 1.08581L0.0642702 13.9143Z" fill="%23323232"/><path d="M6.50025 14.8373C5.79661 14.8373 5.22619 14.4238 5.22619 13.9136L5.22619 4.88604C5.22619 4.37589 5.79661 3.96234 6.50025 3.96234C7.2039 3.96234 7.77432 4.37589 7.77432 4.88604L7.77432 13.9136C7.77432 14.4238 7.2039 14.8373 6.50025 14.8373Z" fill="%23323232"/><path d="M11.6617 14.837C10.958 14.837 10.3876 14.4234 10.3876 13.9133L10.3876 8.86193C10.3876 8.35178 10.958 7.93823 11.6617 7.93823C12.3653 7.93823 12.9357 8.35178 12.9357 8.86193L12.9357 13.9133C12.9357 14.4234 12.3653 14.837 11.6617 14.837Z" fill="%23323232"/></svg>'); }

.client-overview-box-container .col-lg-12{ padding-left: 0; padding-right: 0; }
.dashboard > .container, .dashboard-view-all > .container{ padding-left: 2.5%; padding-right: 2.5%; }
.client-overview-box{ padding: 22px 18px 20px 18px; position: relative; overflow:hidden; }
.client-overview-box:before{ content: ''; position: absolute; z-index: 1; top: 0; left: 1.5%; width: 97%; height: 100%; border-radius: 24px 24px; 
  background: rgba(255, 255, 255, 0.90); } 

.client-dashboard{ border-radius: 24px;border: 4px solid rgba(0, 0, 0, 0.10); background: #F9FAFE;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
	padding: 17px 30px; margin-top: 20px; position: relative; z-index: 2; overflow: hidden; min-height: 20px; }
.quarter-box-header{ text-align: center; }
.yearField{ color: #9AA8BD; font-size: 14px; font-weight: 500; }
.quarterField{ color: #000000; font-size: 28px; font-weight: 600; }

.quarter-box-block{ position: relative; margin-top: 20px; padding-bottom: 10px; }

.hiddenValues{ display: none; }
.block-container{ position: relative; padding:0px 0; background: url("../../assets/images/grid.png"); background-size: 100%; background-position: 0 0; }
.block-title{ color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 18px; text-align: left; padding-left: 4.2rem; padding-right: 2.5rem; }
.quarter-box-block > a{ position: relative; border-radius: 90.176px; padding: 4px 0; min-height: 58px; margin: 10px 0; display: flex; 
  align-items: center; transition: all 1s; min-width: 100%; }

.quarter-box-block > a{ text-decoration: none; }
@media screen and (min-width: 992px) {
  .quarter-box-block{ position: relative; min-height: 300px; margin-top: 20px; padding-bottom: 30px;  transition: all 1s; }
  .quarter-box-block > a{ position: absolute; border-radius: 90.176px; padding: 4px 0; min-height: 58px; height: auto; margin: 30px 0; display: flex; 
    align-items: center; transition: all 1s; min-width: 220px; margin-left: 1%; }
  .client-dashboard{ border: 4px solid rgba(0, 0, 0, 0.10); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); }
  .client-overview-box-container .col-lg-12{ padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
  .dashboard > .container, .dashboard-view-all > .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
}

/* VML Colors */
.green1{ background: #3EBA42; }.green2{ background: #3D8F40; }.green3{ background: #476447; }.green4{ background: #415041; }
.teal1{ background: #07B5AB; }.teal2{ background: #188A84; }.teal3{ background: #325F5D; }.teal4{ background: #304B4A; }
.blue1{ background: #0088F8; }.blue2{ background: #1773C0; }.blue3{ background: #3C6587; }.blue4{ background: #354C5F; }
.violet1{ background: #A210BD; }.violet2{ background: #801F92; }.violet3{ background: #603967; }.violet4{ background: #4E3753; }
.blue-violet1{ background: #6029C5; }.blue-violet2{ background: #56309D; }.blue-violet3{ background: #544274; }.blue-violet4{ background: #3C344C; }
.pink1{ background: #FF00A6; }.pink2{ background: #D01F92; }.pink3{ background: #A04F84; }.pink4{ background: #784968; }
.red1{ background: #FF020C; } .red2{ background: #CA1F26; } .red3{ background: #954B4E; } .red4{ background: #6D4345; }
.orange1{ background: #FF580A; } .orange2{ background: #CA5A22; } .orange3{ background: #95674A; } .orange4{ background: #6D5243; }
.yellow1{ background: #F5C901; } .yellow2{ background: #D7AF17; } .yellow3{ background: #B09040; } .yellow4{ background: #887441; }

.quarter-box-block > a::after{ position: absolute; right: 0px; top: 50%; margin-top: -20px; content: url('../../assets/images/arrow-blocks.png'); }

.quarter-box-block > a.Q1, .quarter-box-block > a.Q2, .quarter-box-block > a.Q3, .quarter-box-block > a.Q4{ width: 23%; }
.quarter-box-block > a.Q1.Q2{ width: 23%; left: 13.5%; }
.quarter-box-block > a.Q2.Q3{ width: 23%; left: 38.5%; }
.quarter-box-block > a.Q3.Q4{ width: 23%; left: 63.50%; }

.quarter-box-block > a.Q1.Q2.Q3{ width: 50%; left: 13.5%; }
.quarter-box-block > a.Q2.Q3.Q4{ width: 50%; left: 38.5%; }
.quarter-box-block > a.Q1.Q2.Q3.Q4{ width: 98%; left: 0; }
.quarter-box-block > a.Q2{ left: 25%; }
.quarter-box-block > a.Q3{ left: 50%; }
.quarter-box-block > a.Q4{ left: 75%; }

.block-image{ position: absolute; left: -10px; top: 0; border-radius: 10px; border: 2px solid #FFF; margin-top: 4px; 
  max-width: 70px; max-height: 50px; object-fit: cover; object-position: 0 0;}

.quarter-dropdown{ display: flex; justify-content: center; position: relative; z-index: 3; }
.filter-dropdown{ position: relative; width: 238px; }
.filter-dropdown .dropdown-toggle, .filter-dropdown .dropdown-item{ width: 100%; border-radius: 90.176px; display: flex; align-items: center; justify-content: space-between; background: #404040; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20); color: #FFF; font-size: 14px; font-weight: 700; line-height: 18px; height: 42px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; padding-left: 16px; padding-right: 16px; }
.filter-dropdown .dropdown-menu{ width: 100%; border: 0;  }
.filter-dropdown .dropdown-toggle::before, .filter-dropdown .dropdown-item::before{ content: url('../../assets/images/calendar1-white.png');
   border: none; margin: 0; padding: 0; }
.filter-dropdown .dropdown-toggle.past::before, .filter-dropdown .dropdown-item.past::before{ content: url('../../assets/images/calendar1-white.png'); }
.filter-dropdown .dropdown-toggle.present::before, .filter-dropdown .dropdown-item.present::before{ content: url('../../assets/images/calendar1-white.png'); 
  margin-top: 3px; }
.filter-dropdown .dropdown-toggle.future::before, .filter-dropdown .dropdown-item.future::before{ content: url('../../assets/images/calendar1-white.png'); }
.filter-dropdown .dropdown-toggle::after, .filter-dropdown .dropdown-item::after{ content: url('../../assets/images/arrow-dropdown.png'); border: none;
 margin: 0; padding: 0; margin-top: 6px; }
.filter-dropdown .dropdown-menu{ padding: 0; background: transparent; background-color: transparent; }
.filter-dropdown .dropdown-menu > li.hide{ display: none; }
.filter-dropdown .dropdown-menu > li{ margin-bottom: 2px; }

.filter-dropdown .dropdown-toggle > span, .filter-dropdown .dropdown-item > span{  }

.dashboard-view-all .filter-dropdown{ width: 286px; }
.dashboard-view-all .filter-dropdown .dropdown-toggle, .dashboard-view-all .filter-dropdown .dropdown-item{ background: #FFF; color: #323232; font-size: 16px; 
  font-weight: 700; height: 45px; margin-top: 5px; padding-left: 20px; padding-right: 20px; align-content: center; }
  .dashboard-view-all .filter-dropdown .dropdown-item{ margin-bottom: 8px; }

.dashboard-view-all .filter-dropdown .dropdown-toggle::before, .dashboard-view-all .filter-dropdown .dropdown-item::before{ content: '';
  content: url('../../assets/images/calendar3-white-2x.png'); transform: scale(.5); width: 44px; margin-left: -10px; }
.dashboard-view-all .filter-dropdown .dropdown-toggle::after, .dashboard-view-all .filter-dropdown .dropdown-item::after{ content: '';
  content: url('../../assets/images/arrow-dropdown-white-2x.png'); transform: scale(.5); width: 44px; }
.dashboard-view-all .filter-dropdown .dropdown-toggle .pastYear, .dashboard-view-all .filter-dropdown .dropdown-toggle .presentYear, 
.dashboard-view-all .filter-dropdown .dropdown-toggle .futureYear{ color: #000; }

.filter-dropdown .dropdown-toggle.disabled-dropdown{ pointer-events: none; opacity: .90; }
.filter-dropdown .dropdown-toggle.disabled-dropdown::after{ visibility: hidden; }


.prev-btn, .next-btn{ position: absolute; z-index: 10; top: 50%; margin-top: -21px; width: 42px; height: 42px; cursor: pointer; }
.prev-btn{ left: -21px; content: url('../../assets/images/prev-arrow.png'); }
.next-btn{ right: -21px; content: url('../../assets/images/next-arrow.png'); }
.mobile-show{ display: block; }
.desktop-show{ display: none; position: relative; height: 100%; }
.header-client-box .client-image{ display: none; }
.client-box.client-logo{ background: #FFFFFF; justify-content: center; }
.quarter-field-header{ display: flex; align-items: end; gap: 8px; }

.absolute-btn{ position: absolute; right: 40px; top: 0px; }
.dashboard-view-all .absolute-btn{ top: 5px; }
.dashboard .client-overview-box .client-dashboard .quarter-dropdown .absolute-btn{ display: none; }

.dashboard-view-all .client-dashboard{ padding-left: 1rem; padding-right: 1rem; padding-top: 0; }
.section-wrapper-half{ height: 75px; width: 50%; border: 2px solid #5FCED7; border-left: 0; border-top: 0; }
.section-wrapper{ padding: 2rem 1rem;  position: relative; }
.section-wrapper .section-lines{ min-height: 80px; overflow: hidden; }
.section-wrapper:last-child{ /*border-bottom: 0; border-right: 0;*/ }
.section-wrapper-border-last::after{ position: absolute; height: 75px; width: 2px; content: ''; right: 0; top: 0; border-left: 2px solid #5FCED7; }
.section-wrapper.content-left{ border-right: 0; border-top: 0; }
.section-wrapper.content-right{ border-left: 0; border-top: 0; }
.section-content{ padding-bottom: 0;  }
.section-wrapper.content-left .section-content{ padding-left: 1.5rem;}
.section-wrapper.content-right .section-content{ padding-right: 1.5rem; }
.section-title{ font-family: SnowflakeSans-Bold,sans-serif; font-size: 32px; font-weight: 700; color: #323232; line-height: 40px; }
.section-desc{ margin-top: 1rem; }
.section-image{ display: block; position: relative; padding-top: 2rem; }
.monthDiv{ position: absolute; top: 38px; border-radius: 16px; background: #404040; box-shadow: 1px 0px 8.9799px 0px rgba(31, 70, 228, 0.20); 
  padding: 8px 8px 8px 14px; color: #FFF; font-size: 14px; font-weight: 700; line-height: 20px; z-index: 11; }
.monthDiv::before{ content:''; position: absolute; left: 8px; top: 10px; width: 2px; height: 14px; background: #5FCED7; border-radius: 20px; opacity: 0.4; }
.monthDiv::after{ content:''; position: absolute; left: 0; top: 100%; height: 6px; background: #F9FAFE; width: 100%; border-radius: 16px; }
.section-wrapper.content-left .monthDiv{ left: -15px; }
.section-wrapper.content-right .monthDiv{ right: -15px; }

.section-image .image1, .section-image .image2{ position: relative; }
.section-image .image3, .section-image .image4{ position: absolute; }
.section-image .image2{ z-index: 2; margin-top: 1rem; width: 45%; float: right; }
.section-image .image3{ z-index: 3; left: 3%; top: 75%; width: 50%; }
.section-image .image4{ z-index: 4; max-width: 60%; display: none; }

.section-image .image1>img{ width: 100%; } 
.section-image .image2>img{ width: 100%; }
.section-image .image3>img{ width: 100%; }
.section-image .image4>img{ width: 100%; }
.section-image .image1>img, .section-image .image2>img, .section-image .image3>img, .section-image .image4>img{
border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border: 2px solid #323232; height: auto; }

.section-lines{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.v-line{ position: absolute; top: 0; height: 100%; width: 2px; background: #5FCED7; max-width: 100%; height: 0px; }
.h-line{ position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: #5FCED7; max-height: 100%; width: 0px; }
.section-wrapper.content-left .v-line{ left: 0; }
.section-wrapper.content-right .v-line{ right: 0; }
.section-wrapper.content-left .h-line{ left: auto; right: 0; }
.section-wrapper.content-right .h-line{ right: auto; left: 0; }

.section-wrapper.content-left:nth-child(2) .h-line{ right: 50%; }

.section-wrapper:first-child .h-line{ display: none; }
.section-wrapper:last-child .v-line{ max-height: 75px; }
.section-wrapper:first-child{ padding: 1.2rem; }
.section-wrapper:first-child .v-line{ left: 50%; margin-left: -1px; }
.section-wrapper:first-child .h-line{ width: 50%; }

.mobile-quarterdiv{ display: none; }
.mobile-quarterdiv.show{ display: block; }
.dashboard-overview-container{ display: none;  padding-bottom: 3.8rem; }
.dashboard-overview-container.show{ display: block; }

.dashboard-view-all .client-overview-box .overview-btn-mobile{ position: relative; z-index: 2; display: flex; justify-content: center; margin-bottom: 20px; }
.dashboard-view-all .client-overview-box .quarter-dropdown{ display: none; }
.dashboard-view-all .client-overview-box .client-dashboard .filter-dropdown{ margin-left: auto; margin-right: auto; margin-top: 20px; }
.pastYear{ color: #03D0C7; }
.presentYear{ color: #FF8142; }
.futureYear{ color: #FF3CBE; }

.section-desc, .section-desc ol, .section-desc ul, .section-desc p{ font-family: SnowflakeSans-Book,sans-serif; font-size: 16px; 
  font-weight: 400; line-height: 24px; }
.section-desc ol li, .section-desc ul li{ margin-bottom: 1rem; }
.back-to-top{ position: absolute; z-index: 3; right: 2rem; bottom: 20px; background: url('../../assets/images/back-to-top.png'); width: 312px; height: 59px; color: #FFFFFF; font-family: SnowflakeSans-Book,sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; border: 0; }

.footer-container{ padding: 0 5% 0 5%; display: flex; flex-direction: column; gap: 20px; text-align: center; }
.footer-right{ display: flex; flex-direction: column; gap: 20px; align-items: baseline; }

@media (min-width: 576px) { 
  .container, .container-md, .container-sm{ max-width: 100%; }
}

@media (min-width: 769px) { 

}

@media screen and (min-width: 992px) { 
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width: 100%; }
  .mobile-show{ display: none; }
  .desktop-show{ display: block; }
  .client-desc{ padding: 20px 30px; }
  .header-client-box{ padding-left: 20px; padding-right: 20px; }
  .client-box{ height: 120px; background: #FFFFFF; margin-left: 0px; margin-right: 0px; }
  .header-client-box .client-image{ display: block; }
  .yearField{ color: #9AA8BD; font-size: 14px; font-weight: 500; }
  .quarterField{ color: #000000; font-size: 20px; font-weight: 700; }
  .btn-secondary-client{ height: 40px; width: 180px; padding: 12px 22px 11px 21px; border-radius: 8px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }

  .dashboard-view-all .client-dashboard{ padding-left: 2.5rem; padding-right: 2.5rem; }
  .section-wrapper{ padding: 4rem 2rem; }
  .section-wrapper.content-left .section-content{ padding-left: 4rem;}
  .section-wrapper.content-right .section-content{ padding-right: 4rem; }
  .section-image{ width: 100%; padding-top: 0; }
  .section-wrapper.content-left .section-image{ justify-content: end; }
  .section-wrapper.content-right .section-image{ justify-content: start;  }


  .section-image .image1{ width: 95%; } 
  .section-image .image2{ width: 42%; }
  .section-image .image3{ width: 47%; }
  .section-image .image4{ width: 60%; }

  .section-wrapper.content-left .section-image .image1{ left: 5%; }
  .section-wrapper.content-left .section-image .image3{ left: 8%; }
  .section-wrapper.content-right .section-image .image2{ float: left; }
  .section-wrapper.content-right .section-image .image3{ left: auto; right: 8%; }

  .extra-padding1{ padding-bottom: 4rem; }
  .extra-padding2{ padding-bottom: 6rem; }
  .extra-padding3{ padding-bottom: 10rem; }
  .monthDiv{ font-size: 30px; font-weight: 700; line-height: 40px; top: auto; padding: 20px 15px 14px 28px; }
  .section-wrapper.content-left .monthDiv{ left: -20px; }
  .section-wrapper.content-right .monthDiv{ right: -20px; }
  .monthDiv::before{ left: 12px; top: 22px; width: 4px; height: 30px; border-radius: 20px; }

  .section-title{ font-size: 42px;font-weight: 700; line-height: normal; }
  .block-title{ font-size: 12px; }
  .footer-copy{ text-align: left; }

  .dashboard .client-overview-box .client-dashboard .quarter-dropdown .absolute-btn{ display: block; }

  .dashboard-view-all .client-overview-box .quarter-dropdown{ display: flex; }
  .dashboard-view-all .client-overview-box .overview-btn-mobile{ display: none; }
  .dashboard-view-all .client-overview-box .client-dashboard .filter-dropdown{ display: none; }

  .section-wrapper:first-child{ padding: 2.5rem; }

  .quarter-box-block{ visibility: hidden; }
  .quarter-box-block.visible{ visibility: visible; }
  .client-overview-box:before{ }
  .client-overview-box{ padding: 22px 19px 20px 19px; }
  .client-overview-box:before{ height: 96%; }

  .footer-container{flex-direction: row; text-align: left; justify-content: space-between; }
  .footer-right{ flex-direction: row; align-items: center; }
  .client-logo{ flex-direction: row; }

}


@media (min-width: 1300px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ /*max-width: 1296px;*/ max-width: 100%; }
  .dashboard > .container, .dashboard-view-all > .container{ padding-left: 2.5%; padding-right: 2.5%; }
  .block-title{ font-size: 14px; }

}