:root{ --floens-font: "DM Sans", sans-serif; --floens-font2: "Plus Jakarta Sans", sans-serif; --floens-font3: "Quicksand", sans-serif; --floens-font4: "Manrope", sans-serif; --floens-text: #7A736A; --floens-text-rgb: 122, 115, 106; --floens-text-gray: #9A8B82; --floens-text-gray-rgb: 154, 139, 130; --floens-base: #C7844F; --floens-base-rgb: 199, 132, 79; --floens-base2: #8A5133; --floens-base2-rgb: 138, 81, 51; --floens-gray: #DED8D3; --floens-gray-rgb: 222, 216, 211; --floens-gray2: #837F7B; --floens-gray2-rgb: 131, 127, 123; --floens-gray3: #D7D3CB; --floens-gray3-rgb: 215, 211, 203; --floens-white: #ffffff; --floens-white-rgb: 255, 255, 255; --floens-white2: #F2EEEA; --floens-white2-rgb: 242, 238, 234; --floens-white3: #EBE3D9; --floens-white3-rgb: 235, 227, 217; --floens-white4: #F6F2EC; --floens-white4-rgb: 246, 242, 236; --floens-white5: #F1F2FD; --floens-white5-rgb: 241, 242, 253; --floens-black: #000000; --floens-black-rgb: 0, 0, 0; --floens-black2: #2B1E16; --floens-black2-rgb: 43, 30, 22; --floens-black3: #351C42; --floens-black3-rgb: 53, 28, 66; --floens-black4: #120C08; --floens-black4-rgb: 18, 12, 8; --floens-dark-light: #AA96B4; --floens-dark-light-rgb: 170, 150, 180; --floens-purple: #965995; --floens-purple-rgb: 150, 89, 149; --floens-orange: #E76100; --floens-orange-rgb: 231, 97, 0; --floens-fuchsia: #FF1C74; --floens-fuchsia-rgb: 255, 28, 116; --floens-blue: #6C1CD1; --floens-blue-rgb: 108, 28, 209; --floens-green: #59C36A; --floens-green-rgb: 89, 195, 106; --floens-yellow: #FCB720; --floens-yellow-rgb: 252, 183, 32; --floens-border-color: #DED8D3; --floens-border-color-rgb: 222, 216, 211; --section-space: 120px; --floens-letter-space: 0.1em; --floens-letter-space-xl: -1.65px; }body{ font-family: var(--floens-font, "DM Sans", sans-serif); color: var(--floens-text, #7A736A); font-size: 16px; line-height: 1.75; font-weight: 500; }a{ color: var(--floens-base, #C7844F); transition: all 400ms ease; }a,a:hover,a:focus,a:visited{ text-decoration: none; }::placeholder{ color: inherit; opacity: 1; }h1,h2,h3,h4,h5,h6{ font-family: var(--floens-font, "DM Sans", sans-serif); color: var(--floens-black2, #2B1E16); font-weight: bold; }@media (max-width: 575px){h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{ display: none; }}p{ font-family: var(--floens-font, "DM Sans", sans-serif); font-size: 16px; color: var(--floens-text, #7A736A); font-weight: 500; line-height: 1.75; }@media (max-width: 575px){p br{ display: none; }}::placeholder{ color: inherit; opacity: 1; }.section-space{ padding-top: var(--section-space, 120px); padding-bottom: var(--section-space, 120px); }@media (max-width: 767px){.section-space{ padding-top: 100px; padding-bottom: 100px; }}@media (max-width: 575px){.section-space{ padding-top: 80px; padding-bottom: 80px; }}.section-space-two{ padding-top: 111px; padding-bottom: var(--section-space, 120px); }@media (max-width: 767px){.section-space-two{ padding-top: 93px; padding-bottom: 100px; }}@media (max-width: 575px){.section-space-two{ padding-top: 74px; padding-bottom: 80px; }}.section-space-bottom{ padding-bottom: var(--section-space, 120px); }@media (max-width: 767px){.section-space-bottom{ padding-bottom: 100px; }}@media (max-width: 575px){.section-space-bottom{ padding-bottom: 80px; }}.container{ padding-left: 15px; padding-right: 15px; }@media (min-width: 1200px){.container{ max-width: 1200px; }}.row{ --bs-gutter-x: 30px; }.gutter-y-30{ --bs-gutter-y: 30px; }.gutter-y-40{ --bs-gutter-y: 40px; }.gutter-y-50{ --bs-gutter-y: 50px; }.gutter-y-60{ --bs-gutter-y: 60px; }.floens-btn{ display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--floens-base, #C7844F); color: var(--floens-white, #ffffff); font-size: 15px; font-weight: 700; font-family: var(--floens-font, "DM Sans", sans-serif); padding: 20px 20.5px; transition: 500ms; text-transform: uppercase; cursor: pointer; position: relative; overflow: hidden; text-align: center; padding-right: 75px; line-height: 1; z-index: 1; }@media (max-width: 575px){.floens-btn{ padding-top: 18px; padding-bottom: 18px; font-size: 14px; }}.floens-btn::before,.floens-btn::after{ content: ""; background-color: var(--floens-black2, #2B1E16); height: 50%; width: 0; position: absolute; transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; }.floens-btn::before{ top: 0; left: 0; right: auto; }.floens-btn::after{ bottom: 0; right: 0; left: auto; }.floens-btn:hover::before{ width: 100%; right: 0; left: auto; }.floens-btn:hover:after{ width: 100%; left: 0; right: auto; }.floens-btn span{ position: relative; top: 1px; color: inherit; }.floens-btn i{ position: relative; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 23.88px; color: inherit; transition: all 400ms ease; }.floens-btn i::after{ content: ""; width: 1px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; background-color: RGBA(var(--floens-white-rgb, 255, 255, 255), 0.3); transition: all 400ms ease; }.floens-btn--border{ background-color: transparent; border: 1px solid var(--floens-base, #C7844F); color: var(--floens-base, #C7844F); }.floens-btn--border::before,.floens-btn--border::after{ background-color: var(--floens-base, #C7844F); }.floens-btn--border i{ color: var(--floens-base, #C7844F); }.floens-btn--border i::after{ background-color: var(--floens-base, #C7844F); }.floens-btn--border:hover{ color: var(--floens-white, #ffffff); }.floens-btn--border:hover i{ color: var(--floens-white, #ffffff); }.floens-btn--border:hover i::after{ background-color: var(--floens-white, #ffffff); }@keyframes popupVideo{ 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } }.sec-title{ display: flex; align-items: flex-start; gap: 23px; }.sec-title--border{ padding-bottom: 29px; margin-bottom: 32px; border-bottom: 1px solid var(--floens-border-color, #DED8D3); }.sec-title__tagline{ position: relative; top: -21px; margin: 0; margin-top: 30px; font-family: var(--floens-font, "DM Sans", sans-serif); color: var(--floens-base2, #8A5133); font-weight: 500; font-size: 16px; line-height: 1; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }@media (max-width: 991px){.sec-title__tagline{ top: -22px; }}@media (max-width: 767px){.sec-title__tagline{ top: -23px; }}@media (max-width: 575px){.sec-title__tagline{ top: -24px; }}.sec-title__tagline::before{ content: ""; position: absolute; top: -26px; left: 0px; width: 16px; height: 16px; background-color: var(--floens-base2, #8A5133); }.sec-title__tagline::after{ content: ""; position: absolute; top: -20px; right: 0px; width: 10px; height: 10px; background-color: var(--floens-base, #C7844F); }.sec-title__title{ margin: 0; font-size: 55px; color: var(--floens-black2, #2B1E16); font-weight: bold; line-height: 1.09; letter-spacing: var(--floens-letter-space-xl, -1.65px); margin-bottom: 0; }@media (max-width: 1199px){.sec-title__title{ font-size: 45px; }}@media (max-width: 767px){.sec-title__title{ font-size: 40px; }}@media (max-width: 575px){.sec-title__title{ font-size: 35px; }}@media (max-width: 425px){.sec-title__title{ font-size: 33px; }}.sec-title--center{ display: block; text-align: center; }.sec-title--center .sec-title__tagline{ display: inline-block; margin: 0; margin-left: 27px; top: 0; writing-mode: horizontal-tb; transform: rotate(0deg); }.sec-title--center .sec-title__tagline::before{ top: -1px; left: -27px; }.sec-title--center .sec-title__tagline::after{ top: -1px; left: -21px; }.sec-title--center .sec-title__title{ margin-top: 4px; }.progress-box + .progress-box{ margin-top: 28px; }.progress-box__title{ font-size: 16px; line-height: 1; text-transform: capitalize; margin-bottom: 17px; }.progress-box__bar{ width: 100%; height: 6px; background-color: var(--floens-white2, #F2EEEA); position: relative; }.progress-box__bar__inner{ position: relative; position: absolute; height: 100%; left: 0; top: 0; background-color: var(--floens-base2, #8A5133); transition: all 1500ms linear; width: 0px; z-index: 1; }.experience{ position: absolute; min-width: 202px; padding: 10px; background-color: var(--floens-white, #ffffff); filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15)); z-index: 1; animation: zump 3s linear infinite; }@media (max-width: 575px){.experience{ min-width: 175px; }}.experience__inner{ display: flex; align-items: center; background-color: var(--floens-base, #C7844F); }.experience__year{ padding: 24px 20.5px; height: 100%; text-align: center; font-size: 55px; color: var(--floens-white, #ffffff); text-transform: capitalize; background-repeat: no-repeat; background-position: top; background-size: cover; margin-bottom: 0; }@media (max-width: 575px){.experience__year{ padding-top: 22px; padding-bottom: 22px; font-size: 45px; }}.experience__text{ transform: rotate(180deg); padding: 9px 0; font-size: 16px; color: var(--floens-white, #ffffff); font-weight: 700; line-height: 1.5; text-transform: uppercase; margin-bottom: 0; writing-mode: vertical-rl; }@media (max-width: 575px){.experience__text{ font-size: 13px; }}.experience__text br{ display: inline; }.blog-card{ padding: 56px 30px 52px; position: relative; background-color: var(--floens-white, #ffffff); border: 1px solid var(--floens-border-color, #DED8D3); transition: all 400ms ease; }.blog-card:hover{ border-color: var(--floens-base, #C7844F); }@media (max-width: 375px){.blog-card{ padding: 51px 25px 52px; }}.blog-card__image{ position: relative; overflow: hidden; margin-bottom: 13px; }.blog-card__image img{ transition: 0.5s; display: block; width: 100%; }.blog-card__image__link{ display: flex; width: 100%; height: 100%; background-color: rgba(var(--floens-black-rgb, 0, 0, 0), 0.5); position: absolute; top: 0; left: 0; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; }.blog-card__image__link::before,.blog-card__image__link::after{ content: ""; width: 25px; height: 2px; background-color: var(--floens-white, #ffffff); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.blog-card__image__link::after{ transform: translate(-50%, -50%) rotate(90deg); }.blog-card:hover .blog-card__image > a{ opacity: 1; transform: translateY(0); }.blog-card:hover .blog-card__image img{ transform: scale(1.1); }.blog-card__content{ position: relative; transition: all 500ms ease; }.blog-card__title{ font-size: 24px; line-height: normal; letter-spacing: -0.72px; margin-bottom: 17px; text-transform: capitalize; }.blog-card__title:hover{ color: var(--floens-base, #C7844F); }@media (max-width: 1199px){.blog-card__title{ font-size: 20px; }}.blog-card__title a{ color: inherit; text-decoration-color: currentColor; transition: all 500ms ease; }.blog-card__title a:hover{ background-size: 100% 1px; }.blog-card--three{ padding: 0; background-color: transparent; border: 0; }.blog-card--three:hover{ border: 0; }@media (max-width: 375px){.blog-card--three{ padding: 0; }}.blog-card--three .blog-card__image{ margin-bottom: 0px; }.blog-card--three .blog-card__image__link::before,.blog-card--three .blog-card__image__link::after{ top: 35%; }.blog-card--three .blog-card__content{ padding: 23px 29px 30px 30px; position: relative; position: absolute; right: 0; bottom: 0; width: calc(100% - 30px); background-color: var(--floens-white2, #F2EEEA); }@media (max-width: 375px){.blog-card--three .blog-card__content{ width: calc(100% - 25px); }}.blog-card--three .blog-card__title{ position: relative; margin-bottom: 24px; }@media (max-width: 375px){.blog-card--three .blog-card__title{ font-size: 18px; }}.blog-card--three .blog-card__title::before{ content: ""; width: 5px; height: calc(100% - 14px); position: absolute; top: 50%; left: -30px; transform: translateY(-50%); background-color: var(--floens-base, #C7844F); }.blog-three{ padding-bottom: 20px; background-color: var(--floens-white, #ffffff); }@media (max-width: 767px){.blog-three{ padding-bottom: 0; }}.blog-three .sec-title{ width: 100%; max-width: 511px; margin: 0 auto 60px; }@keyframes bubbleMover{ 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(100px) rotate(45deg); transform: translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } }@keyframes shapeMover{ 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); } }@keyframes banner3Shake{ 0% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } 30% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 60% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } }@keyframes rectMove{ 0%, 50%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale(0); transform: scale(0); } }@keyframes squareMover{ 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20%, 60% { -webkit-transform: translate(20px, 40px) rotate(180deg); transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { -webkit-transform: translate(40px, 60px) rotate(0deg); transform: translate(40px, 60px) rotate(0deg); } }@keyframes treeMove{ 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } }@keyframes leafMove{ 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(-2deg) translateX(5px); } 50% { transform: rotate(-4deg) translateX(10px); } }@keyframes messageMove{ 0%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } 50% { transform: translateX(10px); } }@keyframes textRotate{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes flowerRotate{ 0%, 100% { transform: rotate(0deg); } 25%, 75% { transform: rotate(5deg); } 50% { transform: rotate(10deg); } }@keyframes zump{ 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } }@keyframes zumpBottom{ 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } }@keyframes moveHorizontal{ 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } }@keyframes rotate{ 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }@keyframes wobble-horizontal-hover{ 16.65% { transform: translateX(5px); } 33.3% { transform: translateX(-3px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } }.main-footer{ position: relative; background-color: var(--floens-black2, #2B1E16); }.main-footer .container{ position: relative; z-index: 1; }@keyframes scroll{ 0% { transform: translate(-50%, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(-50%, 20px); opacity: 0; } 100% { opacity: 0; } }.main-slider-three{ position: relative; }.main-slider-three__border-top{ position: absolute; width: calc(100% - 60px); height: 1px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); background-color: rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); z-index: 1; }@media (max-width: 575px){.main-slider-three__border-top{ width: calc(100% - 20px); top: 10px; }}.main-slider-three__border-left,.main-slider-three__border-right{ position: absolute; height: calc(100% - 60px); width: 1px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); z-index: 1; }@media (max-width: 575px){.main-slider-three__border-left,.main-slider-three__border-right{ height: calc(100% - 20px); }}.main-slider-three__border-right{ right: 30px; }@media (max-width: 575px){.main-slider-three__border-right{ right: 10px; }}.main-slider-three__border-left{ left: 30px; }@media (max-width: 575px){.main-slider-three__border-left{ left: 10px; }}.main-slider-three__border-bottom{ position: relative; position: absolute; width: calc(100% - 60px); height: 1px; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 1; }@media (max-width: 575px){.main-slider-three__border-bottom{ width: calc(100% - 20px); bottom: 10px; }}.main-slider-three__border-bottom::before{ content: ""; width: calc(50% - 83px); height: 1px; position: absolute; left: 0; bottom: 0; background-color: rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); }@media (max-width: 575px){.main-slider-three__border-bottom::before{ width: calc(50% - 83px); }}.main-slider-three__border-bottom::after{ content: ""; width: calc(50% - 83px); height: 1px; position: absolute; right: 0; bottom: 0; background-color: rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); }@media (max-width: 575px){.main-slider-three__border-bottom::after{ width: calc(50% - 83px); }}.main-slider-three__border-bottom__inner{ position: absolute; top: -53px; left: 50%; transform: translateX(-50%); width: 167px; height: 54px; border-top: 1px solid rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); border-right: 1px solid rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); border-left: 1px solid rgba(var(--floens-white2-rgb, 242, 238, 234), 0.3); }@media (max-width: 575px){.main-slider-three__border-bottom__inner{ height: 44px; top: -43px; }}.main-slider-three__item{ padding-top: 258px; padding-bottom: 243px; position: relative; }@media (max-width: 991px){.main-slider-three__item{ padding-top: 248px; padding-bottom: 243px; }}@media (max-width: 767px){.main-slider-three__item{ padding-top: 225px; padding-bottom: 220px; }}@media (max-width: 575px){.main-slider-three__item{ padding-top: 185px; padding-bottom: 190px; }}@media (max-width: 435px){.main-slider-three__item{ padding-top: 165px; padding-bottom: 170px; }}.main-slider-three__bg{ position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top; background-size: cover; transform: scale(1); transition: transform 6s ease; }.main-slider-three__bg::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--floens-black-rgb, 0, 0, 0), 0.5); }.main-slider-three .container{ position: relative; z-index: 11; }.main-slider-three__content{ width: 100%; max-width: 864px; margin-left: auto; margin-right: auto; text-align: center; }.main-slider-three__circle-text{ position: relative; width: 112px; height: 112px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 11; margin-bottom: 30px; opacity: 0; transform: translateY(-100px); transition: transform 2s ease; }.main-slider-three__title{ font-size: 90px; color: var(--floens-white, #ffffff); line-height: 1; text-transform: uppercase; margin-bottom: 35px; letter-spacing: 2.7px; transform: translateY(120px); opacity: 0; transition: transform 2s ease; }@media (max-width: 1799px){.main-slider-three__title{ font-size: 80px; }}@media (max-width: 1599px){.main-slider-three__title{ font-size: 70px; }}@media (max-width: 1199px){.main-slider-three__title{ font-size: 55px; }}@media (max-width: 767px){.main-slider-three__title{ font-size: 45px; }}@media (max-width: 575px){.main-slider-three__title{ font-size: 40px; }}@media (max-width: 425px){.main-slider-three__title{ font-size: 35px; }}.main-slider-three__btn{ transform: translateY(120px); opacity: 0; transition: transform 2s ease; }.about-three{ position: relative; background-color: var(--floens-white, #ffffff); }.about-three__image{ padding-right: 30px; }@media (max-width: 1199px){.about-three__image{ padding-right: 15px; }}@media (max-width: 991px){.about-three__image{ padding-right: 0; padding-left: 20px; margin-bottom: 20px; }}.about-three__image__inner{ position: relative; width: 100%; max-width: 540px; z-index: 1; }.about-three__image__inner::before{ content: ""; position: absolute; left: -85px; bottom: -39px; width: calc(100% - 70px); height: calc(100% - 78px); border: 1px solid var(--floens-border-color, #DED8D3); z-index: -1; }@media (max-width: 1199px){.about-three__image__inner::before{ left: -20px; bottom: -20px; }}.about-three__image__one{ width: 100%; display: block; }.about-three__image__two{ position: absolute; right: 30px; bottom: 0; width: 71.4%; z-index: 1; }.about-three__image__three{ position: absolute; top: 0; left: 0; width: 176px; height: 176px; border: 10px solid var(--floens-white, #ffffff); z-index: 1; }@media (max-width: 575px){.about-three__image__three{ width: 150px; height: 150px; }}@media (max-width: 425px){.about-three__image__three{ width: 130px; height: 130px; }}@media (max-width: 390px){.about-three__image__three{ width: 110px; height: 110px; }}@media (max-width: 360px){.about-three__image__three{ width: 90px; height: 90px; }}.about-three__image__shape{ position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: calc(100% - 110px); height: 215px; background-color: rgba(var(--floens-base-rgb, 199, 132, 79), 0.5); border-radius: 500px 500px 0 0; animation: moveHorizontal 1500ms infinite alternate; }@media (max-width: 767px){.about-three__image__shape{ height: 180px; }}@media (max-width: 575px){.about-three__image__shape{ height: 160px; }}@media (max-width: 425px){.about-three__image__shape{ height: 120px; }}@media (max-width: 390px){.about-three__image__shape{ height: 100px; }}@media (max-width: 360px){.about-three__image__shape{ height: 80px; }}.about-three__content{ margin-top: -8px; }.about-three .sec-title{ margin-bottom: 29px; }.about-three__client{ padding: 29px 0; border-top: 1px solid var(--floens-border-color, #DED8D3); border-bottom: 1px solid var(--floens-border-color, #DED8D3); display: flex; align-items: center; gap: 30px; margin-bottom: 22px; }.about-three__text{ margin-bottom: 29px; }.about-three__progress{ margin-bottom: 40px; }.about-three__shape-image{ position: absolute; left: 151px; bottom: 44px; z-index: 1; animation: zump 2s linear infinite; }@media (max-width: 1799px){.about-three__shape-image{ left: 52px; }}@media (max-width: 1699px){.about-three__shape-image{ left: 20px; }}@media (max-width: 1399px){.about-three__shape-image{ display: none; }}.contact-one{ position: relative; background-color: var(--floens-white2, #F2EEEA); }.contact-one__bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: luminosity; }.contact-one .container{ position: relative; z-index: 1; }.contact-one__content{ margin-top: 21px; }@media (max-width: 991px){.contact-one__content{ margin-top: 0; }}.contact-one .sec-title{ padding-bottom: 29px; margin-bottom: 32px; }.contact-one__text{ margin-bottom: 31px; }.contact-one__info{ padding: 30px; position: relative; background-color: var(--floens-black2, #2B1E16); overflow: hidden; }.contact-one__info__bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }.contact-one__info__content{ position: relative; z-index: 11; }.contact-one__info__image{ position: absolute; right: 0; bottom: 0; z-index: 1; animation: zumpBottom 2s linear infinite; }.contact-one__form{ position: relative; margin-left: 30px; padding: 40px; background-color: var(--floens-white, #ffffff); z-index: 11; }@media (max-width: 991px){.contact-one__form{ margin-left: 0; }}@media (max-width: 500px){.contact-one__form{ padding: 30px; }}.contact-one__image-one{ clip-path: polygon(30% 0, 100% 0, 68% 100%, 0% 100%); position: absolute; top: 0; left: -185px; }@media (max-width: 1799px){.contact-one__image-one{ left: -200px; }}@media (max-width: 1599px){.contact-one__image-one{ left: -305px; }}@media (max-width: 1399px){.contact-one__image-one{ display: none; }}.contact-one__image-two{ position: absolute; right: -300px; bottom: 0; width: 827px; height: 662px; clip-path: polygon(30% 0, 100% 0%, 67% 100%, 0% 100%); }@media (max-width: 991px){.contact-one__image-two{ height: 600px; }}@media (max-width: 767px){.contact-one__image-two{ display: none; }}@keyframes shapeMove{ 0%, 100% { transform: translateX(0px); } 50% { transform: translateX(10px); } }.testimonials-card-three{ padding: 40px; margin-bottom: -17px; display: flex; align-items: start; gap: 52px; }@media (max-width: 991px){.testimonials-card-three{ flex-direction: column; margin-bottom: -9px; }}@media (max-width: 575px){.testimonials-card-three{ padding: 30px; }}@media (max-width: 375px){.testimonials-card-three{ padding: 25px; }}.testimonials-card-three__left{ flex: 0 0 auto; width: 46.7%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }@media (max-width: 991px){.testimonials-card-three__left{ width: 100%; }}@media (max-width: 575px){.testimonials-card-three__left{ grid-template-columns: repeat(1, 1fr); }}.testimonials-card-three__right{ flex: 0 0 auto; width: 50%; }@media (max-width: 991px){.testimonials-card-three__right{ width: 100%; }}.testimonials-card-three__quotes{ display: flex; align-items: center; justify-content: center; background-color: var(--floens-white2, #F2EEEA); }@media (max-width: 575px){.testimonials-card-three__quotes{ padding: 50px 0; }}.testimonials-card-three__quotes__icon{ width: 145px; height: 106px; }@media (max-width: 1199px){.testimonials-card-three__quotes__icon{ width: 120px; }}@media (max-width: 991px){.testimonials-card-three__quotes__icon{ width: 145px; }}@media (max-width: 767px){.testimonials-card-three__quotes__icon{ width: 120px; }}.testimonials-card-three__quotes__icon path:nth-child(1),.testimonials-card-three__quotes__icon path:nth-child(2){ fill: var(--floens-base2, #8A5133); }.testimonials-card-three__quotes__icon path:nth-child(3),.testimonials-card-three__quotes__icon path:nth-child(4){ stroke: var(--floens-base, #C7844F); }.testimonials-card-three__text{ font-size: 20px; line-height: 1.7; margin-bottom: 23px; }@media (max-width: 767px){.testimonials-card-three__text{ font-size: 18px; }}@media (max-width: 425px){.testimonials-card-three__text{ font-size: 16px; }}.testimonials-card-three__name{ font-size: 18px; line-height: 1.666; letter-spacing: -0.36px; text-transform: uppercase; margin-bottom: -5px; }@media (max-width: 767px){.testimonials-card-three__name{ font-size: 16px; }}.testimonials-card-three__designation{ font-size: 14px; color: var(--floens-text, #7A736A); font-weight: 500; line-height: 1; letter-spacing: -0.28px; text-transform: capitalize; }.testimonials-three{ background-color: var(--floens-white, #ffffff); }.testimonials-three__wrapper{ border: 1px solid var(--floens-border-color, #DED8D3); }.testimonials-three .sec-title{ width: 100%; max-width: 686px; padding: 0 40px; margin-top: 54px; margin-bottom: 60px; margin: 54px auto 60px; }@media (max-width: 575px){.testimonials-three .sec-title{ padding: 0 30px; }}@media (max-width: 375px){.testimonials-three .sec-title{ padding: 0 25px; }}.gallery-slide{ margin-top: -358px; background-color: transparent; }.gallery-slide__inner{ position: relative; z-index: 11; margin-right: -385px; }@media (max-width: 425px){.gallery-slide__inner{ margin-bottom: -130px; }}.gallery-one__card{ position: relative; overflow: hidden; background-color: var(--floens-black, #000000); }.gallery-one__card img{ transform: scale(1); display: block; width: 100%; transition: transform 500ms ease, opacity 500ms ease; opacity: 1; }.gallery-one__card__hover{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: rgba(var(--floens-black2-rgb, 43, 30, 22), 0.8); display: flex; justify-content: center; align-items: center; transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center; }.gallery-one__card__hover .img-popup{ position: relative; }.gallery-one__card:hover img{ transform: scale(1.05); opacity: 0.9; mix-blend-mode: screen; }.gallery-one__card:hover .gallery-one__card__hover{ transform-origin: top center; transform: scale(1, 1); }.gallery-one__card__icon{ width: 52px; height: 52px; display: block; position: relative; background-color: var(--floens-base, #C7844F); border-radius: 50%; transition: all 400ms ease; }.gallery-one__card__icon:hover{ background-color: var(--floens-white, #ffffff); }@media (max-width: 767px){.gallery-one__card__icon{ width: 42px; height: 42px; }}.gallery-one__card__icon::after,.gallery-one__card__icon::before{ content: ""; width: 2px; height: 20px; background-color: var(--floens-white, #ffffff); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 400ms ease; }@media (max-width: 767px){.gallery-one__card__icon::after,.gallery-one__card__icon::before{ height: 15px; }}.gallery-one__card__icon::after{ transform: translate(-50%, -50%) rotate(90deg); }.gallery-one__card__icon:hover::before,.gallery-one__card__icon:hover::after{ background-color: var(--floens-base, #C7844F); }.reliable-one{ position: relative; z-index: 1; background-color: var(--floens-white, #ffffff); padding-top: 221px; }@media (max-width: 767px){.reliable-one{ padding-top: 201px; }}@media (max-width: 575px){.reliable-one{ padding-top: 181px; }}@media (max-width: 490px){.reliable-one{ padding-top: 151px; }}.reliable-one__image{ margin-left: 31px; position: relative; width: 100%; max-width: 338px; }@media (max-width: 991px){.reliable-one__image{ margin-left: 40px; }}@media (max-width: 490px){.reliable-one__image{ max-width: 280px; }}@media (max-width: 375px){.reliable-one__image{ margin-left: 15px; }}@media (max-width: 360px){.reliable-one__image{ max-width: 245px; }}.reliable-one__image::before,.reliable-one__image::after{ content: ""; width: 100%; height: 100%; position: absolute; border: 1px solid var(--floens-border-color, #DED8D3); }@media (max-width: 490px){.reliable-one__image::before,.reliable-one__image::after{ display: none; }}.reliable-one__image::before{ top: -64px; right: -99px; }@media (max-width: 1199px){.reliable-one__image::before{ right: -19px; }}.reliable-one__image::after{ top: -34px; right: -129px; }@media (max-width: 1199px){.reliable-one__image::after{ right: -49px; }}.reliable-one__image img{ position: relative; width: 100%; display: block; z-index: 1; }.reliable-one__image__inner{ position: relative; position: absolute; top: -101px; right: -170px; width: 100%; max-width: 276px; }@media (max-width: 1199px){.reliable-one__image__inner{ right: -55px; }}@media (max-width: 490px){.reliable-one__image__inner{ max-width: 240px; right: -45px; }}@media (max-width: 425px){.reliable-one__image__inner{ max-width: 215px; top: -70px; right: -25px; }}.reliable-one__image__three{ width: auto !important; position: absolute !important; left: -48px; bottom: 0; }@media (max-width: 1199px){.reliable-one__image__three{ left: -50px; }}@media (max-width: 490px){.reliable-one__image__three{ width: 330px !important; }}@media (max-width: 425px){.reliable-one__image__three{ width: 260px !important; left: -35px; }}.reliable-one__experience{ left: -61px; bottom: 29px; }@media (max-width: 1399px){.reliable-one__experience{ left: -30px; }}@media (max-width: 1199px){.reliable-one__experience{ left: -40px; }}@media (max-width: 375px){.reliable-one__experience{ left: -20px; }}.reliable-one__content{ margin-top: -14px; padding-left: 28px; }@media (max-width: 1199px){.reliable-one__content{ padding-left: 15px; }}@media (max-width: 991px){.reliable-one__content{ margin-top: 0; padding-left: 0px; }}.reliable-one .sec-title{ margin-bottom: 22px; }.reliable-one__text{ margin-bottom: 34px; }@media (max-width: 490px){.reliable-one--home-three{ padding-top: 181px; }}@media (max-width: 425px){.reliable-one--home-three{ padding-top: 280px; }}.work-process{ position: relative; background-color: var(--floens-white, #ffffff); }.work-process__container-top{ position: relative; z-index: 1; }.work-process .sec-title{ width: 100%; max-width: 600px; margin: 0 auto 48px; }.work-process__container{ position: relative; }.work-process .row{ position: relative; z-index: 1; }.work-process__item{ display: table; }@media (max-width: 991px){.work-process__item{ display: block; }}.work-process__item--two{ margin-top: 153px; margin-left: 19px; }@media (max-width: 1199px){.work-process__item--two{ margin-top: 110px; margin-left: 0; }}@media (max-width: 991px){.work-process__item--two{ margin: 0; }}.work-process__item--three{ margin-left: auto; margin-right: 16px; }@media (max-width: 1199px){.work-process__item--three{ margin-left: 0; margin-right: 0; }}.work-process__item--four{ margin-top: 214px; margin-left: auto; }@media (max-width: 1199px){.work-process__item--four{ margin-top: 172px; margin-left: 0; }}@media (max-width: 991px){.work-process__item--four{ margin: 0; }}.work-process__image{ width: 214px; height: 214px; padding: 18px; background-color: var(--floens-white2, #F2EEEA); border-radius: 50%; margin-bottom: 13px; }@media (max-width: 1199px){.work-process__image{ width: 205px; height: 205px; }}@media (max-width: 991px){.work-process__image{ width: 214px; height: 214px; margin-left: auto; margin-right: auto; }}.work-process__image__inner{ width: 178px; height: 178px; border-radius: 50%; overflow: hidden; margin-left: auto; margin-right: auto; }@media (max-width: 1199px){.work-process__image__inner{ width: 169px; height: 169px; }}@media (max-width: 991px){.work-process__image__inner{ width: 178px; height: 178px; }}.work-process__image img{ width: 178px; height: 178px; border-radius: 50%; margin-left: auto; margin-right: auto; transition: all 500ms ease; }@media (max-width: 1199px){.work-process__image img{ width: 169px; height: 169px; }}@media (max-width: 991px){.work-process__image img{ width: 178px; height: 178px; }}.work-process__item:hover .work-process__image img{ transform: scale(1.1); }.work-process__content{ text-align: center; }.work-process__title{ font-size: 24px; color: var(--floens-black2, #2B1E16); font-weight: 400; line-height: 1.333; letter-spacing: -0.72px; text-transform: capitalize; margin-bottom: 3px; }@media (max-width: 1199px){.work-process__title{ font-size: 22px; }}.work-process__step{ padding: 5px 10.5px; font-size: 14px; color: var(--floens-base2, #8A5133); font-weight: 700; line-height: 1.142; letter-spacing: -0.42px; text-transform: capitalize; border-radius: 1000px; border: 1px solid var(--floens-border-color, #DED8D3); background-color: var(--floens-white, #ffffff); transition: all 500ms ease; }.work-process__item:hover .work-process__step{ color: var(--floens-white, #ffffff); background-color: var(--floens-base2, #8A5133); border-color: var(--floens-base2, #8A5133); }.work-process__shape-three{ width: 100%; max-width: 1011px; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); animation: moveBottom 2s linear infinite; }@media (max-width: 1199px){.work-process__shape-three{ top: 25%; max-width: 870px; }}@media (max-width: 991px){.work-process__shape-three{ display: none; }}@keyframes moveBottom{ 0% { -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } 50% { -webkit-transform: translateX(-50%) translate3d(0, 10px, 0); transform: translateX(-50%) translate3d(0, 10px, 0); } 100% { -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } }.work-process__shape-one{ position: absolute; top: 255px; right: -25px; }@media (max-width: 1599px){.work-process__shape-one{ top: 270px; }}.work-process__shape-two{ position: absolute; left: -38px; bottom: 303px; }@media (max-width: 1599px){.work-process__shape-two{ bottom: 200px; }}.service-card-two{ padding: 30px; position: relative; overflow: hidden; background-color: var(--floens-white, #ffffff); box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.1); }@media (max-width: 375px){.service-card-two{ padding: 20px; }}.service-card-two__bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: var(--floens-black2, #2B1E16); background-repeat: no-repeat; background-position: bottom; background-size: cover; transition: all 500ms ease; }.service-card-two:hover .service-card-two__bg{ top: 0; height: 100%; }.service-card-two__image{ position: relative; margin-bottom: 27px; z-index: 1; overflow: hidden; }.service-card-two__image img{ display: block; width: 100%; transition: all 500ms ease; }.service-card-two:hover .service-card-two__image img{ transform: scale(1.1); }.service-card-two__content{ position: relative; overflow: hidden; z-index: 1; }.service-card-two__title{ font-size: 24px; line-height: 1; letter-spacing: -0.72px; text-transform: capitalize; margin-bottom: 9px; }@media (max-width: 991px){.service-card-two__title{ font-size: 22px; }}@media (max-width: 575px){.service-card-two__title{ font-size: 20px; }}.service-card-two__title a{ text-decoration-color: currentColor; transition: all 500ms ease; color: inherit; transition: all 500ms ease; }.service-card-two__title a:hover{ background-size: 100% 1px; }.service-card-two:hover .service-card-two__title{ color: var(--floens-white, #ffffff); }.service-card-two__bottom{ display: flex; align-items: center; gap: 40px 10px; flex-wrap: wrap; justify-content: space-between; }.service-card-two__link{ color: var(--floens-base, #C7844F); top: 13px; padding: 0 70px 0 0; background-color: transparent; margin-left: -149px; transition: all 500ms ease; }.service-card-two__link:hover{ color: var(--floens-white, #ffffff); }@media (max-width: 575px){.service-card-two__link{ font-size: 13px; margin-left: -134px; }}.service-card-two__link::before,.service-card-two__link::after{ display: none; }.service-card-two__link i{ color: var(--floens-base, #C7844F); }.service-card-two__link i::after{ background-color: RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }.service-card-two__link:hover i{ color: var(--floens-white, #ffffff); }.service-card-two__link:hover i::after{ background-color: RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.7); }.service-card-two:hover .service-card-two__link{ margin-left: 0; }.service-card-two__icon{ font-size: 50px; color: var(--floens-base, #C7844F); transition: all 500ms ease; }@media (max-width: 1199px){.service-card-two__icon{ font-size: 40px; }}.service-card-two:hover .service-card-two__icon{ color: var(--floens-white, #ffffff); }.services-three{ position: relative; padding-top: 111px; background-color: var(--floens-white2, #F2EEEA); }@media (max-width: 767px){.services-three{ padding-top: 93px; padding-bottom: 100px; }}@media (max-width: 575px){.services-three{ padding-top: 73px; padding-bottom: 80px; }}.services-three__bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top; background-size: cover; mix-blend-mode: luminosity; }.services-three .container{ position: relative; z-index: 1; }.services-three__top{ margin-bottom: 50px; }.services-three__top__button{ text-align: right; }.services-three__inner{ position: relative; background-repeat: no-repeat; background-position: top; background-size: cover; padding: 60px 60px 343px; }@media (max-width: 991px){.services-three__inner{ padding: 40px 40px 343px; }}@media (max-width: 767px){.services-three__inner{ padding-top: 80px; padding-bottom: 80px; }}.services-three__inner::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: RGBA(var(--floens-base-rgb, 199, 132, 79), 0.9); }.services-three__inner__wrapper{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 60px 40px; z-index: 1; }@media (max-width: 767px){.services-three__inner__wrapper{ flex-direction: column; }}.projects-three{ padding-top: 114px; padding-bottom: 358px; position: relative; }@media (max-width: 767px){.projects-three{ padding-top: 94px; }}@media (max-width: 575px){.projects-three{ padding-top: 74px; }}.projects-three__bg{ position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top; background-size: cover; }.projects-three__bg::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: RGBA(var(--floens-black4-rgb, 18, 12, 8), 0.85); }.projects-three .container{ position: relative; z-index: 11; }.projects-three__top{ margin-bottom: 50px; padding-bottom: 26px; border-bottom: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }.projects-three__top__button{ text-align: right; }.projects-three .sec-title__tagline,.projects-three .sec-title__title{ color: var(--floens-white, #ffffff); }.projects-three__grid{ display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 120px; }@media (max-width: 767px){.projects-three__grid{ grid-row-gap: 30px; grid-template-columns: repeat(3, 1fr); margin-bottom: 100px; }}@media (max-width: 575px){.projects-three__grid{ grid-template-columns: repeat(2, 1fr); margin-bottom: 80px; }}@media (max-width: 460px){.projects-three__grid{ grid-template-columns: repeat(1, 1fr) !important; }}.projects-three__card{ position: relative; padding: 20px 20px 30px 20px; min-height: 457px; border-right: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); transition: all 500ms ease; }.projects-three__card:hover{ border-color: transparent; }.projects-three__card:first-child{ border-left: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }@media (max-width: 767px){.projects-three__card--three{ border-right: 0; border-left: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }}@media (max-width: 991px){.projects-three__card--four{ border-left: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }}@media (max-width: 767px){.projects-three__card--five{ border-left: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }}@media (max-width: 460px){.projects-three__card{ border: 0; border-right: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); border-left: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); }}.projects-three__card__bg{ width: 100%; height: 0; position: relative; position: absolute; left: 0; bottom: 0; background-repeat: no-repeat; background-position: top; background-size: cover; transition: all 500ms ease; }.projects-three__card__bg::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, #C7844F 0%, rgba(199, 132, 79, 0) 100%); }.projects-three__card:hover .projects-three__card__bg{ top: 0; height: 100%; }.projects-three__card__content{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }.projects-three__card__tagline{ display: inline-block; position: relative; padding: 8px 10px 6px; font-size: 14px; color: var(--floens-white, #ffffff); line-height: 1.14; text-transform: uppercase; margin-bottom: 0; background-color: transparent; border: 1px solid RGBA(var(--floens-white2-rgb, 242, 238, 234), 0.2); overflow: hidden; z-index: 1; transition: all 500ms ease; }.projects-three__card__tagline::after{ content: ""; z-index: -1; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; background-color: var(--floens-white, #ffffff); transition-duration: 1000ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }.projects-three__card:hover .projects-three__card__tagline{ color: var(--floens-base2, #8A5133); border-color: var(--floens-white, #ffffff); }.projects-three__card:hover .projects-three__card__tagline::after{ bottom: -50%; }.projects-three__card__title{ font-size: 24px; color: var(--floens-white, #ffffff); font-weight: 700; line-height: 1; letter-spacing: -0.72px; text-transform: capitalize; margin-bottom: 0; }@media (max-width: 1199px){.projects-three__card__title{ font-size: 20px; }}.projects-three__card__title a{ color: inherit; text-decoration-color: currentColor; transition: all 500ms ease; }.projects-three__card__title a:hover{ background-size: 100% 1px; }@keyframes rainMove{ 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 40px); opacity: 0; } 100% { opacity: 0; } }