/*
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-sm: 1030px;
    --container-md: 1280px;
    --container: 1320px;
    --container-lg: 1480px;
    --container-xl: 1610px;
    --container-xxl: 1680px;
    --grid-row: calc(1320px / 10);
    --grid-margin: minmax(5%, 1fr);
    --gap-sm: 12px;
    --gap-md: 10px;
    --gap-lg: 10px;
    --gap: 17px;
    --gap-xl: 50px;
    --font-body: "Manrope", sans-serif;
    --font-head: "Manrope", sans-serif;
    --color-primary: #ff8c00;
    --color-secondary: #fb4a1e;
    --color-body: #778198;
    --color-head: #0c2244;
    --color-light: #ffffff;
    --color-dark: #000000;
    --color-border: #efefef;
    --color1: #fb552b;
    --color2: #e1e4ef;
    --color3: rgba(12, 20, 32, 0.8);
    --color4: #d8ddec;
    --color5: rgba(12, 34, 68, 0.749);
    --color6: #cad1e7;
    --color7: #8891a0;
    --color8: #c9ccdb;
    --color9: #e1e3e7;
    --color10: #ecedf6;
    --color11: rgba(12, 34, 68, 0.329);
    --color12: rgba(12, 34, 68, 0.831);
    --color13: rgba(12, 34, 68, 0.800);
    --color14: #cfd3e3;
    --color15: #fb491d;
    --color16: #a1a9b9;
    --color17: #5a6488;
    --color18: #dadfee;
    --color19: #dce1ef;
    --gradient1: linear-gradient(90deg,rgba(255, 139, 38, 1) 0%, rgba(207, 83, 81, 1) 50%, rgba(15, 10, 237, 1) 100%);
    --gradient2: linear-gradient(270deg, #ede9e5 0%, #ebedf9 100%);
    --box-shadow: 0 8px 15px rgba(0, 0, 0, .1); 
    --box-shadow-light: 0 10px 25px rgba(0, 0, 0, .1);
    --box-shadow-hover: 0 10px 25px rgba(0, 0, 0, .3);
    --transition: 0.3s linear;
    --border-radius: 10px;
    --border-radius1: 5px;
    --border-radius2: 20px;
    --border-radius3: 15px;
    --weight-medium: 500;
    --weight-semi-bold: 600;
    --weight-bold: 700;
    --head-weight: 800;
    --body-weight: 400;
    --ps-fs: clamp(15px, calc((18 / 1600) * 100vw), 18px);
    --ps-lh: clamp(24px, calc((28 / 1600) * 100vw), 28px);
    --h1-fs: clamp(32px, calc((56 / 1600) * 100vw), 56px);
    --h1-lh: 1.2;
    --h2-fs: clamp(30px, calc((48 / 1600) * 100vw), 48px);
    --h2-lh: 1.25;
    --h3-fs: clamp(24px, calc((37 / 1600) * 100vw), 37px);
    --h3-lh: 1.3;
    --h4-fs: clamp(20px, calc((30 / 1600) * 100vw), 30px);
    --h4-lh: 1.3;
    --h5-fs: clamp(18px, calc((24 / 1600) * 100vw), 24px);
    --h5-lh: 1.4;
    --h6-fs: clamp(16px, calc((20 / 1600) * 100vw), 20px);
    --h6-lh: 1.4;
    --animfloat-y: floatY 10s ease-in-out infinite;
}

/* HOME SEC 1 */
.home-sec1 {
    position: relative;
    padding-top: 0;
    padding-bottom: clamp(28px, calc((80 / 1600) * 100vw), 80px);
}
.home-sec1__element {
    top: 0;
    left: -32%;
}
.home-sec1__element img {
    height: clamp(410px, calc((820 / 1600) * 100vw), 820px);
}
.home-sec1__container{
  padding-top: clamp(37px, calc((118 / 1600) * 100vw), 118px);
}
.home-sec1__st {
  margin-bottom: clamp(5px, calc((23 / 1600) * 100vw), 23px);
}
.home-sec1__h {
    margin-bottom: clamp(11px, calc((30 / 1600) * 100vw), 30px);
}
.home-sec1__p {
    font-size: clamp(15px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
}
.home-sec1__sub-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sm) var(--gap-sm);
    /* margin-top: 18px; */
    margin-top: clamp(18px, calc((73 / 1600) * 100vw), 73px);
}
.home-sec1__sub-col {
    flex: 1 1 100%;
}
.home-sec1__sub-box {
    padding: clamp(28px, calc((46 / 1600) * 100vw), 46px) 40px clamp(16px, calc((22 / 1600) * 100vw), 22px);
    border: 1px solid var(--color-secondary);
    border-radius: var(--border-radius);
    background-color: var(--color-light);
    height: 100%;
}
.home-sec1__sub-icon {
    min-width: 70px;
}
.home-sec1__sub-icon img {
    height: clamp(50px, calc((65 / 1600) * 100vw), 65px);
    width: auto;
}
.home-sec1__sub-h {
    font-size: clamp(19px, calc((24 / 1600) * 100vw), 24px);
    line-height: clamp(21px, calc((28 / 1600) * 100vw), 28px);
}
.home-sec1__sub-p {
    font-size: clamp(15px, calc((16 / 1600) * 100vw), 16px);
    line-height: clamp(21px, calc((24 / 1600) * 100vw), 24px);
}

/* HOME SEC 2 */
.home-sec2 {
    padding-top: 10px;
    padding-bottom: 0;
}
.home-sec2__img {
    border-radius: var(--border-radius2);
}
.home-sec2__img img {
    height: clamp(265px, calc((700 / 1600) * 100vw), 700px);
    object-position: 50% 22%;
}
.home-sec2__st {
    margin-bottom: clamp(4px, calc((17 / 1600) * 100vw), 17px);
}
.home-sec2__h {
    margin-bottom: clamp(26px, calc((68 / 1600) * 100vw), 68px);
    font-size: clamp(28px, calc((46 / 1600) * 100vw), 46px);
}
.home-sec2__sub-box {
  padding: clamp(1rem, 2vw, 3rem);
  background-color: var(--color-border);
}
.home-sec2__sub-col {
    display: flex;
}
.home-sec2__sub-col:not(:last-of-type) .home-sec2__sub-txt {
  border-bottom: 1px solid var(--color4);
  margin-bottom: clamp(15px, calc((26 / 1600) * 100vw), 26px);
}
.home-sec2__sub-icon {
    margin-right: clamp(10px, calc((20 / 1600) * 100vw), 20px);
}
.home-sec2__sub-icon img {
    height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
    width: auto;
}
.home-sec2__sub-h {
    margin-bottom: clamp(5px, calc((10 / 1600) * 100vw), 10px);
    font-size: clamp(18px, calc((24 / 1600) * 100vw), 24px);
}
.home-sec2__sub-p {
    margin-bottom: clamp(15px, calc((25 / 1600) * 100vw), 25px);
    line-height: clamp(22px, calc((27 / 1600) * 100vw), 27px);
    color: var(--color3);
}

/* HOME SEC 3 */
.home-sec3 {}
.home-sec3__sub-row:nth-of-type(even) .home-sec3__sub-col:nth-of-type(1) {
    order: 2;
}
.home-sec3__sub-row:nth-of-type(even) .home-sec3__sub-col:nth-of-type(2) {
    order: 1;
}
.home-sec3__sub-col:nth-of-type(2) {
    padding: 30px 20px;
}

/* HOME SEC 4 */
.home-sec4 {
    padding-top: 0;
    padding-bottom: 0;
}
.page-id-117 .home-sec4 {
    padding-bottom: clamp(40px, calc((80 / 1600) * 100vw), 80px);
}
.home-sec4__h {
    margin-bottom: clamp(10px, calc((25 / 1600) * 100vw), 25px);
    font-size: clamp(22px, calc((40 / 1600) * 100vw), 40px);
}
.home-sec4__p {
    margin-bottom: clamp(19px, calc((32 / 1600) * 100vw), 32px);
    font-size: clamp(15px, calc((21 / 1600) * 100vw), 21px);
    line-height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
}
.home-sec4__btn {
    margin-bottom: 7px;
    margin-right: 7px;
    padding: clamp(14px, calc((19 / 1600) * 100vw), 19px) clamp(55px, calc((70 / 1600) * 100vw), 70px);
    font-size: clamp(15px, calc((19 / 1600) * 100vw), 19px);
}

/* HOME SEC 5 */
.home-sec5 {
    position: relative;
    padding-top: 0;
    padding-bottom: 9px;
}
.home-sec5__element {
    top: -114%;
    right: -52%;
}
.home-sec5__element img {
    height: clamp(550px, calc((930 / 1600) * 100vw), 930px);
}
.home-sec5__h {
    margin-bottom: clamp(9px, calc((13 / 1600) * 100vw), 13px);
    font-size: clamp(20px, calc((35 / 1600) * 100vw), 35px);
}
.home-sec5__p {
    margin-bottom: clamp(15px, calc((29 / 1600) * 100vw), 29px);
    font-size: clamp(15px, calc((21 / 1600) * 100vw), 21px);
    line-height: clamp(22px, calc((26 / 1600) * 100vw), 26px);
}
.home-sec5__btn {
    margin-bottom: 7px;
    padding: clamp(15px, calc((19 / 1600) * 100vw), 19px) clamp(60px, calc((68 / 1600) * 100vw), 68px);
}

/* HOME SEC 6 */
.home-sec6 {
    overflow: hidden;
    white-space: nowrap;
}
.home-sec6__p {
    display: block;
    margin-bottom: -5px;
    padding-left: 100%;
    font-size: clamp(50px, calc((150 / 1600) * 100vw), 150px);
    line-height: clamp(50px, calc((150 / 1600) * 100vw), 150px);
    letter-spacing: -1px;
    color: var(--color10);
    font-weight: var(--head-weight);
    animation: scroll-left 60s linear infinite;
    
}
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* SERVICES SEC 1 */
.services-sec1 {
    padding-top: clamp(25px, calc((80 / 1600) * 100vw), 80px);
    padding-bottom: clamp(30px, calc((101 / 1600) * 100vw), 101px);
}
.services-sec1__container {
    padding: clamp(32px, calc((86 / 1600) * 100vw), 86px) 8% clamp(15px, calc((63 / 1600) * 100vw), 63px);
    background-image: var(--gradient2);
}
.services-sec1__st {
    margin-bottom: clamp(1px, calc((14 / 1600) * 100vw), 14px);
    font-size: clamp(15px, calc((23 / 1600) * 100vw), 23px);
    color: var(--color-head);
}
.services-sec1__h {
    margin-bottom: 7px;
    font-size: clamp(30px, calc((60 / 1600) * 100vw), 60px);
}
.services-sec1__p {
    margin-bottom: 3px;
    font-size: clamp(15px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
}
.services-sec1__sub-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: clamp(36px, calc((60 / 1600) * 100vw), 60px) clamp(32px, calc((60 / 1600) * 100vw), 60px) clamp(20px, calc((43 / 1600) * 100vw), 43px);
    background-color: var(--color-light);
    border-radius: var(--border-radius);
    transition: var(--transition);
}
.services-sec1__sub-box-top{
   justify-content: flex-start;
}
.services-sec1__sub-logo {
    margin-bottom: clamp(19px, calc((33 / 1600) * 100vw), 33px);
    padding-bottom: clamp(22px, calc((46 / 1600) * 100vw), 46px);
    border-bottom: 1px solid var(--color6);
}
.services-sec1__sub-img img {
    height: clamp(27px, calc((40 / 1600) * 100vw), 40px);
    width: auto;
}
.services-sec1__sub-h {
    margin-bottom: clamp(12px, calc((16 / 1600) * 100vw), 16px);
    font-size: clamp(16px, calc((22 / 1600) * 100vw), 22px);
}
.services-sec1__sub-p {
    margin-bottom: clamp(18px, calc((29 / 1600) * 100vw), 29px);
    line-height: clamp(22px, calc((28 / 1600) * 100vw), 28px); 
    color: var(--color5);
}
.services-sec1__sub-btn {
    font-size: clamp(12px, calc((14 / 1600) * 100vw), 14px);
    color: var(--color-head);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    transition: var(--transition);
}
.services-sec1__sub-btn i {
    margin-left: 5px;
    color: var(--color-secondary);
}

/* SERVICE SEC 1 */
.service-sec1 {
    position: relative;
    padding-top: clamp(53px, calc((107 / 1600) * 100vw), 107px);
    padding-bottom: clamp(40px, calc((60 / 1600) * 100vw), 60px);
}
.service-sec1__element {
    top: 80%;
    left: -54%;
}
.service-sec1__element img {
    height: clamp(450px, calc((960 / 1600) * 100vw), 960px);
}
.service-sec1__st {
  margin-bottom: clamp(13px, calc((27 / 1600) * 100vw), 27px);
}
.service-sec1__h {
    margin-bottom: clamp(15px, calc((29 / 1600) * 100vw), 29px);
    font-size: clamp(26px, calc((40 / 1600) * 100vw), 40px);
    line-height: var(--h3-lh);
}
.service-sec1__p {
    font-size: clamp(17px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(22px, calc((35 / 1600) * 100vw), 35px);
}

/* SERVICE SEC 2 */
.service-sec2 {
    padding-top: 0;
    padding-bottom: clamp(32px, calc((65 / 1600) * 100vw), 65px);
}
.service-sec2__sub-box {
    height: 100%;
    padding: clamp(20px, calc((40 / 1600) * 100vw), 40px) clamp(26px, calc((52 / 1600) * 100vw), 52px) clamp(10px, calc((20 / 1600) * 100vw), 20px);
    background-color: var(--color-light);
    border: 1px solid var(--color15);
    border-radius: var(--border-radius);
}
.service-sec2__sub-col:nth-of-type(1) .service-sec2__sub-box,
.service-sec2__sub-col:nth-of-type(2) .service-sec2__sub-box {
    padding-bottom: clamp(22px, calc((45 / 1600) * 100vw), 45px);
}
.service-sec2__sub-row {
    margin-top: clamp(23px, calc((43 / 1600) * 100vw), 43px);
}
.service-sec2__sub-icon {
    height: clamp(47px, calc((95 / 1600) * 100vw), 95px);
}
.service-sec2__sub-icon img {
    max-height: clamp(34px, calc((68 / 1600) * 100vw), 68px);
    width: auto;
}
.service-sec2__sub-h {
    font-size: clamp(23px, calc((24 / 1600) * 100vw), 24px);
}
.service-sec2__sub-col:nth-of-type(1) .service-sec2__sub-h,
.service-sec2__sub-col:nth-of-type(2) .service-sec2__sub-h {
    font-size: clamp(23px, calc((27 / 1600) * 100vw), 27px);
}
.service-sec2__sub-col:not(:nth-of-type(1)):not(:nth-of-type(2)) .service-sec2__sub-p {
    font-size: clamp(15px, calc((17 / 1600) * 100vw), 17px);
}

/* SERVICE SEC 3 */
.service-sec3 {
    position: relative;
}
.service-sec3__container {
  padding: clamp(32px, calc((70 / 1600) * 100vw), 70px) 7% clamp(15px, calc((35 / 1600) * 100vw), 35px);
  background-image: var(--gradient2);
}
.service-sec3__element {
    top: -30%;
    left: 45%;
}
.service-sec3__element img {
    height: clamp(800px, calc((1600 / 1600) * 100vw), 1600px);
}
.service-sec3__st {
    margin-bottom: clamp(8px, calc((15 / 1600) * 100vw), 15px);
    color: var(--color-head);
}
.service-sec3__h {
    margin-bottom: clamp(9px, calc((19 / 1600) * 100vw), 19px);
    font-size: clamp(32px, calc((55 / 1600) * 100vw), 55px);
}
.service-sec3__p {
    font-size: clamp(18px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(28px, calc((32 / 1600) * 100vw), 32px);
}
.service-sec3__sub-box {
    height: 100%;
    padding: 45px 11% 32px;
    background-color: var(--color-light);
    border-radius: var(--border-radius);
}
.service-sec3__sub-icon {
    height: clamp(70px, calc((90 / 1600) * 100vw), 90px);
}
.service-sec3__sub-icon img {
    max-height: clamp(43px, calc((63 / 1600) * 100vw), 63px);
    width: auto;
}
.service-sec3__sub-h {
    padding-bottom: clamp(8px, calc((15 / 1600) * 100vw), 15px);
    font-size: clamp(18px, calc((23 / 1600) * 100vw), 23px);
    line-height: var(--h5-lh);
    border-bottom: 1px solid var(--color18);
}
.service-sec3__sub-p {
    color: var(--color5);
}

/* SERVICE SEC 4 */
.service-sec4 {
    padding-top: clamp(55px, calc((110 / 1600) * 100vw), 110px);
}
.service-sec4__st {
    margin-bottom: clamp(6px, calc((11 / 1600) * 100vw), 11px);
}
.service-sec4__h {
    margin-bottom: clamp(18px, calc((37 / 1600) * 100vw), 37px);
    font-size: clamp(30px, calc((46 / 1600) * 100vw), 46px);
    line-height: clamp(35px, calc((50 / 1600) * 100vw), 50px);
}
.service-sec4__p {
    line-height: clamp(23px, calc((27 / 1600) * 100vw), 27px);
    color: var(--color-head);
}
.service-sec4__p strong {
    display: inline-block;
    margin-bottom: clamp(5px, calc((9 / 1600) * 100vw), 9px);
    font-size: clamp(18px, calc((23 / 1600) * 100vw), 23px);
}
.service-sec4__p ul {
    padding-left: 50px;
    list-style: none;
}
.service-sec4__p ul li {
    position: relative;
}
.service-sec4__p ul li:not(:last-of-type) {
    margin-bottom: clamp(14px, calc((27 / 1600) * 100vw), 27px);
    padding-bottom: clamp(12px, calc((23 / 1600) * 100vw), 23px);
    border-bottom: 1px solid var(--color4);
}
.service-sec4__p ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    height: 31px;
    width: 31px;
    background-size: contain;
    background-image: url('/wp-content/uploads/2025/09/list-icon.webp');
}

/* SERVICE SEC 5 */
.service-sec5 {
  padding-top: clamp(3px, calc((7 / 1600) * 100vw), 7px);
  padding-bottom: 0;
}
.service-sec5__st {
  margin-bottom: clamp(1px, calc((3 / 1600) * 100vw), 3px);
}
.service-sec5__h {
  margin-bottom: clamp(15px, calc((30 / 1600) * 100vw), 30px);
}
.service-sec5__p {
    font-size: clamp(18px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(28px, calc((32 / 1600) * 100vw), 32px);
}
.service-sec5__sub-row {
    margin-top: clamp(6px, calc((12 / 1600) * 100vw), 12px);
}
.service-sec5__sub-box {
    height: 100%;
    padding: clamp(18px, calc((36 / 1600) * 100vw), 36px) 12% 0;
    background-color: var(--color-light);
    border: 1px solid var(--color15);
    border-radius: var(--border-radius);
}
.service-sec5__sub-st {
  margin-bottom: clamp(6px, calc((11 / 1600) * 100vw), 11px);
}
.service-sec5__sub-h {
    margin-bottom: clamp(6px, calc((12 / 1600) * 100vw), 12px);
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
}
.service-sec5__sub-p {
    font-size: clamp(14px, calc((16 / 1600) * 100vw), 16px);
    line-height: clamp(20px, calc((24 / 1600) * 100vw), 24px);
}

/* SERVICE SEC 6 */
.service-sec6 {
    padding-top: clamp(20px, calc((43 / 1600) * 100vw), 43px);
    padding-bottom: 0;
}
.service-sec6__h {
    margin-bottom: clamp(9px, calc((18 / 1600) * 100vw), 18px);
    font-size: clamp(26px, calc((40 / 1600) * 100vw), 40px);
}
.service-sec6__p {
    margin-bottom: clamp(16px, calc((32 / 1600) * 100vw), 32px);
}

/* SERVICE SEC 7 */
.service-sec7 {
    padding-top: clamp(40px, calc((95 / 1600) * 100vw), 95px);
}
.service-sec7 {
    padding-bottom: clamp(20px, calc((40 / 1600) * 100vw), 40px);
}
.service-sec7__sub-col {
    padding-right: calc(0.7rem * .5);
    padding-left: calc(0.7rem * .5);
}
.service-sec7__sub-box {
    height: 100%;
    padding: clamp(25px, calc((50 / 1600) * 100vw), 50px) 5% clamp(18px, calc((36 / 1600) * 100vw), 36px) 8%;
    background-color: var(--color-light);
    border: 1px solid var(--color15);
    border-radius: var(--border-radius);
}
.service-sec7__sub-h {
    margin-right: 6%;
    font-size: clamp(27px, calc((40 / 1600) * 100vw), 40px);
    line-height: clamp(27px, calc((40 / 1600) * 100vw), 40px);
}
.service-sec7__sub-p {
    font-size: clamp(15px, calc((19 / 1600) * 100vw), 19px);
    line-height: clamp(21px, calc((25 / 1600) * 100vw), 25px);
}

/* SERVICE SEC 8 */
.service-sec8 {
    position: relative;
}
.service-sec8__element {
    top: -10%;
    left: -53%;
}
.service-sec8__element img {
    height: clamp(510px, calc((1018 / 1600) * 100vw), 1018px);
}
.service-sec8__st {
    margin-bottom: clamp(9px, calc((18 / 1600) * 100vw), 18px);
}
.service-sec8__h {
    margin-bottom: clamp(16px, calc((31 / 1600) * 100vw), 31px);
}


/* SERVICE SEC 9 */
.service-sec9__container {
    padding-bottom: clamp(15px, calc((45 / 1600) * 100vw), 45px);
    background-image: var(--gradient2);
}
.service-sec9__st {
    margin-bottom: clamp(12px, calc((24 / 1600) * 100vw), 24px);
    color: var(--color-head);
}
.service-sec9__h {
    font-size: clamp(30px, calc((50 / 1600) * 100vw), 50px);
}
.service-sec9__p {
    max-width: 810px;
    font-size: clamp(18px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
}
.service-sec9__sub-box {
    height: 100%;
    padding: clamp(13px, calc((28 / 1600) * 100vw), 28px) 5% clamp(20px, calc((39 / 1600) * 100vw), 39px);
    border-radius: var(--border-radius);
    background-color: var(--color-light);
}
.service-sec9__sub-h {
    margin-top: clamp(10px, calc((20 / 1600) * 100vw), 20px);
    margin-bottom: clamp(8px, calc((16 / 1600) * 100vw), 16px);
    font-size: clamp(19px, calc((23 / 1600) * 100vw), 23px);
    line-height: var(--h5-lh);
}
.service-sec9__sub-p {
    font-size: clamp(14px, calc((16 / 1600) * 100vw), 16px);
    line-height: clamp(20px, calc((24 / 1600) * 100vw), 24px);
    color: var(--color5);
}
.service-sec9__sub-tb table {
    width: 100%;
}
.service-sec9__sub-tb table tr {
    border-top: 1px solid var(--color19);
}
.service-sec9__sub-tb table tr td {
    padding: clamp(6px, calc((11 / 1600) * 100vw), 11px) 0;
    font-size: clamp(14px, calc((16 / 1600) * 100vw), 16px);
    line-height: clamp(18px, calc((22 / 1600) * 100vw), 22px);
    color: var(--color5);
}
.service-sec9__sub-tb table tr td:last-of-type {
    text-align: end;
    color: var(--color-head);
}

/* SERVICE SEC 10 */
.service-sec10 {
    padding-top: clamp(44px, calc((87 / 1600) * 100vw), 87px);
    padding-bottom: clamp(14px, calc((27 / 1600) * 100vw), 27px);
}

/* POST HOME */
.post-home__wrapper {
    position: relative;
    padding-top: 0;
}
.post-home__element {
    top: 0;
    right: -50%;
}
.post-home__element img {
    height: clamp(550px, calc((880 / 1600) * 100vw), 880px);
}
.post-home__box {
    margin-bottom: clamp(1px, calc((34 / 1600) * 100vw), 34px);
    padding-bottom: clamp(13px, calc((54 / 1600) * 100vw), 54px);
    border-bottom: 1px solid var(--color9);
}
.post-home__box-st {
    margin-bottom: clamp(7px, calc((21 / 1600) * 100vw), 21px);
}
.post-home__box-h {
    margin-bottom: clamp(12px, calc((22 / 1600) * 100vw), 22px);
    font-size: clamp(30px, calc((60 / 1600) * 100vw), 60px);
    line-height: clamp(33px, calc((61 / 1600) * 100vw), 61px);
}
.post-home__box-p {
    font-size: clamp(15px, calc((20 / 1600) * 100vw), 20px);
    line-height: clamp(22px, calc((32 / 1600) * 100vw), 32px);
}
.post-home__box-btn {
    margin-top: clamp(10px, calc((25 / 1600) * 100vw), 25px);
}
.post-home__col{
    margin-bottom: 21px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--color9);
}
.post-home__cat {
    display: block;
    margin-bottom: 13px;
    font-size: clamp(15px, calc((16 / 1600) * 100vw), 16px);
    line-height: 18px;
    color: var(--color-secondary);
    font-weight: var(--weight-medium);
}
.post-home__h {
    font-size: clamp(20px, calc((27 / 1600) * 100vw), 27px);
    line-height: var(--h4-lh);
}
.post-home__p {
    margin-bottom: 17px;
    line-height: clamp(22px, calc((28 / 1600) * 100vw), 28px);
}
.post-home__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(45px, calc((70 / 1600) * 100vw), 70px);
    height: clamp(45px, calc((70 / 1600) * 100vw), 70px);
    margin-bottom: 0;
    border-radius: 50%;
    background-color: var(--color-secondary);
    transition: var(--transition);
}
.post-home__btn i {
    font-size: clamp(15px, calc((22 / 1600) * 100vw), 22px);
    color: var(--color-light);
}

@keyframes floatY {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-100px); }
    100% { transform: translateY(0); }
}

/* ABOUT SEC 1 */
.about-sec1 {
    position: relative;
    padding-top: clamp(20px, calc((50 / 1600) * 100vw), 50px);
    padding-bottom: clamp(30px, calc((60 / 1600) * 100vw), 60px);
}
.about-sec1__element {
    top: 35%;
    left: -54%;
}
.about-sec1__element img {
    height: clamp(450px, calc((960 / 1600) * 100vw), 960px);
}
.about-sec1__st {
  margin-bottom: clamp(7px, calc((25 / 1600) * 100vw), 25px);
}
.about-sec1__h {
    margin-bottom: clamp(11px, calc((30 / 1600) * 100vw), 30px);
}
.about-sec1__p {
    font-size: clamp(15px, calc((22 / 1600) * 100vw), 22px);
    line-height: clamp(24px, calc((35 / 1600) * 100vw), 35px);
}

/* ABOUT SEC 2 */
.about-sec2__container {
    padding-top: clamp(40px, calc((93 / 1600) * 100vw), 93px);
    padding-right: 5%;
    padding-bottom: clamp(40px, calc((90 / 1600) * 100vw), 90px);
    padding-left: 5%;
    background-image: var(--gradient2);
}
.about-sec2__img img {
    height: clamp(305px, calc((605 / 1600) * 100vw), 605px);
    width: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: var(--border-radius2);
}
.about-sec2__st {
  margin-bottom: clamp(7px, calc((16 / 1600) * 100vw), 16px);
}
.about-sec2__h {
    margin-bottom: clamp(18px, calc((35 / 1600) * 100vw), 35px);
    font-size: clamp(30px, calc((46 / 1600) * 100vw), 46px);
}
.about-sec2__p {
    font-size: clamp(15px, calc((19 / 1600) * 100vw), 19px);
    line-height: clamp(24px, calc((31 / 1600) * 100vw), 31px);
    color: var(--color13);
}

/* ABOUT SEC 3 */
.about-sec3 {
    padding-top: clamp(24px, calc((48 / 1600) * 100vw), 48px);
}
.about-sec3__st.st {
    margin-bottom: clamp(7px, calc((11 / 1600) * 100vw), 11px);
}
.about-sec3__h {
    margin-bottom: clamp(35px, calc((66 / 1600) * 100vw), 66px);
}
.about-sec3__sub-box {
    height: 100%;
    padding: clamp(20px, calc((40 / 1600) * 100vw), 40px) 12% clamp(14px, calc((27 / 1600) * 100vw), 27px);
    border: 1px solid var(--color15);
    border-radius: var(--border-radius);
}
.about-sec3__sub-img {
    height: clamp(60px, calc((85 / 1600) * 100vw), 85px);
}
.about-sec3__sub-img img {
    height: clamp(45px, calc((60 / 1600) * 100vw), 60px);
    width: auto;
}
.about-sec3__sub-h {
    margin-bottom: clamp(8px, calc((17 / 1600) * 100vw), 17px);
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
}
.about-sec3__sub-p {
    font-size: clamp(14px, calc((17 / 1600) * 100vw), 17px);
    line-height: clamp(23px, calc((27 / 1600) * 100vw), 27px);
}

/* CONTACT INTRO */
.contact-intro {
  padding-top: clamp(10px, calc((80 / 1600) * 100vw), 80px);
  padding-bottom: 0;
}
.contact-intro__sub-icon {
    width: clamp(63px, calc((73 / 1600) * 100vw), 73px);
}
.contact-intro__sub-icon img {
    height: clamp(40px, calc((52 / 1600) * 100vw), 52px);
    width: auto;
}
.contact-intro__sub-h {
    margin-top: clamp(1px, calc((6 / 1600) * 100vw), 6px);
    margin-bottom: clamp(14px, calc((28 / 1600) * 100vw), 28px);
    font-size: var(--h4-fs);
    line-height: var(--h4-lh);
}
.contact-intro__col:nth-of-type(2) .contact-intro__sub-h{
    margin-bottom: clamp(9px, calc((20 / 1600) * 100vw), 20px);
}
.contact-intro__sub-phone {
    font-size: clamp(22px, calc((33 / 1600) * 100vw), 33px);
    line-height: clamp(22px, calc((33 / 1600) * 100vw), 33px);
    color: var(--color-head);
}
.contact-intro__sub-email.link {
    font-size: clamp(16px, calc((19 / 1600) * 100vw), 19px);
    color: var(--color-secondary);
}
.contact-intro__sub-email.link::before {
    background-color: var(--color-secondary);
}
.contact-intro__sub-address {
    margin-bottom: clamp(1px, calc((6 / 1600) * 100vw), 6px);
    font-size: clamp(17px, calc((21 / 1600) * 100vw), 21px);
    line-height: clamp(21px, calc((32 / 1600) * 100vw), 32px);
}
.contact-intro__sub-address span {
    display: none;
}
.contact-intro__sub-get.link {
  color: var(--color-secondary);
}
.contact-intro__sub-get.link::before {
  background-color: var(--color-secondary);
}
/* CONTACT FORM */
.contact-form {
    position: relative;
    padding-top: clamp(10px, calc((80 / 1600) * 100vw), 80px);
    padding-bottom: clamp(70px, calc((130 / 1600) * 100vw), 130px);
}
.contact-form__element {
    top: -15%;
    right: -49%;
}
.contact-form__element img {
    height: clamp(470px, calc((950 / 1600) * 100vw), 950px);
}
.contact-form__container {
    padding-top: clamp(40px, calc((90 / 1600) * 100vw), 90px);
    padding-right: 7%;
    padding-bottom: clamp(31px, calc((57 / 1600) * 100vw), 57px);
    padding-left: 7%;
    background-image: var(--gradient2);
}
.contact-form__h {
    margin-bottom: clamp(21px, calc((41 / 1600) * 100vw), 41px);
    font-size: var(--h1-fs);
    line-height: var(--h1-lh);
    letter-spacing: -2px;
}
.contact-form__p {
    max-width: 620px;
    font-size: clamp(17px, calc((21 / 1600) * 100vw), 21px);
    line-height: clamp(21px, calc((32 / 1600) * 100vw), 32px);
    color: var(--color5);
}

/* MODAL */
.modal-content {
    overflow: hidden;
}
.modal-body {
    padding: 0;
}
.btn-close {
    position: absolute;
    right: 25px;
    top: 30px;
    z-index: 100;
}
.modal__top {
    padding: clamp(45px, calc((95 / 1600) * 100vw), 95px) 8% clamp(35px, calc((70 / 1600) * 100vw), 70px);
}
.modal__bottom {
    padding: clamp(25px, calc((50 / 1600) * 100vw), 50px) 8%;
    background-image: var(--gradient2);
}
.modal-contact__h {
    margin-bottom: clamp(30px, calc((45 / 1600) * 100vw), 45px);
    font-size: var(--h1-fs);
    line-height: var(--h1-lh);
}
.modal-contact__p {
    font-size: clamp(15px, calc((21 / 1600) * 100vw), 21px);
    line-height: clamp(25px, calc((32 / 1600) * 100vw), 32px);
    color: var(--color5);
}



/* why checks */
.about-sec5{
	padding-top: 0;
	padding-bottom: 100px;
}
.row-checks{
	border-bottom: 1px solid #dde0e6;
	padding-bottom: 30px;
}
.row-checks .item {
	padding-left: 70px;
	padding-right: 30px;
}
.row-checks .item .in{
	position: relative;
}
.row-checks .item .in .title{
	color: var(--color-head);
	font-weight: var(--head-weight);
	margin-bottom: clamp(8px, calc((17 / 1600) * 100vw), 17px);
	font-size: var(--h5-fs);
	line-height: var(--h5-lh);
}	
.row-checks .item .in .title-s{
	font-size: var(--h6-fs);
	line-height: var(--h6-lh);
}
.row-checks .item .in::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  height: 31px;
  width: 31px;
  background-size: contain;
  background-image: url('/wp-content/uploads/2025/09/list-icon.webp');
}


/* section-txt-left+photo */
.section-txt-left-photo .image{
	height: clamp(265px, calc((700 / 1600) * 100vw), 500px);
}
.section-txt-left-photo .in{
	padding-right: 50px;
}

/* stage */
.stage{
	border-bottom: 1px solid #dde0e6;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.stage-title{
	display: flex;
	flex:0 0 100%;
	flex-wrap: wrap;
}
.stage-title .icon{
	flex: 0 0 80px;
	text-align: left;
	display: flex;
	
}
.stage-title .icon img{
	margin: auto;
	margin-top: 7px;
	margin-left: 0;
	width: auto;
	height: auto;
}
.stage-title .txt{
	flex: 0 0 calc( 100% - 110px );
	
}
.stages .stage .title{
	font-size: var(--h3-fs);
	line-height: var(--h3-lh);
	font-weight: var(--head-weight);
	color: var(--color-head);
}
.stages .stage .title span{
	font-weight: 300;
}
.stages .stage .stage_num{
	font-size: clamp(14px, calc((20 / 1600) * 100vw), 29px);
	font-weight: var(--weight-semi-bold);
	color: var(--color-secondary);
	margin-bottom: 5px;
}
.stages .stage .txt{
}
.stages .stage .entry-content strong,
.stages .stage .entry-content b{
	color: var(--color3);
}
.stage .photo{
	border-radius: 20px;
	margin-left: 30px;
	overflow: hidden;
}
.stage .photo img{
	width: 100%;
	height: 100%; 
	object-fit:cover;
}




#videoModal .modal-content {
    border-radius: 12px;
}

#videoModal iframe,
#videoModal video {
    width: 100%;
    height: 100%;
}

.modal-dialog-video{
	width: 1200px !important;       /* docelowa szerokość */
    max-width: 90vw !important; 
}
.new-modal-video {
    width: 1200px !important;       /* docelowa szerokość */
    max-width: 90vw !important;     /* maksymalnie 90% szerokości ekranu */
    height: auto;        /* proporcjonalna wysokość */
    display: block;
    margin: 0 auto;      /* wyśrodkowanie w modal */
}
.hero-video{
	position: relative;
}
.hero-video .play-video{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -61px;
}
.hero-video .play-video i{
	color: var(--color-primary);
	font-size: 130px;
	transition-duration: 0.3s;
}
.hero-video .play-video i:hover{
	transform: scale(0.9);
}