/*
Theme Name: DigFin
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 1.03
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body { font-family: "Outfit", sans-serif; color: #13201B; background-color: #FFF;}
a { color: inherit; text-decoration: none;}

.p-16 { padding: 16px; }

.px-8 { padding-left: 8px;  padding-right: 8px; }
.px-16 { padding-left: 16px;  padding-right: 16px; }
.px-24 { padding-left: 24px;  padding-right: 24px; }

.py-16 { padding-top: 16px; padding-bottom: 16px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.py-40-0 { padding-top: 40px; padding-bottom: 0px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }

.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mt-40 { margin-top: 40px; }
.mt-52 { margin-top: 52px; }

.my-40 { margin-top: 40px; margin-bottom: 40px; }

.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-25 { font-size: 25px; }
.fs-32 { font-size: 32px; }
.fs-39 { font-size: 39px; }
.fs-48 { font-size: 48px; }

.gap-8 { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }

.btn-1 { font-weight: 500; padding: 12px 24px; border: 1px solid #CBE5DD; border-radius: 500px; }
.btn-2 { font-weight: 500; padding: 12px 24px; background-color: #CBE5DD; border-radius: 500px; }
.btn-3 { font-weight: 500; padding: 16px 32px; background-color: #CBE5DD; border-radius: 10px;  width: fit-content;}
.btn-4 { font-weight: 500; padding: 16px; background-color: #36554B; border-radius: 10px; box-shadow: 11px 9px 24.7px 0px #00000026; outline: none; width: 100%; border: none; color: #FFF; font-size: 20px; line-height: 24px;}
.btn-5 { font-weight: 500; border-radius: 500px; padding: 12px 24px; gap: 8; border: 1px solid #CBE5DD; outline: none; background-color: transparent; gap: 8px;}
.btn-check:checked+.btn { font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; color: #13201B; background-color: #F2F9F7; padding: 8px; border: none; border-bottom: 4px solid #36554B; border-radius: 0;}
.btn-check+.btn { font-weight: 300; font-size: 18px; line-height: 24px; text-align: center; color: #13201B; background-color: transparent; padding: 8px; border: none; border-bottom: 4px solid #E6E6E6; border-radius: 0; width: 50%;}
.btn-check+.btn:hover { background-color: #F2F9F7; color: #13201B;}
.btn-1:hover, .btn-5:hover { background-color: #CBE5DD; transition: all 0.3s ease-in-out; }
.btn-2:hover, .btn-3:hover { background-color: #BAD4CC; transition: all 0.3s ease-in-out; }
.btn-4:hover { background-color: #25443A; transition: all 0.3s ease-in-out; }

.img-1 { position: absolute; bottom: -86px; left: 50%; transform: translateX(-50%); z-index: 1; }

.fw-300 { font-weight: 300!important; }
.fw-500 { font-weight: 500!important; }

.bg-1 { background-color: #F2F9F7; }
.bg-2 { background-color: #36554B; }

.ls-1 { letter-spacing: 1px; }

.border-radius-16 { border-radius: 16px; }
.border-custom-1 { border: 1px solid #E6E6E6}

.maxw-496 { max-width: 496px; width: 100%; height: auto; object-fit: cover; }

.op-50 { opacity: 0.5; }

.shadow-1 { box-shadow: 7px 6px 21.7px 0px #00000026; }

.text-2 { color: #878787; }
.text-3 { color: #CBE5DD; }
.text-4 { color: #F2F9F7;}

.navbar { padding: 24px 8px;  width: 100%; z-index: 1; border-bottom: 1px solid #E6E6E6;}
.navbar-nav .nav-item .nav-link { color:#13201B; text-wrap: nowrap; font-size: 24px; border-bottom: 1px solid #E6E6E6; padding-bottom: 32px; padding-top: 32px;}

.navbar-toggler { box-shadow: none !important; width: 40px; height: 40px; padding: 11px 10px; transition: all 0.3s; border: none!important; transform: scale(1.15);}
.navbar-toggler span { display: block; height: 2px; margin-bottom: 5px; border-radius: 1px; background: #3A3A3A; width: 20px; transition: all 0.4s; }
.navbar-toggler span:nth-child(1) {  transform-origin: -4px 7px; }
.navbar-toggler span:nth-child(2) { width: 15px; transform-origin: 10px -7px; }
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: rotate(45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(2) { transform: rotate(-45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) { opacity: 0; }
.navbar-nav-footer { padding: 0; list-style-type: none; margin-top: 23px; font-weight: 300; color: #F2F9F7; line-height: 20px; display: flex; flex-direction: column; gap: 8px; }
.navbar-nav-footer-2 { padding: 0; list-style-type: none; font-size: 13px; font-weight: 300; display: flex; margin-bottom: 0; gap: 20px; }
 
.hero-radiobuttons { margin-top: 50px; display: flex; gap: 10px; }
.hero-radio-label { position: relative; padding-left: 30px; cursor: pointer; transition: color 0.3s ease; }
.hero-radio-label:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: 2px solid #D2D2D2; border-radius: 50%; background-color: white; transition: background-color 0.3s ease, border-color 0.3s ease; }
.hero-radio-label:after { content: ""; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border-radius: 50%; background-color: #7DBFAB; opacity: 0; transition: opacity 0.3s ease; }
.hero input[type="radio"] { display: none; }
.hero input[type="radio"]:checked + .hero-radio-label { color: #7DBFAB; }
.hero input[type="radio"]:checked + .hero-radio-label:before { border-color: #36554B; background-color: white; }
.hero input[type="radio"]:checked + .hero-radio-label:after { opacity: 1;}
.hero-content { visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; transition:  opacity 0.5s ease, visibility 0s linear 0.5s; }
.hero-content.active { display: flex; visibility: visible; opacity: 1; max-height: 1000px;  transition:  opacity 0.5s ease; }

.line { height: 1px; width: 100%; background-color: #BFDFD9; position: relative; margin-left: 32px; }
.line::after { content: "\203A"; position: absolute; right: -2px; color: #BFDFD9; top: -25.5px; font-weight: 300; font-size: 30px; }

.input-text { padding: 16px; border: 1px solid #A5A5A5; border-radius: 10px; outline: none; width: 100%; font-size: 20px; font-weight: 500;}
input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 100%; }
input[type="range"]:focus { outline: none; }
input[type="range"]::-webkit-slider-runnable-track { background-color: #13201b; border-radius: 0.5rem; height: 1px; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -7.5px; background-color: #b8264a; border-radius: 0.5rem; height: 16px; width: 16px; }
input[type="range"]:focus::-webkit-slider-thumb { outline: 3px solid #b8264a; outline-offset: 0.125rem; }
input[type="range"]::-moz-range-track { background-color: #13201b; border-radius: 0.5rem; height: 1px; }
input[type="range"]::-moz-range-thumb { background-color: #b8264a; border: none;  border-radius: 0.5rem; height: 16px; width: 16px; }
input[type="range"]:focus::-moz-range-thumb{ outline: 3px solid #b8264a; outline-offset: 0.125rem; }

.slick-dots { bottom: -30px!important; }
.slick-dots li button:before { color: #B8264A!important; font-size: 16px!important; }

.accordion-button { padding-top: 22px; padding-bottom: 22px; }
.accordion-button:not(.collapsed) { background: transparent!important; color: #13201B; }
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-icon)!important; }
.accordion-button:focus { box-shadow: unset!important; }

.hidden-content { display: none; }

.show-content { display: inline; }

.a-text-decoration a { text-decoration: underline; }
.transform-rotate-180 { transform: rotate(180deg); }

.ellipse-1 { top: 0; right: -80px; z-index: -1; }
.ellipse-2 { bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
.ellipse-3 { left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); }
.ellipse-4 {  bottom: 0; left: 0; }
.ellipse-5 { top: 0; right: 0; }
.ellipse-6 { top: -40px; left: 50%; transform: translateX(-50%); }
.ellipse-1-mobile { top: -40px; left: 50%; transform: translateX(-50%); }
.ellipse-2-mobile { bottom: -60px; left: 50%; transform: translateX(-50%); }

.form-link { border: none; outline: none; background: transparent; font-weight: 300; }
.modal-body td { padding: 4px; }
.modal-body tr { border-bottom: 1px solid #ccc; }

.error-message { font-size: 12px!important; color: red;}

.blog-card a { text-decoration: none; }
.blog-card .wp-post-image { height: 200px; object-fit: cover; }
.hover-text-primary:hover{ color: #36554B; }
.hover-transition-scale:hover { transform: scale(1.02); transition: all 0.3s; }


@media only screen and (max-width: 500px) {
  .btn-mobile-1 { width: 50%; }
  .btn-mobile-1 a { padding-left: 12px; padding-right: 12px; }
}

@media only screen and (min-width: 993px) {
  .fs-lg-13 { font-size: 13px; }
  .fs-lg-20 { font-size: 20px; }
  .fs-lg-25 { font-size: 25px; }
  .fs-lg-39 { font-size: 39px; }
  .fs-lg-61 { font-size: 61px; }

  .lg-lg-16 { line-height: 16px; }
  .lh-lg-20 { line-height: 20px; }
  .lh-lg-24 { line-height: 24px; }
  .lh-lg-30 { line-height: 30px; }
  .lh-lg-47 { line-height: 47px; }
  .lh-lg-64 { line-height: 64px; }

  .gap-lg-16 { gap: 16px; }
  .gap-lg-24 { gap: 24px; }
  .gap-lg-32 { gap: 32px; }
  
  .p-lg-16 { padding: 16px; }
  .p-lg-32 { padding: 32px; }
  .p-lg-64 { padding: 64px; }

  .py-lg-16 { padding-top: 16px; padding-bottom: 16px; }
  .py-lg-22 { padding-top: 22px; padding-bottom: 22px; }
  .py-lg-24 { padding-top: 24px; padding-bottom: 24px; }
  .py-lg-64 { padding-top: 64px; padding-bottom: 64px; }
  .py-lg-80 { padding-top: 80px; padding-bottom: 80px; }
  .py-lg-86 { padding-top: 86px; padding-bottom: 86px; }

  .px-lg-32 { padding-left: 32px; padding-right: 32px; }
  .px-lg-40 { padding-left: 40px; padding-right: 40px; }
  .px-lg-64 { padding-left: 64px; padding-right: 64px; }

  .my-lg-40 { margin-top: 40px; margin-bottom: 40px; }

  .mt-lg-16 { margin-top: 16px; }
  .mt-lg-24 { margin-top: 24px; }
  .mt-lg-32 { margin-top: 32px; }
  .mt-lg-64 { margin-top: 64px; }
  .mt-lg-90 { margin-top: 90px; }

  .mh-lg-483 { min-height: 483px; }

  .w-lg-100 { width: 100%!important; margin-left: 0!important; margin-right: 0!important; max-width: unset!important;}

  .overflow-lg-visible { overflow: visible!important; }

  .hero-radiobuttons { margin-top: 80px; }

  .btn-check:checked+.btn { font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; color: #13201B; background-color: #F2F9F7; padding: 16px; border: none; border-bottom: 4px solid #36554B; border-radius: 0;}
  .btn-check+.btn { font-weight: 300; font-size: 20px; line-height: 24px; text-align: center; color: #13201B; background-color: transparent; padding: 16px; border: none; border-bottom: 4px solid #E6E6E6; border-radius: 0; width: 50%;}
  .btn-check+.btn:hover { background-color: #F2F9F7; color: #13201B;}

  .slick-dots { bottom: -40px!important; }

  .navbar { padding: 24px 40px;  width: 100%; z-index: 1; border-bottom: 1px solid #E6E6E6;}
  .navbar-nav-footer-2 { padding: 0; list-style-type: none; font-size: 13px; font-weight: 300; display: flex; margin-bottom: 0; gap: 32px; }
  .navbar-nav .nav-item .nav-link { font-size: 16px;  border-bottom: 0; padding-bottom: 0; padding-top: 0;}
}
