@charset "UTF-8";
:root {
    --bs-primary-rgb: 15, 230, 255;
    --bs-secondary-rgb: 11, 78, 132;
    --bs-success-rgb: 52, 199, 89;
    --bs-danger-rgb: 255, 59, 48;
    --grey98__wr: #f9f9f9;
    --grey210__wr: #e6e9ec;
    --grey400__wr: #999999;
    --grey415__wr: #82828A;
    --grey430__wr: #6e6e6e;
    --grey600__wr: #667085;
    --grey730__wr: #495057;
    --bs-grey725-rgb: 54, 74, 76;
    --grey730-rgb: 54, 74, 76;
    --grey735__wr: #495057;
    --grey835__wr: #212529;
    --grey702__wr: #555555;
    --grey702-rgb: 85, 85, 85;
    --bs-blue655-rgb: 43, 43, 94;
    --bs-blue22-rgb: 231, 252, 255;
    --bs-blue55-rgb: 134, 242, 255;
    --primaryFont: "Raleway", serif;
    --secondaryFont: "Poppins", serif;
    --headingFont: "Volkhov", serif;
}


* {
    /*padding: 0;*/
    /*margin: 0;*/
    box-sizing: border-box;
}
*::before,
*::after {
    box-sizing: border-box;
}
body {
    font-family: var(--primaryFont);
    font-weight: 400;
    font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
    line-height: 1.5;
    color: inherit;
}
.noScroll__wr{
    overflow: hidden;
}
p:last-child,
p:only-child{
    margin-bottom: 0;
}
.h1:last-child,
.h1:only-child,
.h2:last-child,
.h2:only-child,
.h3:last-child,
.h3:only-child,
.h4:last-child,
.h4:only-child,
.h5:last-child,
.h5:only-child,
.h6:last-child,
.h6:only-child,
h1:last-child,
h1:only-child,
h2:last-child,
h2:only-child,
h3:last-child,
h3:only-child,
h4:last-child,
h4:only-child,
h5:last-child,
h5:only-child,
h6:last-child,
h6:only-child{
    margin-bottom: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color);
    font-family: var(--headingFont);
}
.font-primary{
    font-family: var(--primaryFont) !important;
}
.font-secondary{
    font-family: var(--secondaryFont) !important;
}
.font-heading{
    font-family: var(--headingFont) !important;
}
.fs-170-24{
    font-size: clamp(1.5rem, -4.8786rem + 17.7184vw, 10.625rem) !important;
}
.fs-170-20{
    font-size: clamp(1.25rem, -5.3034rem + 18.2039vw, 10.625rem) !important;
}
.fs-160-24{
    font-size: clamp(1.5rem, -4.4417rem + 16.5049vw, 10rem) !important;
}
.fs-160-20{
    font-size: clamp(1.25rem, -4.8665rem + 16.9903vw, 10rem) !important;
}
.fs-72-20 {
    font-size: clamp(1.25rem, -1.0218rem + 6.3107vw, 4.5rem) !important;
}
.fs-72-18 {
    font-size: clamp(1.125rem, -1.2342rem + 6.5534vw, 4.5rem) !important;
}
.fs-64-32 {
    font-size: clamp(2rem, 0.6019rem + 3.8835vw, 4rem) !important;
}
.fs-48-24 {
    font-size: clamp(1.5rem, 0.4515rem + 2.9126vw, 3rem) !important;
}
.fs-48-20 {
    font-size: clamp(1.25rem, 0.0267rem + 3.3981vw, 3rem) !important;
}
.fs-48-18 {
    font-size: clamp(1.125rem, -0.1857rem + 3.6408vw, 3rem) !important;
}
.fs-48-16 {
    font-size: clamp(1rem, -0.3981rem + 3.8835vw, 3rem) !important;
}
.fs-48-14 {
    font-size: clamp(0.875rem, -0.6104rem + 4.1262vw, 3rem) !important;
}
.fs-32-24{
    font-size: clamp(1.5rem, 1.1505rem + 0.9709vw, 2rem) !important;
}
.fs-32-20{
    font-size: clamp(1.25rem, 0.7257rem + 1.4563vw, 2rem) !important;
}
.fs-32-18{
    font-size: clamp(1.125rem, 0.5133rem + 1.699vw, 2rem) !important;
}
.fs-32-16{
    font-size: clamp(1rem, 0.301rem + 1.9417vw, 2rem) !important;
}
.fs-32-14{
    font-size: clamp(0.875rem, 0.0886rem + 2.1845vw, 2rem) !important;
}
.fs-30-20{
    font-size: clamp(1.25rem, 0.8131rem + 1.2136vw, 1.875rem) !important;
}
.fs-30-18{
    font-size: clamp(1.125rem, 0.6007rem + 1.4563vw, 1.875rem) !important;
}
.fs-30-16{
    font-size: clamp(1rem, 0.3883rem + 1.699vw, 1.875rem) !important;
}
.fs-30-14{
    font-size: clamp(0.875rem, 0.176rem + 1.9417vw, 1.875rem) !important;
}
.fs-24-18{
    font-size: clamp(1.125rem, 0.8629rem + 0.7282vw, 1.5rem) !important;
}
.fs-24-16{
    font-size: clamp(1rem, 0.6505rem + 0.9709vw, 1.5rem) !important;
}
.fs-24-14{
    font-size: clamp(0.875rem, 0.4381rem + 1.2136vw, 1.5rem) !important;
}
.fs-20-18{
    font-size: clamp(1.125rem, 1.0376rem + 0.2427vw, 1.25rem) !important;
}
.fs-20-16{
    font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem) !important;
}
.fs-20-14{
    font-size: clamp(0.875rem, 0.6129rem + 0.7282vw, 1.25rem) !important;
}
.fs-18-16{
    font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem) !important;
}
.fs-18-14{
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem) !important;
}
.fs-17-14{
    font-size: clamp(0.875rem, 0.7447rem + 0.3632vw, 1.0625rem) !important;
}
.fs-16-14{
    font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem) !important;
}
.fs-48 {
    font-size: 48px !important;
}
.fs-40{
    font-size: 40px !important;
}
.fs-36{
    font-size: 36px !important;
}
.fs-32{
    font-size: 32px !important;
}
.fs-24{
    font-size: 24px !important;
}
.fs-23{
    font-size: 23px !important;
}
.fs-22{
    font-size: 22px !important;
}
.fs-21{
    font-size: 21px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-19{
    font-size: 19px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-17{
    font-size: 17px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-15{
    font-size: 15px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-13{
    font-size: 13px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-11{
    font-size: 11px !important;
}
.fs-10{
    font-size: 10px !important;
}
.fw-thin{
    font-weight: 100 !important;
}
.fw-extralight{
    font-weight: 200 !important;
}
.fw-light{
    font-weight: 300 !important;
}
.fw-normal{
    font-weight: 400 !important;
}
.fw-medium{
    font-weight: 500 !important;
}
.fw-semibold{
    font-weight: 600 !important;
}
.fw-bold{
    font-weight: 700 !important;
}
.fw-extrabold{
    font-weight: 800 !important;
}
.fw-black{
    font-weight: 900 !important;
}
.fw-100{
    font-weight: 100 !important;
}
.fw-200{
    font-weight: 200 !important;
}
.fw-300{
    font-weight: 300 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.fw-900{
    font-weight: 900 !important;
}
.lh-1{
    line-height: 1 !important;
}
.lh-1-1{
    line-height: 1.1 !important;
}
.lh-1-2{
    line-height: 1.2 !important;
}
.lh-1-3{
    line-height: 1.3 !important;
}
.lh-1-4{
    line-height: 1.4 !important;
}
.lh-1-5{
    line-height: 1.5 !important;
}
.lh-1-6{
    line-height: 1.6 !important;
}
.lh-1-7{
    line-height: 1.7 !important;
}
.lh-1-8{
    line-height: 1.8 !important;
}
.lh-1-9{
    line-height: 1.9 !important;
}
.lh-2{
    line-height: 2 !important;
}
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}
.ps-1px,
.px-1px,
.p-1px {
    padding-left: 1px !important;
}
.pe-1px,
.px-1px,
.p-1px {
    padding-right: 1px !important;
}
.pt-1px,
.py-1px,
.p-1px {
    padding-top: 1px !important;
}
.pb-1px,
.py-1px,
.p-1px {
    padding-bottom: 1px !important;
}
.ps-10px,
.px-10px,
.p-10px {
    padding-left: 10px !important;
}
.pe-10px,
.px-10px,
.p-10px {
    padding-right: 10px !important;
}
.pt-10px,
.py-10px,
.p-10px {
    padding-top: 10px !important;
}
.pb-10px,
.py-10px,
.p-10px {
    padding-bottom: 10px !important;
}
.ps-12px,
.px-12px,
.p-12px {
    padding-left: 12px !important;
}
.pe-12px,
.px-12px,
.p-12px {
    padding-right: 12px !important;
}
.pt-12px,
.py-12px,
.p-12px {
    padding-top: 12px !important;
}
.pb-12px,
.py-12px,
.p-12px {
    padding-bottom: 12px !important;
}
.ps-20px,
.px-20px,
.p-20px {
    padding-left: 20px !important;
}
.pe-20px,
.px-20px,
.p-20px {
    padding-right: 20px !important;
}
.pt-20px,
.py-20px,
.p-20px {
    padding-top: 20px !important;
}
.pb-20px,
.py-20px,
.p-20px {
    padding-bottom: 20px !important;
}
.ps-30px,
.px-30px,
.p-30px {
    padding-left: 30px !important;
}
.pe-30px,
.px-30px,
.p-30px {
    padding-right: 30px !important;
}
.pt-30px,
.py-30px,
.p-30px {
    padding-top: 30px !important;
}
.pb-30px,
.py-30px,
.p-30px {
    padding-bottom: 30px !important;
}
.ps-32px,
.px-32px,
.p-32px {
    padding-left: 2rem !important;
}
.pe-32px,
.px-32px,
.p-32px {
    padding-right: 2rem !important;
}
.pt-32px,
.py-32px,
.p-32px {
    padding-top: 2rem !important;
}
.pb-32px,
.py-32px,
.p-32px {
    padding-bottom: 2rem !important;
}
.ps-40px,
.px-40px,
.p-40px {
    padding-left: 2.5rem !important;
}
.pe-40px,
.px-40px,
.p-40px {
    padding-right: 2.5rem !important;
}
.pt-40px,
.py-40px,
.p-40px {
    padding-top: 2.5rem !important;
}
.pb-40px,
.py-40px,
.p-40px {
    padding-bottom: 2.5rem !important;
}
.ps-56px,
.px-56px,
.p-56px {
    padding-left: 3.5rem !important;
}
.pe-56px,
.px-56px,
.p-56px {
    padding-right: 3.5rem !important;
}
.pt-56px,
.py-56px,
.p-56px {
    padding-top: 3.5rem !important;
}
.pb-56px,
.py-56px,
.p-56px {
    padding-bottom: 3.5rem !important;
}
.ps-64px,
.px-64px,
.p-64px {
    padding-left: 4rem !important;
}
.pe-64px,
.px-64px,
.p-64px {
    padding-right: 4rem !important;
}
.pt-64px,
.py-64px,
.p-64px {
    padding-top: 4rem !important;
}
.pb-64px,
.py-64px,
.p-64px {
    padding-bottom: 4rem !important;
}
.ps-72px,
.px-72px,
.p-72px {
    padding-left: 4.5rem !important;
}
.pe-72px,
.px-72px,
.p-72px {
    padding-right: 4.5rem !important;
}
.pt-72px,
.py-72px,
.p-72px {
    padding-top: 4.5rem !important;
}
.pb-72px,
.py-72px,
.p-72px {
    padding-bottom: 4.5rem !important;
}
.ps-80px,
.px-80px,
.p-80px {
    padding-left: 5rem !important;
}
.pe-80px,
.px-80px,
.p-80px {
    padding-right: 5rem !important;
}
.pt-80px,
.py-80px,
.p-80px {
    padding-top: 5rem !important;
}
.pb-80px,
.py-80px,
.p-80px {
    padding-bottom: 5rem !important;
}
.ps-88px,
.px-88px,
.p-88px {
    padding-left: 5.5rem !important;
}
.pe-88px,
.px-88px,
.p-88px {
    padding-right: 5.5rem !important;
}
.pt-88px,
.py-88px,
.p-88px {
    padding-top: 5.5rem !important;
}
.pb-88px,
.py-88px,
.p-88px {
    padding-bottom: 5.5rem !important;
}
.ps-96px,
.px-96px,
.p-96px {
    padding-left: 6rem !important;
}
.pe-96px,
.px-96px,
.p-96px {
    padding-right: 6rem !important;
}
.pt-96px,
.py-96px,
.p-96px {
    padding-top: 6rem !important;
}
.pb-96px,
.py-96px,
.p-96px {
    padding-bottom: 6rem !important;
}
.ps-104px,
.px-104px,
.p-104px {
    padding-left: 6.5rem !important;
}
.pe-104px,
.px-104px,
.p-104px {
    padding-right: 6.5rem !important;
}
.pt-104px,
.py-104px,
.p-104px {
    padding-top: 6.5rem !important;
}
.pb-104px,
.py-104px,
.p-104px {
    padding-bottom: 6.5rem !important;
}
.ps-112px,
.px-112px,
.p-112px {
    padding-left: 7rem !important;
}
.pe-112px,
.px-112px,
.p-112px {
    padding-right: 7rem !important;
}
.pt-112px,
.py-112px,
.p-112px {
    padding-top: 7rem !important;
}
.pb-112px,
.py-112px,
.p-112px {
    padding-bottom: 7rem !important;
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}
.ms-10px,
.mx-10px,
.m-10px {
    margin-left: 0.625rem !important;
}
.me-10px,
.mx-10px,
.m-10px {
    margin-right: 0.625rem !important;
}
.mt-10px,
.my-10px,
.m-10px{
    margin-top: 0.625rem !important;
}
.mb-10px,
.my-10px,
.m-10px{
    margin-bottom: 0.625rem !important;
}
.ms-12px,
.mx-12px,
.m-12px {
    margin-left: 0.75rem !important;
}
.me-12px,
.mx-12px,
.m-12px {
    margin-right: 0.75rem !important;
}
.mt-12px,
.my-12px,
.m-12px{
    margin-top: 0.75rem !important;
}
.mb-12px,
.my-12px,
.m-12px{
    margin-bottom: 0.75rem !important;
}
.ms-20px,
.mx-20px,
.m-20px {
    margin-left: 1.25rem !important;
}
.me-20px,
.mx-20px,
.m-20px {
    margin-right: 1.25rem !important;
}
.mt-20px,
.my-20px,
.m-20px{
    margin-top: 1.25rem !important;
}
.mb-20px,
.my-20px,
.m-20px{
    margin-bottom: 1.25rem !important;
}
.ms-32px,
.mx-32px,
.m-32px {
    margin-left: 2rem !important;
}
.me-32px,
.mx-32px,
.m-32px {
    margin-right: 2rem !important;
}
.mt-32px,
.my-32px,
.m-32px{
    margin-top: 2rem !important;
}
.mb-32px,
.my-32px,
.m-32px{
    margin-bottom: 2rem !important;
}
.ms-40px,
.mx-40px,
.m-40px {
    margin-left: 2.5rem !important;
}
.me-40px,
.mx-40px,
.m-40px {
    margin-right: 2.5rem !important;
}
.mt-40px,
.my-40px,
.m-40px {
    margin-top: 2.5rem !important;
}
.mb-40px,
.my-40px,
.m-40px {
    margin-bottom: 2.5rem !important;
}
.ms-50px,
.mx-50px,
.m-50px {
    margin-left: 3.125rem !important;
}
.me-50px,
.mx-50px,
.m-50px {
    margin-right: 3.125rem !important;
}
.mt-50px,
.my-50px,
.m-50px {
    margin-top: 3.125rem !important;
}
.mb-50px,
.my-50px,
.m-50px {
    margin-bottom: 3.125rem !important;
}
.ms-64px,
.mx-64px,
.m-64px {
    margin-left: 4rem !important;
}
.me-64px,
.mx-64px,
.m-64px {
    margin-right: 4rem !important;
}
.mt-64px,
.my-64px,
.m-64px {
    margin-top: 4rem !important;
}
.mb-64px,
.my-64px,
.m-64px {
    margin-bottom: 4rem !important;
}
.ms-72px,
.mx-72px,
.m-72px {
    margin-left: 4.5rem !important;
}
.me-72px,
.mx-72px,
.m-72px {
    margin-right: 4.5rem !important;
}
.mt-72px,
.my-72px,
.m-72px {
    margin-top: 4.5rem !important;
}
.mb-72px,
.my-72px,
.m-72px {
    margin-bottom: 4.5rem !important;
}
.ms-80px,
.mx-80px,
.m-80px {
    margin-left: 5rem !important;
}
.me-80px,
.mx-80px,
.m-80px {
    margin-right: 5rem !important;
}
.mt-80px,
.my-80px,
.m-80px {
    margin-top: 5rem !important;
}
.mb-80px,
.my-80px,
.m-80px {
    margin-bottom: 5rem !important;
}
.ms-n1px,
.mx-n1px,
.m-n1px {
    margin-left: -1px !important;
}
.me-n1px,
.mx-n1px,
.m-n1px {
    margin-right: -1px !important;
}
.mt-n1px,
.my-n1px,
.m-n1px{
    margin-top: -1px !important;
}
.mb-n1px,
.my-n1px,
.m-n1px{
    margin-bottom: -1px !important;
}
.ms-n48px,
.mx-n48px,
.m-n48px {
    margin-left: -3rem !important;
}
.me-n48px,
.mx-n48px,
.m-n48px {
    margin-right: -3rem !important;
}
.mt-n48px,
.my-n48px,
.m-n48px {
    margin-top: -3rem !important;
}
.mb-n48px,
.my-n48px,
.m-n48px {
    margin-bottom: -3rem !important;
}
.w-16px,
.size-16px {
    width: 16px !important;
}
.h-16px,
.size-16px {
    height: 16px !important;
}
.w-18px,
.size-18px {
    width: 18px !important;
}
.h-18px,
.size-18px {
    height: 18px !important;
}
.w-24px,
.size-24px{
    width: 24px !important;
}
.h-24px,
.size-24px{
    height: 24px !important;
}
.w-32px,
.size-32px{
    width: 32px !important;
}
.h-32px,
.size-32px{
    height: 32px !important;
}
.w-40px,
.size-40px{
    width: 40px !important;
}
.h-40px,
.size-40px{
    height: 40px !important;
}
.w-48px,
.size-48px{
    width: 48px !important;
}
.h-48px,
.size-48px{
    height: 48px !important;
}
.w-56px,
.size-56px{
    width: 56px !important;
}
.h-56px,
.size-56px{
    height: 56px !important;
}
.w-64px,
.size-64px{
    width: 64px !important;
}
.h-64px,
.size-64px{
    height: 64px !important;
}
.w-80px,
.size-80px{
    width: 80px !important;
}
.h-80px,
.size-80px{
    height: 80px !important;
}
.row-gap-12px {
    row-gap: 0.75rem !important;
}
/*.arabicFont{
    font-family: var(--arabicFont__wr) !important;
}*/
.text-grey730-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--grey730-rgb), var(--bs-text-opacity)) !important;
}
.hov-text-grey730-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--grey730-rgb), var(--bs-text-opacity)) !important;
}
.hov-text-primary:hover{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.hov-text-opacity-1:hover{
    --bs-text-opacity: 1 !important;
}
.bg-gray-rgb{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-grey-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue655-rgb {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue655-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue22-rgb {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue22-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue55-rgb {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue55-rgb), var(--bs-bg-opacity)) !important;
}
.text-blue655-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue655-rgb), var(--bs-text-opacity)) !important;
}
.hov-text-blue655-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue655-rgb), var(--bs-text-opacity)) !important;
}
.text-grey725-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey725-rgb), var(--bs-text-opacity)) !important;
}
.hov-text-grey725-rgb {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey725-rgb), var(--bs-text-opacity)) !important;
}
.border-blue655-rgb {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue655-rgb), var(--bs-border-opacity)) !important;
}
.active.active-text-primary{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.active.active-text-white,
.active.active-text-white:hover{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.active.active-bg-white{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.active.active-bg-primary{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.active.active-border,
.active.active-border:hover{
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.active.active-border-bottom-white,
.active.active-border-bottom-white:hover{
    border-bottom-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.active.active-shadow-out{
    z-index: 2 !important;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 16%) !important;
}
.aspect-1x1{
    aspect-ratio: 1 / 1 !important;
}
.aspect-4x3{
    aspect-ratio: 4 / 3 !important;
}
.aspect-5x4{
    aspect-ratio: 5 / 4 !important;
}
.aspect-16x9{
    aspect-ratio: 16 / 9 !important;
}
.aspect-21x9{
    aspect-ratio: 21 / 9 !important;
}
.rounded-6px{
    border-radius: 6px !important;
}
.rounded-10px{
    border-radius: 0.625rem !important;
}
.rounded-12px{
    border-radius: 0.75rem !important;
}
.rounded-24px{
    border-radius: 1.5rem !important;
}
.object-bottom{object-position: bottom !important;}
.object-center{object-position: center !important;}
.object-left{object-position: left !important;}
.object-left-bottom{object-position: left bottom !important;}
.object-left-top{object-position: left top !important;}
.object-right{object-position: right !important;}
.object-right-bottom{object-position: right bottom !important;}
.object-right-top{object-position: right top !important;}
.object-top{object-position: top !important;}
.border-solid{border-style: solid !important;}
.border-dashed{border-style: dashed !important;}
.border-dotted{border-style: dotted !important;}
.border-double{border-style: double !important;}
.border-hidden{border-style: hidden !important;}
.border-none{border-style: none !important;}
.before\:content-blank:before{
    content: "" !important;
}
.before\:block:before{
    display: block !important;
}
.before\:w-100:before{
    width: 100% !important;
}
.before\:ps-100:before,
.before\:px-100:before,
.before\:p-100:before{
    padding-left: 100% !important;
}
.before\:pe-100:before,
.before\:px-100:before,
.before\:p-100:before{
    padding-right: 100% !important;
}
.before\:pt-100:before,
.before\:py-100:before,
.before\:p-100:before{
    padding-top: 100% !important;
}
.before\:pb-100:before,
.before\:py-100:before,
.before\:p-100:before{
    padding-bottom: 100% !important;
}
.svg-white svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.svg-black svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.svg-primary svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.hov-svg-white svg *,
.hov-svg-black svg *,
.hov-svg-primary svg *{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hov-svg-white:hover svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.hov-svg-black:hover svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.hov-svg-primary:hover svg *{
    --bs-bg-opacity: 1;
    fill: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.border-transparent{
    --bs-border-opacity: 1;
    border-color: transparent !important;
}
.hov-border-transparent:hover{
    --bs-border-opacity: 1;
    border-color: transparent !important;
}
.hov-border-primary:hover{
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.hov-border-white:hover{
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-grey702{
    --bs-border-opacity: 1;
    border-color: rgba(var(--grey702-rgb), var(--bs-border-opacity)) !important;
}
.hov-border-grey702:hover{
    --bs-border-opacity: 1;
    border-color: rgba(var(--grey702-rgb), var(--bs-border-opacity)) !important;
}
/*.mix-blend-overlay{
    mix-blend-mode: overlay !important;
}*/
.absolute-full{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.img-fit{
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
.object-center{
    object-position: center !important;
}
.has-transition {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hov-scale-img:hover img, .hov-scale:hover {
    transform: scale(1.05);
}
.hov-scale-svg:hover svg, .hov-scale:hover {
    transform: scale(1.05);
}
.shadow-out ,
.hov-shadow-out:hover{
    z-index: 2 !important;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 16%) !important;
}
.shadow-out-white,
.hov-shadow-out-white:hover{
    z-index: 2 !important;
    box-shadow: 0px 20px 40px rgb(255 255 255 / 80%) !important;
}
.duration-350{
    transition-duration: 350ms !important;
}
.ease-linear{transition-timing-function: linear !important;}
.ease{transition-timing-function: ease !important;}
.ease-in{transition-timing-function: ease-in !important;}
.ease-out{transition-timing-function: ease-out !important;}
.ease-in-out{transition-timing-function: ease-in-out !important;}
/*--wdtAltTransition: all 0.35s ease-in-out 0s;*/
.rtl{
    direction: rtl !important;
}
.grid{
    display: grid !important;
}
.grid-auto-cols-auto{
    grid-auto-columns: auto !important;
}
.grid-auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
}
.grid-auto-cols-max{
    grid-auto-columns: max-content !important;
}
.grid-auto-cols-min{
    grid-auto-columns: min-content !important;
}
.grid-flow-row{
    grid-auto-flow: row !important;
}
.grid-flow-col{
    grid-auto-flow: column !important;
}
.grid-flow-row-dense{
    grid-auto-flow: row dense !important;
}
.grid-flow-dense{
    grid-auto-flow: dense !important;
}
.grid-flow-col-dense{
    grid-auto-flow: column dense !important;
}
.grid-auto-rows-auto{
    grid-auto-rows: auto !important;
}
.grid-auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
}
.grid-auto-rows-max{
    grid-auto-rows: max-content !important;
}
.grid-auto-rows-min{
    grid-auto-rows: min-content !important;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-subgrid{
    grid-template-columns: subgrid !important;
}
.grid-cols-none{
    grid-template-columns: none !important;
}
.grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}
.grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}
.grid-rows-7{
    grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
}
.grid-rows-8{
    grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
}
.grid-rows-9{
    grid-template-rows: repeat(9, minmax(0, 1fr)) !important;
}
.grid-rows-10{
    grid-template-rows: repeat(10, minmax(0, 1fr)) !important;
}
.grid-rows-11{
    grid-template-rows: repeat(11, minmax(0, 1fr)) !important;
}
.grid-rows-12{
    grid-template-rows: repeat(12, minmax(0, 1fr)) !important;
}
.grid-rows-subgrid{
    grid-template-rows: subgrid !important;
}
.grid-rows-none{
    grid-template-rows: none !important;
}
.g-col-span-1{
    grid-column: span 1/span 1 !important;
}
.g-col-span-2{
    grid-column: span 2/span 2 !important;
}
.g-col-span-3{
    grid-column: span 3/span 3 !important;
}
.g-col-span-4{
    grid-column: span 4/span 4 !important;
}
.g-col-span-5{
    grid-column: span 5/span 5 !important;
}
.g-col-span-6{
    grid-column: span 6/span 6 !important;
}
.g-col-span-7{
    grid-column: span 7/span 7 !important;
}
.g-col-span-8{
    grid-column: span 8/span 8 !important;
}
.g-col-span-9{
    grid-column: span 9/span 9 !important;
}
.g-col-span-10{
    grid-column: span 10/span 10 !important;
}
.g-col-span-11{
    grid-column: span 11/span 11 !important;
}
.g-col-span-12{
    grid-column: span 12/span 12 !important;
}
.g-col-span-full{
    grid-column: 1 / -1 !important;
}
.g-col-span-auto{
    grid-column: auto !important;
}
.g-col-start-1{
    grid-column-start: 1 !important;
}
.g-col-start-2{
    grid-column-start: 2 !important;
}
.g-col-start-3{
    grid-column-start: 3 !important;
}
.g-col-start-4{
    grid-column-start: 4 !important;
}
.g-col-start-5{
    grid-column-start: 5 !important;
}
.g-col-start-6{
    grid-column-start: 6 !important;
}
.g-col-start-7{
    grid-column-start: 7 !important;
}
.g-col-start-8{
    grid-column-start: 8 !important;
}
.g-col-start-9{
    grid-column-start: 9 !important;
}
.g-col-start-10{
    grid-column-start: 10 !important;
}
.g-col-start-11{
    grid-column-start: 11 !important;
}
.g-col-start-12{
    grid-column-start: 12 !important;
}
.g-col-start-13{
    grid-column-start: 13 !important;
}
.g-col-start-auto{
    grid-column-start: auto !important;
}
.g-col-end-1{
    grid-column-end: 1 !important;
}
.g-col-end-2{
    grid-column-end: 2 !important;
}
.g-col-end-3{
    grid-column-end: 3 !important;
}
.g-col-end-4{
    grid-column-end: 4 !important;
}
.g-col-end-5{
    grid-column-end: 5 !important;
}
.g-col-end-6{
    grid-column-end: 6 !important;
}
.g-col-end-7{
    grid-column-end: 7 !important;
}
.g-col-end-8{
    grid-column-end: 8 !important;
}
.g-col-end-9{
    grid-column-end: 9 !important;
}
.g-col-end-10{
    grid-column-end: 10 !important;
}
.g-col-end-11{
    grid-column-end: 11 !important;
}
.g-col-end-12{
    grid-column-end: 12 !important;
}
.g-col-end-13{
    grid-column-end: 13 !important;
}
.g-col-end-auto{
    grid-column-end: auto !important;
}
.g-row-span-1{
    grid-row: span 1/span 1 !important;
}
.g-row-span-2{
    grid-row: span 2/span 2 !important;
}
.g-row-span-3{
    grid-row: span 3/span 3 !important;
}
.g-row-span-4{
    grid-row: span 4/span 4 !important;
}
.g-row-span-5{
    grid-row: span 5/span 5 !important;
}
.g-row-span-6{
    grid-row: span 6/span 6 !important;
}
.g-row-span-7{
    grid-row: span 7/span 7 !important;
}
.g-row-span-8{
    grid-row: span 8/span 8 !important;
}
.g-row-span-9{
    grid-row: span 9/span 9 !important;
}
.g-row-span-10{
    grid-row: span 10/span 10 !important;
}
.g-row-span-11{
    grid-row: span 11/span 11 !important;
}
.g-row-span-12{
    grid-row: span 12/span 12 !important;
}
.g-row-span-full{
    grid-row: 1 / -1 !important;
}
.g-row-span-auto{
    grid-row: auto !important;
}
.g-row-start-1{
    grid-row-start: 1 !important;
}
.g-row-start-2{
    grid-row-start: 2 !important;
}
.g-row-start-3{
    grid-row-start: 3 !important;
}
.g-row-start-4{
    grid-row-start: 4 !important;
}
.g-row-start-5{
    grid-row-start: 5 !important;
}
.g-row-start-6{
    grid-row-start: 6 !important;
}
.g-row-start-7{
    grid-row-start: 7 !important;
}
.g-row-start-8{
    grid-row-start: 8 !important;
}
.g-row-start-9{
    grid-row-start: 9 !important;
}
.g-row-start-10{
    grid-row-start: 10 !important;
}
.g-row-start-11{
    grid-row-start: 11 !important;
}
.g-row-start-12{
    grid-row-start: 12 !important;
}
.g-row-start-13{
    grid-row-start: 13 !important;
}
.g-row-start-auto{
    grid-row-start: auto !important;
}
.g-row-end-1{
    grid-row-end: 1 !important;
}
.g-row-end-2{
    grid-row-end: 2 !important;
}
.g-row-end-3{
    grid-row-end: 3 !important;
}
.g-row-end-4{
    grid-row-end: 4 !important;
}
.g-row-end-5{
    grid-row-end: 5 !important;
}
.g-row-end-6{
    grid-row-end: 6 !important;
}
.g-row-end-7{
    grid-row-end: 7 !important;
}
.g-row-end-8{
    grid-row-end: 8 !important;
}
.g-row-end-9{
    grid-row-end: 9 !important;
}
.g-row-end-10{
    grid-row-end: 10 !important;
}
.g-row-end-11{
    grid-row-end: 11 !important;
}
.g-row-end-12{
    grid-row-end: 12 !important;
}
.g-row-end-13{
    grid-row-end: 13 !important;
}
.g-row-end-auto{
    grid-row-end: auto !important;
}
.justify-content-normal{
    justify-content: normal !important;
}
.justify-items-start{
    justify-items: start !important;
}
.justify-items-end{
    justify-items: end !important;
}
.justify-items-center{
    justify-items: center !important;
}
.justify-items-stretch{
    justify-items: stretch !important;
}
.justify-self-auto{
    justify-self: auto !important;
}
.justify-self-start{
    justify-self: start !important;
}
.justify-self-end{
    justify-self: end !important;
}
.justify-self-center{
    justify-self: center !important;
}
.justify-self-stretch{
    justify-self: stretch !important;
}
.align-content-normal{
    align-content: normal !important;
}
.align-content-evenly{
    align-content: space-evenly !important;
}
.place-content-center{
    place-content: center !important;
}
.place-content-start{
    place-content: start !important;
}
.place-content-end{
    place-content: end !important;
}
.place-content-between{
    place-content: space-between !important;
}
.place-content-around{
    place-content: space-around !important;
}
.place-content-evenly{
    place-content: space-evenly !important;
}
.place-content-stretch{
    place-content: stretch !important;
}
.place-items-start{
    place-items: start !important;
}
.place-items-end{
    place-items: end !important;
}
.place-items-center{
    place-items: center !important;
}
.place-items-baseline{
    place-items: baseline !important;
}
.place-items-stretch{
    place-items: stretch !important;
}
.place-self-auto{
    place-self: auto !important;
}
.place-self-start{
    place-self: start !important;
}
.place-self-end{
    place-self: end !important;
}
.place-self-center{
    place-self: center !important;
}
.place-self-stretch{
    place-self: stretch !important;
}
.gap-12px {
  gap: 0.75rem !important;
}
.btn{
    --bs-btn-padding-y: 12px;
    --bs-btn-padding-x: 48px;
    --bs-btn-font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
    --bs-btn-font-weight: 600;
    --bs-btn-border-width: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    text-shadow: none;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-primary {
    --bs-btn-color: rgba(11, 78, 132, 1);
    --bs-btn-bg: rgba(15, 230, 255, 1);
    --bs-btn-border-color: rgba(15, 230, 255, 1);
    --bs-btn-hover-color: rgba(15, 230, 255, 1);
    --bs-btn-hover-bg: rgba(11, 78, 132, 1);
    --bs-btn-hover-border-color: rgba(11, 78, 132, 1);
    --bs-btn-focus-shadow-rgb: 11, 78, 132;
    --bs-btn-active-color: rgba(15, 230, 255, 1);
    --bs-btn-active-bg: rgba(11, 78, 132, 1);
    --bs-btn-active-border-color: rgba(11, 78, 132, 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(11, 78, 132, 1);
    --bs-btn-disabled-bg: rgba(15, 230, 255, 1);
    --bs-btn-disabled-border-color: rgba(15, 230, 255, 1);
}
.btn-primary.hov-btn-light {
    --bs-btn-color: rgba(11, 78, 132, 1);
    --bs-btn-bg: rgba(15, 230, 255, 1);
    --bs-btn-border-color: rgba(15, 230, 255, 1);
    --bs-btn-hover-color: rgba(11, 78, 132, 1);
    --bs-btn-hover-bg: rgba(255, 255, 255, 1);
    --bs-btn-hover-border-color: rgba(255, 255, 255, 1);
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: rgba(11, 78, 132, 1);
    --bs-btn-active-bg: rgba(255, 255, 255, 1);
    --bs-btn-active-border-color: rgba(255, 255, 255, 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(11, 78, 132, 1);
    --bs-btn-disabled-bg: rgba(15, 230, 255, 1);
    --bs-btn-disabled-border-color: rgba(15, 230, 255, 1);
}
.btn-light {
    --bs-btn-color: rgba(11, 78, 132, 1);
    --bs-btn-bg: rgba(255, 255, 255, 1);
    --bs-btn-border-color: rgba(11, 78, 132, 1);
    --bs-btn-hover-color: rgba(11, 78, 132, 1);
    --bs-btn-hover-bg: rgba(15, 230, 255, 1);
    --bs-btn-hover-border-color: rgba(15, 230, 255, 1);
    --bs-btn-focus-shadow-rgb: 15, 230, 255;
    --bs-btn-active-color: rgba(11, 78, 132, 1);
    --bs-btn-active-bg: rgba(15, 230, 255, 1);
    --bs-btn-active-border-color: rgba(15, 230, 255, 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(11, 78, 132, 1);
    --bs-btn-disabled-bg: rgba(255, 255, 255, 1);
    --bs-btn-disabled-border-color: rgba(11, 78, 132, 1);
}
.material-symbols-outlined{
    font-size: inherit;
}
.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:focus, .link-primary:hover {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:focus, .link-secondary:hover {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}


.pageMainLayout__wr{
    /*margin-top: 150px;*/
    /*min-height: 150dvh;*/
    position: relative;
}
.textHighLight{
    position: relative;
    z-index: 2;
    display: inline-flex;
}
.textHighLight::before{
    content: '';
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.textHighLight.h-40::before{
    height: 40%;
}
/*HEADER S*/
    .pageHeader__wr{
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    /*.pageHeader__wr::before{
        content: '';
        position: absolute;
        inset: 0;
    }*/
    /*.pageHeader__wr.isFixed__wr{
        animation: 500ms ease 0s normal none 1 running headerInDown;        
    }*/
    /*.pageHeader__wr.isFixed__wr::before{
        --bs-bg-opacity: 0.8;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
    }*/
    /*@keyframes headerInDown{
        0%{
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }
        100%{
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }*/
    .pageHeader__wr .container{
        position: relative;
    }
    .pageHeader__wr .navbar{
        --bs-navbar-padding-y: 0;
    }
    .pageHeader__wr .navbar .container{
        position: relative;
        column-gap: 1.5rem;
        align-items: stretch;
    }
    .pageHeader__wr .navbar-toggler{
        padding: 0;
        font-size: clamp(1.25rem, 0.8923rem + 1.7884vw, 2rem);
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border: 0;
        border-radius: 0;
        box-shadow: none !important;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }
    .pageHeader__wr .navbar-nav{}
    .pageHeader__wr .navbar-brand{
        display: inline-flex;
        align-items: center;
        padding: 0;
        text-align: center;
        margin: 0;
    }
    .pageHeader__wr .navbar-nav>li{
        display: inline-flex;
        align-items: center;
        justify-items: center;
    }
    .pageHeader__wr .nav-link {
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        /*--bs-nav-link-font-size: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem);*/
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0;
        --bs-navbar-nav-link-padding-x: 0;
        line-height: 1;
    }
    .pageHeaderUserBlock{}
    .pageHeaderUserBtn{
        width: 48px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        overflow: hidden;
        font-size: clamp(1.25rem, 1.0278rem + 1.1111vw, 2rem);
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    }
    .pageHeaderUserBtn img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pageHeaderUserBlock .dropdown-toggle::after{
        display: none;
    }
    /*.pageHeaderUserBlock .dropdown-menu{
        --bs-dropdown-spacer: 0;
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-border-radius: 0;
    }*/
    .pageHeaderUserDpMenu{}
    .pageHeader__wr .dropdown-menu {
        --bs-dropdown-spacer: 0;
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.5rem;
        --bs-dropdown-link-color: var(--bs-emphasis-color);
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-link-hover-bg: rgba(var(--bs-secondary-rgb), 1);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: rgba(var(--bs-secondary-rgb), 1);
    }
    .pageHeader__wr .dropdown-item{
        font-size: 14px;
        font-weight: 500;
    }
    .pageHeader__wr .dropdown-menu li:first-child a ,
    .pageHeader__wr .dropdown-menu li:first-child .dropdown-item {
        border-radius: var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius) 0 0;
    }
    .pageHeader__wr .dropdown-menu li:last-child a ,
    .pageHeader__wr .dropdown-menu li:last-child .dropdown-item {
        border-radius: 0 0 var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius);
    }
    .pageHeader__wr .dropdown-menu li:only-child a ,
    .pageHeader__wr .dropdown-menu li:only-child .dropdown-item{
        border-radius: var(--bs-dropdown-border-radius);
    }
    .pageHeaderUserDpMenu form:only-child li .dropdown-item {
        border-radius: var(--bs-dropdown-border-radius) !important;
    }
/*HEADER E*/
/*HOME PAGE S*/
    /*HM BNR S*/
        .hmBannerSec__wr{
            position: relative;
        }
        .hmBnrBgOvrlayFigure__wr{
            position: absolute;
            inset: 0;
        }
        .hmBnrBgOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 1);
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 1) 100%);
            /*background: linear-gradient(89.77deg, #000000 -38.3%, #666666 66.84%);*/
            opacity: 0.8;
        }
        .hmBnrBgOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .hmBnrOvrlayElmnt{
            position: absolute;
            right: 0;
            top: -5vw;
            bottom: 0;
        }
        .hmBnrOvrlayElmnt img{
            height: 100%;
        }
        .hmBannerSec__wr .container{}
        .hmBannerSec__wr .container .row{}
        .hmBnrContentBlock{
            width: 100%;
            max-width: 670px;
        }
        .hmBnrContentHead{}
        .hmBnrContentHeadTitle{
            font-size: clamp(1.5rem, -0.2373rem + 4.8426vw, 4rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.3;
            background: linear-gradient(90deg, rgba(15, 230, 255, 1) 0%, rgba(178, 232, 238, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }
        .hmBnrContent{
            width: 100%;
            max-width: 600px;
        }
        .hmBnrContent p{
            font-size: clamp(0.875rem, 0.7639rem + 0.5556vw, 1.25rem);
            font-weight: 400;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .hmBnrBtnBlock{}
        .hmBnrFigure{
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .hmBnrFigure img{}
    /*HM BNR E*/
    /*HM RESOURCE S*/
        .hmResourceSec__wr{
            position: relative;
            background-color: rgba(251, 251, 251, 1);
        }
        .hmResorcBgOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            opacity: 0.5;
        }
        .hmResorcBgOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(15, 230, 255, 1);
            background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
            background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        }
        .hmResorcBgOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            mix-blend-mode: multiply;
            opacity: 0.5;
        }
        .hmResourceSec__wr .container{}
        .hmResourceSec__wr .container .row{}
        .hmResorcSecHead{}
        .hmRsorcSecHeadTitle{
            font-size: clamp(1.5rem, 1.0556rem + 2.2222vw, 3rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmResorcGridBlock{}
        .hmResorcBlock{}
        .hmResorcIconBlock{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 80px;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            border: 2px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
            background-color: transparent;
            padding: 8px;
        }
        .hmResorcIcon{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        }
        .hmResorcIcon img{
            width: 32px;
            aspect-ratio: 1 / 1;
            object-fit: contain;
            object-position: center;
        }
        .hmResorsContentBlock{}
        .hmResorsTitle{
            font-size: clamp(1.125rem, 1.0381rem + 0.2421vw, 1.25rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            margin-bottom: 0.75rem;
        }
        .hmResorsContent{}
        .hmResorsContent p{
            font-size: clamp(0.875rem, 0.8009rem + 0.3704vw, 1.125rem);
            font-weight: 500;
            --bs-text-opacity: 1;
            color: rgba(var(--grey730-rgb), var(--bs-text-opacity));
        }
    /*HM RESOURCE E*/
    /*HM ACHIVE S*/
        .hmAchivSec__wr{
            position: relative;
        }
        .hmAchivOvrlayElmnt{
            width: 55vw;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        .hmAchivOvrlayElmnt img{}
        .hmAchivSec__wr .container{}
        .hmAchivSec__wr .container .row{}
        .hmAchivHead{}
        .hmAchivHeadTitle{
            font-size: clamp(1.25rem, 0.9167rem + 1.6667vw, 2.375rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
        }
        .hmAchivHeadContent{
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .hmAchivHeadContent p{
            font-size: clamp(0.875rem, 0.8009rem + 0.3704vw, 1.125rem);
            font-weight: 500;
        }
        .counterBlockParent{
            margin-top: 1.5rem;
        }
        .counterBlock{
            width: 100%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            padding: 16px 4px;
            border-radius: 0.75rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            height: 100%;
        }
        .hmCounterIconBlock{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 80px;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            border: 1px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
            background-color: transparent;
            padding: 8px;
        }
        .hmCounterIcon{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        }
        .hmCounterIcon img{
            width: 32px;
            aspect-ratio: 1 / 1;
            object-fit: contain;
            object-position: center;
        }
        .hmCounterContentBlock{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            /*flex: 1 1 auto;*/
        }
        .counterNumBlock{
            display: inline-flex;
            align-items: center;
            font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem);
            font-weight: 600;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            font-family: var(--secondaryFont);
            margin-bottom: 0.5rem;
        }
        .counterNumBlock span{}
        .counterNumBlock .count__wr{}
        .hmCounterContentBlock p{
            font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem);
            font-weight: 600;
            line-height: 1.3;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
    /*HM ACHIVE E*/
    /*HM SERVICE S*/
        .hmServiceSec__wr{
            position: relative;
            background-color: rgba(251, 251, 251, 1);
        }
        .hmServBgOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            opacity: 0.5;
        }
        .hmServBgOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(15, 230, 255, 1);
            background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
            background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        }
        .hmServBgOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            mix-blend-mode: multiply;
            opacity: 0.5;
        }
        .hmServiceSec__wr .container{}
        .hmServiceSec__wr .container .row{}
        .hmServHead{}
        .hmServHeadTitle{
            font-size: clamp(1.5rem, 0.1102rem + 3.8741vw, 3.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmServHeadContent{}
        .hmServHeadContent p{
            font-size: clamp(0.875rem, 0.8009rem + 0.3704vw, 1.125rem);
            font-weight: 500;
            --bs-text-opacity: 1;
            color: rgba(var(--grey730-rgb), var(--bs-text-opacity));
        }
        .serviceBlock{
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        .serviceBlock>a{
            width: 100%;
            display: block;
            text-decoration: none;
            color: inherit;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        .serviceFigure{
            width: 100%;
            aspect-ratio: 1 / 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
        }
        .serviceFigure::before{
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            opacity: 1;
            background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 78, 132, 0.6) 100%);
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 78, 132, 0.6) 100%);
            /*-webkit-transition: all 0.5s ease;*/
            transition: all 0.5s ease-in-out;
        }
        .serviceFigure::after{
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            opacity: 0;
            background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 78, 132, 1) 100%);
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 78, 132, 1) 100%);
            /*-webkit-transition: all 0.5s ease;*/
            transition: all 0.5s ease-in-out;
        }
        .serviceFigure img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            /*-webkit-transition: all 0.5s ease;*/
            transition: all 0.5s ease-in-out;
        }
        .serviceContentBlock{
            padding: 0 12px 20px;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
        }
        .servIconBlock{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 80px;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            border: 2px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
            background-color: transparent;
            padding: 8px;
            margin-bottom: 0.75rem;
        }
        .servIcon{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        }
        .servIcon img{
            width: 32px;
            aspect-ratio: 1 / 1;
            object-fit: contain;
            object-position: center;
        }
        .serviceContent{}
        .serviceTitle{
            font-size: clamp(1rem, 0.9131rem + 0.2421vw, 1.125rem);
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .serviceBlock:hover .serviceFigure::before{
            opacity: 0;
        }
        .serviceBlock:hover .serviceFigure::after{
            opacity: 1;
        }
        .serviceBlock:hover .serviceFigure img{
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
    /*HM SERVICE E*/
    /*HM PROCESS S*/
        .hmProcessSec__wr{
            position: relative;
        }
        .hmProcesHead{}
        .hmProcesHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .hmProcesHeadContent{}
        .hmProcesHeadContent p{
            font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
            font-weight: 400;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .processParent{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: space-between;
            overflow-x: auto;
        }
        .processBlock{
            position: relative;
        }
        .processBlockInr{
            /*width: 145px;*/
            width: 100%;
            aspect-ratio: 1 / 1;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            border: 8px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
            padding: 12px;
            font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
            font-weight: 600;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            text-align: center;
            /*margin-right: 16px;*/
        }
        .processTitle{}
        .processArrow{
            width: 0;
            height: 0;
            border-top: 9px solid transparent;
            border-left: 16px solid rgba(217, 217, 217, 1);
            border-bottom: 9px solid transparent;
            position: absolute;
            left: calc(100% + 2px);
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        /*.processBlock:last-child .processBlockInr{
            margin-right: 0;
        }
        .processBlock:last-child .processArrow{
            display: none;
        }*/
        /*.hmProcesSlider__wr.owl-carousel .owl-stage .owl-item.active:last-child .processArrow {
            display: none !important;
        }*/
        .hmProcessContent{
            margin-top: 24px;
        }
        .hmProcessContent p{}
    /*HM PROCESS E*/
    /*HM CALCULATE S*/
        .hmCalculateSec__wr{
            position: relative;
            background-color: rgba(251, 251, 251, 1);
        }
        .hmCalcOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            opacity: 0.5;
        }
        .hmCalcOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(15, 230, 255, 1);
            background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
            background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        }
        .hmCalcOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            mix-blend-mode: multiply;
            opacity: 0.5;
        }
        .hmCalculateSec__wr .container{}
        .hmCalcBoxBlock{
            position: relative;
            /*border-radius: 24px;*/
            /*overflow: hidden;*/
            /*height: 32vw;*/
            padding: 40px 5vw;
        }
        .hmCalcBoxOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            border-radius: 24px;
            overflow: hidden;
        }
        .hmCalcBoxOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .hmCalcBoxContentBlock{}
        .hmCalcBoxTitle{
            font-size: clamp(1.5rem, 0.1102rem + 3.8741vw, 3.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
        }
        .hmCalcBoxContent{}
        .hmCalcBoxContent p{}
        .loanCalcFormBlock{
            position: relative;
            overflow: hidden;
            width: 100%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            border-radius: 28px;
            padding: 36px;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
            box-shadow: 0px 4.73036px 82.7813px 11.8259px rgba(117, 165, 67, 0.15);
            border: 1px solid;
            border-color: rgba(var(--bs-blue655-rgb), 1);
        }
        .loanCalcFormBlock::before{
            content: '';
            width: 100%;
            height: 7px;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-blue655-rgb), var(--bs-bg-opacity));
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
        }
        .loanFormBlockHead{}
        .loanFormBlockHeadTitle{
            font-size: clamp(1.125rem, 0.8644rem + 0.7264vw, 1.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-blue655-rgb), var(--bs-text-opacity));
        }
        .loanCalcForm{}
        .loanCalcForm .form-group{
            /*padding: 24px 0;*/
        }
        .loanCalcForm .row [class*=col-]~[class*=col-] .form-group{
            /*border-top: 1px solid rgba(230, 230, 237, 1);*/
        }
        .loanCalcFormBlock .dataBlock__wr{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1;
            color: var(--grey415__wr);
            font-family: var(--secondaryFont);
        }
        .dataBlock__wr span{
            display: inline-flex;
        }
        .loanCalcFormBlock .btnBlock .btn{
            gap: 0;
        }
        .loanCalcFormBlock .btnBlock .btnTitle{
            margin-right: 12px;
        }
        .loanCalcFormBlock .btnBlock .btnIcon{;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            border-left: 1px solid rgba(11, 78, 132, 0.25);
            padding-left: 12px;
        }
        .loanCalcFormBlock .btnBlock .btn:hover .btnIcon,
        .loanCalcFormBlock .btnBlock .btn:focus-visible .btnIcon,
        .loanCalcFormBlock .btnBlock .btn-check:checked+.btn .btnIcon,
        .loanCalcFormBlock .btnBlock .btn.active .btnIcon,
        .loanCalcFormBlock .btnBlock .btn.show .btnIcon,
        .loanCalcFormBlock .btnBlock .btn:first-child:active .btnIcon,
        .loanCalcFormBlock .btnBlock :not(.btn-check)+.btn:active .btnIcon{
            border-color: rgba(15, 230, 255, 0.25);
        }
        .loanCalcFormBlock .dualDataBlock{
            margin-bottom: 0;
            /*font-family: var(--secondaryFont);*/
        }
        .loanTitleLabel{
            font-weight: 600;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-blue655-rgb), var(--bs-text-opacity));
        }
        .loanTtlAmntData{
            font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        }
        .sliderRange__wr{}
        .ui-slider-horizontal{
            height: 6px;
        }
        .ui-widget-header{
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        }
        .ui-widget.ui-widget-content{
            border: 1px solid rgba(246, 246, 248, 1);
            background: rgba(246, 246, 248, 1);
        }
        .ui-corner-all{
            border-radius: 0;
        }
        .ui-slider .ui-slider-handle{
            width: 24px;
            height: 24px;
        }
        .ui-slider-horizontal .ui-slider-handle {
            top: -10px;
        }
        .ui-state-default,
        .ui-state-default:focus-visible,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        .ui-button,
        html .ui-button.ui-state-disabled:hover,
        html .ui-button.ui-state-disabled:active{
            border: 4px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
            border-radius: 50%;
            background: #fff;
            outline: none;
        }
        .loanCalcFormBlock hr{
            margin: 1rem 0 0;
            border-color: rgba(230, 230, 237, 1);
            opacity: 1;
        }
    /*HM CALCULATE E*/
    /*HM PARTNER S*/
        .hmPartnerSec__wr{}
        .hmPartnerHead{}
        .hmPartnerHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .partnerSlider__wr{}
        .logoFigure{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 24px;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-blue22-rgb), var(--bs-bg-opacity));
        }
        .logoFigure img{
            aspect-ratio: 2 / 1;
            object-fit: contain;
            object-position: center;
        }
        .partnerSlider__wr.owl-theme .owl-nav{
            margin-top: 0;
        }
        .partnerSlider__wr.owl-theme .owl-nav [class*="owl-"] {
            margin: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(17, 17, 17, 0.5);
            font-size: 14px;
            line-height: 1;
            color: #fff;
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.5s linear;
            transition: 0.5s linear;
        }
        .partnerSlider__wr.owl-theme .owl-nav [class*="owl-"]:hover {
            background: rgb(17, 17, 17);
            color: #fff;
        }
        .partnerSlider__wr.owl-carousel .owl-nav button.owl-prev {
            left: 8px;
        }
        .partnerSlider__wr.owl-carousel .owl-nav button.owl-next {
            right: 8px;
        }
    /*HM PARTNER E*/
    /*HM WHY S*/
        .hmWhySec__wr{
            position: relative;
            overflow: hidden;
        }
        .hmWhyOvrlayElmnt{
            position: absolute;
            top: 10px;
            bottom: 0;
            right: 24px;
        }
        .hmWhyOvrlayElmnt img{
            height: 100%;
        }
        .hmWhyContentBlock{}
        .hmWhyContentHead{}
        .hmWhyContentHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .hmWhyContentHead p{}
        .hmWhyContent{}
        .hmWhyCtaBlock{}
        .whyCtaIconBlock{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 80px;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            border: 2px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
            background-color: transparent;
            padding: 8px;
        }
        .whyCtaIcon{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        }
        .whyCtaIcon img{
            width: 32px;
            aspect-ratio: 1 / 1;
            object-fit: contain;
            object-position: center;
        }
        .whyCtaContentBlock{}
        .whyCtaTitle{
            font-size: clamp(1.125rem, 1.0381rem + 0.2421vw, 1.25rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
            margin-bottom: 0.75rem;
        }
        .whyCtaContent{}
        .whyCtaContent p{}
        .hmWhySecFigure{
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .hmWhySecFigure img{}
    /*HM WHY E*/
    /*HM OFFER S*/
        .hmOfferSec__wr{
            position: relative;
            background-color: rgba(251, 251, 251, 1);
        }
        .hmOfferBgOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            opacity: 0.5;
        }
        .hmOfferBgOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(15, 230, 255, 1);
            background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
            background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        }
        .hmOfferBgOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            mix-blend-mode: multiply;
            opacity: 0.5;
        }
        .hmOfferSec__wr .container{}
        .hmOfferSec__wr .container .row{}
        .hmOfferSecHead{}
        .hmOfferSecHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmOfferSecHeadOwlBtns{}
        .hmOfferSecHeadOwlBtns .owl-nav{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
        }
        .hmOfferSecHeadOwlBtns .owl-nav [class*=owl-]{
            margin: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
            font-size: 16px;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
            /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
            border: none;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .hmOfferSecHeadOwlBtns .owl-nav [class*=owl-]:hover{
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmOfferSecHeadOwlBtns .owl-nav .owl-prev{}
        .hmOfferSecHeadOwlBtns .owl-nav .owl-next{}
        .offerSlider__wr{}
        .offerSlider__wr.owl-carousel .owl-stage {
            padding-top: 2px;
            padding-bottom: 2px;
            display: flex;
            flex: 1 0 auto;
            height: 100%;
        }
        .offerSlider__wr.owl-carousel .item {
            height: 100%;
        }
        .offerSlider__wr.owl-theme .owl-nav{
            margin-top: 0;
        }
        .offerSlider__wr.owl-theme .owl-nav [class*="owl-"] {
            margin: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
            font-size: 14px;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
            /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
            border: none;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.5s linear;
            transition: 0.5s linear;
        }
        .offerSlider__wr.owl-theme .owl-nav [class*="owl-"]:hover {
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .offerSlider__wr.owl-carousel .owl-nav button.owl-prev {
            left: 8px;
        }
        .offerSlider__wr.owl-carousel .owl-nav button.owl-next {
            right: 8px;
        }
        .offerBlock{
            width: 100%;
            height: 100%;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            border: 1px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
            border-radius: 24px;
            padding: 24px;
        }
        .offerBlockFigure{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 12px;
            border: 1px solid;
            --bs-border-opacity: 0.2;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        }
        .offerBlockFigure img{
            width: 100%;
            aspect-ratio: 16 / 5;
            object-fit: contain;
            object-position: center;
        }
        .offerContentBlock{
            margin-top: 48px;
            padding-bottom: 12px;
        }
        .offerContent{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }
        .offerContent span{
            font-style: normal;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-grey725-rgb), var(--bs-text-opacity));
        }
        .offerContentPreText{
            font-size: clamp(1.125rem, 0.8644rem + 0.7264vw, 1.5rem);
            font-weight: 700;
        }
        .offerContentTitle{
            font-size: clamp(1.5rem, 0.4576rem + 2.9056vw, 3rem);
            font-weight: 900;
            line-height: 1.2 !important;
            font-family: var(--secondaryFont);
        }
        .offerContentText{
            font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
            font-weight: 600;
        }
        .offerContentBlock .btnBlock{}
    /*HM OFFER E*/
    /*HM REVIEW S*/
        .hmReviewSec__wr{
            position: relative;
            overflow: hidden;
        }
        .hmReviewSecHead{}
        .hmReviewSecHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmReviewSecHeadOwlBtns{}
        .hmReviewSecHeadOwlBtns .owl-nav{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
        }
        .hmReviewSecHeadOwlBtns .owl-nav [class*=owl-]{
            margin: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
            font-size: 16px;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
            /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
            border: none;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .hmReviewSecHeadOwlBtns .owl-nav [class*=owl-]:hover{
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmReviewSecHeadOwlBtns .owl-nav .owl-prev{}
        .hmReviewSecHeadOwlBtns .owl-nav .owl-next{}
        .reviewSliderParent{}
        .reviewSlider__wr{}
        .reviewSlider__wr.owl-carousel .owl-stage {
            padding-top: 2px;
            padding-bottom: 2px;
            display: flex;
            flex: 1 0 auto;
            height: 100%;
        }
        .reviewSlider__wr.owl-carousel .item {
            height: 100%;
        }
        .reviewSlider__wr.owl-theme .owl-nav{
            margin-top: 0;
        }
        .reviewSlider__wr.owl-theme .owl-nav [class*="owl-"] {
            margin: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
            font-size: 14px;
            line-height: 1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
            /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
            border: none;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.5s linear;
            transition: 0.5s linear;
        }
        .reviewSlider__wr.owl-theme .owl-nav [class*="owl-"]:hover {
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .reviewSlider__wr.owl-carousel .owl-nav button.owl-prev {
            left: 8px;
        }
        .reviewSlider__wr.owl-carousel .owl-nav button.owl-next {
            right: 8px;
        }
        .reviewBlock{
            background-color: rgba(186, 231, 254, 1);
            border: 1px solid;
            --bs-border-opacity: 0.12;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
            border-radius: 12px;
            /*box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);*/
            padding: 24px;
        }
        .reviewBlockHead{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }
        .reviewAvtarBlock{
            position: relative;
            display: inline-flex;
            flex-shrink: 0;
            width: 68px;
            height: 68px;
            padding: 10px;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
            border-radius: 50%;
        }
        .reviewAvtarBlock::before{
            content: '';
            position: absolute;
            width: 100%;
            height: calc(32px + 25px);
            left: 0;
            right: 0;
            bottom: calc(100% - 32px);
            top: auto;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        }
        .reviewAvtar{
            position: relative;
            width: 100%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 50%;
            overflow: hidden;
        }
        .reviewAvtar::before{
            content: '';
            display: block;
            width: 100%;
            padding-top: 100%;
        }
        .reviewAvtar img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            position: absolute;
            left: 0;
            top: 0;
        }
        .reviewQuoteIcon{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
        }
        .reviewQuoteIcon img{
            width: 100%;
        }
        .reviewBlockContent{
            height: 100%;
        }
        .reviewBlockContent p{
            font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
            font-weight: 600;
            line-height: 1.5;
            color: rgba(54, 74, 76, 1);
        }
        .reviewBlockFoot{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 40px;
        }
        .reviewAuthInfoBlock{
            display: inline-flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .reviewAuthInfo{}
        .reviewAuthName{
            display: block;
            font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
            font-weight: 700;
            line-height: 1.1;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            margin-bottom: 0.5rem;
        }
        .reviewAuthDesg{
            display: block;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.1;
            color: rgba(54, 74, 76, 1);
        }
        .reviewRating{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            font-size: 12px;
            color: rgba(234, 163, 9, 1);
        }
        .reviewRating i{}
    /*HM REVIEW E*/
    /*HM BLOG S*/
        .hmBlogSec__wr{
            position: relative;
            background-color: rgba(246, 246, 248, 1);
        }
        .hmBlogSecHead{}
        .hmBlogSecHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmBlogBlock{
            padding: 24px;
            border-radius: 20px;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        }
        .hmBlogFigureBlock{
            position: relative;
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
        }
        .hmBlogFigure{
            width: 100%;
            aspect-ratio: 4 / 3;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            overflow: hidden;
        }
        .hmBlogFigure img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease-in-out;
        }
        .hmBlogBlock:hover .hmBlogFigure img{
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        .hmBlogDateBlock{
            position: absolute;
            left: 0;
            top: 0;
            width: 80px;
            text-align: center;
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            text-transform: uppercase;
            font-family: var(--secondaryFont);
        }
        .hmBlogDate{
            padding: 10px 0;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        }
        .hmBlogDate span{}
        .hmBlogMonth{
            padding: 10px 0;
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmBlogMonth span{}
        .hmBlogContentBlock{
            margin-top: 24px;
        }
        .hmBlogHead{
            margin-bottom: 0.5rem;
        }
        .hmBlogHeadTitle{
            font-size: clamp(1.125rem, 1.0381rem + 0.2421vw, 1.25rem);
            font-style: normal;
            font-weight: 600;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            font-family: var(--primaryFont);
            margin-bottom: 0;
        }
        .hmBlogContent{}
        .hmBlogContent p{}
        .hmBlogContentBlock .btnBlock{
            margin-top: 24px;
        }
    /*HM BLOG E*/
    /*HM FAQ S*/
        .hmFaqSec__wr{
            position: relative;
            overflow: hidden;
        }
        .hmFaqOvrlayElmnt {
            position: absolute;
            top: 50%;
            right: 0px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .hmFaqOvrlayElmnt img {
            /*height: 100%;*/
        }
        .hmFaqSecHead{}
        .hmFaqSecHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .faqAcordBlock{
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            gap: 12px;
        }
        .faqAcordBlock>li{
            padding: 0;
            position: relative;
            border-radius: 12px;
            background-color: rgba(206, 220, 230, 1);
            border: 1px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
            -webkit-transition: all ease-in 0.3s;
            transition: all ease-in 0.3s;
        }
        .faqAcordBlock>li:hover{
            /*border-color: #000;*/
            z-index: 1;
        }
        .faqAcordHead{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.5rem;
            cursor: pointer;
            position: relative;
        }
        .faqAcordHead::before{
            content: "+";
            font-size: 50px;
            line-height: 20px;
            font-weight: 100;
            position: absolute;
            right: 1.5rem;
            top: 26px;
            transition: transform .2s ease-in-out;
        }
        .faqAcordHeadTitle{
            font-size: clamp(1rem, 0.9131rem + 0.2421vw, 1.125rem);
            font-weight: 600;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            font-family: var(--primaryFont);
            margin: 0;
        }
        .faqAcordBody{
            padding: 0 1.5rem 1.5rem;
            display: none;
        }
        .faqAcordBlock>li.active .faqAcordHead{
            padding-bottom: 1rem;
        }
        .faqAcordBlock>li.active .faqAcordHead::before{
            content: "-";
            transform: rotate(-180deg);
        }
        .faqAcordBody p{
            line-height: 1.5;
        }
        .faqAcordBody p~p{}
        .faqAcordBody p a{
            display: inline-block;
            text-decoration: none;
            position: relative;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
            /*padding-bottom: 2px;
            border-bottom: 1px solid #cdccd0;*/
            -webkit-transition: all ease-in 0.3s;
            transition: all ease-in 0.3s;
        }
        .faqAcordBody p a:hover{
            border-bottom-color: #000;
        }
    /*HM FAQ E*/
    /*HM CONTACT S*/
        .hmContactSec__wr{
            position: relative;
            background-color: rgba(251, 251, 251, 1);
        }
        .hmContactOvrlayFigure__wr{
            position: absolute;
            inset: 0;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            opacity: 0.5;
        }
        .hmContactOvrlayFigure__wr::before{
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(15, 230, 255, 1);
            background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
            background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        }
        .hmContactOvrlayFigure__wr img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            mix-blend-mode: multiply;
            opacity: 0.8;
        }
        .hmContactSec__wr .container{}
        .hmContSecHead{}
        .hmContSecHeadTitle{
            font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmContactBlockParent{            
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
            border-radius: 24px;
            overflow: hidden;
            border: 1px solid;
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
            -webkit-filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));
        }
        .hmContactFromBlock{}
        .hmContactFromBlockHead{}
        .hmContactFromBlockHeadTitle{
            font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        }
        .hmContactFromBlock{
            padding: 4vw;
        }
        .hmContactFrom{
            font-family: var(--secondaryFont);
        }
        .form-control{
            padding: 1rem;
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
            background-color: rgba(246, 246, 248, 1);
            --bs-border-opacity: 0.4;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
            border-radius: 12px;
            outline: 0;
            box-shadow: none;
            font-family: var(--secondaryFont);
        }
        .form-control:focus{
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
            background-color: rgba(246, 246, 248, 1);
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
            outline: 0;
            box-shadow: none;
        }
        .form-control::-webkit-input-placeholder{
            color: rgba(54, 74, 76, 0.8);
            opacity: 1;
        }
        .form-control::-moz-placeholder{
            color: rgba(54, 74, 76, 0.8);
            opacity: 1;
        }
        .form-control:-ms-input-placeholder{
            color: rgba(54, 74, 76, 0.8);
            opacity: 1;
        }
        .form-control:-moz-placeholder{
            color: rgba(54, 74, 76, 0.8);
            opacity: 1;
        }
        textarea.form-control{
            /*min-height: 168px;*/
            resize: none;
            font-family: var(--secondaryFont);
        }
        .hmContactFigure{
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .hmContactFigure img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease-in-out;
        }
        .hmContactFigure:hover img{
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        .iti{
            width: 100%;
            font-family: var(--secondaryFont);
        }
        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
            background-color: transparent;
        }
        .iti--separate-dial-code .iti__selected-flag{
            background-color: transparent;
            padding-left: 16px;
            padding-right: 16px;
        }
        .iti__flag{
            margin-right: 10px;
        }
        .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code,
        .iti__selected-dial-code{
            min-width: 42px;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            color: rgba(var(--bs-black-rgb), 1);
            margin-left: 0;
        }
        .iti__arrow{
            margin-left: 8px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid rgba(var(--bs-black-rgb), 1);
        }
        .iti__arrow.iti__arrow--up {
            border-top: none;
            border-bottom: 4px solid rgba(var(--bs-black-rgb), 1);
        }
        .iti__country-list{
            width: calc(100% + 216.91px);
            white-space: unset;
        }
        .iti__country-list li{
            color: #000;
        }
        .iti__country-list .iti__country{
            font-size: 14px;
            justify-content: space-between;
        }
    /*HM CONTACT E*/
/*HOME PAGE E*/
/*PAGE FOOTER S*/
    .pageFooter{
        position: relative;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        padding-top: 40px;
    }
    .pageFootInfoBlock{}
    .pageFootBrand{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
    }
    .pageFootBrand img{}
    .pageFootAbtInfo{
        width: 100%;
        margin-bottom: 24px;
    }
    .pageFootAbtInfo p{}
    .pageFootNewLeterForm{}
    .pagefootNewLeterBlock{
        position: relative;
    }
    .pagefootNewLeterBlock .form-control{
        border-radius: 50rem;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        padding-right: calc(12px + 40px + 16px);
        font-family: var(--secondaryFont);
    }
    .pagefootNewLeterBlock .form-control:focus{
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .pageFootNewLeterBtn{
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        border: 1px solid;
        border-color: transparent;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .pageFootNewLeterBtn:hover,
    .pageFootNewLeterBtn:focus{
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .pageFootNewLeterBtn:focus-visible {
        outline: none;
    }
    .pageFootLinkBlock{}
    .pageFootLinkTitle{
        position: relative;
        font-size: clamp(1.125rem, 0.8644rem + 0.7264vw, 1.5rem);
        line-height: 1;
        font-weight: 700;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin-bottom: 1.5rem;
    }
    .pageFootLinkTitle::before{
        content: '';
        width: 12px;
        height: 2px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 0;
        bottom: -8px;
    }
    .pageFootLinkTitle::after{
        content: '';
        width: 32px;
        height: 2px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: calc(12px + 4px);
        bottom: -8px;
    }
    .pageFootLink{
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .pageFootLink > li{
        display: block;
    }
    .pageFootLink > li > a{
        position: relative;
        display: inline-flex;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        text-decoration: none;
    }
    .pageFootLink > li > a::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        height: 1px;
        border-radius: 2px;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .5s cubic-bezier(0,0,.2,1), -webkit-transform .5s cubic-bezier(0,0,.2,1);
    }
    .pageFootLink > li > a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }
    .pageFootContactBlock{}
    .pageFootContactInfo{
        position: relative;
        padding-left: 2rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 400;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        margin-bottom: 0;
    }
    .pageFootContactInfo~.pageFootContactInfo{
        margin-top: 1.5rem;
    }
    .pageFootContactInfo i{
        position: absolute;
        top: 0;
        left: 0;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    }
    .pageFootContactInfo a{
        position: relative;
        display: inline-flex;
        text-decoration: none;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .pageFootContactInfo a::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -7px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        height: 1px;
        border-radius: 2px;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .5s cubic-bezier(0,0,.2,1), -webkit-transform .5s cubic-bezier(0,0,.2,1);
    }
    .pageFootContactInfo a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }
    .pageFootInfoLabel{
        font-family: var(--secondaryFont);
    }
    .pageFootContactInfo.adrs i{
        top: 7px;
    }
    .pageFootEnd{
        padding: 1.5rem 0;
        margin-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .pageFootsocial{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .pageFootsocial a{
        height: 40px;
        width: 40px;
        font-size: 16px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        text-decoration: none;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        background-color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        -webkit-transition: all ease-in 0.5s;
        transition: all ease-in 0.5s;
    }
    .pageFootsocial a:hover {
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));        
        /*box-shadow: 0 0 5px rgba(var(--bs-primary-rgb), 0.2) inset;*/
    }
    .pageCopyRight{
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        margin-bottom: 0;
    }
/*PAGE FOOTER E*/
/*ABOUT PAGE S*/
    .pageInerBnrSec__wr{
        padding-top: 1.5rem;
        position: relative;
    }
    .pageInerBnrBox{
        width: 100%;
        position: relative;
        aspect-ratio: 16 / 9;
    }
    .inrBnrFigure{
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        overflow: hidden;
    }
    .inrBnrFigure::before{
        content: '';
        position: absolute;
        inset: 0;
        --bs-bg-opacity: 0.4;
        background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity));
    }
    .inrBnrFigure img,
    .inrBnrFigure video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .inrBnrBlock{
        position: absolute;
        inset: 0;
        padding: 24px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        display: flex;
        align-items: center;
    }
    .inrBnrContentBlock{
        width: 100%;
    }
    .inrBnrBlockTitle{
        font-size: clamp(1.25rem, 0.3814rem + 2.4213vw, 2.5rem);
        font-weight: 700;
        line-height: 1;
        color: inherit;
        margin-bottom: 0;
    }
    .inrBnrBlockTitle:has(+ .inrBnrContent){
        margin-bottom: 12px;
    }
    .inrBnrContent{}
    .inrBnrContent p{
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 600;
        line-height: 1.5;
        color: inherit;
    }
    .aboutUsSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
        /*padding-top: 48px;*/
    }
    .aboutUsBgOvrlayFigure__wr{
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .aboutUsBgOvrlayFigure__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .aboutUsBgOvrlayFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .aboutUsContentBlock{}
    .aboutUsContentHead{}
    .aboutUsContentHeadTitle{
        font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    }
    .aboutUsContentHeadTitle span{
        display: block;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .aboutUsContent{}
    .aboutUsContentSubTitle{
        font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: rgba(54, 74, 76, 1);
    }
    .aboutUsContent p{
        font-weight: 500;
    }
    .abtCounterSec__wr{
        position: relative;
        overflow-x: hidden;        
    }
    .abtCounterOvrlayElmnt{
        position: absolute;
        left: 0;
        right: auto;
        top: 0;
        bottom: 0;
    }
    .abtCounterOvrlayElmnt img{
        height: 100%;
    }
    .abtCounterContentBlock{}
    .abtCounterContentHead{}
    .abtCounterContentHeadTitle{
        font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .abtCounterContent{}
    .abtCounterContent p{
        font-weight: 500;
    }
    .abtCounterParent{}
    .abtCounterParent .row [class*=col-]:nth-child(1) .abtCounterBlock{
        border-top-left-radius: 12px;
    }
    .abtCounterParent .row [class*=col-]:nth-child(2) .abtCounterBlock{
        background-color: rgba(var(--bs-blue55-rgb), var(--bs-bg-opacity)) !important;
        border-top-right-radius: 12px;
    }
    .abtCounterParent .row [class*=col-]:nth-child(3) .abtCounterBlock{
        background-color: rgba(var(--bs-blue55-rgb), var(--bs-bg-opacity)) !important;
        border-bottom-left-radius: 12px;
    }
    .abtCounterParent .row [class*=col-]:nth-child(4) .abtCounterBlock{
        border-bottom-right-radius: 12px;
    }
    .abtCounterBlock{
        width: 100%;
        height: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        padding: 32px 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 12px;
    }
    .abtCounterNumBlock{
        display: inline-flex;
        font-size: clamp(1.5rem, 0.1102rem + 3.8741vw, 3.5rem);
        font-weight: 600;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .abtCounterNumBlock .count{}
    .abtCounterNumBlock span{}
    .abtCounterBlock p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.3;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .abtMisionSec__wr{
        position: relative;
        background-color: rgba(254, 254, 254, 1);
        overflow: hidden;
    }
    .abtMisionSec__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        mix-blend-mode: multiply;
        opacity: 0.2;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .abtMVBlock{}
    .abtMVIconBlock{        
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 80px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        background-color: transparent;
        padding: 8px;
    }
    .abtMVIcon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
    }
    .abtMVIcon img{
        width: 32px;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        object-position: center;
    }
    .abtMVContentBlock{}
    .abtMVTitle{
        font-size: clamp(1.5rem, 1.1525rem + 0.9685vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0.75rem;
    }
    .abtMVContent{}
    .abtMVContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--grey730-rgb), var(--bs-text-opacity));
    }
    .abtWhySec__wr{
        position: relative;
    }
    .abtWhySecHead{}
    .abtWhySecHeadTitle{
        font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .abtWhySecHeadContent{}
    .abtWhySecHeadContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .abtWhyBlock{
        width: 100%;
    }
    .abtWhyBlockFigure{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 12px;
    }
    .abtWhyBlockFigure img{
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease-in-out;
    }
    .abtWhyBlockFigure:hover img{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .abtWhyContent{}
    .abtWhyContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        line-height: 1.5;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .teamSec__wr{
        position: relative;
        background-color: rgba(246, 246, 248, 1);
    }
    .hmReviewSecHead{}
    .teamSecHeadTitle{
        font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .teamSecHeadOwlBtns{}
    .teamSecHeadOwlBtns .owl-nav{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }
    .teamSecHeadOwlBtns .owl-nav [class*=owl-]{
        margin: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        font-size: 16px;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
        border: none;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .teamSecHeadOwlBtns .owl-nav [class*=owl-]:hover{
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .teamSecHeadOwlBtns .owl-nav .owl-prev{}
    .teamSecHeadOwlBtns .owl-nav .owl-next{}
    .teamSliderParent{}
    .teamSlider__wr{}
    .teamSlider__wr.owl-carousel .owl-stage-outer{
        /*padding: 0 15px;*/
    }
    .teamSlider__wr.owl-carousel .owl-stage {
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        flex: 1 0 auto;
        height: 100%;
    }
    .teamSlider__wr.owl-carousel .item {
        height: 100%;
        /*padding: 0 6px;*/
    }
    .teamSlider__wr.owl-theme .owl-nav{
        margin-top: 0;
    }
    .teamSlider__wr.owl-theme .owl-nav [class*="owl-"] {
        margin: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        font-size: 14px;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));*/
        border: none;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.5s linear;
        transition: 0.5s linear;
    }
    .teamSlider__wr.owl-theme .owl-nav [class*="owl-"]:hover {
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .teamSlider__wr.owl-carousel .owl-nav button.owl-prev {
        left: 8px;
    }
    .teamSlider__wr.owl-carousel .owl-nav button.owl-next {
        right: 8px;
    }
    .teamSliderBlock{
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        padding: 1rem;
        -webkit-filter: drop-shadow(0px 4px 8px rgba(15, 230, 255, 0.12));
        filter: drop-shadow(0px 4px 8px rgba(15, 230, 255, 0.12));
    }
    .teamSliderFigure{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .teamSliderFigure img{
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease-in-out;
    }
    .teamSliderBlock:hover .teamSliderFigure img{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .teamSliderContent{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .teamMembName{
        font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        font-weight: 600;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0;
    }
    .teamMembName:has(+ .teamMembDesg) {
        margin-bottom: 12px;
    }
    .teamMembDesg{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
/*ABOUT PAGE E*/
/*SERVICE PAGE S*/
    .servicesSec__wr{
        position: relative;
    }
    .servicesOvrlayElmnt{
        width: 55%;
        position: absolute;
        right: 0;
        top: -3%;
        /*opacity: 0.12;*/
    }
    .servicesOvrlayElmnt img{}
    .servicesSecHead{}
    .servicesSecHeadTitle{
        font-size: clamp(1.25rem, 0.3814rem + 2.4213vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .servicesSecHeadContent{}
    .servicesSecHeadContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .servicesGridParent{}
    .servicesBlock{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .servicesBlock::before{
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
    }
    .servicesOvrlayFigure{
        width: 100%;
        display: flex;
        position: absolute;
        inset: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesOvrlayFigure::before{
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #0FE6FF 100%);
    }
    .servicesOvrlayFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .servicesContentBlock{
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        z-index: 2;
    }
    .servicesContentHead{
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 16px;
    }
    .servicesIconBlock{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 80px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        background-color: transparent;
        padding: 8px;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesIcon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesIcon img{
        width: 32px;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        object-position: center;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesHeadTitle{
        font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin-bottom: 0;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesContentWrapper{
        flex: 1;
    }
    .servicesContent{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        -moz-box-orient: vertical;
    }
    .servicesContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 400;
        line-height: 1.5;
        color: rgba(54, 74, 76, 1);
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .servicesContent ul{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        line-height: 1.5;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .checked-list li {
        position: relative;
        padding-left: 24px;
    }
    .checked-list li::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Pro";
        font-style: normal;
        font-weight: 900;
        font-display: block;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        /*color: var(--bs-success);*/
    }
    .servicesBlock .btnBlock{
        margin-top: 1rem;
    }
    .servicesBlock:hover .servicesOvrlayFigure{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .servicesBlock:hover .servicesIconBlock{
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
    }
    .servicesBlock:hover .servicesHeadTitle,
    .servicesBlock:hover .servicesContent p,
    .servicesBlock:hover .servicesContent ul{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .servicesBlock:hover .btn-primary{
        --bs-btn-bg: rgba(255, 255, 255, 1);
        --bs-btn-border-color: rgba(255, 255, 255, 1);
    }
    .serAsistSec__wr{}
    .serAsistFigureBlock{
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .serAsistFigure{
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .serAsistFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease-in-out;
    }
    .serAsistFigure:hover img{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .asistFigureOne{
        width: 50%;
        aspect-ratio: 1 / 1;
        position: relative;
        z-index: 1;
    }
    .asistFigureTwo{
        width: 60%;
        aspect-ratio: 16 / 9;
        margin-top: -20px;
    }
    .asistFigureThree{
        width: 55%;
        aspect-ratio: 16 / 9;
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .serAsistContentHead{}
    .serAsistContentHeadTitle{
        font-size: clamp(1.25rem, 0.3814rem + 2.4213vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .serAsistContent{}
    .asistTimeLineBlock{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /*gap: 32px;*/
    }
    .asistTimeLineBlock > li{
        position: relative;
        z-index: 1;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40px;
        padding-bottom: 40px;
    }
    .asistTimeLineBlock > li::before{
        content: '';
        width: 1px;
        height: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    .asistTimeLNumCount{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 40px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        font-weight: 600;
        line-height: 1;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        font-family: var(--secondaryFont);
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .asistTimeLNumCount span{}
    .asistTimeLContentBlock{}
    .asistTimeLContentTitle{
        font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
        font-weight: 600;
        line-height: 1.2;
        color: rgba(54, 74, 76, 1);
        font-family: var(--primaryFont);
        margin-bottom: 0.5rem;
    }
    .asistTimeLContent{}
    .asistTimeLContent p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 400;
        line-height: 1.5;
        color: rgba(122, 122, 122, 1);
    }
    .asistTimeLineBlock > li:last-child{
        padding-bottom: 0;
    }
    .asistTimeLineBlock > li:last-child::before{
        display: none;
    }
/*SERVICE PAGE E*/
/*SERVICE DETAIL PAGE S*/
    .serviceDetailParent{}
    .serDetailSideBar{
        width: 100%;
        background-color: rgba(228, 235, 236, 1);
        border-radius: 6px;
        padding: 16px 12px;
    }
    .serSideBarList{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 4px;
    }
    .serSideBarList > li{
        display: block;
    }
    .serSideBarList > li > a{
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration: none;
        padding: 16px;
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.5;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .serSideBarList > li > a .labelText{
        display: block;
        flex: 1 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .serSideBarList > li > a::before{
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .serSideBarList > li > a.active,
    .serSideBarList > li > a:hover{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .serSideBarList > li > a:hover::before{
        width: 100%;
    }
    .serDetailBlock{}
    .serDetailFigure{
        width: 100%;
        aspect-ratio: 16 / 9;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        overflow: hidden;
    }
    .serDetailFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .serDetailTitleHead{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .serDetailTitle{
        flex: 1 1 auto;
        font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .serDetailContentBlock{
        font-weight: 500;
        color: rgba(54, 74, 76, 1);
    }
    .serDetailContentBlock p{}
    .serDetailBenefitBlock{
        position: relative;
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-radius: 6px;
    }
    .serDetailBenefitOvrlayElmnt{
        width: 58%;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .serDetailBenefitOvrlayElmnt img{}
    .serDetailBenefitContent{
        padding: 40px 32px;
    }
    .serDetailBenefitContent .list-unstyled{
        font-size: clamp(0.875rem, 0.6136rem + 0.7273vw, 1.25rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
    .circle-check-list li{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }
    .circle-check-list li::before{
        content: "\f058";
        font-size: clamp(1rem, 0.6515rem + 0.9697vw, 1.5rem);
        font-style: normal;
        font-weight: 900;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
        font-family: "Font Awesome 6 Pro";
        font-display: block;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        /*position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);*/
    }
    .serDetailBenefitImage{
        width: 100%;
        position: relative;
    }
    .serDetailBenefitFigure{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .serDetailBenefitFigure img{}
    .callBtnBlock{
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .callBtn{
        display: inline-flex;
        align-items: stretch;
        justify-content: center;
        gap: 16px;
        text-decoration: none;
        padding: 10px 20px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        border-radius: 50rem;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .callBtnIcon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        font-size: 20px;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    }
    .callBtnIcon i{}
    .callBtnContent{
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        font-family: var(--secondaryFont);
    }
    .callBtnTime{
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
    }
    .callBtnTitle{
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
    }
    .serFaqBlock{}
    .serFaqBlockHead{}
    .serFaqBlockHeadTitle{
        font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
/*SERVICE DETAIL PAGE E*/
/*PROCESS PAGE S*/
    .processSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .processSecBgOvrlayFigure__wr {
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .processSecBgOvrlayFigure__wr::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(94.01deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.2) 96.72%);
        background: linear-gradient(94.01deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.2) 96.72%);
    }
    .processSecBgOvrlayFigure__wr img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.8;
    }
    .processSecHead{
        width: 100%;
        max-width: 1200px;
    }
    .processSecHeadTitle{
        font-size: clamp(1rem, 0.8258rem + 0.4848vw, 1.25rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        /*font-family: var(--primaryFont);*/
    }
    .procesBlockParent{
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 48px;
    }
    .procesBlockParent::before{
        content: '';
        display: inline-flex;
        width: 4px;
        height: 90%;
        background-color: rgba(148, 148, 148, 1);
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        margin: 0 auto;
    }
    .procesBlock{
        width: 100%;
        position: relative;
    }
    .procesCountStep{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        margin: 0 auto;
        width: 100px;
        aspect-ratio: 1 / 1;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        border: 6px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-align: center;
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .procesCountStep::before{
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: #0FE6FF;
        background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #0FE6FF 100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .procCountStepLabel{
        position: relative;
        display: inline-flex;
    }
    .procStepCount{
        position: relative;
        display: inline-flex;
        font-size: 32px;
        line-height: 0.7;
    }
    .procesVr{
        width: 4px;
        height: 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        margin: 0 auto;
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .procesBlockWrapper{
        width: 100%;
        align-items: center;
        justify-content: space-between;
        row-gap: 24px;
    }
    .procesImageBlock{
        position: relative;
        z-index: 1;
        margin-right: calc(50px + 24px);
        margin-left: 5vw;
        display: inline-flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .procsFigure{
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .procsFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .procesBigFigure{
        width: 100%;
        max-width: 200px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        overflow: hidden;
    }
    .procesBigFigure img{}
    .procesSmallFigure{
        width: 100%;
        max-width: 70px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        overflow: hidden;
    }
    .procesSmallFigure img{}
    .procesCircleSecondary{
        display: inline-flex;
        width: 55px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }
    .procesCirclePrimary{
        display: inline-flex;
        width: 55px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
    }
    .procesBlock:nth-child(even) .procesImageBlock{
        align-items: flex-start;
    }
    .procesBlock:nth-child(even) .procesImageBlock .procesSmallFigure{
        order: 1;
        max-width: 120px;
        z-index: 1;
    }
    .procesBlock:nth-child(even) .procesImageBlock .procesBigFigure{
        order: 2;
        margin-left: -60px;
    }
    .procesBlock:nth-child(even) .procesImageBlock .procesCirclePrimary{
        order: 3;
        align-self: center;
        margin-left: 16px;
    }
    .procesContentBlock{
        margin-left: calc(50px + 24px);
    }
    .procesContentHead{
        margin-bottom: 12px;
    }
    .procesContentHeadTitle{
        font-size: clamp(1.125rem, 0.5152rem + 1.697vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .procesContent{
        font-weight: 600;
        color: rgba(54, 74, 76, 1);
    }
    .procesContent p{}
    .procesBlock:last-child .procesVr{
        display: none;
    }
    .procesBlock.active .procesVr{
        height: 120%;
    }
    .procesBlock.active .procesCountStep::before{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
/*PROCESS PAGE E*/
/*CALCULATOR PAGE S*/
    .loanCalcSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .loan_CalcBgOvrlayFigure__wr {
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .loan_CalcBgOvrlayFigure__wr::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .loan_CalcBgOvrlayFigure__wr img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .loanCalcSecHead{}
    .loanCalcSecHeadTitle{
        font-size: clamp(1rem, 0.7822rem + 0.6061vw, 1.3125rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .unlockSec__wr{}
    .unlockSecBox{
        width: 100%;
        border-radius: 12px;
        background-color: rgba(206, 220, 230, 1);
        padding: 48px 3vw;
    }
    .unlockFigure__wr{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        border-radius: 24px;
    }
    .unlockFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .unlockContentBlock{}
    .unlockContentHead{}
    .unlockContentHeadTitle{
        font-size: clamp(1.125rem, -0.1818rem + 3.6364vw, 3rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .unlockContent{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .unlockContentBlock .btnBlock .btnTitle {
        margin-right: 12px;
    }
    .unlockContentBlock .btnBlock .btnIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border-left: 1px solid rgba(11, 78, 132, 0.25);
        padding-left: 12px;
    }
    .unlockContentBlock .btnBlock .btn:hover .btnIcon, 
    .unlockContentBlock .btnBlock .btn:focus-visible .btnIcon, 
    .unlockContentBlock .btnBlock .btn-check:checked+.btn .btnIcon, 
    .unlockContentBlock .btnBlock .btn.active .btnIcon, 
    .unlockContentBlock .btnBlock .btn.show .btnIcon, 
    .unlockContentBlock .btnBlock .btn:first-child:active .btnIcon, 
    .unlockContentBlock .btnBlock :not(.btn-check)+.btn:active .btnIcon {
        border-color: rgba(15, 230, 255, 0.25);
    }
/*CALCULATOR PAGE E*/
/*PRODUCTS PAGE S*/
    .inrPageLayout__wr{
        width: 100%;
        background-color: rgba(251, 251, 251, 1);
    }
    .inrPageTitleSec__wr{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inrPageTitleSec__wr:has(.inrPageTitle):has(.inrPageTitleIconBlock){
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .inrPageTitleBlock{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .inrPageTitleIconBlock{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 80px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        background-color: transparent;
        padding: 8px;
    }
    .inrPageTitleIcon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .inrPageTitleIcon img{
        width: 32px;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        object-position: center;
    }
    .inrPageTitle{
        font-size: clamp(1.25rem, 0.7288rem + 1.4528vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .inrPageTitleSec__wr .btnBlock{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .inrPageTitleSec__wr .btnBlock .btn{
        --bs-btn-padding-x: 32px;
    }
    .cardBoxBlock__wr{}
    .cardBodyBox__wr{
        padding: 16px;
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border: 2px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 24px;
    }
    .proFilterAside{
        padding: 24px 16px;
        border-radius: 12px;
        background-color: rgba(202, 245, 251, 1);
    }
    .proFilterHead{
        margin-bottom: 20px;
    }
    .proFilterHeadTitle{
        font-size: clamp(1.125rem, 0.8644rem + 0.7264vw, 1.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .proFilterForm{
        width: 100%;
    }
    .proFilterBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 24px;
    }
    .proFilterBlock{}
    .proFilterLabel{
        font-size: clamp(1rem, 0.9131rem + 0.2421vw, 1.125rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .proFilterLabel span{
        color: rgba(255, 0, 0, 1);
    }
    .proFilterAside .bootstrap-select>.dropdown-toggle{
        --bs-btn-padding-y: 16px;
        --bs-btn-padding-x: 16px;
        --bs-btn-font-weight: 500;
        --bs-btn-border-width: 1px;
        --bs-btn-border-radius: 12px;
        --bs-btn-color: rgba(54, 74, 76, 0.6);
        --bs-btn-bg: rgba(246, 246, 248, 1);
        --bs-border-opacity: 0.4;
        --bs-btn-border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        --bs-btn-hover-color: rgba(54, 74, 76, 0.6);
        --bs-btn-hover-bg: rgba(246, 246, 248, 1);
        --bs-btn-hover-border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        --bs-btn-focus-shadow-rgb: 246, 246, 248;
        --bs-btn-active-color: rgba(54, 74, 76, 0.6);
        --bs-btn-active-bg: rgba(246, 246, 248, 1);
        --bs-btn-active-border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: rgba(54, 74, 76, 0.6);
        --bs-btn-disabled-bg: rgba(246, 246, 248, 1);
        --bs-btn-disabled-border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .proFilterAside .bootstrap-select>.dropdown-toggle:after {
        content: '\f107';
        border: none;
        /*font-size: 12px;*/
        vertical-align: middle;
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        margin: 0;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
    }
    .proFilterAside .bootstrap-select.dropup>.dropdown-toggle:after {
        content: '\f077';
    }
    .proFilterSrchFeild{
        padding-right: calc(1.5rem + 20px);
    }
    .proFilterSrchIcon{
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        position: absolute;
        right: 1rem;
        top: 50px;
    }
    .proFilterFoot{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 32px;
    }
    .proFilterFoot .btn{
        --bs-btn-padding-x: 22px;
    }
    .proListSec__wr{
        position: sticky;
        top: 24px;
    }
    .proListSecHead{
        margin-bottom: 24px;
    }
    .proListSecHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .proListSecHead .btnBlock{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .proListSecHead .btnBlock .btn{
        --bs-btn-padding-x: 32px;
    }
    .proListBlockParent{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 32px;
    }
    .proListBlock{
        padding: 32px 20px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        border: 1px solid;
        --bs-border-opacity: 0.24;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .proListBlockBody{}
    .proBankColBlock{
        padding: .25rem;
    }
    .proBankBLock{
        width: 100%;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }
    .proBankBLockBox{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 68px;
        aspect-ratio: 1 / 1;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .proBankBLockBox span{}
    .proBankBLockBox img{
        width: 80%;
        aspect-ratio: 2 / 1;
        object-fit: contain;
        object-position: center;
    }
    .proBankBLockTitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .proBodyColData{
        padding: .25rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
    }
    .proColHeadData{}
    .proColData{
        font-size: clamp(1rem, 0.6525rem + 0.9685vw, 1.5rem);
        font-weight: 600;
        font-family: var(--secondaryFont);
    }
    .proListBlock.selected .proBankBLockTitle,
    .proListBlock.selected .proBodyColData{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .proTable{
        width: 100%;
        table-layout: fixed;
        margin-bottom: 0;
    }
    .proTable.table>:not(caption)>*>*{
        padding: .25rem .25rem;
    }
    .proTable .bankBLock{
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }
    .proTable .bankBLockBox{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 68px;
        aspect-ratio: 1 / 1;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .proTable .bankBLockBox span{}
    .proTable .bankBLockTitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .proTable tbody tr td{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
    }
    .proTable tbody tr th{
        font-size: clamp(1rem, 0.6525rem + 0.9685vw, 1.5rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .proListBlockFoot{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding: 0.5rem;
        margin-top: 24px;
    }
    .proListBlockFoot .btnBlock{
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .proListBlockFoot .btnBlock .btn{
        --bs-btn-padding-x: 32px;
    }
    #proDetailModal{
        --bs-modal-border-radius: 24px;
        --bs-modal-padding: 20px 32px;
        --bs-modal-header-border-width: 0;
        --bs-modal-footer-border-width: 0;
    }
    #proDetailModal .modal-header{
        padding: 20px 48px;
        display: flex;
        flex-direction: column;

    }
    #proDetailModal .modal-header .btn-close{
        padding: 0;
        width: 32px;
        height: 32px;
        margin-right: -32px;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        background: unset;
        --bs-btn-close-opacity: 1;
        --bs-btn-close-hover-opacity: 1;
    }
    #proDetailModal .modalHeaderTitleBlock{
        width: 100%;
    }
    #proDetailModal .modal-title{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
        margin-bottom: 6px;
    }
    #proDetailModal .modalHeaderTitleBlock p{}
    #proDetailModal .modal-footer{
        padding: 20px 32px;
    }
    #proDetailModal .proDetailInfoBlock{
        width: 100%;
        height: 100%;
        border-radius: 24px;
        background-color: rgba(202, 245, 251, 1);
        padding: 24px 40px;
    }
    #proDetailModal .bankBLock{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    #proDetailModal .bankBLockBox{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 68px;
        aspect-ratio: 1 / 1;
        --bs-bg-opacity: 0;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    #proDetailModal .bankBLockBox span{}
    #proDetailModal .bankBLockBox img{
        width: 80%;
        aspect-ratio: 2 / 1;
        object-fit: contain;
        object-position: center;
    }
    #proDetailModal .bankBLockTitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    #proDetailModal .proDetailInfoHeadData{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        margin-bottom: 0.5rem;
    }
    #proDetailModal .proDetailInfoData{
        font-size: clamp(1rem, 0.6525rem + 0.9685vw, 1.5rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    #proDetailModalAccord{
        --bs-text-opacity: 1;
        --bs-accordion-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        --bs-bg-opacity: 1;
        --bs-accordion-bg: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        --bs-accordion-border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        --bs-accordion-border-radius: 24px;
        --bs-accordion-inner-border-radius: 0;
        --bs-accordion-btn-padding-x: 0;
        --bs-accordion-btn-padding-y: 0;
        --bs-accordion-btn-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        --bs-accordion-btn-bg: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-accordion-active-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        --bs-accordion-active-bg: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-accordion-btn-icon-width: 14px;
        --bs-accordion-btn-focus-box-shadow: none;
        --bs-accordion-body-padding-x: 1.5rem;
        --bs-accordion-body-padding-y: 1.5rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 20px;
    }
    #proDetailModalAccord .accordion-item{
        border-radius: 24px;
    }
    #proDetailModalAccord .accordion-header{
        padding: 24px;
        padding-bottom: 0;
    }
    #proDetailModalAccord .accordion-button{
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
        font-family: var(--secondaryFont);
        padding-bottom: 16px;
        border-bottom: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
    }
    #proDetailModalAccord .accordion-button::after{
        filter: brightness(0) invert(1);
    }
    #proDetailModalAccord .accordion-body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 20px;
    }
    #proDetailModalAccord .proDetailAccordDataBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 500;
        line-height: 1.2;
        font-family: var(--primaryFont);
    }
    #proDetailModalAccord .proDetailAccordStartData{}
    #proDetailModalAccord .proDetailAccordEndData{
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 400;
        line-height: 1.2;
        font-family: var(--secondaryFont);
    }
    .proListLoadBtn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        text-decoration: none;
        text-shadow: none;
        -webkit-appearance: none;
        cursor: pointer;
        background-color: transparent;
        border: 0;
        padding: 8px 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .proListLoadBtn:hover{
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .proListLoadBtn:hover i{
        animation: toTopFromBottom 0.3s linear forwards;
    }
    @keyframes toTopFromBottom {
        49% {
            transform: translateY(-100%);
        }
        50% {
            opacity: 0;
            transform: translateY(100%);
        }
        51% {
            opacity: 1;
        }
    }
    .proListBlockParent.selected{
        gap: 18px;
        margin-bottom: 64px;
    }
    .proListBlock.selected{
        position: relative;
        padding: 36px 20px;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
    }
    .proListBlock.selected .removeProBtn{
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        text-decoration: none;
        text-shadow: none;
        -webkit-appearance: none;
        cursor: pointer;
        background-color: transparent;
        position: absolute;
        right: 12px;
        top: 12px;
    }
    .proListBlock.selected .proTable{
        --bs-text-opacity: 1;
        --bs-table-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        --bs-table-bg: transparent;
    }
    .proListBlock.selected .proTable .bankBLockTitle,
    .proListBlock.selected .proTable tbody tr td,
    .proListBlock.selected .proTable tbody tr th{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
/*PRODUCTS PAGE E*/
/*COMPARE PAGE S*/
    .compBlockBoxSec__wr{}
    .compBoxBlock{
        width: 100%;
        padding: 20px 18px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        border: 2px solid;
        --bs-border-opacity: 0.5;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .compBoxBlockHead{
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .compBankBLock{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .compBankBLockBox{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 68px;
        aspect-ratio: 1 / 1;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .compBankBLockBox span{}
    .compBankBLockBox img{
        width: 80%;
        aspect-ratio: 2 / 1;
        object-fit: contain;
        object-position: center;
    }
    .compBankBLockTitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .compBoxBlockBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 20px;
    }
    .compBlockDataRow{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.3;
        color: rgba(54, 74, 76, 1);
        padding: 10px;
        border-bottom: 1px solid;
        border-color: rgba(54, 74, 76, 0.24);
    }
    .compBlockDataColHead{
        display: flex;
        flex: 1 0 0%;
        font-weight: 600;
    }
    .compBlockColData{
        display: flex;
        flex: 1 0 0%;
    }
    .compBoxBlockFoot{
        margin-top: 50px;
    }
    .compBoxBlockFoot .btnBlock{}
    .compBoxBlockFoot .btnBlock .btn{
        --bs-btn-padding-x: 32px;
    }
    #genOfferModal{
        --bs-modal-border-radius: 24px;
        --bs-modal-padding: 20px 24px;
        --bs-modal-header-border-width: 0;
        --bs-modal-footer-border-width: 0;
        --bs-modal-header-padding-x: 1rem;
        --bs-modal-header-padding-y: 1.5rem;
    }
    #genOfferModal .modal-title{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
        margin-bottom: 6px;
    }
    #genOfferModal .modal-header .btn-close{
        padding: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        background: unset;
        --bs-btn-close-opacity: 1;
        --bs-btn-close-hover-opacity: 1;
    }
    #genOfferModal .modal-footer{
        padding: 1rem 1.5rem;
    }
    .form-label{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .form-label span{
        color: rgba(255, 0, 0, 1);
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
      margin: 0 !important;
    }
    input[type=number] {
      -moz-appearance: textfield !important;
    }
    .form-select{
        padding: 1rem;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        background-color: rgba(246, 246, 248, 1);
        --bs-border-opacity: 0.4;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 12px;
        outline: 0;
        box-shadow: none;
        background-position: right 1rem center;
        font-family: var(--secondaryFont);
    }
    form .form-select:invalid, 
    form .form-select.titleNull__wr {
        color: rgba(54, 74, 76, 0.8);
        /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%235C6C6F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M2,5l6,6l6-6'/%3E%3C/svg%3E%0A");*/
    }
/*COMPARE PAGE E*/
/*CONTACT PAGE S*/
    .contactSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .contactSecBgOvrlayFigure__wr{
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .contactSecBgOvrlayFigure__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .contactSecBgOvrlayFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .contactContentBlock{}
    .contactContentBlockHead{}
    .contactContentBlockHeadTitle{
        font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 8px;
    }
    .contactContentBlockHead p{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.5;
        color: rgba(54, 74, 76, 1);
    }
    .contactInfoList{}
    .contactInfoBlock{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        padding: 24px 0;
    }
    .contactInfoBlock~.contactInfoBlock{
        border-top: 1px solid rgba(182, 190, 217, 0.4);
    }
    .contactInfoBlock:first-child{
        padding-top: 0;
    }
    .contactInfoBlock:last-child{
        padding-bottom: 0;
    }
    .contactInfoIcon{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 36px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        font-size: 14px;
        line-height: 1;
        color: #fff;
    }
    .contactInfoBlock p{
        font-size: clamp(1rem, 0.963rem + 0.1852vw, 1.125rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .contactInfoBlock a{
        display: inline-flex;
        position: relative;
        text-decoration: none;
        color: inherit;
        -webkit-transition: all .5s cubic-bezier(0,0,.2,1);
        transition: all .5s cubic-bezier(0,0,.2,1);
    }
    .contactInfoBlock a::after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -7px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        height: 1px;
        border-radius: 2px;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .5s cubic-bezier(0,0,.2,1), -webkit-transform .5s cubic-bezier(0,0,.2,1);
    }
    .contactInfoBlock a:hover{
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    }
    .contactInfoBlock a:hover::after{
        transform: scaleX(1);
        transform-origin: left;
    }
    .contactFromBlock{
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-radius: 12px;
        padding: 40px 12px;
    }
    .contactFromBlockHead{}
    .contactFromBlockHeadTitle{
        font-size: clamp(1.125rem, 0.5169rem + 1.6949vw, 2rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    /*.mapSec{}
    .mapSec iframe{
        width: 100%;
    }*/
    .conatctMapSec{
        background-color: rgba(246, 246, 248, 1);
    }
    .conatctMapNavPills{
        padding: 0.25rem;
        border-radius: 50rem;
        background-color: rgba(15, 230, 255, 1);
    }
    .conatctMapNavitem{
        flex: 1 1 auto;
        text-align: center;
    }
    .conatctMapNavLink{
        width: 100%;
        padding: 0.75rem;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        color: rgba(11, 78, 132, 1) !important;
        border-radius: 50rem !important;
    }
    .conatctMapNavLink:focus, .conatctMapNavLink:hover {
        color: rgba(0, 0, 0, 1) !important;
    }
    .conatctMapNavLink.active, .show>.conatctMapNavLink {
        color: rgba(15, 230, 255, 1) !important;
        background-color: rgba(11, 78, 132, 1) !important;
    }
    .conatctMapTabContent{
        background-color: #E7FCFF;
        border: 1px solid rgba(11, 78, 132, 1);
        border-radius: 24px;
    }
    .conatctMapTabPane{}
    .conatctMapTabBlock{}
    .conatctMapTabTitle{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        background-color: rgba(11, 78, 132, 1);
        padding: 0.75rem 1.5rem;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
    .conatctMapTabTitle::before,
    .conatctMapTabTitle::after{
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        left: 100%;
    }
    .conatctMapTabTitle::before{
        top: 0;
        border-width: 0;
        border-style: solid;
        border-bottom: 21px solid transparent;
        border-left: 24px solid rgba(11, 78, 132, 1);
    }
    .conatctMapTabTitle::after{
        bottom: 0;
        border-width: 0;
        border-style: solid;
        border-top: 21px solid transparent;
        border-left: 24px solid rgba(11, 78, 132, 1);
    }
    .conatctMapTabInfoBlock{}
    .conatctTabMapBlock{}
    .conatctAcordParent{
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 12px;
    }
    .conatctAcordBlock{
        padding: 0;
        position: relative;
        border-radius: 12px;
        background-color: rgba(206, 220, 230, 1);
        border: 1px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
    }
    .conatctAcordBlock:hover{
        /*border-color: #000;*/
        z-index: 1;
    }
    .conatctAcordBlockHead{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem;
        cursor: pointer;
        position: relative;
    }
    .conatctAcordBlockHead::before{
        content: "+";
        font-size: 50px;
        line-height: 20px;
        font-weight: 100;
        position: absolute;
        right: 1.5rem;
        top: 26px;
        transition: transform .2s ease-in-out;
    }
    .conatctAcordHeadTitle{
        font-size: clamp(1rem, 0.9131rem + 0.2421vw, 1.125rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin: 0;
    }
    .conatctAcordBlockBody{
        padding: 0 1.5rem 1.5rem;
        /*display: none;*/
    }
    .conatctAcordBlock.active .conatctAcordBlockHead{
        padding-bottom: 1rem;
    }
    .conatctAcordBlock.active .conatctAcordBlockHead::before{
        content: "-";
        transform: rotate(-180deg);
    }
    .conatctAcordBlockBody p{
        line-height: 1.5;
    }
    .conatctAcordBlockBody p~p{}
    .conatctAcordBlockBody p a{
        display: inline-block;
        text-decoration: none;
        position: relative;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        /*padding-bottom: 2px;
        border-bottom: 1px solid #cdccd0;*/
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
    }
    .conatctAcordBlockBody p a:hover{
        border-bottom-color: #000;
    }
/*CONTACT PAGE E*/
/*FAQ PAGE S*/
    .faqSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .faqSecBgOvrlayFigure__wr{
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .faqSecBgOvrlayFigure__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .faqSecBgOvrlayFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .faqTabHeadList{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }
    .faqTabHeadBlock{        
        font-size: clamp(0.875rem, 0.6898rem + 0.9259vw, 1.5rem);
        font-weight: 700;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration: none;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 24px 40px;
        background-color: transparent;
        border-radius: 50rem;
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .faqTabHeadBlock:hover,
    .faqTabHeadBlock.activelink{
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .faqTabContent{
        width: 100%;
    }
    .faqTabContentBlock{
        width: 100%;
        display: none;
    }
    .faqTabContentBlock.active{
        display: block;
    }
    .faqTabContentBlockHead{
        padding: 48px 0;
    }
    .faqTabContentBlockHeadTitle{
        font-size: clamp(1.125rem, 0.5694rem + 2.7778vw, 3rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .faqTabContent{
        width: 100%;
        max-width: 1062px;
        margin: 0 auto;
    }
/*FAQ PAGE E*/
/*BLOGS PAGE S*/
    .blogsSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .blogsSecBgOvrlayFigure__wr{
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .blogsSecBgOvrlayFigure__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .blogsSecBgOvrlayFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .blogsSecHead{}
    .blogsSecHeadTitle{
        font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .blogsBlock{
        padding: 24px;
        border-radius: 20px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
    }
    .blogsFigureBlock{
        position: relative;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
    }
    .blogsFigureBlock>a{
        display: flex;
    }
    .blogsFigure{
        width: 100%;
        aspect-ratio: 4 / 3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        overflow: hidden;
    }
    .blogsFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease-in-out;
    }
    .blogsBlock:hover .blogsFigure img{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .blogsDateBlock{
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        font-family: var(--secondaryFont);
    }
    .blogsDate{
        padding: 10px 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .blogsDate span{}
    .blogsMonth{
        padding: 10px 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .blogsMonth span{}
    .blogsContentBlock{
        margin-top: 24px;
    }
    .blogsContentHead{
        margin-bottom: 0.5rem;
    }
    .blogsContentHeadTitle{
        font-size: clamp(1.125rem, 1.0381rem + 0.2421vw, 1.25rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin-bottom: 0;
    }
    .blogsContentHeadTitle>a{
        text-decoration: none;
        color: inherit;
    }
    .blogsContent{}
    .blogsContent p{}
    .blogsContentBlock .btnBlock{
        margin-top: 24px;
    }
    .pagination{
        --bs-pagination-color: rgba(11, 78, 132, 1);
        --bs-pagination-bg: #fff;
        --bs-pagination-border-color: rgba(11, 78, 132, 1);
        --bs-pagination-hover-color: rgba(11, 78, 132, 1);
        --bs-pagination-hover-bg: rgba(183, 247, 255, 1);
        --bs-pagination-hover-border-color: rgba(11, 78, 132, 1);
        -bs-pagination-focus-color: rgba(11, 78, 132, 1);
        --bs-pagination-focus-bg: rgba(183, 247, 255, 1);
        --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(183, 247, 255, 0.25);
        --bs-pagination-active-color: #fff;
        --bs-pagination-active-bg: rgba(11, 78, 132, 1);
        --bs-pagination-active-border-color: rgba(11, 78, 132, 1);
    }
/*BLOGS PAGE E*/
/*BLOG DETAIL PAGE S*/
    .blogDetailSec__wr{
        position: relative;
        background-color: rgba(251, 251, 251, 1);
    }
    .blogDetailSecBgOvrlayFigure__wr{
        position: absolute;
        inset: 0;
        opacity: 0.5;
    }
    .blogDetailSecBgOvrlayFigure__wr::before{
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(15, 230, 255, 1);
        background: -webkit-linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
        background: linear-gradient(90deg, rgba(15, 230, 255, 0) 58.23%, rgba(15, 230, 255, 0.6) 96.72%);
    }
    .blogDetailSecBgOvrlayFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
        opacity: 0.5;
    }
    .blogDetailBlock{}
    .blogDetailBlockHead{}
    .blogDetailBlockHeadTitle{
        font-size: clamp(1.125rem, 0.5694rem + 2.7778vw, 3rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .blogDetailFigureBlock{
        width: 100%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
    }
    .blogDetailFigure{
        width: 100%;
        aspect-ratio: 16 / 9;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        overflow: hidden;
    }
    .blogDetailFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .blogDetailDateBlock{
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        text-align: center;
        font-size: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem);
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        font-family: var(--secondaryFont);
    }
    .blogDetailDate{
        padding: 10px 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .blogDetailMonth{
        padding: 10px 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .blogDetailContentBlock{}
    .blogDetailContentBlock h1,
    .blogDetailContentBlock h2,
    .blogDetailContentBlock h3,
    .blogDetailContentBlock h4,
    .blogDetailContentBlock h5,
    .blogDetailContentBlock h6{
        font-size: clamp(1rem, 0.7778rem + 1.1111vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin: 1rem 0;
    }
    .blogDetailContentBlock a{
        font-weight: bolder;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        text-decoration: underline;
        text-decoration-thickness: 1.5px;
        text-underline-offset: 6px;
        text-decoration-color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .blogDetailContentBlock a:hover{
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .blogSidebar{}
    .blogSidebarBlock{
        width: 100%;
        background-color: #CEDCE6;
        border-radius: 6px;
        padding: 1.5rem 12px;
    }
    .blogSidebarBlock~.blogSidebarBlock{
        margin-top: 1.5rem;
    }
    .blogSidebarBlockHead{
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .blogSidebarBlockHeadTitle{
        font-size: clamp(1rem, 0.8519rem + 0.7407vw, 1.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .sidebarPosts{}
    .sidebarPostBlock{}
    .sidebarPostBlock>a{}
    .sidebarPostFigure{
        width: 100%;
        display: flex;
        border-radius: 6px;
        overflow: hidden;
    }
    .sidebarPostFigure img{
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        object-position: center;
    }
    .sidebarPostContent{}
    .sidebarPostTitle{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
    }
    .sidebarPostDateBlock{
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        font-family: var(--secondaryFont);
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px;
    }
    .sidebarPostDate{
        padding: 4px 8px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .sidebarPostMonth{
        padding: 4px 8px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .sidebarPostsList{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 8px;
    }
    .sidebarPostsList > li{
        display: block;
    }
    .sidebarPostsList > li > a{
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration: none;        
        padding: 16px;
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.5;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .sidebarPostsList > li > a .labelText{
        display: block;
        flex: 1 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sidebarPostsList > li > a::before{
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .sidebarPostsList > li:hover > a{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .sidebarPostsList > li:hover > a::before{
        width: 100%;
    }
/*BLOG DETAIL PAGE E*/
/*ELIGIBILITY CALCULATOR PAGE S*/
    .eligibilityCalcSec__wr{}
    .eligCalcProgresSteps{
        width: 100%;
        background-color: rgba(202, 245, 251, 1);
        border-radius: 24px;
        padding: 32px;
    }
    .eligCalcProgStepBlock{
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: 80px;
    }
    .eligCalcProgStepBlock::before{
        content: '';
        display: inline-flex;
        width: 6px;
        background-color: rgba(148, 148, 148, 1);
        position: absolute;
        left: 47px;
        top: 50px;
        bottom: 50px;
        z-index: -1;
    }
    .eligCalcProgStep{
        position: relative;
        z-index: 1;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
    }
    .eligCalcProgStep::before{
        content: '';
        display: inline-flex;
        width: 6px;
        height: 100%;
        height: 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 47px;
        top: 90%;
        z-index: -1;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .eligCalcProgStep:last-child::before{
        display: none;
    }
    .stepCountBlock{
        position: relative;
        z-index: 1;
        width: 100px;
        aspect-ratio: 1 / 1;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        border: 6px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-align: center;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .stepCountBlock::before{
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .stepCountLabel{
        position: relative;
        display: inline-flex;
    }
    .stepCount{
        position: relative;
        display: inline-flex;
        font-size: 32px;
        line-height: 0.7;
    }
    .eligCalcProgStepContent{}
    .eligCalcProgStepTitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .eligCalcProgDataDetail{
        width: 100%;
        max-width: 550px;
    }
    .eligCalcFormBlock{
        width: 100%;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .eligCalcFormBlockHead{
        width: 100%;
        margin-bottom: 32px;
    }
    .eligCalcFormBlockHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin-bottom: 0.5rem;
    }
    .eligCalcFormBlockHead p{}
    .eligCalcFormBlockBody{
        width: 100%;
    }
    .eligCalcFormBlockFoot{
        width: 100%;
    }
    .eligCalcFormBlockFoot .btnBlock{
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .eligCalcFormBlockFoot .btnBlock .btn{
        --bs-btn-padding-x: 32px;
    }
    .eligCalcProgStep.active::before{
        height: 100%;
    }
    .active .stepCountBlock{
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
        transition-delay: 0.2s;
    }
    .active .stepCountBlock::before{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .eligCalcFormBlock.active{
        display: block;
    }
    .eligCalcFormBlock.active.fades{
        opacity: 1;
        visibility: visible;
    }
    .formIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 18px;
        pointer-events: none;
    }
    .formIcon img{
        width: 100%;
    }
    form .form-group:has(.form-label) .formIcon {
        top: 48px;
    }
    .formIconEnd {
        right: 16px;
    }
    .form-control.date-picker{
        padding-right: calc(32px + 20px);
    }
    .eligCalcMorgageLoanDataBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        color: var(--grey415__wr);
        font-family: var(--secondaryFont);
    }
    .eligCalcMorgageLoanDataBlock span{
        display: inline-flex;
    }
    .eligCalcMorgageLoanSlidrRange.ui-widget.ui-widget-content{
        border-color: rgba(186, 186, 189, 1);
        background: rgba(186, 186, 189, 1);
    }
    .eligCalcMorgageLoanSlidrRange .ui-widget-header{
        background: rgba(0, 205, 229, 1);
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
    }
    .eligCalcMorgageLoanSlidrRange .ui-state-default, 
    .eligCalcMorgageLoanSlidrRange .ui-state-default:focus-visible, 
    .eligCalcMorgageLoanSlidrRange.ui-widget-content .ui-state-default, 
    .eligCalcMorgageLoanSlidrRange .ui-widget-header .ui-state-default{
        border-color: rgba(0, 205, 229, 1);
    }
    .datepicker.dropdown-menu {
        min-width: 280px;
        width: 280px;
        padding: 16px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .datepicker table {
        width: 100%;
    }
    .datepicker table tr td.day,
    .datepicker table tr th.dow,
    .datepicker table .datepicker-switch{
        text-align: center;
    }
    .datepicker table .next{
        text-align: right;
    }
    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
        background: rgba(202, 245, 251, 1);
    }
    .datepicker table tr td.today, 
    .datepicker table tr td.today.disabled, 
    .datepicker table tr td.today.disabled:hover, 
    .datepicker table tr td.today:hover{
        background-color: rgba(15, 230, 255, 1);
        background-image: unset;
    }
    .datepicker table tr td.today.active, 
    .datepicker table tr td.today.disabled, 
    .datepicker table tr td.today.disabled.active, 
    .datepicker table tr td.today.disabled.disabled, 
    .datepicker table tr td.today.disabled:active, 
    .datepicker table tr td.today.disabled:hover, 
    .datepicker table tr td.today.disabled:hover.active, 
    .datepicker table tr td.today.disabled:hover.disabled, 
    .datepicker table tr td.today.disabled:hover:active, 
    .datepicker table tr td.today.disabled:hover:hover, 
    .datepicker table tr td.today.disabled:hover[disabled], 
    .datepicker table tr td.today.disabled[disabled], 
    .datepicker table tr td.today:active, 
    .datepicker table tr td.today:hover, 
    .datepicker table tr td.today:hover.active, 
    .datepicker table tr td.today:hover.disabled, 
    .datepicker table tr td.today:hover:active, 
    .datepicker table tr td.today:hover:hover, 
    .datepicker table tr td.today:hover[disabled], 
    .datepicker table tr td.today[disabled]{
        background-color: rgba(15, 230, 255, 1);
    }
    .datepicker table tr td span.focused, 
    .datepicker table tr td span:hover {
        background: rgba(15, 230, 255, 1);
    }
/*ELIGIBILITY CALCULATOR PAGE E*/
/*BUYOUT CALCULATOR S*/
    .cardShdwBoxBlock__wr{}
    .cardShdwBodyBox__wr{
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        border: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
        padding: 40px 24px;
    }
    .buyCalcFormBlock{
        width: 100%;
        max-width: 506px;
        margin: 0 auto;
    }
    .buyCalcFormBlockHead{
        width: 100%;
        margin-bottom: 32px;
    }
    .buyCalcFormBlockHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0.5rem;
    }
    .buyCalcFormBlockHead p{}
    .buyCalcFormBlockBody{
        width: 100%;
    }
    .buyCalcFormBlockFoot{
        margin-top: 16px;
    }
    .buyCalcFormBlockFoot .btnBlock .btn{
        gap: 0;
    }
    .buyCalcFormBlockFoot .btnBlock .btnTitle{
        margin-right: 12px;
    }
    .buyCalcFormBlockFoot .btnBlock .btnIcon{;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border-left: 1px solid rgba(11, 78, 132, 0.25);
        padding-left: 12px;
    }
    .buyCalcFormBlockFoot .btnBlock .btn:hover .btnIcon,
    .buyCalcFormBlockFoot .btnBlock .btn:focus-visible .btnIcon,
    .buyCalcFormBlockFoot .btnBlock .btn-check:checked+.btn .btnIcon,
    .buyCalcFormBlockFoot .btnBlock .btn.active .btnIcon,
    .buyCalcFormBlockFoot .btnBlock .btn.show .btnIcon,
    .buyCalcFormBlockFoot .btnBlock .btn:first-child:active .btnIcon,
    .buyCalcFormBlockFoot .btnBlock :not(.btn-check)+.btn:active .btnIcon{
        border-color: rgba(15, 230, 255, 0.25);
    }
    .crntLoanOutDataBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        color: var(--grey415__wr);
        font-family: var(--secondaryFont);
    }
    .crntLoanOutDataBlock span{
        display: inline-flex;
    }
    .crntLoanOutSlidrRange.ui-widget.ui-widget-content{
        border-color: rgba(186, 186, 189, 1);
        background: rgba(186, 186, 189, 1);
    }
    .crntLoanOutSlidrRange .ui-widget-header{
        background: rgba(0, 205, 229, 1);
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
    }
    .crntLoanOutSlidrRange .ui-state-default, 
    .crntLoanOutSlidrRange .ui-state-default:focus-visible, 
    .crntLoanOutSlidrRange.ui-widget-content .ui-state-default, 
    .crntLoanOutSlidrRange .ui-widget-header .ui-state-default{
        border-color: rgba(0, 205, 229, 1);
    }
    .crntMortRateDataBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        color: var(--grey415__wr);
        font-family: var(--secondaryFont);
    }
    .crntMortRateDataBlock span{
        display: inline-flex;
    }
    .crntMortRateSlidrRange.ui-widget.ui-widget-content{
        border-color: rgba(186, 186, 189, 1);
        background: rgba(186, 186, 189, 1);
    }
    .crntMortRateSlidrRange .ui-widget-header{
        background: rgba(0, 205, 229, 1);
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
    }
    .crntMortRateSlidrRange .ui-state-default, 
    .crntMortRateSlidrRange .ui-state-default:focus-visible, 
    .crntMortRateSlidrRange.ui-widget-content .ui-state-default, 
    .crntMortRateSlidrRange .ui-widget-header .ui-state-default{
        border-color: rgba(0, 205, 229, 1);
    }
    .remainTenorDataBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        color: var(--grey415__wr);
        font-family: var(--secondaryFont);
    }
    .remainTenorDataBlock span{
        display: inline-flex;
    }
    .remainTenorSlidrRange.ui-widget.ui-widget-content{
        border-color: rgba(186, 186, 189, 1);
        background: rgba(186, 186, 189, 1);
    }
    .remainTenorSlidrRange .ui-widget-header{
        background: rgba(0, 205, 229, 1);
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
    }
    .remainTenorSlidrRange .ui-state-default, 
    .remainTenorSlidrRange .ui-state-default:focus-visible, 
    .remainTenorSlidrRange.ui-widget-content .ui-state-default, 
    .remainTenorSlidrRange .ui-widget-header .ui-state-default{
        border-color: rgba(0, 205, 229, 1);
    }
/*BUYOUT CALCULATOR E*/
/*MORTGAGE COMPARE S*/
    .compMortOutPutSec__wr{}
    .cMortOutPutSecHead{
        margin-bottom: 24px;
    }
    .cMortOutPutSecHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .mortCompDataOutPutBlock{
        width: 100%;
        font-family: var(--secondaryFont);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
        border: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 24px;
        overflow: hidden;
    }
    .mortCompDataOPHead{}
    .compOPHeadDataRow{
        background-color: rgba(202, 245, 251, 1);
    }
    .compOPHeadColData{
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .mortCompDataOPBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
    }
    .compOPBodyDataRow{
        background-color: rgba(245, 245, 245, 1);
        border-bottom: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .compOPBodyColHeadData{
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .compOPBodyColData{
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .compOPBodyColData.dataLabel{
        font-size: clamp(0.875rem, 0.6144rem + 0.7264vw, 1.25rem);
    }


    .compOPBodyDataRow.highLightedSecondary{
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .compOPBodyDataRow.highLightedSecondary .compOPBodyColHeadData,
    .compOPBodyDataRow.highLightedSecondary .compOPBodyColData{
        font-weight: 400;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }








    .compFeeDataOutPutBlock{
        width: 100%;
        font-family: var(--secondaryFont);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
        border: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 24px;
        overflow: hidden;
    }
    .compFeeDataOPHead{}
    .compFeeOPHeadDataRow{
        background-color: rgba(202, 245, 251, 1);
    }
    .compFeeOPHeadColData{
        padding: 12px;
        font-size: clamp(0.875rem, 0.4407rem + 1.2107vw, 1.5rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .compFeeDataOPBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
    }
    .compFeeOPBodyDataRow{
        background-color: rgba(245, 245, 245, 1);
        border-bottom: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .compFeeOPBodyColData{
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .compFeeOPBodyColData.dataLabel{
        font-size: clamp(0.875rem, 0.6144rem + 0.7264vw, 1.25rem);
    }
    .compFeeOPBodyDataRow.highLightedSecondary{
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .compFeeOPBodyDataRow.highLightedSecondary .compFeeOPBodyColData{
        font-weight: 400;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .compFeeOPBodyDataRow.highLightedPrimary{
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .compFeeOPBodyDataRow.highLightedPrimary .compFeeOPBodyColData{
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
/*MORTGAGE COMPARE E*/
/*MORTGAGE CALCULATOR S*/
    .morgCalcFormBlock{}
    .morgCalcFormBlockHead{
        width: 100%;
        margin-bottom: 1.5rem;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid rgba(230, 230, 237, 1);
    }
    .morgCalcFormBlockHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .morgCalcFormBlockBody{}
    .morgCalcFormBlockBody .dataBlock__wr{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem);
        font-weight: 400;
        line-height: 1;
        color: rgba(130, 130, 138, 1);
        font-family: var(--secondaryFont);
    }
    .morgCalcFormBlockBody .minData__wr{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .morgCalcFormBlockBody .maxData__wr{}
    .morgCalcFormBlock .ui-slider-horizontal {
        height: 7px;
    }
    .morgCalcFormBlock .ui-slider .ui-slider-handle{
        width: 18px;
        height: 18px;
    }
    .morgCalcFormBlock .ui-slider-horizontal .ui-slider-handle {
        top: -6px;
    }
    .morgCalcFormDataBlock{
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-radius: 12px;
        padding: 40px 24px;
    }
    .morgCalcFormDataRowBlock{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 12px;
        border-bottom: 1px solid rgba(230, 230, 237, 0.2);
    }
    .morgCalcFormDataLabel{
        font-size: clamp(0.875rem, 0.8009rem + 0.3704vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .morgCalcFormData{
        font-size: clamp(1.25rem, 0.9907rem + 1.2963vw, 2.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .morgCalcFormSubData{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .morgCalcFormDataBlock .btnBlock .btn{
        gap: 0;
        --bs-bg-opacity: 1;
        --bs-btn-hover-bg: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        --bs-btn-hover-color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        --bs-border-opacity: 1;
        --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        --bs-btn-active-bg: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        --bs-btn-active-color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        --bs-btn-active-border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
    }
    .morgCalcFormDataBlock .btnBlock .btnTitle{
        margin-right: 12px;
    }
    .morgCalcFormDataBlock .btnBlock .btnIcon{;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border-left: 1px solid rgba(11, 78, 132, 0.25);
        padding-left: 12px;
    }
    .morgCalcFormDataBlock .btnBlock .btn:hover .btnIcon,
    .morgCalcFormDataBlock .btnBlock .btn:focus-visible .btnIcon,
    .morgCalcFormDataBlock .btnBlock .btn-check:checked+.btn .btnIcon,
    .morgCalcFormDataBlock .btnBlock .btn.active .btnIcon,
    .morgCalcFormDataBlock .btnBlock .btn.show .btnIcon,
    .morgCalcFormDataBlock .btnBlock .btn:first-child:active .btnIcon,
    .morgCalcFormDataBlock .btnBlock :not(.btn-check)+.btn:active .btnIcon{
        border-color: rgba(11, 78, 132, 0.25);
    }
    .morgCalcOutPutSec__wr{}
    .morgCalcOutPutSecHead{
        margin-bottom: 24px;
    }
    .morgCalcOutPutSecHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .morgCalcDataOutPutBlock {
        width: 100%;
        font-family: var(--secondaryFont);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
        border: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 12px;
        overflow: hidden;
    }
    .morgCalcDataOPHead{}
    .morgCalcOPHeadDataRow {
        background-color: rgba(202, 245, 251, 1);
    }
    .morgCalcOPHeadColData {
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .morgCalcDataOPBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
    }
    .morgCalcOPBodyDataRow {
        background-color: rgba(245, 245, 245, 1);
        border-bottom: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .morgCalcOPBodyColData {
        padding: 12px;
        font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
        font-weight: 500;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .mortageCalValueData__wr{}
    .morgCalcValDataRow{
        width: 100%;
        font-size: clamp(0.875rem, 0.7008rem + 0.4848vw, 1.125rem);
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }
    .morgCalcValDataLabel{}
    .morgCalcValData{
        font-size: clamp(0.875rem, 0.6136rem + 0.7273vw, 1.25rem);
        font-weight: 600;
    }
    .morgCalCollapseBlock{
        display: none;
    }
    /*.morgCalcValDataRow.morgCalcEmiData .morgCalcValData{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }*/
    .mortageCalValueGraph__wr{
        width: 100%;
        max-width: 325px;
        margin: 0 auto;
    }
/*MORTGAGE CALCULATOR E*/
/*MORTGAGE APPLICATION PHASE-1 S*/
    .dbAsideBlock{
        width: 100%;
        padding: 24px 16px;
        border-radius: 12px;
        background-color: rgba(202, 245, 251, 1);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 16px;
    }
    .dbUserInfoBlock{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .dbUserAvtar{
        width: 100px;
        aspect-ratio: 1 / 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        overflow: hidden;
    }
    .dbUserAvtar img{
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center;
    }
    .dbUserAvtarInfo{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-family: var(--primaryFont);
    }
    .dbUserName{
        font-size: clamp(1rem, 0.6515rem + 0.9697vw, 1.5rem);
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dbUserLocation{
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-weight: 600;
        line-height: 1.2;
        color: rgba(54, 74, 76, 1);
    }
    .dbAsideMenuBlock{
        width: 100%;
    }
    .dbAsideNav{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    .dbAsideNav > li{}
    .dbAsideNav > li > a{
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration: none;
        padding: 16px;
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity:1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .dbAsideNav > li > a::before{
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .dbAsideNav > li:hover > a::before {
        width: 100%;
    }
    .dbAsideNav > li.active > a,
    .dbAsideNav > li:hover > a {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }

    /* button */
    .dbAsideNav > li{}
    .dbAsideNav > li  button{
        width: 100%;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-decoration: none;
        padding: 16px;
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity:1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .dbAsideNav > li  button::before{
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .dbAsideNav > li:hover  button::before {
        width: 100%;
    }
    .dbAsideNav > li.active  button,
    .dbAsideNav > li:hover  button {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
    }
    .dbAsideAjentBlock{
        width: 100%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        border-radius: 12px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 16px;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .dbAsideAjentFigure{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 3 / 2;
        border-radius: 8px;
        overflow: hidden;
    }
    .dbAsideAjentFigure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dbAsideAjentInfo{
        font-family: var(--primaryFont);
    }
    .dbAsideAjentName{
        font-size: clamp(1rem, 0.8258rem + 0.4848vw, 1.25rem);
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dbAsideAjentPos{
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }
    .dashBPannel__wr{}
    .dashPanelFormBlock{
        width: 100%;
    }
    .dashPanelTitleBlock{
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        color: rgba(54, 74, 76, 1);
        font-family: var(--primaryFont);
    }
    .dashPanelTitle{
        font-size: clamp(1.125rem, 0.7765rem + 0.9697vw, 1.625rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dashPanelTitleBlock p{}
    .wizrdProgList{
        width: 100%;
        max-width: 100%;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        gap: 44px;
        padding: 0;
        position: relative;
        z-index: 1;
    }
    .wizrdProgList::before{
        content: '';
        width: 85%;
        height: 2px;
        background-color: rgba(95, 110, 112, 1);
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: -1;
    }
    .wizrdProgList > li{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        flex: 0 1 100%;
        position: relative;
        /*z-index: 1;*/
    }
    .wizrdProgList > li::before{
        content: '';
        width: 0;
        height: 2px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: auto;
        right: calc(100% - 8px);
        top: 15px;
    }
    .wizrdProgList > li:first-child::before{
        display: none;
    }
    .wizrdProgList > li.active::before{
        width: 100%;
    }
    /*.wizrdProgList > li::after{
        content: '';
        position: absolute;
        left: -8px;
        top: 0;
        z-index: 1;
        width: calc(38px + 4px);
        height: 30px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
    }*/
    .progStepCircle{
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        border: 2px solid rgba(95, 110, 112, 1);
        /*padding: 4px;*/
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        box-shadow: 0 0 0 4px #FFFFFF;
    }
    .progStepInrCircle{
        display: inline-flex;
        width: 78%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background-color: rgba(95, 110, 112, 1);
    }
    .wizrdProgList > li.active .progStepCircle{
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .wizrdProgList > li.active .progStepInrCircle{
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
    }
    .progStepContent{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 6px;
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        color: rgba(54, 74, 76, 1);
        font-family: var(--primaryFont);
    }
    .progStepContentTitle{
        font-size: clamp(1rem, 0.8258rem + 0.4848vw, 1.25rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        color: rgba(54, 74, 76, 1);
        font-family: var(--primaryFont);
        margin-bottom: 0;
    }
    .progStepContent p{}
    .wizrdProgList > li.active .progStepContentTitle{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .dbRegEligCalcSec__wr{
        width: 100%;
        padding: 24px 12px;
        border-radius: 24px;
        border: 2px solid;
        --bs-border-opacity: 0.24;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        display: flex;
        /*display: none;*/
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 48px;
    }
    .dbRegEligCalcProgSteps{
        position: relative;
        z-index: 1;
        display: inline-flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: 80px;
    }
    .dbRegEligCalcProgSteps::before{
        content: '';
        display: inline-flex;
        width: 4px;
        background-color: rgba(148, 148, 148, 1);
        position: absolute;
        left: 36px;
        top: 37px;
        bottom: 37px;
        z-index: -1;
    }
    .dbRegEligCalcProgStep{
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .dbRegEligCalcProgStep::before{
        content: '';
        display: inline-flex;
        width: 6px;
        height: 0;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        position: absolute;
        left: 36px;
        top: 75%;
        z-index: -1;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .dbRegEligCalcProgStep.active::before{
        height: 150%;
    }
    .dbRegEligCalcProgStep:last-child::before{
        display: none;
    }
    .dbRegStepCountBlock{
        position: relative;
        z-index: 1;
        width: 80px;
        aspect-ratio: 1 / 1;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        border: 4px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        text-align: center;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .dbRegStepCountBlock::before{
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }
    .dbRegStepCountLabel{
        position: relative;
        display: inline-flex;
    }
    .dbRegStepCount{
        position: relative;
        display: inline-flex;
        font-size: 24px;
        line-height: 0.7;
    }
    .active .dbRegStepCountBlock{
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
        transition-delay: 0.2s;
    }
    .active .dbRegStepCountBlock::before{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .dbRegEligCalcProgDataDetail{
        flex: 1 1 auto;
        min-height: 693px;
    }
    .dbRegEligCalcFormBlock{
        width: 100%;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .dbRegEligCalcFormBlock.active{
        display: block;
    }
    .dbRegEligCalcFormBlock.active.fades{
        opacity: 1;
        visibility: visible;
    }
    .dbRegEligCalcFormBlockHead{
        width: 100%;
        margin-bottom: 24px;
    }
    .dbRegEligCalcFormBlockHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
        margin-bottom: 0.25rem;
    }
    .dbRegEligCalcFormBlockHead p{}
    .dbRegEligCalcFormBlockBody{
        width: 100%;
    }
    .dbRegEligCalcFormBlockFoot{
        width: 100%;
    }
    .dbRegEligCalcFormBlockFoot .btnBlock{
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .dbRegEligCalcFormBlockFoot .btnBlock .btn{
        --bs-btn-padding-x: 24px;
    }
    .dbRegEligCalcStats{}
    .dbRegEligCalcSucsesBlock{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }
    .dbRegEligCalcSucsesBlock i{
        font-size: clamp(1rem, 0.4773rem + 1.4545vw, 1.75rem);
        color: rgba(52, 199, 89, 1);
    }
    .dbRegEligCalcSucsesText{
        font-size: clamp(0.875rem, 0.6136rem + 0.7273vw, 1.25rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0;
    }
    .preQualiLetrBtnBlock{}
/*MORTGAGE APPLICATION PHASE-1 E*/
/*MORTGAGE APPLICATION PHASE-2 S*/
    .dbRegMortAdvisorBlock{
        width: 100%;
        max-width: 650px;
    }
    .dbRegMortAdvisorBlockTitle{
        font-size: clamp(1.125rem, 0.8636rem + 0.7273vw, 1.5rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dbRegMortAdvisorBlock .btnBlock{
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .dbRegProListSec__wr{}
    .dbRegProListSecHead{
        margin-bottom: 12px;
    }
    .dbRegProListSecHeadTitle{
        font-size: clamp(1.125rem, 0.8636rem + 0.7273vw, 1.5rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dbRegProListSecHeadTitle span{
        color: rgba(255, 0, 0, 1);
    }
    .dbRegProListBlockParent{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 24px;
    }
    .dbRegProListBlock{
        width: 100%;
        padding: 24px 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        border: 1px solid;
        --bs-border-opacity: 0.24;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .dbRegProBankColBlock {
        padding: .25rem;
        padding-top: 0;
        padding-bottom: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
        border-bottom: 1px solid;
        --bs-border-opacity: 0.24;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .dbRegProColCheck .form-check-input[type=checkbox]{
        width: 20px;
        height: 20px;
        margin-top: 0;
        /*border-radius: 6px;*/
        border: 2px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .dbRegProColCheck .form-check-input[type=checkbox]:checked {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .dbRegProBankBLock {
        /*width: 100%;*/
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
    }
    .dbRegProBankBLockBox {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 68px;
        aspect-ratio: 1 / 1;
        background-color: rgba(223, 239, 241, 1);
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .dbRegProBankBLockBox span{}
    .dbRegProBankBLockBox img{
        width: 80%;
        aspect-ratio: 2 / 1;
        object-fit: contain;
        object-position: center;
    }
    .dbRegProBankBLockTitle{
        font-size: clamp(1rem, 0.9129rem + 0.2424vw, 1.125rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
        /*white-space: nowrap;*/
    }
    .dbRegProBodyColData{
        padding: .75rem .25rem;
        /*width: 100%;*/
        display: flex;
        flex-direction: column;
        gap: .5rem;
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        border-bottom: 1px solid;
        --bs-border-opacity: 0.24;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
    }
    .dbRegProColHeadData{
        font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
        font-weight: 600;
        font-family: var(--secondaryFont);
    }
    .dbRegProColData{
        font-size: 14px;
        font-weight: 500;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--secondaryFont);
    }
    .dbRegProListBlockFoot{
        padding-top: .75rem;
    }
    .dbRegProListBtnBlock{
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .dbRegProListBlockBody>.row>[class*=col-]:nth-child(2) .dbRegProColData{
        display: flex;
        gap: 1rem;
    }
    .dbRegProListBlockBody>.row>[class*=col-]:nth-child(2) .dbRegProColData p{
        margin-bottom: 0;
    }
    .dbRegProListBlockBody>.row>[class*=col-]:nth-child(2) .dbRegProColData p:empty{}
    .dbRegCompBlockBoxSec__wr{}
    .dbRegCompBlockBoxSecHead{
        margin-bottom: 12px;
    }
    .dbRegCompBlockBoxSecHeadTitle{
        font-size: clamp(1.125rem, 0.6894rem + 1.2121vw, 1.75rem);
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dbRegCompBlockBoxSecBody{
        width: 100%;
    }
    .dbRegCompBoxBlock{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 16px 12px;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
        border-radius: 24px;
        border: 2px solid;
        --bs-border-opacity: 0.5;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .dbRegCompBoxBlockHead{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .dbRegCompBankBLock{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .dbRegCompBankBLockBox{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 68px;
        aspect-ratio: 1 / 1;
        background-color: rgba(223, 239, 241, 1);
        border-radius: 12px;
        border: 1px solid;
        --bs-border-opacity: 0.2;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
    }
    .dbRegCompBankBLockBox span{}
    .dbRegCompBankBLockBox img{
        width: 80%;
        aspect-ratio: 2 / 1;
        object-fit: contain;
        object-position: center;
    }
    .dbRegCompBankBLockTitle{
        font-size: clamp(0.875rem, 0.7853rem + 0.4484vw, 1rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        color: rgba(54, 74, 76, 1);
        /*white-space: nowrap;*/
    }
    .dbRegCompBoxBlockBody{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 20px;
        flex-grow: 1;
        max-height: 418px;
        overflow: hidden;
        transition: max-height 0.5s;
    }
    .dbRegCompBlockDataRow{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.3;
        color: rgba(54, 74, 76, 1);
        padding: 10px 0;
        /*border-bottom: 1px solid;
        border-color: rgba(54, 74, 76, 0.24);*/
    }
    .dbRegCompBlockDataRow~.dbRegCompBlockDataRow{
        border-top: 1px solid;
        border-color: rgba(54, 74, 76, 0.24);
    }
    .dbRegCompBlockDataColHead{
        display: flex;
        flex-direction: column;
        flex: 1 0 50%;
        font-weight: 600;
    }
    .dbRegCompBlockColData{
        display: flex;
        flex-direction: column;
        flex: 1 0 50%;
    }
    .dbRegCompBoxBlockFoot{
        margin-top: 24px;
    }
/*MORTGAGE APPLICATION PHASE-2 E*/
/*MORTGAGE APPLICATION PHASE-3 S*/
    .dbRegDocFormBlock{}
    .dbRegDocFormBlockBody{}
    .dbRegDocFormBlockFoot{}
    .customFileUpload input[type="file"] {
      display: none;
    }
    .customFileUpload{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        background-color: rgba(246, 246, 248, 1);
        padding: 16px;
        border: 1px solid;
        --bs-border-opacity: 0.4;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        border-radius: 12px;
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-weight: 500;
        line-height: 1.5;
        font-family: var(--primaryFont);
        cursor: pointer;
    }
    .fileUploadPlaceholder{
      color: rgba(54, 74, 76, 0.6);
      flex: 1 1 auto;
    }
    .fileUploadBrowseBtn{
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        font-weight: 500;
        line-height: 1.5;
        color: rgba(54, 74, 76, 1);
        font-family: var(--primaryFont);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(202, 245, 251, 1);
        border: 1px solid;
        --bs-border-opacity: 0.12;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        padding: 10px 24px;
        border-radius: 6px;
        pointer-events: none;
        cursor: pointer;
    }
    .fileUploadBadge{
        --bs-badge-padding-x: 24px;
        --bs-badge-padding-y: 10px;
        --bs-badge-font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
        --bs-badge-font-weight: 500;
        line-height: 1.5;
        font-family: var(--primaryFont);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        --bs-badge-border-radius: 6px;
        border: 1px solid transparent;
        pointer-events: none;
        cursor: pointer;
    }
/*MORTGAGE APPLICATION PHASE-3 E*/
/*MORTGAGE APPLICATION PHASE-4 S*/
    .dbAppStatsSec__wr{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1.5rem;
    }
    .dbAppStatsBlock{
        width: 100%;
        max-width: 572px;
        padding: 4vw 3.5vw;
        background-color: rgba(246, 246, 248, 1);
        border-radius: 30px;
        border: 1px solid;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }
    .dbStatsIcon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100px;
    }
    .dbStatsIcon img{
        width: 100%;
        aspect-ratio: 1 / 1;
    }
    .dbStatsContentBlock{
        font-weight: 500;
        color: rgba(54, 74, 76, 1);
    }
    .dbStatsContentTitle{
        font-size: clamp(1.125rem, 0.8636rem + 0.7273vw, 1.5rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    }
    .dbStatsContentBlock p{}
/*MORTGAGE APPLICATION PHASE-4 E*/
/*MORTGAGE APPLICATION PHASE-5 S*/
    .dashRatePrSec__wr{}
    .dashRatePrSecHead{}
    .dashRatePrSecHeadTitle{
        font-size: clamp(1.125rem, 0.6907rem + 1.2107vw, 1.75rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dashRatePrSecHeadReminderBox{
        padding: 1rem;
        border-radius: 1rem;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
        font-size: clamp(0.875rem, 0.7879rem + 0.2424vw, 1rem);
    }
    .dashRatePrSecHeadReminderBox p strong{}
    .dashRatePrSecBody{}
    .card.dashRatePrCard{
        --bs-card-spacer-y: 1rem;
        --bs-card-spacer-x: .75rem;
        --bs-card-cap-padding-y: 1rem;
        --bs-card-cap-padding-x: .75rem;
        --bs-card-cap-bg: #F5F5F5;
        --bs-card-bg: #F5F5F5;
        --bs-card-border-width: 2px;
        line-height: 1.2;
    }
    .dashRatePrCardHead{}
    .dashRatePrCardHeadTitle{
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        font-family: var(--primaryFont);
    }
    .dashRatePrCardBody{}
    .dashRatePrCardBodyNubr{
        font-size: 28px;
        font-weight: 700;
        color: #364A4C;
    }
    .dashRatePrCardBody small{
        font-size: 12px;
    }
/*MORTGAGE APPLICATION PHASE-5 E*/
/*LOGIN PAGE S*/
    .logInSec__wr,
    .registerSec__wr{
        background-color: #fff;
        color: #000;
    }
    .logInSecFigure__wr,
    .registerSecFigure__wr{
        width: 100%;
        display: flex;
        position: relative;
        height: 100%;
    }
    .logInSecFigure__wr img,
    .registerSecFigure__wr img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .logInFormBlock__wr,
    .registerFormBlock__wr{
        width: 100%;
        max-width: 480px;
        padding: 124px 0;
        /*height: 100%;*/
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }
    .logInFormBlockHead__wr,
    .registerFormBlockHead__wr{
        font-size: clamp(0.875rem, 0.6059rem + 1.3453vw, 1.25rem);
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
        margin-bottom: 28px;
    }
    .logInFormBlockTitle__wr,
    .registerFormBlockTitle__wr{
        font-size: clamp(1.5rem, 0.8051rem + 1.937vw, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        margin-bottom: 0.5rem;
    }
    .authRememberBlock{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .authRememberBlock .form-check{
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .authRememberBlock .form-check .form-check-input{
        margin-left: 0;
    }
    .authRememberBlock .form-check-input{
        width: 20px;
        height: 20px;
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity));
        margin-top: 0;
    }
    .authRememberBlock .form-check-input:checked {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
    }
    .authRememberBlock .form-check-label{
        font-size: clamp(0.875rem, 0.7853rem + 0.4484vw, 1rem);
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
    }
    .authRememberBlock .link-secondary{
    }
/*LOGIN PAGE E*/
/*DASH PROFILE S*/
    .card{
        --bs-card-spacer-y: 1.5rem;
        --bs-card-cap-padding-y: 1.5rem;
        --bs-card-border-color: rgba(var(--bs-black-rgb), 0.24);
        --bs-card-border-radius: 1rem;
        --bs-card-inner-border-radius: calc(1rem - (var(--bs-border-width)));
        --bs-card-cap-bg: #fff;
    }
    input[type="password"].form-control,
    input.form-control.passField__wr{
        padding-right: calc(36px + 0.5rem);
    }
    .togglePass__wr {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        color: #211E1E;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 1rem;
        top: 18px;
        z-index: 2;
        cursor: pointer;
    }
    .togglePass__wr.active i::before {
        content: "\f06e";
    }
/*DASH PROFILE E*/

.pageHeaderUserBlock .pageHeaderUserDpMenu{
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-link-active-bg: #0b4e84;
    --bs-dropdown-item-padding-y: 1rem;
}
.pageHeaderUserBlock .pageHeaderUserDpMenu .dropdown-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
}

.dumybox__wr{
    display: flex;
    width: 100%;
    height: 10rem;
    background-color: rgba(77, 199, 160, 0.5);
    padding: 1rem;
    color: #FFF;
    font-weight: 400;
    margin-top: 0rem;
    /*opacity: 0.5;*/
}