/*
Theme Name: click5 Interactive Theme
Theme URI: https://www.click5.com/
Author: click5 Interactive
Author URI: https://www.click5.com/
Description: click5 Interactive WordPress Theme
Version: 3.0.15
*/

:root {
    --container: 1485px;
    --container-sm: 900px;
    --container-md: 1440px;
    --container-lg: 1530px;
    --container-xl: 1670px;
    --container-xxl: 1800px;
    --grid-row: calc(1480px / 10);
    --grid-margin: minmax(5%, 1fr);
    --gap-sm: 14px;
    --gap-md: 20px;
    --gap-lg: 25px;
    --gap: 20px;
    --gap-xl: 40px;
    --font-body: "Manrope", sans-serif;
    --font-head: "Manrope", sans-serif;
    --color-primary: #00c892;
    --color-secondary: #5382ff;
    --color-head: #002829;
    --color-body: #002829;
    --color-light: #ffffff;
    --color-dark: #000000;
    --color-border: #efefef;
    --color1: #f5f7fa;
    --color2: #0b38e0;
    --color3: #d8dbe5;
    --color4: #d2e2fe;
    --color5: #4f7fff;
    --color6: #edf0f7;
    --color7: #0728c7;
    --color8: #e0e4ec;
    --color9: #00da9f;
    --color10: #e1ecfe;
    --color11: #dedede;
    --color12: #00b886;
    --color13: #f5f7f9;
    --color14: #5a5a5a;
    --box-shadow: 0 8px 15px rgba(0, 0, 0, .10);
    --box-shadow-hover: 0 10px 25px rgba(0, 0, 0, .10);
    --transition: 0.3s linear;
    --border-radius: 10px;
    --border-radius15: 15px;
    --border-radius20: 20px;
    --head-weight: 800;
    --body-weight: 400;
    /* h1s */
    --h1-fs: clamp(25px, 2.8889vw, 52px);
    --h1-lh: clamp(28px, 3.3333vw, 60px);
    /* h2s */
    --h2-fs: clamp(30px, 2.5vw, 45px);
    --h2-lh: clamp(37px, 3vw, 54px);
    /* h3s */
    --h3-fs: clamp(17px, 1.7778vw, 32px);
    --h3-lh: clamp(25px, 2.5vw, 45px);
    /* h4s */
    --h4-fs: clamp(17px, 1.3889vw, 25px);
    --h4-lh: clamp(25px, 1.9444vw, 35px);
    /* h5s */
    --h5-fs: clamp(17px, 1.2222vw, 22px);
    --h5-lh: clamp(25px, 1.8889vw, 34px);
    /* h6s */
    --h6-fs: clamp(16px, 1.0556vw, 19px);
    --h6-lh: clamp(24px, 1.5556vw, 28px);
    /* p */
    --ps-fs: clamp(16px, 1vw, 18px);
    --ps-lh: clamp(26px, 1.8333vw, 33px);
    /* xsm-ps */
    --xsm-ps-fs: clamp(11px, 0.7222vw, 13px);
    --xsm-ps-lh: clamp(28px, 1.5556vw, 28px);
    /* sm-ps */
    --sm-ps-fs: clamp(15px, 0.8889vw, 16px);
    --sm-ps-lh: clamp(24px, 1.5vw, 27px);
    /* md-ps */
    --md-ps-fs: clamp(16px, 1.3333vw, 24px);
    --md-ps-lh: clamp(24px, 2.1667vw, 39px);
    /* lg-ps */
    --lg-ps-fs: clamp(17px, 1.6111vw, 29px);
    --lg-ps-lh: clamp(27px, 2.1667vw, 39px);
    /* xl-ps */
    --xl-ps-fs: clamp(17px, 1.8333vw, 33px);
    --xl-ps-lh: clamp(25px, 2.8889vw, 52px);
    /* t1-ps */
    --t1-ps-fs: clamp(25px, 2.8333vw, 51px);
    --t1-ps-lh: clamp(32px, 3.3333vw, 60px);
    /* t2-ps */
    --t2-ps-fs: clamp(19px, 1.3333vw, 24px);
    --t2-ps-lh: clamp(24px, 1.6667vw, 30px);
    /* t3-ps */
    --t3-ps-fs: clamp(19px, 1.2778vw, 23px);
    --t3-ps-lh: clamp(24px, 1.6667vw, 30px);
    /* t4-ps */
    --t4-ps-fs: clamp(17px, 1.2222vw, 22px);
    --t4-ps-lh: clamp(22px, 1.4444vw, 26px);
    /* t5-ps */
    --t5-ps-fs: clamp(15px, 1.0556vw, 19px);
    --t5-ps-lh: clamp(24px, 1.8333vw, 33px);
    /* t6-ps */
    --t6-ps-fs: clamp(15px, 0.9444vw, 17px);
    --t6-ps-lh: clamp(24px, 1.5556vw, 28px);
    /* t7-ps */
    --t7-ps-fs: clamp(15px, 0.8889vw, 16px);
    --t7-ps-lh: clamp(24px, 1.6111vw, 29px);
    /* t8-ps */
    --t8-ps-fs: clamp(12px, 0.7222vw, 13px);
    --t8-ps-lh: clamp(19px, 1.3333vw, 24px);
    /* t9-ps */
    --t9-ps-fs: clamp(15px, 1.0556vw, 19px);
    --t9-ps-lh: clamp(24px, 1.7222vw, 31px);
    /* t10-ps */
    --t10-ps-fs: clamp(20px, 3.8889vw, 70px);
    --t10-ps-lh: clamp(30px, 4.4444vw, 80px);
    /* t11-ps */
    --t11-ps-fs: clamp(16px, 2.2222vw, 40px);
    --t11-ps-lh: clamp(22px, 2.5556vw, 46px);
}

/* HERO */
.hero__basic {
    background-color: var(--color1);
}
.hero__col:nth-of-type(1) {
    grid-column: 1/-1;
    
}
.hero__col:nth-of-type(2),
.hero__col:nth-of-type(3) {
    grid-column: 2/12;
}
.hero__basic {}
.hero__image {}
.hero__img img {
    max-height: 260px;
    object-position: center 60%;
}
.hero__st {
    margin-top: 24px;
    margin-bottom: 7px;
    color: var(--color-primary);
    font-weight: 500;
}
.hero__image-page .hero__st {
    letter-spacing: 1px;
}
.hero__h {
    letter-spacing: -1px;
    font-weight: 700;
}
.hero__image-page .hero__h {
    letter-spacing: -2px;
}
.hero__p {}

/* DEBT FORM */
.debt-wrap{
    position: relative;
    width: 100%;
}
.debt {
  -webkit-appearance: none; 
  appearance: none;
  width: 100%; 
  height: 9px; 
  border-radius: var(--border-radius);
  outline: 0;
}
/* --- WebKit/Chromium --- */
.debt::-webkit-slider-runnable-track {
  height: 9px;
  background: linear-gradient(to right, var(--color-secondary) 0, var(--color-secondary) var(--p), transparent var(--p)) no-repeat, var(--color-light);
  border-radius: var(--border-radius);
}

/* --- Firefox --- */
.debt::-moz-range-track {
  height: 9px; 
  background: var(--color-light);
  border-radius: var(--border-radius);
}
/* --- Firefox --- */
.debt::-moz-range-progress { 
  height: 9px; 
  background: var(--color-secondary);
  border-radius: var(--border-radius);
}
/* --- WebKit/Chromium --- */
.debt::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 4px solid var(--color-light);
  background: var(--color-secondary);
  margin-top: -4px;
}
/* --- Firefox --- */
.debt::-moz-range-thumb {
  width: 14px; 
  height: 14px; 
  border-radius: 50%;
  background-color: var(--color-primary);
  border: 4px solid var(--color-light);
  cursor: pointer;
}
.debt-form__row {
    padding: 27px 8%;
    border-radius: var(--border-radius15);
    background: linear-gradient(120deg,rgba(36, 125, 252, 1) 0%, rgba(7, 28, 166, 1) 51%, rgba(7, 28, 166, 1) 100%);
}
.debt-form__box {
    position: relative;
    margin-bottom: 35px;
}
.debt-form__h {
    margin-bottom: 41px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: var(--color-light);
}
.debt-value {
    position: absolute;
    top: -28px;
    pointer-events: none;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-light);
}
.debt-form__min,
.debt-form__max {
    position: absolute;
    bottom: -23px;
    font-size: 12px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-light);
}
.debt-form__min {
    left: 0;
}
.debt-form__max {
    right: 0;
}
.debt-form__btn {
    padding: 12px 19%;
    font-size: 14px;
}
/* HOME SEC 1 */
.home-sec1 {
    padding-top: 29px;
    padding-bottom: 26px;
}
.home-sec1__row {}
.home-sec1__col {}
.home-sec1__col:nth-of-type(1) {
    grid-column: 1/-1;
    
}
.home-sec1__col:nth-of-type(2) {
    grid-column: 2/12;
}
.home-sec1__bcg {}
.home-sec1__img {}
.home-sec1__img img {
    max-height: 250px;
    object-position: top center;
}
.home-sec1__st {
    margin-bottom: 15px;
}
.home-sec1__h {
    margin-bottom: 16px;
    letter-spacing: -1px;
}
.home-sec1__p {}
.home-sec1__btn {}
.home-sec1__sub-box {
    margin-bottom: 10px;
    padding: 14px 5% 3px;
    background-color: var(--color1);
    border-radius: var(--border-radius);
}
.home-sec1__sub-txt {
    padding-right: 23%;
}
.home-sec1__sub-icon {}
.home-sec1__sub-icon i {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 35px;
    min-height: 35px;
    font-size: 10px;
    color: var(--color-light);
    background-color: var(--color5);
    border-radius: 50%;
    transition: var(--transition);
}
.home-sec1__sub-st {
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: 300;
    opacity: 0.702;
}
.home-sec1__sub-h {
    font-weight: 700;
}
.home-sec1__sub-p {}
.home-sec1__sub-btn {}

/* HOME SEC 2 */
.home-sec2 {
    padding-bottom: 35px;
}
.home-sec2__container {}
.home-sec2__row {}
.home-sec2__col {}
.home-sec2__bcg {}
.home-sec2__st {
    margin-bottom: 19px;
}
.home-sec2__h {
    margin-bottom: 16px;
    letter-spacing: -1px;
}
.home-sec2__p {}
.home-sec2__btn {}
.home-sec2__sub-col {
    padding: 25px 6% 0;
    border-radius: var(--border-radius15);
    background-color: var(--color4);
}
.home-sec2__sub-icon {
    height: 114px;
}
.home-sec2__sub-st {}
.home-sec2__sub-h {
    margin-bottom: 3px;
    letter-spacing: -1px;
}
.home-sec2__sub-p {
    font-weight: 300;
}
.home-sec2__sub-btn {}

/* HOME SEC 3 */
.home-sec3 {
    padding-top: 0;
}
.home-sec3__container {
    margin-top: -40px;
}
.home-sec3__row {}
.home-sec3__col:nth-of-type(1) {
    grid-column: 2/12;
}
.home-sec3__col:nth-of-type(2) {
    grid-column: 1/-1;
}
.home-sec3__bcg {}
.home-sec3__img {}
.home-sec3__img img {
    max-height: 400px;
}
.home-sec3__st {
    margin-bottom: 7px;
}
.home-sec3__h {
    margin-bottom: 14px;
    letter-spacing: -1px;
}
.home-sec3__p {}
.home-sec3__btn {}
.home-sec3__sub-row {
    justify-content: center;
}
.home-sec3__sub-col {
    padding: 26px 6% 3px;
    border-radius: var(--border-radius20);
    background-color: var(--color6);
}
.home-sec3__sub-st {
    margin-bottom: 0;
    color: var(--color5);
    font-weight: 700;
}
.home-sec3__sub-h {
    margin-bottom: 8px;
    font-weight: 700;
}
.home-sec3__sub-p {
    font-weight: 300;
}
.home-sec3__sub-btn {}

/* HOME SEC 4 */
.home-sec4 {
    margin-top: 70px;
    padding-top: 0;
    padding-bottom: 37px;
}
.home-sec4__row {}
.home-sec4__col {}
.home-sec4__col:nth-of-type(2) {
    position: relative;
    margin-top: -60px;
    z-index: 1;
}
.home-sec4__bcg {}
.home-sec4__img {
    position: relative;
    margin-top: -90px;
}
.home-sec4__img img {
    max-height: 400px;
    width: auto;
}
.home-sec4__st {
    margin-bottom: 5px;
    font-size: 17px;
    color: var(--color-primary);
    font-weight: 500;
}
.home-sec4__h {
    margin-bottom: 14px;
    letter-spacing: -1px;
    color: var(--color-light);
}
.home-sec4__p {
    margin-bottom: 22px;
    color: var(--color-light);
    opacity: 0.800;
    font-weight: 300;
}
.home-sec4__btn {
    padding: 13px 17%;
    font-size: 15px;
}

/* TYPE 1 SEC 1 */
.type1-sec1 {
    margin-bottom: 34px;
    padding: 30px 5% 10px 6%;
    background-color: var(--color1);
    border-radius: var(--border-radius15);
    border-left: 10px solid var(--color9);
}

/* TYPE 1 SEC 2 */
.type1-sec2__sub-col {
    margin-top: 10px;
}
.type1-sec2__sub-h {
    margin-bottom: 12px;
    letter-spacing: -1px;
    font-weight: 700;
}

/* TYPE 1 SEC 3 */
.type1-sec3 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 22px 5% 3px 6%;
    border-radius: var(--border-radius);
    background-color: var(--color10);
}
.type1-sec3__icon {
    position: absolute;
    top: -2px;
    left: 6%;
}
.type1-sec3__p {
    font-weight: 700;
}
.type1-sec3__p::first-letter {
    padding-left: 40px;
}

/* TYPE 2 SEC 1 */
.type2-sec1 {
    max-width: 969px;
}
.type2-sec1 {
    padding: 30px 5% 10px 4%;
}

/* TYPE 2 SEC 2 */
.type2-sec2__sub-col {
    position: relative;
    padding: 100px 3% 10px 4%;
    background-color: var(--color-light);
    border: 3px solid var(--color13);
    border-radius: var(--border-radius);
}
.type2-sec2__sub-label {
    position: absolute;
    top: 30px;
    left: -2px;
    display: inline-block;
    padding: 8px 6% 8px 9%;
    background-color: var(--color-secondary);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.type2-sec2__sub-col:nth-of-type(even) .type2-sec2__sub-label {
    background-color: var(--color-primary);
}
.type2-sec2__sub-icon {
    min-width: 57px;
}
.type2-sec2__sub-st {
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-light);
}
.type2-sec2__sub-h {
  margin-bottom: 17px;
}

/* TYPE 2 SEC 3 */
.type2-sec3__h p {
  font-weight: 300;
  color: var(--color14);
}
.type2-sec3__h p strong {
  font-weight: 600;
}

/* CONTACT */
.contact-intro {
    padding-bottom: 0;
}
.contact-intro__box {
    padding: 30px 3%;
    background-color: var(--color-light);
    border: 3px solid var(--color13);
    border-radius: var(--border-radius);
}
.contact-intro__icon {
    min-width: 80px;
}
.contact__txt {}
.contact-form__form {
    padding: 50px 5%;
    background-color: var(--color-light);
    border: 3px solid var(--color13);
    border-radius: var(--border-radius);
}
.contact-map iframe {
    height: 400px;
    margin-bottom: -9px;
    filter: grayscale(100%);
}

/* PAGE TEMPLATE FULL */
.page-template-full #content.container {
    padding-left: 6%;
    padding-right: 6%;
    background-color: var(--color-light);
    border-radius: var(--border-radius);
}
.page-template-full .entry-content h1,
.page-template-full .entry-content h2,
.page-template-full .entry-content h3,
.page-template-full .entry-content h4,
.page-template-full .entry-content h5,
.page-template-full .entry-content h6 {
    color: var(--color-primary);
}

/* SITEMAP */
.sitemap_by_click5 h2::after {
    display: none;
}
.sitemap_by_click5 ul li a {
    text-decoration: none;
}
.sitemap_by_click5 ul li a:hover {
    text-decoration: underline;
}