/* ==========================================================================
   Calculators
============================================================================= */
:root {
	--header-height: 135px;
  --lead-font: 'kohinoor-bangla', sans-serif;
  --input-gray: #edecec;
}

main { overflow: hidden; }

.word-break { display: inline-block; }

#header:not(.affix) { position: absolute!important; top: 0; left: 0; right: 0; }
#acquisitions-calculator { padding: 0 0 100px; font-family: var(--lead-font); font-size: 22px; line-height: 1.59; color: var(--primary); }
#acquisitions-calculator .container-fluid { padding: 0 8.75vw; width: 2000px; max-width: 100%; }
#acquisitions-calculator .display-1 { font-size: 50px; font-weight: 500; font-family: var(--lead-font); color: var(--primary); margin: 0 0 32px; }
#acquisitions-calculator .btn { height: auto; line-height: 1.2; min-width: 166px; padding: 10px 25px; white-space: normal; border-radius: 4px; background: var(--secondary); font-size: 20px; }
#acquisitions-calculator .btn:hover { background: #fff; }
@media (max-width:991px) {
  #acquisitions-calculator { font-size: 20px; }
  #acquisitions-calculator .display-1 { font-size: 42px; }
}
@media (max-width:500px) {
  #acquisitions-calculator { font-size: 18px; }
  #acquisitions-calculator .display-1 { font-size: 34px; }
}

#acquisitions-about { padding: 140px 0 0; }
#acquisitions-about header { margin-bottom: 110px; }

#acquisitions-benefits { padding: 120px 0 0; }
#acquisitions-benefits .display-1 { margin-bottom: 75px; }
#acquisitions-benefits .icon-list { display: flex; gap: 45px; flex-direction: column; align-items: center; list-style: none; margin: 0; padding: 0; }
#acquisitions-benefits .icon-list p:last-of-type { margin: 0; }
#acquisitions-benefits .icon-list__item { display: flex; gap: 35px; align-items: center; width: 845px; max-width: 100%; margin: 0 auto; }
#acquisitions-benefits .icon-list__icon { flex-shrink: 0; flex: 0 0 130px; }
#acquisitions-benefits .icon-list__description { line-height: 25px; }
@media (max-width:991px) {
  #acquisitions-benefits .icon-list__icon { flex: 0 0 70px; align-self: flex-start; }
}

#acquisitions-portfolio { padding: 110px 0 0; }

#acquisitions-services { padding: 120px 0 0; }
#acquisitions-services header { margin-bottom: 70px; }
#acquisitions-services h4 { font-size: 22px; margin: 0 0 40px; }
#acquisitions-services h4 small { display: block; color: inherit; font-size: 16px; margin-top: 8px; }
#acquisitions-services .icon { height: 89px; margin-bottom: 14px; }
#acquisitions-services .btn { margin-top: 30px; }

.rounded-img { border-radius: 20px; overflow: hidden; position: relative; }
.row.g-5 { margin: 0; gap: 50px; }
.row.g-5 [class*='col-'] { padding: 0; }
.row.g-5::before, .row.g-5::after { display: none; }
@media (min-width:992px) {
  .row.g-5 { flex-wrap: nowrap!important; gap: 100px; }
  .order-lg-first { order: -1; }
}
@media (max-width:600px) {
  #acquisitions-benefits, #acquisitions-portfolio, #acquisitions-services, #acquisitions-about { padding: 90px 0 0; }
}

/* Calculator */
.calc-hero { height: 756px; padding-top: var(--header-height); position: relative; background-color: var(--dark); background-image: url('/images/acquisitions-banner-2.jpg'); background-size: cover; background-position: center top; display: flex; justify-content: center; flex-direction: column; }
.calc-hero::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--dark); opacity: .75; z-index: 2; }
.calc-hero .container-fluid { width: 100%; }
.calc-hero .prompt { color: #fff; position: relative; z-index: 3; padding: 80px 0; width: 850px; max-width: 100%; }
.calc-hero .prompt__lead { font-family: var(--lead-font); color: inherit; font-size: 50px; font-weight: 500; margin: 0 0 15px; }
.calc-hero .prompt__sub { font-size: 22px; font-family: var(--lead-font); }
@media (min-width:992px) {
  .calc-hero .prompt { margin-right: auto; }
}
@media (max-width:991px) {
  .calc-hero { height: auto; }
  .calc-hero .prompt { text-align: center; }
  .calc-hero .prompt__lead { font-size: 40px; }
  .calc-hero .prompt__sub { font-size: 18px; }
}

/* Content */
.calc-content { padding: 130px 0 40px; }
.calc__lead { font-size: 50px; font-weight: 500; color: var(--primary); font-family: var(--lead-font); margin: 0 0 25px; letter-spacing: normal; }
.calc__sub { font-size: 22px; color: var(--primary); margin: 0 0 30px; font-family: var(--lead-font); }

/* Form */
.calc-form { text-align: center; padding: 0 5vw; width: 1350px; max-width: 100%; margin: 0 auto; letter-spacing: .05em;  }
.calc-form__carousel .carousel-inner { overflow: visible;  }
.calc-form__carousel .item { padding: 50px 15px; background: #fff; border-radius: 20px; box-shadow: 0px 6px 43px 0px rgba(0, 0, 0, 0.17); }

.calc-form__heading { font-size: 22px; letter-spacing: .05em; text-transform: uppercase; color: #000; margin: 0 0 10px; font-family: var(--lead-font); font-weight: 500; }
.calc-form__sub { font-size: 18px; letter-spacing: .05em; text-transform: uppercase; color: #000; margin: 0 0 50px; font-family: var(--lead-font); font-weight: 400; }

.calc-form__container { display: flex; gap: 20px; flex-wrap: wrap; text-align: left; }
.calc-form__container .row { display: flex; align-items: center; margin: 0; width: 100%; gap: 20px; }
.calc-form__container .row [class*='col-'] { padding: 0; flex: 1 1 100%; width: auto; display: flex; flex-wrap: wrap; gap: 20px; }
.calc-form__container .row::before, .calc-form__container .row::after { display: none; }
.calc-form__container .form-row-label { font-size: 17px; margin: 0; font-family: var(--lead-font); font-weight: 300; color: #000; }
.calc-form__section-label { font-family: var(--lead-font); flex: 1 1 100%; width: 100%; font-size: 22px; font-weight: 500; margin: 5px 0; letter-spacing: normal; }
.calc-form__section-label small { font-size: 16px; font-weight: 300; display: block; color: inherit; margin-top: 4px; }
.calc-form__section-label:has(small) { margin-bottom: 0; }
.calc-form__section-label a:not(:hover) { color: var(--secondary); }
.calc-form__container .calc-form__section-label:first-child { margin-top: 0; }
.calc-form .form-group { padding: 0; flex: 1 1 300px; margin-bottom: 0; position: relative; }
.calc-form .form-group .input-group { display: flex; }
.calc-form .form-group label { font-size: 17px; display: block; font-weight: 300; color: #000; margin: 0; }
.calc-form .form-group.is-required label::after, .calc-form__section-label.is-required::after { content: '*'; color: var(--secondary); font-weight: 500; }
.calc-form .form-group input, .calc-form .form-group textarea, .calc-form .form-group select { border: 0; border-radius: 0; background: var(--input-gray); height: 54px; box-shadow: none; color: #000; font-size: 16px; }
.calc-form .form-group textarea { height: 121px; padding-top: 10px; }
.calc-form .required-group { position: relative; width: 100%; display: flex; flex-wrap: wrap; gap: 20px; }
.calc-form .form-control.warning, .calc-form .required-group.warning { box-shadow: 0 0 3px 2px var(--secondary)!important; transition: .3s; }
.calc-form .form-group:has(.warning) { position: relative; }
.calc-form .form-group:has(.warning)::after, .calc-form .required-group.warning::after { content: 'Please fill out this field'; font-size: 12px; font-weight: 500; color: var(--secondary); position: absolute; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: .1s; }
.calc-form .form-group:has(.warning--validation)::after { content: 'Please enter valid email address'; }
.calc-form .required-group.warning::after { content: 'Please fill out at least one section'; }
.calc-form .required-group.warning .form-control.warning, .calc-form .required-row:not(.warning) .form-control.warning, .calc-form .form-group:has(.float-label) .form-control:not(.warning--validation), .calc-form .form-control:not(.warning--validation):focus { box-shadow: none!important; }
.calc-form .required-group.warning .form-group:has(.warning)::after, .calc-form .required-row:not(.warning) .form-group:has(.warning)::after, .calc-form .form-group:has(.float-label)::after, .calc-form .form-group:has(:focus)::after { opacity: 0; }
.calc-form .input-group-text { color: #737373; font-size: 20px; border: 0; border-radius: 0; background-color: #e0e0e0; min-width: 40px; text-align: center; }
.input-group--readonly input, .input-group--readonly .input-group-text { background: #fff!important; }
.calc-form__disclaimer { font-size: 15px; font-weight: 300; color: var(--primary); font-family: var(--lead-font); margin: 50px auto 0; line-height: 20px; letter-spacing: normal; padding: 0 5vw; width: 1350px; max-width: 100%; }
.calc-form__disclaimer p:last-child { margin: 0; }
.popover-content { padding-left: 9px; display: flex; align-items: center; }
.popover-content i { font-size: 1.5em; padding-right: 5px; }

#contactForm { display: block!important; }
#contactForm:has(.ion-form-success) .ion-form, .ion-form-success ~ .ion-form-success { display: none!important; }
.recaptcha-message { display: none; color: #fff; padding: 10px; text-align: center; border-radius: 4px; }
.recaptcha-message.bg-danger { background: red; }
.recaptcha-message.bg-success { background: green; }

@media (min-width: 768px) {
  .calc-form__container .row .col-sm-6 { flex: 1 1 48%; }
}
@media (min-width: 992px) {
  .calc-form__container .row .col-md-6 { flex: 1 1 48%; }
  .calc-form__container .row .col-md-3 { flex: 1 1 30%; }
  .calc-form__container .row .col-md-8 { flex: 0 1 528px; }
}
@media (min-width: 1199px) {
  .calc-form__container .row [class*='col-lg'] { flex: 1 1 0; }
}

.calc-form__container .row--col-5 [class*='col-'] { flex: 1 1 70px; }


.calc-form__advanced-toggle { display: block; margin: 30px 0 60px; font-size: 18px; text-transform: uppercase; color: var(--body-text); transition: .4s; }
.calc-form__advanced-toggle:hover { text-decoration: none; color: var(--primary); transition: .4s; }

.calc-form__controls { display: flex; justify-content: space-between; margin-top: 30px; }
.calc-form__btn { display: flex; align-items: center; letter-spacing: .05em; justify-content: center; gap: 8px; text-transform: uppercase; font-weight: 500; font-size: 18px; height: 47px; line-height: 47px; padding: 0 20px!important; border-radius: 10px; background: var(--secondary); color: #fff; border: 0; min-width: 118px; transition: .5s; }
.calc-form__btn i { font-size: 15px; padding-bottom: 1px; }
.calc-form__btn:hover { color: #fff; background: var(--primary); text-decoration: none; transition: .5s; }
@media (max-width: 500px) {
  .calc-form__btn { font-size: 14px; }
}

/* Carousel Transitions */
.item.next:not(.item.left), .item.active.right { transform: translateX(100%) scale(0)!important; }
.item.prev:not(.item.right), .item.active.left { transform: translateX(-100%) scale(0)!important; }

@media (min-width: 992px) {
  .calc-form__carousel .item { padding: 50px; }
}

/* Floating Form Labels */
.calc-form .form-group:not(.form-group-checkbox):not(.form-group-radio) label { margin: 0; position: absolute; bottom: 0; left: 20px; z-index: 2; height: 54px; width: 100%; padding: 0; display: flex; align-items: center; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
.calc-form .form-group ::-webkit-input-placeholder, .calc-form .form-group select:invalid { color: transparent!important; }
.calc-form .form-group:not(.form-group-checkbox):not(.form-group-radio):has(input:focus) label, .calc-form .form-group:has(select:focus) label, .calc-form .float-label, .calc-form .form-group-textarea:not(:has(textarea[value])) label, label.float-label { transform: translateY(-50%) scale(.8)!important; left: 2px; opacity: .7; }
.calc-form .form-group-dropdown:has(.float-label) select:not(:focus) { color: var(--body-text)!important; }
.calc-form .form-group-dropdown label { left: -1px!important; }
.calc-form label.float-label, .calc-form .form-group-textarea label { transform: translateY(-50%) scale(.8)!important; opacity: .7; left: 2px!important; }




/* Results */
.hidden-form-fields { display: none; }
.calc-results { padding: 85px 15px; text-align: center; position: absolute; transform: scale(0); opacity: 0; }
.calc-results__heading { margin: 0 0 35px; }
.calc-results .results { font-size: 45px; font-weight: 500; margin: 35px 0; }
.calc-results .results small { font-family: 'Poppins',sans-serif; font-size: .8em; font-weight: 300; }

.calc-form:has(.ion-form-success) + .calc-results, .calc-results.show { position: relative; transform: scale(1); opacity: 1; }
@media (max-width: 500px) {
  .calc-results__heading { font-size: 35px; }
}

#calculate { color: #fff!important; }

.calc-results__buttons { display: flex; margin: -15px; justify-content: center; padding-top: 80px; }
.calc-results__buttons a { margin: 15px; }
@media (max-width: 992px){
  .calc-results .col-sm-12 { width: 100%; }
}
@media (max-width: 600px){
  .calc-results__heading { margin-bottom: 15px; }
}

/* BS3 Fix */
.d-none { display: none!important; }
#acquisitions-calculator .row { display: flex; flex-wrap: wrap; }
#acquisitions-calculator .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
#acquisitions-calculator .justify-content-center { justify-content: center; }
#acquisitions-calculator .align-items-center { align-items: center; }
.input-group-prepend { margin-right: -1px; }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex; }
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-weight: 400; line-height: 1.5; white-space: nowrap; }
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { flex: 1 1 auto; width: 1%; }
.ml-auto { margin-left: auto; }
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; }
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
.form-check-label { margin-bottom: 0; }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: relative; z-index: -1; opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; }
.custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; }
.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }
.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }
.custom-switch { padding-left: 2.25rem; }
.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }
.custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after { transition: none; }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }
/* End BS3 Fix */

#calc-terms { padding-top: 85px; }
